@media screen {
	input#firstname, input#lastname, input#zip_code, input#address, input#email_address, input#city, input#state  {
		width: 15em!important;
	}
			span.scrolldown {
			display: none;
		}
		footer .row-post-nav a:hover {
    color: #b9ad85;
		}

	 .ym-wrapper .row-nav-container{
		position: relative;
		width: 100vw;
		left: calc(-50vw + 50%);
		background: #5d5d5d;
	}
	/*Manpreet Changes*/
	.logo {
    background: #fff url(../img/hastings-logo-redesign.png) no-repeat center;
    height: 80px;
    margin-top: -4px;
}
.stackla-widget {
    height: 100%;
}
.stackla-widget iframe {    height: 485px !important; }
	.rates{
		display:none;
	}
	.social_links{
		display:none !important;
	}
	.top_right_nav {
		line-height: 48px;

	}
/*	nav.navtop {
		height: 88px;/*Manpreet Changes*/

	#main .box-content .content_title:after {
		background: #b0994f;
	}

	.page_index #main .box-content .content_title:after {
		content: "";
		background: #b9ad84;
		position: absolute;
		left: 0;
		top: 20px;
		height: 1px;
		width: 25%;
		z-index: -1;
	}
	.page_index	#main .box-content .content_title:before {
		content: "";
		background: #b9ad84;
		position: absolute;
		right: 0;
		top: 20px;
		height: 1px;
		width: 25%;
		z-index: -1;
	}
	#main .box-content .content_title {
		background-color: #fff;
	/*	padding: 0 40px;*/
		position: relative;
		z-index: 2;
	}
	.quickbook {
		color: #ffffff;
	}
	#quickbook_popup .quickbook-header h3 {
		color: white!important;
		display: inline-block;
		width: 80%;
		padding: 0 0 0 0%;
		text-align: center;
		border-width: 0;
		font-size: 24px!important;
		margin-top: 4px;
	}
	.promobox .image_grid_content > div.image_grid_content_title {
		background-color: rgba(255, 255, 255, 0.81)!important;
		margin-bottom: 30px;/*Manpreet Changes*/
		font-weight: 300;/*Manpreet Changes*/
	}

	/*.image_grid_content > div.image_grid_content_title:hover{
		background-color: #67573e!important;
	}*/

	.image_grid_content >div.image_grid_content_title, .banner.show_info a .overlay span.title, .parallax .overlay span.title, .image_grid_content >h1.image_grid_content_title {
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		font-weight: normal;
	}

