/* Search Container Start */
.city-page-container{background: url(../images/city-page-container-bg.jpg) no-repeat center center; margin-top: 78px; background-size: cover !important; height: 300px; background-position: center !important; position: relative; background-position: top !important;}
.city-page-container-box{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 30px; color: #fff; text-shadow: 0px 0px 10px rgb(0, 0, 0);}
.city-page-container-box h2{text-align: center; color: #fff; text-align: center; font-size: 30px; font-weight: 600; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.76); margin-bottom: 10px;}
/* Search Container Finish */

/* City Page Navigation Start */
.citypage-navigation-section{background: #fff; border-bottom: 1px solid #d4d4d4;}
.citypage-navigation-section h4{font-size: 22px; color: #1a1a1a; font-weight: 400; padding-top: 11px; display: inline-block;}
.citypage-navigation-section ul{margin: 0; padding: 0; list-style: none; /*display: inline-block;*/}
.citypage-navigation-section ul li{float: left;}
.citypage-navigation-section ul li a{text-decoration: none !important; display: block; text-transform: capitalize; color: #1a1a1a; font-size: 13px; padding: 15px;}
.citypage-navigation-section ul li a:hover, .citypage-navigation-section ul li.active a{background: #55c4d0; color: #fff;}
/* City Page Navigation Finish */

/* Breadcrumb Start */
.breadcrumb-bg{display: table; background: rgba(0,0,0,0.6); padding: 4px 10px; border-radius: 0 0 10px 10px;}
.breadcrumb-bg .breadcrumb{margin-bottom: 0; background: transparent; font-size: 11px; padding: 5px 0; border-radius: 0;}
.breadcrumb-bg .breadcrumb>li>a{color: #fff;}
.breadcrumb-bg .breadcrumb>li+li:before{content: "\f105"; font-family: "FontAwesome"; color: #fff;}
.breadcrumb-bg .breadcrumb>.active{color: #ebebeb;}
/* Breadcrumb Finish */


/* City Index Content Start */
.city-page-content-section{padding: 40px 0 20px 0;}
.destination-page-h1{font-size: 24px; font-weight: 600;}
.city-page-content-section h2{color: #1a1a1a; font-size: 21px; font-weight: 600; margin-bottom: 10px;}
.city-page-content-section p{color: #808490; text-align: justify; font-size: 16px; letter-spacing: 0.1px; line-height: 32px; margin-bottom: 15px; font-weight: 300;}
.city-page-content-section p a{color: #ef5822;}
.city-page-content-section h3{font-size: 18px; color: #656565; font-weight: 600; margin-bottom: 15px; margin-top: 25px;}
/* City Index Content Finish */

/* City Page Bottom Link Start */
.city-page-btnlink{padding-bottom: 40px; }
.city-page-btnlink ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.city-page-btnlink ul li{display: inline-block;}
.city-page-btnlink ul li a{text-decoration: none !important; transition: 0.25s; -webkit-transition:0.25s; display: block; padding: 10px 18px; border-radius: 25px; margin: 10px; border: 1px solid #d4d4d4; color: #656565; text-transform: uppercase;}
.city-page-btnlink ul li a:hover{background: #ef5822; color: #fff; border: 1px solid #ef5822;}
/* City Page Bottom Link Finish */


/* Top Highlight to Visit Start */
.top-highlight-section{padding: 30px 0 50px 0;}
.top-highlight-section h2{font-size: 33px; color: #1a1a1a; text-align: center; margin-bottom: 45px; font-weight: 500;}
.top-highlight-section h2 span{background: #ffe400; border-radius: 50%; display: inline-block; line-height: 11px; text-align: center; vertical-align: middle; margin-left: 10px; width: 19px; height: 19px;}
.top-highlight-section h2 span i{color: #444; font-size: 13px; font-weight: 400;}


.top-highlight-box{margin:  0 0px 30px 0px; transition: 0.25s; border-radius: 10px; position: relative; overflow: hidden; background: #f4f4f4 url(../images/loading-img.png) no-repeat center center; height: 178.5px;}
.top-highlight-box:before{content: ''; position: absolute; width: 100%; height: 80px; bottom: 0; background-color: rgba(255,255,255,0); background-image: repeating-linear-gradient(rgba(255,255,255,0), rgba(0, 0, 0, 0.90) 100%); z-index: 1;}
.top-highlight-box>a>img{width: 100%; height: 100%; transition: 0.25s; -webkit-transition: 0.25s;}
.top-highlight-box-detail{position: absolute; left: 15px; right: 15px; bottom: 20px; text-align: center; z-index: 2;}
.top-highlight-box-detail img{width: 18px;}
.top-highlight-box-detail h4{font-size: 16px; letter-spacing: 0.4px; line-height: 24px; z-index: 2; color: #eee; font-weight: 500; text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.91); text-transform: capitalize; text-decoration: none !important; margin: 5px 0 0px 0;}
.top-highlight-box-detail p{font-size: 16px; color: #fff; text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.91); text-decoration: none !important;}
.top-highlight-box:hover>a>img{transform: scale(1.1);}
.top-highlight-box-first{height: 387px; background: #f4f4f4 url(../images/loading-img.png) no-repeat center center;}
.top-highlight-box-first .top-highlight-box-detail h4{font-size: 18px;}
.top-highlight-box:hover{transform: scale(1.05);}
/* Top Highlight to Visit Finish */


/* Sub Links Start */
.sublink-listing-section{padding: 40px 0 43px 0;}
.sublink-listing-section h4{font-size: 27px; font-weight: 500; color: #1a1a1a; position: relative; padding-left: 13px; margin-bottom: 25px;}
.sublink-listing-section h4:before{content: ""; background: #f15921; width: 3px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0;}
.sublink-listing-section ul{margin: 0; padding: 0; list-style: none; font-size: 0;}
.sublink-listing-section ul li{display: inline-block;}
.sublink-listing-section ul li a{text-decoration: none; display: block; transition: 0.25s; -webkit-transition: 0.25s; font-size: 13px; color: #808490; font-weight: 400; border: 1px solid #d5d5d5; border-radius: 10px; padding: 6px 14px; margin: 5px;}
.sublink-listing-section ul li a:hover{background: #f15921; color: #fff; border-color: #f15921;}
/* Sub Links Finish */

.affix {
      top: 74px;
      width: 100%;
      z-index: 99 !important;
      border-top: 2px solid #ffe401;
  }


.city-page-content-section ul{margin: 20px 0 0 15px; padding: 0; font-size: 0;}
.city-page-content-section ul li{float: left; vertical-align: top; width: 50%; font-size: 13.5px; letter-spacing: 0.1px;margin-bottom: 15px;}

.package-detail-similar-project-detail{background: #fbfbfb; border-top: 1px solid #efefef; padding: 50px 0; margin-bottom: 0; margin-top: 0px;}

@media (min-width: 1300px){
.search-container-box{width: 800px;}
}

@media (max-width: 1299px){
.top-highlight-box{height: 179px;}
.top-highlight-box-first{height: 378px;}
}

@media (max-width: 991px){
.top-highlight-box{margin-bottom: 9px;}
.top-highlight-box-first, .top-highlight-box{height: auto;}
}


@media (max-width: 767px) {
.city-page-container{margin-top: 129px; height: 260px;}
.city-page-content-section .col-md-12, .sublink-listing-section .col-md-12{padding: 0 10px;}
.city-page-content-section ul{margin: 10px 0 0 18px;}
.city-page-content-section ul li{width: 100%;}
.top-highlight-section h2{font-size: 24px; padding: 0 5px;}
.top-highlight-box{margin: 0 0 15px 0;}
.top-highlight-box-respon{overflow-x: auto; white-space: nowrap; font-size: 0; margin: 0 10px;}
.top-highlight-box-respon .top-highlight-box-respon-box{display: inline-block; width: 300px; padding: 0px; margin:0 5px;}
.top-highlight-box-respon .top-highlight-box-respon-box:first-child{margin-left: 0 !important;}
.top-highlight-box-respon .top-highlight-box-respon-box:last-child{margin-right: 0 !important;}
.top-highlight-box-detail{left: 10px; right: 10px;}
.top-highlight-box-detail h4{white-space: initial; font-size: 16px;}
.top-highlight-box-detail p{font-size: 14px;}
.top-highlight-box-first .top-highlight-box-detail h4{font-size: 16px;}
.top-highlight-box>a>img{height: 169px;}
.top-highlight-section{padding: 15px 0 40px 0;}
.city-page-content-section p{margin-left: 5px; margin-right: 5px; font-size: 14px; line-height: 26px;}
.destination-page-h1, .city-page-content-section h2{margin-left: 5px; margin-right: 5px;}
.sublink-listing-section h4{font-size: 22px;}
}