body {

    min-height: 100%;

    padding: 0;

    margin: 0;

    width: 100%;

    background-color: #ffffff;

    color: #ffffff;

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 10px;

}

.clr {

    clear: both;

}

#second_section {

    margin: 10% 10%;

}

#second_section .adventure_section {

    float: left;

    width: 100%;

}

#second_section .disconnect_section {

    margin-top: -50px;

    float: right;

    width: 100%;

}

#reservation-section, #thank-you-section{

    float: right;
    width: 50%;

}

#thank-you-section{
	margin-top:5%;
}

#second_section .img_left {

    background: url("../images/section2_img1.jpg");

    background-repeat: no-repeat;

    width: 100%;

    text-align: center;

}

#second_section .disconnect_section .img_right {

    background: url("../images/section2_img2.jpg");

    background-repeat: no-repeat;

    width: 100%;

    background-size: contain;

    text-align: center;

    line-height: 394px;

}

#second-section-headline-text {

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-weight: 900;

    font-size: 104px;

    color: #fff;

    text-transform: uppercase;

}

.disconnect_section .text_s2, .adventure_section .text_s2 {

    font-weight: 900;

    font-size: 104px;

    color: #ffffff;

    text-transform: uppercase;

}

.adventure_section_img_text1 {

    position: relative;

    float: left;

    width: 50%;

    left: 2.0%;

}

.adventure_section_img_text2 {

    position: relative;

    float: left;

    width: 50%;

    right: 2.0%;

}

#second_section .second_img_content {

    font-weight: 700;

    color: #292929;

    font-size: 25px;

    font-style: italic;

}

.disconnect_section .s2_c2 {

    margin: 15% 15% 5% 10%;

}

.adventure_section .s2_c1 {

    margin-right: 2.0%;

    text-align: left;

    width: 44%;

    margin-left: 4.0%;

    float: right;
    position: relative;

}

.disconnect_section .s2_c1 {

    text-align: right;

    width: 48%;

    margin-left: 2.0%;

    float: left;
    position: relative;

}

.adventure_section .s2_c1_text {

    margin-top: 28%;

}

.disconnect_section .s2_c1_text {

    margin-top: 25%;

    margin-right: 10%;

 }

.disconnect_section img {

    float: right;

}

/* ROOMS DETAILED */

#room-top-s {

    background-size: cover;

    height: 100vh;

    position: relative;

    background-position: center;

}

#top-menu {
    margin: 0 15%;
    padding-top: 15px;
}

@media (max-width:1455px) and (min-width:1401px) {
    #top-menu{
        margin: 0px 13%;
    }
}

#top-logo {

    float: left;

}

#top-menu-items {
    border-bottom: 1px solid #fff;
}

.top-menu-item {
    float: left;
    padding-right:2em;
	padding-left:2em;
    margin-top: 10px;
	height:5em;
}

.top-menu-item a {

    font-size: 1.8em;

    text-decoration: none;

    color: #fefefe;

}

/* start corporate page  */

#corporate-top {

    background-image: url("../images/corporate-top.jpg");

    background-size: cover;

    height: 100vh;

    position: relative;

    background-position: center;

}

.corporate-story-castle-icon{
	height:20em;
	width:40em;
}

.corporate-header-section {

    width: 56%;

}

#corporate-reservation-name {

    font-weight: 700;

    color: #fefefe;

    text-transform: uppercase;

    font-size: 7.5em;

    line-height: normal;

    text-shadow: 8px 2px 20px #000000;

}

.line-from-right {

    height: 1px;

    background-color: #fff;

}

#book-teambuilding-form {

    margin-right: 25%;

    text-align: left;

    width: 350px;

    float: right;

    margin-top: 3em;

}

.check-in-out-icon {

    position: relative;

    top: 5px;

}

.rs_i {

    margin-top: 5px;

}

.number-of-adults-form-section {

    margin-top: 10px;

}

.corporate-diagram-form {

    float: right;

    margin-top: 20px;

}

#find-out-more {

    position: absolute;

    bottom: 15px;

    left: 50%;

    transform: translateX(-50%);

    font-size: 22px;

    font-weight: 300;

    line-height: 0.7;

    text-align: center;

    cursor: pointer;

}

