body { margin: 0; padding: 0;font-family: 'Open Sans'; background-color: #000; } .opening { margin: auto; height: 466px;width: 814px; background-size: 100%; background-image:url(../images/opening.jpg); margin-top: 100px; border: 5px solid #846225; z-index:-1; } .openingPic { display: none;position: absolute;height: 466px;width: 814px; background-size: 100%; background-image:url(../images/opening-pic.jpg); border: 5px solid #846225; margin-left: -5px; margin-top: -5px; } .beyondyourdreams { position: absolute; bottom: 30px; left: 30px; width: 400px!important; height: inherit!important; } .openingContainer {position: absolute; display: block; background-color: #000; width: 100%; height: 100%; z-index: 99999999999999; } .TA_certificateOfExcellence { float: right; } .minM { margin-top: -2px; } .logo { margin-top: 25px; margin-left: 15px; } @media only screen and (max-width : 1280px) { .logo { width: 220px; } #menu { margin-top: 50px!important; } } .b1, .b2, .b3, .b4, .b5, .b6 { display: none; } .copyrightFooter { text-align: center; color: #ccc; font-size: 12px; padding-top: 5px; padding-bottom: 5px; } .copyrightFooter a { color: #ccc; } .sitemap { -moz-column-count: 3; -moz-column-gap: 2.5em; -webkit-column-count: 3; -webkit-column-gap: 2.5em; column-count: 3; column-gap: 2.5em; } .sitemap li a { text-decoration: none; color: #fff; } .award { float: left; margin-right: 30px; } .weddingBandPics img { float: left; margin-right: 20px; width: 225px; } .weddingBandPics img:nth-child(4) { margin-right: 0; } .DeliPics a { float: left; margin-right: 20px; width: 225px; margin-bottom: 20px; } .DeliPics a:nth-child(4n) { margin-right: 0; } .menuFloat { float: right; width: 300px; margin-left: 30px; text-align: center; margin-top: 15px; } .menuFloat img { display: block; margin: auto; margin-bottom: 15px; } .menuFloat a { color: #fff; text-decoration: none; } .contactLink { color: #fff; } .directionsLink { color: #d4a752; } .banner iframe { position: absolute; display: none; z-index: 99999999999; width: 100%; height: 492px; } .list li { margin-bottom: 10px; } .list { -moz-column-count: 3; -moz-column-gap: 2.5em; -webkit-column-count: 3; -webkit-column-gap: 2.5em; column-count: 3; column-gap: 2.5em; } .menuButton { border: 2px solid #d2a64f; color: #fff; font-weight: bold; letter-spacing: 1.9px; padding: 15px 30px; text-decoration: none; display: block; width: 27%; } .menuButton:hover { background-color: #d2a64f; color: #543f17; cursor: pointer; } .roomBooking { border-top: 2px solid #2b2b2b; padding-bottom: 30px;padding-top: 30px; } .roomBooking h2 { margin: 0; padding: 0; } .roomBooking div { float: right; text-align: center; width: 750px; margin-top: 5px; } .roomBooking span { font-size: 22px; margin-top: 10px; color: #d2a64f; } .noP { padding-bottom: 0; } .roomBookingBook { text-decoration: none; color: #fff; border: 2px solid #d2a64f; padding: 15px; font-weight: bold; padding-left: 30px; padding-right: 30px; letter-spacing: 1.9px;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; display: block; width: 13%; margin: auto; } .roomBookingBook:hover { background-color: #d2a64f; color: #543f17; } .contactBlock { float: left; width: 50%; } .enquiryBlock { float: left; width: 50%; } .directionsText { margin-right: 30px; } .enquiryBlock input { width: 43%; margin-left: -2px; border: 0; padding: 15px;font-family: 'Open Sans'; font-size: 14px; color: #a2a2a2;border: 2px solid #d2a64f; } .enquiryBlock textarea { width: 92.5%;margin-left: -2px; margin-top: -2px; margin-bottom: 10px; border: 0; padding: 15px;font-family: 'Open Sans'; font-size: 14px; color: #a2a2a2;border: 2px solid #d2a64f; height: 100px; } .enquiryBlock button { width: 99.2%;margin-top: 10px; background-color: #d2a64f; border: 0;margin-left: -2px;padding: 15px;font-family: 'Open Sans'; font-weight: bold; cursor: pointer; } .enquiryBlock button:hover { background-color: #e6be73; } .GalleryStrip { width: 100%; margin-top: 30px; } .GuestHousePics div { float: left; border: 3px solid #000; width: 24.55%;} .GuestHousePics div:nth-child(1) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house9.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(2) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(3) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(4) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(5) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(6) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(7) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .GuestHousePics div:nth-child(8) { background-image: url(../images/guesthouse-gallery/moroccan-guest-house10.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .GuestHousePics div { width: 24%; } } .FunctionPics div { float: left; border: 3px solid #000; width: 24.55%;} .FunctionPics div:nth-child(1) { background-image: url(../images/function-gallery/function-venue5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(2) { background-image: url(../images/function-gallery/function-venue6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(3) { background-image: url(../images/function-gallery/function-venue7.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(4) { background-image: url(../images/function-gallery/function-venue3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(5) { background-image: url(../images/function-gallery/function-venue1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(6) { background-image: url(../images/function-gallery/function-venue4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(7) { background-image: url(../images/function-gallery/function-venue2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FunctionPics div:nth-child(8) { background-image: url(../images/function-gallery/function-venue8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .FunctionPics div { width: 24%; } } .RooftopPics div { float: left; border: 3px solid #000; width: 24.55%;} .RooftopPics div:nth-child(1) { background-image: url(../images/rooftop-gallery/rooftop1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(2) { background-image: url(../images/rooftop-gallery/rooftop2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(3) { background-image: url(../images/rooftop-gallery/rooftop3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(4) { background-image: url(../images/rooftop-gallery/rooftop4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(5) { background-image: url(../images/rooftop-gallery/rooftop5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(6) { background-image: url(../images/rooftop-gallery/rooftop7.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(7) { background-image: url(../images/rooftop-gallery/rooftop6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RooftopPics div:nth-child(8) { background-image: url(../images/rooftop-gallery/rooftop8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .RooftopPics div { width: 24%; } } .decorRentalPics div { float: left; border: 3px solid #000; width: 24.55%;} .decorRentalPics div:nth-child(1) { background-image: url(../images/rental-gallery/rental1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(2) { background-image: url(../images/rental-gallery/rental2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(3) { background-image: url(../images/rental-gallery/rental3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(4) { background-image: url(../images/rental-gallery/rental4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(5) { background-image: url(../images/rental-gallery/rental5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(6) { background-image: url(../images/rental-gallery/rental6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(7) { background-image: url(../images/rental-gallery/rental7.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .decorRentalPics div:nth-child(8) { background-image: url(../images/rental-gallery/rental8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .decorRentalPics div { width: 24%; } } .importPics div { float: left; border: 3px solid #000; width: 24.55%;} .importPics div:nth-child(1) { background-image: url(../images/imports-gallery/imports1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(2) { background-image: url(../images/imports-gallery/imports2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(3) { background-image: url(../images/imports-gallery/imports3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(4) { background-image: url(../images/imports-gallery/imports4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(5) { background-image: url(../images/imports-gallery/imports5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(6) { background-image: url(../images/imports-gallery/imports6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(7) { background-image: url(../images/imports-gallery/imports7.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .importPics div:nth-child(8) { background-image: url(../images/imports-gallery/imports8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .importPics div { width: 24%; } } .BreakfastPics div { float: left; border: 3px solid #000; width: 24.55%;} .BreakfastPics div:nth-child(1) { background-image: url(../images/breakfast-gallery/breakfast1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastPics div:nth-child(2) { background-image: url(../images/breakfast-gallery/breakfast4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastPics div:nth-child(3) { background-image: url(../images/breakfast-gallery/breakfast3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastPics div:nth-child(4) { background-image: url(../images/breakfast-gallery/breakfast2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .BreakfastPics div { width: 24%; } } .platedMenuPics div { float: left; border: 3px solid #000; width: 24.55%;} .platedMenuPics div:nth-child(1) { background-image: url(../images/plated-gallery/plated1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .platedMenuPics div:nth-child(2) { background-image: url(../images/plated-gallery/plated2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .platedMenuPics div:nth-child(3) { background-image: url(../images/plated-gallery/plated3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .platedMenuPics div:nth-child(4) { background-image: url(../images/plated-gallery/plated4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .platedMenuPics div { width: 24%; } } .RentalCostPics div { float: left; border: 3px solid #000; width: 24.55%;} .RentalCostPics div:nth-child(1) { background-image: url(../images/decor-rental/rental1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RentalCostPics div:nth-child(2) { background-image: url(../images/decor-rental/rental2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RentalCostPics div:nth-child(3) { background-image: url(../images/decor-rental/rental3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .RentalCostPics div:nth-child(4) { background-image: url(../images/decor-rental/rental4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .RentalCostPics div { width: 24%; } } .HighTeaCafePics div { float: left; border: 3px solid #000; width: 24.55%;} .HighTeaCafePics div:nth-child(1) { background-image: url(../images/hightea-gallery/hightea1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaCafePics div:nth-child(2) { background-image: url(../images/hightea-gallery/hightea2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaCafePics div:nth-child(3) { background-image: url(../images/hightea-gallery/hightea3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaCafePics div:nth-child(4) { background-image: url(../images/hightea-gallery/hightea4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .HighTeaCafePics div { width: 24%; } } .BreakfastFunctionPics div { float: left; border: 3px solid #000; width: 24.55%;} .BreakfastFunctionPics div:nth-child(1) { background-image: url(../images/breakfast-function-gallery/breakfast-function-venue1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastFunctionPics div:nth-child(2) { background-image: url(../images/breakfast-function-gallery/breakfast-function-venue2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastFunctionPics div:nth-child(3) { background-image: url(../images/breakfast-function-gallery/breakfast-function-venue3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .BreakfastFunctionPics div:nth-child(4) { background-image: url(../images/breakfast-function-gallery/breakfast-function-venue4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .BreakfastFunctionPics div { width: 24%; } } .HighTeaPics div { float: left; border: 3px solid #000; width: 24.55%;} .HighTeaPics div:nth-child(1) { background-image: url(../images/high-tea-gallery/high-tea1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaPics div:nth-child(2) { background-image: url(../images/high-tea-gallery/high-tea2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaPics div:nth-child(3) { background-image: url(../images/high-tea-gallery/high-tea3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HighTeaPics div:nth-child(4) { background-image: url(../images/high-tea-gallery/high-tea4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .HighTeaPics div { width: 24%; } } .LunchPics div { float: left; border: 3px solid #000; width: 24.55%;} .LunchPics div:nth-child(1) { background-image: url(../images/lunch-gallery/lunch1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchPics div:nth-child(2) { background-image: url(../images/lunch-gallery/lunch3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchPics div:nth-child(3) { background-image: url(../images/lunch-gallery/lunch2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchPics div:nth-child(4) { background-image: url(../images/lunch-gallery/lunch4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .LunchPics div { width: 24%; } } .LunchCafePics div { float: left; border: 3px solid #000; width: 24.55%;} .LunchCafePics div:nth-child(1) { background-image: url(../images/lunch-cafe-gallery/lunch2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchCafePics div:nth-child(2) { background-image: url(../images/lunch-cafe-gallery/lunch4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchCafePics div:nth-child(3) { background-image: url(../images/lunch-cafe-gallery/lunch1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .LunchCafePics div:nth-child(4) { background-image: url(../images/lunch-cafe-gallery/lunch3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .LunchCafePics div { width: 24%; } } .DeliPics div { float: left; border: 3px solid #000; width: 24.55%;} .DeliPics div:nth-child(1) { background-image: url(../images/deli-gallery/deli1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .DeliPics div:nth-child(2) { background-image: url(../images/deli-gallery/deli2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .DeliPics div:nth-child(3) { background-image: url(../images/deli-gallery/deli3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .DeliPics div:nth-child(4) { background-image: url(../images/deli-gallery/deli4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .DeliPics div { width: 24%; } } .HazelPics div { float: left; border: 3px solid #000; width: 24.55%;} .HazelPics div:nth-child(1) { background-image: url(../images/hazel-gallery/hazel1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(2) { background-image: url(../images/hazel-gallery/hazel2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(3) { background-image: url(../images/hazel-gallery/hazel3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(4) { background-image: url(../images/hazel-gallery/hazel4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(5) { background-image: url(../images/hazel-gallery/hazel5.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(6) { background-image: url(../images/hazel-gallery/hazel6.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(7) { background-image: url(../images/hazel-gallery/hazel7.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .HazelPics div:nth-child(8) { background-image: url(../images/hazel-gallery/hazel8.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .HazelPics div { width: 24%; } } .TeamPics div { float: left; border: 3px solid #000; width: 24.55%;} .TeamPics div:nth-child(1) { background-image: url(../images/team-gallery/team1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .TeamPics div:nth-child(2) { background-image: url(../images/team-gallery/team2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .TeamPics div:nth-child(3) { background-image: url(../images/team-gallery/team3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .TeamPics div:nth-child(4) { background-image: url(../images/team-gallery/team4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .TeamPics div { width: 24%; } } .ConferencingPics div { float: left; border: 3px solid #000; width: 24.55%;} .ConferencingPics div:nth-child(1) { background-image: url(../images/conferencing-gallery/conferencing1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .ConferencingPics div:nth-child(2) { background-image: url(../images/conferencing-gallery/conferencing2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .ConferencingPics div:nth-child(3) { background-image: url(../images/conferencing-gallery/conferencing3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .ConferencingPics div:nth-child(4) { background-image: url(../images/conferencing-gallery/conferencing4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .ConferencingPics div { width: 24%; } } .SatEveningPics div { float: left; border: 3px solid #000; width: 24.55%;} .SatEveningPics div:nth-child(1) { background-image: url(../images/sat-evening-gallery/sat-evening3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SatEveningPics div:nth-child(2) { background-image: url(../images/sat-evening-gallery/sat-evening1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SatEveningPics div:nth-child(3) { background-image: url(../images/sat-evening-gallery/sat-evening4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SatEveningPics div:nth-child(4) { background-image: url(../images/sat-evening-gallery/sat-evening2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .SatEveningPics div { width: 24%; } } .WeddingPics { margin-top: 70px; } .WeddingPics div { float: left; border: 3px solid #000; width: 24.55%;} .WeddingPics div:nth-child(1) { background-image: url(../images/weddings-gallery/weddings1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .WeddingPics div:nth-child(2) { background-image: url(../images/weddings-gallery/weddings2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .WeddingPics div:nth-child(3) { background-image: url(../images/weddings-gallery/weddings3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .WeddingPics div:nth-child(4) { background-image: url(../images/weddings-gallery/weddings4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .WeddingPics div { width: 24%; } } .bottomRoomStrip { width: 100%; margin-top: 30px; } .FezRoomPics div { float: left; border: 3px solid #000; width: 24.55%; } .FezRoomPics div:nth-child(1) { background-image: url(../images/fez1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FezRoomPics div:nth-child(2) { background-image: url(../images/fez2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FezRoomPics div:nth-child(3) { background-image: url(../images/fez3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .FezRoomPics div:nth-child(4) { background-image: url(../images/fez4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .FezRoomPics div { width: 24%; } } .SafiRoomPics div { float: left; border: 3px solid #000; width: 24.55%; } .SafiRoomPics div:nth-child(1) { background-image: url(../images/safi1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SafiRoomPics div:nth-child(2) { background-image: url(../images/safi2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SafiRoomPics div:nth-child(3) { background-image: url(../images/safi3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .SafiRoomPics div:nth-child(4) { background-image: url(../images/safi4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .SafiRoomPics div { width: 24%; } } .MarrakechRoomPics div { float: left; border: 3px solid #000; width: 24.55%; } .MarrakechRoomPics div:nth-child(1) { background-image: url(../images/marrakech1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .MarrakechRoomPics div:nth-child(2) { background-image: url(../images/marrakech2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .MarrakechRoomPics div:nth-child(3) { background-image: url(../images/marrakech3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .MarrakechRoomPics div:nth-child(4) { background-image: url(../images/marrakech4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .MarrakechRoomPics div { width: 24%; } } .CasablancaRoomPics div { float: left; border: 3px solid #000; width: 24.55%; } .CasablancaRoomPics div:nth-child(1) { background-image: url(../images/casablanca1.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .CasablancaRoomPics div:nth-child(2) { background-image: url(../images/casablanca2.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .CasablancaRoomPics div:nth-child(3) { background-image: url(../images/casablanca3.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } .CasablancaRoomPics div:nth-child(4) { background-image: url(../images/casablanca4.jpg); background-repeat: no-repeat; background-size: cover; height: 350px; background-position: center center; } @media only screen and (max-width : 1330px) { .CasablancaRoomPics div { width: 24%; } } .play { position: absolute; top: 70%; background-image: url(../images/play.png); left: -100px; right: 0; background-repeat: no-repeat; background-position: 50% 0%; display: block; width: 160px; height: 115px; margin: auto; } .play:hover { background-position: 50% 103%; cursor: pointer; } @media only screen and (min-width : 1920px) { .play { left: -160px; bottom: -5px; } } .openingPayoffLine { position: absolute; width: 600px; top: 23%; right: 2%; display: none; } .openingPayoffLine img { width: 600px!important; } .noScroll { overflow: hidden; } .banner { width: 100%; height: inherit; position: relative; text-align: center; } .banner img { width: 100%; height: inherit; } .map { width: 100%; min-height: 400px; position: relative; background-color: #d4a752; } .map div { position: absolute; width: 465px; width: 65%; left: 0; } .map div:nth-child(2) { width: 566px; right: 15px !important; left: inherit !important; } .featureBlock { width: 320px; float: left; text-align:center; margin-right: 10px; position: relative; margin-bottom: 30px; min-height: 540px; } .featureBlock h3 { font-weight: bold!important;font-size: 22px; margin-left: 10px; margin-right: 10px; } .featureBlock .readmore { color: #d2a64f; position: absolute; text-align: center; background-color: #d2a64f; text-decoration: none; margin-left: -50px; padding: 10px; display: inline-block; color: #000; font-weight: bold; bottom: 0; cursor: pointer;} .featureBlock p { font-family: 'Open Sans'; font-size: 14px; margin-left: 10px; margin-right: 10px; } .featureBlock img { width: 300px; border: 1px solid #fff; padding: 4px; } .openingBlockContainer { margin-left: 73px; margin-top: 0px; } .openingBlock { float: left; position: relative; width: 200px; text-align: center; margin-left: 20px; margin-top: 20px;margin-bottom: 40px; } .openingBlock:hover span { color: #e1bc63; cursor: pointer; } .openingBlock:hover { cursor: pointer; } .openingBlock span { position: absolute; width: 180px; bottom: -36px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #141414; color: #fff; } .content { width: 1000px; margin: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; margin-top: 30px; } .content h2 { font-family: 'Open Sans'; font-weight: normal; } .content h3 { font-family: 'Open Sans'; font-weight: normal; color: #d2a64f; } .content h1 span { color: #e1bc63; } .boldH { background-color: #e1bc63; padding-top: 10px; padding-bottom: 10px; text-indent: 20px; } .boldH span { float: right; margin-right: 20px; font-size: 11px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 9px; } .boldH span a { color: #674e1d; } .panel { } .footer { width: 1000px; margin: auto; border-top: 2px solid #2b2b2b; padding-top: 30px; margin-top: 30px; } .door { display: none; margin-left: 306px; margin-top: 400px; position: absolute; } .header-container { width: 100%;padding-bottom: 20px; } .footerMenu { margin: auto; padding: 0; width: 740px;} .footerMenu li { color: #fff; font-size: 14px; float: left; margin-left: 20px; } .footerMenu li a { color: #fff; text-decoration: none; } .footerMenu li a:hover { color: #d2a64f; } .acc { width: 1000px; margin: auto; margin-top: 30px; } .bookingcom { float: right; margin-top: 35px; } .safarinow { float: right; margin-right: 50px; margin-top: 37px; } .savenues { float: right; margin-right: 40px; margin-top: 10px; } .milesforstyle { float: right; margin-right: 50px; margin-top: 20px; } .contactDetailsFooter { float: right; margin-right: 20px; font-size: 14px; } .contactDetailsFooter h4 { margin: 0; padding: 0; color: #fff; margin-bottom: 20px; } .contactDetailsFooter a { text-decoration: none; color: #d2a64f; } .phone { background-image: url(../images/phone.png); background-repeat: no-repeat; background-size: contain; padding-left: 30px; margin-right: 15px; display: block; } .email { background-image: url(../images/email.png); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 30px;display: block; margin-top: 10px; } .gallery { list-style: none; margin: 0; padding: 0; text-align: center; padding-top: 10px; } .gallery li { display: inline-block; } .roomList { margin: 0; padding: 0; } .roomList li { list-style: none; background: url(../images/bullet.png) no-repeat left center; padding-left: 30px; } .cancellationPolicy { margin: 0; padding: 0; } .cancellationPolicy li { list-style: none; background: url(../images/bullet.png) no-repeat left center; padding-left: 30px; } .contact-header { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #000; width: 42%; text-align: center; position: absolute; right: 0; top: 0; padding-bottom: 10px; padding-top: 10px; color: #fff; } .contact-header a { color: #fff; text-decoration: none; } #menu { margin:0 auto; padding: 0; float: right; margin-top: 70px; margin-right: 30px; } #menu li { float: left; margin-left: 10px; color: #fff; margin-right: 15px; } #menu li:last-child { margin-right: 0; } .current { color: #d2a64f!important; } @media screen and (-webkit-min-device-pixel-ratio:0) { } #menu li a { display: block; color: #fff; text-decoration: none; font-size: 14px; text-align: center; -webkit-backface-visibility: hidden; } #menu li a:hover { color: #d2a64f!important; } #menu li:hover { } #menu li ul { display: none; width: 12em; /* Width to help Opera out */ } #menu li p { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 15px; color: #FFFFFF; } #menu li:hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 99999; margin-left: 0; margin-top: 2px; } #menu li:hover li { float: none; border-right: 0; border-left: 0; border-bottom: 0; margin: 0; } #menu li:hover li a { border-left: 0; color: #fff; padding: 8px 18px; font-weight: 300; font-size: 17px; text-align: left; width: 100%; border-right: 0; background-color: #141414; border-bottom: 2px solid #660000; } #menu li li a:hover { background-repeat: no-repeat; background-position: right; background-color: #340808; color: #FFF; } .Pricing { float: left; margin-top: 21px; margin-left: 30px; width: 170px; } .Pricing h6 { margin: 0; padding: 0; font-size: 26px; font-weight: normal; } .Pricing p { margin-bottom: 40px; } .Pricing a { text-decoration: none; color: #fff; border: 2px solid #d2a64f; padding: 15px; font-weight: bold; padding-left: 30px; padding-right: 30px; letter-spacing: 1.9px;-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .Pricing a:hover { background-color: #d2a64f; color: #543f17; } .menuThumb { width: 50%; float: left; text-align: center; } .menuThumb a { display: block; color: #d2a64f; text-decoration: none; font-size: 18px; } .menuThumbRest { width: 100%; text-align: center; } .menuThumbRest a { display: block; color: #d2a64f; text-decoration: none; font-size: 18px; } .menuThumbBreakfast { width: 100%; text-align: center; } .menuThumbBreakfast a { display: block; color: #d2a64f; text-decoration: none; font-size: 18px; } .tabs { position: relative; width: 800px; float: left; overflow: hidden; margin: auto; margin-top: 20px; font-family: "Open Sans"; } .tabs.Functions { width: 1000px; } /* Nav */ .tabs nav { font-size: 12px; } .tabs nav ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .tabs nav ul li { border: 1px solid #2b2b2b; border-bottom: none; display: block; float: left; position: relative; font-family: 'Oranienbaum'; font-size: 16px; margin-right: -1px; } .tabs nav ul li:first-child { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } .tabs nav ul li:last-child { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } .tabs nav li.tab-current { border: 1px solid #2b2b2b; border-bottom: none; z-index: 100; background-color: #2b2b2b; } .tabs nav li.tab-current:before, .tabs nav li.tab-current:after { content: ''; position: absolute; height: 2px; right: 100%; bottom: 0; width: 1000px; background: #2b2b2b; } .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px; } .tabs nav a { color: #becbd2; font-weight: bold; display: block; font-size: 17px; line-height: 2; padding: 0 1.185em 3px; white-space: nowrap; text-decoration: none; font-family: "Open Sans"; } .tabs nav a:hover { color: #d2a64f; } .tabs nav li.tab-current a { color: #fff; text-decoration: none; } /* Icons */ .tabs nav a:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'museo_sans500'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0; } .icon-food:before { content: "\e600"; } .icon-lab:before { content: "\e601"; } .icon-cup:before { content: "\e602"; } .icon-truck:before { content: "\e603"; } .icon-shop:before { content: "\e604"; } /* Content */ .contentTabs section { font-size: 14px; padding: 0em 0em 0em 0em; display: none; max-width: 1230px; margin: 0 auto; background-color: #2b2b2b; margin-top: -4px; padding: 20px; } .contentTabs section h4 { font-size: 20px; } .contentTabs section h2 { margin-bottom: 10px; } .overviewBlock { float: left; width: 50%; min-height: 100px; margin-top: 10px; } .contentTabs section:before, .contentTabs section:after { content: ''; display: table; } .contentTabs section:after { clear: both; } /* Fallback example */ .no-js .contentTabs section { display: block; padding-bottom: 2em; border-bottom: 1px solid #55acef; } .contentTabs section.content-current { display: block; } .mediabox { float: left; width: 33%; padding: 0 25px; } .mediabox img { max-width: 100%; display: block; margin: 0 auto; } .mediabox h3 { margin: 0.75em 0 0.5em; } .mediabox p { padding: 0 0 1em 0; margin: 0; line-height: 1.3; } /* Example media queries */ @media screen and (max-width: 52.375em) { .tabs nav a span { } .tabs nav a:before { margin-right: 0; } .mediabox { float: none; width: auto; padding: 0 0 35px 0; font-size: 90%; } .mediabox img { float: left; margin: 0 25px 10px 0; max-width: 40%; } .mediabox h3 { margin-top: 0; } .mediabox p { margin-left: 40%; margin-left: calc(40% + 25px); } .mediabox:before, .mediabox:after { content: ''; display: table; } .mediabox:after { clear: both; } } @media screen and (max-width: 32em) { .tabs nav ul, .tabs nav ul li a { width: 100%; padding: 0; } .tabs nav ul li { width: 20%; width: calc(20% + 1px); margin: 0 0 0 -1px; } .tabs nav ul li:last-child { border-right: none; } .mediabox { text-align: center; } .mediabox img { float: none; margin: 0 auto; max-width: 100%; } .mediabox h3 { margin: 1.25em 0 1em; } .mediabox p { margin: 0; } } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }