/*font-family: 'Raleway', sans-serif;*/
body{margin:0;padding:0;font-family: 'Raleway', sans-serif;background:#ffffff;font-size:16px; line-height: normal; color: #444; overflow-x: hidden; overflow-y: auto;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family: 'Raleway', sans-serif;vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;line-height: 1.3;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
body{ line-height: 1; }
a {color: #2586f1; text-decoration: none; /*transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; outline: 0;*/}
a:hover {text-decoration: none; color:#1c6dc7;}
img{ max-width: 100%; }

.p-datepicker {
    width: 100%!important;
}

.ui-panelgrid .ui-panelgrid-cell {
    padding: 4px!important;
}

body .ui-button{
    background: #1222b2!important;
    border-color: #1221b2!important;
}
body .ui-button.ui-state-hover{
    background: #1222b2!important;
    border-color: #1221b2!important;
}




@media (min-width: 1200px){
    .container {max-width: 1170px;}
}
.main-page {
    margin-top: 70px;
}


/* Prelaoder */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url("../images/preloader.svg") no-repeat center center;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    display: none;
    background: #1221b2;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s ease-in-out;
}

.back-to-top i {
    font-size: 24px;
    padding-top: 6px;
}



.back-to-top:focus {
    background: #e0072f;
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #e0072f;
    color: #fff;
}

/* Sections Header
--------------------------------*/
.section-header {
    margin-bottom: 60px;
    position: relative;
    padding-bottom: 20px;
}

.section-header::before {
    content: '';
    position: absolute;
    display: block;
    width: 60px;
    height: 5px;
    background: #1221b2;
    bottom: 0;
    left: calc(50% - 25px);
}

.section-header h2 {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-header p {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #9195a2;
}

.section-with-bg {
    background-color: #f6f7fd;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    padding: 0px 0;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    background: #3a3a3a;
}
.pul-left{display: none; visibility: hidden;}

header.fixed-header{-webkit-backdrop-filter: blur(10px);
                    -o-backdrop-filter: blur(10px);
                    -moz-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
}

header.fixed-header #logo img {
    max-height: 42px !important;
}

header .container {
    display: flex;
    justify-content: center;
}


#header.header-scrolled, #header.header-fixed {
    background: rgba(6, 12, 34, 0.98);
    height: 70px;
    padding: 15px 0;
    transition: all 0.5s;
}

#header #logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 6px 0;
    line-height: 1;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#header #logo h1 span {
    color: #1221b2;
}

#header #logo h1 a, #header #logo h1 a:hover {
    color: #fff;
}

#header #logo img {
    padding: 0;
    margin: 0;
    max-height: 68px;
    transition: all 0.5s;
}
#logo {
    align-self: center;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.nav-menu li {
    position: relative;
    white-space: nowrap;
}

.nav-menu > li {
    float: left;
}


.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu ul li {
    min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
.centerlog {
    padding: 0px 3rem;
}

.centerlog img {
    padding: 0;
    margin: 0;
    max-height: 80px;
    transition: all 0.5s;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
    float: right;
    margin: 0;
    align-self: center;
    padding: 0px;
}



/* Nav Meu Styling */
.nav-menu a {
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    text-transform:  uppercase;
    cursor: pointer;

}



.nav-menu .menu-active a, .nav-menu a:hover {
    color: rgb(255 255 255 / 82%);
}

.nav-menu > li {
    margin-left: 30px;
    align-self: center;
}


.nav-menu > li > a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #1221b2;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}

.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {
    visibility: hidden;
    width: 100%;
}

.nav-menu li.buy-tickets a {
    color: #fff;
    background: #1221b2;
    padding: 7px 22px;
    border-radius: 50px;
    border: 2px solid #1221b2;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 2px;
    line-height: 1;
    font-size: 13px;
}

.nav-menu li.buy-tickets a:hover {
    background: none;
}

.nav-menu li.buy-tickets:hover a:before, .nav-menu li.buy-tickets.menu-active a:before {
    visibility: hidden;
}

.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    background: #fff;
    border-radius: 3px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    top: auto;
    margin-top: -5px;
    left: 0;
}
.nav-menu ul li {
    transition: 0.3s;
}

.nav-menu ul li a {
    padding: 10px;
    color: #060c22;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
    border-radius: 0px;
}
#nav-menu-container .dropdown-toggle::after {
    content: '\f107' !important;
    font-weight: bold !important;
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    position: absolute;
    top: 6px;
    right: -6px;
    font-family: "Font Awesome 5 Free";
}
#nav-menu-container  li.nav-item.dropdown {
    margin-right: 10px;
}

.nav-menu ul li:hover > a {
    background: #1221b2;
    color: #fff;
}

