@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Slabo+27px&display=swap');

body{ position: relative; float: left; width: 100%; margin: 0; padding:0; font-size: 15px; 
	overflow-x: hidden; font-style: normal; scroll-behavior: smooth; 
   font-family: 'Quicksand', sans-serif;
  }
image{ border: none; }
p{ font-weight: normal; }
a{ color:#171717; }
a:hover{ text-decoration: none; color:#f08620;  }
header{ position: relative; float: left; width: 100%; }
header .topbar{ position: relative; float: left; width: 100%; padding:0; }

.topbar .container{ position:relative; float:left; max-width:100%; }
.slider-bx{ position:relative; float:left; width:100%; }
.menubar{ 
	position: absolute;
    float: left;
    width: 100%;
    background:none;
    padding: 0 17px;
    top: 0;
    z-index: 10;
}
.sticky {
  position:absolute; z-index: 10; background:none;
  top: 0;
}

/* menu css */
.navbar-light .navbar-brand {
    width: 198px;
}
.navbar-brand img{ width: 100%; }
.navbar-light .navbar-nav{ 
  /*margin-left:auto!important; 
  margin-right:0px !important;*/ 
  text-align: center;
    margin: 0 auto;
}
.navbar-light .navbar-nav .nav-link { color:#fff; font-size:14px; padding: 11px 13px;  font-weight: 500;
    text-transform: uppercase; margin:0 1px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{ color:#d3932d;
    background:none;
     }
.navbar-light .navbar-nav .nav-link:hover{ 
	color:#d3932d;
    background:none;
    border-radius: 10px; }
.book-btn .btn-outline-success{ border:none; background:#d3932d; color:#fff; position:relative; right:20px;
font-size: 13px; font-weight: 700; padding: 9px 12px 8px; }

.city_top_news {
	float:left;
	width:80%;
    padding:25px 0px 23px;
	border-left:1px solid #cccccc;
	margin: 21px 0 0;
}
.city_top_news .news-head{
	display:inline-block; width: 25%;
	padding: 2px 18px 6px; text-align: center;
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin-right:2px;
	position:relative;
	float:left; 
	background:#e25414; 
}
.city_top_news .news-head:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:14.5px 12px 13.5px 0;
	border-color: transparent #fff transparent transparent;
}

.scroll-news{ width:60% }
.scroll-news span{ padding:0 15px 0 23px; position:relative; }
.scroll-news span:before{ position:absolute; width:0; height:0; 
	content: "\f15c"; font: normal normal 18px/1 FontAwesome; top: 4px;
    left: 0;  color: #8f8f8f; font-size:14px; }
.city_top_social{
	float:right;
	width:100%;
	padding: 9px 0px;
	margin: 19px 0 0;
}

.city_top_social ul{
	float:right;
	width:100%; 
	padding:0; 
	margin: 13px 0 0;
}

.city_top_social ul li{
	float:left;
	width:auto;
	margin-right:0px; 
	list-style:none;
}
.city_top_social ul li:last-child{
	margin-right:0px;
}

.city_top_social ul li a{
	display:inline-block;
	height:40px;
	width:36px;
	text-align:center;
	line-height:33px;
	border:3px solid;
	color:#fff;
	font-size:13px; background:#007cc2;
}

.city_top_social ul li a:hover{
	color:#fff;
}

.welcome-bar{ position: absolute; right: -60px; top: 5%; }

.banner_text{
	position:relative;
	right:137px;
	width:470px;
	padding:42px 30px 30px;
	background:#db56198a;
}
.small_text{
	font-size:20px;
	color:#fff;
}
.medium_text{
	font-size:50px;
	color:#fff;
	line-height: 40px;
	margin-bottom:4px;
}

.hidden {
  opacity:0;
}

.large_text{
	font-size:58px;
	font-weight:bold;
	color:#fff;
	line-height: 70px;
	text-transform:uppercase;
	margin-bottom:20px;
	overflow:hidden;
}
.banner_btn{
  margin-bottom: 40px;
  margin-top: 40px;
}

.banner_btn .theam_btn{
	margin-right:8px; 
	border: solid 2px #d3932d;
    color: #fff; font-weight: 500;
    padding: 12px 23px;
    background: #d3932d;
}
.banner_btn .theam_btn:hover{ text-decoration: none; background:#d3932d; color:#fff; }

.banner_btn .theam_btn:last-child{
	margin-right:0px;
}

.banner_search_form label{
	color:#fff;
	margin-bottom:10px;
}

.banner_search_field{
	position:relative;
}

.banner_search_field input{
	height:52px;
	background:none;
	border:2px solid #fff;
	width: 100%;
}

.banner_search_field input::placeholder{
	color:#fff;
}

.banner_search_field a{
	position:absolute;
	top:2px;
	right:2px;
	bottom:0px;
	left:auto;
	width:57px;
	height:48px;
	text-align:center;
	line-height:48px;
	background-color:#fff;
	font-size:13px;
}

.banner_search_field a:hover{
	color:#fff; text-decoration: none;

}
.cust-caption{ left:5%; right:5%; bottom:16%; z-index:1; }
.cust-caption h1{ font-size:75px; font-family: 'Slabo 27px', serif; margin:20px 0 40px; }
.cust-caption h5{ font-size:32px; font-weight:400 }

/* CITY ABOUT WRAP start */
.city_about_wrap{
	float:left;
	width:100%;
}
.city_about_wrap{
	padding: 100px 0px 100px;
    border-bottom: solid 2px #ededed;
}
.city_about_fig{
	padding:0px 100px 70px 0px;
	position:relative;
	width: 100%;
    float: left;
}
.city_about_video{
	position:absolute;
	right:0px;
	bottom:0px;
	border:20px solid #fff;
	z-index: 2;
}
.city_about_video .overlay:before{
	opacity:0.9;
}
.paly_btn{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	font-size:50px;
	color:#fff;
	text-align:center;
	margin-top:-33px;
	z-index:2;
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.city_about_text{
	margin-bottom:45px;
}
.city_about_text h6{
	margin:0px 0px 14px 0px;
	font-style:italic;
	line-height:28px;
}
.city_about_text p{
	line-height:28px;
	margin:0px 0px;
}
.city_about_link{ margin: 0; padding: 0; }
.city_about_link li{
	margin-bottom: 15px;
    list-style: none;
    float: left;
    width: 33.33%;
}
.city_about_link li:last-child{
	margin-bottom:0px;
}
.city_about_link li a{
	font-size:15px;
	font-weight:normal; color:#666; 
}
.city_about_link li a i{
	margin-right:25px;
}
.border{
	position:relative; border: none !important;
}
/*.border:after,
.border:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:0px;
	border-bottom:1px solid #cccccc;
	width:310px;
}
.border:after{
	bottom:5px;
}*/
.overlay:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color:#75a358;
    opacity: 0.6;
}
/* CITY ABOUT WRAP END */

.city_department_wrap{
	animation: 20s linear 0s normal none infinite running shafaqat;
	float: left; width: 100%; clear: both;
	padding: 80px 0;
}
.city_department_wrap.overlay:before{
	opacity:0.9;
}


.bg_white{
	background-color:#fff;
	width:100%;
	margin:auto;
	position: relative;
	margin-top:0px;
}
.section_heading h2 {
    margin: 0px 0px;
    line-height: 35px;
    font-weight: bold;
    color:#d3932d; font-size: 39px;
    text-transform: uppercase;
}
.section_heading span {
    font-size: 22px;
    margin: 0 0 14px;
    float: left;
    width: 100%;
}
.section_heading {
    float: left;
    width: 100%;
    padding:10px 20px;
    border-left:4px solid #d3932d !important;
    line-height: 15px;
    position: relative;
    margin-bottom: 50px !important;
    border-color:#d3932d;
}
.project-main { position: relative; float: left; width: 100%; padding:20px 15px;
    border: 1px solid #d7d7d7; margin: 0px 0px 35px; transition: all 0.3s ease-in; }
.project-main .image-bx{ width:64px; float: left; overflow: hidden; position: absolute;
    right: 13px; bottom: 13px; opacity:0.8; }
.project-main .image-bx img{ width:100%; }
.project-main .city_department_text{overflow: hidden; padding: 8px 0px 13px 20px;}
.project-main .city_department_text h5{ font-size:23px; }
.project-main .city_department_text a{ color:#d3932d; font-weight:600 }
.project-main .city_department_text a:hover{ text-decoration: none; }
.project-main .city_department_text i{ margin: 0 0 0 9px; }
.project-main:hover{ background:#FFF2DE; }
.owl-dots{ display:none; }

.owl-nav{ position:absolute; top:-88px; right:0; }
.owl-nav .owl-prev, .owl-nav .owl-next{ 
	height: 44px;
    width: 44px;
    text-align: center;
    border: 1px solid #c2c2c2 !important;
    right: 18px;
    font-size:23px !important; transition: all 0.3s ease-in;
    border-radius: 0 !important;
 }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{ 
 background:#f19236 !important; color: #fff;
 border: 1px solid #df193a !important;
 }

.normal-section{ position: relative; float: left; width: 100%; 
	padding: 120px 0; }


/*
	==================================
		CITY BLOG WRAP START
	==================================
*/
.city_blog_icon_list,
.city_blog_text,
.city_blog_fig,
.city_blog_wrap{
	float:left;
	width:100%; transition: all 0.5s ease-in;
}
.city_blog_wrap{
	padding:100px 0px;
}
.city_blog_fig{
	border-bottom:1px solid #d0d0d0;
	position:relative;
}
.city_blog_text{
	padding:25px 20px 30px;
}
.city_blog_text span{
	display:inline-block;
	position:relative;
	padding-right:48px;
}
.city_blog_text span:before{
	position:absolute;
	content:"";
	top:0px;
	left:auto;
	right:0px;
	bottom:5px;
	border-bottom:1px solid #666666;
	width:32px;
}
.city_blog_text h4{
	margin:0px 0px 19px 0px;
	font-weight:bold;
}
.city_blog_text p{
	margin-bottom:25px;
	display:none;
}
.social_icon li,
.social_icon,
.city_blog_icon_list .theam_btn{
	float:left;
	width:auto;
}
.share_icon,
.city_blog_icon_list{
	float:right;
	width:auto;
}
.city_blog_icon_list{
	padding:8px 0px;
}
.social_icon{
	padding:4px 0px;
	display:none; margin: 0;
}
.social_icon li{
	margin-right:24px; list-style: none;
}
.social_icon li a{
	display:inline-block; color:#333; 
}
.share_icon{
	display:inline-block;
	font-size:25px;
	line-height: 20px;
}
.city_blog_fig.position .social_icon,
.city_blog_fig.position p{
	display:block;
}
.city_blog_fig.position {
    margin-top: -467px;
    position: relative;
	opacity:0;
	/*box-shadow:0px 0px 0px 0px #cecece;*/
}
.city_blog_fig.position:hover{
	opacity:1;
	overflow:visible;
	visibility:visible;
	background-color:#fff;
	width: 106%; border-bottom: none;
}
.city_blog_fig.position:hover .city_blog_text{
	/*box-shadow:0px 2px 5px 2px #cecece;*/ border-bottom: none;
}
.city_blog_fig.position:hover .theam_btn{
	color:#fff;
}
figure { margin: 0; }

.city_blog_fig a.theam_btn{ background: #f08620; padding: 8px 13px 10px;
color:#fff;  }
.share_icon{ color: #333; }


/*
	==================================
		CITY BLOG WRAP END
	==================================
*/

/*
	==================================
		CITY JOBS WRAP START
	==================================
*/
.city_jobs_item,
.city_jobs_list ul li,
.city_jobs_list ul,
.city_jobs_wrap{
	float:left;
	width:100%; list-style: none;
}
.city_jobs_wrap{
	position:relative;
	background-image:url("../images/restoBg.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	background-size:100%;
}
.city_jobs_wrap:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) -9%, #000);
}
.city_jobs_fig{
	float:left;
	width:55%;
}
.city_job_text{
	width:430px;
	position:absolute;
	left:100px;
	bottom:70px;
}

.city_job_text .theam_btn {
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    border: 2px solid #fff;
}

.city_job_text .theam_btn:hover{ text-decoration: none; }
.city_job_text span{
	display:inline-block;
	color:#fff;
	font-size:16px;
	margin-bottom:2px;
}
.city_job_text h2{
	font-weight:bold;
	font-size: 50px;
	color:#f08620;
	margin:0px 0px 8px 0px;
}
.city_job_text h3{ color:#888888; font-size:22px; }
.city_job_text p{
	width:100%;
	color:#fff;
	margin-bottom:25px;
}
.city_jobs_list{
	float: right;
	width: 45%;
	position: relative;
}
.city_jobs_list ul{ margin:0; padding:0; }
.city_jobs_item{
	padding:45px 70px;
	background-image:url("http://kodeforest.net/html/baldiyat/images/job-list-bg.png");
	background-repeat:no-repeat;
	z-index:2;
	position: relative;
	transition: all 0.3s ease-in;
}
.city_jobs_item.overlay:before{
	opacity:1;
	z-index:-1; background:#e25414; 
}
.city_jobs_item span{
	display:inline-block;
	height:127px;
	width:127px;
	text-align:center;
	line-height:127px;
	border-radius:100%;
	background-color:#fff;
	font-size:55px;
	float: left;
	color:#e25414; transition: all 0.3s ease-in;
}
.city_jobs_item:hover span i{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transition: all 0.3s ease-in;
}
.ciy_jobs_caption{
	overflow:hidden;
	padding:0px 0px 0px 30px;
}
.ciy_jobs_caption h2{
	color:#fff;
	font-weight:bold;
	margin:0px 0px 6px 0px;
}
.ciy_jobs_caption p{
	margin:0px 0px 7px 0px;
	color:#fff;
}
.ciy_jobs_caption a{
	display:block;
	color:#fff;
	font-size: 15px;
}
.city_jobs_item.pull-right{
	float:right;
}
.city_jobs_item.pull-right.overlay:before{
	opacity:0.9;
	background:#5f8f41;
}
.city_jobs_item.pull-right .ciy_jobs_caption{
	padding: 0px 30px 0px 0px;
	width: 70%;
	float: left;
	text-align: right;
}

.city_jobs_item.pull-right span {
    float: right;
}

/*
	==================================
		CITY JOBS WRAP END
	==================================
*/

/*
	==================================
		CITY PROJECT WRAP START
	==================================
*/
.city_project_fig{ position:relative; float:left; width:100%;
 transition:all 0.3s ease-in; }

.city_project_fig .overlay:before{
	opacity:0.7; z-index:1; width:100%; width:100%;
    left:0px;
}
.city_project_text{
	position:absolute;
	top:32%;
	left:20px;
	right:20px;
	z-index:2;
	margin-top:-110px; width: 100%;
	z-index:2; transition:all 0.4s ease-in;
}
.city_project_fig:hover .city_project_text{
	margin-top:-130px;
}

.city_project_fig img{ width: 100%; }
.city_project_text span{
	display:block;
	font-size:80px;
	line-height:70px;
	color:#fff;
	margin-bottom:18px;
}	
.city_project_text > a{
	display:inline-block;
	color:#fff;
	position:relative;
	padding-bottom:6px;
	margin-bottom:7px;
}
.city_project_text > a:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	width:160px;
}
.city_project_text h3{
	font-weight:bold;
	margin:0px 0px 0px 0px;
	line-height: 32px;
}
.city_project_text h3 a{
	color:#fff;
}

.city_event_fig{
	margin-bottom:30px;
}
.city_event_fig figure{
	width:auto;
}
.city_event_text{
	overflow:hidden;
	padding:14px 15px 14px 25px;
	border:1px solid #d7d7d7;
}
.city_event_history{
	margin-bottom:16px;
}
.event_date{
	float:left;
	width:74px;
	text-align:center;
	padding:12px 0px 10px;
	background-color:#f08620;
	border-radius:1px;
}
.event_date span{
	display:block;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	line-height: 22px;
	margin-bottom:1px;
}
.event_date strong{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.city_date_text{
	overflow:hidden;
	padding:4px 0px 7px 15px;
}
.custom_size{
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
.city_date_text a{
	display:inline-block;
}
.city_date_text a i{
	margin-right:10px;
	font-size:16px;
	color:#404040;
}
.city_event_text > p{
	margin:0px 0px 12px 0px;
}
.city_event_text > a{
	font-size:14px;
	display:block;
}
.city_event_text > a span{
	font-size:16px;
	margin-left:5px;
	text-transform:capitalize;
}
.city_event_fig figure {
    width: auto; float: left;
}
.thumb img, figure img {
    float: left;
    width: 100%;
    border-radius: 10px;
    margin: 0 0 30px;
}
.test-section{ background:url(../images/banner5.jpg); float: left; width: 100%; padding:110px 0; color:#fff;
 background-size:100% 100%; background-repeat:no-repeat; }
.test-main{ width: 100%; float:left; }

.city_client_text{ position:relative; float:left; width:100%; padding:20px; text-align: center; color: #fff;}
.test-main .img-co{ width:100%; float: left; text-align:center; }
.test-main img{ border-radius:250px; border:3px solid #d3932d; width:100px !important; margin:0 auto 46px; }

.test-main .city_client_text p{ color:#fff; font-size:22px; width:100%; 
position:relative; padding: 30px 0 0; }
.city_client_text p:before {
    position: absolute;
    content: "\f10d";
    top:-35px;
    left:-96%;
    right: 0px;
    bottom: 0px;
    font-family: 'FontAwesome' !important;
    font-size: 50px;
    color:#d3932d;
    z-index:10;
}

#news{ background: #13172B; }
#news .section_heading span{ color:#fff; }
.city_client_text h4{ 
	float: left;
    text-align: center;
    float: left;
    width: 100%; margin: 35px 0 0; 
}
.city_client_text h4 a{ color:#fff; font-size: 28px; }
.city_client_text  h4 span a{ font-size: 16px !important; }
#test-caro .owl-nav{ display: none; }

.city_news_fig{ float: left; width: 100%;color:#fff; }
.city_news_text{ padding:24px 0px 0px 0px; text-align:center; }
.city_news_text p{ width: 100%; float: left; color:#fff; }
.city_news_text h2 {
    font-weight: normal;
    margin:0px 0px 12px 0px;
    font-size: 28px;
    text-align: center;
    float: left;
    width: 100%;
}
.city_news_text a{ color:#fff; }
.rating{ padding:0px 0px 40px 0px; color:#d3932d; font-size:13px; }
.city_news_meta{
	 padding: 0; margin: 0 0 20px; width: auto; float: left;
}
.city_news_meta li{
	float:left;
	width:auto;
	padding:0px 14px;
	border-right:1px solid #afafaf;
	line-height:15px; list-style: none;
}
.city_news_meta li:last-child{
	border-right:none;
	padding-right:0px;
}
.city_news_meta li:first-child{
	padding-left:0px;
}
.city_news_meta li a{
	display:inline-block;
	font-size:15px;
	line-height:15px;
}
.city_news_text .theam_btn {
        border: solid 2px #898989;
    color: #666666;
    padding: 8px 18px;
    float: left;
}
.city_news_row{ float:left; width:100%; }
.city_news_row ul{ margin:0; padding:0; }
.city_news_row li{ list-style:none; width:100%; float:left; 
 margin: 0 0 25px; }
.city_news_meta li {
    float: left; list-style: none;
    width: auto;
    padding: 0px 14px;
    border-right: 1px solid #afafaf;
    line-height: 15px;
}
.city_news_meta li a {
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
}

.city_news_list figure {
    width: auto; float: left;
}

.city_news_list_text{ width: 70%; float: right; padding:10px 16px; }

.city_news_feild{ 
	background-color: #f08620;
    padding: 25px 30px 30px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
     }
.city_news_feild:before {
    position: absolute;
    content: "\e914";
    top: auto;
    left: auto;
    right: -8px;
    bottom: -65px;
    font-family: 'icomoon' !important;
    color: #fff;
    opacity: 0.3;
    z-index: -1;
    font-size: 230px;
}
.city_news_feild span {
    display: block;
    color: #fff;
}
.city_news_feild h4 {
    font-weight: bold;
    color: #fff;
    margin: 0px 0px 6px 0px;
}
.city_news_feild p {
    color: #fff;
    margin: 0px 0px 25px;
}
.city_news_search input {
    margin-bottom: 10px;
    height: 48px;
    width: 100%;
    padding: 10px 15px;
    color: #666666;
    border: none;
}
.city_news_search .theam_btn {
    display: block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 16px;
    background-color: #14284b;
    border: none;
    padding: 10px 26px;
    text-align: center;
}
.city_news_feild.feild2 {
    margin-bottom: 0px; float: left; width: 100%;
    background-color: #14284b;
}
.city_document_list{ float:left; width:100%; }
.city_document_list ul{ float:left; width:100%; padding: 0; margin: 0; }
.city_document_list ul li{ list-style:none; padding:12px 0; 
border-bottom: 1px solid rgba(255,255,255,0.2); }
.city_document_list ul li:first-child {
    border-top: 1px solid rgba(255,255,255,0.2);
}
.city_document_list ul li a{ color:#fff; }
.city_document_list ul li i{ margin:0 10px 0 0; }

footer{ background-color:#14284b; float:left; width:100%; position: relative;
display: block; padding: 80px 0 60px; }
footer p{ color:#e7e9ed; }
footer .widget_list, footer .widget_text{ float: left; width: 100%; }
footer .widget_list h4{ font-size:20px; color:#d3932d; margin-bottom: 22px; }
footer .widget_text ul {
    margin-bottom: 30px; margin: 0; padding: 0; width: 100%; float: left;
}
footer .widget_text ul li{ list-style: none; color:#dadfe7; }
footer .widget_text ul li a{ color:#dadfe7; }
.widget_service ul li,
.widget_service ul,
.widget_service{
	float:left;
	width:100%;padding: 0; margin: 0;
}
.widget_service ul li{
	margin-bottom:10px; list-style: none;
}
.widget_service ul li:last-child{
	margin-bottom:0px;
}
.widget_service ul li a{
	display:block;
	padding-left:20px;
	color:#dadfe7;
	font-size:15px;
	position:relative; animation: all 0.5s ease-in;
}
.widget_service ul li a:hover{
	padding-left:25px;
}

.widget_service ul li a:before, .city_request_link ul li a:before {
    position: absolute;
    content: "\f105";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: fontAwesome;
    color:#a6b1c3;
    font-size: 16px;
}
.widget_text.text2 ul li a span{
	float:right;
}
.widget_text.text2 ul li{
	margin-bottom:10px;
}
/*widget copyright start*/
.copyright_text,
.widget_copyright{
	float:left;
	width:100%;
	text-align: center;
}
.widget_copyright{
	padding:50px 0px 0px;
	border-top:1px solid rgb(255 255 255 / 22%);
	margin-top:34px;
}

.breakfast-item{ background: #fff; border-radius:0px; overflow: hidden; text-align: center; 
    padding: 0 0px 13px; border-bottom: solid 3px #000; border-top: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.brek-img{ float: left; width: 100%; position: relative; }
.breakfast-item .brek-img img{ width: 100%; border-radius:0px; -webkit-box-shadow: 1px 10px 14px 1px rgb(0 0 0 / 16%);
    box-shadow: 1px 10px 14px 1px rgb(0 0 0 / 16%); margin-bottom: 20px; }
.breakfast-item h2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color:#333;
    letter-spacing: 0.3em;
    margin-top: 15px;
    margin-bottom:0px;
}
.breakfast-item .brek-text{ animation: all 0.3s ease-in; }
.breakfast-item:hover .brek-text{ opacity: 1; }
.breakfast-item .rating{ padding: 0px 0px 20px 0px }
.breakfast-item .rating i { font-size: 10px; }
.arrow-up{ position: absolute; z-index: 1; width: 100%; left: 0; text-align: center; bottom: 40px; 
    display: none; animation: all  0.6s ease-in; }
.arrow-up i{ background-color: #ef3f3e;
    -webkit-box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 50%);
    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 50%);
    width: 56px;
    height: 56px;
    border-radius: 100%;
   /* opacity: 0;*/
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 19px;
    color: #fff;
    text-align: center;
    line-height:52px;
 }
.brek-img:hover .arrow-up{ display:block; }
a.booknow-btn {
    display: inline-block;
    padding: 12px 40px;
    text-transform: uppercase;
    color: #fff;
    background: #d3932d;
    font-weight: 700;
    border-radius: 8px;
}

.con-list li{ padding:7px 0; }
.con-list li:first-child i{ margin:5px 20px 40px 0; float: left; }
.con-list li i{ margin-right:20px; color:#d3932d; }

.short-act-sec{ background-color: #FFF2DE;  text-align:center;}
.short-act-sec img{ width:60px; margin-bottom:25px; }
.short-act h2{ font-size:50px; margin:0; font-weight:700 }
.short-act h3{ font-size:18px; margin:0; }


.other-servuces{ border-top: solid 1px #333; float:left; width:100%; }
.other-servuces .container-fuild{ width:100% !important; max-width:100% !important; padding:0; }
.img-con{ width:100%; float: left; }
.img-con img { width:100%; }
.other-ser-con{     
	background: #fff2de; 
    float: left;
    width: 100%;
    padding:74px 40px; }
 .col-cus{ padding:0; }
 .other-ser-con .btn {
    border: none;
    background:#d3932d;
    color: #fff;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 12px 8px;
}
.other-ser-con h3{ font-size:30px; margin-bottom:20px; }

.other-ser-con1{ padding-left:70px; }
.mobile{ display:none; }

.inner-slider-bx{ background: url(../images/banner8.jpg) no-repeat center center; height: 500px; background-size: 100% auto;}
/* breadcrumb css */
.breadcrumb-bx{     
	background: none;
    width: 100%;
    padding: 40px 0;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 500px; }
.theme-breadcrumb ol{ background: none;  margin:8px 0 0; padding: 0;}
.theme-breadcrumb ol li a, .theme-breadcrumb ol .active{ color: #b4b4b4 !important; font-size: 16px; 
 line-height: 24px; }
.breadcrumb-bx h2{ 
    font-size:50px;
    color: white;
    font-weight:500;
    margin-bottom:0px;
} 
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #a4a7a9;
    content: "/";
}

/* room css  */
.room-container{ float: left; width: 100%; position: relative; padding:12px;
margin:25px 0; content: ""; background: #fff; }

.room-container:before {
    background-image: url(../images/papaer.png);
    background-size: 100% 100%;
    background-position:left  bottom; !important;
    content: "";
    position: absolute;
    bottom: -17px;
    width: 100%;
    height: 17px;
    background-repeat: no-repeat;
}


.rum-list{ margin: 0; padding: 0; }
.rum-list li{ list-style: none; 
    width: 20%;
    display: block;
    float: left; }

.room-img-bx{  }
.room-img-bx img{ width: 100%; }

.rum-item{ width: 100%; float: left; display: block; padding: 0 3px; }
.rum-item .room-details{ padding: 0 10px; }
.room-details h3{ font-size: 20px; margin-bottom:0px; }
.room-details h3 a{ color:#333; transition: all 0.3s ease-in; }
.room-details h3 a:hover{ text-decoration: none; color: #fc3131; }
.room-details .rating { margin-bottom: 10px; padding-bottom:0 }
.room-details .rating span i { font-size: 11.5px; }


.room-details ul{ margin: 0; padding: 0; }
.room-details ul li{ width: 100%; float: left; display: block; color: #9f9f9f; font-weight: 500; margin: 3px 0;
    padding: 0 0 0 18px;
    font-size: 14px; position: relative; content: "";}
.room-details ul li:before{ width: 14px; height: 14px; position: absolute; left: 0; top:6px; ; color: #9f9f9f; 
 font-size: 14px; font:normal normal normal 11px/1 FontAwesome; content: "\f00c"; z-index: 10;}

.room-rate-bx h2{ font-weight:700; color: #727070; margin: 15px 0; }
.room-rate-bx h2 small{ text-decoration: line-through; font-size: 14px;
    color: #727070; font-weight: 500;}
.room-rate-bx p{ margin-bottom: 0; font-weight: 500; color: #9f9f9f; }
.room-btn-bx a.booknow-btn{ 
        width: 112px;
    padding: 7px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center; }
.room-btn-bx a.booknow-btn:hover{ text-decoration: none; }
.rum-item .about_bottom{ 
    width: 100%;
    float: left;
    display: block;
    padding:20px 0 0 ; }


.service-wrap {
    background: #fff;
    text-align: center;
    padding:20px 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius:0px;
}
 .service-icon img {
    height: 80px;
    padding: 8px 10px;
    margin-bottom: 30px;
}
.service-wrap h5 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 0.001em; 
    color:#333;
}
.service-wrap p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color:#a8abaf;
    margin-bottom: -6px;
    line-height: 1.5;
    letter-spacing: 0.01em;
}
.service-wrap:hover {
    -webkit-box-shadow:3px 5px 20px 10px rgb(0 0 0 / 10%);
    box-shadow:3px 5px 20px 10px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.photo-gallery img{ width: 100%; }
.photo-gallery .col-glry{ padding: 0;border: solid 1px #fff; }
.choose-use-img {
    text-align: center;
    margin: 0 0 30px;
}
.choose-use-img img{ width: 100%; }
.single-fun-factor{ text-align: center; }
.single-fun-factor h2.counter {
    color: #383838;
    font-family: "Lato",sans-serif;
    font-size: 42px;
    font-weight: bold;
    margin-top: 30px;
}
.fun-icon i {
    border:1px dashed #d0902c;
    border-radius: 50%;
    color:#d0902c;
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.single-fun-factor2 h5 {
    margin-top: 20px; font-weight: 700;
}





/* about page */
.about_contentPage{ float: left; width: 100%; }
.about_contentPage .room-img{ float: left; width: 100%; margin-bottom:30px; }
.about_contentPage .room-img img{ width: 100%; }
.abt-desc{ float: left; width: 100%; border-top: solid 1px #d4d4d4; padding: 30px 0 0; margin:20px 0 0; }
.about_contentPage h2{ font-size: 39px; font-weight: bolder; }
.about_contentPage h2 span{ color: #fc3131; }
.about_contentPage h3{ font-size: 22px; }
.about_contentPage h5{ color:#979797; }

.abt-img-page img{ width: 100%; }


.room-container{ float: left; width: 100%; position: relative; padding:12px;
margin:25px 0; content: ""; background: #fff; }

.room-container:before {
    background-image: url(../images/papaer.png);
    background-size: 100% 100%;
    background-position:left  bottom; !important;
    content: "";
    position: absolute;
    bottom: -17px;
    width: 100%;
    height: 17px;
    background-repeat: no-repeat;
}


.rum-list{ margin: 0; padding: 0; }
.rum-list li{ list-style: none; 
    width: 25%;
    display: block;
    float: left; }

.room-img-bx{  }
.room-img-bx img{ width: 100%; }

.rum-item{ width: 100%; float: left; display: block; padding: 0 3px; }
.rum-item .room-details{ padding:42px 10px 0; }
.room-details h3{ font-size: 20px; margin-bottom:0px; }
.room-details h3 a{ color:#333; transition: all 0.3s ease-in; }
.room-details h3 a:hover{ text-decoration: none; color: #fc3131; }
.room-details .rating { margin-bottom: 10px; }
.room-details .rating span i { font-size: 11.5px; }


.room-details ul{ margin: 0; padding: 0; }
.room-details ul li{ width: 100%; float: left; display: block; color: #9f9f9f; font-weight: 500; margin: 3px 0;
    padding: 0 0 0 18px;
    font-size: 14px; position: relative; content: "";}
.room-details ul li:before{ width: 14px; height: 14px; position: absolute; left: 0; top:6px; ; color: #9f9f9f; 
 font-size: 14px; font:normal normal normal 11px/1 FontAwesome; content: "\f00c"; z-index: 10;}

.room-rate-bx h2{ font-weight:700; color: #727070; margin: 15px 0; }
.room-rate-bx h2 small{ text-decoration: line-through; font-size: 14px;
    color: #727070; font-weight: 500;}
.room-rate-bx p{ margin-bottom: 0; font-weight: 500; color: #9f9f9f; }
.room-btn-bx a.booknow-btn{ 
    width: 124px;
    padding:7px;
    font-size: 12px;
    font-weight: 700; margin-bottom: 5px; }
.room-btn-bx a.booknow-btn:hover{ text-decoration: none; }
.rum-item .about_bottom{ 
    width: 100%;
    float: left;
    display: block;
    padding:47px 0 0 ; }
.restaurant-section{ 
    padding-top: 100px;
    background: url(../images/bg-1.webp)no-repeat scroll right top; }
.restaurant-section2{ background: url(../images/fun-factor.webp)no-repeat scroll center center;
    background-size: cover; }

    .rooms-list{ float: left; width: 100%; border: 1px solid #dfd2bf; padding: 30px; margin-bottom: 30px; }
.rooms-list a{ float: left; width: 100%; padding:7px 0; border-bottom: 1px solid #f7f6f5; 
 font-weight:500; font-size: 14px; color: #333; color: #979797; transition: all 0.3s ease-in; }
.rooms-list a:hover, .rooms-list a.active{ 
	text-decoration: none;
    color: #cd7e00;
    border-bottom: solid 1px #d3932d;
    font-weight: 600; 
}

.check-avibility{ text-align: center; background:#d3932d; color: #fff;}
.check-avibility a{ color:#fff; width:auto; margin: 0 auto; text-align: center; padding: 12px 40px; float:initial; }
.check-avibility img{ 
    margin: 0 auto;
    display: table;
    width: 85px;
    margin-bottom:30px;
    background: #ffffff;
    padding: 20px;
    border-radius: 60px;
    border: 1px solid #dfd2bf; }


.check-avibility h2 a {
    font-weight: 700;
    text-transform: uppercase;
    font-size:26px;
    margin-bottom: 15px; width: 100%; color: #fff; padding: 0;
}
.check-avibility h2 a:hover, .check-avibility h2 a{ text-decoration: none !important; border: 0; }
.check-avibility h4{
  font-size: 14px; color: #fff; font-weight: 400; font-size: 15px; padding: 10px 0;
}
.check-avibility h5{ 
    display: block;
    opacity: 0.8;
    line-height: 1.2;
    font-size: 14px;
    color: #fff; }
.check-avibility .booknow-btn{ border: solid 1px #fff; }
.check-avibility .booknow-btn:hover{ border-bottom: solid 1px #fff; color:#fff; }

.photo-gallery img{ width: 100%; }
.photo-gallery .col-glry{ padding: 0;border: solid 1px #fff; }
.booking-sec{ padding: 40px 0 0; }
.room-con-item{ width: 100%; float: left; padding: 30px 0; }
.room-con-item h3{ 
    font-size: 22px;     
    margin-bottom: 20px;
    border-bottom: 1px solid #dfd2bf;
    padding-bottom: 20px; }
.hp-amini ul{ margin: 0; padding: 0; }

.hp-amini ul li {
    color: #333;
    display: block;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 15px 15px 12px;
    float: left;
    width: 18%;
    text-align: center;
    border: 1px solid #dfd2bf;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px;
}
.hp-amini ul li:hover{
    background: #dad2c2;    
}
.hp-amini ul li img {
    margin: 0 auto;
    display: table;
    width: 45px;
    margin-bottom: 15px;
}

/* --------------------------------------- 

Responsive CSS 

----------------------------------------- */

/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) { 


 }

 /* Large devices (desktops, 992px and up) */
@media (min-width: 1080px) { 
.city_top_news {
    float: left;
    width: 100%; }

 }

  /* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
.sticky, .menubar {
    position:relative;
    z-index: 10;
    background:#000;
    top: 0;
}
.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    background: #fff;
}
.navbar-collapse
{
	position: absolute;
    background: #e25414;
    top: 112px;
    width: 100%;
    left: 0;
    padding: 7px 10px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
   background: #333;
   color: #fff;
}
.book-btn .btn-outline-success {
    border: none;
    background: #333;
    color: #fff;
    position: relative;
    right: 0px; width: 100%;
}
.cust-caption h1 { font-size: 45px; }
.cust-caption h5 { font-size: 25px; }
.city_top_news {
    float: left;
    width: 100%; }

 }
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
.cust-caption h1 { font-size: 35px; }
.cust-caption h5 { font-size: 20px; display:none; }
.cust-caption{ bottom:0 }
.banner_btn .theam_btn{ display:none; }
.welcome-bar{ position:relative; float: left; width: 100%; right:auto; top:auto; 
}

.banner_text{
	position:relative;
	right:auto;
	width:100%;
	float: left;
	padding:42px 30px 50px;
	background: #18a855;
}
.project-main .image-bx{ width:60px; }
.city_top_social{ display: none; }
.city_job_text {
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 224px 114px 20px;
}
.city_jobs_list {
    float: left;
    width: 100%;
    position: relative;
    left: -18px;
}
.city_jobs_fig {
    float: left;
    width: 100%;
    clear: both;
}
.city_project_fig {
    margin: 15px 0;
}

.mobile{ display:block; }
.desktop { display:none; }
 }

.img-con{ height:auto !important; }

.short-act{ margin-bottom:40px; }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.col-cus {
    padding-right: 15px;
    padding-left: 15px;
}
	.banner_btn{ display:none; }
 .cust-caption { bottom: 0; }
 .cust-caption h5 {
    font-size: 15px;
}
.cust-caption h1 {
    font-size:28px;
}

 .city_job_text {
    padding: 224px 24px 20px;
 }
 .ciy_jobs_caption {
    overflow: hidden;
    padding: 0px 0px 0px 0px; 
    width: 100%;
}
.city_jobs_item {
    padding: 45px 30px; 
    float: right;
}
.city_jobs_item.pull-right span {
    float: none;
}
.city_jobs_item.pull-right .ciy_jobs_caption {
    padding: 0px 30px 0px 0px;
    width: 100%;
    float: left;
    text-align: left;
}

 .col-cus, .col-lg-6, .col-cus, .col-12 {
    padding:20px;
    max-width: 100%; display: block; width: 100%;
}

 }