/* main media widths:  >991, 991, 620 */

 @font-face {
    font-family: Dynalight-Regular;
    src: url('../font/Dynalight-Regular.otf');
}
html{scroll-behavior:smooth;}
body
{
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; /*Arial,Helvetica Neue,Helvetica,sans-serif;*/
    color: #606060;
	background-color: #000000 !important;

}
a:hover {
    color: red !important;
}
ol, ul
{
    list-style: outside none none;
}
.fullbg
{
    background-color: #f2f2f2;
}
.topbg
{
    background: url("../images/row-bot-bg.jpg") repeat scroll center top;
    background-color:#df4303;
    height: 123px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.row-bot
{
    background: rgba(0, 0, 0, 0) url("../images/row-bot-tail.gif") repeat-x scroll center top;
}
.site-logo {
    float: left;
    padding: 5px 0 0 5px;
    width: 48%;
}
.navbar
{
    background-image: url("../images/menu-bg.jpg");
    border: none !important;
    border-radius: 0;
    /*background-color: #feb310 !important;
    background: #feb310 !important;*/
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.head
{
    padding-left:0;
    padding-right:0;
}
.navbar-brand img
{
    width: 400px;
}
.navbar-nav
{
    float:right;
    width:100%;
    margin-top: 9px;
}
.navbar-nav > li{/*padding-left:24px;*/}
.navbar-inverse .navbar-nav > li > a
{
    color: #c52e02;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0, 0px 0px 3px #fbf0d0;
    padding-right: 13px !important;
}
.right_top
{
    padding-top: 10px;
    width:52%;
    /*margin-top:10px;*/
    float:right;
}
.social_top
{
    /*float:right;*/
    /*width:29%;*/
    margin-top: -2px;
    margin-right: 2px;
}
.social_top a:not(:last-child)
{
    padding-right:5px;
}
.topbar
{
    float: right;
    padding: 0 !important;
    width: 50%;
    margin-top:4px;
}
.topbar a
{
    /*width: 25%; removed 8/15/2022*/
    padding-top: 10px !important;
    padding-bottom: 7px !important;
}
.topbar a:last-child
{
    padding-right: 0px;
}
.nexttour
{
    float: right;
    font-size: 20px;
    font-weight: 900;
    /*padding-left: 6px;*/
    /*padding-right: 20px;*/
    width: 70%;
    text-align: right;
}
.nexttour p{
    background-color: #ffffff;
    border: 1px solid #ff7b0f;
    color: #ff7b10;
    width:100%;
    /*padding-left: 5px;*/
    text-align:center;
}
.menu_text,.menu_text1
{
    font-family:Verdana, Geneva, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    margin-bottom: 5px;
    /*width:50%; this is making private tour link appear below logo instead of below menu */
}
.menu_text a ,.menu_text1 a
{
    color:#C55790; /*!important;*/
    text-decoration:none;
}
.sliderwrapper
{
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);

}
.pageTours .carousel-inner.sliderwrapper {
    width: 290px;
    max-width: 100%;
    margin: 0 auto;
}
.cufon_image
{
    padding: 17px 5px;
}
.small_banners::before {
    /* unsetting the pseudo-element from bootstrap */
    content: "" !important; /* Required to make the pseudo-element appear */
    display: none !important; /* Ensures the pseudo-element does not affect the layout */
}
.small_banners
{
    margin-top: 10px;
    
    /* ADDED JULY 2024: */
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust gap between items as needed */
    justify-content: center; /*flex-start;*/
}
/* ADDED JULY 2024: */
.small_banners a {
    flex: 0 0 auto; /* Prevents shrinking and sets fixed size */
    width: 313px; /* Set fixed width for each image container */
}


.small_banners img
{
    border: 10px solid #fff;
    padding: 0 !important;
    margin-right: 11px;
    /*margin-top: 11px;*/
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    
    /* ADDED JULY 2024: */
    width: 100% !important; 
}
.img-last
{
    margin-right: 0px !important;
}
.maincontent
{
    margin-top: -6px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 15px;
}
.maincontent p
{
    margin-bottom:18px;
    line-height: 25px;
    font-size: 16px;
    /*clear: both;*/
}
.p1
{
    margin-bottom: 8px;
}
.p2
{
    margin-bottom: 15px;
}
h3 {
    color: #404040;
    font-size: 20px; /* original: 23px */
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 2em;
    margin-bottom: 5px;
}
h6 {
    color: #ed5d06;
    font-size: 100%;
    font-weight: bold;
    line-height: 25px;
}
.text_content
{
    padding-left:3px !important;
    padding-right:3px !important;
}
.btn-defualt{
    background: url("../images/button1-tail.gif") repeat-x scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    text-shadow: none;
    border: none;
    border-radius: unset;
    margin-bottom: 15px;
}
.readmore
{
    background: url("../images/button1-tail.gif") repeat-x scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1.23em;
    padding: 12px 19px;
    text-shadow: none;
    border: none;
    border-radius: unset;
}
/*.readmore:hover
{
    background-color:#c42e02;
    color: #fff;
}*/
.list-1
{
    padding-left: 0;
}
.list-1 a {
    color: #d53a03;
    display: inline-block;
}
.list-1 li {
    background: rgba(0, 0, 0, 0) url("../images/marker-1.png") no-repeat scroll 0 12px;
    font-size: 18px;
    line-height: 18px;
    padding: 6px 0 6px 20px;
}
.list-1 span {
    display: block;
    line-height: 25px;
    padding: 8px 0 17px;
}
.lady_image
{
    background-color: #fe8c07 !important;
    border: medium none !important;
    border-radius: 0;
    box-shadow: none !important;
    float: left;
    margin-right: 5px;
    width: 21%;
}
.footer
{
    background-color:#000000;
    padding: 27px 0px 21px;
    color:#ffffff;
    /*margin-top:10px;*/
}
.site-logo-thumbnail {
    background: none;
    border: none;
    margin-left: 1px;
    margin-top: -1px;
}
.col-md-6 a
{
    text-decoration: none;
}
.email_img
{
    background-color: transparent;
    border: medium none;
    border-radius: unset;
    box-shadow: none !important;
}
.number
{
    background-color: transparent;
    border: medium none;
    border-radius: unset;
    box-shadow: none !important;
}
.img-indent-bot
{
    margin-bottom: 25px;
}
.google-map > iframe{
    width: 95%;
}
iframe, figure {
    border: none;
}
.places_visit
{
    padding:25px;
    overflow: hidden;
}
.places {
    border: 6px solid #fe8c07;
/*    float: left;*/
    margin-bottom: 25px;
    margin-right: 10px;
    margin-top: 5px;
}
.place_element .place_description {
    float: left;
    margin-left: 20px;
    margin-top: 3px;
    width: 70%;
}
.place_element {
    float: left;
    width: 100%;
}
.place_description h4
{
    margin-bottom:0;
    margin-top:0;
}
.block_title
{
    float: left;
    width: 25%;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}
#lightbox .modal-header{
    border-bottom:0px;
    min-height:0px;
    padding: 0px;
}
.slidercont{padding-bottom:0px !important}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 1px 7px 5px;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -10px;
    /*right: -55px;*/
    right:-10px;
    z-index:1032;
     line-height: 19px;
}
.place_element h4 {
    color: #fe8c07;
    font-size: 16px;
    font-weight: bold;
}
.aminities_list {
    width: 95%;
}
/******************* reservation-form css ******************************/
#reservation-form label {
    display: block;