.nav-menu ul ul {
    margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 15px 15px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

#mobile-nav-toggle i {
    color: #fff;
}



/* Mobile Nav Styling */
#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(6, 12, 34, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul li {
    position: relative;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
}

#mobile-nav ul li a:hover {
    color: #1221b2;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #1221b2;
}

#mobile-nav ul .menu-item-active {
    color: #1221b2;
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(6, 12, 34, 0.8);
    display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
    left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
.item .slide-itemm::after {
    background: #090909;
    opacity: 0.40;
    position: relative;
}
.item .slide-itemm::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(3,5,5,0.20);
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}

.introo .intro-container {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 90px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}
.introo .intro-container {
    flex-direction: row;
}
.intro-container a {
    display: inline-block;
    min-width: 183px;
}



.introo h1 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 56px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 3rem;
    letter-spacing: 3.6px;
}

.introo h1 span {
    color: #1221b2;
}

.introo h1 div {
    font-size: 58px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: rgba(255,255,255,.6);
    /*   line-height: 0.4; */
}


.intro-container img {
    max-width: 160px;
}
.introo p {
    color: #ebebeb;
    font-weight: 700;
    font-size: 20px;
}



.introo .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#1221b2 50%, rgba(101, 111, 150, 0.15) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.introo .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.introo .play-btn:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(163, 163, 163, 0.4);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

.introo .play-btn:hover::after {
    border-left: 15px solid #1221b2;
    transform: scale(20);
}

.introo .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}

.about-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 0px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 2px solid #1221b2;
    background: #1221b2;
}

.about-btn:hover {
    background: transparent;
    border: 2px solid #1221b2;
    color: #fff;
}
.btnbbk_detls .about-btn:hover {
    background: transparent;
    border: 2px solid #1221b2;
    color: #1221b2;
}

@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}


/*--Extra CSS--*/
.pull-left {
    float: left;
}


span.mobileside_toggle {
    display: none;
}

#main-menu-toggle,
#close-main-menu,
.black-layer{display: none;}
.coll.align-self-center {
    display: inline;
}



.video-modal-dialog .modal-body {
    padding: 0;
}

.video-modal-dialog .close {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    opacity: 1;
    text-align: center;
    line-height: 30px;
    right: -18px;
    top: -18px;
    transition: .2s;
    -webkit-transition: .2s;
}

.video-modal-dialog .close:hover {
    background: #1221b2;
    color: #fff;
}

.video-modal-dialog .modal-content {
    border: 7px solid #fff;
}
.video-player video {
    max-width: 100%;
    width: 100%;
    display: block;
}


