/* navga */
.nvgtobd {
   float: right;
   position: -webkit-sticky;
   position: sticky;
   top: 8vh;
   width: 22%;
   height: 91.7vh;
   background: var(--color-white);
   border-top: 2px solid var(--color-white);
   z-index: 1;
}

/* end navga */
.cont-info a {
   padding: 2px 10px;
}

.cont-info li {
   list-style: none;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

/* sidebar end */
/* pgin */
.pckgovw-dsp {
   display: grid;
   grid-template-columns: 10% 1fr;
   padding: 3vh 20px 30px 0px;
   background: #FFFFFF;
   margin-bottom: 17px;
}

.pckgovwfull-dsp {
   display: grid;
   grid-template-columns: 10% 1fr;
   padding: 3vh 20px 30px 0px;
   background: #FFFFFF;
   margin-right: 1px;
   margin-bottom: 17px;
}

.pckgovwfull-dsp.abt {
   margin-left: 1px;
   margin-bottom: 0px;
}

.pckgovwdscfull p {
   padding-right: 10px;
}
.pckgovwdscfull p:not(:last-of-type) {
   padding-bottom: 10px;
}

.pckgs::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #00000085;
   transition: .5s ease-in-out;
   opacity: 0;
   z-index: 1;
}

.pckgs:hover:before {
   opacity: 1;
}

.pckgs:hover .pckgsde.pfull {
   transform: translatey(0%);
   background-color: transparent;
   z-index: 5;
}

.pckgs:hover .pckgsde.pmin {
   transform: translatey(0%);
   background-color: transparent;
}

.pckgs:hover .pckgsde.pfull p {
   opacity: 2;
}

.pckgs:hover .pckgsde.pmin p {
   opacity: 1;
}

.pckgsde.pfull {
   padding: 20px 20%;
   background-color: #00000085;
   color: #ffffff;
   text-align: center;
   transform: translatey(75%);
   transition: .5s ease-in-out;
}

.pckgsde.pmin {
   padding: 10px 2%;
   background-color: #00000085;
   color: #ffffff;
   text-align: center;
   transform: translatey(75%);
   transition: .5s ease-in-out;
   z-index: 5;
}

.pckgsde h3 {
   padding-bottom: 8px;
   font-family: monospace;
}

.pckgsde.pmin h3 {
   padding-bottom: 5px;
   font-family: monospace;
}

.pckgsde abbr {
   padding-bottom: 25px;
   display: block;
   color: #efd700;
   font-family: monospace;
   font-size: 18px;
}

.pckgsde.pmin abbr {
   padding-bottom: 20px;
   display: block;
   color: #efd700;
   font-family: monospace;
   font-size: 18px;
}

.pckgsde p {
   transition: 1.5s ease-in-out;
   opacity: 0;
}

.pckgsde .trsftbtn {
   display: block;
   padding-top: 25px;
}

.pckgsde.pmin .trsftbtn {
   display: block;
   padding-top: 20px;
}

.pckgsde .trsftbtn a {
   padding: 8px 15px;
   background: var(--btn-primary-bg);
   color: var(--btn-primary-text);
   border-radius: 5px;
   text-decoration: none;
   font-size: 14px;
   letter-spacing: .6px;
}

.pckgsde .trsftbtn a:hover {
   background: var(--btn-bg);
}

section h2 {
   font-size: 28px;
   padding: 0px 0px 20px;
   display: block;
}

.pckgovwic i,
.pckgovwic svg {
   font-size: 50px;
   color: #99A3AD;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   height: 100%;
   padding-left: 20px;
}

.trpprfil-dsp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 0px;
}

.trpprfitms h4 span {
   font-size: 16px;
}

.trpprfitmsdtls {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.trpprfitmsdtls .trppico {
   padding: 0px 10px 0px 0px;
   font-size: 30px;
}

.trppico i {
   color: #8c8a8c;
}

.trpprfitms-dsp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.pckgovwdsc p {
   padding-bottom: 10px;
}

#idsrpone h4 {
   padding: 10px 0px;
}