#find-out-more span {

    font-weight: 300;

}

#corporate-section-content {

    margin-top: 5em;

    margin-bottom: 10em;

}

#corporate-section-content .book-the-castle-corporate-left {

    float: left;

    margin-left: 20%;
	
	width:25%;

}

#corporate-section-content .book-the-castle-corporate-right {

    float: right;

    margin-right: 20%;
	
	width:25%;

}

#corporate-section-content h1 {

    font-weight: 700;

    font-size: 4.8em;

    color: #34211a;

    text-transform: uppercase;

    margin-left: 0.2em;

}

#corporate-section-content h1 span {

    font-weight: 300;

}

#corporate-section-content .big-stat-corporate {

    float: left;

    margin-left: -15px;

    margin-bottom: 2.5em;

}

#corporate-section-content .icons-left {

    margin-top: 0.8em;

    margin-left: 1em;

    margin-right: 1em;

}

#corporate-section-content p {

    font-size: 1.8em;

    font-weight: 300;

    line-height: 1.8;

    margin-top: 1.2em;

    color: #2e364c;

}

#corporate-section-content p a {

    font-weight: 700;

    color: #004eff;

    text-decoration: none;

}

#corporate-section-content p a:hover {

    text-decoration: underline;

}

#corporate-section-content button {

    height: 60px;

    line-height: 60px;

    background-color: #3d2e1f;

    width: 80%;

    border: 0;

    cursor: pointer;

    font-weight: 300;

    font-size: 1.8em;

    color: #fdfdfc;

    text-transform: uppercase;

}

#corporate-section-content button span {

    font-weight: 700;

}

/* end corporate page  */

/* start things to do page  */

#things-to-do-top {

    background-image: url("../images/things-to-do-top.jpg");

    background-size: cover;

    height: 100vh;

    position: relative;

    background-position: center;

}

#things-to-do-name {

    font-weight: 700;

    color: #fefefe;

    text-transform: uppercase;

    font-size: 7.5em;

    line-height: normal;

    margin-right: 32%;

    text-align: right;

    text-shadow: 8px 2px 20px #000000;

}

#things-to-do-name span {

    font-weight: 300;

    text-shadow: 8px 2px 20px #000000;

}

#things-to-do-top .choose-text, #thank-you-page-top .choose-text {

    font-weight: 300;

    font-size: 3em;

    color: #fefefe;

    margin-right: 32%;

    line-height: 1.2;

    text-align: right;

    text-shadow: 8px 2px 20px #000000;

}

#things-to-do-top .choose-text span {

    font-weight: 700;


}

#things-to-do-more-content {

    margin-top: 10em;

    margin-bottom: 10em;

    
}

#diconnect-section {

    margin-left: 19%;

    float: left;

    text-align: center;

    text-shadow: 8px 2px 20px #000000;

}



#reconnect-section{

    margin-right: 19%;

    float: right;

    text-align: center;

    text-shadow: 8px 2px 20px #000000;

}

#diconnect-img {

    background-image: url("../images/diconnect-left-img.jpg");

    background-position: center center;

    background-size: cover;

    height: 40em;

    width: 56.7em;

    text-align: center;

    padding-top: 10.8em;

    margin-bottom: 4em;

}

#reconnect-img {

    background-image: url("../images/reconnect-right-img.jpg");

    background-position: center center;

    background-size: cover;

    height: 40em;

    width: 56.7em;

    text-align: center;

    padding-top: 10.8em;

    margin-bottom: 3em;

}

#things-to-do-more-content h1 {

    font-weight: 900;

    font-size: 7.2em;

    color: #fefefe;

    text-transform: uppercase;

    margin-bottom: -35px;

}

#things-to-do-more-content h2 {

    font-weight: 700;

    font-size: 3.6em;

    color: #ffffff;

    text-align: right;

}

#diconnect-img h2 {

    margin-right: 2.3em;

}

#reconnect-img h2 {

    margin-right: 1.5em;

}

#diconnect-img p {

    font-weight: 700;

    font-size: 1.8em;

    color: #ffffff;

    text-align: right;

    margin-right: 4.4em;

    margin-top: -1.0em;

}