/*    height: 30px;*/
/*    overflow: hidden;*/
    margin-top: 11px;
}
#reservation-form label input, #reservation-form label textarea, #reservation-form label select {
	border: 1px solid #ccc;
	/*added feb 9 2019 */
	line-height: 24px;
	width: 72%;
	font-weight: 500;
	padding-left: 2px;
	color: royalblue;
	background-color: white;
	/*added feb 9 2019 */
}
#reservation-form label.details { margin-bottom: 15px;}
#reservation-form label:first-child {
    margin-top: 0px;
}
#reservation-form label:last-child {
    margin-bottom: 11px;
}
.text-form-reservation {
    display: block;
    float: left;
    line-height: 24px;
    width: 70px;
    font-weight: normal;
    font-size: 19px;
}
#reservation-form .input {
    background: #fff none repeat scroll 0 0;
/*    border: 1px solid;
    color: #808080;
    float: left;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; /*Arial,Helvetica,sans-serif;*/
    font-size: 12px;
    line-height: 22px;
    margin-top:3px;
    outline: medium none;
    width: 208px;
/*    font-weight: normal;*/
}
#reservation-form select {
    font-weight: normal;
    font-size: 12px;
    color: #808080;
    height: 30px;


}
#reservation-form textarea {
    font-weight: normal;
    font-size: 12px;
    color: #808080;
}
.carousel-indicators li
{
    height:26px !important;
    width:26px !important;
    background:rgba(0, 0, 0, 0) url("../images/slider-pagination.png") no-repeat scroll right top;
    border:none !important;
}
.carousel-indicators .active,.carousel-indicators li:hover
{
    background:rgba(0, 0, 0, 0) url("../images/slider-pagination.png") no-repeat scroll left top;
}
.carousel-inner .next
{
    transition: all 0.4s ease-in-out 0s;
}
.header-text {
    font-family: Dynalight-Regular;
    font-size: 60px;
    /*float: left;*/
    color: #FFF;
    text-align: center;
    padding: 6px 0;
    /*margin-right: 16px;*/
}
.header-text1 {
    font-family: Dynalight-Regular;
    font-size: 60px;
    text-align: center;
    color: #FFF;
    margin-top: 7px;
}
.navbar-header{
    line-height: 25px;
    padding-bottom: 9px;
}
.navbar-header .site-logo-thumbnail{
    box-shadow: none;
}
.menu_text a{
    color: #c55790;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

@media screen and (min-width: 620px) {
    .onlyshowonmobile { display:none !important; }
    
    .tourlist { font-size: 11px; }
    .pageTours .carousel-inner > .item { min-height: 255px; }
}
@media screen and (max-width: 620px) {
    .onlyshowondesktop { display:none !important; }
}

@media screen and (max-width: 767px) {

    .site-logo{width:85%;margin-top: 0px !important;}
    .navbar-toggle{z-index: 999;
		margin-left:5px; /* added Feb 2020 */}
    .social_top{float:none !important;text-align: center;margin: 5px;width:100%;}
    /*.small_banners img {width:100%; margin-right: 0px;}*/
    .small_banners a {width:100%; margin-right: 0px;}
    #navbarCollapse ul{display: block !important;}
    .menu_text1,.menu_link,.contact_mobile{display:block !important;}
    .menu_link1,.contact,.menu_text{display:none;}
    .buttons input{width:35% !important;margin-right:20px !important;}
    .menu_link{font-size: 18px;}
    .header-text{font-size:8vw; }
    .header-text1{font-size:7vw; margin-top: 0px; }
    .nexttour{font-size:16px !important;text-align:center;}
    .navbar-nav > li{padding-left:5px; padding-bottom:5px;}

    #reservation-form select{height:30px !important;}
    
    

}
@media screen and (min-width: 768px) and (max-width: 1100px) {
    .nexttour{font-size:15px; text-align:right;}
    .navbar-nav > li{padding-left:0px;}
    .header-text,.header-text1{font-size:60px;}
    .contact h3{line-height: 1.5em}
    .topbar{width:48%;}
    .social_top{/*width:30%;*/}
    .social_top a{padding-right: 0px;}
    .nexttour{width:69%;}
	.navbar-inverse .navbar-nav > li > a /* added this Feb 2020 */
	{
		font-size:16px !important;
	}

}
@media  screen and (max-width: 767px) and (orientation : landscape){
    .navbar-toggle{margin-top:10px !important;}
    .header-text,.header-text1{font-size:8vw; margin-top: 0px;}
    .nexttour p{width:65%;margin:0px 21%;}
}
#navbarCollapse{
    margin-right: 7px;
}
.spanNextTour {
    background-color: #ffffff;
    border: 1px solid #ff7b0f;
    color: #ff7b10;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.col-md-8.text_content{
    padding-left: 15px !important;
}
.left-sidebar{
    padding-left: 10px !important;
}
.small_banners.container.maincontent{
    margin-top: 20px !important;
}
.carousel-indicators {
    bottom: 8px;
    left: 50%;
    list-style: outside none none;
    margin: 5px -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}