.idsrp ul {
   display: block;
   padding: 10px 30px;
}

.idsrp {
   max-height: 0;
   transition: max-height 0.15s ease-out;
   overflow: hidden;
   background: #d5d5d5;
   padding-left: 20px;
   padding-right: 20px;
   clear: both;
}

.accordion {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   background: #f5f5f5;
   cursor: pointer;
   padding: 10px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 16px;
   font-weight: 600;
   transition: 0.4s;
}

.accordion.itnacc {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.accoda {
   font-size: 17px;
}

.accoda::after {
   content: ":";
}

.accoiti {
   margin-left: 5px;
}

.accordion.active,
.accordion:hover {
   background-color: #ccc;
}

.accordion.itnacc.active {
   position: -webkit-sticky;
   position: sticky;
   top: 8vh;
}

.accordion:after {
   content: '\f078';
   font-family: "Font Awesome 6 Pro";
   color: #777;
   font-weight: bold;
   float: right;
   margin-left: 5px;
   font-size: 15px;
}

.accordion.active:after {
   content: "\f077";
   font-family: "Font Awesome 6 Pro";
   font-size: 15px;
}

.panel {
   background-color: #ffffff;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}

.panel#itnr {
   padding: 0px 15px;
   border: 1px solid #ccc;
}

.panel#itnr .itisce {
   padding-top: 20px;
}

.panel#itnr .itisce p:not(:first-child) {
   display: block;
   padding-top: 0px 8px;
}

.panel#itnr .itisce span {
   font-weight: bold;
}

.panel#itnr ul {
   margin-left: 0px;
   padding: 0px;
}

.itininf {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-bottom: 40px;
}

.itininf h3 {
   padding: 20px 0px 10px !important;
}

.itininf ul li {
   list-style: none;
}

.itininf ul li span {
   font-weight: bold;
   font-size: 16px;
}

.itininflst {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-bottom: 40px;
}

.itininflst div h3 {
   margin: 0px 0px 10px 20px;
}

.itininflst ul li {
   list-style: none;
}

.accoucpl {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

#pginfullcnts {
   width: 99.4%;
   margin-left: 0.6%;
}

.fllpgflx3pc {
   display: -webkit-flex;
   display: flex;
   justify-content: baseline;
   padding: 3vh 0px 70px;
   background: #FFFFFF;
   margin-right: 1px;
   margin-bottom: 17px;
}

.fllpgflx3pc h3:not(:first-child) {
   padding-top: 20px;
}

.fllpgflx3pc h3 {
   padding-bottom: 10px;
}

#stsdnvid ul li {
   list-style: none;
}

#stsdnvid ul li:not(:last-child) {
   padding-bottom: 10px;
}

.clmxkngofadvs {
   flex: 50%;
   padding: 0px 50px;
}

.maxtdbtn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   margin-top: 30px;
   margin-bottom: 30px;
}

.maxtdbtn a {
   display: inline-block;
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   font-size: 14px;
   text-decoration: none;
   color: var(--btn-primary-text);
   border-radius: 5px;
   text-align: center;
   letter-spacing: .6px;
   font-weight: 400;
}

.maxtdbtn a:hover {
   background: var(--btn-bg);
}

.maxtb ul {
   padding: 8px 0px 8px;
}

.stsdnvlft {
   margin-left: 70px;
}

.stsdnvrgh {
   margin-right: 70px;
}

.clmxkngofadvs ul li {
   margin-top: 10px;
   margin-bottom: 10px;
}

.pckgsde.pfull h4 {
   padding-bottom: 6px;
}

/* inpg prt */
/* end inpg prt */
.inppritbs {
   padding-top: 30px;
}

#tabs {
   display: -webkit-flex;
   display: flex;
   font-size: 15px;
   font-weight: 400;
}

