:root {
    --themecolor1: #104c9c;
    --themecolor2: #3d3d3d;
    --themecolor3: #392e1f;
    --themecolor4: #707070;
    --themecolor5: #a59b65;
    --themecolor6: #878787;
    --themecolor7: #b7b7b7;
    --themecolor8: #d7d7d7;
    --text-colordark: #333333;
    --font-face1: "Open Sans";
    --font-face2: "playfair_displayregular";
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}
.form-control:focus,
.form-select:focus {
    box-shadow: none;
    background-color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: var(--font-face2);
}
p {
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-family: var(--font-face1);
}

/* ========= Color Style =========*/
.bg-blue {
    background: var(--themecolor1);
}
.text-blue {
    color: var(--themecolor1);
}
.text-dgray {
    color: var(--themecolor3);
}
.text-lgray {
    color: var(--themecolor6);
}
.text-lgray2 {
    color: var(--themecolor7);
}
/* ========= Color Style =========*/

/* ========= Font Style =========*/

@font-face {
    font-family: "Open Sans";
    src: url("../../fonts/OpenSans-Light.woff2") format("woff2"), url("OpenSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src: url("../../fonts/OpenSans-Regular.woff2") format("woff2"), url("../../fonts/OpenSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    src: url("../../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../../fonts/OpenSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "playfair_displayregular";
    src: url("../fonts/playfairdisplay-regular-webfont.woff2") format("woff2"),
        url("../../fonts/playfairdisplay-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
.ytp-expand-pause-overlay .ytp-pause-overlay {
  
    display: none !important;
}

.fn-face1 {
    font-family: "Open Sans";
}
.fn-face2 {
    font-family: "playfair_displayregular";
}
.fn-w1 {
    font-weight: normal;
}
.fn-w2 {
    font-weight: 300;
}
.fn-w3 {
    font-weight: 600;
}

.fn-12 {
    font-size: 12px;
}
.fn-14 {
    font-size: 14px;
}
.fn-16 {
    font-size: 16px;
}
.fn-18 {
    font-size: 18px;
}
.fn-20 {
    font-size: 20px;
}
.fn-22 {
    font-size: 22px;
}
.fn-24 {
    font-size: 24px;
}
.fn-28 {
    font-size: 28px;
}
.fn-30 {
    font-size: 30px;
}
.fn-32 {
    font-size: 32px;
}
.fn-34 {
    font-size: 34px;
}
.fn-36 {
    font-size: 36px;
}
.fn-40 {
    font-size: 40px;
}
.fn-50 {
    font-size: 50px;
}
.line-h1 {
    line-height: 24px;
}
.line-h2 {
    line-height: 28px;
}
.line-h3 {
    line-height: 30px;
}
.line-h4 {
    line-height: 36px;
}
.line-h5 {
    line-height: 40px;
}
.line-h6 {
    line-height: 48px;
}
.letter-spacing1 {
    letter-spacing: 1px;
}
/* ========= Font Style =========*/

#TA_selfserveprop509 {
    float: left;
    width: 207px;   

}
.pdfUpload.font-size {
    padding: 10px;
    font-size: 12px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 404px;
    white-space: nowrap;
}

.input-group-append {
    position: relative;
    top: 0;
    left: 0;
}

.main-pdf {
    position: relative;
    border: 1px solid #929292;
}

#CDSWIDSSP {
    width: 100% !important;
}
.widSSPComponent.widSSPOptional {
    display: none;
}
video{object-fit:cover;}
/* ========= Padding Style =========*/
.padding1 {
    padding: 100px 0;
}
.padding2 {
    padding: 80px 0;
}
.padding3 {
    padding: 60px 0;
}
.padding4 {
    padding: 40px 0;
}
.px-80 {
    padding-left: 80px;
    padding-right: 80px;
}
.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
/* ========= Padding Style =========*/

.themeBtn {
    background: var(--themecolor1);
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    font-family: var(--font-face1);
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    border: 1px solid transparent;
    border-radius: 0;
}
.themeBtn:hover {
    border: 1px solid var(--themecolor1);
    background: #fff;
}

.themeBtn2 {
    color: var(--themecolor1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    border: 1px solid var(--themecolor1);
}
.themeBtn2:hover {
    border: 1px solid var(--themecolor1);
    color: #fff;
    background: var(--themecolor1);
}
.arrowBtn {
    color: #000;
    transition: all 0.3s ease-in;
}
.arrowBtn:hover {
    font-weight: 600;
    color: var(--themecolor1);
    letter-spacing: 2px;
}
.positiontop {
    position: relative;
    top: -10px;
}
.z-index1 {
    z-index: 1;
}
body {
    background: #fff;
    font-family: "Open Sans";
}
/* ========= Slick Slider Css =========*/
.slick-prev,
.slick-next {
    transform: scale(0.7);
    z-index: 1;
}
.slick-prev {
    left: -100px;
}
.slick-next {
    right: -100px;
}
.slick-prev:before {
    content: url(../images/prev.svg);
}
.slick-next:before {
    content: url(../images/next.svg);
}
.slick-dots li button:before {
    color: transparent;
}
.slick-dots li.slick-active button:before {
    color: transparent;
}
.common-slide .slick-next, .common-slide .slick-prev {
    top: 35%;
}
/* ========= Slick Slider Css =========*/
/*-------toTop-----------*/
#toTop {transition: transform 0.5s ease 0s;	bottom: 75px; padding: 5px; position: fixed; right: 24px; z-index: 9; cursor: pointer; width: 50px; height: 50px;	background-color: #fff;	border-radius: 50%;	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px;	z-index: 99; margin-top: 10px;}
#star-svg {position: fixed;	right: 19px; bottom: 70px; width: 80px;	height: 80px;}
/*-------toTop-----------*/

/* ========= Header Css =========*/
.topLinks {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    max-width: 770px;
    margin: 10px auto -20px;
}
.topLinks .leftPart {
    margin-left: 45px;
}
.topLinks a {
    color: #000;
    font-size: 16px;
    transition: all 0.3s ease-in;
}
.topLinks a:hover {
    color: var(--themecolor1);
}

.topLinks .socialLink a {
        font-size: 18px;
        margin-left: 10px;
        padding: 2px 10px;
    }

header .navbar-toggler {
    padding: 0;
    z-index: 99;
}
header .navbar-toggler .navbar-toggler-icon {
    width: 28px;
    display: block;
    height: 2px;
    background-color: #151515;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
header .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
header .navbar-toggler .navbar-toggler-icon + .navbar-toggler-icon {
    margin-top: 6px;
}
header .navbar-nav {
    position: relative;
    top: 25px;
}
header .navbar-nav .nav-item {
    margin: 0 15px;
}
header .navbar-nav .nav-link {
    position: relative;
    font-family: var(--font-face2);
    font-size: 16px;
    font-weight: normal;
    color: #000;
    padding: 0 !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in;
}
    header .navbar-nav .nav-link:hover,
    header .navbar-nav .nav-item.active .nav-link {
        color: var(--themecolor1);
    }
header .navbar-nav .nav-link:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    height: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s transform ease;
    -o-transition: 0.3s transform ease;
    transition: 0.3s transform ease;
    background: var(--themecolor1);
}
    header .navbar-nav .nav-link:hover:after,
    header .navbar-nav .nav-item.active .nav-link:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
header {
    position: fixed;
    width: 100%;
    z-index: 111;
    background: #fff;
}


.menuClose {
    font-size: 30px;
    color: #000;
    transition: all 0.3s ease-in;
    background: #ebebeb;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}
.menuClose:hover {
    background: var(--themecolor1);
    color: #fff;
}

.bi-caret-down-fill.arrowdrop {
    position: relative;
    left: 20px;
    z-index: -1;
}

/* ========= Header Css =========*/

/* ============= Banner ============= */

.banner {
    position: relative;
}
.banner .carousel-caption {
    background: rgba(255, 255, 255, 0.9);
    bottom: 100px;
    width: 50%;
    left: 1%;
}
.banner .carousel-control-next,
.banner .carousel-control-prev {
    width: 45px;
    height: 45px;
    margin: 0 15px;
    top: 50%;
    opacity: 1;
    transition: all 0.3s ease-in;
}

.banner .carousel-item .arrowBtn {
    display: inline-block;
    position: relative;
}
.banner .carousel-item .arrowBtn:after,
.banner .carousel-item .arrowBtn:before {
    content: "";
    background: transparent;
    border: 1px solid var(--bs-white);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.3;
    transition: all 0.3s ease-in;
}
.banner .carousel-item .arrowBtn:before {
    width: 50px;
    height: 50px;
}
.banner .carousel-item .arrowBtn:hover:after,
.banner .carousel-item .arrowBtn:hover:before {
    opacity: 0.5;
}
.slidetab{padding-top:60px;margin-top:-60px;}
/*.h-90vh{height:90vh;}*/
/* ============= Banner ============= */
/* ============= Booking Form ======== */
.bookingForm {
    background: var(--bs-white);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 1;
    margin-top: -30px;
}
.bookingForm form .form-control,
.bookingForm form .select2-container--default .select2-selection--single {
    border: none;
    font-size: 24px;
    font-weight: 300;
}
.bookingForm form .select2-selection__arrow {
    display: none;
}
.bookingForm form .btn {
    width: 100%;
}

#txtchin, #txtchout {
    border: 0px solid;
    font-size: 23px;
    outline: none;
    width: 150px;
}

/* ============= Booking Form ======== */

/* ============= About ============= */

.aboutBlock {
    background: url(../images/aboutBlock.jpg) no-repeat right bottom;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(0%, -50%);
}

.guestSelect {
    background: url(../images/drop-arrow.png) no-repeat left 10px center !important; width: 68px;
    text-align: right; cursor:pointer;
}

#txtchin, #txtchout {
    background: url(../images/drop-arrow.png) no-repeat left 10px center !important;
    text-align: right;
}

.aboutBlock p {
    max-width: 80%;
}
#gallery-videos-demo img {
    width: 100%;
    height: auto;
}
#gallery-videos-demo .playBtn {
    color: var(--themecolor1);
    background: var(--bs-white);
    border: 2px solid var(--themecolor1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.lg-sub-html h4 {
    color: #fff;
    font-family: var(--font-face1);
}
#gallery-videos-demo:before {
    content: "";
    background: var(--themecolor1);
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -8px;
    left: 4px;
    z-index: -1;
}

/* ============= About ============= */

/* ============= Rooms & Suites ============= */

.rooms_suites {
    background: url(../images/roomsBg.jpg) no-repeat center center fixed;
    background-size: cover;
}

.rooms_suites .countBlock {
    position: absolute;
    right: -50px;
    top: 20px;
}
.wellBlock {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
}
.list-inline.amenitieslist li {
    width: 48%;
    display: inline-block;
}
/* ============= Rooms & Suites  ============= */

/* ============= Culinary Excellence ============= */

.culinary {
    position: relative;
}
.culinary .txtBlock {
    background: #fff url(../images/pattern2.png) no-repeat right -20px top;
    background-size: contain;
    border: 1px solid #e9e9e9;
    height: 100%;
    position: relative;
}
.culinary .txtBlock:before {
    content: "";
    background: var(--themecolor1);
    width: 150px;
    height: 150px;
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: -1;
}
.culinary .culinaryBlock {
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in;
}
.culinary .culinaryBlock a.themeBtn2 {
    position: absolute;
    bottom: 20px;
    transform: translate(-50%, -50%);
    left: 50%;
    border: none;
    background: #fff;
    color: #000;
    min-width: 160px;
    text-align: center;
}
.culinary .culinaryBlock a.themeBtn2:hover {
    background: var(--themecolor1);
    color: var(--bs-white);
}
.culinary .culinaryBlock img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.5s ease-in;
}
.culinary .culinaryBlock:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ============= Culinary Excellence ============= */