.pageTours .carousel-indicators {
    margin: 5px 0 0;
    transform: translateX(-50%);
    width: 290px;
}
dl span {
    float: left;
    width: 96px;
}

.carousel-inner > .item {
    padding: 10px 10px 10px !important;
}
.carousel-inner > .item > img { width: 100%;}
#lightbox{text-align:center}
@media (min-width: 524px) and (max-width: 767px) {
    .right_top { padding-top: 5px; }
}
@media (min-width: 250px) and (max-width: 766px) {
    body,.fullbg{
        background-color: #F2F2F2;
    }
    .menu_text, .menu_text1 {
        width: 100%;
    }
    .small_banners img{
        margin-top: 5px;
        margin-right: 0px;
    }
}
@media (min-width: 250px) and (max-width: 600px) {
    .menu_text, .menu_text1 {
        width: 100%;
    }
    .carousel-indicators {
        margin: 4px -30%;
    }
    .pageTours .carousel-indicators {
        margin: 4px 0 0;
    }

}
@media (min-width: 200px) and (max-width: 480px) {

    .container.maincontent h3{
        font-size: 20px;
    }
    .font-size-22{
        /*font-size: 23px !important; removed Feb 2020*/ 
    }
    .carousel-indicators li {
        background: rgba(0, 0, 0, 0) url("../images/rsz_1slider-pagination.png") no-repeat scroll right top;
        border: medium none !important;
        height: 20px !important;
        width: 20px !important;
    }
    .carousel-indicators .active, .carousel-indicators li:hover {
        background: rgba(0, 0, 0, 0) url("../images/rsz_1slider-pagination.png") no-repeat scroll left top;
    }
    .cdsROW.wide .cdsLocName a {
/*        line-height: 35% !important;*/
        font-size: 11px;
    }
}
@media (min-width: 250px) and (max-width: 970px) {
    .close {
        /*visibility: hidden;*/
    }
    .close:before {
       /* content: 'x';
        visibility:visible;
        position: absolute;
        background-color: #000;
        padding: 5px;
        border-radius: 20px;
        margin-left: -5px;*/
    }
    .readmore {
        padding: 12px 19px 25px;
    }
    .spanNextTour{
        font-size: 14px;
    }
    .cdsComponent.cdsRating img{
        margin-bottom: 5px;
    }
    .cdsComponent.cdsRating span {
        display: inline;
    }
    .cdsComponent.cdsRating span:before {
        content: "\a ";
        white-space: pre;
    }
    .fullbg{
        /*margin-bottom: 5px;*/
        padding-bottom: 5px;
    }
    .name_error, .email_error, .confirm_error{
        color: red;
        margin-left: 17%;
        text-align: left !important;
    }
}