/*==== Hero Slider ====*/
.slidermain{padding-top: 20px; padding-bottom: 20px;}
#carouselExampleFade{position: relative;background: #161718;/* height: 100%; */}
.NeusteArbeitenSlider-outer{position: relative;padding-bottom: 3rem;}
.NeusteArbeitenSlider-outer .owl-dots{position: absolute;left: 0;top: calc(100% + 3rem);right: 0;width: 100%;}
#carouselExampleFade .owl-item{position: relative; /* height: 100%; */}
#carouselExampleFade .owl-item .item img{}
.slider-caption{position: absolute;left: 0;top: 1rem;left: 1rem;}
.slider-caption h5{font-size: 2rem;color: var(--PrimaryColor);}
.slider-caption p{font-size: 2rem;color: var(--WhiteColor);}
.owl-dots{ text-align: center;}
.owl-dots button span{ display: inline-block; width: 4rem; height: .5rem; background: #BBBBBB;transition: 0.3s; margin: 0 5px;}
.owl-dots button.active span{ background: var(--PrimaryColor);}

#carouselExampleFade .owl-nav {position: absolute; top: 0; height: 100%; width: 100%; pointer-events: none; }
#carouselExampleFade .owl-nav .owl-prev {position: absolute; left: 8%; height: 60px; width: 60px; text-align: center; font-size: 30px; color: rgb(255 255 255); background: rgb(255 255 255 / 0%); pointer-events: initial; border-radius: 100px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 50%; margin-top: -30px; }
#carouselExampleFade .owl-nav .owl-next {position: absolute; right: 8%; height: 60px; width: 60px; text-align: center; font-size: 30px; color: rgb(255 255 255); background: rgb(255 255 255 / 0%); pointer-events: initial; border-radius: 100px; box-shadow: 0px 3px 6px rgb(255 255 255 / 0%); top: 50%; margin-top: -30px; }
#carouselExampleFade .owl-nav i{color: #ffffff; font-size: 30px;font-weight: bold;}
#carouselExampleFade  .owl-stage-outer { height: 100%;}

#carouselExampleFade .owl-stage {height: 100%;}

.welcomeSec{background: #3a3a3a;}
.contactInfo, .menulist_Sec, .aboutIn_sec, .aboutag_sec, .reservtableF_sec ,.reservhall_sec{padding: 60px 0;}
.welcome_content h2{font-size: 36px;font-weight: 700;}
.welcome_content p { letter-spacing: 0.3px; margin-top: 1.5rem; font-style: italic;}

.welcomeSec .row{margin: 0px;}
.welcomeSec .row .col-sm-6:nth-of-type(1){overflow: hidden; padding-left: 0px; padding-right: 0px;  }
.welcomeSec .row .col-sm-6:nth-of-type(1) img {display: flex; object-fit: cover; width: 100%; height: 100%; }
.welcomeSec .row .col-sm-6:nth-of-type(2) {align-self: center; max-width: 580px; padding-top: 3rem; padding-bottom: 3rem;}

.cont_detls{display: flex;}
.leftsid_ddt{width: 6rem;}
.rightsid_ddt{flex: 1; padding-left: 1rem;}
.leftsid_ddt strong{font-size: 22px; color: #000000;}
.rightsid_ddt{font-size: 20px; font-weight: 500; color: #000000;}
.rightsid_ddt span a{color: #1221b2; font-size: 14px;}
.rightsid_ddt span a:hover{text-decoration: underline;}
.cont_detls + .cont_detls{margin-top: 1em;}
.rightsid_ddt p a{color: #1221b2;font-family: 'Arial', sans-serif;}
.btnbbk_detls {margin-top: 1rem; display: flex; justify-content: space-evenly; }
.hland_contT {font-weight: 700; color: #1221b2; font-size: 28px; margin-bottom: 1.5rem; }
.rightsid_ddt p + p{ margin-top: 0.5em;}



.reserve_table{background: url("/javax.faces.resource/booking-bg.jpg.xhtml?ln=images") no-repeat; background-size: cover; min-height: 50rem; background-position: bottom right;display: flex; flex-wrap: wrap; background-attachment: fixed;}
.reserv_prow{justify-content: flex-end;}
.table_resform{margin-top: 5rem;}
.reserv_prow .col-sm-7{align-self: center;}
.reserve_fo .form-group .about-btn{margin-left: 0px; margin-top: 2rem;}
.reserve_fo .form-group label{color: rgb(255 255 255 / 62%); font-size: 14px; font-weight: 500;}
.reserve_fo .form-group{margin-bottom: 2rem;}
.reserve_fo .form-group .form-control{outline: none; box-shadow: none; border-radius: 0px; font-weight: 500; color: #ffffff; font-size: 16px;background: transparent; border: 1px solid rgb(255 255 255 / 47%);}
.reserve_fo .form-group .form-control:hover{border: 1px solid rgb(255 255 255 / 100%);}

.reserve_fo h3 {font-weight: 700; font-size: 50px; margin-bottom: 1.5rem; color: rgba(255, 255, 255, 0.0); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,.6); text-transform: uppercase; text-align: center; }
.reserve_fo h3 span {color: #ffffff; font-size: 36px; display: block; line-height: 0; }
.reserve_table .container { align-self: center;}

footer {background: #3a3a3a; padding: 6rem 0 3rem 0; }


/*== Footer ==*/
.footer_heading{font-size: 20px; font-weight: 500; color: #ffffff; margin-bottom: 30px; }

.social_footer li {padding: 5px 5px; background: #fff; border-radius: 100px; display: inline-block; min-width: 136px; }
.social_footer li a{color: #ffffff; border-radius: 100%; display: inline-block; height: 28px; width: 28px; margin-right: 8px; padding: 0; text-align: center; }
.social_footer li a.Facebook {background-color: #2b4a8b; font-size: 20px;text-align: center;}
a.Facebook i {padding-top: 4px; display: inline-block; }
.social_footer li a span{color: #ffffff;}
.social_footer li span a {font-size: 16px; color: #2b648e!important; line-height: 28px; }
.social_footer li:hover {opacity: 0.9; }

.footer_links li + li, .footer_workD li + li, .footer_addressL li{margin-top: 10px;}
.footer_links li a{color: rgb(255 255 255 / 58%); font-size: 16px; font-weight: 400;}
.footer_links li a:hover{color: #ffffff;}
.footer_workD li {color: rgb(255 255 255 / 58%); font-size: 16px; font-weight: 400;list-style: circle;}
.footer_addressL li {color: rgb(255 255 255 / 58%); font-size: 16px; font-weight: 400;}
.footer_addressL li strong, .footer_workD li strong{color: #ffffff;}
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(2) {padding-left: 30px; }
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(1) {padding-right: 30px; }
.footer_workD {padding-left: 15px; }


/*== Menu Page ==*/
.innerphero{position: relative; background: url("/javax.faces.resource/menu-banner.jpg.xhtml?ln=images") no-repeat; width: 100%; height: 19.1rem; background-position: top center;background-attachment: fixed; display: flex; justify-content: center;}
.innerphero::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 32%);}
.bannertext_title h1{font-size: 48px; color: #ffffff; font-weight: bold;    text-shadow: 0 0 7px rgb(0 0 0 / 54%);}

.bannertext_title{align-self: center; position: relative; z-index: 1;}
.headingmlist h2{font-size: 22px; color: #3a3a3a; font-weight: bold;}
.imagebbmx{width: 60px; height: 60px;border-radius: 100px; overflow: hidden;}
.imagebbmx img{object-fit: cover; width: 100%;}
.menubx{display: flex;}
.left_mimg{width: 60px;}
.right_menuc{flex: 1;}
.titlesecM{display: flex;}
.title_secM_left{flex: 1;}
.title_secM_right{width: 60px;}
.right_menuc{flex: 1; padding-left: 1rem;padding-right: 1rem;}
.right_menuc p{font-size: 14px; color: #4e4e50; line-height: 1.8; margin-top: 5px;    font-weight: 500;}
.title_secM_left h3, .title_secM_right{font-size: 18px; color: #3a3a3a; font-weight: bold;white-space: nowrap;}
.title_secM_right{font-family: 'Arial', sans-serif;}
.title_secM_mid{flex: 1;border-bottom: dashed 1px rgba(0, 0, 0, .6);}
.menubx{margin-bottom: 3rem}
.headingmlist{margin-bottom: 3rem;}

.page_abouus{position: relative; background: url("/javax.faces.resource/about-banner.jpg.xhtml?ln=images") no-repeat; width: 100%; height: 19.1rem; background-position: top center;background-attachment: fixed; display: flex; justify-content: center;}

.aboutin_content span{font-size: 20px; font-weight: 500; line-height: 24px; color: #ff5d20; position: relative;}
.aboutin_content span::after {content: ''; position: absolute; right: -60px; bottom: 10px; width: 50px; height: 1px; background: #ff5d20;}
.aboutin_content p{letter-spacing: 0.3px; margin-top: 1.5rem; color: #000000;}

.abouttag_imgBX{position: relative; background: url("/javax.faces.resource/about_tagline-bg.jpg.xhtml?ln=images") no-repeat; width: 100%; min-height: 40rem; background-position: top center; display: flex; justify-content: center; padding: 3rem 3rem;}
.abouttag_imgBX h5{text-align: center; font-size: 42px; font-weight: bold; letter-spacing: 1.8px; color: #ffffff; text-transform: capitalize; align-self: center;}
.abouttag_imgBX h5 span{color: #ff5d20;}
.aboutag_sec{padding-bottom: 12rem;}

.page_tablebook{position: relative; background: url("/javax.faces.resource/table-book.jpg.xhtml?ln=images") no-repeat; width: 100%; height: 19.1rem; background-position: top center;background-attachment: fixed; display: flex; justify-content: center;}

.reservtableF_sec, .reservhall_sec {background: #f8faff; }

.page_hallbook{position: relative; background: url("/javax.faces.resource/hall-book.jpg.xhtml?ln=images") no-repeat; width: 100%; height: 19.1rem; background-position: top center;background-attachment: fixed; display: flex; justify-content: center;}
.reservtableF_sec .reserve_fo .form-group label, .reservhall_sec .reserve_fo .form-group label{color: #000000;}

.reservhall_sec .reserve_fo .form-group .form-control, .reservtableF_sec .reserve_fo .form-group .form-control{color: #000000;  border: 1px solid rgb(0 0 0 / 49%);}

.reservtableF_sec .reserve_fo .form-group .form-control:hover, .reservhall_sec .reserve_fo .form-group .form-control:hover {border: 1px solid #000000;}
.reservhall_sec .about-btn:hover, .reservtableF_sec .about-btn:hover{color: #1221b2;}

.reservhall_sec .reserve_fo h3, .reservtableF_sec .reserve_fo h3{-webkit-text-stroke-color: rgb(0 0 0 / 60%);}
.reservhall_sec .reserve_fo h3 span, .reservtableF_sec .reserve_fo h3 span{color: #000000;}

.page_contactus{position: relative; background: url("/javax.faces.resource/about-banner.jpg.xhtml?ln=images") no-repeat; width: 100%; height: 19.1rem; background-position: top center;background-attachment: fixed; display: flex; justify-content: center;}