/* ============= Celebrations & Events ============= */
.celebrations {
    background: url(../images/celebrationBg.jpg) no-repeat center center fixed;
    background-size: cover;
}

.voteforus {
    background: url(../images/banner1.jpg) no-repeat center center fixed;
    background-size: cover;
}

.title span {
	font-size: 14px;
}


.celebrations .eventBlock2 {
	background: rgba(16, 76, 156, 0.9);
}


.celebrations .eventBlock {
    background: rgba(16, 76, 156, 0.9);
}
.celebrations .eventBlock .img-block {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 0 auto;
    overflow: hidden;
}
.celebrations .eventBlock .img-block img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in;
}
.celebrations .eventBlock .img-block:hover img {
    transform: scale(1.5);
}

/* ============= Celebrations & Events ============= */

/* ============= Guest Services ============= */

.guest-services {
    position: relative;
}
.guest-services .guest-slide .img-block {
    overflow: hidden;
}
.guest-services .guest-slide .img-block img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in;
}
.guest-services .guest-slide .img-block:hover img {
    transform: scale(1.2);
    border-radius: 20px;
}
.guest-services .slick-next,
.guest-services .slick-prev {
    top: 35%;
}
.guest-services .slick-slider .slick-slide {
    padding: 0 15px;
}

/* ============= Guest Services ============= */