#things-to-do-more-content h3 {

    font-weight: 300;

    font-size: 2.4em;

    color: #231f20;

}

#things-to-do-more-content h3 span {

    font-weight: 700;

}

#diconnect-section h3 {

    margin-top: 1.5em;

}

#things-to-do-more-content .content-text-diconnect-reconnect {

    font-size: 1.8em;

    color: #231f20;

}

#things-to-do-more-content .content-author {

    font-size: 1.4em;

    color: #231f20;

    font-weight: 600;

    text-align: right;

    margin-top: 0.5em;

}

#diconnect-section .content-author {

    margin-right: 1.9em;

}

#reconnect-section .content-author {

    margin-right: 7.2em;

}

#tours-section-list {

    text-align: left;

    margin-left: 15%;

    margin-top: 2em;

    text-shadow: 8px 2px 20px #000000;

}

.tour1, .tour2, .tour3, .tour4 {

    float: left;

    height: 29.5em;

    margin-right: 5em;

    padding-top: 0.5em;

    width: 22.5em;

}

.tour1 {

    background: rgba(115, 134, 157, 0.65);

}

.tour2 {

    background: rgba(115, 134, 157, 0.65);

}

.tour3 {

    background: rgba(54, 130, 217, 0.8);

}

.tour4 {

    background: rgba(115, 134, 157, 0.4);

}

.tour5 {

    background: rgba(115, 134, 157, 0.4);

    width: 22.5em;

    height: 29.5em;

    padding-top: 0.5em;

    float: left;

}

#tours-section-list h1 {

    font-weight: 700;

    color: #fefefe;

    font-size: 3em;

    text-transform: uppercase;

    margin-left: 0.6em;

}

#tours-section-list p {

    font-weight: 300;

    color: #fefefe;

    font-size: 2em;

    width: 10.3em;

    margin-top: -0.5em;

    padding-left: 1em;

}

.line-tours-box {

    height: 1px;

    background-color: #fff;

    width: 85%;

}

#tours-section-list h2 {

    font-weight: 700;

    color: #fefefe;

    font-size: 3.6em;

    text-transform: uppercase;

    margin-right: 0.8em;

    margin-top: -0.1em;

    text-align: right;

}

/* end things to do page  */

/* start dining page  */

#dining-top {

    background-image: url("../images/dining-top.jpg");

    background-size: cover;

    height: 100vh;

    position: relative;

    background-position: center;

    text-shadow: 8px 2px 20px #000000;

}

#dining-header-name {

    font-weight: 700;

    color: #fefefe;

    text-transform: uppercase;

    font-size: 7.5em;

    line-height: normal;

    margin-right: 30%;

    text-shadow: 8px 2px 20px #000000;

}

#dining-header-section {

    float: right;

    text-align: left;

    line-height: 30px;

    width: 47.5%;

    margin-top: 8%;

}

#dining-header-section{
    margin-top: 3%;
}

#dining-header-name-top {

    font-weight: 300;

    font-style: italic;

    color: #ffffff;

    font-size: 4.2em;

    text-shadow: 8px 2px 20px #000000;

}

#dining-text {

    margin-right: 20%;

    text-shadow: 8px 2px 20px #000000;

}

#dining-text .first-section {

    font-weight: 400;

    color: #ffffff;

    font-size: 1.8em;

    line-height: 1.2;

}

#dining-text h1 {

    font-weight: 600;

    color: #ffffff;

    font-size: 3.4em;

    text-transform: uppercase;

    margin-top: 1.5em;

    margin-bottom: -0.3em;

}

#dining-text img {

    float: left;
    margin-left: -70px;
    position: relative;
    top: 20px;

}

#basic-meals-section {

    margin: 5% 18%;

}

#special-meals-types-section {

    margin: 2% 18%;

}

#basic-meals-section h1 {

    text-align: center;

    font-weight: 900;

    text-transform: uppercase;

    color: #000000;

    font-size: 4.8em;

}