/*Jason Changes start*/
.image_grid_content_subtitle {
    color: #B9AD84!important;
}
		.promoboxsquare .image_grid_content >div.image_grid_content_title {
	  color: #b9ad84;
	  background: rgba(255, 255, 255, 0.90);
		text-transform: capitalize;
		letter-spacing: 2px;
		outline: 1px solid #b9ad84;
		outline-offset: -1px;
	}
	body.is_desktop .image_grid_container_item.on_hover:hover .image_grid_content {
		background: rgba(255, 255, 255, 0.9)!important;
	}
	.image_grid_content >div.image_grid_content_title {
		color: #b9ad85;
	}
	.promoboxsquare	.image_grid_content >div {
	  text-align: center;
	  padding: 10px;
	  color: #b9ad85;
	}
	.promoboxsquare .image_grid_container_item .image_grid_content > div.image_grid_content_title, .image_grid_container_item .image_grid_content > h1.image_grid_content_title {
	  display: table-row;
	  position: bottom;
	  bottom: 0;
	  position: absolute;
	  bottom: 0px;
		right: 0;
	  left: 0;
		background: rgba(255, 255, 255, 1);
		font-size: 24px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.promoboxsquare .image_grid_content >div.image_grid_content_text {
    line-height: 19px;
	}
				@media screen and (max-width: 768px) {
											.promoboxsquare .image_grid_container_item .image_grid_content > div.image_grid_content_title, .image_grid_container_item .image_grid_content > h1.image_grid_content_title {
											    font-size: 16px;
											}
											.promoboxsquare .bookbutton {
							    				display:none;
											}
				}
/*Jason Changes end*/




	.image_grid_content >div.image_grid_content_text {
		color: #131426;
		font-size: 15px;
	}

	.lighttext .image_grid_content >div.image_grid_content_text {
		color: #ffffff;
	}

	.promobox .image_grid_container_item .image_grid_content {
		position: relative;
		vertical-align: bottom;
		/*padding: 0 0px;Manpreet Changes*/

	}

	.image_grid_content >div.image_grid_content_cta span, .banner.show_info a .overlay span.button, .parallax .overlay a.button {
		padding: 12px 36px 12px 36px;
		text-transform: uppercase;
	}

	.image_grid_content >div.image_grid_content_cta {
		margin-top: 10px;
	}

	/*Manpreet Changes*/
	.promobox .image_grid_content >div.image_grid_content_subtitle, .promobox .image_grid_content >div.image_grid_content_text {
		display:none;
	}

	.promobox .image_grid_content >div.image_grid_content_title {
	    font-size: 24px;
		padding: 30px;
		color: #111224;
		letter-spacing:0.5px;
	}

	.banner.show_info a .overlay span {
		color: #ffffff;
	}

	/*----- Parallax Changes -----*/
	.parallax .overlay span.title, .banner.show_info a .overlay span, .parallax .overlay span {
		color: #ffffff;
	}

	.parallax .overlay a.button {
		border-radius: 0;
	}

	/*----- Promotional boxes with tiles -----*/
	.feature-footer {
		background-color: #b9ad84 !important;
	}

	.feature .booknow {
		font-size: 16px;
	}

	.features:not(.larger_setup) .feature {
		-webkit-box-shadow: 0px 2px 2px rgba( 0, 0, 0, 0 );
		-moz-box-shadow: 0px 2px 2px rgba( 0, 0, 0, 0 );
		box-shadow: 0px 2px 2px rgba( 0, 0, 0, 0 );
	}

	.page_layout_Widget .features:not(.larger_setup) .feature:hover {
		background-color: #ffffff;
	}

	.feature:hover .feature-footer {
		background-color: #b9ad84 !important;
	}

	.bookbutton, .booknow {
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 12px 36px 12px 36px;
	}

	.button {
		font-size: 16px;
		border-radius: 0;
	}

	/*----- Hide pagination over hero slider -----*/
	ul#slide-list {
		display: none;
	}

	/*----- Width of Map -----*/
	.page_layout_Flexible.page_index .box-content > .iframe_container > .iframe_embed_container {
		max-width: initial;
	}
/*----- Quickbook button positioning normal screens  -----*/

	#sidebar .ym-wbox,
	#sidebar.fixed .ym-wbox {
		background: none;
		background: rgba( 0, 0, 0, 0 );
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}

	#sidebar .quickbook label,
	#sidebar.fixed .quickbook label {
		float: left!important;
	}

	#quickbook_btn,
	#sidebar.fixed #quickbook_btn,
	#quickbook_nobtn,
	#sidebar.fixed #quickbook_nobtn{
		font-weight: 300;
		text-align: center;
		color: #fff;
		padding: 28px 8px 15px 8px;/*Manpreet Changes*/
		margin-left: 20px;
		font-size: 18px;
		letter-spacing: 1px;
		text-transform: uppercase;
		/*background-image: url(../img/btn-back.jpg);Manpreet Changes*/
		background-color: #B9AD84;/*Manpreet Changes*/
		cursor: pointer;
		width: 200px;
		float: right;
		z-index: 99;
		position: relative;
		text-decoration: none;
	}

	/*Manpreet Changes*/
	#quickbook_btn:hover, #sidebar.fixed #quickbook_btn:hover,
	#quickbook_nobtn:hover,
	#sidebar.fixed #quickbook_nobtn:hover {