/* ============= Wellness ============= */

.wellness {
    background: url(../images/wellnessBg.jpg) no-repeat center center fixed;
    background-size: cover;
}
.wellBlock {
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
}
/* ============= Wellness ============= */

/* ============= Testimonials ============= */
.testimonial {
    position: relative;
}
.testimonial .slick-dots li {
    opacity: 1;
    background: transparent;
    height: 15px;
    width: 15px;
    border: 1px solid var(--themecolor4);
    border-radius: 50%;
}
.testimonial .slick-dots li.slick-active {
    background: var(--themecolor5);
    border-color: var(--bs-white);
}
/* ============= Testimonials ============= */

/* ============= Footer ============= */
footer {
    background: var(--themecolor2);
}
footer .copyRright {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}
footer form {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer form .form-control {
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 6px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--font-face1);
}
footer form .form-control:focus {
    color: #fff;
}
footer form .submitBtn {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 7px 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-face1);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease-in;
}
footer form .submitBtn:hover {
    color: #fff;
    background: var(--themecolor1);
    border: 1px solid var(--themecolor1);
}
footer .socialLink {
    margin: 25px 0;
}
footer .socialLink a {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--themecolor1);
    transition: all 0.3s ease-in;
    margin-right: 5px;
}
footer .socialLink a:hover {
    background: var(--themecolor1);
    color: #fff;
}
footer .f_link {
    column-count: 3;
}
footer .f_link li {
    line-height: 36px;
}
footer .f_link li a {
    color: #fff;
    font-family: var(--font-face1);
    font-size: 14px;
    font-weight: 300;
    transition: all 0.3s ease-in;
}
footer .f_link li a:hover {
    opacity: 0.6;
    letter-spacing: 2px;
}
    footer .f_link li.active a {
        color: #c7b180;
    }