#basic-meals-section .meals-breakfast, #basic-meals-section .meals-lunch, #special-meals-types-section .renaissance-feast, #special-meals-types-section .wine-tasting {

    float: left;

    margin-right: 5em;

    width: 37em;

}

#basic-meals-section .food-icon {

    float: right;

    margin: 3%;

    cursor: pointer;

}

.img-background-for-icon {

    background-image: url("../images/bor3.jpg");

    background-repeat: no-repeat;
    background-size: contain;

    width: 357px;

    height: 242px;

    padding-bottom: 0.5%;

}

#basic-meals-section h2, #special-meals-types-section h2 {

    font-weight: 600;

    text-transform: uppercase;

    color: #000000;

    font-size: 2.7em;

}

#basic-meals-section .line-after-meal-type, #special-meals-types-section .line-after-meal-type {

    height: 1px;

    background-color: #000000;

    margin-top: -2em;

}

#basic-meals-section .meals-dinner, #special-meals-types-section .tradition-campfire {

    float: left;

    width: 37em;

}

#basic-meals-section p, #special-meals-types-section p {

    font-weight: 300;

    color: #000000;

    font-size: 1.8em;

}

#basic-meals-section p b, #special-meals-types-section p b {

    font-weight: 600;

}

#basic-meals-section .food-price, #special-meals-types-section .food-price {

    font-size: 2em;

}


@media only screen and (min-width: 981px) {
    #basic-meals-section{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 90%  !important;
    }
    .meals-breakfast{
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .meals-lunch{
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .meals-dinner{
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media only screen and (max-width: 980px) {
    #basic-meals-section{
        margin-left: auto !important;
        margin-right: auto !important;
        width: 90%  !important;
    }
    .meals-breakfast{
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .meals-lunch{
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .meals-dinner{
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.list-meal {

    position: relative;

    width: 50%;

    background-size: cover;

    background-position: center;

}

.list-meal-inner-l {

    position: absolute;

    width: 100%;

    bottom: 0;

    padding-bottom: 50px;

}

.list-meal-inner-r {

    position: absolute;

    width: 100%;

    bottom: 0;

    padding-bottom: 50px;

}

.meal-list-detail-container {

    width: 100%;

    height: 100%;

    padding-bottom: 10px;

    position: relative;

}

.meal-list-ancor {

    position: relative;

    bottom: 0;

}

.meal-list-detail-name-l {

    margin-left: 30%;

    font-size: 7.0em;

    font-weight: 900;

    line-height: 0.9em;

    margin-bottom: 10px;

    text-transform: uppercase;

    text-shadow: 8px 2px 20px #000000;

}

.meal-list-detail-type-l {

    margin-top: 5px;

    margin-left: 30%;

    font-size: 3.0em;

    font-weight: 600;

    text-transform: uppercase;

    text-shadow: 8px 2px 20px #000000;

}

.meal-list-more-l {

    margin-left: 30%;

    font-size: 1.5em;

    font-weight: 700;

    position: relative;

    z-index: 5;


}

.meal-list-find-more {

    float: left;

}

.meal-list-find-more-arrow {

    padding-top: 4px;

    float: left;

    margin-left: 5px;

}

.line-from-left-list-l {

    width: 55%;

    height: 1px;

    background-color: #fff;

}

.meal-list-detail-name-r {

    margin-left: 7%;

    font-size: 7.0em;

    font-weight: 900;

    line-height: 0.9em;

    margin-bottom: 10px;

    text-transform: uppercase;

    text-shadow: 8px 2px 20px #000000;

}

.meal-list-detail-type-r {

    margin-top: 5px;

    margin-left: 7%;

    font-size: 3.0em;

    font-weight: 600;

    text-transform: uppercase;

    text-shadow: 8px 2px 20px #000000;

}

.meal-list-more-r {

    margin-left: 7%;

    font-size: 1.5em;

    font-weight: 700;

    position: relative;

    z-index: 5;

}

.line-from-left-list-r {

    width: 25%;

    height: 1px;

    background-color: #fff;

}

.meal-list-right {

    width: 100%;

    min-height: 20px;

    padding-top: 120px;

    float: right;

    position: absolute;

}

#big-images-list-section {

    color: #ffffff;

}

.icon {

    background-image: url("../images/meals_center-icon.png");

    background-repeat: no-repeat;

    background-size: cover;

    height: 134px;

    margin-left: 46.5%;

    margin-top: 25%;

    position: absolute;

    width: 134px;

    z-index: 5;

}

.meal-list-detail-content-l {

    margin-left: 30%;

    font-size: 2.0em;

    font-weight: 300;

    line-height: 0.9em;

    margin-bottom: 20px;

    margin-top: -5px;

}

.meal-list-detail-content-r {

    margin-left: 7%;

    font-size: 2.0em;

    font-weight: 300;

    line-height: 0.9em;

    margin-bottom: 20px;

    margin-top: -5px;

}

.meal-list-toll {

    background: rgba(67, 61, 54, 0.65);

    float: right;

    position: relative;

    z-index: 999;

    width: 10.0em;

    padding-top: 0.5em;

    font-size: 1.8em;

    font-weight: 300;

    padding-right: 20px;

}

.meal-list-toll img {

    float: left;

    margin-left: 20px;

    margin-right: 20px;

}

.meal-list-toll b {

    font-weight: 700;

}

.meal-list-right {

    float: right;

    min-height: 20px;

    padding-top: 250px;

    position: absolute;

    width: 100%;

}

#special-meals {

    margin-top: 12.0em;

}

#special-meals #special-meals-title {

    color: #362f2d;

    font-size: 10.0em;

    text-transform: uppercase;

    font-weight: 900;

    margin-left: 19.2%;

}

#special-meals-line {

    width: 56%;

    height: 1px;

    background-color: #111111;

}

.special-meals-content-text {

    margin: 0 19.2%;

    color: #362f2d;

    font-weight: 300;

    font-size: 2.0em;

    margin-top: 10px;

}

#special-meals-types-section button {

    border: 1px solid #362f2d;

    background-color: transparent;

    width: 30px;

    height: 30px;

    cursor: pointer;

}

#special-meals-types-section button img {

    margin-top: 3px;

}