.tab {
   flex: 1;
   cursor: pointer;
   background: linear-gradient(0deg, var(--color-light) 0%, var(--color-white) 90%);
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 10px;
   text-align: center;
   font-weight: 400;
   position: relative;
}

.tab:last-child {
   border-right: 1px solid #ccc;
}

.tab.active {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, var(--color-warm) 0%, var(--color-light) 90%);
}

.tab.active.tab::before {
   content: "";
   border: 8px solid transparent;
   border-top: 8px solid var(--color-warm);
   position: absolute;
   top: 100%;
}

.tabcontent {
   display: none;
   padding: 15px 0px 30px;
   border-top: none;
}

table {
   width: 100%;
   border-collapse: collapse;
   text-align: center;
   table-layout: fixed;
   margin-top: 20px;
   position: relative;
   overflow: hidden;
}

.tabcontent table tr,
.tabcontent table th,
.tabcontent table td {
   border: 1px solid #d1d1d1;
   padding: 5px;
}

.tabcontent table tr:nth-child(2) {
   background: #d1d1d1;
}

.inclexcl {
   display: -webkit-flex;
   display: flex;
}

.inclexcl h3 {
   padding-bottom: 10px;
}

.inclexcl ul li:not(:last-child) {
   padding-bottom: 5px;
}

.inclexcl .incl ul li,
.excl ul li {
   list-style-type: none;
   margin-left: 0px;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.inclexcl .incl ul li::before {
   content: "\2713";
   padding-right: 10px;
   color: green;
}

.inclexcl .excl ul li::before {
   content: "\0058";
   padding-right: 12px;
   color: red;
}

.inclexcl .excl {
   margin-left: 40px;
}

/* groups accordion */
button#fxdpd {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border: 1px solid #ccc;
   padding: 0px 10px 0px 0px;
   text-align: center;
   font-family: monospace;
   overflow: hidden;
}

.fxddprtitmsc>span {
   font-size: 20px;
   font-weight: bold;
   display: block;
   margin-bottom: 20px;
}

span.fxddprtbgi {
   display: block;
   width: 150px;
   height: 60px;
   border-radius: 0px 5px 5px 0px;
   position: relative;
}

span.fxddprtbgi img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}

#fxdpd span {
   width: 150px;
   text-align: left;
}

#fxdpd span abbr i {
   font-size: 10px;
   padding-right: 2px;
}

.fxddalltry {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
}

.fxddprtitms-dsp {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 20px;
}

.fxditms {
   border-radius: 12px;
   padding: 30px 20px;
   margin: 20px 5px;
   background-color: #ffffff;
}

.fxddrwone {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #777;
}

.fxdim {
   width: 200px;
   height: 100px;
   border-radius: 10px 10px 0px 0px;
   position: relative;
   overflow: hidden;
}

.fxdim img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}

.fxddd {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   text-align: center;
}

.fxddd span {
   display: block;
}

.fxddd span:first-child {
   font-size: 40px;
   margin-bottom: 5px;
}

.fxddd span:nth-child(2) {
   font-size: 18px;
}

/* pg full */
.fxdddfull {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   text-align: center;
}

.fxdddfull span:first-child {
   font-size: 25px;
}

.fxddprtitmsfull-dsp {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   background-color: #ffffff;
   grid-gap: 50px;
}

.fielcards {
   background-color: #ffffff;
   box-shadow: 0px 0px 7px #99A3AD;
   transition: border-color .3s, box-shadow .3s;
   border-radius: 2px;
   max-width: 700px;
   margin: 40px 0px;
   overflow: hidden;
}

.fieldcdsimg {
   height: 250px;
   color: #ffffff;
   text-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
   border-radius: 2px 2px 0px 0px;
   position: relative;
   overflow: hidden;

}

.fieldcdsimg img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}