/* ============= Footer ============= */

/* ============= Room Page ============= */

.roomSection {
    position: relative;
}
.roomSection .slider-nav .slick-list {
    padding: 0 50px 0 0 !important;
}
.roomSection .slider-nav .slick-slide {
    padding-right: 10px;
    padding-top: 10px;
}
.roomSection .slider-nav .slick-slide {
    padding-right: 10px;
    padding-top: 10px;
    opacity: 0.5;
}
.roomSection .slider-nav .slick-slide.slick-current {
    opacity: 1;
}
.roomSection .facilities {
    column-count: 2;
}
.roomSection .facilities li {
}

/* ============= Room Page ============= */

/* ============= dining ============= */
.dining {
    position: relative;
}
.di_tabs {
    background: var(--bs-white);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    padding: 0 10px;
}
.di_tabs .nav-pills .nav-link {
    font-size: 18px;
    font-family: var(--font-face2);
    font-weight: normal;
    text-transform: capitalize;
    color: #000;
    padding: 20px 0;
    background: transparent;
    border-radius: 0;
    transition: all 0.3s ease-in;
    position: relative;
}
.di_tabs .nav-pills .nav-link:after {
    content: "";
    background: var(--themecolor1);
    width: 0;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-in;
}

.di_tabs .nav-pills .nav-link:hover:after,
.di_tabs .nav-pills .nav-link.active:after {
    width: 100%;
}
.di_tabs .nav-pills .nav-link:hover,
.di_tabs .nav-pills .nav-link.active {
    background: none;
    color: var(--themecolor1);
}
.dining .slick-slide {
    padding: 0 10px;
    opacity: 0.7;
}
.dining .slick-slide.slick-current {
    opacity: 1;
}