.view-the-teaser-button {

    color: #362f2d;

    font-size: 1.5em;

    font-weight: 600;

    margin-left: 10px;

}

.video-style {

    width: 33.27% !important;

}

.videoTest > video {

    border-right: 0.1em solid #ffffff;

    float: left;

    margin: 0;

    padding: 0;

}

/* end dining page  */

/*    map   */

#wrapper {

    position: relative;

}

#map {

    height: calc(100vh - 70px);

    min-height: 120.000em;

}

#over_map {

    position: absolute;

    top: 3em;

    left: 20.0em;

    z-index: 10;

}

.responsive {

    right: 0;

}

.absolute_center {

    margin: auto;

    position: absolute;

    right: 0;

    bottom: 18.0em;

    color: #423b31;

}

.box {

    width: 120em;

    height: 42.1em;

}

.horizontal_line_contact {

    background-color: #000;

    height: 1px;

}

#map-section-footer h1 {

    color: #423b31;

    font-weight: 900;

    font-size: 4.2em;

    text-transform: uppercase;

    margin-bottom: 0;

}

#map-section-footer h2 {

    color: #423b31;

    font-weight: 900;

    font-size: 2.4em;

    text-transform: uppercase;

    margin-bottom: 0.23em;

    margin-left: 3.0em;

}

.contact-section {

    color: #423b31;

    font-weight: 300;

    font-size: 22px;

    margin-bottom: 1.5em;

    margin-top: 0.5em;

}

.contact-section-important {

    color: #423b31;

    font-weight: 300;

    font-size: 20px;

  /*  margin-right: 1.5em;*/

    margin-bottom: 3.0em;

    margin-top: 3.0em;

}

.contact-section-important span {

    color: #d64823;

    font-weight: 900;

    font-size: 1.8em;

    text-transform: uppercase;

}

.contact-section-important b {

    color: #423b31;

    font-weight: 600;

    font-size: 18px;

}

.table-list {

    display: table;

    width: 100%;

}

.table-row {

    display: table-row;

}

.table-cell {

   /* display: table-cell;*/

}