@media (min-width: 971px) and (max-width: 991px) {
    .col-md-4 {
    width: 38%;
    float: left;
    }
    .col-md-8 {
        width: 60%;
        float: left;
    }

	.navbar-inverse .navbar-nav > li > a /* added this Feb 2020 */
	{
		font-size:11px !important;
	}
}
@media (min-width: 700px) and (max-width: 991px) {
    .freewalkingtours .col-md-4 {
        width: 43%;
        float: left;
    }
    .freewalkingtours .col-md-8 {
        width: 57%;
        float: left;
    }

	.navbar-inverse .navbar-nav > li > a /* added this Feb 2020 */
	{
		font-size:16px !important;
	}
}
@media (min-width: 620px) and (max-width: 699px) {
    .freewalkingtours .col-md-4 {
        width: 100%;
        float: left;
    }
    .freewalkingtours .col-md-8 {
        width: 100%;
        float: left;
    }

}

@media (min-width: 992px) and (max-width: 1024px) {
    .spanNextTour {
    font-size: 17px !important;
    }

}
@media (min-width: 620px) and (max-width: 992px) {
    .homesection .col-md-4 { width: 265px;}
    .homesection .col-md-8 { width: 54%;}

}
@media (min-width: 620px) and (max-width: 970px) {
    .col-md-4{
        width: 38%;
        float: left;
    }
    .col-md-8{
        width: 60%;
        float: left;
    }
    .cdsROW.wide .cdsLocName a {
        /*line-height: 60% !important;*/
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .social_top a:not(:last-child){
        padding-right: 3px;
    }
    .spanNextTour{
        font-size: 13px;
    }
    .name_error, .email_error, .confirm_error{
        color: red;
        text-align: left !important;
/*        padding: 8px 0;*/
    }
    #reservation-form label:first-child{
        margin-top: 15px;
    }
    .cdsROW.wide .cdsLocName a{
        font-size: 0.8em;
        /*line-height: 100% !important;*/
    }
    .name_error,.email_error,.confirm_error
    {
        color:red;
        margin-left: 25%;
    }
}
.cdsComponent.cdsLocName{
    max-width: 200px !important;
}
.responsive-image, #Qj1WAbw41xD img{
    max-width:90% !important;
    height:auto;
    display:block;
}
.cdsROW.wide {
    width: 100% !important;
}
.close {
/*    visibility: hidden;*/
display:block !important;
visibility:visible !important;
}
.close:before {
    /*content: 'x';
    visibility:visible;
    position: absolute;
    background-color: #000;
    padding: 5px;
    border-radius: 20px;
    margin-left: -5px;*/
}
#lightbox .close{
    /*right:-80px !important;*/
}
.name_error,.email_error,.confirm_error
{
    color:red;
    text-align: center;
}
@media (min-width: 740px){

    body{
        overflow-x: hidden;
    }
}
@media (min-width: 300px) and (max-width: 345px) {
    .cdsROW.wide { height: 87px !important; }
    .cdsROW.wide .cdsROWContainer { height: 87px !important; }
}
body{
    overflow-x: hidden;
}
@media (max-width: 768px){
.cdsROW.wide .cdsLocName a{
    font-size: 0.8em;
    }
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

textarea#details::placeholder {
    opacity: 0.5;
}