.dining .slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    filter: brightness(0) invert(1);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1);
    margin-top: -35px;
}
.dining .slick-next:before,
.dining .slick-prev:before {
    transform: scale(0.5);
}
.dining .slick-next {
    right: 30px;
}
.dining .slick-prev {
    left: 30px;
}
/* ============= dining ============= */

/* ============= Special Offers ============= */

.f-box {
    position: relative;
}
.f-box .f-img {
    overflow: hidden;
    transition: all 0.5s ease-in;
}
.f-box .f-img img {
    transition: all 0.5s ease-in;
}

.f-box h4 {
    transition: all 0.5s ease-in;
}
.f-box:hover h4 {
    color: var(--themecolor1);
}
.f-box .f-img:hover img {
    transform: scale(1.2);
}
.plan-detail {
    background: url(../images/detailBg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0;
}
.plan-detail ul {
    padding-left: 16px;
}
.plan-detail ul li {
    list-style: disc;
    padding-left: 10px;
}
.plan-detail ul li + li {
    margin-top: 15px;
}

/* ============= Special Offers ============= */


/* ============= Award ============= */

.common-slide .slick-slide {
    padding: 0 15px;
}

/* ============= Award ============= */

/* ============= Tariffs ============= */
.tariffs .table-responsive{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.16);
    margin-bottom: 50px;
}
.tariffs .table-responsive table{
    border: none;
    margin-bottom: 0;
}
.tariffs .table-responsive th, .tariffs .table-responsive td{
    padding: 15px;
    white-space: nowrap;
}
.tariffs .table-responsive th{
    background: #f7f9fc;
    border-bottom: 1px solid #ebf0f5;
    font-size: 16px;
    font-family: var(--font-face1);
    font-weight: 600;
}
.tariffs .table-responsive tbody{
    border: none;
}

.tariffs .table-responsive td{
    border-bottom: 1px solid #ebf0f5;
    font-size: 15px;
    font-family: var(--font-face1);
    font-weight: normal;
}
/* ============= Tariffs ============= */

/* ========== Gallery =========== */
.gallery-block .nav{
    margin-bottom: 35px;
    justify-content: center;
}
.gallery-block .nav li{
    margin: 0 10px;
}
.gallery-block .nav li a{
    background: transparent;
    border: 1px solid var(--themecolor1);
    color: var(--themecolor1);
}
.gallery-block .nav li.active a{
    background: var(--themecolor1);
    color: var(--bs-white);
}
.gallery-block .playBtn {
    color: var(--themecolor1);
    background: var(--bs-white);
    border: 2px solid var(--themecolor1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.gallery-block .playBtn:hover {
    background: var(--themecolor1);
    color: var(--bs-white);
    border-color: var(--bs-white);
}
/* ========== Gallery =========== */

/* ========== Contact Us =========== */
.messageForm{
    border: 1px solid var(--themecolor8);
    padding: 25px;
}
.messageForm .form-control, .messageForm .form-select  {
    font-family: var(--font-face1);
    font-weight: normal;
    font-size: 14px;
    color: var(--text-colordark);
    border-radius: 0;
    border: 1px solid var(--themecolor8);
    height: 44px;
}
.messageForm .fileUpload input[type="file"] {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.messageForm .fileUpload span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--themecolor8);
    font-size: 14px;
    font-weight: 600;
}
.messageForm .fileUpload label {
    display: inline-block;
    position: relative;
    height: 50px;
    width: 100%;
} 
.messageForm .fileUpload div.dragover {
    background-color: #aaa;
}
.messageForm textarea.form-control{
    resize: none;
    height: 80px;
}
.contactList li{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--text-colordark);
}
.contactList li a{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--text-colordark);
    transition: all 0.3s ease-in;
}    
.contactList li+li{
    margin-top: 15px;
}
.contactList li a:hover{
    color: var(--themecolor1);
}    
.contactList li i{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--themecolor1);
    font-size: 16px;
    color: var(--bs-white);
    margin-right: 10px;
}
.distanceList li+li{
    margin-top: 20px;
}