.table-cell-width-second, #contact_info, #contact-info-home {

    width: 40em;

    background: rgba(255, 255, 255, 0.8);

    padding-top: 6.0em;

    float: right;

}

.table-cell-width {

    background: rgba(255, 255, 255, 0.9);

    padding-left: 6.5em;

}

.places-section {

    margin-left: 3.5em;

    margin-top: 0.9em;

}

.places-section img {

    position: relative;

    margin-right: 20px;

    top: 10px;

}

/*  thank you page  */
#thank-you-section .choose-text{
	text-align:left!important;
}

#thank-you-page-top {
    background-image: url("../images/thank-you-page-background.jpg");
    background-size: cover;
    height: 60vh;
    position: relative;
    background-position: center;
}

#thank-you-left-section {
    margin-left: 19%;
    float: left;
    text-align: left;
	color: #000;
	font-weight:400;
	width:29%;
	font-size:18px;
}

#thank-you-left-section h1, #thank-you-right-section h1 {
	font-weight:600;
	font-size:52px;
	text-transform:uppercase;
	color:#000;
	letter-spacing:1px;
}

#thank-you-left-section p, #thank-you-right-section p {
	padding-top:0.8em;
}

#thank-you-left-section a, #thank-you-right-section a {
	color:#000;
	font-weight:600;
	text-align:left;
	font-size:14px;
	text-decoration:none;
}

#thank-you-left-section a:hover, #thank-you-right-section a:hover {
	text-decoration:underline;
}

#thank-you-right-section {
    margin-right: 19%;
    float: right;
    text-align: left;
	color: #000;
	font-weight:400;
	width:29%;
	font-size:18px;
}

/*   end thank you page   */

@media all and (max-width: 1280px) and (min-width: 320px) {

    #tours-section-list {

        margin-left: 10%;

        margin-right: 10%;

    }

    .tour1, .tour2, .tour3, .tour4, .tour5 {

        margin-bottom: 2em;

    }

    .meal-list-right, .icon {

        display: none !important;

    }

}

/*     video       */

.fullscreen-bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    z-index: -100;

}

#bgvidoverlay {

    height: auto;

    left: 50%;

    top: 50%;

    min-height: 100%;

    min-width: 100%;

    position: absolute;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    z-index: -99;

    background-color: rgba(0, 0, 0, 0.10);

    background-size: cover;

}

.fullscreen-bg__video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -100;

}

@media (min-aspect-ratio: 16/9) {

    .fullscreen-bg__video {

        height: 300%;

        top: -100%;

    }

}

@media (max-width: 1200px) {

    .homepage-video-background {

        background: url('../images/section1_header.jpg') center center / cover no-repeat;

    }

    .room1-video-background {

        background: url('../images/room-top-1.jpg') center center / cover no-repeat;

    }

    .room2-video-background {

        background: url('../images/room-top-2.jpg') center center / cover no-repeat;

    }

    .room3-video-background {

        background: url('../images/room-top-3.jpg') center center / cover no-repeat;

    }

    .room4-video-background {

        background: url('../images/room-top-4.jpg') center center / cover no-repeat;

    }

    .room5-video-background {

        background: url('../images/room-top-5.jpg') center center / cover no-repeat;

    }

    .room6-video-background {

        background: url('../images/room-top-6.jpg') center center / cover no-repeat;

    }

    .room7-video-background {

        background: url('../images/room-top-7.jpg') center center / cover no-repeat;

    }

    .room8-video-background {

        background: url('../images/room-top-8.jpg') center center / cover no-repeat;

    }

    .room10-video-background {

        background: url('../images/list-room-10.jpg') center center / cover no-repeat;

    }

    .room11-video-background {

        background: url('../images/list-room-11.jpg') center center / cover no-repeat;

    }

    .room12-video-background {

        background: url('../images/list-room-12.jpg') center center / cover no-repeat;

    }

    .room14-video-background {

        background: url('../images/list-room-14.jpg') center center / cover no-repeat;

    }

    .room20-video-background {

        background: url('../images/list-room-20.jpg') center center / cover no-repeat;

    }

    .room21-video-background {

        background: url('../images/list-room-21.jpg') center center / cover no-repeat;

    }

    .room22-video-background {

        background: url('../images/list-room-22.jpg') center center / cover no-repeat;

    }

    .room23-video-background {

        background: url('../images/list-room-23.jpg') center center / cover no-repeat;

    }

    .room24-video-background {

        background: url('../images/list-room-24.jpg') center center / cover no-repeat;

    }

    .room25-video-background {

        background: url('../images/list-room-25.jpg') center center / cover no-repeat;

    }

    .room26-video-background {

        background: url('../images/list-room-26.jpg') center center / cover no-repeat;

    }

    .room27-video-background {

        background: url('../images/list-room-27.jpg') center center / cover no-repeat;

    }
    
    
    .cellarium-video-background {

        background: url('../images/cellarium-spa/cellarium-full-screen-bg.jpg') center center / cover no-repeat;

    }

    .fullscreen-bg__video {
        display: none;
    }

}