.fieldcddetals {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.pckgovwic i,
.pckgovwic svg {
   position: -webkit-sticky;
   position: sticky;
   top: 38%;
   height: 180px;
}

.fieldcddetals {
   margin-top: 15px;
}

.fieldcdfoot {
   padding: 25px 15px 30px;
}

/* end pg full */

.fxddrtw {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.fxddrtw-dsp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}

.fxddrtw h3 {
   padding: 20px 0px;
}

.fxddprtda-dsp,
.fxddprtdyico {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.fxdpr {
   font-size: 25px;
   font-weight: 800;
   font-family: monospace;
}

.fxdpr span {
   font-size: 19px;
}

.fxddprtda-dsp div:nth-child(2) {
   padding-left: 10px;
}

.fxddprtdyico div {
   padding-left: 10px;
}

.fxddbtn a {
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   text-decoration: none;
   color: var(--btn-primary-text);
   border-radius: 5px;
   font-size: 14px;
   letter-spacing: .6px;
   font-weight: 400;
}

.fxddbtn a:hover {
   background: var(--btn-bg);
}

/* end group accordion */
.fxddprtimg span {
   height: 100%;
}

.pckgscards-dsp {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   -webkit-collumn-gap: 20px;
   column-gap: 20px;
   -webkit-row-gap: 20px;
   row-gap: 20px;
}

.pckgs {
   height: 300px;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 2px;
   position: relative;
   overflow: hidden;
}

.pckgs#inner-pg {
   position: relative;
   overflow: hidden;
}

.pckgs#inner-pg img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 150%;
}

#inner-im {
   overflow: hidden;
   position: relative;
}

#inner-im img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   z-index: 0;
}

.pckgs:hover::after {
   opacity: 1;
}

.pckgs h3 {
   color: #FFFFFF;
}


/* related tour */
.reltdt {
   box-shadow: 0px 0px 2px var(--color-accent);
   overflow: hidden;
   border-radius: 5px;
}

.reltdt-dsp {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.reltddscr {
   width: 60%;
   padding: 10px 20px 10px 10px;
}

.reltddscr>span {
   padding: 0px 0px 10px;
   display: block;
   font-weight: 400;
   font-size: 18px;
}

.reltddscr p {
   display: block;
}

.relbtn {
   display: flex;
   align-items: center;
   margin-top: 10px;
}

.relbtn p {
   font-size: 16px;
   line-height: 18px;
   padding: 0px;
   font-weight: 500;
   letter-spacing: 0.6px;
}

.relbtn p span:last-of-type {
   font-size: 13px;
   font-weight: 400;
}

.relbtn a {
   background: var(--btn-primary-bg);
   color: var(--btn-primary-text);
   padding: 8px 15px;
   font-size: 14px;
   letter-spacing: .6px;
   border-radius: 5px;
   text-decoration: none;
   font-weight: 400;
   margin-left: 20px;
}

.reltddscr a:hover {
   background: var(--btn-bg);
}

.reltdtirs {
   width: 40%;
   min-height: 184px;
   position: relative;
   overflow: hidden;
   margin: 10px 10px 10px;
   border-radius: 5px;
   z-index: 0;
}

.reltdtirs img {
   width: 100%;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   z-index: -1;
}

/* end related tour */
/* menu */
.trjctcont-disp {
   background-color: #ffffff;
   margin-bottom: 17px;
}

.trjct-disp {
   display: -webkit-flex;
   display: flex;
   padding-top: 70px;
}

.trjctcrds {
   box-shadow: 0px 0px 20px #00000047;
   border-radius: 2px;
}

.trjct-disp .trjctcrds+.trjctcrds {
   margin-left: 50px;
}

.trjct {
   background-color: #ffffff;
   padding: 20px 40px 20px;
}

.trjct h2 {
   padding-bottom: 15px;
}

.trjct p {
   display: block;
   margin-bottom: 20px;
}

.trjct a {
   padding: 5px 15px;
   background-color: #000080;
   border-radius: 2px;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
   display: inline-block;
}

.trjct a:hover {
   background-color: #0000ff;
   color: #efd700;
}

.trjctimg {
   position: relative;
   height: 270px;
   overflow: hidden;
}

.trjctimg img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 110%;
}