/*		background-image: url(../img/btn-back-hover.jpg); Manpreet Changes*/
		background-color: #B9AD84;/*Manpreet Changes*/
	}

	#quickbook_btn:hover, #sidebar.fixed #quickbook_btn:hover, #quickbook_nobtn:hover, #sidebar.fixed #quickbook_nobtn:hover {
	    background-color: #111224;
	}

	#quickbook_btn_text,
	#sidebar.fixed #quickbook_btn_text,
	#quickbook_nobtn_text,
	#sidebar.fixed #quickbook_nobtn_text{
		font-size: 11px;
		display: block;
		margin-top: 5px;
		color: #d0d0d0;
	}

	#sidebar,
	#sidebar.fixed{
		position: fixed;
		top: 0px!important;
		right: 260px!important;
		z-index: 100000!important;
		left: auto!important;
	}
	nav.navtop {
		padding-right: 262px;
	}

/*----- Booking Panel Centering (Manpreet changes) -----*/




/*----- Arrow Down Icon ()Manpreet Changes-----*/
	.scrolldown-wrapper {
		display: inline;
	}

	.scrolldown, .scrollup, .nav-icons > div, .icons .icon-button {
		background-color: transparent;
		border-color: #ffffff;
		color: #ffffff;
	}

	.arrow-down {
		border-top-color: #ffffff;
	}

	.scrolltext {
		display: none;
	}

	body.move_scrolldown .scrolldown-wrapper {
		z-index: 1100;
		right: 50%;
		margin-right: -34.5px;
		top: 786px!important;
	}

/*------ Showing mobile version of booking button ------*/

@media screen and (max-width: 699px) {
	#sidebar,
	#sidebar.fixed{
	    top: auto!important;
	    bottom: 60px!important;
	    left: 0!important;
	    right: 0!important;
	}
	#sidebar .ym-wbox,
	#sidebar #quickbook_btn,
	#sidebar #quickbook_nobtn,
	#sidebar.fixed .ym-wbox,
	#sidebar.fixed #quickbook_btn,
	#sidebar.fixed #quickbook_nobtn{
		width: 100%!important;
		padding-right: 0!important;
	}

	#sidebar.fixed .ym-wbox {
	position: fixed!important;
	}

	nav.mobile .show {
		right: 0!important;
	}
	.page_index #main .box-content .content_title:before{
			display:none;
	}
	.page_index #main .box-content .content_title:after{
			display:none;
	}
}

@media screen and (max-width: 1024px) {
nav.navtop {
	padding-right: 195px!important;
}
.page_index #main .box-content .content_title:before{
display:none;
}
.page_index #main .box-content .content_title:after{
display:none;
}
}
.page_layout_Flexible .box-content > .text_container h4 {
	padding: 0 0px 15px 25px;
}
@media screen and (max-width: 990px){
nav.mobile .show i {
	color: #B9AD84;
}
.page_index .for_parallax .box-content > .iframe_container * {
    height: 200px;
    margin-bottom: 60px;
}

.content_subtitle {
    padding: 20px 20px 15px 20px;
}
iframe.guided-tours{
	height: 1200px!important;
}
}


@media screen and (max-width: 1299px) {
	nav.navtop .firstlevel > li > a {
			font-size: 12px;
	}

	#main .box-content .content_title:before {
	display:none
	}
	#main .box-content .content_title:after {
	display:none
	}

}



/*------ Decrease width of quickbook button on non-mobile ------*/
@media screen and (min-width: 700px) {
	#quickbook_btn,
	#quickbook_nobtn,
	#sidebar.fixed #quickbook_btn,
	#sidebar.fixed #quickbook_nobtn {
	padding: 10px 8px 5px 8px;
        width: 176px!important;
	margin-left: 0;
	}

	#sidebar .ym-wbox,
	#sidebar.fixed .ym-wbox {
    	width: 260px!important;
	position: absolute!important;
	}


}
/*----- Quickbook Popup Styling STARTS -----*/

/* Quickbook header  */
.ui-widget-header {
    border: 0 solid #b9ad85;
    background: #b9ad85 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: normal;
}