#play-bathroom-video {
    float: right;
}

.play-bathroom-video-before-click{
    width: 40.0em;
    float: right;
}

.play-bathroom-video-after-click{
    width: 40.0em;
    float: right;
}

#play-talalas-1, #play-talalas-2, #play-talalas-3, #play-talalas-4 {
    width: 100%;
}

#customers-reviews-section {
    min-height: 400px;
    margin: 0 15%;
}

.important-message-footer{
    text-align: center;
}

/*  corporate popup form start   */

#popup1{
    color: #ffffff;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 100px auto;
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    width: 40%;
    height: 90%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #333;
}
.popup .close {
    position: absolute;
    top: -5px;
    left: 10px;
    transition: all 200ms;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
.popup .close:hover {
    color: #0043DC;
}
.popup .content {
    max-height: 100%;
    overflow: auto;
    margin-left: 8%;
}

@media screen and (max-width: 700px){
    .popup{
        width: 70%;
    }
}

.corporate-form-label {
    font-size:22px;
    font-weight:300;
    line-height: 0.9;
    padding-top: 13px;
    margin-top: 25px;
    padding-bottom: 25px;
}

.corporate-form-input{
    width: 90%!important;
}

.corporate-book-submit-form-button {
    background-color:#fff;
    border:none;
    color:#000;
    font-size:24px;
    font-weight:700;
    height:54px;
    width:90%;
    margin-top:20px;
    cursor:pointer;
    text-transform:uppercase;
    margin-bottom: 40px;
}

.corporate-textarea {
    height:120px;
    width:90%;
    font-size: 1rem;
    margin-top: 20px;
}

/*  corporate popup form end */


/*  menu dropdown  */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover{
    background: rgba(0, 0, 0, 0.5);
    color: #000000;
	padding-top:-50px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    /* width: 29em; */
    z-index: 666;
    background: rgba(0, 0, 0, 0.5);
    margin-left: -20px;
    margin-top:23px;
}

.dropdown-menu a {
    padding: 5px 0px;
    text-decoration: none;
    display: block;
    padding-left: 16px;*/
    padding-right: 16px;*/
}

.dropdown-menu a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #000000;
}

.dropdown:hover .dropdown-menu {
    display: block;
    position: absolute;
}

.top-menu-item-dropdown-hover {
    float:left;
    margin-top:10px;
    margin-right: 35px;
    padding-right: 15px;
	margin-left: -15px;
    padding-left: 15px;
	padding-top:-50px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#mapPopupContent{
	color: #423B31;
	font-size:14px;
	text-align:center;
	font-weight:300;
}

#mapPopupContent h1{
	color: #423B31;
	font-size:18px;
	text-align:center;
	font-weight:900;
}

/* Warning popup styles */
body.warning-popup-open #r_form{
    /* darken and blur(9px) */
    filter: brightness(0.5) blur(9px);
}
.warning-popup {

    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffcc00;
    color: #000;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    width: 300px;
    text-align: center;
}

body.warning-popup-open .warning-popup {
    display: block;
}

.warning-popup h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
}

.warning-popup p {
    font-size: 16px;
    margin: 10px 0;
}

.warning-popup .close-btn {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 3px;
}

.warning-popup .close-btn:hover {
    background-color: #333;
}