.vcsftrjct-disp {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 40px;
}

.trjct p span {
   display: block;
}

.jctbtn {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 15px;
   border-top: 1px solid #99A3AD;
}

.jctbtn div:first-child {
   font-size: 20px;
   letter-spacing: -1px;
}

/* end menu */
/* packing list */
.pckitm {
   padding-top: 25px;
   padding-bottom: 30px;
}

.pckitm-disp {
   display: -webkit-flex;
   display: flex;
}

.pckitm:not(:last-child) {
   border-bottom: 1px solid #99A3AD;

}

.pckitmits {
   flex: 0 0 130px;
   padding: 0px 20px 0px 0px;
}

.dispnull,
.hdispnull {
   display: none;
}

.pckitmits h4 span {
   font-weight: normal;
   font-size: 16px;
}

.pckitmdesc ul li {
   list-style-type: "❆  ";
}

.pckitmdesc>div img {
   padding-top: 20px;
}

/* end packing list */
/* articles */

.maxtd h4 {
   padding: 10px 0px;
}

.maxtd ul li,
.maxtd h4 {
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 20px;
}

.maxtd ul li::before,
.maxtd h4::before {
   content: "";
   position: absolute;
   left: 0px;
   width: 7px;
   height: 7px;
   margin-right: 10px;
   border-radius: 1px;
   background-color: #99A3AD;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.maxtdim {
   margin: 20px 0px;
   border-radius: 2px;
}

.maxtdim img {
   width: 100%;
   border-radius: 2px;
}

.maxtdim#image_bg {
   height: 400px;
   overflow: hidden;
   position: relative;
}

.maxtdim#image_bg img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

span.maxdescr {
   display: block;
   margin-bottom: 10px;
   font-style: italic;
   font-size: 15px;
   color: #999;
}

.trcktps-weather {
   margin-top: 80px;
}

.trtpsweath-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   border: 1px solid #e9edf6;
   margin: 20px 0px;
}

.weatherhe {
   flex: 0 0 10%;
}

.weatherth {
   display: -webkit-flex;
   display: flex;
   justify-content: start;
   align-items: center;
   padding-right: 20px;
   padding-left: 5px;
   height: 30px;
}

.wethtable-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.wethtable {
   width: 100%;
}

.weathertr {
   flex: 7.5%;
}

.weathertr .weathertd:first-child,
.weatherth:first-child {
   border-bottom: 1px solid #e9edf6;
}

.weathertr:nth-child(even) {
   background-color: #f6f6f6;
   border-left: 1px solid #e9edf6;
}

.weathertr:nth-child(odd) {
   border-left: 1px solid #e9edf6;
}

.weathertd {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   height: 35px;
}

.tpsimg img {
   width: 20px;
   padding-top: 20px;
}

.trpsallrbtn {
   margin-top: 20px;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
}

.trpsallrbtn a {
   display: inline-block;
   padding: 8px 10px;
   background-color: #0000ff;
   text-decoration: none;
   color: #ffffff;
   border-radius: 2px;
   text-align: center;
}

strong.br {
   display: block;
}

.tpsimg img {
   width: 100%;
}

.tpsqfct-cont {
   margin-top: 20px;
}

.tpsqfct-disp {
   display: -webkit-flex;
   display: flex;
   width: 100%;
}

.tpsqfctimg {
   flex: 20%;
   max-height: 100%;
   border-radius: 2px;
   position: relative;
   overflow: hidden;
}

.tpsqfct h3 {
   margin: 0px 0px 10px !important;
   text-align: center;
}

.tpsqfct {
   width: 80%;
}

.qfctr {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-left: 20px;
}

.qfctr:nth-child(even) {
   background-color: #e9edf6;
}

.qfctd {
   padding: 5px 0px;
}