#quickbook_popup .quickbook-header {
    margin: 10% auto 0;
    max-width: 400px;
    background-color: transparent;
    height: 35px;
}

.quickbook-header h3 {
    font-weight: 500;
    font-size: 26px;
    text-transform: uppercase;
}


/* Quickbook content and background  */
.ui-widget-content {
    border-color: #e5ddcc;
    background: #FFF;
    color: #d1bd92;
}

/* Quickbook box width and styling  */
#quickbook_popup .quickbookcontent {
    margin: 0px auto;
    max-width: 350px;
    background-color: transparent;
    padding: 25px;
    border: transparent;
    border-width: 1px;
    border-style: solid;
    font-size: 110%;
}

/* Quickbook position  */

#quickbook_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 19, 37, 0.90)!important;
}

#sidebar.fixed .quickbook {
    max-width: 100%;
    margin: 0 auto;
}

/* Quickbook close button */
#quickbook_popup .quickbook-header #quickbook_close_button {
    /*Manpreet Changes
	display: inline-block;
    width: 9px!important;
    float: right;
    cursor: pointer;
    color: white;
    border: transparent;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    margin: 3px;
	*/

	/*Manpreet Changes*/
	display: block;
    position: absolute;
    right: 13%;
    top: 10%;
    font-size: 40px;
    padding: 10px;
    cursor: pointer;
    color: #fff;
}


/* Quickbook Internal Element Layout */
.quickbook .nights select {
display: none;
}

#sidebar .quickbook .date,
#sidebar .quickbook .nights,
#sidebar.fixed .quickbook .date,
#sidebar.fixed .quickbook .nights {
width: 100%;
display: inline-block;
}

.quickbook .date label,
.quickbook .nights label {
display: block;

}

.quickbook .date input#datepicker,
.quickbook .nights input#datepicker2 {
width: 54%;
display: inline-block;
/*float: right; Manpreet Changes */
}

.quickbook .date input#datepicker,
.quickbook .nights input#datepicker2 {
background-position: right center;
background-origin: content-box;
padding-right: 4px;
height: 34px;
margin-bottom: 10px;
text-transform: uppercase;
}

.quickbook .adults,
.quickbook .children,
.quickbook .promocode {
padding-right: 10px;
display: inline-block!important;
}

#promotionCode {
	width: 172px!important;/*Manpreet Changes*/
    height: 34px;/*Manpreet Changes*/
}

.quickbook .ui-datepicker-trigger {
display: none;
}

.ui-widget-content {
z-index: 100000 !important;
}

#sidebar .quickbook .book,
#sidebar.fixed .quickbook .book {
    margin-top: .5em;
	width: 100%;
	max-width: initial;
	text-align: center;
}

#sidebar .quickbooklinks,
#sidebar.fixed .quickbooklinks {
display: block!important;
background: transparent;/*Manpreet Changes*/
}

/*Manpreet Changes*/
.quickbooklinks li {
    border-top-color: transparent;
}

/*Manpreet Changes*/
.quickbooklinks a {
    display: block;
    padding: 2px 0 2px 0px;
	font-size: 100%;
}

/*Manpreet Changes*/
.fa {
    margin-right: 4px;
}

.quickbooklinks {
	text-align: center;
}


.quickbooklinks a:hover, .quickbooklinks a:active {
    background: transparent!important;
    color: #b9ad84!important;
}

#sidebar .ym-form div,
#sidebar.fixed .ym-form div {
padding-left: 0px!important;
}

/*.adults {width: 145px!important;}
.children {width: 145px!important;} Manpreet Changes*/

#sidebar.fixed .quickbookcontent .ym-button {
    width: 100%;
}

#sidebar .button,
#sidebar.fixed .button, #sidebar.fixed .quickbookcontent .ym-button {
padding: 0px 0px 0px 0px;
    padding: 10px;/*Manpreet Changes*/
    width: 47%;/*Manpreet Changes*/
    font-size: 18px;/*Manpreet Changes*/
    border-radius: 0;/*Manpreet Changes*/
    margin-top: 10px;/*Manpreet Changes*/
    margin-right: 11px;/*Manpreet Changes*/
}