#myBtn {
  display: none;
  position: fixed;
  /*bottom: 20px;*/
  bottom: 36px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

/* main media widths:  >991, 991, 620 */

@media screen and (min-width: 991px) {
    .aminities_list p { font-size: 13px; }   
}

@media (min-width: 891px) and (max-width: 991px) {
    .aminities_list p { font-size: 12px; }   
}
@media (min-width: 791px) and (max-width: 891px) {
    .aminities_list p { font-size: 11px; }   
}
@media (min-width: 691px) and (max-width: 791px) {
    .aminities_list p { font-size: 10px; }   
}
@media (min-width: 591px) and (max-width: 691px) {
    .aminities_list p { font-size: 10px; }   
}
@media screen and (max-width: 591px) {
    .aminities_list p { font-size: 10px; }   
}

/* TripAdvisor TA Custom */
/* there is more custom above in media queries */
.widCOE2020 {
    display: inline-block;
}

.TA_certificateOfExcellence ul {
    padding-left: unset !important;
}

#CDSWIDPER {
    display: inline-block;
}
#CDSWIDEXC {
    display: inline-block;
}
@media screen and (min-width: 999px) {
    .TAformobile { display:none !important; }
}
@media screen and (max-width: 1000px) {
    .TAfordesktop { display:none !important; }
    .ui_bubble_rating:after { position:relative !important; }
    .cdsComponent.cdsRating span:before { display: none !important; }
}

@media (min-width: 620px) and (max-width: 670px) {
     .cdsROW.wide { height: unset !important; }
}

@media screen and (max-width: 405px) {
     .cdsROW.wide { height: unset !important; }
}
.tourlist {
    font-weight: bold;
    line-height: 1.75;
}

.textstar {
    color: orange;
}

/* TO FIT SECOND LINE OF NAV BAR CITIES */
.navbar-nav > li {
    /* margin-top: -12px !important; */
}
.right_top {
    padding-top: 0px !important;
}
/* END TO FIT SECOND LINE OF NAV BAR CITIES */


