.main-banner { position: fixed; top: 0; left: 0;  background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1;}

/*Index Main*/
.index-banner {background-image: url(../images/index/index-banner.jpg); }
.index-banner-block {  background-repeat: no-repeat; background-size: cover; background-position: center center; /*z-index: -1;*/ }


/*side view block*/
.side-view-block .title-big { margin-bottom: 30px; }
.side-view-block-btn { position: relative; float: right; padding: 5px 15px; margin-top: 85px; border-radius: 5px; }

	/*Side View left*/
	.side-view-left-img {position: relative; height: 600px; float: left; width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
	.side-view-left-text { position: relative; float: right; width: 50%; padding: 115px 60px; padding-bottom: 10px; padding-right: 0; box-sizing: border-box;}
	.side-view-left-text .side-view-block-btn { border: thin solid #ccc;}
	.side-view-right-text .side-view-block-btn:hover { border: thin solid #ccc; background-color: #ccc; color: #333333;}

	/*Side View right*/
	.side-view-right-img {position: relative; height: 650px; float: right; width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
	.side-view-right-text { position: relative; float: left; width: 50%; padding: 115px 60px; padding-bottom: 10px; padding-left: 0; box-sizing: border-box;}
	.side-view-right-text .side-view-block-btn { border: thin solid #333333;}
	.side-view-right-text .side-view-block-btn:hover { border: thin solid #333333; background-color: #333333; color: #ededed;}
	.side-view-left-text .side-view-block-btn { border: thin solid #ccc;}
	.side-view-left-text .side-view-block-btn:hover { border: thin solid #ccc; background-color: #ccc; color: #333333;}



/*Index About*/
.index-about-bg { background-image: url(../images/index/index-about.jpg);  }

/*About*/
.about-banner {background-image: url(../images/about/about-banner.jpg); }

.about-grandmother {background-image: url(../images/about/grandmother-bg.jpg);}
.about-bg {background-image: url(../images/about/about-bg.jpg);}

/*index rooms*/
.index-rooms-block { background-image: url(../images/index/rooms-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.room-grid { position: relative; float: left; width: 23.8%; margin-right: 1.5%;}
.room-grid:nth-child(4n) { margin-right: 0; }
.index-bedroom1 {background-image: url(../images/index/index-bedroom1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.index-bedroom2 {background-image: url(../images/index/index-bedroom2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.index-bedroom3 {background-image: url(../images/index/index-bedroom3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.index-bedroom4 {background-image: url(../images/index/index-bedroom4.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.room-grid-text { padding: 15px 30px; margin-top: 75%; background-color: rgba(17,17,17,0.7); box-sizing: border-box; }
/*.index-rooms-block .title-big { margin-bottom: 10px; }*/
.room-grid-text .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.room-grid:hover .room-grid-text {background-color: rgba(17,17,17,0.9);}

.index-room .title-big { margin-bottom: 20px; }
.index-room .grey-btn { border: thin solid #787878; display: none; }

/*Index Dining*/
.index-dining-bg { background-image: url(../images/index/index-dining.jpg);  }


/*Gallery*/
.gallery-image { position: relative; float: left; width: 25%;}
.gallery-image img { width: 100%; float: left;
					/*filter: gray;
				    filter: grayscale(1);
				    -webkit-filter: grayscale(1);*/ }
/*.gallery-image img:hover {filter: none; filter: grayscale(0); -webkit-filter: grayscale(0);}*/
.hover-gallery-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);  } 

.hover-gallery-image .fa {position: relative; float: left; width: 100%; text-align: center; height: 100%; box-sizing: border-box; vertical-align: middle; padding: 33% 0; color: #ccc; font-size: 25px; opacity: 0.7; }

.gallery-image:hover .hover-gallery-image { display: none;}


/*Dining*/
.dining-banner {background-image: url(../images/dining/dining-banner.jpg);}

.dining-breakfast-bg { background-image: url(../images/dining/breakfast.jpg);  }
.dining-meals-bg { background-image: url(../images/dining/meals.jpg);  }
.dining-tea-bg { background-image: url(../images/dining/high-tea.jpg);  }
.dining-jams-bg { background-image: url(../images/dining/jams.jpg);  }


/*Rooms and rates*/
.rooms-and-rates-banner { background-image: url(../images/rooms-and-rates/rooms-banner.jpg); }

.rooms-main-bg-1 { background-image: url(../images/rooms-and-rates/main-b-1.jpg);  }
.rooms-main-bg-2 { background-image: url(../images/rooms-and-rates/main-b-2.jpg);  }
.rooms-main-bg-3 { background-image: url(../images/rooms-and-rates/main-b-3.jpg);  }
.rooms-main-bg-4 { background-image: url(../images/rooms-and-rates/main-b-4.jpg);  }

.rooms-aachie-bg-1 { background-image: url(../images/rooms-and-rates/aachie-b-1.jpg);  }
.rooms-aachie-bg-2 { background-image: url(../images/rooms-and-rates/aachie-b-2.jpg);  }
.rooms-aachie-bg-3 { background-image: url(../images/rooms-and-rates/aachie-b-3.jpg);  }
.rooms-aachie-bg-4 { background-image: url(../images/rooms-and-rates/aachie-b-4.jpg);  }

.rooms-tapestry-bg-1 { background-image: url(../images/rooms-and-rates/tapestry-b-1.jpg);  }
.rooms-tapestry-bg-2 { background-image: url(../images/rooms-and-rates/tapestry-b-2.jpg);  }
.rooms-tapestry-bg-3 { background-image: url(../images/rooms-and-rates/tapestry-b-3.jpg);  }
.rooms-tapestry-bg-4 { background-image: url(../images/rooms-and-rates/tapestry-b-4.jpg);  }

.rooms-library-bg-1 { background-image: url(../images/rooms-and-rates/library-b-1.jpg);  }
.rooms-library-bg-2 { background-image: url(../images/rooms-and-rates/library-b-2.jpg);  }
.rooms-library-bg-3 { background-image: url(../images/rooms-and-rates/library-b-3.jpg);  }
.rooms-library-bg-4 { background-image: url(../images/rooms-and-rates/library-b-4.jpg);  }

.side-view-left-border, .side-view-right-border { padding: 60px 0;}
.side-view-left-border .outer-wrapper { border-top: thin solid #ededed; border-bottom: thin solid #ededed;}
.side-view-right-border .outer-wrapper { border-top: thin solid #333333; border-bottom: thin solid #333333;}

.side-view-left-border .side-view-left-img, .side-view-right-border .side-view-right-img { width: 100%; }
.room-price-tag { float: right; margin-right: 6%; margin-bottom: 0; margin-top: 85px; font-size: 28px;}

.owl-nav-arrows, .owl-nav-arrows2 { position: absolute; left: 0px; bottom: 30px; width: 11%; z-index: 2; }
.owl-nav-arrows2 { right: 0; left: auto;}
.owl-prev-1, 
.owl-next-1, 
.owl-nav-sep-1, 
.owl-nav-sep-2, 
.owl-prev-2, 
.owl-next-2,
.owl-prev-3, 
.owl-next-3,
.owl-prev-4, 
.owl-next-4   { position: relative; float: left; width: 20%; -webkit-backface-visibility: hidden; }
.owl-prev-2, 
.owl-next-2, 
.owl-prev-4, 
.owl-next-4, 
.owl-nav-sep-2 { float: right;}
.owl-nav-sep-1, 
.owl-nav-sep-2   { margin: 0 5%; width: 2.5%}
.owl-wrapper { z-index: 1; margin-top: 2px;}

.rates-bg {background-image: url(../images/rooms-and-rates/rates-bg.jpg); background-repeat: no-repeat; background-size: cover; }

.rooms-rates-col .title-big { margin-bottom: 50px; }
.rooms-rates-col:nth-child(2) { margin-top: 85px; }
.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text { width: 30%; margin-right: 5%; border-bottom: thin solid #ededed; margin-bottom: 5px; }
.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(3n) { margin-right: 0; }
.rooms-rates-table { position: relative; float: left; width: 100%; display: table; border: thin solid #ededed; background-color: rgba(237,237,237,0.1); margin-bottom: 20px; margin-top: 10px;}
.rooms-rates-row { display: table-row; width: 100%; }
.rooms-rates-td, .rooms-rates-th { width: 25%; display: table-cell; color: #ededed; border-bottom: thin solid #ededed; border-right: thin solid #ededed; padding: 15px; box-sizing: border-box; vertical-align: middle; text-align: center; }
.rooms-rates-th { font-size: 16px; }
.rooms-rates-td { font-size: 14px; }
.rooms-rates-td:last-child, .rooms-rates-th:last-child { border-right: none; }
.rooms-rates-col p { margin-bottom: 8px;}
.rooms-rates-table p { margin-bottom: 0;}
.rooms-rates-col .rooms-rates-col-inner { margin-bottom: 20px; }


/*Gallery*/
.gallery-banner { background-image: url(../images/gallery/gallery-banner.jpg);}

.gallery-header-wrapper { position: absolute; left: 0; top: 41px; width: 180px; z-index: 0; padding: 30px; box-sizing: border-box;}
.gallery-nav { position: relative; float: left; width: 100%; padding-top: 8px; padding-bottom: 8px;}
.gallery-header-wrapper .active { opacity: 0.5; }

.gallery-wrapper-slide-wrapper { overflow: hidden;}
.gallery-wrapper-slide { position: relative; z-index: 2;}
.gallery-header-icon { position: relative; float: left; width: 30px;}
.gallery-header-icon img { margin: 12px 0 6px 0; width: 100%;  }
.close-gallery { display: none;}


/*Contact*/
/*Contact*/
#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.contact-col-1, .contact-col-2 { position: relative; float: left; width: 50%; box-sizing: border-box; }
.contact-col-1 .title-big { margin-bottom: 40px;}
.contact-col-2 .title-big { margin-bottom: 10px;}
.contact-col-2 { padding-left: 25%; padding-top: 65px; }
.contact, .form-field, .col-2-field { position: relative; float: left; width: 100%; }
.form-field { margin-bottom: 20px; }
.col-2-field { margin-bottom: 30px;}
.form-label { position: relative; float: left; width: 30%; margin-top: 10px; }
.form-input, .form-textarea { position: relative; float: left; width: 70%; height: 40px; border: thin solid #ccc; box-sizing: border-box; background: none; padding-left: 10px;}
.form-input:focus, .form-textarea { outline: none; padding: 10px; }
.form-textarea { max-width: 450px; height: 200px; }
.contact-submit { border: thin solid #ccc; padding: 10px 25px; border-radius: 5px; background-color: #ccc; -webkit-appearance: none;}
.contact-submit:hover { opacity: 0.5; }
.contact-error-msg {display: none; color: rgb(204, 153, 153); font-size: 13px; text-align: right; margin-top: 3px; }
.after-submit { display: none;}
.loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);  z-index: 10; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center;}



/* - - - - - - - -  - - - -- - - - - - - - - - - - - Responsive - - - - -- - - - - - - - - - - - - - - - - - -- - - - - - - -*/

@media only all and (min-width: 1024px) and (max-width: 1370px) {

	/*gallery*/
	.gallery-image { width: 33.3%;}
	.index-gallery .fancybox:nth-child(n+7) { display: none;}

}

@media only all and (min-width: 240px) and (max-width: 1024px) {

	/*side view*/
	.side-view-left-text { padding: 100px 40px; padding-right: 0;  padding-bottom: 10px;}
	.side-view-right-text { padding: 100px 40px; padding-left: 0; padding-bottom: 10px;}

	/*gallery*/
	.gallery-image { width: 33.3%;}
	.index-gallery .fancybox:nth-child(n+7) { display: none;}

	/*dining*/
	.dining-meals-bg { height: 840px; }

	/*index room*/
	.room-grid { width: 48.5%; margin-right: 3%; margin-bottom: 3%;}
	.room-grid:nth-child(2n) { margin-right: 0%;}

	/*index contact*/
	.contact-col-2 { padding-left: 16%; }

}

@media only all and (min-width: 240px) and (max-width: 768px) {

	/*side view*/
	.side-view-left-text { padding: 80px 35px; padding-right: 0; padding-bottom: 10px;}
	.side-view-right-text { padding: 80px 35px; padding-left: 0; padding-bottom: 10px;}

	.side-view-block-btn, .room-price-tag { margin-top: 50px; }
	.room-price-tag { font-size: 22px;}

	/*gallery*/
	.gallery-image { width: 33.3%;}
	.index-gallery .fancybox:nth-child(n+7) { display: none;}

	/*index contact*/
	/*.contact-col-2 { padding-left: 20%; }*/
	/*.contact-wrapper { width: 50%; }*/
	.contact-col-2 { padding-left: 5%; }
	/*.contact-col-1, .contact-col-2 { width: 100%; }
	.form-textarea { max-width:  490px; }*/

	/*rooms and rates*/
	.rooms-rates-td, .rooms-rates-th { padding: 10px; }

	/*map*/
	/*#map_wrapper { height: 600px!important }*/

}

@media only all and (min-width: 240px) and (max-width: 670px) {
	/*side view*/
	/*.side-view-left-img { width: 100%; height: 220px; }
	.side-view-right-img { width: 100%; height: 220px; }
	.side-view-left-text { padding: 60px 0px; width: 100%; }
	.side-view-right-text { padding: 60px 0px; width: 100%; }*/

	/*.side-view-left-img, .side-view-right-img { height: 400px;}*/
	/*.side-view-right-text { padding: 60px 35px; padding-left: 0; padding-bottom: 30px; }
	.side-view-left-text { padding: 60px 35px; padding-right: 0; padding-bottom: 30px; }*/
	.side-view-block .title-big { margin-bottom: 20px;}

	.enable-map-btn .text { font-size: 11px;}

	/*side view*/
	.side-view-left-img { width: 100%; height: 300px; }
	.side-view-right-img { width: 100%; height: 300px; }
	.side-view-left-text { padding: 60px 0px; width: 100%; }
	.side-view-right-text { padding: 60px 0px; width: 100%; }

	.owl-carousel { width: 100%!important; }
	.owl-carousel .side-view-left-img { height: 320px; }
	.owl-carousel .side-view-right-img { height: 320px; }

	/*index contact*/
	/*.contact-wrapper { width: 100%; }
	.enable-map-btn { width: 70%; }

	.form-textarea { height: 80px; }
	.form-input { height: 30px; }
	.form-label { margin-top: 5px; }
	.contact-submit { padding: 8px 20px; }*/
}

@media only all and (min-width: 540px) and (max-width: 640px) {

	/*index room grid*/
	.room-grid { width: 47%; margin-right: 6%;}
	.room-grid-text { padding: 10px 15px;}

	/*index contact*/
	/*.contact-col-1 { width: 60%; }
	.contact-col-2 { width: 40%; padding-left: 10%; }*/
	.enable-map-btn { width: 33%; }

	/*rooms and rates*/
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text, .rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(3n) { width: 48%; margin-right: 4%; }
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(2n) { margin-right: 0%; }

	/*side view*/
	.side-view-left-img { width: 100%; height: 250px; }
	.side-view-right-img { width: 100%; height: 250px; }
	.side-view-left-text { padding: 60px 0px; width: 100%; }
	.side-view-right-text { padding: 60px 0px; width: 100%; }

	.owl-carousel { width: 100%!important; }
	.owl-carousel .side-view-left-img { height: 320px; }
	.owl-carousel .side-view-right-img { height: 320px; }

	/*index contact*/
	/*.contact-wrapper { width: 100%; }*/
	.contact-col-2 { padding-left: 0; }
	.contact-col-1, .contact-col-2 { width: 100%; }
	.form-textarea { max-width:  490px; }

}

@media only all and (min-width: 440px) and (max-width: 540px) {

	/*index room grid*/
	.room-grid { width: 100%; margin-right: 0%; margin-bottom: 6%; }
	.room-grid-text { padding: 10px 15px;}
	.room-grid:nth-child(n+2) { display: none;}
	.index-room .grey-btn { display: block;}

	/*gallery*/
	.gallery-image { width: 50%;}
	.index-gallery .fancybox:nth-child(7) { display: block;}
	.index-gallery .fancybox:nth-child(8) { display: block;}
	.index-gallery .fancybox:nth-child(n+9) { display: none;}

	/*index contact*/
	/*.contact-col-1 { width: 100%; }*/
	/*.contact-col-2 { width: 100%; padding-left: 0%; padding-top: 20px; }*/
	/*.contact-col-2 .title-big { margin-bottom: 0;}
	.col-2-field { margin-bottom: 10px; }
	.enable-map-btn { width: 40%; }*/


	.side-view-right-text { padding: 40px 20px; padding-left: 0; padding-bottom: 30px; }
	.side-view-left-text { padding: 40px 20px; padding-right: 0; padding-bottom: 30px; }

	/*rooms and rates*/
	.rooms-rates-table .text { font-size: 12px; }
	.rooms-rates-table .title { font-size: 13px;  }

	/*rooms and rates*/
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text, .rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(3n) { width: 48%; margin-right: 4%; }
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(2n) { margin-right: 0%; }

	/*side view*/
	.side-view-left-img { width: 100%; height: 250px; }
	.side-view-right-img { width: 100%; height: 250px; }
	.side-view-left-text { padding: 60px 0px; width: 100%; }
	.side-view-right-text { padding: 60px 0px; width: 100%; }

	.owl-carousel { width: 100%!important; }
	.owl-carousel .side-view-left-img { height: 320px; }
	.owl-carousel .side-view-right-img { height: 320px; }

	/*index contact*/
	/*.contact-wrapper { width: 100%; }*/
	.contact-col-2 { padding-left: 0; }
	.contact-col-1, .contact-col-2 { width: 100%; }
	.form-textarea { max-width:  490px; }



}

@media only all and (min-width: 240px) and (max-width: 440px) {

	/*side view*/
	.side-view-left-img { width: 100%; height: 250px; }
	.side-view-right-img { width: 100%; height: 250px; }
	.side-view-left-text { padding: 60px 0px; width: 100%; }
	.side-view-right-text { padding: 60px 0px; width: 100%; }

	.owl-carousel { width: 100%!important; }
	.owl-carousel .side-view-left-img { height: 320px; }
	.owl-carousel .side-view-right-img { height: 320px; }

	/*index room grid*/
	.room-grid { width: 100%; margin-right: 0%; margin-bottom: 6%; }
	.room-grid-text { padding: 10px 15px;}
	.room-grid:nth-child(n+2) { display: none;}
	.index-room .grey-btn { display: block;}

	/*gallery*/
	.gallery-image { width: 50%;}
	.index-gallery .fancybox:nth-child(7) { display: block;}
	.index-gallery .fancybox:nth-child(8) { display: block;}
	.index-gallery .fancybox:nth-child(n+9) { display: none;}

	/*index contact*/
	/*.contact-col-1 { width: 100%; }
	.contact-col-2 { width: 100%; padding-left: 0%; padding-top: 20px; }*/
	/*.contact-col-2 .title-big { margin-bottom: 0;}
	.col-2-field { margin-bottom: 10px; }
	.contact-wrapper { width: 73%; }
*/
	/*rooms and rates*/
	.rooms-rates-table .text { font-size: 12px; }
	.rooms-rates-table .title { font-size: 13px;  }
	.rooms-rates-td, .rooms-rates-th { padding: 5px;}
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text, .rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(3n) { width: 49%; margin-right: 2%; }
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(2n) { margin-right: 0%; }

	/*index contact*/
	/*.contact-wrapper { width: 100%; }*/
	.contact-col-2 { padding-left: 0; }
	.contact-col-1, .contact-col-2 { width: 100%; }
	.form-textarea { max-width:  490px; }



}

@media only all and (min-width: 240px) and (max-width: 365px) {

	/*side view*/
	/*.side-view-left-text { padding: 60px 25px; padding-right: 0;}
	.side-view-right-text { padding: 60px 25px; padding-left: 0;}
*/
	/*gallery*/
	.gallery-image { width: 50%;}
	.index-gallery .fancybox:nth-child(7) { display: block;}
	.index-gallery .fancybox:nth-child(8) { display: block;}
	.index-gallery .fancybox:nth-child(n+9) { display: none;}

	/*index contact*/
	/*.contact-wrapper { width: 100%; }
	.enable-map-btn { width: 70%; }

	.form-input { height: 30px;}
	.form-label { margin-top: 5px; }

	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text, .rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(3n) { width: 100%; margin-right: 0%; }
	.rooms-rates-col:nth-child(2) .rooms-rates-col-inner .text:nth-child(2n) { margin-right: 0%; }*/

}

@media only all and (min-width: 240px) and (max-width: 365px) {

	/*rooms and rates*/
	.rooms-rates-table .text { font-size: 11px; }
	.rooms-rates-table .title { font-size: 12px;  }
	.rooms-rates-td, .rooms-rates-th { padding: 0;}

}