/* ---------- Basic styles ---------- */ @font-face { font-family: "minerva-modern"; src: url(../fonts/minerva-modern-regular.otf); font-weight: normal; font-style: normal; } @font-face { font-family: "myriad-pro"; src: url(../fonts/MyriadPro-Regular.otf); font-weight: normal; font-style: normal; } @font-face { font-family: "proxima-nova-alt"; src: url(../fonts/proxima-nova.ttf); font-weight: normal; font-style: normal; } /* ---------- AB-test Code added ---------- */ /*.abtest .nav_primary li#pnav19 {display:none !important;}*/ /* ---------- Basic styles ---------- */ body { font-family:/*"myriad-pro",*/proxima-nova-alt, Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #333; background-color: #fff; overflow-x: hidden; } img { vertical-align: middle; display: block; max-width: 100%; width: 100%; height: auto } h1, .h1, h2, .h2, h3, .h3 { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif } /* ---------- Helpers ---------- */ .bg-grey { background: #f5f5f5 } .bg-pale { background: #f8f8f8; padding: 40px 0 } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .hidden { display: none!important; visibility: hidden!important } .affix { position: fixed } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .inline_block { display: inline-block; float: left; margin: 0 auto 40px } .white_frame { border: 15px solid rgba(250,250,250,1); box-shadow: 0 0 15px rgba(0,0,0,0.2) } .white_frame:hover { opacity: .7 } .shadow { -webkit-box-shadow: 0 3px 3px rgba(0, 050, 0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2) } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px) } 33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px) } 49.95% { -webkit-transform:translateY(4px); transform:translateY(4px) } 66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px) } 83.25% { -webkit-transform:translateY(1px); transform:translateY(1px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px) } 33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px) } 49.95% { -webkit-transform:translateY(4px); transform:translateY(4px) } 66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px) } 83.25% { -webkit-transform:translateY(1px); transform:translateY(1px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .wobble-vertical { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0) } .wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px } #dvReadMore { background: none repeat scroll 0 0 rgba(255,255,255,1); display: block; max-height: 400px; max-width: 600px; min-width: 150px; overflow: auto; padding: 30px; position: absolute; right: 220px; top: 255px; z-index: 100 } .readMore { background: none repeat scroll 0 0 rgba(0,0,0,0.1); border: 1px solid #a2a7a0; border-radius: 0; color: #fff; cursor: pointer; margin: 0; padding: 4px; position: absolute; right: 12px; text-align: center; text-transform: uppercase; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; -webkit-appearance: none; text-transform: uppercase; width: 196px; z-index: 100 } .homepage .readMore { top: 415px } .secondarypage .readMore { bottom: 20px } #close { position: absolute; right: 5px; top: 5px } .WatchVideo { background: none repeat scroll 0 0 rgba(0,0,0,0.1); bottom: 70px; box-shadow: 0 0 0 1px #a2a7a0; color: #fff; float: right; font-size: 12px; left: 70px; max-height: 28px; padding: 5px 10px; position: absolute; text-transform: uppercase; z-index: 99 } .VideosPanel a { color: #fff } .VideosPanel i { background: none repeat scroll 0 0 #fff; border-radius: 50%; color: #1f1f1f; float: left; font-size: 120%; height: 18px; left: -5px; margin: 0 5px; padding: 1px 0 0 1px; position: relative; width: 18px } .VideosPanel .gallery_button i { font-size: 100%; padding: 0 0 0 1px } .gallery_button { background: none repeat scroll 0 0 rgba(0,0,0,0.1); bottom: 50px; box-shadow: 0 0 0 1px #fff; color: #fff; float: right; font-size: 12px; left: 70px; max-height: 28px; padding: 5px 10px; position: absolute; text-transform: uppercase; z-index: 99 } /*.gallery_button{background:none repeat scroll 0 0 rgba(0,0,0,0.1);bottom:70px;box-shadow:0 0 0 1px #a2a7a0;color:#fff;float:right;font-size:12px;left:220px;max-height:28px;padding:5px 10px;position:absolute;text-transform:uppercase;z-index:99}*/ .gallery_button:hover, .WatchVideo:hover, .readMore:hover { background: none repeat scroll 0 0 rgba(0,0,0,0.4) } .icon-play:before { margin-left: 1px; position: relative; top: -2px } /* Nav base */ nav, nav ul, nav li, nav a { float: left; margin: 0; padding: 0; } nav ul { list-style: none; list-style-image: none; } /* Forms */ .form { width: 100% } .form td { padding-bottom: 1em; vertical-align: top } .form tr td:first-child { width: 35%; padding-top: 2px; padding-right: 15px } .textbox, .form select { padding: 2px; background: #fff; border: 1px solid #999; border-radius: 0 } .form select { padding: 1px } .form .textbox, .form select, .form .button { float: left; width: 60% } .form .button { background: none repeat scroll 0 0 #999; border: 1px solid #ccc; color: white; margin: 0; } .form .button:hover { background: white; border: 1px solid #ccc; color: #ccc; margin: 0; } .form .textbox_medium { width: 80%; height: 4.7em } .form .textbox_large { width: 80%; height: 9em } .form .captcha img, #recaptcha_image { width: 90%!important; height: auto!important } .form .captcha .textbox { clear: both; margin: 15px 40% 5px 0 } .form .captcha a { float: left; margin: 0 15px 0 0; font-size: 93% } .form .radio input, .form .radio label { float: left } .form .radio input { margin: 3px 0 0 } .form .radio label { margin: 0 15px 0 5px } .form .multi_input select, .form .multi_input .textbox { width: 29%; margin-right: 2% } .form .multi_input select { width: 20% } .form .multi_input .textbox { width: 38% } .form_cal { font-size: 93%; background: rgba(255,255,255,.8) } .icon_cal { float: left; margin: 2px 0 0 -19px; color: #999 } .icon_cal_wrap { float: left; position: relative; background: #fff } .icon_cal_wrap input { position: relative; z-index: 20; margin: 0!important; background: none!important } .icon_cal_wrap .icon_cal { position: absolute; z-index: 10; top: 4px; right: 5px; margin: 0 } /* Form in 2 blocks */ .form_wrapper, .form_wrapper .form, .form_wrapper .error { float: left; width: 100% } .form_wrapper, .form_wrapper .error { margin: 20px 0 } .form_wrapper .form { width: 50% } .form_wrapper .form:first-child tr td:last-child { padding-right: 15px } .form_wrapper .form:last-child tr td:first-child { padding-left: 15px } .form_wrapper .btn { padding: 4px 40px; border-radius: 0 } /*FIXED BOOKING STYLES*/ #frm { padding: 3px 0px; } #frm input, #frm select { width: 100%; float: left; position: relative; margin-bottom: 5px; border: 1px solid #ccc; padding: 2px 5px; font-size: 13px; text-transform: uppercase; } #frm .arrival-departure input { background: #444; color: #fff; padding: 5px; line-height: normal; letter-spacing: 1px; } #frm #Calendario0 img, #frm #Calendario1 img { width: auto; height: auto; min-height: auto; position: absolute; right: 0; padding: 4px 7px; margin: 0 !important; } #form .columns { margin-right: 6px; margin-left: 6px; } #dvCam2 div:not(:first-child), #dvCam3 div:not(:first-child), #dvCam4 div:not(:first-child) { float: left; } #banner, #apDiv1 { position: absolute; width: 403px; height: 183px; z-index: 9999; right: 10px; top: 110px; } #dvCam2, #dvCam3, #dvCam4 { padding: 10px; margin-left: 10px; border-bottom: 1px dashed #ccc; float: left; position: relative; } #absolute-booking-rooms { position: absolute; right: 102%; width: 250px; top: 0px; } #absolute-booking-rooms .inner { padding-right: 10px; background: #fff; position: relative; float: left; } /* Buttons */ .button { border: medium none; border-radius: 0; color: #333; cursor: pointer; display: inline-block; line-height: 26px; margin: 0; text-align: center; text-transform: uppercase; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; -webkit-appearance: none } .book-button { background-color: #999; color: #fff; padding: 3px 20px; } /* Video */ .video_res { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 } .video_res iframe, .video_res object, .video_res embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } /*Homepage Video Panel*/ .video_container { position: absolute; width: 196px; z-index: 20; top: 425px; right: 12px; } .video_container .video_panel_item span { background: none; border: 2px solid #fff; border-radius: 100%; top: 50%; margin-top: -20px; font-size: 28px; left: 50%; width: 40px; color: #fff; box-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 0 #000; height: 40px; margin-left: -25px; padding: 1px 8px 10px; position: absolute; transition: all 0.3s; } .video_container .video_panel_item span:hover { border: 2px solid #999; color: #999; } .video_container .icon-play::before { margin-left: -2px; position: relative; top: -4px; } .video_container .video_panel_item .icon-play { text-align: center; transition: all 0.3s; } .video_container .video_panel_item .icon-play:hover { color: #999; } .video_container .video_panel_item h4 { text-transform: uppercase; position: absolute; margin: 0; font-size: 17px; text-align: center; color: #fff; width: 100%; background: rgba(28, 28, 28, 0.72); padding: 2px 0; } /* Image overlay */ .img_overlay_wrap { position: relative; float: left; width: 100%; height: auto; overflow: hidden } .img_overlay { position: absolute; top: 0; right: 0; width: 100%; height: auto; } .img_overlay_block { left: 50px; width: 300px; padding: 15px; background: rgba(255,255,255,.8) } /* Widgets */ .widget { overflow: hidden } .widget iframe { width: 100%!important; background: none; border: none } .widget img { width: auto } .widget #fb-root { display: none } .widget .fb_iframe_widget, .widget .fb_iframe_widget span, .widget .fb_iframe_widget span iframe[style] { width: 100%!important } /* ---------- Layout ---------- */ /* Header */ .header { padding: 0!important; background: #222; position: fixed; width: 100%; left: 0; z-index: 99999; border: none; border-radius: 0; } .logo img { margin: 0 auto;/*padding: 0px; width: 180px;*/ } .scroll_logo { background-color: #fff; border-radius: 0 0 50% 50% / 0 0 100% 100%; height: 65px; left: 50%; margin-left: -95px; padding: 0; position: absolute; top: 43px; width: 190px; } .scroll_logo img { padding: 0 25px; width: auto; margin: 0 auto; margin-top: 0px; } /* Primary Nav */ .nav_primary { /*float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; text-align: center; padding-bottom: 5px;*/ padding: 0; border: none; display: inline-block; float: none; } /**Targeting IE >= 10 because of bad flexbox support**/ _:-ms-input-placeholder, :root .nav_primary { float:none; display:block; margin:0; text-align:center } /*.nav_primary ul ul::before{ content:''; position: absolute; left:15%; top:-10px; border-radius: 50%; height:10px; width:10px; background:#999; display: block; z-index: 99; }*/ .nav_primary ul { z-index: 100; margin: 0 auto; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /**Targeting IE >= 10 because of bad flexbox support**/ _:-ms-input-placeholder, :root .nav_primary ul { z-index:100; margin:0 auto; float:none; display: block; } .nav_primary li { position: relative; float: none } /**Targeting IE >= 10 because of bad flexbox support**/ _:-ms-input-placeholder, :root .nav_primary li { position:relative; display:inline-block; float:none } .nav_primary a { color: #fff; font-family: "proxima-nova-alt"; margin: 0; padding: 30px 13px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px; } .nav_primary li:last-child a { margin: 0 } .nav_primary li:hover, .nav_primary a:hover { background: #444; color: #fff !important; } .nav_primary ul li.selected a span,.nav_primary ul li.selected a caret { color: #c60606; } ul li.selected a { color: #c60606;border-bottom:1px solid #c60606;} .nav_primary ul ul { width: 220px; background: #fff; position: absolute; left: 0; display: none; visibility: hidden } .nav_primary ul ul li { border-bottom: 1px solid #fff; display: block; height: auto; line-height: 1.5; padding: 0; text-align: left; text-indent: 6px; width: 100% } .nav_primary ul ul li:last-child { border: none } .nav_primary ul ul li a { width: 100%; padding: 8px; display: block; border-bottom: 1px dotted #ddd; } .nav_primary ul ul li:hover { background: #efefef } a.nav_mob_button { display: none; float: right } .navbar-static-top { padding: 0 } .navbar-fixed-top .nav_bg { background-color: #000 } .navbar-fixed-top .top_section { display: none; visibility: hidden } .mobile_email_us { display: none;/*visibility: hidden*/ } .time_lang { float: right; line-height: 50px } .time_lang img { width: 30px; float: right } .time, .lang, .lang a { float: left; margin: 9px 0 0 10px } .lang a:last-child { margin: 0 } /* Header image */ /* ---------- Header Image ---------- */ .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item { width: 100%; height: auto; max-height: 800px; min-height: 800px; background-size: cover; background-position: center center; } .secondarypage .header_image img { /*margin-top: 140px;*/ max-height: 800px; min-height: 160px; overflow: hidden; } .secondarypage #page_header .header_image { margin-top: 0 !important; max-width: 100%; } .page_header { position: relative; overflow: hidden; background: #393939; float: left } .page_header_gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-8 */ float: left; height: 30%; left: 0; position: absolute; bottom: -1px; width: 100%; z-index: 2; } .header_image_loader { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; z-index: 99; background: #393939 url(/assets/images/loader.gif) no-repeat center } .nav_primary ul ul li a { color: #333; } .nav_primary ul ul li a:hover { color: #fff; } header.navbar-fixed-top {/*background:#fff;*/ } header.navbar-fixed-top .fixed-logo { display: block; opacity: 1; } .logo img { transition: all 0.5s ease-in-out } header.navbar-fixed-top .logo img {/*width:157px;*/ /*width: 76px; padding: 1px;*/} header.navbar-fixed-top ul li a {/*color:#fff;*/ } .page_home .page_header, .page_hotel_home .page_header { max-height: 700px } .page_header .slide_prev, .page_header .slide_next { color: #fff!important; text-shadow: 0 0 3px #000; display: none } .page_header .slide_prev { left: 15px; display: none!important } .page_header .slide_next { right: 15px; display: none!important } .header_image_placeholder { visibility: hidden } .header_image { overflow: hidden; z-index: 10; margin: 0 auto; max-width: 1600px; box-shadow: 0 0 15px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8) } /*.header_image .item,.header_image .item_first .header_image_tag{display:none}*/ .header_image .item_first { display: block } .homepage .header_image_wrapper { max-height: none; float: left; margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 100% } .homepage .header_image { overflow: hidden; position: relative; max-width: 100%; } .homepage .header_image .item { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 0 !important; width: 100%; z-index: 10!important } .homepage .header_image_controls { bottom: 20px; float: left; left: 0; padding: 0 20px; position: absolute; width: 100%; z-index: 50 } .header_image_video { float: left; position: relative; width: inherit } .header_image_wrapper { border-color: #fff; border-style: solid; position: relative; overflow: hidden; margin: 0 auto; border-left: 0; border-right: 0; } .nav_social_header { color: #fff; left: 10px; max-width: 200px; position: absolute; text-transform: uppercase; top: 130px; z-index: 99 } .nav_social_header ul.socials { float: left; width: 100%; margin: 5px 0; } .nav_social_header ul.socials li { float: left; list-style: none; margin: 0 5px 0 0; padding: 1px; text-shadow: 1px 1px 1px rgba(0,0,0,.2); } .nav_social_header ul.socials li a { text-align: center; float: left; font-size: 12px; padding: 3px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border: 1px solid #fff; color: #fff; display: block } .nav_social_header ul.socials li a:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease } .header_image .item { width: 100%; z-index: 10!important } .header_image_tag { color: #fff; float: left; font-size: 16px; left: 55px; position: absolute; text-shadow: 1px 1px 1px #000; width: 520px; z-index: 100 } .header_image_tag .line { border-bottom: 1px solid #fff; display: block; margin: 0 0 -14px; width: 45% } .homepage .header_image_tag { bottom: 40px; } .header_image_tag { bottom: 70px; } .header_image_tag h2 { font-family: "minerva-modern", sans-serif; font-size: 44px; line-height: 1; margin-bottom: 5px; width: 450px; z-index: 9999 } .header_image_tag span { text-transform: uppercase } /*.secondarypage .home_page_scroll*/.secondarypage #page_header #gallery { display: none; } .home_page_scroll { bottom: 35px; float: left; position: absolute; right: 35px; z-index: 99; } .home_page_scroll img { width: 20px; height: 42px } .home_page_scroll .icon-down-open-big::before { -webkit-animation: wobble-vertical 2s ease 0 infinite normal; -o-animation: wobble-vertical 2s ease 0 infinite normal; -moz-animation: wobble-vertical 2s ease 0 infinite normal; animation: wobble-vertical 2s ease 0 infinite normal; color: #fff; font-size: 19px; line-height: .1em } .home_page_scroll img, .home_page_scroll .content { margin: 0 auto; text-align: center } .home_page_scroll .content { color: #fff; text-transform: uppercase; font-size: 12px } /* Booking panel */ .booking, .booking_ab { background: none repeat scroll 0 0 rgba(255,255,255,1); float: right; margin: 0; padding: 0px 9px; position: relative; width: 190px; z-index: 300; font-size: 13px; } .booking_panel_holder { margin-top: 2px } .booking_title { font-family: "minerva-modern", sans-serif; text-transform: uppercase; text-align: center; width: 100% } .booking_title hr { display: block; margin: .7em auto .2em; border-style: inset; border-width: 1px; background: #999; border: 0; height: 1px; width: 50% } .booking_title h2 { font-size: 22px; margin: 0; padding-top: 4px; line-height: 90% } .booking_title span { font-size: 16px; font-style: italic; line-height: 80% } .booking .form_group { float: left; margin-bottom: 10px; width: 33.33% } .booking .form_group:first-of-type { width: 100% } .booking #code { width: 100%; border: 1px solid #c8c8c0; margin-bottom: 7px; padding-left: 5px; line-height: 19px; } .booking label { margin: 0 5px 0 0; font-size: 11.5px; text-transform: uppercase; } .booking .button, .attraction_lists .button, .cookie_message .button, .contact_panel_buttons .button { color: #fff; clear: left; width: 100% } .contact_panel_buttons .button { background: none repeat scroll 0 0 #999 } .booking .button, .attraction_lists .button, .cookie_message .button { background: none repeat scroll 0 0 #9e0505 } .booking .button:hover, .attraction_lists .button:hover, .cookie_message .button:hover, .contact_panel_buttons .button:hover, .scroll_booking .button:hover { color: #fff; background: #999 } .booking .arrival_wrapper input, .booking .departure_wrapper input { background: url(../images/calendar.png) no-repeat scroll 95% center #fff; border: 1px solid #c8c8c0; /*color: #9b9e90;*/ cursor: default; float: right; font-style: italic; padding: 2px 4px; text-align: left; text-transform: uppercase; width: 100% } .block_booking { float: left; padding: 2px; width: 100% } .scroll_booking { top: 54px; right: 16px; position: fixed; width: 200px; background: #fff; display: none; z-index: 90 } .ot_top .book_a_table { float: right; position: absolute; right: 12px; top: 415px; z-index: 90; } .outlaws .ot_top .book_a_table { top: 140px; } .book_a_table { width: 236px; } .ot_scroll .book_a_table { width: 240px; } .ot_scroll { position: fixed; display: none; float: right; right: 16px; top: 161px; width: 240px; z-index: 99999; } .scroll_booking .button_holder { float: left; width: 100%; display: block; margin: auto; text-align: center; padding: 9px; } .scroll_booking .button { background: none repeat scroll 0 0 #999; color: #dde2db; width: 100%; } .arrival_wrapper { margin-top: 8px } .departure_wrapper { margin-bottom: 2px } .booking_direct, .call_now { color: #999; font-size: 11px; line-height: 110%; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100% } .booking .call_now { border-top: 1px dotted #9b9e90; display: block; font-size: 13px; margin-top: -4px; padding: 7px 0 } .booking .adults_group { float: right; margin: 4px auto 8px auto; display: inline-block; width: 97% } .booking .adults_group span { float: left; font-size: 15px; font-family: "myriad-pro", proxima-nova-alt, Arial, sans-serif; color: #9b9e90; font-style: italic; line-height: 80%; margin-top: 2px; } .booking .adults_group select { color: #333; float: right; margin-right: 0px; padding-left: 5px; width: 100%; border: 1px solid #c8c8c0; } select { background: url(../images/br_down.png) no-repeat right #fff; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ -o-appearance: none; /*background-position-x: 49px;*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ cursor: pointer;/*My custom style for fonts*/ } select::-ms-expand { display:none; } /* Highlights Panels */ #ReasonsToBookWithUs { display: block; float: left; margin-top: 20px; width: 100% } .highlights_panel { display: block; float: left; margin-bottom: 0; width: 100% } .highlights_panel a img { max-width: 100%; margin: auto; } .highlights-panel-1 h2 { font-family: "minerva-modern", sans-serif; font-size: 42px; line-height: 80%; text-transform: uppercase; text-align: center } .highlights-panel-1 h2 small { font-size: 40% } .highlights-panel-1 .book_now { margin: 20px auto; width: 200px; color: #fff; display: block; position: relative; padding: 5px 10px; text-align: center; cursor: pointer; background: #4A4643; border-radius: 0; border: 1px solid #4A4643; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; -webkit-appearance: none; box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff } .offer_panel h4, .highlights_panel h4 { position: absolute; text-align: center; top: -20px; font-style: italic; font-size: 12px; text-transform: uppercase; width: 90%; z-index: 99 } .offer_panel h4 span, .highlights_panel h4 span { background-color: #fff; padding: 4px 10px } .offer_outer, .highlights_outer { width: 100%; text-align: center } .offer_outer h2, .highlights_outer h2 { font-family: "minerva-modern", sans-serif; text-transform: uppercase } .offer_outer h2 span, .highlights_outer h2 span { display: inline-block; font-size: 24px; font-style: italic; text-transform: none; width: 100% } .offers-page .highlights_outer h2 { font-size: 26px } .offers-page .highlights_outer h2 span { color: #999 } .offers-page .highlights_outer .main_description { font-size: 13px; height: 90px; overflow: hidden } .offer_outer .offer_description hr, .highlights_outer .highlights_description hr { background: none repeat scroll 0 0 #000; border: 0 none; display: block; height: 2px; margin: .7em auto .2em; width: 15% } .offer_outer .offer_description .main_description, .highlights_outer .highlights_description .main_description { color: #333; padding-top: 8px } .highlights_panel .highlights_outer { display: block; float: left } .highlights_panel img:hover { opacity: .75; cursor: pointer } .booking_button_panel { text-align: center; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .booking_button_panel .read_more_button { width: auto; display: inline } .booking_button_panel .book_now_button { width: auto; display: inline; } .offerspage .booking_button_panel .book_now_button a { background-color: #999; color: #fff; padding: 3px 20px; } .booking_button_panel .button { line-height: 100%; margin-top: 10px; padding: 0 2px } .booking_button_panel .book_now_button .button { margin-left: 20px } .booking_button_panel .book_now_button .button.book-button { background-color: #9e0505; color: #fff; padding: 10px 20px; } .booking_button_panel .book_now_button .button.book-button:hover { background: #ccc; } .space_hr { margin: 6px 0 8px } .space_hr:hover { color: #333 } .booking_button_panel hr { border: 0; height: 2px; margin: 2px 0 3px; position: relative; background: -moz-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(209,209,209,0.1)), color-stop(10%, rgba(209,209,209,0.1)), color-stop(50%, rgba(209,209,209,0.5)), color-stop(90%, rgba(209,209,209,0.1)), color-stop(100%, rgba(209,209,209,0))); background: -webkit-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -o-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -ms-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1) } .booking_button_panel hr:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1 } .offerspage .booking_button_panel .book_now_button hr, .offerspage .booking_button_panel .book_now_button hr::before { display: none; } .bottom_line hr { border: 0; height: 1px; margin: 2px 0 3px; position: relative; background: -moz-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(209,209,209,0.1)), color-stop(10%, rgba(209,209,209,0.1)), color-stop(50%, rgba(209,209,209,0.5)), color-stop(90%, rgba(209,209,209,0.1)), color-stop(100%, rgba(209,209,209,0))); background: -webkit-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -o-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: -ms-linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0.1) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); background: linear-gradient(left, rgba(209,209,209,0) 0%, rgba(209,209,209,0) 10%, rgba(209,209,209,0.5) 50%, rgba(209,209,209,0.1) 90%, rgba(209,209,209,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1) } .bottom_line hr:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1 } aside { width: 264px } /**Offer Details Page**/ .offers-details { float: left; width: 100%; } .offers-details .page_title_top { margin-top: 90px; } .offers-details .img_overlay_wrap { position: relative; float: left; width: 60%; margin: 0 30px 20px 0; } .offers-details .specail_right_panel { text-align: justify; } /* Locations Map */ .hotel_location_map, .SecondaryPageContent { display: inline-block; width: 100%; float: left; position: relative } .SecondaryPageContent { padding-bottom: 40px; padding-top: 0 } .home_page_attractions { float: left; margin: 0; padding: 0; position: relative; width: 100% } .attraction_content { right: 10px; position: absolute; top: 10px; background: none repeat scroll 0 0 #fff } .attraction_container { clear: both; margin: 0 auto; text-align: center; width: 360px } .attraction_title { color: #1c2b2a; font-family: "minerva-modern", sans-serif; font-size: 20px; font-weight: 200; margin: 0 auto; padding: 6px 10px; text-align: center; text-transform: uppercase } h3.attraction_title { position: relative; z-index: 1 } h3.attraction_title:before { border-top: 1px solid #cfc9b9; bottom: 18px; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; width: 90%; z-index: -1 } h3.attraction_title span { background: none repeat scroll 0 0 #fff; padding: 0 15px } .attraction_caption { display: block; width: 100%; float: left; text-align: center; font-size: 12px } .attraction_lists { background: none repeat scroll 0 0 #fff; float: left; padding: 10px 20px; width: 100% } .attractions_home { display: inline-block; width: 284px } .home_page_attractions .attractions_home .summary { float: left; text-align: left } .attractions_home .summary { float: left; margin: 0; padding: 0; width: 100% } .attractions_home .summary h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 1px; margin-top: 2px; line-height: 90% } .attractions_home a img { max-width: 90px; } .lower_button { display: block; float: left; margin: 15px 0 8px 50px; text-align: center; width: 70% } .attraction_groups .highlights_outer h2 { min-height: 66px; } /* MORE ABOUT US */ .highlights-panel-1 { float: left; width: 100% } .highlights-panel-1 h2 { font-family: "minerva-modern", sans-serif; margin-bottom: 20px; text-transform: uppercase } .highlights-panel-1 h2 small { text-transform: none } .more_about_us { text-align: center } .more_about_us h3 { font-family: "minerva-modern", sans-serif; font-size: 24px; color: #000 } .rounding img { border-radius: 50%; color: #fff; height: 200px; margin: 0 auto; min-width: 200px; overflow: hidden; transform-origin: 95% 40% 0; width: 200px; z-index: 99 } div.text-content { background: none repeat scroll 0 0 rgba(0,0,0,0.5); border-radius: 50%; color: #fff; cursor: pointer; display: table; height: 200px; left: 16px; position: absolute; top: 0; width: 200px; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms } .rounding:hover div.text-content { opacity: 1 } .rounding:hover div.text-content:before { display: block; content: ''; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 1px solid #fff; border-radius: 50% } div.text-content .hidden_text { display: table-cell; text-align: center; vertical-align: middle } .top_line { color: #ded6c9; font-size: 14px; line-height: 90%; font-style: italic } .middle_line { font-size: 24px; color: #fff; margin-bottom: 8px } .bottom_line { color: #ded6c9; font-size: 14px; line-height: 70%; min-width: 150px; text-transform: uppercase } /* ----- Content Panel ----- */ .ContentPanel { max-width: 1600px; margin: auto; text-align: left; width: 100%; color: #333333; display: block; } .ContentPanel .full-bg-image { background-position: center center; background-size: cover; float: left; padding: 0; transition: top 0.05s ease 0s; width: 100%; padding: 40px 0; } .ContentPanel .page_title_top { color: #000000; } .ContentPanel .page_title_top span { color: #9e0505; } .ContentPanel .page_title_top .line { border-bottom: #ffffff 1px solid; } .ContentPanel .content { text-align: center; padding-bottom: 20px; } .ContentPanel h1.title { width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 45px 0px; color: #fff; font-family: 'Playfair Display', serif; font-size: 44px; text-align: center; text-transform: uppercase; } .ContentPanel a, .ContentPanel a:hover { color: #000000; font-weight: 700; } .homepage .container.no-padding { padding: 0 !important; } /* jQuery UI Datepicker */ .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden } .ui-datepicker { padding: 0; margin: 0; display: none; background: #fff; z-index: 99999 !important } .ui-datepicker .ui-datepicker-header { position: relative; padding: 5px 0 6px; background: #999; color: #fff } .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header { border-right: 1px solid #e4e4e4 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 1.8em; height: 1.8em; line-height: 2.4em; color: #fff; font-size: 131%; cursor: pointer } .ui-datepicker .ui-datepicker-next { right: 0 } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { color: #ddd } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -10px; width: 40px; height: 30px; text-indent: 0 } .ui-datepicker .ui-datepicker-next span { margin-left: -25px } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; font-size: 123.1%; text-align: center } .ui-datepicker table { width: 100%; height: 215px; border-collapse: collapse } .ui-datepicker th, .ui-datepicker td span, .ui-datepicker td a { padding: 6px } .ui-datepicker th { font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 0 } .ui-datepicker td span, .ui-datepicker td a { display: block; text-align: right; text-decoration: none } .ui-datepicker-calendar a.ui-state-hover { background: #ddd; color: #000 } .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker-calendar .ui-datepicker-today span { background: #fff; color: #000; border: 1px solid #ddd } .ui-datepicker-calendar a.ui-state-active { background: #999; color: #fff } .ui-datepicker-calendar .ui-datepicker-unselectable span { color: #ddd } .booking_overlay_cal .ui-datepicker-calendar .ui-datepicker-unselectable span { color: #ccc } /* Secondary Nav */ .nav_secondary, .nav_secondary ul, .nav_secondary li, .nav_secondary a { width: 100% } .nav_secondary { float: left; margin: 0 0 30px } .nav_secondary li { border-bottom: 1px dotted #949494; width: 100% } .nav_secondary a { margin: 0 0 5px; padding: 5px } .nav_secondary ul li.selected > a:first-child { color: #000 } .nav_secondary > ul > li.selected { border-bottom: 1px dotted #000 } .nav_secondary ul ul ul a { padding-left: 20px } .nav_secondary ul ul ul ul a { padding-left: 35px } /* Content */ .page_content a, .page_summary a, .newspaper_two a { color: #9e0505; } .page_content a:hover, .page_summary a:hover, .newspaper_two a:hover { color: #333; } .page_content table { width: 100%; } .page_title { margin: .5em 0 } .content-image img { width: 200px; display: block; margin: 0 auto; float: none; } /* Grid of multiple blocks and gallery */ .grid, .gallery { margin: 0 } .grid .grid_block, .gallery a, .gallery img, .gallery .video_res { margin-bottom: 0 } .grid_block, .gallery a, .gallery img { float: left; width: 100% } .gallery a img { margin-bottom: 0 } .grid_text { padding: 10px 0 } /* ---------- Hotel Gallery Module ---------- */ .gallery_page_items .gallery_page_items_content { float: left; width: 100%; margin-bottom: 20px } .gallery_page_items .gallery_page_items_content .image_gallery { float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 20px } .gallery_page_items .gallery_page_items_content .image_gallery h3 { float: left; width: 100%; position: absolute; bottom: 0; left: 0; padding: 5px 10px; background: rgba(0,0,0,0.6); color: #fff; font-family: "myriad-pro", proxima-nova-alt, Arial, sans-serif; font-size: 15px; font-weight: 200; text-transform: uppercase; text-align: left; margin: 0; z-index: 399 } .gallery_page_items .gallery_page_items_content .image_gallery h3 i { float: right } .gallery_page_items .gallery_page_items_content .image_gallery:hover h3 { display: none } /*Gallery Tabs*/ .gallery_tabs_container { float: left; width: 100%; margin: 0; padding: 0 } .gallery_tab_buttons { border-bottom: 1px solid #e1e1e1; float: left; margin: 10px 0; padding: 0; width: 100% } .gallery_tab_buttons li { float: left; list-style: none } .gallery_tab_buttons li a.btn { float: left; background: #F0EFEF; margin: 0; color: #121315; float: left; font-family: "myriad-pro", proxima-nova-alt, Arial, sans-serif; font-size: 16px; padding: 5px 20px; font-weight: 400; border-bottom: none; border-color: #e1e1e1; text-transform: none } .gallery_tab_buttons li a.btn-gallery { border-right: none } .gallery_tab_buttons li:last-child a.btn-gallery { border-right: 1px solid #e1e1e1 } .gallery_tab_buttons li.ui-tabs-active a.btn { background: #fff } /* Slider */ .slider, .slider_full { position: relative; width: 100% } .slider_full .row, .slider_full_bg .container .row { position: relative; width: 100% } .slider_full .item { width: 100%; margin: 0 auto; padding: 0 40px } .slide_prev, .slide_next { position: absolute; top: 50%; z-index: 200; width: 40px; height: 40px; margin: 0; font-size: 264%; line-height: 40px; text-shadow: 0 0 3px #fff } .slide_prev { left: 0 } .slide_next { right: 0 } .slider_25 .slide_prev, .slider_25 .slide_next { top: 68px } .slider_33 .slide_prev, .slider_33 .slide_next { top: 103px } .slider_65 .slide_prev, .slider_65 .slide_next { top: 48% } .slider_full_bg .container { overflow: hidden; max-height: 400px } .slider_full_bg .item { padding: 0 } .slider_full_bg .slide_prev, .slider_full_bg .slide_next { height: 80px; margin: -40px 0 0; line-height: 80px; font-size: 219%; background: rgba(255,255,255,.9); text-shadow: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .slider_full_bg .slide_prev { left: 15px; -webkit-border-radius: 0 80px 80px 0; border-radius: 0 80px 80px 0 } .slider_full_bg .slide_next { right: 15px; -webkit-border-radius: 80px 0 0 80px; border-radius: 80px 0 0 80px; text-align: right } /***** Panel Hover Animations *****/ /* Common style */ .top_hover_image { float: left; width: 100%; position: relative } .top_hover_image figure { cursor: pointer; float: left; margin: 0; overflow: hidden; position: relative; text-align: center; width: 100% } .top_hover_image figure img { position: relative; display: block } .top_hover_image figure figcaption { padding: 22% 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden } .top_hover_image figure figcaption::before, .top_hover_image figure figcaption::after { pointer-events: none } .top_hover_image figure figcaption, .top_hover_image figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .top_hover_image figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0 } .top_hover_image figure h2 { word-spacing: -.01em; font-weight: 300 } .top_hover_image figure h2 span { font-weight: 800 } .top_hover_image figure h2, .top_hover_image figure p { margin: 0 } .top_hover_image figure p { letter-spacing: 1px; font-size: 68.5% } /***** Bubba *****/ figure.effect-bubba { background: #2A2A2A } figure.effect-bubba img { opacity: 1; -webkit-transition: opacity .35s; transition: opacity .35s } figure.effect-bubba:hover img { opacity: .7 } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform .35s; transition: opacity 0.35s, transform .35s } figure.effect-bubba figcaption::before { border-top: 1px solid #faf9f5; border-bottom: 1px solid #faf9f5; -webkit-transform: scale(0, 1); transform: scale(0, 1) } figure.effect-bubba figcaption::after { border-right: 1px solid #faf9f5; border-left: 1px solid #faf9f5; -webkit-transform: scale(1, 0); transform: scale(1, 0) } figure.effect-bubba h2 { padding: 0; margin: 0; float: left; width: 100%; opacity: 0; font-family: "minerva-modern", sans-serif; font-size: 26px; text-shadow: 2px 2px 5px #000; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); font-size: 25px; color: #faf9f5 } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after, .read-more figure.effect-bubba figcaption::before, .read-more figure.effect-bubba figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } figure.effect-bubba:hover h2, figure.effect-bubba:hover .view_more, .read-more figure.effect-bubba h2, .read-more figure.effect-bubba .view_more { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } figure.effect-bubba .view_more { display: block; margin: 70px auto; opacity: 0; text-align: center; width: 130px; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); font-family: "brandon-grotesque", sans-serif } /* ---------- Modules ---------- */ .content_page .page_title_top { margin-bottom: 0 } .content_page .contact_info { margin: 0 0 10px } .content_page .extra_info { font-style: italic; font-size: large } .content_page .extra_info h3 { margin-top: 0 } .content_page .extra_info p { font-size: 14px } .page_title_top { margin-bottom: 20px } .page_title_top h1 { text-transform: uppercase } .page_title_top span { text-transform: none; font-style: italic; color: #9e0505 } .text-center .line { border-bottom: 1px solid #999; display: block; margin: 4px auto; width: 90px } .text-left .line { border-bottom: 1px solid #1f1f1f; display: block; margin: 4px 0; width: 90px } .newspaper_two { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; display: block; padding-bottom: 20px;column-gap: 3rem; } .carpark .newspaper_two { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .newspaper_three { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; display: block; padding-bottom: 30px; text-align: justify; } .content_page_block3 .newspaper_two { padding-bottom: 40px } .newspaper_two h4 { color: #999; text-transform: none; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 20px; font-weight: 400; display: inline; padding-right: 8px } .newspaper_two h4 span { font-size: 14px; color: #333 } .newspaper_two ul { list-style: none; padding: 10px 0 0; margin: 0 } .newspaper_two li { padding-left: 1em; text-indent: -.7em } .newspaper_two li:before { content: "• "; color: #999 } .content_page .bottom_info .info_btn { text-transform: uppercase } .module_list_items { display: inline-block; margin-bottom: 40px; color: #333 } .module_list_desc { border-top: 1px solid #999 } .module_list_desc h4 { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 24px; margin: 6px 0 0; text-transform: uppercase; color: #000 } .module_right_side h3 { margin: 0; color: #333; font-style: italic } .module_right_side h4 { color: #999 } .extra_info h4 { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 24px; margin: 0 } .contact_info { margin: 20px 0 40px } .contact_info p { margin: 0 0 5px } .contact_info i { color: #999; padding-right: 8px } .bottom_info { display: block; float: left; margin-top: 5px } .info_btn { background-color: #999; color: #fff; display: inline-block; float: left; margin: 4px 0; padding: 1px 20px 3px } .specific_side_panel .bottom_info { width: 100%; } .specific_side_panel .bottom_info { margin-top: 0px } .bottom_info .left { color: #999; display: inline; float: left; width: 30%; line-height: 100%; font-size: 50px } .bottom_info .right { display: inline; float: right; width: 70%; color: #999 } .intro { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 28px; margin: 6px 0 0 } .intro a { padding: 0 } .module_list_desc .caption { color: #999; padding: 4px 0 } .dotted { border-bottom: 1px dotted #b3b3b3 } #module_sidebar .nav_secondary a { margin: 0 } #module_sidebar .line { border-bottom: 1px solid #1f1f1f; display: block; margin: 4px 0; width: 33% } .line { border-bottom: 1px solid #1f1f1f; display: block; margin: 4px auto; width: 90px } .summary_page_block { display: block; float: left; margin: 0 auto; width: 100% } .page_summary { color: #000; -webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2 } .summary_page_block h2 { font-family: "minerva-modern", sans-serif; text-transform: uppercase } .summary_page_block .contact_panel h2 { font-family: "minerva-modern", sans-serif; text-align: left; font-size: 26px; padding-top: 45px; } .summary_page_block h2 small { font-family: proxima-nova-alt, "myriad-pro", Arial, sans-serif; color: #999; font-style: italic; text-transform: none } .content_page_block2 { border: 1px solid #d3d3d3; display: inline-block; padding: 10px 40px; width: 100%; } .contact_panel h2 { font-family: proxima-nova-alt, "myriad-pro", Arial, sans-serif; font-style: italic; color: #2a2a2a; float: left; font-size: 28px; font-weight: 300; margin: 0; padding: 35px 0 0; text-align: center; text-transform: capitalize; width: 100% } .contact_panel .contact_panel_buttons { float: left; margin: 0; padding: 0; width: 100% } .contact_panel .contact_panel_buttons .button { font-size: 15px; margin: 0 0 20px; width: 70%; } .contact_panel .contact_panel_buttons .btn { float: left; font-family: "OpenSansRegular", sans-serif; font-weight: 200; margin: 0; width: 100% } .contact_panel .contact_panel_buttons { color: #818181; font-family: "myriad-pro", sans-serif; font-size: 14px; font-weight: 400; margin: 0; padding: 0; float: left; width: 100% } .contact_panel .contact_panel_buttons .side_info { display: block; width: 100%; clear: both } .contact-items i { color: #999; padding-right: 8px } .date_picker_calendar { background-image: url(/assets/images/select_day.png); background-position: 98% center; background-repeat: no-repeat; padding-right: 20px } .form .TimeDD select { display: inline-block; margin-right: 3%; width: 30% } .form .TimeDD select:last-child { display: inline-block; float: right; margin-right: 33%; width: 30% } /*.book_a_table { color: #dde2db; position: absolute; right: 16px; top: 360px; z-index: 300;}*/ .book_a_table ul a { color: #dde2db; text-transform: uppercase; } .book_a_table li { background: none repeat scroll 0 0 #999; color: #dde2db; list-style: outside none none; padding: 4px 28px; } .book_a_table li:hover { color: #fff; background: #ccc } /* ---------- Rooms Module ---------- */ .room_top .line { border-bottom: 1px solid #1f1f1f; display: block; margin: 4px 0; width: 90px } .room_top { text-transform: uppercase; margin-bottom: 20px; } .room_top small { text-transform: capitalize; font-style: italic; color: #999 } .long_description { /*color: #777*/ } .long_description a { color: #ccc } .room_info { width: 100% } .room_info tr td:nth-child(odd) { width: 40%; padding: 0 15px 0 0; text-align: right } .room_info tr td:nth-child(even) { width: 60% } /*Rooms Langing Page*/ .room_share { float: right; top: -40px; position: relative; color: #999 } .room_share h4, .room_share .nav_share { display: inline; font-size: 12px; text-transform: uppercase } .nav_share i { font-size: 9px; margin-left: .3em; margin-right: .3em } .rooms_section { display: block; float: left; width: 100%; margin-bottom: 20px; } .rooms_section .no-padding { padding: 0 } .rooms_title_content { display: inline-block; margin: 0 auto 40px; text-align: center; width: 100% } .rooms_title_content small { color: #999; font-size: 16px; font-weight: 500; text-transform: uppercase } .rooms_title_content h1 { position: relative; z-index: 1; color: #1c2b2a; font-family: "minerva-modern", sans-serif; font-size: 36px; font-weight: 200; line-height: 100%; margin: 0 auto; padding: 6px 10px; text-align: center; text-transform: capitalize } .rooms_title_content h1:before { border-top: 1px solid #cfc9b9; bottom: 25px; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: -1 } .rooms_title_content span { background: #fff; padding: 0 15px } .rooms_section h4 { font-family: "minerva-modern", sans-serif; font-size: 16px; margin: 8px 0 0 10px; text-transform: uppercase } .rooms_section .room_list_item { margin-bottom: 20px } .room_list_item { margin-bottom: 84px } .room_feature { color: #999; font-size: 14px; font-style: italic; margin: 0 0 40px 10px } .room_features { margin: 15px 0 0 0 } /*Rooms Details*/ .rooms_rightside { float: right; margin-top: -20px; } .room_nav { margin-bottom: -50px; position: relative; top: -50px; z-index: 99 } .room_nav ul { background: none repeat scroll 0 0 #fff; float: left; list-style-type: none; margin: 0; padding: 4px; text-align: center; width: 100% } .room_nav li { display: inline; float: left; width: 33.33%; } .room_nav li a { float: left; font-family: "minerva-modern", sans-serif; font-size: 10px; padding: 5px; text-transform: uppercase; width: 100% } .room_nav_item figure.effect-bubba { background: #fff } .room_nav_item figure.effect-bubba:hover { background: #2a2a2a } .room_nav_item figure.effect-bubba h2 { font-size: 15px } .room_nav figure.effect-bubba img { opacity: .9 } .room_nav .roomsNavSelected figure.effect-bubba img { opacity: 1 } .room_nav figure.effect-bubba figcaption::before, .room_nav figure.effect-bubba figcaption::after { bottom: 5px; left: 5px; right: 5px; top: 5px } .roomsNavSelected figure.effect-bubba figcaption::before, .roomsNavSelected figure.effect-bubba figcaption::after { opacity: 0; transform: scale(0, 1) } .roomsNavSelected figure.effect-bubba h2 { opacity: 0!important; transform: none!important; transition: none 0 ease 0!important; display: none!important; visibility: hidden!important } .roomsNavSelected a, .secondary_rooms_title:hover { color: #999 } .roomsNavSelected .top_hover_image figure { cursor: default } .secondary_rooms_title { display: inline-block; padding-top: 8px; font-size: 16px; } .rooms_details_page { display: block; float: left; margin-bottom: 50px; width: 100% } .rooms_details_page .contact_panel h2, .offer_details .contact_panel h2 { background: none repeat scroll 0 0 #fff; font-size: 24px; margin: -15px 0 0 10px; padding: 0 5px 0 2px; width: auto } .rooms_details_page .contact_panel .contact_panel_buttons, .offer_details .contact_panel .contact_panel_buttons { border: 1px solid } .rooms_details_page .contact_panel .contact_panel_buttons .button, .rooms_details_page .contact-items, .offer_details .contact_panel .contact_panel_buttons .button, .offer_details .contact-items { margin: 15px 20px } .rooms_details_page .contact_panel .contact_panel_buttons .button { max-width: 190px; } .rooms_details_page .contact_panel .contact_panel_buttons .side_info, .offer_details .contact_panel .contact_panel_buttons .side_info { margin-left: 20px; width: 80% } .rooms_featrues_list { color: #818181; border-bottom: 1px dotted; display: inline-block; padding-bottom: 9px; width: 92% } .rooms_featrues_list:last-child { border-bottom: none } .feature_item_title { text-transform: uppercase; float: left; display: inline; width: 40% } .feature_item_value { float: right; display: inline; width: 60% } .long_description { display: block; margin-bottom: 20px } .rooms_extras { display: block; width: 100%; margin: 0 auto 40px; float: left } .rooms_extras .rooms_title_content h2::before { bottom: 20px } .rooms_extras h2 { font-size: 26px; line-height: 100% } .rooms_extras .highlights_outer h2 span { font-size: 22px } .rooms_extra .button { color: #9d7736 } /* Layout: Columns text */ .columns_text { padding: 0; column-count: 2; column-gap: 30px; -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; text-align: justify; } /* Concierge Panel */ .concierge_panel { margin: 20px 0 } .concierge_panel .col-lg-4, .concierge_panel .col-lg-8 { padding-left: 5px; padding-right: 5px } .concierge_panel div.text-content, .concierge_panel .rounding img { height: 120px; width: 120px; min-width: 120px } .concierge_panel h4 { font-family: "minerva-modern", sans-serif; font-size: 22px } .concierge_panel .concierge_content { color: #777; font-size: 12px; min-height: 100px; } /* ---------- Amenities Panel ---------- */ .amenities_container h4 { border-bottom: 1px solid #ccc; font-family: "minerva-modern", sans-serif; font-size: 24px; margin-top: 10px; padding-bottom: 4px } .amenities_inner { line-height: 260%; color: #777 } .amenities_container [class^="flaticon-"]::before, .amenities_container [class*=" flaticon-"]::before, .amenities_container [class^="flaticon-"]::after, .amenities_container [class*=" flaticon-"]::after { background: #e8e8e8; border-radius: 50%; color: #a6a6a6; font-size: 16px; margin: 0 20px 0 0; padding: 6px } .hotel_info_panel h3 { border-bottom: 1px solid #ccc; font-family: "minerva-modern", sans-serif; font-size: 24px; margin-top: 10px; padding-bottom: 4px } .hotel_info_panel .section_header { font-family: "myriad-pro", proxima-nova-alt, Arial, sans-serif; color: #999; text-transform: uppercase } .hotel_info_panel .section_content ul { list-style: none; padding: 0 } .hotel_info_panel .section_content li { padding-left: 1em; text-indent: -.7em; color: #878787 } .hotel_info_panel .section_content li:before { color: #b4b4b4; content: "• "; font-size: 24px; line-height: 14px; position: relative; top: 2px } .offer_details_more h4 { border-bottom: 1px solid #ccc; font-family: "minerva-modern", sans-serif; font-size: 24px; margin-top: 10px; padding-bottom: 4px } .offer_details_more ul { list-style: none; padding: 0 } .offer_details_more li { padding-left: 1em; text-indent: -.7em; color: #999 } .offer_details_more li:before { color: #b4b4b4; content: "• "; font-size: 24px; line-height: 14px; position: relative; top: 2px } .price_summary span { font-family: "minerva-modern", sans-serif; display: inline-block; font-size: 24px; color: #999; font-style: italic; text-transform: none; width: 100% } .offer_details_more { display: inline-block; float: left; margin: 30px auto; width: 100% } .offer_details .right_panel { display: inline-block; width: 100%; margin: 0 auto; float: left } .see_all a { color: #999; margin-top: 12px; float: left; font-style: italic; width: 100%; } /* ----------meet the team & Press---------- */ .team_panel h4 { font-size: 16px } .pressgallery img, .awards_image img { max-width: 150px; margin: 0 auto } .press_details { color: #999; font-style: italic; height: 60px; margin-bottom: 10px; overflow: hidden; text-transform: none } .pdf_section { color: #777; display: block; margin: 20px 0; float: left; } .pdf_section img { padding: 0 } .pdf_section .summary { padding-top: 20px; min-height: 70px; } /* ---------- Hotel Link Module - Accordian ---------- */ .hotel_links_content { background: none repeat scroll 0 0 #f4f4f4; float: left; margin-bottom: 40px; width: 100% } .hotel_links_content h3 { background: #eaeaea; border-bottom: 2px solid #FFF; color: #9D7A4A; cursor: pointer; font-size: 18px; padding: 10px 15px; float: left; width: 100%; margin: 0 } .hotel_links_content .summary { padding: 10px 16px; float: left; width: 100%; background: #F4F4F4 } .hotel_links_content .summary p, .hotel_links_content .summary h4, .hotel_links_content .summary a { float: left; width: 100%; display: block; margin: 0 } /* ---------- Sitemap ---------- */ .nav_sitemap, .nav_sitemap ul, .nav_sitemap li, .nav_sitemap a { width: 100% } .nav_sitemap ul a { margin: 0 0 4px; padding: 5px 1%; background: #E4E4E4 } .nav_sitemap ul ul a { padding-left: 3%; background: #F4F4F4 } .nav_sitemap ul ul ul a { padding-left: 6%; background: #f8f8f8 } .nav_sitemap ul ul ul ul a { padding-left: 9%; background: #fff } .nav_sitemap ul ul ul ul ul a { padding-left: 12% } /* ---------- Maps ---------- */ .map img, .map_directions img { max-width: none!important; width: auto!important } .locationpage .map, .attractions_page .map { margin-top: 103px; min-height: 400px } .map { float: left; max-height: 500px; min-height: 480px; width: 100% } .map_marker { white-space: nowrap } .map_directions_controls { float: left; width: 100%; margin: 0 0 30px } .ask_clive .map_directions_controls { display: none !important; } .map_directions_controls table { display: block; float: left; padding: 10px; width: 100%; background: #ECECEC } .map_directions_controls table tr { float: left; width: 100% } .map_directions_controls table tr td { float: left; padding: 2px; width: 100% } .map_directions_controls table tr td .btn { float: right; margin: 0 } .map_directions_controls label, .map_directions_controls .textbox { float: left } .map_directions_controls label { padding: 0 5px 0 0; min-width: 20% } .map_directions_controls .textbox, .map_directions_controls .button { width: 80% } .map_directions_controls .button { float: right } .map_directions { clear: both } .map_directions > div:first-child, .map_directions table { width: 100% } .locationpage .booking, .attractions_page .booking { display: none!important } .attraction_lists ol { counter-reset: item; list-style-type: none; padding-left: 0; width: 340px } .testclass li { border-bottom: 4px double #d3d3d3; counter-increment: item; float: left; margin: 10px 0 0; width: 325px } .testclass li:before { background: none repeat scroll 0 0 lightgray; border-radius: 50%; content: "0" counter(item, decimal); padding: 10px!important; position: relative; top: 10px; vertical-align: top; display: inline-block } .attractions_home article { display: none } .attractions_home .button { width: 45% } .attractions_home .button:first-child { margin-right: 9% } .attractions_page .highlights_panel { margin-bottom: 20px } .attractions_page .highlights_outer h2 { font-size: 22px } .highlights_outer h2 span { font-size: 18px } .offers-page .highlights_outer h2 span { font-size: 22px } .attraction_group .module_list_desc { margin-bottom: 40px } /* ---------- Blog ---------- */ .blog_all td, .blog_detail td, .blog_comment td { padding: 0 } .blog article { margin: 0 0 30px } .blog_comment { float: left; padding: 10px; background: #eee } .blog_comment .blog_meta { float: right; margin: -24px 0 0 } .blog_comment article { float: left; margin: 0 0 15px; padding: 10px; width: 560px; background: #ddd } .blog_comment .comment_date { float: right; margin: -22px 0 0; font-size: 77% } .blog_comment_form { margin: 20px 0 0 } .blog_comment_form .form_wrapper { background: #ddd; padding: 10px } .blog_comment_form .form { margin: 0 } .blog_comment_form .form_left { width: 90px; margin: 0 0 10px } .blog_comment_form .textbox { width: 170px; margin: 0 10px 10px 0 } .blog_comment_form .textbox_large { width: 455px; height: 95px } .blog_comment_form .button { margin: 0 10px 0 0; float: right } .blog_aside_section { margin: 0 0 20px } .blog_aside a, .blog_aside select { display: block; width: 100%; margin: 0 0 10px } /* ---------- Footer ---------- */ /* Newsletter SignUp column */ .dark_grey { background-color: #222; color: #bababa; display: inline-block; margin: 0 0 -10px; padding: 0; width: 100% } .dark_grey hr { border-color: #575757; color: #575757; margin-bottom: 9px; margin-top: 9px } .dark_grey .form-control, .dark_grey .btn-default { background-color: #222; border-color: #575757; color: #bababa; text-transform: uppercase; border-right: medium none; } .dark_grey .btn-default:hover { background: #fff; border-color: #222; color: #222 } .dark_grey .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { border-left: medium none; border-right: 1px solid #575757; letter-spacing: -2px; } .newsletter_info { text-align: right; padding-top: 8px } .newsletter_info i { padding-right: 4px } .dark_grey .ezine table { display: inline; float: left; } .css-checkbox label { font-size: 90%; padding: 0 20px 0 8px; margin-bottom: 1px; position: relative; top: -2px; } .ezine .input-group { padding-top: 5px } /* Adds gutter borders for columns */ .property-info-footer { overflow: hidden } .gutter-border { padding-left: 4%; border-left: 1px solid #ccc; padding-bottom: 9999px; margin-bottom: -9999px } footer { background-color: #111; color: #fff; } footer a { color: #eee } footer h4 { font-family: "minerva-modern", sans-serif; text-transform: uppercase; color: #fff; font-size: 19px; } footer h4 .line { border-bottom: 1px solid #b3b3b3; display: block; margin: 4px 0; width: 30px } ul.affilliations { margin-bottom: 20px; padding-left: 0 } .affilliations li { display: inline-block; margin: 0 5px 0 0; width: 120px; margin-bottom: 5px; } .affilliations li:first-child, .affilliations li:nth-child(2) { /*display: block;*/ padding-top: 10px;/*width: 180px;*/ } .affilliations li:first-child { /*padding: 0 0 10px 0;*/ } .affilliations li:nth-child(6) { /*width: 75px;*/ margin-right: 0; } .affilliations li:last-child { /*margin-top: 20px;*/ /*width: 50%;*/ } .affilliations li:last-child img { /*max-width: 60px;*/ display: block; } .affilliations li:last-child span { margin-top: 10px; font-size: 11px; } .affilliations li:last-child span a { color: #616265; } .nav_foot li { width: 50% } .nav_foot a { width: 100%; padding: 2px } .nav_share { float: none } .nav_share a { background: #999; color: #fff; float: none; border-radius: 100%; padding: 2px } .nav_social ul li { margin: 0 3px } .nav_social ul li a { text-align: center; float: left; font-size: 12px; padding: 3px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; border: 1px solid #fff; color: #fff; display: block } .nav_social ul li a:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease } .facebook:hover { background: #4863AE } .twitter:hover { background: #46C0FB } .gplus:hover { background: #DD4B39 } .youtube:hover { background: red } .pinterest:hover { background: #C91618 } .instagram:hover { background: #7c4c40 } .tripadvisor:hover { background: #4a8734 } /*Scroll to Top*/ footer .scroll-to-top { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); padding-top: 5px; position: fixed; right: 15px; bottom: 15px; z-index: 401; width: 35px; height: 35px; background: rgba(158, 5, 5,.8); color: #fff; text-align: center; cursor: pointer; } footer .scroll-to-top i { color: #fff; font-size: 140%; } .site_by { display: block; float: left; width: 100%; padding-top: 20px; padding-left: 20px; text-align: left; } /* Awards widget */ .awards img { max-width: 100px; } /*Cookie Popup*/ .cookie_message { background: none repeat scroll 0 0 rgba(204,204,204,0.8); bottom: 0; display: none; padding: 5px 0; position: relative; text-align: center; z-index: 9999; overflow: hidden; max-height: 100px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-name: cookie-appear; -moz-animation-name: cookie-appear; -o-animation-name: cookie-appear; animation-name: cookie-appear; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding: 0; } .cookie_message .container { padding: 8px 0; } .cookie_message a { color: white; text-decoration: underline; } .cookie_message a.button { text-decoration: none; margin-bottom: 10px; width: 80px; } @-webkit-keyframes cookie-appear { 0% { max-height: 0; } 100% { max-height: 100px; } } @-moz-keyframes cookie-appear { 0% { max-height: 0; } 100% { max-height: 100px; } } @keyframes cookie-appear { 0% { max-height: 0; } 100% { max-height: 100px; } } /*Youtube Popup*/ .popup-youtube { position: relative; display: block; width: 600px; } .popup-youtube i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; color: #fff; font-size: 40px; border: 2px solid #fff; border-radius: 50%; padding-left: 8px; } .popup-youtube span { position: absolute; bottom: 0px; width: 100%; padding: 5px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; text-transform: uppercase; font-size: 18px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; font-size: 200%; color: #fff } button::-moz-focus-inner { padding:0; border:0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0) } .mfp-arrow i { position: relative } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow-left:before, .mfp-arrow-right:before, .ui-icon-circle-triangle-e:before, .ui-icon-circle-triangle-w:before { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; line-height: 1em } .mfp-arrow-left:before, .ui-icon-circle-triangle-w:before { content: '\e765'; } .mfp-arrow-right:before, .ui-icon-circle-triangle-e:before { content: '\e766'; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid transparent; margin-left: 31px } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid transparent } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid transparent; margin-left: 39px } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid transparent } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto } /* The shadow behind the image */ .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } /*Ezine Validation*/ .noshow { display: none; } /*Mobile Nav*/ .nav_primary_mobile { float: left; width: 100%; background: #151515; height: 50px; position: fixed; left: 0; bottom: 0; z-index: 200; display: none } .nav_primary_mobile ul { float: left; width: 100% } .nav_primary_mobile ul li { float: left; width: 25%; } .nav_primary_mobile ul li a, .nav_primary_mobile ul li .main_menu mob-nav-btn { float: left; width: 100%; background: #1F1F1F; text-align: center; color: #fff; text-transform: uppercase; position: static; padding: 5px; text-decoration: none; margin: 0; border-right: 2px solid #242526 } .nav_primary_mobile ul li a { padding: 0;/*line-height: 42px;*/ } .nav_primary_mobile ul li .main_menu mob-nav-btn { border-right: none; } .nav_primary_mobile ul li a:hover, .nav_primary_mobile ul li a.book_now { background: #9e0505;} .nav_primary_mobile ul li a:hover i, .nav_primary_mobile ul li a.book_now i, .nav_primary_mobile ul li .main_menu:hover .mob-nav-btn { color: #ECECEC ;display:block;} .nav_primary_mobile ul li a i, .nav_primary_mobile ul li .main_menu .mob-nav-btn { float: left; width: 100%; text-align: center; display: block; color: #fff; font-size: 23px; line-height: 30px } .nav_primary_mobile ul li a i { display: block; float: none; margin-right: 10px; vertical-align: middle; width: auto; } .nav_primary_mobile [class^="flaticon-"]::before, .nav_primary_mobile [class*=" flaticon-"]::before, .nav_primary_mobile [class^="flaticon-"]::after, .nav_primary_mobile [class*=" flaticon-"]::after { margin-left: 0; font-size: 26px; } /*Outlaws Gallery - Instagram Feed*/ .instafeed-js { display: inline-block; float: left; text-align: center; width: 100%; padding: 0 0 40px; } .instafeed-item { padding-bottom: 30px; } .instafeed a { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); display: block; padding: 10px; } .instafeed a:hover { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .instafeed-item img { opacity: 0.9; } .instafeed-item img:hover { opacity: 1; } /*AB Test Booking Widget*/ /**Booking Panel Test**/ .abtest .ui-datepicker .ui-datepicker-header, .abtest .ui-datepicker-calendar a.ui-state-active { background: #999; } .abtest .scroll_booking { display: none !important; } .abtest .video_container { top: 455px; } .booking_ab { padding: 10px 9px; } .booking_ab .booking_title h2 { color: #999; } .booking_ab .booking_title span { text-transform: none; font-style: normal; margin-bottom: 5px; font-weight: bold; } .booking_ab .day_group { float: left; width: 86px; padding: 0px; margin-bottom: 5px; overflow: hidden; } .booking_ab .day_group_margin_left { margin-right: 5px; } .booking_ab .date_label { text-transform: uppercase; color: #fff; float: left; margin: 0; text-align: center; width: 100%; } .booking_ab .date_label label { text-transform: uppercase; color: #fff; float: left; margin: 0; text-align: center; width: 100%; font-size: 11px; font-weight: 300; } .booking_ab .date_box { text-transform: uppercase; background: #000; color: #000; cursor: pointer; float: left; padding: 5px 8px; position: relative; text-align: center; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .booking_ab .date_box i { line-height: 10px; color: #000; } .booking_ab .date_box .ArriveMonth, .booking .date_box .DepartMonth { color: #fff; float: left; text-align: center; width: 100%; } .booking_ab .date_box input { position: absolute; left: 0px; top: 0px; background: none; border: none; height: 102px; opacity: 0; cursor: pointer; width: 80px; } .booking_ab .date_box:hover { background: #636363; } .booking_ab .date_box .day_formatted, .booking_ab .date_box .departday_formatted { color: #fff; float: left; font-family: "minerva-modern", sans-serif; font-size: 45px; line-height: 35px; margin: 5px 0; text-align: center; transition: color 0.2s linear 0s; width: 100%; padding: 5px 0 0; } .booking_ab .date_box .day_formatted:hover, .booking_ab .date_box .departday_formatted:hover { color: #000; } .booking_ab .adults_group { margin-bottom: 4px; } .booking_ab .adults_group span { font-style: normal; } .booking_ab .booking_direct { color: #333; font-size: 11px; float: left; padding: 3px 0; margin: 5px auto 8px; border-top: 1px dotted #c8c8c0; border-bottom: 1px dotted #c8c8c0; text-align: left; line-height: normal; } .booking_ab .booking_direct i { padding-right: 5px; } .collapsed.booking_ab { position: fixed; top: 50px; right: 0; } .collapsed .day_group, .collapsed .adults_group, .collapsed .booking_direct { display: none; -webkit-transition: all 1.5s linear; transition: all .8s linear; } /**QuickBook**/ .quick_book { display: none; } /*Homepage Popup*/ .mfp-wrap .home_popup { width: 450px; display: block; } .home_popup { color: #fff; display: none; width: 450px; max-width: 100%; margin: 0 auto; } .home_popup_inner { padding: 16px 16px 8px; display: inline-block; background: rgba(250,250,250,.85); border-radius: 0 30px 0 30px; } .home_popup_content { padding: 10px 15px; text-align: center; display: inline-block; background-color: rgba(0,0,0,.8); outline: 2px solid #999; outline-offset: -7px; } .home_popup_content_inner { padding: 10px 15px; text-align: center; } .home_popup_content_inner h2 { color: #999; margin: 0 auto; font-size: 36px; text-transform: uppercase; font-weight: bold; } .home_popup_content_inner .subtitle { color: #fff; margin: 0 0 5px; font-size: 22px; letter-spacing: 1px; } .home_popup_content_inner p { color: #fff; margin: 0 0 5px; font-size: 14px; letter-spacing: 2px; } .home_popup_content_inner .btn-wrapper { margin: 25px auto; text-align: center; } .home_popup_content_inner .btn-wrapper a { background-color: #999; color: #fff; padding: 8px 25px; text-transform: uppercase; } .home_popup_content_inner .mfp-close { color: #fff; top: -10px; right: -10px; } /*Quick Booking Panel*/ .abtest .quick_book { display: block; font-family: "minerva-modern", sans-serif; padding: 0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 200; background: #a6a6a6; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.35s, bottom 0.35s; -moz-transition: all 0.35s, bottom 0.35s; -ms-transition: all 0.35s, bottom 0.35s; -o-transition: all 0.35s, bottom 0.35s; transition: all 0.35s, bottom 0.35s; } .abtest .quickbook_active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .abtest .quick_book .booking_details { padding: 10px 0; margin: 0 auto; text-align: center; } .abtest .quick_book h4 { display: inline-block; font-size: 24px; margin: 0 5px 0 0; font-weight: normal; text-transform: uppercase; vertical-align: middle; } .abtest .quick_book .calendar_box_holder { display: inline-block; float: none; vertical-align: middle; } .abtest .quick_book .booking_details .date_box { margin: 0 0 0 5px; padding: 0 8px; width: auto; position: relative; text-align: center; background-color: #fff; cursor: pointer; float: none; display: inline-block; vertical-align: middle; font-size: 16px; opacity: 1; } .abtest .quick_book .booking_details .date_box input { position: relative; left: auto; top: auto; border: none; height: auto; background: #fff; text-indent: 0; cursor: pointer; width: 150px; display: inline-block; padding: 4px 10px; opacity: 1; } .abtest .quick_book .booking_details span { float: none; } .abtest .quick_book .select-wrapper { width: auto; height: auto; } .abtest .quick_book .booking_panel_button { margin-left: 10px; padding: 0px 25px 0px; width: auto; font-size: 14px; vertical-align: middle; line-height: 33px; } .abtest .quick_book .booking_details .date_box.arrive_date_box input, .abtest .quick_book .booking_details .date_box.depart_date_box input, .abtest .hasDatepicker { background: #fff url("/assets/images/datepicker.png") no-repeat scroll 98% center; } .abtest .booking .button, .scroll_booking .button { color: #fff; background: #999; } .abtest .quick_book .booking_panel_button:hover, .abtest .booking .button:hover, .scroll_booking .button:hover { color: #fff; background: #ccc; } /* ----- Responsive styles ----- */ /*min = greater than or equal to max = less than or equal to*/ @media (max-width:1700px) { .attraction_content { right: 6%; } } @media (max-width:1600px) { .attraction_content { right: 6% } } @media (max-width:1570px) { .attraction_content { right: 5%; } } @media (max-width:1500px) { .attraction_content { right: 5%; } } @media (max-width:1460px) { .attraction_content { right: 5%; } } @media (max-width:1400px) { .attraction_content { right: 4%; } } @media (max-width:1380px) { .attraction_content { right: 4%; } .nav_primary a { padding: 30px 10px; font-size: 88%; } .nav_primary .hidden-md { display: none; } } @media (min-width:1601px) { .scroll_booking, .book_a_table { z-index: 90; float: right; } .scroll_booking { display: none; top: 18px; position: relative; width: 200px; background: #fff; } .ot_scroll { position: relative; top: 121px; right: -410px; } } @media (max-width:1270px) { .nav_primary a { padding: 30px 5px; } .booking_wrap, .booking_wrap .booking { width: 180px !important; } } @media (max-width:1199px) { .slider_25 .slide_prev, .slider_25 .slide_next { top: 54px } .slider_33 .slide_prev, .slider_33 .slide_next { top: 86px } .nav_primary a { font-size: 75%; padding: 30px 5px; } div.text-content { left: 22px } .concierge_panel div.text-content, .concierge_panel .rounding img { height: 200px; min-width: 200px; width: 200px; margin: 0 } .offer_details .right_panel { margin: 20px auto } .rooms_rightside { display: inline-block; margin: 20px 0; float: none } /* ########### OutLaws Restautrant ############# */ } @media (min-width:992px) and (max-width:1199px) { .col-lg-15:nth-child(3) { display: none; } .attractions_page .highlights_outer h2 { font-size: 20px; } /* ########### OutLaws Restautrant ############# */ .outlaws .module_list_desc { margin-top: 40px; } } @media (max-width:991px) { .slider_25 .slide_prev, .slider_25 .slide_next { top: 38px } .slider_33 .slide_prev, .slider_33 .slide_next { top: 55px } .extra_info { margin-top: 20px } .module_right_side { display: block; float: left; width: 100% } a.nav_mob_button { display: block; right: 30px; top: 20px; position: absolute; color: #fff; z-index: 1000; right: 10px; font-size: 20px; color: #999; text-shadow: none; } .booking_wrap, .booking_wrap .booking { display: none !important } header #nav_container { right: 0; width: 100%; float: left; text-align: left; height: auto; } .nav_primary { display: none; /*position: fixed;*/ top: 0; padding-top: 40px; margin: 0; background: #333; left: 0; /*z-index: 200;*/ width: 100% } .nav_primary ul { width: 100%; display: block } .nav_primary li { width: 100%; background: #9e0505; color: #fff; float: left; padding: 2px 0; border-bottom: 1px dotted #ccc; display: inline-block } .nav_primary a { color: #fff; width: 100%; padding: 10px; font-size: 90%; } .nav_primary .hidden-md { display: block; } .nav_primary li:hover { background: #9e0505 } .nav_primary ul ul { position: relative; width: 100%!important; /*padding-left: 20px;*/ background: #9e0505; font-style: italic; top: 0 !important; } .nav_primary li a:hover { background: #666 } .nav_primary ul ul li { border-bottom: none; text-indent: 6%; } .nav_primary ul ul li:hover { background: #333 } .nav_primary li:hover a { color: #fff } .highlights_panel { display: block; margin-bottom: 40px } .more_about_us { display: block; margin-bottom: 20px } .rounding { border-top: 1px solid #393939; margin: 0 auto; padding: 20px 0 0; width: 300px } .ask_clive .rounding { margin: 0 auto 20px auto; } .rounding img { height: auto; width: auto } .more_about_us h3 { display: block; position: relative; top: -120px; } div.text-content { opacity: 1; left: auto; border-radius: 0; display: block; height: auto; margin: 10px auto; padding: 10px; position: relative } div.text-content .hidden_text { display: inline } .rounding div.text-content { top: 50px; } .rounding:hover div.text-content:before { border-radius: 0 } .room_nav_item figure.effect-bubba h2 { font-size: 10px } .room_nav ul { padding: 0 } .img_overlay, .nav_social_header { top: 102px } .homepage .readMore { top: 370px } .video_container { top: 380px; } .secondarypage .readMore { bottom: 20px } .locationpage .map, .attractions_page .map { margin-top: 50px } .newspaper_two, .page_summary, .newspaper_three { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .team_panel h4 { height: 20px; overflow: hidden } .specail_right_panel { display: inline-block; width: 100%; margin: 0 auto; float: left; padding-top: 40px } .offers-details .page_title_top { margin-top: 50px; } .offers-details .specail_right_panel { display: block; float: none; padding-top: 0; text-align: justify; } .module_list_items .form_wrapper .form { width: 100% } .book_a_table { display: none !important; } .secondarypage .header_image_tag { bottom: 30px; left: 30px; } .highlights-panel-1 .rounded { padding: 60px 0 0; } .secondarypage .header_image img { margin-top: 100px; } .popup-youtube { width: 100%; } .cookie_message { z-index: 99 !important; } /***AB Test**/ .abtest .quick_book { display: none; } } @media (min-width:768px) and (max-width:991px) { .input-group { border-collapse: separate; display: inline-table; margin: 10px 0 20px; position: relative; } } @media (min-width:768px) { .no_padding { padding: 0px !important; } .scroll_logo { display: none; } } .visible-xs{ display: none; } @media (max-width:767px) { .visible-xs { display: block; } /**Header**/ .header { /*background: transparent;*/background: #333; position: fixed; border: none; } .logo_container_left .fixed-logo { display: block !important; background: none !important; width: 86px !important; padding: 2px 15px; opacity: 1 !important; } .logo_container_left .absolute-logo { display: none !important; opacity: 0; } body { line-height: 1.65 !important } .header_image_wrapper { border: none; } .col-2-list { column-count: 1 !important; } .justify-mobile, .justify-mobile p { text-align: justify !important; } i.icon-check { display: block; clear: right; } .three_col_height.third_col { height: auto !important } .opening_times_panel, .opening_times_panel .text-center { text-align: left; } .servizi.text-center { text-align: left; padding: 25px; } .servizi.text-center span { display: block; display: list-item; } .servizi.text-center span:after { display: none; } .servizi.text-center .line { margin: 4px } .three_col_container h1 span.txtcolor { display: block; margin-top: 10px; margin-bottom: 10px; } .opening_times_panel .opening-hours img { margin: 10px !important; } p { line-height: 1.8 !important } .show-mobile { display: block !important } .header_image_tag h2 { width: 100% !important; } .homepage .header_image .item, .secondarypage .header_image img { margin-top: 0; } .logo_container { border-bottom: none; padding: 0; } .homepage_panel_content { column-count: 1 !important; } .homepage .header_image_tag { bottom: 40px; left: 30px; } .logo_container_left { width: 150px !important; } .header_image_tag span { display: none } .logo img { /*display: none;*/ max-width: 150px; } .module-panels { height: auto !important; } .parallax_item { padding: 75px 0 !important; } .parallax_item h1 { font-size: 28px; } .parallax_item p { font-size: 93%; } .footer_item { text-align: center !important } footer { padding-top: 20px !important; padding-bottom: 60px !important; } .offers-list-2 .content-wrap { column-count: 1 !important } .cwcookielaw { bottom: 40px !important } .cwcookielaw .cwcookiecontainer { width: 100% !important; text-align: center !important; } .cwcookielaw .cwallowcookies, .cwcookielaw .cwcookiesmoreinfo, .cwcookielaw p { padding: 5px !important; font-size: 10px !important; margin: 2px !important; text-align: center; display: inline-block; float: none !important; } .scroll_logo { display: block; left: 0; top: initial; margin: 0; height: 50px; width: 200px; box-shadow: none; } /** Targeting IE>=10 **/ _:-ms-input-placeholder, :root .scroll_logo { top:0; } .scroll_logo img { padding: 3px 0 0 20px; width: 150px; } #page_header .page_header_gradient { top: auto; bottom: 0; height: 30%; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); /* IE6-8 */ } a.nav_mob_button { top: 0px; right: 10px; font-size: 30px; color: #fff; text-shadow: none; } a.nav_mob_button i { margin-top: 4px; display: block; float: right; } a.nav_mob_button span { /*display: none;*/ font-size: 17px; } .nav_social_header { right: 10px; left: initial; left: unset; top: 85px } .cookie_message { padding: 0 8px; } .rooms-list .item .room-content { padding: 30px 0 !important } /**Main Content**/ .home_page_attractions { /*display: none;*/ } #ReasonsToBookWithUs { padding-bottom: 0; } .highlights_panel { margin-bottom: 20px; } .ContentPanel .content { text-align: justify; padding: 10px 20px; } .rooms_section { text-align: center; } .content_page_block2 { text-align: justify; } .content_page_block2 h2 { font-size: 25px; } /**Footer**/ .newsletter_info { text-align: center; } .input-group .form-control { font-size: 85%; } footer h4 { /*display: none;*/ } .nav_foot ul { float: none; line-height: 1.2; text-align: center; } .nav_foot li { float: none; width: auto; display: inline-block; } #fnav336, #fnav269, #fnav317, #fnav84 { display: none; } footer .gutter-border div { color: #6c6c6c; text-align: center; } footer .gutter-border span, footer .gutter-border a { color: #6c6c6c; } ul.affilliations { margin-bottom: 0; } .homepage ul.affilliations li, .secondarypage ul.affilliations li { display: none; } .homepage ul.affilliations li:first-child, .secondarypage ul.affilliations li:first-child { display: block; margin: 0 auto; width: 130px; } .nav_social, .nav_social ul, .nav_social li { float: none; } .nav_social { margin-top: 10px; } .nav_social ul { margin: 0 auto; text-align: center; } .nav_social li { display: inline-block; } .nav_social a { width: 30px; height: 30px; display: block; line-height: 1.8; font-size: 13px; } footer .site_by, footer .site_by a { color: #6c6c6c; font-size: 12px; text-align: center; } ul.affilliations, .nav_foot, .gutter-border a:last-of-type, .nav_social { position: relative; } ul.affilliations li:first-child::after, .nav_foot::after, .nav_social::before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; width: 20px; height: 5px; border: 1px solid #6c6c6c; border-top-width: 2px; border-left: none; border-right: none; } ul.affilliations li:first-child::after, .nav_foot::after { bottom: -13px; } .nav_social::before { top: -18px; } .site_by { padding: 0; } .slide_prev, .slide_next { top: 50%!important } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { display: inline-block; width: 100%; padding-bottom: 15px } .grid .grid_block, .gallery a, .gallery img, .gallery .video_res { margin-bottom: 15px } .form_wrapper .form { width: 100% } .form_wrapper .form:first-child tr td:last-child { padding-right: 0 } .form_wrapper .form:last-child tr td:first-child { padding-left: 0 } .img_overlay { position: relative; right: auto; top: 0 } .booking_panel_holder { width: 100%!important } #dvReadMore { max-width: 66%; top: 150px } .homepage .readMore { top: 115px } .video_container { display: none; } .secondarypage .readMore { bottom: 20px } .WatchVideo { left: auto; padding-right: 35px; text-align: center; top: 155px; width: 195px; bottom: 0; right: 12px } .booking { width: 50%; float: none; margin: 0 auto } .rounding { width: 200px } .home_page_scroll { display: none } .gutter-border { padding-bottom: 20px; margin-bottom: auto; border-left: none; padding-left: 15px } .attraction_content { margin: 0 auto; position: relative; display: inline-block; left: 0; width: 100% } /* Rooms */ .room_nav { margin-bottom: 0; top: 0 } .room_nav ul { text-align: left; width: 100% } .room_nav li { width: 100% } .room_nav li a { border-bottom: 1px dotted #929293; font-size: 14px } .room_feature { margin: 0 0 10px 10px; } .locationpage table { font-size: 11px; } .locationpage table tr td:last-child { text-align: right; } /* ########### OutLaws Restautrant ############# */ .outlaws .booking { width: auto; float: none; margin: 0 auto; padding-top: 20px } aside { display: inline; position: relative !important; width: 100%; } .gallery_button { left: 70px } .hidden-xs { display: none !important; } .mobile-t-center { text-align: center !important; } .rooms_section .room_list_item { margin-bottom: -20px; } .room_top, .rooms_rightside { margin-bottom: 0px; } .offers-details .page_title_top { margin-top: 20px; } .offers-details .specail_right_panel { float: left; width: 100%; } .offers-details .img_overlay_wrap { width: 100%; } } @media (max-width:600px) { .form .textbox, .form select, .form .button, .booking { width: 100% } .secondarypage .header_image img { min-height: 200px; } .header_image_tag h2 { font-size: 20px; margin-bottom: -5px; line-height: 1.5; } .header_image_tag span { font-size: 12px } .nav_primary { padding-top: 8px } .nav_primary_mobile a.nav_mob_button { display: block } .nav_primary_mobile { display: block } .header_image_tag { width: 80%; left: 20px; line-height: 0.8; } .img_overlay { display: none } .VideosPanel, .readMore, #dvReadMore { display: none } .room_list_item { margin-bottom: 14px; } .rooms_details_page { margin-bottom: 0px; } .outlaws .outlaws_nav_img img { display: none } footer.container-full { padding-bottom: 65px; } footer .scroll-to-top { bottom: 55px; } .highlights-panel-1 { display: none; } .page_title_top { margin-bottom: 0px; padding-bottom: 0; } #module_sidebar .line { border-bottom: medium none; } .dark_grey { position: relative; } .outlaws .icon_section, .scroll_booking { display: none !important } .columns_text { column-count: 1; column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; text-align: left; } } @media (max-width:400px) { .header_image_tag { bottom: 50px; left: 8px } .header_image_tag span { font-size: 10px; line-height: 0.8; } .homepage .header_image .item, .homepage .header_image_wrapper, .secondarypage .header_image .item, .secondarypage .header_image_wrapper { max-height: 320px; min-height: 320px; } .img_overlay { top: 78px; } .homepage .header_image_tag { bottom: 20px } .secondarypage .header_image_tag { bottom: 20px } .mobile_email_us { display: block; visibility: visible; } } @media (max-width:400px) { .map { margin-left: 3%; margin-right: 3%; max-height: 200px; min-height: 300px; width: 94% } .nav_primary ul ul { display: none !important } } .col-xs-15 { width: 20%; float: left } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left } .room_nav ul { padding: 8px } } /*AGGIUNTI MARIO*/ /*Video Styles from n1 - wedding page*/ .video_overlay { position: absolute; background: rgba(0,0,0,.3); top: 0; left: 0; right: 0; bottom: 5px } .video_button { color: #fefefe; border: 1px solid #fefefe; text-align: center; text-decoration: none; position: absolute; bottom: 100px; left: 50%; text-transform: uppercase; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-transition: all .2s linear; transition: all .2s linear } .video_button span.btn { padding: 7px 12px; -webkit-transition: all .2s linear; transition: all .2s linear } .video_button i { font-size: 20px; line-height: 1; padding-right: 5px } .video_button:focus { color: #fff } .video_button:hover { border-color: #999; color: #999 } .video_button:hover span.btn { color: #999 } .txtcolor { color: #9e0505; } .bgcolor { background-color: #9e0505 } .hasbg { position: relative; float: left; width: 100%; } .text-shadow { text-shadow: 1px 1px 2px #000; } .haspadding { padding: 40px 0; } .bg-light { background-color: #f8f8f8 } .title-style-2 { text-align: center; max-width: 800px; margin: 0 auto; padding: 0 0 40px; } .title-style-2 h1 { font-size: 40px; } .title-style-2 span { text-transform: uppercase; display: block; width: 100%; float: left; margin-top: -10px; letter-spacing: 0.5px; margin-bottom: 15px; } .title-style-2 p { letter-spacing: 0.3px; } /*Offer Styles from n1 - homepage*/ .offers_panel { padding: 64px 0; /*background: #f6f6f6;*/ border-bottom: 2px solid #fff } /*.offers_panel_items { float: left; width: 100% }*/ .offers_panel .item { margin-bottom: 20px; float: left } .offers_panel .item:last-child { margin-bottom: 0 } .offers_panel .item .image_wrapper { float: left; width: 100%; position: relative } .offers_panel .item .image_wrapper:hover .overlay { opacity: 1 } .offers_panel .item .image_wrapper img { float: left; width: 100% } .offers_panel .item .image_wrapper .overlay { opacity: 0; -webkit-transition: opacity 400ms ease-out; -moz-transition: opacity 400ms ease-out; -o-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out; background: rgba(0,0,0,.4); color: #fff; text-transform: uppercase; outline: 1px solid #fff; outline-offset: -15px } .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); z-index: 2300; background-size: cover; } .offers_panel .item .image_wrapper .overlay span { position: absolute; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; font-weight: normal; text-shadow: 1px 1px 2px #000; } .offers_panel .item h3 { margin: 20px 0 6px; font-size: 19px; /*height: 16px;*/ text-align: center; overflow: hidden } .offers_panel .item .group_name { float: left; width: 100%; /*text-transform: uppercase; */ color: #9e0505; text-align: center; margin-bottom: 10px; letter-spacing: 2px; font-weight: normal; } .offers_panel .item a { color: #56534c } .offers_panel .item .grid_text { background: #fff; float: left; width: 100%; padding: 10px 0; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.05); box-shadow: 0 0 15px 0 rgba(0,0,0,.05) } .offers_panel .item p { float: left; width: 100%; margin-bottom: 15px; text-align: center; max-height: 60px; padding: 0 37px; overflow: hidden; font-weight: normal; } .offers_panel .item .button { float: left; width: 100%; text-align: center; background: none; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 22px; border: none; font-weight: normal; } .offers_panel .item .button i { margin-left: 4px; color: #56534c; font-style: normal; font-size: 12px } .price_summary { padding: 10px 10px 20px 10px; display: block; float: left; width: 100%; text-align: center } .offers_panel_items .price_summary { font-size: 14px; font-weight: normal; } .price_summary span { font-size: 28px; display: inline-block; width: auto; } .offers_panel_items .price_summary span { color: #999; font-size: 20px } /*Presentation Styles from n1 - homepage*/ .highlights_panel_2 { background: #fff; padding: 60px 0 } .highlights_panel_2 .item { padding: 0 5px; margin-bottom: 10px; position: relative; float: left } .highlights_panel_2 .item .overlay { -webkit-transition: background 400ms ease-out; -moz-transition: background 400ms ease-out; -o-transition: background 400ms ease-out; transition: background 400ms ease-out } .highlights_panel_2 .item .item_link_wrapper { float: left; width: 100%; background: #f3f1f2; position: relative } .highlights_panel_2 .item a { color: #56534c } .highlights_panel_2 .item .image_wrapper { background-color: #f7f7f7; float: right; overflow: hidden } .highlights_panel_2 .item img { float: left; max-width: none; margin-left: 50% } .highlights_panel_2 .item .panel_details { float: left; width: 50% } .highlights_panel_2 .item h3 { font-size: 25px; margin-top: 60px; text-transform: uppercase; letter-spacing: 1.5px; float: left; width: 100% } .highlights_panel_2 .item .title_2 { float: left; width: 50%; font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 1px; padding: 0 30px; text-align: center; position: absolute; bottom: 50px; left: 0 } .highlights_panel_2 .item .read_more { float: left; width: 100%; text-transform: uppercase; text-align: center; display: none; font-size: 16px; margin-top: 30px; letter-spacing: 1px; } .highlights_panel_2 .item .overlay { display: none } .highlights_panel_2 .item_1 .overlay, .highlights_panel_2 .item_2 .overlay { display: block } .highlights_panel_2 .item_1 .image_wrapper, .highlights_panel_2 .item_2 .image_wrapper { width: 100%; border-left: 0 } .highlights_panel_2 .item_1 .image_wrapper img, .highlights_panel_2 .item_2 .image_wrapper img { width: 100%; margin-left: 0 } .highlights_panel_2 .item_1 .panel_details, .highlights_panel_2 .item_2 .panel_details { position: absolute; width: 100%; background: none; color: #fff; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 3000; height: 30px } .highlights_panel_2 .item_1 .title_2, .highlights_panel_2 .item_2 .title_2 { display: none } .highlights_panel_2 .item_1 h3, .highlights_panel_2 .item_2 h3 { margin: 0; padding: 0 20px } .highlights_panel_2 .item_3 .item_link_wrapper .panel_details, .highlights_panel_2 .item_0 .item_link_wrapper .panel_details { background-image: url(../images/spa_panel_logo.png); background-repeat: no-repeat; background-position: 50% 50%; padding: 80px 0 } .highlights_panel_2 .item_3 .image_wrapper { float: right } .highlights_panel_2 .item_3 .panel_details, .highlights_panel_2 .item_0 .panel_details { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .highlights_panel_2 .item_3 h3, .highlights_panel_2 .item_0 h3 { margin-top: 0 } .highlights_panel_2 .item_3 .title_2, .highlights_panel_2 .item_0 .title_2 { position: relative; width: 100%; float: left; bottom: inherit } .highlights_panel_2 .item_1:hover .read_more, .highlights_panel_2 .item_2:hover .read_more { display: block } .highlights_panel_2 .item_1:hover .overlay, .highlights_panel_2 .item_2:hover .overlay { outline: 1px solid #fff; outline-offset: -30px; background: rgba(0,0,0,.5) } /*RESTAURANT SLIDER STYLES from n1 homepage*/ .restaurants_panel { background-color: #f6f6f6; padding: 60px 0 0 0 } .restaurants_panel .container { position: relative } .restaurants_panel .slick-list { padding: 0 14px } .restaurants_panel .item { float: left; width: 100%; padding: 20px 0 100px 0 } .restaurants_panel .item .item_link_wrapper { } .restaurants_panel .item .col-sm-4, .restaurants_panel .item .col-sm-5 { padding: 0 10px } .restaurants_panel .item .col-sm-6, .restaurants_panel .item .col-sm-7 { padding: 0 } .restaurants_panel .item .panel_details { } .restaurants_panel .item a { color: #000; } .restaurants_panel .item h4 { text-transform: uppercase; color: #999; } .restaurants_panel .item .title_2 { color: #000; } .restaurants_panel .item p { float: left; width: 100% } .restaurants_panel .item .logo_image { position: absolute; top: -24px; right: -24px; width: auto; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1); box-shadow: 0 0 15px 0 rgba(0,0,0,.1) } .restaurants_panel.no_slider { background: none; padding: 50px 0 } .restaurants_panel.no_slider .item { padding: 0; margin: 0 0 50px 0; background-color: #fff } .restaurants_panel.no_slider .rest_logo { position: absolute; top: 10px; right: 10px; width: 160px; height: 90px } .restaurants_panel.no_slider .item_0 .rest_logo { background: url(../images/arkle.png) } .restaurants_panel.no_slider .item_1 .rest_logo { background: url(../images/sr.png) } .restaurants_panel.no_slider .item_2 .rest_logo { background: url(../images/lb.png); top: -20px } .restaurants_panel.no_slider .item:last-child { padding: 0 } .restaurants_panel.no_slider .item .panel_details { padding: 30px; width: 80% } .restaurants_panel.no_slider .item .col-sm-4 { padding: 0 } .restaurants_panel h2 { text-align: center; text-transform: uppercase; font-size: 28px; } .restaurants_panel.no_slider .item .btn_hd { float: left; width: 100%; padding: 10px 0 } .restaurants_panel.no_slider .item .button { color: #fff; margin-bottom: 10px } .restaurants_panel.no_slider .item .button_border { color: #999 } .restaurants_panel.no_slider .item .button_border:hover { color: #fff } .three_col_offer_container { float: left; width: 100%; padding-bottom: 100px } .three_col_offer_container .title_2 { text-align: center } .three_col_offer_inner { height: 400px; float: left; width: 100% } .three_col_offer_inner .three_col_offer_first_col { background: #efefef; height: 400px; color: #333; } .three_col_offer_inner .three_col_offer_first_col .three_col_offer_first_col_flex { display: flex; justify-content: center; align-items: center; height: 400px; background: url('../images/logo_rest.png') no-repeat center center } .three_col_offer_inner .three_col_offer_first_col .three_col_offer_corner_image { position: absolute; bottom: -12%; width: auto; left: -17%; max-width: 150px; opacity: .85; border-radius: 50%; } .three_col_offer_inner .three_col_offer_first_col_flex .three_col_offer_first_col_inner { color: #000; max-width: 90%; margin: 0 auto } .three_col_offer_inner .three_col_offer_first_col .title_2 { font-size: 13px; color: #000; /* text-transform: uppercase; */ text-align: justify; font-weight: normal; } .three_col_offer_inner .three_col_offer_second_col { height: 400px; background-repeat: no-repeat; background-size: cover } .three_col_gallery_container { float: left; width: 100%; padding-bottom: 100px } .three_col_gallery .col { padding: 0 } .three_col_gallery .col .border_left { width: 10px; height: 100%; position: absolute; background-color: #fff; left: 0; top: 0 } .three_col_gallery .col .border_right { width: 10px; height: 100%; position: absolute; background-color: #fff; top: 0; right: 0 } .three_col_gallery .col .border_top { width: 100%; height: 10px; position: absolute; top: 50%; background-color: #fff } .three_col_gallery_headings_container .title_2 { text-align: center } .three_col_gallery_image { padding: 0 } /*LOCATION STYLES from n1 homepage*/ .location_panel { padding: 0; /* background-image: url(../images/location.gif); */ background-repeat: no-repeat; /* background-position: 0 7.5%; */ background-color: #f8f8f8; } .location_panel .container { position: relative } .location_panel .intro { float: left; width: 100%; padding-bottom: 12px } .location_panel .slick-slider { /*float: left;*/ width: 100%; padding: 0 14px } .location_panel .item { float: left; width: 100%; padding: 24px 14px } .location_panel .item a { color: #56534c } .location_panel .item .item_link_wrapper { float: left; width: 100%; background: #fff } .location_panel .item .panel_details { padding: 40px; float: left } .location_panel .item .image_wrapper { padding: 0; position: relative; float: left } .location_panel .item .image_wrapper img { float: left; width: 100% } .location_panel .item h3 { text-align: left; font-size: 26px; margin-top: 0; text-transform: uppercase; color: #000; } .location_panel .item .title_2 { float: left; width: 100%; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 24px; font-size: 12.5px; font-weight: normal; } .location_panel_nav { position: absolute; bottom: 60px; left: 80px } .location_panel_nav a { float: left; width: 95px; height: 95px; border-radius: 50%; overflow: hidden; margin-right: 10px; position: relative } .location_panel_nav a:last-child { margin-right: 0 } .location_panel_nav .overlay { background: none; width: 95px; height: 95px; border-radius: 50%; overflow: hidden } .location_panel_nav .link_active .overlay { display: none } .location_panel .location_panel_nav img { float: left; width: 100%; height: 100% } .location_more { float: left; width: 95px; height: 95px; background: #ccc; border-radius: 50%; overflow: hidden; margin-right: 24px; position: relative } .location_more span { text-align: center; vertical-align: middle; line-height: 95px; width: 100%; float: left; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-style: normal; font-weight: 600; color: #000; } .location_panel .item p { float: left; width: 100%; font-weight: normal; color: #000; } .location_panel .item .block_right { position: absolute; right: 0; top: 0; width: 200px } .location_panel .item .block_right div { float: left; width: 100%; background: #fff; text-align: center; padding: 24px 20px; text-transform: uppercase; color: #191919 } .location_panel .item .block_right .distance { background: rgba(255,255,255,.8) } .location_panel .item .block_right .distance span { float: left; width: 100%; letter-spacing: 1px; font-weight: normal; color: #000; } .location_panel .item .block_right .distance span:first-child { } .location_panel .item .block_right .distance span:nth-child(2) { color: #999; font-size: 42px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; } .location_panel .item .block_right .read_more { color: #999; padding: 20px; font-weight: normal; letter-spacing: 1px; } /*OFFERS STYLE from n2 homepage*/ [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate(0) scale(1); } .offers-page-panel { padding-top: 40px } .offers-panel .col { margin-bottom: 6px; padding-left: 3px; padding-right: 3px; } .offers-panel .col .item { height: 750px; overflow: hidden; position: relative; } .offers-panel .col .item .bg-img { position: absolute; width: 100%; height: calc((100%) - 220px); z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform .8s; -moz-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; background-position: center; background-repeat: no-repeat; background-size: cover; } .offers-panel .col .item a:hover .bg-img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: transform 1.8s; -moz-transition: transform 1.8s; -o-transition: transform 1.8s; transition: transform 1.8s } .offers-panel .col:nth-child(odd) .item .bg-img { top: 0 } .offers-panel .col:nth-child(even) .item .bg-img { bottom: 0 } .offers-panel .col .item .panel { position: absolute; width: 100%; left: 0 } .offers-panel .col:nth-child(odd) .item .panel { bottom: 0 } .offers-panel .col:nth-child(even) .item .panel { top: 0 } .offers-sec h2 { width: 60% } .offers-panel .row { margin-left: -3px; margin-right: -3px } .offers-panel .col { padding-left: 3px; padding-right: 3px; margin-bottom: 12px } .offers-panel .col .item .panel { /*position: relative;*/ padding: 30px; color: #fff; z-index: 10; background-size: auto; background-position: top right; background-repeat: no-repeat; background-image: url(../images/bg-offer-panel.png); min-height: 220px } .offers-panel .col .item .panel h2, .offers-panel .col .item .panel h3 { color: #fff; margin-bottom: 15px; text-transform: uppercase; font-size: 25px } .offers-panel .col .item .panel .content { margin-bottom: 15px } .offers-panel .col .item .panel .content a.read { display: inline-block; color: #fff } .offers-panel .col .item .panel .price-desc { margin-left: 0; font-size: 12px; color: rgba(255,255,255,.75) } .offers-panel .col .item .panel .price-desc .price { color: #fff } .offers-panel .col .item:not(.title) .panel .btn { background-color: rgba(255,255,255,.35); border: none; color: #fff; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } .offers-panel .col .item:not(.title) .panel .btn:hover, .offers-panel .col .item:not(.title) .panel .btn:focus { background-color: rgba(255,255,255,.5) } .offers-panel .col:nth-child(3n+1) .item .panel { background-color: #484848 } .offers-panel .col:nth-child(3n+2) .item .panel { background-color: #9e0505 } .offers-panel .col:nth-child(3n+3) .item .panel { background-color: #999 } .offers-panel .col .item.title .panel { background-color: #eee; } .offers-panel .col .item.title .panel h2 { color: #2f2f2f; margin-bottom: 15px; font-size: 32px; text-transform: none } .offers-panel .col .item.title .panel h2 span { display: block; color: #9e0505; text-transform: uppercase } .offers-panel:not(.offers-page-panel) .col .item .panel .price-desc { margin: 0 0 5px } .homepage .offers-panel .col .item .panel .price-desc { margin-bottom: 15px; font-size: 14px } .homepage .offers-panel .col .item .panel .price-desc .price { font-size: 32px } .offers-sec { border-top: 1px solid #bca065 } .offers-sec h2 { margin: 0 auto 30px; text-align: center } .offers-sec h2 span { color: #bca065; text-transform: uppercase } /*ROOM STYLES from n2 Homepage*/ .module-panels { height: 709px } .module-panels .row { margin-left: -5px; margin-right: -5px; } .module-panels a .bg-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform .8s; -moz-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; background-position: center; background-repeat: no-repeat; background-size: cover; } .module-panels a:hover .bg-img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: transform 1.8s; -moz-transition: transform 1.8s; -o-transition: transform 1.8s; transition: transform 1.8s; } .module-panels .panel, .module-panels .box { overflow: hidden; } .module-panels .col { padding-left: 5px; padding-right: 5px; } .module-panels .col .featured { display: block; position: relative; } .module-panels .panel, .module-panels .box { position: relative; height: 350px; } .module-panels .panel.tall { height: 700px } .module-panels .featured .panel:first-child, .module-panels .panel.box:first-child { border-bottom: 5px solid #fff } .module-panels .featured .panel:last-child, .module-panels .panel.box:last-child { border-top: 5px solid #fff } .module-panels .panel .caption { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); padding: 60px 30px 30px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9999; } .module-panels .panel .caption h3 { color: #fff; font-size: 24px; text-shadow: 2px 2px 3px rgba(0,0,0,.2); text-transform: uppercase } .module-panels .title-panel { position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 15px } .module-panels .title-panel h2 { font-size: 40px; margin: 0 0 20px } .module-panels .title-panel h2 span { text-transform: uppercase; color: #bca065 } /*2 column element from n2 Meeting & Events*/ .page-panels .panel { position: relative; overflow: hidden; } .page-panels .panel figure { position: relative; overflow: hidden; } .page-panels .panel figure img { -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .page-panels .panel figure:hover img { transform: scale(1.05); } .page-panels .panel figcaption { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); padding: 40px 30px; position: absolute; /*top: 50%;*/ width: 100%; bottom: 0;/*height: 100%;*/ } .page-panels .panel figcaption h3 { color: #fff; font-size: 40px; text-transform: uppercase; margin: 0 0 30px; width: 60% } .page-panels .panel figcaption .btn-border { color: #fff } .content-panel figure { overflow: hidden; position: relative; margin-bottom: 10px } .content-panel figure img { width: 100% } .content-panel figure figcaption { position: absolute; top: 0; color: #fff; background-color: rgba(0,0,0,.25); z-index: 1 } .content-panel figure figcaption i { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-shadow: 2px 2px 3px rgba(0,0,0,.2); font-size: 80px } .content-panel h1 { font-size: 36px; margin-top: 5px } .text-content-2 { float: left; width: 100%; margin: 0; padding: 0; color: #2a2a2a; font-size: 15px; font-weight: 400; text-align: justify; } .col2 { -webkit-column-count: 2; -webkit-column-gap: 30px; -webkit-column-rule: none; -moz-column-count: 2; -moz-column-gap: 30px; -moz-column-rule: none; column-count: 2; column-gap: 30px; column-rule: none; } .contact_panel-2 { float: left; width: 100%; margin: 0; padding: 5px 0; text-align: center } .contact_panel-2 h2 { color: #2a2a2a; float: left; font-weight: 400; margin: 0; padding: 0 0 10px; font-size: 34px; text-transform: uppercase; width: 100%; text-align: center } .contact_panel-2 .contact_panel_buttons { float: left; width: 100%; margin: 0; padding: 0 } .contact_panel-2 .contact_panel_buttons .btn { float: left; width: 100%; margin: 0 0 10px 0; font-size: 16px; color: #fff; border: none; text-transform: uppercase; letter-spacing: 0.3px; } .contact_panel-2 .contact_panel_buttons p.btn { color: #2a2a2a; cursor: default; margin: 0; padding: 0 } .contact_panel-2 .contact_panel_buttons p.btn:active { box-shadow: none } .contact_panel-2 .contact_panel_buttons .call_us_button { color: #2A2A2A; padding: 0; margin: 5px 0; font-size: 16px } .contact_panel-2 .contact_panel_buttons .enquiry_online_button { background: #2A2A2A; border-color: #2A2A2A } .content_page_block2 .content-2 { border-right: 1px solid #2A2A2A; padding-right: 30px; } /*ROOM LIST STYLES FROM n2 Rooms page*/ .rooms-list .item { border: 1px solid #bca065; margin: 0 0 30px; float: left; width: 100%; } .rooms-list .item .row { margin: 0 } .rooms-list .item .col { padding: 0 } .rooms-list .item .slider-rooms .overlay { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); bottom: 0; top: auto; height: 40% } .rooms-list .item .room-content { padding: 30px 0 } .rooms-list .item .room-content h3, .rooms-list .item .room-content .size, .rooms-list .item .room-content .content .read { text-transform: uppercase } .rooms-list .item .room-content .size { margin: 0 0 10px; font-size: 16px; color: #999; } .rooms-list .item .room-content .content .read { border: none; white-space: nowrap } .rooms-list .item:nth-child(odd) .col { float: right } .rooms-list .item .room-content { padding: 80px 0 } .slider-rooms .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; z-index: 10; } .slider-rooms.slick-dotted.slick-slider { margin: 0; } .slider-rooms.slick-dotted .slick-dots li button:before { color: white; } /* Meetings List */ .meeting-room-list { } .meeting-room-list .meeting-rooms { padding: 40px 0 0; background: #f8f8f8; float: left; width: 100%; } .meeting-room-list .module-sidebar .overlay { position: relative; text-align: center; padding: 15px; margin-bottom: 20px; } .meeting-item { background: #fff; float: left; margin-bottom: 40px; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #333; position: relative; } .meeting-item h2 { color: #151628; } .meeting-item .meeting-content { padding-top: 30px; } .meeting-item .meeting-content .subtitle { padding-bottom: 5px; color: #666; font-weight: 400; } .meeting-item .meeting-content .btn { margin: 20px 0; text-transform: uppercase; } .meeting-item .room-features { background-color: #eee; color: #333; padding: 20px; } .meeting-item .room-features .btn { margin-top: 25px; text-transform: uppercase; } .meeting-item .btn.bordered { border: 1px solid #999; } .meeting-item .room-features ul { margin: 0; padding: 0; } .meeting-item .room-features ul li { list-style-type: none; text-transform: uppercase; padding: 25px 0 0 0; } .meeting-item .room-features ul li span { color: #999; font-weight: bold; } @media (min-width:992px) { .meeting-item .col-height { display: table-cell; float: none; height: 100%; } .meeting-item .col-top { vertical-align: top; } .meeting-item .col-middle { vertical-align: middle; } .meeting-item .col-bottom { vertical-align: bottom; } } .no-left-pad { padding-left: 0; } @media (min-width:1200px) { .meeting-item, .meeting-item .room-features { -webkit-transition: background 0.35s; -moz-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s; } .meeting-item:hover, .meeting-item:hover .room-features { background: #333; } .meeting-item h2, .meeting-item .subtitle, .meeting-item p, .meeting-item .room-features ul li, .meeting-item .room-features ul li span { -webkit-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .meeting-item:hover h2, .meeting-item:hover .subtitle, .meeting-item:hover p, .meeting-item:hover .btn, .meeting-item:hover .room-features ul li, .meeting-item:hover .room-features ul li span { color: #fff; } } /*ROOM STYLES FROM n1 rooms page*/ .more_list .item { position: relative; display: block; margin-bottom: 30px; overflow: hidden } .more_list .item img { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: transform .35s; -o-transition: transform .35s; -webkit-transition: transform .35s; transition: transform .35s } .more_list .item:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) } .more_list .book_btn { position: absolute; right: 0; bottom: 0; text-transform: uppercase; background-color: #fff; color: #999; padding: 10px 15px; z-index: 10 } .more_list .book_btn_sec { position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 0; text-transform: uppercase; background-color: #999; color: #fff; padding: 10px 15px; z-index: 10 } .more_list .book_btn .flaticon { padding-left: 10px } .amenities .icon { color: #fff; font-size: 32px; width: 45px; height: 45px; left: 0; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 10; right: 0 } video { width: 100%!important; height: auto!important } .room_detail .book_btn { text-transform: uppercase; background-color: #999; color: #fff; padding: 15px 20px; float: left; margin-top: 30px } .room_detail .book_btn .flaticon { background: #948253; font-size: 12px; margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; display: inline-block; text-align: center; padding-top: 8px } .black_overlay { display: block; position: relative } .black_overlay::before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); z-index: 1 } .content_abs { margin: auto; position: absolute; top: 50%; left: 0; bottom: 0; right: 0; width: 90%; height: 100%; z-index: 10 } .center_abs { margin: auto; position: absolute; top: 50%; left: 50%; right: 0; width: 100%; height: 100%; z-index: 10 } .content_abs h3 { color: #fff; font-size: 25px; text-align: left; position: relative; margin: 10px 0; float: left; width: 100%; text-transform: uppercase; } .content_abs h3:before { content: ""; position: absolute; width: 30px; height: 1px; bottom: -10px; left: 0; border-bottom: 1px solid rgba(255,255,255,.8) } .content_abs p { text-align: left; float: left; padding-top: 10px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.3px; color: #fff; width: 100% } .content_abs .room_type { background-color: rgba(180,151,89,.8); color: #fff; padding: 5px 15px; text-transform: uppercase; margin-bottom: 20px; float: left; display: block; } .text_container { max-width: 900px; margin: 0 auto; } /*ROOMS STYLE WITH STICKY SIDEBAR*/ .leftside_content { float: left; width: 100%; margin: 0; padding: 6px; background: #ededed; } .nav_secondary_2, .nav_secondary_2 ul, .nav_secondary_2 li, .nav_secondary_2 a { width: 100% } .nav_secondary_2 { float: left; margin: 0; padding: 5px; width: 100%; outline: 3px solid #fff; padding: 20px; background: #eee; outline-offset: -10px; } .nav_secondary_2 ul { float: left; width: 100%; padding: 0 } .nav_secondary_2 ul ul { padding: 0 } .nav_secondary_2 li { margin: 0; padding: 0; position: relative; list-style: none; float: left; width: 100% } .nav_secondary_2 li.intro a { background: #999; color: #fff; float: left; font-size: 20px; font-weight: 200; margin: 0; padding: 5px 15px; width: 100%; border: none; } .nav_secondary_2 ul ul li a { padding: 5px 30px } .nav_secondary_2 a { margin: 0; padding: 5px 15px; float: left; width: 100%; color: #000; font-size: 14px; font-weight: 400; text-decoration: none; border-bottom: 1px dotted #333 } .nav_secondary_2 a:hover { color: #999 } .nav_secondary_2 ul li.selected>a:first-child { color: #999 } .nav_secondary_2 ul ul ul a { padding-left: 20px } .nav_secondary_2 ul ul ul ul a { padding-left: 35px } .video_container.style_2 { padding: 10px 0; width: 100%; position: relative; float: left; top: auto; right: auto; } .video_container.style_2 .video_panel_item { color: #fff; float: left; position: relative; text-decoration: none; width: 100% } .video_container.style_2 .video_panel_item h2 { bottom: 5px; font-size: 16px; left: 0; margin: 0; padding: 0; position: absolute; background: #eee; text-transform: uppercase; width: 100% } .video_container.style_2 .video_panel_item:hover h2 { background-color: rgba(255,255,255,.8) } .video_container.style_2 .video_panel_item h2 span { clear: both; display: block; font-size: 16px; margin: 0 auto; padding: 7px 10px; text-align: center; width: 100%; position: relative; left: 0; text-shadow: none; color: #000; border: 0; box-shadow: none; height: auto; } .video_container.style_2 .video_panel_item h2 span i { margin-right: 5px } .room_lists { float: left; margin: 0; padding: 0; width: 100% } .room_list_item.style_2 { background: #e9e9e9; float: left; margin: 0 0 20px; padding: 10px; width: 100%; overflow: hidden; position: relative; } .room_list_item.style_2 .room_list_item.style_2_position { float: left; position: relative; width: 100% } .room_list_item.style_2 .room_list_desc { background: rgba(255,255,255,.8); bottom: 10px; padding: 10px; position: absolute; right: 10px; width: 260px } .room_list_item.style_2 .room_list_desc_item { background: #fff; float: left; width: 100%; padding: 10px; margin: 0 } .room_list_item.style_2 .room_list_desc h4 { color: #0b2842; float: left; font-size: 15px; /*font-weight: 600;*/ line-height: 20px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 100% } .room_list_item.style_2 .room_list_desc .price_from { color: #0b2842; float: left; font-size: 13px; margin: 0; text-align: center; width: 100% } .room_list_item.style_2 .room_list_desc .price_value { color: #999; float: left; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 19px; line-height: 28px; margin: 0 0 10px; text-align: center; width: 100%; background: url(../images/booking_bg.png) center center no-repeat; } .room_list_item.style_2 .room_list_desc .price_pp_sharing { color: #0b2842; float: left; /*font-family: "Raleway", sans-serif;*/ font-size: 11px; text-align: center; text-transform: uppercase; width: 100% } .room_list_item.style_2 .room_list_desc .buttons_holder { float: left; margin: 10px 0 0 0; width: 100%; padding: 0 5px } .room_list_item.style_2 .room_list_desc .buttons_holder .btn { border: medium none; color: #fff; float: left; font-size: 12px; border: 1px solid #999; width: 102px; padding: 3px } .room_list_item.style_2 .room_list_desc .buttons_holder .btn span { float: left; width: 100%; padding: 4px } .room_list_item.style_2 .room_list_desc .buttons_holder .book_now { background: #999; margin-left: 5px; text-transform: uppercase; color: #fff; } .room_list_item.style_2 .room_list_desc .buttons_holder .read_more span { /*border: 1px solid #999*/ color: #111; text-transform: uppercase; } .room_list_item.style_2 .room_list_desc .buttons_holder .book_now span { /*border: 1px solid #fff*/ } .room_list_item.style_2 .room_list_desc .buttons_holder .btn:hover { opacity: .8 } .room_list_item.style_2 .room_gallery { bottom: 0; height: 38px; left: 0; overflow: hidden; position: absolute; width: 60px } .room_list_item.style_2 .room_gallery .room_gallery_item { background-color: rgba(255,255,255,.7); color: #222; float: left; line-height: 5px; padding: 7px 0; text-align: center; text-decoration: none; width: 60px } .room_list_item.style_2 .room_gallery .room_gallery_item:hover { color: #999 } .room_list_item.style_2 .room_gallery .room_gallery_item img { display: none } .room_list_item.style_2 .room_gallery .room_gallery_item i { font-size: 24px } .offers-page .highlights_outer h2 { font-size: 26px; } .offer_panel h4, .highlights_panel h4 { position: absolute; text-align: center; top: -20px; font-style: italic; font-size: 12px; text-transform: uppercase; width: 90%; z-index: 99 } .offer_panel h4 span, .highlights_panel h4 span { background-color: #fff; padding: 4px 10px } .offer_outer, .highlights_outer { width: 100%; text-align: center } .offer_outer h2 span, .highlights_outer h2 span { display: inline-block; font-size: 22px; font-style: italic; text-transform: none; width: 100%; color: #999; } .offers-page .highlights_outer h2 { font-size: 26px } .offers-page .highlights_outer h2 span { color: #999 } .offers-page .highlights_outer .main_description { font-size: 13px; height: auto; overflow: hidden } .offer_outer .offer_description hr, .highlights_outer .highlights_description hr { background: none repeat scroll 0 0 #222; border: 0 none; display: block; height: 2px; margin: .7em auto .2em; width: 15% } .offer_outer .offer_description .main_description, .highlights_outer .highlights_description .main_description { color: #333; padding-top: 8px } .contact_panel-3 { float: left; width: 100%; background: #f2f2f2; text-align: center; padding: 32px 12px 60px; color: #444; font-size: 13px; margin-top: 8px; line-height: 24px; margin-bottom: 40px; position: relative } .contact_panel-3 .contact_details { line-height: 20px } .contact_panel-3 i { float: left; width: 100%; text-align: center; margin-bottom: 20px; font-size: 32px } .contact_panel-3 h2 { font-size: 22px; margin: 0 0 10px; letter-spacing: 1px; text-transform: uppercase; } .contact_panel-3 a { } .contact_panel-3 a.btn_grey { word-break: normal; display: inline-block; float: none; width: auto; text-transform: uppercase; } .contact_panel-3 span { width: 100%; } .contact_panel-3 .price_summary { color: #000; } .offer_title-2 { border-bottom: 1px solid #e2e0e0; color: #2a2a2a; float: left; font-size: 30px; line-height: 20px; font-weight: 400; margin: 0 0 15px 0; padding: 0 0 10px; width: 100%; } /*BAR PRESENTATION STYLES FROM n1 bar page*/ .three_col_container.dining_landing .breadcrumb li:last-of-type { display: none } .three_col_container .hr_wrapper { float: left; width: 100% } .three_col_container hr { width: 52px; float: left; border-color: #56534c; margin: 4px 0 20px } .three_col_container .first_col { background: #fff } .three_col_container .first_col_inner { padding: 20px } .three_col_container .button_wrapper { text-align: left; width: 100% } .three_col_container .second_col { background-size: cover; background-position: center; background-repeat: no-repeat } .three_col_container .third_col { background: #efefef } .three_col_container .nav_secondary { width: 100%; max-width: 810px } .three_col_container .nav_secondary_wrapper { margin: 40px 0 } .three_col_container .events_suites_container { padding: 20px 0 } .three_col_container .events_suites_container img { height: 270px } .three_col_container h1 { color: #1a1a1a; margin: 10px 0 8px; text-align: left; font-size: 32px } .three_col_container .title_2 { text-transform: uppercase; float: left; width: 100%; margin-bottom: 20px; font-size: 18px; font-weight: 500 } .three_col_container.spa_landing .title_2 { color: #aa9870 } .three_col_height { padding: 20px 0 } .opening_times_panel { padding: 0 15px } .opening_times_panel h2, .opening_times_panel h3, .opening_times_panel h4, .opening_times_panel h5 { margin: 0; padding-bottom: 10px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; text-transform: uppercase; } .restaurant_logo { position: absolute; z-index: 100; top: 200px; width: auto; right: 0 } .three_col_offer_container { float: left; width: 100%; padding-bottom: 100px } .three_col_offer_container .title_2 { text-align: center } .three_col_offer_inner { /*height: 400px;*/ height: 350px; float: left; width: 100% } .three_col_offer_inner .three_col_offer_first_col { background: #efefef; height: 400px } .small-margin { margin-left: -5px; margin-right: -5px; } .small-padding { padding-left: 5px; padding-right: 5px; } /*Restaurant Styles from DANG.. homepage*/ .gift_vouchers_panel { float: left; width: 100%; margin: 0px; padding: 0px; overflow: hidden; background: #333; } .gift_vouchers_panel .no_padding { padding: 0px; } .gift_vouchers_panel_item { float: left; width: 100%; margin: 0px; padding: 0px; position: relative; overflow: hidden; } .gift_vouchers_panel_item .item { float: left; width: 100%; } .gift_vouchers_panel_item .gift_vouchers_panel_text { bottom: 0; color: #ffffff; left: 0; padding: 10px 0px 15px 0px; position: absolute; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.4); } .gift_vouchers_panel_item3 .gift_vouchers_panel_text { position: static; padding: 40px; } .gift_vouchers_panel_item:hover .gift_vouchers_panel_text { background: rgba(0, 0, 0, 0.6); } .gift_vouchers_panel_item .gift_vouchers_panel_text h2 { float: left; width: 100%; text-align: center; color: #ffffff; font-size: 25px; text-transform: uppercase; margin: 0px; padding: 0px; } .gift_vouchers_panel_item .item img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gift_vouchers_panel_item:hover .item img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1.05, 1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.05, 1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; } .gift_vouchers_panel_item .gift_vouchers_panel_text p { float: left; width: 100%; text-align: center; color: #ffffff; font-size: 13px; text-transform: uppercase; margin: 10px 0px; padding: 0px; } .gift_vouchers_panel_item1 .gift_vouchers_panel_text p { display: none; } .gift_vouchers_panel_item .gift_vouchers_panel_text .btn { display: none; } .homepage_panel_content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /*RESTAURANT PRESENTATION STYLES FROM n5 Castle Page*/ .secondarypage .page_title-2 { display: block; margin: 5px 20px 20px; padding: 10px 0; font-size: 36px; text-align: center; text-transform: uppercase; border-bottom: 1px solid rgba(152,138,101,.7); margin-bottom: 20px; margin-top: 32px; } .general_page_panel_secondary { background: #efefef; padding: 20px; float: left; } .gift_voucher_panel { padding: 10px 0; float: left } .gift_voucher_panel_title { font-size: 18px; color: #999; padding: 0 10px } .gift_voucher_panel_title1 { font-style: italic; color: #999 } .gift_voucher_panel_title2 { color: #363636; font-style: italic; margin-top: 20px } .gift_voucher_panel_tel { color: #999 } .roundcontainer { border-radius: 100%; color: #fff; height: 104px; left: 50%; margin-left: -47px; min-width: 104px; overflow: hidden; position: relative; width: 9px; z-index: 99 } .roundcontainer>img { height: 104px; max-width: none; position: relative } .special_offers_secondary { text-align: center; position: relative; float: left; width: 100% } .special_offers_secondary .grid_text h2 { font-size: 20px; color: #999; margin-bottom: 0; text-transform: uppercase; } .special_offers_secondary .grid_text p { color: #333; margin-bottom: 0 } .special_offers_secondary .grid_text .offer_price { float: left; width: 100%; text-align: center; text-transform: uppercase; margin-bottom: 12px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; } .special_offers_secondary .grid_text .offer_price span { color: #000; font-size: 20px; font-weight: normal!important; margin: 0 6px } .general_page_panel_secondary { background: #efefef; padding: 20px } .general_page_panel_secondary p { font-size: 12px; color: #363636; margin: 0 } .general_page_panel_secondary a { color: #988a65; font-size: 11px } .side_panel_share { float: left; width: 100%; color: #988a65 } .side_panel_share .nav_share { /*width: 120px;*/ margin: 12px auto 30px; height: 32px } .side_panel_share h4 { text-align: center; text-transform: uppercase; } .side_panel_share .nav_share .twitter { font-size: 12px } .side_panel_share .nav_share a:last-child { margin-right: 0 } .side_panel_share .nav_share a { background-color: #988a65; color: #fff; border: 0; width: 32px; display: inline-block; height: 32px; margin-right: 12px; } .side_panel_share .nav_share a i { font-size: 15px; line-height: 28px; margin: 0; } /*WEDDING STYLES FROM n5 wedding castle page*/ .weddings .the_brochure { text-align: center; float: left; width: 100%; margin-bottom: 10px } .weddings .the_brochure a { float: left; width: 100%; margin: 0; padding: 65px 40px; text-decoration: none; background: url(../images/weddings_brochure.png) center top no-repeat } .weddings .the_brochure a.btn.btn-default { background: #333; padding: 3px 15px; text-transform: uppercase; width: auto; margin: auto; float: none; margin-top: -125px; } .weddings .the_brochure a h4 { font-size: 11px; color: #312c2d } .weddings .the_brochure a h3 { color: #312c2d; float: left; font-size: 16px; margin: 0; padding: 0; width: 100% } .wedding_brochure_lrg { background: url(../images/wedding-bg.jpg) no-repeat scroll top center; background-size: cover; padding: 100px 0 } .wedding_brochure_lrg .left-content { background-color: #fff; padding: 98px 40px; min-height: 343px } .wedding_brochure_lrg img { position: relative; z-index: 10 } .orchid { background: url(../images/orchid.png) no-repeat scroll top center; background-size: cover; width: 225px; height: 420px; position: absolute; left: 20px; z-index: -1; } .weddings .panel_side { margin: 20px 0; float: left; width: 100%; position: relative; text-align: center } .weddings .panel_side h3 { color: #fff; font-size: 20px; position: absolute; top: 0; left: 0; right: 0; text-transform: uppercase; text-shadow: 1px 1px 2px #000; margin: auto; bottom: 0; height: 20px; padding: 0 20px; overflow: hidden } .petals_sml { width: 255px; height: 107px; position: absolute; bottom: -20px; left: 0; background: url(../images/petals_sml.png) no-repeat center center; } .txtcolor2 { color: #db8fab; } .spa_landing.three_col_container .third_col { background: #efefef url(../images/spa_products.png) no-repeat center bottom; } .spa_treatments_featured_list .image_holder { float: left; width: 100%; margin: 0px; padding: 0px; text-decoration: none; } .spa_treatments_featured_list .image { background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 400px; margin: 0; padding: 0; width: 100%; } .spa_treatments_featured_list .special_offers_panel_summary h4 { font-size: 52px; line-height: 52px; } .spa_treatments_featured_list .special_offers_panel_summary { min-height: 400px; } .spa_treatments_featured_list .special_offers_panel_item .special_offers_panel_summary { float: left; width: 100%; margin: 0px; padding: 30px; text-decoration: none; background: #f2f2f2; } .spa_landing.three_col_offer_first_col .three_col_offer_first_col_flex { background: url(../images/spa.gif) no-repeat center center; } .spa_landing.three_col_offer_first_col .three_col_offer_first_col_flex h2, .spa_landing.three_col_offer_first_col .three_col_offer_first_col_flex p { color: #fff; } .offers-list-2 .offer-item { text-align: left; float: left; width: 100%; margin-bottom: 30px; } .offers-list-2 .offer-item-top .offer-image-link { display: block; width: 100%; } .offers-list-2 .content-wrap { overflow: hidden; position: relative; column-count: 2; column-gap: 30px } .offers-list-2 .offer-item .content-details { display: none; margin: 30px auto; padding: 30px 15px; } .offers-list-2 .offer-item .offer-item-top, .offers-list-2 .offer-item .content-details { background-color: #efefef; float: left; width: 100%; } .offers-list-2 .offer-item .content-details { display: none; margin: 30px auto; padding: 30px 15px } .offers-list-2 .content-details .module-price, .offers-list-2 .content-details .btn { display: inline-block } .offers-list-2 .content-details .btn, .offers-list-2 .btn { text-transform: uppercase; background: #9e0505; margin: 5px; min-width: 200px; } .offers-list-2 .content-details .module-price { margin-right: 15px } .offerspage_layout2 .content-bottom p { float: left; width: 100% } .offers-list-2 .no-margin { margin-left: 0; margin-right: 0; } .offers-list-2 .no-padding { padding-left: 0; padding-right: 0; } .offers-list-2 .item-content { padding: 30px; } .offers-list-2 .module-price .price { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; font-size: 25px; color: #999; } .offers-list-2 .offer-detail-btn { background: #333; color: #fff; } .offers-list-2 .content-wrap .content h2 { font-size: 22px; } .offers-list-2 .content-wrap .content h2 a { color: #999 !important; } .offers-list-2 .content-wrap h5 { font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; text-transform: uppercase; font-size: 20px; } .contact_aside { min-height: 200px; background: #efefef; padding-top: 20px; margin-bottom: 24px; padding-bottom: 30px; } .contact_aside a { color: #988a65 } /*CONTACT FORM 1 STYLES FROM N5 contact page*/ .form_wrapper_1, .form_wrapper_1 .form, .form_wrapper_1 .error { float: left; width: 100% } .form_wrapper_1, .form_wrapper_1 .error { margin: 20px 0 } .form_wrapper_1 .form { width: 50% } .form_wrapper_1 .form:first-child tr td:last-child { padding-right: 15px } .form_wrapper_1 .form:last-child tr td:first-child { padding-left: 15px } .contact_form_1 { margin-top: 0; float: right } .contact_form_1 .form { width: 49%; float: left } .contact_form_1 .form:first-child { margin-right: 2% } .contact_form_1 .form input, .contact_form_1 .form textarea, .contact_form_1 .form select { border-radius: 0; background: #363636; color: #fff; padding: 3px 5px; } .form_wrapper_2 .form { width: 50%; float: left; } .form_wrapper_2 .form td { float: left; padding: 5px 0; width: 100%; } .form_wrapper_2 .form label { font-weight: 400; display: block; width: 100%; text-align: left; margin: 8px 0 0; } .form_wrapper_2 .form select { background-color: #f7f7f7 !important; padding: 2px; border: 1px solid #ccc; } .form_wrapper_2 .form .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form_wrapper_2 .form textarea { height: 190px !important; } .form_wrapper_2 .form:last-child tr td { padding-left: 15px; } .form_wrapper_2 .form tr td:first-child { width: 100%; } .form_wrapper_2 .form-policy { display: block; text-align: center; } .homepage .header_image_wrapper { border: 0; } .languages .dropbtn { background-color: #fff; padding: 3px; width: 120px; font-size: 12px; text-transform: uppercase; color: #333; border: none; } .languages .dropdown { position: relative; display: inline-block; } .languages .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .languages .dropdown-content a { color: black; padding: 3px; text-decoration: none; width: 100%; display: block; } .languages .dropdown-content a:hover { background-color: #eee; } .languages .dropdown:hover .dropdown-content { display: block; } .lang_img { width: 20px; float: left; margin-top: 2px; height: auto; } .parallax_item { padding: 235px 0; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70%); background: -webkit-gradient(radial, center center, 0, center center, 60%, color-stop(0%, rgba(0,0,0,.4)), color-stop(70%, rgba(0,0,0,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70%); background: radial-gradient(ellipse at center, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a62a2a2a', endColorstr='#002a2a2a', GradientType=1); } .highlights_panel_2 .item .overlay { background: rgba(0,0,0,.1) } .partner-1 { display: inline-block; text-align: center; max-width: 176px; margin: 5px; } .partner-2 { display: inline-block; text-align: center; max-width: 140px; margin: 5px; } ul.domains { display: inline-flex; list-style: none; font-size: 11px; text-align: center; padding: 10px 0 0px 0; margin: 0; } ul.domains li { padding: 0px 5px; border-right: 1px solid #1c4263; } .long_description p b { color: #9e0505 } #page_header { border-top: 0; } #next, #prev { font-size: 48px; color: #fff; position: absolute; font-weight: bold; z-index: 99; top: 50% } #next { right: 0px; padding-right: 30px; } #prev { left: 0px; } /*#next:hover,#prev:hover{background-color:rgba(0,113,156,.7)}*/ #next:hover, #prev:hover { background-color: rgba(255,255,255,.7); color: #999 } @media(max-width:480px) { #next, #prev { top: 52%; font-size: 28px; } } footer .footer_button { float: left; background: #444; padding: 14px 18px; text-transform: uppercase; font-size: 13px; color: #fff !important; position: relative; text-align: center; min-width: 215px; } footer .newsletter_popup { margin-bottom: 30px } footer .newsletter_popup i { font-size: 20px; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #060606; width: 45px; text-align: center; padding-top: 7px } footer .voucher_button { margin-top: 40px; padding: 25px 20px 20px 20px } footer .voucher_button .ribbon { background-image: url(../images/voucher_ribbon.png); background-position: center; background-repeat: no-repeat; width: 72px; height: 62px; position: absolute; top: -25px; background-size: 52px 42px; left: 0; right: 0; margin: auto } footer .voucher_button i { background: #101010; font-size: 12px; margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; display: inline-block; text-align: center; padding-top: 7px } .logo_container_left { /*border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 0;*/ float: left; line-height: 86px; z-index: 10; position: relative; width: 250px; height: 75px; padding: 14px 10px; transition: all 0.4s ease-in-out; text-align: center; } .logo_container_left img { width: auto; } /*.logo_container_left .fixed-logo{display:none;width:100%;opacity:0;background:#f8f8f8;transition:all 0.1s ease-in-out;} .logo_container_left .absolute-logo{display:block;position:absolute;top:85px;max-width:170px;left:25px;transition:all 0.1s ease-in-out;} header.navbar-fixed-top .absolute-logo{opacity:0;visibility:hidden}*/ #nav_container { height: 61px; text-align: center; position: relative; right: 100px; line-height: normal; } .booking_wrap { width: 190px; position: absolute; right: 0; top: 0; } .booking_wrap h3 { color: #fff; /* border-left: 2px solid #cca969; */ height: 75px; font-size: 18px; letter-spacing: 1px; text-align: center; text-transform: uppercase; margin: 0; padding-top: 26px; background: #9e0505; } .booking_wrap h3 i { background: #ffffff; font-size: 16px; margin-right: 5px; width: 25px; height: 25px; border-radius: 50%; color: #222; display: inline-block; text-align: center; padding-top: 4px; padding-left: 0px; margin-top: 0px; } #bookingLinks { position: relative; margin: -30px 0 30px; z-index: 10; float: left; width: 100%; } #bookingLinks .panel { float: left; width: 100%; background: #222; height: 60px; box-shadow: 0 8px 20px rgba(0,0,0,.1); text-transform: uppercase; } #bookingLinks .panel .title { background-color: #9e0505; color: #fff; height: 60px; } #bookingLinks .panel .title h3 { padding-top: 0px; margin-top: 17px; } #bookingLinks .panel .inner { width: 100%; } #bookingLinks .panel .links .inner { padding-top: 19px; } #bookingLinks .panel .links a { display: inline-block; font-weight: 200; position: relative; padding: 0 10px; color: #fff; font-size: 15px; letter-spacing: 0px; white-space: nowrap; } #bookingLinks .panel .links a:after { content: '/'; position: absolute; top: 50%; right: -5px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #bookingLinks .panel .links a:last-child:after { content: ''; } header nav span.d-icon { float: left; margin: 1px; margin-right: 5px } header nav span.d-icon img { max-width: 100%; width: 13px; } .highlights_panel2 { float: none; width: 100%; padding: 30px 0; } .highlights_panel2 .item { padding: 0 10px } .highlights_panel2 .item figure { position: relative; overflow: hidden } .highlights_panel2 .item img { width: 100% } .highlights_panel2 .item figcaption { position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; text-shadow: 0px 0px 1px #000; } .highlights_panel2 .item figcaption:before { content: ''; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); position: absolute; width: 100%; height: 30%; bottom: 0; z-index: 1 } .highlights_panel2 .item figcaption h2 { position: absolute; bottom: 0; color: #fff; padding: 0 30px 30px; text-align: left; font-size: 32px; z-index: 10 } .highlights_panel2 .item figcaption h2 small { display: block; color: #fff; margin: 0 0 8px; font-family: /*"myriad-pro",*/proxima-nova-alt, Arial, sans-serif; text-transform: uppercase; font-weight: 300; font-size: 14px; letter-spacing: 2px } .circle-banner { background-color: rgba(255,255,255,0.85); border-radius: 50%; height: 165px; width: 165px; padding: 20px 10px; text-align: center; letter-spacing: 1px; transition: all 0.3s ease-in-out; text-transform: uppercase; box-shadow: 0 0 15px rgba(0,0,0,0.5); } .circle-banner h2 { margin: 5px 0; margin-top: 13px; letter-spacing: 1px; text-indent: 1px; font-size: 28px; margin-bottom: 0; text-transform: uppercase; } .circle-banner h5 { padding-top: 10px; border-top: 1px solid #bbb; margin-top: 5px; } .circle-banner h5 span.big { display: block; margin-top: 10px; } .circle-banner h5 span.big span { padding: 5px; color: #fff; background-color: #9e0505; font-size: 20px; letter-spacing: 2px; text-indent: 2px; padding: 2px 10px; } .servizi span { display: block; padding: 5px; width: 100%; text-transform: uppercase; font-size: 13px; } .servizi span::after { content: ''; bottom: 0; width: 50px; height: 1px; background: #aaaaaa; display: block; margin: 7px auto 0 auto; } .servizi p span a { text-transform: none; color: #aaa; display: block; } .no-padding { padding-left: 0; padding-right: 0; } .escursioni.offers-list-2 .item-content h2 { font-size: 30px; margin-top: 10px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #aaa; } .escursioni.offers-list-2 .item-content p { text-align: justify } .escursioni.offers-list-2 .item-content .subtitle { text-transform: uppercase; letter-spacing: 1px; color: #9e0505; font-weight: bold; } .col-2-list { margin-top: 5px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } #contact-form input { margin-bottom: 19px; } .nav_foot { width: 100%; } .show-mobile { display: none; } .sidebar_widget ul { display: block; width: 100%; float: left; } .sidebar_widget { text-align: left; } .social_share_bubble a { display: inline-block; margin: 5px; color: #9e0505 } #subscribe-form input { color: #000; } #subscribe-form .btn-primary { color: #fff !important; background: #9e0505; } .hometop { background-color: rgba(0,0,0,.7); outline: 7px solid rgba(0,0,0,.7); position: absolute !important; bottom: 50px; right: 30px; z-index: 2000; height: 105px; overflow: hidden; width: 380px; color: #fff; display: block; } .hometop a { color: #fff; display: block } .hometop img { max-width: 100%; width: auto } .hometop .hometop_img, .hometop .hometop_txt { float: left; width: 50% } .hometop .hometop_txt a { height: 105px; padding: 7px 10px } .hometop .hometop_txt h4 { float: left; font-size: 14px; text-align: center; letter-spacing: .5px; margin: 0 auto 5px; width: 100%; text-transform: uppercase; } .hometop .hometop_txt h4 .line { border-color: #fff; } .hometop .hometop_txt p { color: #fff; float: left; font-size: 11px; margin: -5px auto 5px; text-align: center; width: 100% } .hometop .hometop_txt .button { margin: 0 auto; font-size: 10px; text-transform: uppercase; color: #fff; background: #9e0505; padding: 5px 10px; float: none; line-height: normal; width: 105px; display: table; } .secondarypage .hometop { display: none !important } table.new-table { width: 100% !important; } table.new-table td, table.new-table th { padding: 6px; } @media(min-width:1200px) { .highlights_panel2 .item figure img { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform .8s; -moz-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .highlights_panel2 .item figure:hover img { -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02) } .highlights_panel2 .item figure figcaption:before { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); opacity: .6; -webkit-transition: height .5s, opacity .5s; -moz-transition: height .5s, opacity .5s; -o-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s } .highlights_panel2 .item figure:hover figcaption:before { height: 40%; opacity: 1 } } @media(max-width:767px) { .nav_primary ul li.selected a span, .nav_primary ul li.selected a caret{color:##333} }