.inquiryForm
{
    background-color: #ddd;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.nav>li>a {
    padding:0px !important;
    margin-right: 19px !important;
    margin-top: 5px;
}
.advantages p {
    font-size: 12px !important;
}
summary.serviceDesc {
    display: revert;
}
details > summary.serviceDesc {
    list-style-type: '➕';
}
details[open] > summary.serviceDesc {
    list-style-type: '➖';
}
ul.nav.navbar-nav { padding-top:3px;     
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
td p strong {
    font-size: 14px !important;
}
.text-overlay-container {
    position: relative !important;
    /*display: inline-block; /* This will ensure the container fits the size of the image */
    text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, -1px -1px 1px #000, -1px -1px 1px #000, -1px -1px 1px #000, -1px -1px 1px #000, -1px -1px 1px #000, 0px 0px 5px #000;
    overflow: hidden; 
}
.overlayed-image {
    display: block;
    object-fit: cover; /* Resize the image to cover the container */
    object-position: center; /* Center the image */
    /*width: 100%;  /* Set width to 100% of the container */
    /*height: 100%; /* Set height to 100% of the container */
    /*width: 940px !important;*/
    height: 466px !important;
}
.text-overlay {
    position: absolute;
    white-space: nowrap;
    color: yellow;
    font-size: 2vw;
    background: #FF7A0E;
    letter-spacing: 1px;
    padding: 10px;
    border: 9px solid white;
    font-family: 'Kalam', cursive;
}
.top-right {
    
    top: 46px;
    right: 0;
}
.bottom-left {
    bottom: 63px;
    left: 0;
}
.customer-overlay {
    font-size: 1vw;
    text-align: right;
}
@media screen and (min-width: 1200px) {
  .text-overlay {
    font-size: 25px;
  }
  .customer-overlay {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .text-overlay {
    font-size: 12px;
  }
  .customer-overlay {
    font-size: 10px;
  }
}
.flex-container-contact {
    display: flex;
    flex-direction: row; /* Default, but explicitly set just in case. */
    justify-content: space-between; /* This will ensure that the columns are spaced out. */
    width: 100%; /* Ensure the flex-container takes full width */
    clear: both; /* Ensure it doesn't float next to previous floated elements */
}

.flex-item-contact {
    flex: 1; /* This ensures that both columns take up equal width. */
    /*border: 1px solid black; /* Optional: Just to visualize the columns better. */
    padding: 20px;
    box-sizing: border-box; /* This makes sure padding and border are included in the item's total width and height. */
}

input[type="text"]::placeholder {
    color: #ccc;
    padding-left: 4px;
}
div#CDSROWLOGO274 img {
    max-height: 47px;
    background: url('../images/ta-logo.png') no-repeat center center;
    background-size: contain;
}
.col-md-8 h3 {
    background-color: orange;
    padding: 5px;
    border-radius: 17px;
    padding-left: 10px !important;
    line-height: normal;
    padding-top: 8px;
    padding-bottom: 8px;
}
img {
    border-radius:5px;
}
h3.p1 {
    background-color: unset;
    padding: unset;
}
.fiveStarContent {
    color:gold;
}
.amenities_list {
    display: flex;
    flex-direction: column;
    text-align:left;
    line-height: 28px;
}

.amenities_list > div {
    width: 100%; /* By default, each div takes full width */
    box-sizing: border-box;
}

.amenities_list > div:nth-child(2) {
    padding-left: 0; /* Resetting the padding for mobile */
}

.amenities_list .left {
    width: 65%;
    padding-right: 10px;
}
.amenities_list .right {
    width: 35%;
}

/* Media query for larger screens */
@media (min-width: 768px) {
    .amenities_list {
        flex-direction: row;
    }

    .amenities_list > div {
        width: 50%; /* Each div will take up half the width on larger screens */
    }

    .amenities_list > div:nth-child(2) {
        padding-left: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .amenities_list .left, .amenities_list .right {
        width: 100%;
    }
}

.paragraphHeaderImage {
    width: 220px;
    float: left; 
    margin-top:7px; 
    margin-right:10px; 
    margin-bottom:0px; 
    border: 6px solid #fe8c07;
    filter: brightness(120%) saturate(150%);
}

.navbar-fixed-bottom {
    background-color: white;
    color: orangered;
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tripAdvisorRating {
    fill: #00aa6c;
    vertical-align: middle;
    padding-left: 2px;
}
.col-md-8 u {
    font-weight: bold;
}


  .budget-options {
    max-width: 300px;
    margin: auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .budget-option {
    display: block;
    margin: 10px 0;
    cursor: pointer;
  }
  .budget-option input[type="radio"] {
    display: none; /* Hide the radio button */
  }
.budget-option label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
  }
  .budget-option img {
    margin-right: 10px;
    height:10px;
  }
  .budget-option input[type="radio"]:checked + label {
    background-color: #e0e0e0; /* Light grey background */
    border-color: #b0c4de; /* Light steel blue border */
}




.custom-dropdown {
    position: relative;
    width: 300px;
    font-family: Arial, sans-serif;
}

.dropdown-selected {
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    display: none;
    background: white;
    z-index: 1000;
}

.option {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.option img {
    margin-right: 10px;
    height: 11px; /* Adjust size as needed */
}

.option:hover {
    background-color: #f0f0f0;
}
.formCheckbox {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    margin-right: 5px;
}

/* Ensure tour carousels stay stable while images lazy-load */

@media (max-width: 767px) {
  .navbar-collapse.topbar {
    display: none;
  }
  .navbar-collapse.topbar.is-open {
    display: block;
  }
}