/*----- Manpreet Changes*/
	#sidebar.sidebarclass .ym-wbox {
		text-align: center;
	}



/*----- Quickbook Popup Styling ENDS-----*/


/*----- Footer changes (Manpreet Changes) -----*/
	/*----- Footer Top -----*/
	#footer-top-left {
		width: 30%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.center-row-top {
		font-size: 16px;
	}

	.footer-center-row {
		height: 50px;
		width: 100%;
		text-align: left;
		margin-left: 10px;
		font-size: 15px;
	}

	.footer-center-row i {
		font-size: 24px;
		color: #231f20;
		background-color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-align: center;
		line-height: 42px;
	}

	.footer-center-row>span {
		margin-left: 19px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		vertical-align: top;
	}

	#footer-top-right {
		float: right;
		width: 336px;
		text-align: left;
		margin-right: 20px;
	}

	#footer-top-right .social-icons {
		text-align: center;
	}

	footer .social-icons a {
		text-decoration: none!important;
	}

	footer .social-icons span {
		background-color: #ffffff;
		color: #231f20;
		border-radius: 50%;
		margin-left: 6px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		margin-bottom: 5px;
	}

	#special-offer-box {
		margin: 10px 0 0;
		font-size: 14px;
		text-align: center;
	}

	a#sign-up-link {
		color: #eee;
		background-color: #b9ad85;
		font-size: 15px;
		height: 42px;
		line-height: 42px;
		display: block;
		text-align: center;
		cursor: pointer;
		font-weight: 600;
		text-decoration: none;
		margin-top: 5px;
	}

	.footer-third {
		float: left;
		height: 140px;
	}

	footer #footer-container a {
		text-decoration: none;
	}

	footer a {
		color: #ffffff;
	}

	footer #footer-menu {
		background-color: #1c1a1b;
		height: 46px;
		margin: 0;
		line-height: 46px;
		font-size: 15px;
	}

	footer #footer-menu li {
		display: inline;
		border-right: 1px solid #231f20;
		padding: 0 10px;
		line-height: 13px;
		font-weight: 700;
	}

	#footer-menu a {
		font-weight: 300;
		text-decoration: none;
		color: #fff;
	}

	/*----- Footer Bottom -----*/
	.footer-bottom-left {
		float: left;
		margin-left: 72px;
		height: 140px;
		display: flex;
		justify-content: center;
	}

	.footer-bottom-right, .footer-bottom-next-line{
		text-align: center;
	}

	.footerIconGrid {
		text-align: center;
	}

	.footerIconGrid a {
		display: inline-block;
		padding: 20px;
	}

	.footer-bottom-right a img {
		width: 70px;
	}

	footer .ym-grid {
		color: #ffffff;
	}

	footer .ym-grid {
		line-height: 2.5em;
		font-size: .95em;
	}

	.footer-avvio {
		text-align: center;
		padding: 15px 0 30px;
	}




/*----- Quickbook button positioning normal screens  -----*/

#sidebar .ym-wbox,
#sidebar.fixed .ym-wbox {
    background: none;
    background: rgba( 0, 0, 0, 0 );
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#sidebar .quickbook label,
#sidebar.fixed .quickbook label {
    float: none!important; /*Manpreet changes*/
}

#quickbook_btn_text,
#sidebar.fixed #quickbook_btn_text,
#quickbook_nobtn_text,
#sidebar.fixed #quickbook_nobtn_text{
	display: none;/*Manpreet Changes*/
   /* font-size: 11px;
    display: block;
    margin-top: 5px;
    color: #b9ad85;/*Manpreet Changes*/
}

/*Manpreet Changes
#sidebar,
#sidebar.fixed{
    position: fixed;
    top: 16px!important;
    right: 280px!important;
    z-index: 100000!important;
    left: auto!important;
}*/
nav.navtop {
    padding-right: 185px;
}

.page_jobs .iframe_embed{
	min-height: 700px;
}