.distanceList li {
    display: inline-block;
    width: 33%;
    margin: auto;
}
/* ========== Contact Us =========== */

.navbar.fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    box-shadow: 0 0px 2px;
    width: 100%;
    background: #fff;
    transition-duration: 1s;
}

.logo {
    width: 161px;
    transition: .6s ease all;
}
.fixed .logo {
    width: 78px;
}
.fixed .positiontop {
    top: 0px;
}
header .fixed .navbar-nav {
    top: 11px;
}


/*----------form----------------*/
.label-before, .field input:focus + label::before, .field input.valid + label::before {
    line-height: 20px;
    font-size: 15px;
    top: -10px;
    background: transparent;
    padding: 0 6px;
    left: 9px;
}
.field {position: relative;margin-bottom: 0px !important;height: 80px;}
.field.h-textarea {height: 118px;}

.field label::before {
    content: attr(title1);
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 45px;
    color: #fff;
    transition: 300ms all;
    font-size: 18px;
    font-weight: 100;
}
.field input:focus {outline: 0;box-shadow: 0}
.field input:valid + label::before {content: attr(data-title1);}
.field.h100 {height: 120px;}
.label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -10px; background:transparent;padding: 0 6px;color: #fff;left: 9px;}
.field label {cursor: text;}
.field label.Selectlable::before {content: attr(title1); position: absolute; top: -4px; left: 9px; line-height: 5px; background: #fff !important; padding: 0px 9px;}
.field textarea:focus {outline: 0;}
.field textarea:valid + label::before {content: attr(data-title1);}
.label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 20px;font-size: 15px;top: -10px;background: transparent;padding: 0 6px;color: #fff;  left: 9px;}
.form-control {height: 50px;font-size: 16px;border: 1px solid #929292; border-radius: 0; box-shadow: none; background: #fff; color: #222;}
.input-validation-error {
    border-bottom: 1px solid #B50007 !important;
    background: #fff url("../../Content/images/error.png") no-repeat scroll center right 12px
}
.field-validation-error {
	position: absolute;
	bottom: 7px;
	color: #fff;
	font-size: 13px;
}
.valid {
    background: #fff url("../../Content/images/success.png") no-repeat scroll center right 12px center;
    transition: all 0s ease-in-out 0s !important;
}
.messageForm .input-validation-error {
    border: 1px solid #B50007 !important;
   
}
.messageForm .label-before, .messageForm .field input:focus + label::before, .messageForm .field input:valid + label::before {
    line-height: 20px;
    font-size: 14px;
    top: -10px;
    background: #fff;
    padding: 0 6px;
    color: #333;
    font-weight: 600;
    left: 9px;
}
.messageForm .field label::before {
    content: attr(title1);
    position: absolute;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.messageForm .field-validation-error {
    bottom: 17px;
    color: #b50007;
}

.messageForm .label-before, .messageForm .field textarea:focus + label::before, .messageForm .field textarea:valid + label::before {
    color: #333;
}
.cal-icon {
    background: url("../../Content/images/calendar-icon-blue.png") no-repeat right 10px center !important;
    right: 0;
}
.select2 {
    background: url('/Content/images/gallery-arrow.png') center right 12px no-repeat;
}



.slider-nav .slick-prev.slick-arrow, .slider-nav .slick-next.slick-arrow {
    display: none !important;
}

.title {
	border: 3px solid #c59836;
	background: #104c9c;
	color: #fff;
	padding: 25px;
	margin: 10px auto;
	min-height: 144px;
	width: 80%;
}