.qfctd:first-child {
   flex: 25%;
}

.qfctd:last-child {
   flex: 75%;
}

#maxflo {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   border-bottom: 1px solid #99A3AD;
}

#maxflx {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   border-bottom: 1px solid #99A3AD;
}

#maxflo,
#maxflx:not(:first-child) {
   margin-top: 25px;
}

#maxflo,
#maxflx {
   padding-bottom: 30px;
}

#maxflo .hfofive {
   flex: 20%;
}

#maxflx .hfofive {
   flex: 25%;
}

#maxflo .maxdtls {
   flex: 80%;
}

#maxflx .maxdtls {
   flex: 75%;
}

.maxdtls div {
   float: left;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100px;
}

.maxdtls p {
   display: block;
   overflow: hidden;
}

#maxflo p {
   padding-bottom: 10px;
}

#maxflx p {
   padding-left: 10px;
}

/* end articles */
/* booking */
.bkcont {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100vh;
   visibility: hidden;
   transition: visibility 0s ease-in-out;
   z-index: -1000;
}

#bookop,
#bookcl {
   display: none;
}

label.bookop {
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   display: block;
   margin: 30px 0px 20px;
   text-align: center;
   color: var(--btn-primary-text);
   font-weight: 400;
   font-size: 14px;
   width: 150px;
   border-radius: 5px;
   letter-spacing: .6px;
}

label.bookop:hover {
   background: var(--btn-bg);
}

#bookop:checked~.bkcont {
   visibility: visible;
   top: 0px;
   z-index: 1000;
}

.bkinn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   background-color: #0b0b0beb;
   width: 99.4%;
   height: 100%;
   margin-left: 0.6%;
   opacity: 0;
   transition: opacity 1s ease-in-out;
}

.bkinn::before {
   content: '';
   width: 50%;
   height: 100%;
   background-color: #ffffff;
   position: absolute;
}

.bkcont header {
   opacity: 0;
   transition: opacity 1s ease-in-out;
}

#bookop:checked~.bkcont header {
   opacity: 1;
}

.bkhert {
   width: 40%;
   margin-top: 2.5vh;
   margin-left: 0.6%;
   padding-bottom: 200px;
   overflow-y: auto;
   overflow-x: hidden;
   border-left: 15px solid #f5f5f5;
   padding-left: 30px;
   padding-right: 30px;
   z-index: 1;
}

#bookop:checked~.bkcont .bkinn {
   opacity: 1;
}

.bkhert::-webkit-scrollbar {
   width: 15px;
   cursor: pointer;
}

.bkhert::-webkit-scrollbar-thumb {
   background: #0000ff;
   box-shadow: inset -2px -2px 2px #ffffff, inset 2px 2px 2px #ffffff;
   border-radius: 2px;
   cursor: pointer;
}

.bkhert::-webkit-scrollbar-track {
   background: #f5f5f5;
   border-radius: 2px;
   cursor: pointer;
}

.bkrowinp {
   width: 100%;
}

.bkrowinp input,
.bkrowinp select {
   border: none;
   outline: none;
   width: 98%;
   height: 30px;
   margin-left: 2%;
   background-color: #f5f5f5;
}

.bkrowinp textarea {
   width: 88%;
   padding: 20px 3%;
   border: none;
   outline: none;
   resize: vertical;
   background-color: #f5f5f5;
}

.bkrow-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   background-color: #f5f5f5;
   border: 1px solid #99A3AD;
   border-radius: 2px;
   width: 100%;
   margin-bottom: 15px;
}

.bkrowic {
   width: 30px;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #8c8a8c;
}

.bkrow label {
   padding: 5px 0px;
   display: block;
}

.bkinfmt {
   color: #000;
   border-left: 3px solid #000080;
   margin: 20px 3%;
   padding-left: 10px;
}

.bkinfmt p {
   position: relative;
}