iframe.guided-tours{
	border: 0;
}

/*------ Showing mobile version of booking button ------*/

@media screen and (max-width: 699px) {
	#sidebar,
	#sidebar.fixed{
	    top: auto!important;
	    bottom: 60px!important;
	    left: 0!important;
	    right: 0!important;
	}
	#sidebar .ym-wbox,
	#sidebar #quickbook_btn,
	#sidebar #quickbook_nobtn,
	#sidebar.fixed .ym-wbox,
	#sidebar.fixed #quickbook_btn,
	#sidebar.fixed #quickbook_nobtn{
		width: 100%!important;
		padding-right: 0!important;
	}


	#sidebar.fixed .ym-wbox {
	position: fixed!important;
	}

	nav.mobile .show {
		right: 0!important;
	}
}



/*------ Decrease width of quickbook button on non-mobile ------*/
@media screen and (min-width: 700px) {
	#quickbook_btn,
	#quickbook_nobtn,
	#sidebar.fixed #quickbook_btn,
	#sidebar.fixed #quickbook_nobtn {
		padding: 35px 8px 31px 8px;
        width: 176px!important;
		margin-left: 0;
	}

	#sidebar .ym-wbox,
	#sidebar.fixed .ym-wbox {
    	width: 260px!important;
	position: absolute!important;
	}
}






/*------ HEADER START -------------------------------------------------------------------*/

/*------ full width header ------*/
nav.navtop .ym-wrapper {
	max-width: 95%!important;
}

nav.navtop a.logo_main {
    left: -24px !important;
}


/*------ Nav colour  ------*/
nav a {
    color: #333333;
}

/*------ Nav weight  ------*/
nav ul.firstlevel {
    text-transform: uppercase;
    font-weight: 500;
}

/*------ Nav hover  ------*/
nav li:hover, nav li:active {
    background-color: #d1bd92;
}

/*------ dropdown  ------*/
nav .firstlevel ul {
    background: #ffffff;
}

/*------ No separator  ------*/
nav.navtop .firstlevel > li {
    border-left: 0px solid #e6e6e6;
}

/*------ chevron dropdown for main nav  ------*/
header .nav .firstlevel .dropdown::after {
    position: relative;
    left: 7px;
    bottom: 3px;
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 0.1em solid;
    border-bottom: 0.1em solid;
    transform: rotate(45deg);
    margin-right: .4em;
    cursor: pointer;
}

nav .firstlevel > .has-sub-menu a::after {
	position: relative;
    left: 10px;
    bottom: 3px;
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 0.1em solid;
    border-bottom: 0.1em solid;
    transform: rotate(45deg);
    margin-right: .4em;
    cursor: pointer;

}

nav .firstlevel > .has-sub-menu li a::after {
	display: none;
}

nav a span {
    display: inline-block;
}


/*------ Main header  ------*/
/*------	nav.navtop, nav.mobile, .navmobile-index .firstlevel, .mobile-buttons, .mobile-show .icon_cont {
/*------	  background: #fff url(../img/hastings-logo-redesign.png) no-repeat center;
} ------*/
nav.mobile.transition {
	 /*------ background: #fff url(../img/hastings-logo-redesign.png) no-repeat center;------*/
}
/*------ HEADER END -------------------------------------------------------------------*/


body[data-page="index-test"] #supersized {
		height: 40.54vw !important;
}

@media screen and (max-width: 600px){
	#main .box-content .content_title {
				padding: 5px 12px 6px 12px; }
}


body[data-page="index"] #supersized {
    height: 40.54vw !important;
}

body[data-page="redesign"] #supersized {
    height: 40.54vw !important;
}

}
body[data-page="redesign"] #supersized {
    height: 40.54vw !important;
}
@media screen and (max-width: 740px) {
	.banner.show_info a .overlay{
		display: block;
	}
	.banner.show_info a .overlay span.title{
		font-size: 15px;
	}
	.banner.show_info a .overlay span.button{
		padding: 5px 20px 6px 20px;
	}

}