.bkinfmt p {
   display: block;
   border-left: 2px dotted #99A3AD;
   padding: 1px 0px 1px 6px;
   margin: 5px 0px;

}

.bksbmt {
   display: inline-flex;
   margin-top: 50px;
   width: 100%;
   align-items: center;
   justify-content: space-around;
}

.bksbmt label,
.bksbmt input {
   padding: 7px 10px;
   background: #ff0000;
   color: var(--color-white);
   border: none;
   outline: none;
   border-radius: 5px;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: .6px;
   text-align: center;
   width: 60px;
   cursor: pointer;
}

.bksbmt input {
   background: var(--btn-primary-bg);
   width: 200px;
}

.bksbmt input:hover {
   background: var(--btn-bg);
}

.bksbmt label:hover {
   background-color: #a90909;
}

.sbmtx {
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transform: rotate(350deg);
   animation: failed 2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@keyframes failed {
   0% {
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

/* end booking */
/* submission */

.sbmt-disp {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

.sbmtchk {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-bottom: 30px;
   position: relative;
}

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

.sbmtchk::before {
   content: '';
   width: 70px;
   height: 70px;
   border-radius: 50%;
   position: absolute;
   top: 0;
   border-left: 1px solid #3498db;
   animation: spin 3s linear 1s forwards;
}

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

   25% {
      transform: rotate(360deg);
   }

   50% {
      transform: rotate(720deg);
   }

   75% {
      transform: rotate(1080deg);
   }

   100% {
      transform: rotate(1440deg);
      border: 1px solid green;
   }
}

.sbmtx {
   width: 70px;
   height: 70px;
   border: 1px solid red;
   border-radius: 50%;
   margin-bottom: 30px;
}

.sbmtmsg p+p {
   margin-top: 10px;
}

.sbmtmsg a {
   text-decoration: none;
   color: #0000ff;
   font-weight: 600;
   cursor: pointer;
}

.sbmtmsg h2 {
   padding-bottom: 30px;
}

/* booking response */
.submtresp,
.contact-submtresp {
   position: fixed;
   top: 0;
   left: 0;
   width: 99.4%;
   height: 100vh;
   margin-left: 0.6%;
   background-color: #0b0b0beb;
   z-index: 600;
   display: none;
}

.respnshrt,
.contact-respnshrt {
   width: 100%;
   height: 90%;
}

.respnshrt div.respnshrtin,
.contact-respnshrt div.contact-respnshrtin {
   height: auto;
   background-color: #ffffff;
   border-radius: 8px;
   padding: 8vh;
   width: 35%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.sbmtclbtn,
.contact-sbmtclbtn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 4vh;
}

.sbmtclbtn button,
.contant-sbmtclbtn button,
.contact-sbmtclbtn button,
.for0lnkbtp a button {
   border: none;
   outline: none;
   padding: 8px 10px;
   color: #ffffff;
   font-size: 17px;
   font-weight: 600;
   background-color: #0000ff;
   border-radius: 2px;
}

/* end submit response */
/* end Submission */
/* end pgin */
/* 404 */
.for0forcont {
   position: fixed;
   top: 0;
   width: 98.8%;
   height: 100%;
   margin-left: 0.6%;
   margin-right: 0.6%;
}

.errpgbg-sli-cont {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.for0cont {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #0b0b0b8b;
}

.hero-backh-sli-disp#for0gpbgsl {
   height: 100%;
}

.for0pgshrtin {
   width: auto;
   height: auto;
   background-color: #ffffff;
   border-radius: 8px;
   width: 35%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 4vh 5vh 8vh
}

.for0for p+p {
   margin-top: 5px;
}

.for0lnkbtp {
   display: -webkit-flex;
   display: block;
   text-align: center;
   /* width: 100% */
}

#for0in {
   padding-bottom: 20px;
}

.for0lnkbtp p {
   margin-top: 20px;
   display: block;
}

/* end 404 */

.nav .active {
   color: #efd700;
}