/* ---------- 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: 15px; line-height: 1.42857143; 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 } .clear { clear: both; height: 0; } .clearm5 { clear: both; height: 5px; } .clearm6 { clear: both; height: 6px; } .clearm7 { clear: both; height: 7px; } .clearm8 { clear: both; height: 8px; } .clearm9 { clear: both; height: 9px; } .clearm10 { clear: both; height: 10px; } .clearm15 { clear: both; height: 15px; } .clearm20 { clear: both; height: 20px; } .clearm25 { clear: both; height: 25px; } .clearm30 { clear: both; height: 30px; } .clearm40 { clear: both; height: 40px; } .clearm50 { clear: both; height: 50px; } .clearm60 { clear: both; height: 60px; } .clearm70 { clear: both; height: 70px; } .clearm80 { clear: both; height: 80px; } .clearm90 { clear: both; height: 90px; } .clearm100 { clear: both; height: 100px; } .middle { vertical-align: middle; } .margin0 { margin-top: 0 !important; margin-bottom: 0 !important; } .margint0 { margin-top: 0px; } .margint10 { margin-top: 10px; } .margint20 { margin-top: 20px; } .margint30 { margin-top: 30px; } .margint40 { margin-top: 40px; } .margint50 { margin-top: 50px; } .margint60 { margin-top: 60px; } .margint70 { margin-top: 70px; } .margint80 { margin-top: 80px; } .margint90 { margin-top: 90px; } .margint100 { margin-top: 100px; } .marginb0 { margin-bottom: 0px; } .marginb10 { margin-bottom: 10px; } .marginb20 { margin-bottom: 20px; } .marginb30 { margin-bottom: 30px; } .marginb40 { margin-bottom: 40px; } .marginb50 { margin-bottom: 50px; } .marginb60 { margin-bottom: 60px; } .marginb70 { margin-bottom: 70px; } .marginb80 { margin-bottom: 80px; } .marginb90 { margin-bottom: 90px; } .marginb100 { margin-bottom: 100px; } .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: 45px; box-shadow: 0 0 0 1px #fff; color: #fff; float: right; font-size: 12px; left: 40px; 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: #fff; position: fixed; width: 100%; left: 0; border-radius: 0; z-index: 999; border: none; } .logo img { margin: 0 auto; padding: 0px; max-width: 215px; margin-top: 0px; width: auto; } /*.navbar-fixed-top .logo img {max-width:75px;}*/ /*.navbar-fixed-top .logo_container_left{padding:0}*/ .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; } /* Header Number 2 */ #header-2{ background: none; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header-2 .nav_primary{ float:right !important } #header-2 .nav_primary{ border-top:1px solid rgba(255,255,255,.4) } #header-2.navbar-fixed-top,#header-2.navbar-fixed-top ul ul,#header-2.navbar-fixed-top ul ul,#header-2.navbar-fixed-top ul ul li a,#header-2.navbar-fixed-top .nav_primary li:hover,#header-2.navbar-fixed-top .nav_primary a:hover{ background:#2a2a2a !important; } #header-2 .top-header{display:block; -webkit-transition: 0.5s opacity ease-in-out; -moz-transition: 0.5s opacity ease-in-out; transition: 0.5s opacity ease-in-out; opacity: 1;} #header-2.navbar-fixed-top .top-header{display:none;opacity: 0;} #header-2 .top-header:after{clear:both;} #header-2.navbar-fixed-top:before{opacity:0} #header-2.navbar-fixed-top .nav_primary{border-top:none;} #header-2:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); float: left; height: 150%; left: 0; position: absolute; top: 0; width: 100%; webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } #header-2 .logo_container_left{ background: none !important; position: absolute; top: 0; padding-top: 10px; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } #header-2 .logo_container_left .logo-initial{ max-width:120px; } #header-2 .logo_container_left .logo-initial,#header-2 .logo_container_left .logo-fixed{ -webkit-transition: 0.5s opacity ease-in-out; -moz-transition: 0.5s opacity ease-in-out; transition: 0.5s opacity ease-in-out; opacity:1; } #header-2 .logo_container_left .logo-fixed,#header-2.navbar-fixed-top .logo_container_left .logo-initial{ display:none; opacity:0; } #header-2.navbar-fixed-top .logo_container_left .logo-fixed{ display:block; opacity:1; } #header-2 nav a{ /*background: none !important;*/ background: none; color: #fff; font-weight:normal !important; /*border-bottom:2px solid transparent;*/ } #header-2 .nav_primary a {padding: 25px 10px;} #header-2 .nav_primary li:hover,#header-2 .nav_primary a:hover{ background: none !important; font-weight:600 !important; } #header-2 #nav_container{ right:auto !important; height:auto !important } #header-2 .nav_primary ul ul{ background:none !important } #header-2 .nav_primary li.last ul{ width:80px !important } #header-2 .nav_primary ul ul li{ border:none !important } #header-2 .nav_primary ul ul li a{ border-color:#fff !important; } #header-2 .top-header{ padding: 8px 0; float: left; color: #fff; font-weight: normal !important; width: 100%; } #header-2 .top-header .contacts { padding-top: 4px; font-size: 13px; letter-spacing: 0.3px;} #header-2 .top-header .languages,#header-2 .top-header .contacts{float:left;} #header-2 .top-header .languages{margin-left:20px} #header-2 .top-header .languages ul,#header-2 .top-header .contacts ul{ margin:0; padding:0; list-style:none; } #header-2 .top-header .languages ul li,#header-2 .top-header .contacts ul li{ color:#fff; float:left; margin-left:5px; } #header-2 .top-header .contacts ul li a{color:#fff;margin-right:10px;font-weight:normal !important;} #header-2 .top-header .languages ul li a{ /*color: #fff; font-weight: normal !important; padding: 3px 6px; border: 1px solid rgba(255, 255, 255, 0.7); display: block;*/ } #header-2 .booking_wrap{top:75px !important} #header-2 .booking_wrap h3{ opacity: 0; height: auto; padding: 15px 5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} #header-2.navbar-fixed-top .booking_wrap h3{opacity: 1 !important;} #header-2 .booking_wrap,#header-2 .booking,#header-2 .booking_ab{width:210px;} #booking-absolute.booking_sticky {position:absolute;bottom:60px;background:none;} #booking-absolute.booking_sticky .booking_panel input,#booking-absolute.booking_sticky .booking_panel select{background:none;border:none;border-bottom:1px dashed #fff;color:#fff;position:relative;} #booking-absolute.booking_sticky .arrival_wrapper input,#booking-absolute.booking_sticky .departure_wrapper input{background:url(../images/calendar-white.png) no-repeat scroll 95% center !important;} #booking-absolute.booking_sticky select{ background:url(../images/angle-down.png) no-repeat scroll 95% center !important; } #booking-absolute.booking_sticky input::placeholder { /* Firefox, Chrome, Opera */ color: #fff; } #booking-absolute.booking_sticky select option{color:#000 !important;} .booking_sticky { position: fixed; bottom: 0; display: none; width: 100%; z-index: 999; background: #1f1f1f; padding: 8px 0; color: #fff; /*DO NOT DELETE*/ } .fadein { opacity: 0 !important; animation: fadein 1s; -webkit-animation-fill-mode: forwards; } .with_delay{animation-delay:1.5s;} @keyframes fadein { from { opacity: 0} to { opacity: 1} } #header-2 .booking .call_now{ font-size:11px; } .scroll_down { position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 45px; /* background-color: #111111; border-radius: 50%; */ color: #fff; font-size: 35px; padding-top: 7px; font-weight: 300 !important; text-align: center; z-index: 50; -webkit-animation: moreofagesture 2s cubic-bezier(.1,0,.3,1) infinite; animation: moreofagesture 2s cubic-bezier(.1,0,.3,1) infinite; } .mob-toggle{ display:none !important; } .link-website{ /*display: none !important;*/ position:absolute; top:140px; left:20px; z-index: 999; } .header.navbar-fixed-top .link-website{display: none;} .header .link-website a { padding: 4px 7px; background: #fff; color: #000; box-shadow: 0px 0px 12px #0000004a; font-weight: normal !important; float: left; display: block; margin-bottom: 6px; min-width: 150px; font-size: 12px; text-transform: uppercase; } .booking_sticky .booking_panel{width:100%} .booking_sticky .booking_panel h3{margin:7px 0;text-transform: uppercase;} .booking_sticky .booking_panel .departure_wrapper,.booking_sticky .booking_panel .arrival_wrapper{margin-bottom:0;margin-top:0 !important} .booking_sticky .booking_panel input,.booking_sticky .booking_panel select{margin:2px 0;height:35px;color:#000} .booking_sticky .booking_panel .button{background:#7b0000;color:#fff;} .booking_sticky .booking_panel .modify{ margin-top: 2px; display: block; font-size: 12.5px; color: #fff; text-transform: uppercase;} .booking_sticky .booking_panel .modify span{border-bottom:1px solid #fff;} /**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; } .pull-right{float:right} /**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; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } /**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: #000; font-family: "proxima-nova-alt"; margin: 0; padding: 30px 13px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } .nav_primary li:last-child a { margin: 0 } .nav_primary li:hover, .nav_primary a:hover { background: #f4f4f4; } .nav_primary li.selected a { color: #7b0000; /*border-bottom:1px solid rgba(255,255,255,.4)*/ } .nav_primary ul ul { width: 220px; background: #fff; position: absolute; left: 0; display: none; visibility: hidden } .nav_primary ul li.megamenu{ position: inherit; } .nav_primary ul li.megamenu ul{ width: 100% !important; left:0 !important; } .nav_primary ul li.megamenu ul .inner{ padding: 20px; float: left; background: #eee; width: 100%; } .nav_primary ul li.megamenu .wrapper .inner{padding: 20px;float: left;width: 100%;} .nav_primary ul li.megamenu .wrapper .inner .mega_menu_intro {border-right:1px solid #ccc;text-align: center;padding:15px;} .nav_primary ul li.megamenu .wrapper .inner .mega_menu_intro .btn{margin:0 auto;background:#8d745d !important;color:#fff; font-weight: normal;padding:4px 20px !important;font-size:15px;letter-spacing: 1px; float:none} .nav_primary ul li.megamenu .wrapper .inner .list{text-align: left;padding-left: 10px;} .nav_primary ul li.megamenu .wrapper .inner .list a.list-item{display: block;padding:10px !important;color:#000 !important;font-weight: bold;font-size: 14.5px; float:left;width:100%;} .nav_primary ul li.megamenu .wrapper .inner .list a.list-item:hover{background:none !important;} .nav_primary ul li.megamenu .wrapper .inner .mega_menu_intro img{width:auto;max-width: 200px;margin:0 auto;margin-bottom: 20px;} .nav_primary ul li.megamenu .wrapper .inner .image_link{padding: 0 !important;color:#fff;text-shadow: 1px 1px 2px #000;font-weight: normal;} #menu-fullscreen{ position: fixed; top: 0; left: 0; width: 0; height: 100vh; overflow-y: auto; background:#eee; z-index: 99999; -webkit-transition: width 0.4s ease-in; -moz-transition: width 0.4s ease-in; transition: width 0.4s ease-in; } #menu-fullscreen.opened{ width: 100vw; } #menu-fullscreen .inner{ padding: 50px; outline:50px solid #fff; float: left; width: 100%; } #menu-fullscreen .inner .menu-close{ cursor:pointer; position: absolute; top:50px; left:50px; z-index: 9; } #menu-fullscreen .inner .menu-close img{ max-width: 30px; } #menu-fullscreen .general-info { padding:20px; text-align: left; display: flex; height:calc(100vh - 5vw); align-items: center; } #menu-fullscreen .general-info .logo{ max-width: 160px; margin-bottom: 20px; } #menu-fullscreen .general-info .lang{ float: left; width: 100%; margin-bottom: 20px; } #menu-fullscreen .general-info .lang a{ display: inline-block; margin:5px; float: none; text-transform: uppercase; font-size: 16px; } #menu-fullscreen .general-info ul{ list-style: none; padding-left: 0; font-size: 16px; line-height: 25px; margin-bottom: 20px; } #menu-fullscreen nav.full-menu ul { margin: 0; padding: 0; } #menu-fullscreen nav.full-menu ul li { display: block; float: right; text-align: right; width: 100%; position: relative; } #menu-fullscreen nav.full-menu ul li a { /*color: #ccc; */ text-transform: uppercase; /* display: block; */ font-size: 16.5px; width: 100%; letter-spacing: 1px; padding: 7px 10px; font-weight: bold; transition: 0.3s linear; } #menu-fullscreen nav.full-menu{/*height: 100vh;*/padding: 20px;padding-right: 65px; border-right: 1px solid #777; height: calc(100vh - 5vw); display: flex; border-right: 1px solid #777; align-items: center;} #menu-fullscreen nav.full-menu ul li:hover a { color:#7b0000;} #menu-fullscreen nav.full-menu ul li span.menu-toggle{position: absolute; right: -25px; height: 100%; font-size: 16px; font-weight: normal !important; padding: 7px; cursor: pointer; } #menu-fullscreen nav.full-menu ul li ul { padding:10px 0; display: none; position: relative; /*width: 250px;*/ float: right; } #menu-fullscreen nav.full-menu ul li ul li { color:#666; text-transform: none; display: block; } #menu-fullscreen nav.full-menu ul li ul li:first-child { border-top: none; } #menu-fullscreen nav.full-menu ul li ul li a { /*background: #373737; */ display: block; text-transform: none; padding: 3px; font-size: 14.5px; font-weight: normal; letter-spacing: 0.3px; } #menu-fullscreen nav.full-menu ul li ul li a:hover { color: #000; } .nav_social.dark ul li { margin: 0 3px } .nav_social.dark 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 #000; color: #000; display: block; } .nav_social.dark 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 } .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 !important; 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 } .hometop { background-color: rgba(0,0,0,.45); outline: 7px solid rgba(0,0,0,.45); position: absolute !important; bottom: 70px; right: 50px; z-index: 2000; height: 105px; overflow: hidden; width: 300px; color: #fff; display: block; } .hometop a { color: #fff; display: block } .hometop img { max-width: 100%; width: auto } .hometop .hometop_img { float: left; width: 45% } .hometop .hometop_txt{ float: left; width: 55% } .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% } .hometop .hometop_txt p { color: #fff; float: left; font-size: 11px; margin: 5px auto 7px; text-align: center; width: 100% } .hometop .hometop_txt .button { margin: 0 auto; font-size: 10px; text-transform: uppercase; color: #fff; background: #a2a568; padding: 0px 10px; float: none; width: 105px; display: table } /* Header image */ /* ---------- Header Image ---------- */ .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item { width: 100%; height: auto; max-height: 750px; min-height: 750px; background-size: cover; background-position:center center; } .secondarypage .home_page_scroll{display:none !important;} .secondarypage .header_image img { /*margin-top: 140px;*/ max-height: 750px; 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: 0; 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;} header.navbar-fixed-top{background:#fff;} .logo img{transition:all 0.5s ease-in-out} /*header.navbar-fixed-top .logo img{width:157px;}*/ 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; background-color: white!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: 250px; position: absolute; text-transform: uppercase; top:90px; 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: 4px; height: 27px; width: 27px; -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: 40px; position: absolute; text-shadow: 1px 1px 1px #000; width: 500px; z-index: 100 } .header_image_tag.centered{ width: 100%; left:0; text-align: center; bottom:36% !important; font-size: 17px; } .header_image_tag.centered .inner_box{ display: inline-block; max-width: 900px; /*min-width: 600px;*/ padding:50px; } .header_image_tag.centered h2{ width: auto; float:none; font-size: 50px; } .header_image_tag .line { border-bottom: 1px solid #fff; display: block; margin: 0 0 -14px; width: 45% } .homepage .header_image_tag { bottom: 100px; } .header_image_tag { bottom: 90px; } .header_image_tag h2 { font-family: "minerva-modern", sans-serif; font-size: 44px; line-height: 1; margin-bottom: 5px; /*width: 1500px;*/ z-index: 9999 } .header_image_tag span { text-transform: uppercase; letter-spacing: 0.5px; } /*.secondarypage .home_page_scroll.secondarypage #page_header #gallery{display: none;} */ .home_page_scroll { bottom: 35px; float: left; position: absolute; right: 30px; 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: 180px; 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 #1f1f1f } .booking .button, .attraction_lists .button, .cookie_message .button { background: none repeat scroll 0 0 #7b0000 } .booking .button:hover, .attraction_lists .button:hover, .cookie_message .button:hover, .contact_panel_buttons .button:hover, .scroll_booking .button:hover { color: #fff; background: #1f1f1f } .booking .arrival_wrapper input,.booking_panel .arrival_wrapper input, .booking .departure_wrapper input,.booking_panel .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, .booking_panel .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, .booking_panel .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: #7b0000; color: #fff; padding: 10px 20px; } .booking_button_panel .book_now_button .button.book-button:hover{background:#1f1f1f;} .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: 280px } .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: #ffffff; } .ContentPanel .page_title_top .line { border-bottom: #7b0000 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: #7b0000; 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: #7b0000; } .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 *****/ /***** 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); } /* ---------- 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: #7b0000 } .text-center .line { border-bottom: 1px solid #7b0000; 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 } .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 } .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: 150px; } .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 #2a2a2a; border-radius: 50%; content: "0" counter(item, decimal); padding: 10px!important; position: relative; top: 10px; vertical-align: top; color: #fff; display: inline-block; font-weight: bold; letter-spacing: 1px; font-size: 13px; } .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: #00253b; color: #fff; } footer .footer_item{text-align:left;} footer a { color: #fff } 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: 100%; padding: 2px 0; } .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 } /*footer .nav_social ul li a {color:#000;border-color:#000}*/ .nav_social ul li a { text-align: center; float: left; font-size: 12px; padding: 4px; width: 27px; height: 27px; -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: #7b0000; /*background: rgb(79, 150, 148);*/ 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: 1200px } .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: #062438; height: 42px; 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: #062438; text-align: center; color: #fff; text-transform: uppercase; position: static; padding: 5px; text-decoration: none; margin: 0; border-right: 1px solid #aaa; } .nav_primary_mobile ul li a { padding: 0; font-size: 12px } .nav_primary_mobile ul li:last-child a { border: none !important; } .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: #7b0000 } .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 } .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: 18px;line-height: 26px } .nav_primary_mobile ul li a i { float: none; 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; } .col-xs-15 { width: 20%; float: left } /*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: #7b0000; } .bgcolor { background-color: #7b0000 } .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: 230; 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 { text-transform: uppercase; color: #999; float: left; width: 100%; 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: 25px; letter-spacing: 1px; } .highlights_panel_2 .item_0 .read_more, .highlights_panel_2 .item_3 .read_more { display: block; font-size: 13px; background: #00253b; color: #fff; padding: 2px; } .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: 300; 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%;*/ background-position-x: center; padding: 80px 0; padding-bottom: 40px; } .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%; margin-top: 10px; 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 top center } .three_col_offer_inner .three_col_offer_first_col .three_col_offer_corner_image { position: absolute; bottom: -9%; width: auto; left: -8%; max-width: 80px; opacity: .6; 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: #585858 } .offers-panel .col:nth-child(3n+2) .item .panel { background-color: #7b0000 } .offers-panel .col:nth-child(3n+3) .item .panel { background-color: #00253b } .offers-panel .col .item.title .panel { background-color: #1a1a1a; } .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: #bca065; 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: 991; } .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; } .no-left-pad { padding-left: 0; } /*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 #7b0000;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: #7b0000 } .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:-3px;margin-right:-3px;} .small-padding{padding-left: 3px;padding-right: 3px;} /*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; color:#333; } .offers-list-2 .content-wrap p{text-align:justify;} .offers-list-2 .content-wrap p b{color:#7b0000} .offers-list-2 .offer-item .content-details { display: block !important; 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: block !important; margin: 0 auto; padding: 30px 15px; border-top: 5px solid #fff; } .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: #7b0000; 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:25px; } .offers-list-2 .item-content h2{font-size:35px;margin-top:5px;} .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: 22px; float: left; margin-top: -3px; height: auto;} .parallax_item p{ font-size: 19px; } .parallax_item { padding:235px 0; background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 70%); background: -webkit-gradient(radial,center center,0,center center,60%,color-stop(0%,rgba(0,0,0,.3)),color-stop(70%,rgba(0,0,0,0))); background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 70%); background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 70%); background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 70%); background: radial-gradient(ellipse at center,rgba(0,0,0,.3) 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:#999} #page_header{border-top:0;} #next,#prev{font-size: 48px; color: #fff; position: absolute; font-weight: bold; z-index: 99; top: 50%; width: 35px; height: 70px; cursor:pointer; opacity:0; -webkit-transition:0.5s all ease-in-out; -moz-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; } #next{right:0px;background: url(../images/arrow-right.png);background-size:contain;background-repeat:no-repeat;background-position: center center;transform:translate(100%);} #prev{left:0px;background: url(../images/arrow-left.png);background-size:contain;background-repeat: no-repeat;background-position: center center;transform:translate(-100%); } /*#next:hover,#prev:hover{background-color:rgba(0,113,156,.7)}*/ #page_header:hover #next,#page_header:hover #prev{opacity:1;} #page_header:hover #next {transform:translate(-50%);} #page_header:hover #prev {transform:translate(50%);} 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 { float: left; line-height: 86px; z-index: 10; position: absolute; padding: 8px; padding-bottom: 0; /*background: #7b0000;*/ height: 75px; } #nav_container{ height: 75px; text-align: center; position: relative; right: -10px; line-height: normal; } .booking_wrap{width:250px;position:absolute;right: 0;top: 0;} .booking_wrap h3{color: #fff; height: 75px; font-size: 16px; letter-spacing: 1px; text-align: center; text-transform: uppercase; margin: 0; padding-top: 29px; background: #00253b;} .booking_wrap h3 i { background: #7b0000; font-size: 14px; margin-right: 5px; width: 24px; height: 24px; border-radius: 50%; color: #fff; display: inline-block; text-align: center; padding-top: 4px; padding-left: 1px; margin-top: -8px; } #bookingLinks{ position: relative; margin: -35px 0 30px; z-index: 10; float: left; width: 100%;} #bookingLinks .panel{ float: left; width: 100%; background: #fff; height: 70px; box-shadow: 0 8px 20px rgba(0,0,0,.1); text-transform: uppercase;} #bookingLinks .panel .title{background-color: #00253b;color:#fff;height:70px;} #bookingLinks .panel .title h3{padding-top: 0} #bookingLinks .panel .inner { width: 100%; } #bookingLinks .panel .links .inner {padding-top: 25px;} #bookingLinks .panel .links a { display: inline-block; font-weight: 200; position: relative; padding: 0 12px; color: #2f2f2f; font-size: 15px; letter-spacing: 0.5px; 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.95); border-radius: 50%; height: 185px; width: 185px; padding: 25px 10px; text-align:center; /*background: url(../images/bg.jpg);*/ letter-spacing: 1px; background-position: center center; background-size: contain; 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: 9px; letter-spacing: 1px; text-indent: 1px; font-size: 22px; font-weight: bold; margin-bottom: 0; text-transform: uppercase; } .circle-banner h5{padding-top: 10px;font-size:13px; 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: #00253b; font-size: 15px; letter-spacing: 1px; text-indent: 1px; 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:#7b0000;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%;} .vouchers_link{color: #7b0000!important;} .partner li{padding:5px 15px;margin:5px 0;color:#fff;position:relative;background:#7b0000;max-width: 93%;} .partner li img{position:absolute;top:7px;max-width:30px;float:left;} .partner li h5{padding-left:50px;margin:0;text-transform:uppercase;} .absolute-offer-caption { position: absolute; top: 0; right: 0; display: block; color: #fff; padding: 10px; text-align: center; min-width: 110px; background: rgba(26, 26, 26, 0.85); font-size: 20px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; } .absolute-room-caption { position: absolute; top: 0; left: 0; display: block; color: #fff; padding: 10px; text-align: center; min-width: 110px; background: rgba(26, 26, 26, 0.85); font-size: 20px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; } .room-services{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;} .room-services li{ width: 100px; list-style: none; position: relative; padding: 7px; font-size: 15px; border: 1px solid #ddd; margin: 3px 15px; padding-left: 50px; width: 47%; /* float: left; */ margin-left: 0; /* display: flex; */ flex-wrap: wrap; display: flex; flex-direction: row; } .room-services li span{position:absolute;left: 12px; top: 7px; font-size: 20px; color: #7b0000;} .book_direct_panel { background-color: #e9eaec; width: 100%; text-align: center; position: relative } .book_direct_panel span { display: block } .book_direct_panel .book_direct_inner { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex } .book_direct_panel .separator { position: relative } .book_direct_panel .separator:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 110px; background-color: #e0e3ec; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .book_direct_inner { color: #5d5d5d; text-align: center } .book_direct_inner .title { min-height: 115px; padding-top: 25px } .book_direct_inner .title h4 span:first-child { color: #1a3988; font-size: 22px; text-transform: uppercase } .book_direct_inner .title h4 span:last-child { font-size: 26px; font-weight: 300; text-transform: capitalize } .book_direct_inner p span { font-size: 14px; line-height: 1.2 } .book_direct_inner p span:last-child { color: #909090; font-size: 13px; text-transform: uppercase; letter-spacing: -.02em } .book_direct_panel .reasons { min-height: 115px; padding-top: 25px } .book_direct_panel .reasons i { font-size: 24px; color: #8b99c0 } .module_button_container { border-top: 1px solid rgba(159,124,103,0.7); border-bottom: 1px solid rgba(159,124,103,0.7); display: inline-block; margin-top: 20px } .module_button { display: inline-block; margin: 0; padding: 7px 20px; background: none; text-align: center; cursor: pointer; text-transform: uppercase; -webkit-transition: all .2s linear; color: #1a1a1a; -moz-transition: all .2s linear; transition: all .2s linear; -webkit-appearance: none; font-size: 16.5px; font-family: "minerva-modern", "myriad-pro", Arial, sans-serif; } a.module_button:focus{ color: #454545 } .module_button:hover { color: #454545 } .special_offers .item-content{padding: 30px 5px 10px;} .special_offers .offer-item-top .item-content .validita {font-size:16px;font-weight: bold} .special_offers .offer-item-top .item-content .description {color:#000; padding: 0 20px; } .special_offers .offer-item-top .item-content h2{ display: inline-block; text-align: center; border-bottom: 1px solid #7b0000; text-transform: uppercase; font-size: 28px; padding-left: 15px; padding-right: 15px; color: #1a1a1a; padding-bottom: 3px; } .special_offers .outlined-image img{ outline: 1px solid rgba(255,255,255,0.7); outline-offset: -15px;} #wedding_video video { position: absolute; width: 100%!important; height: auto!important; margin-top: -100px; } .frame-wrapper{ padding:20px; float:left; width:100%; } .frame-wrapper .title{text-transform:uppercase;margin-top:10px} .frame-wrapper .highlights_panel .main_description{padding:10px 20px} .border { position: relative } .border:before { z-index: 10; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; border: 1px solid #c29869; content: ""; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px } .border:hover:before { top: 0; left: 0; right: 0; bottom: 0 } .border .ppv_content { position: relative; z-index: 30; text-transform: uppercase } .ppv .item:hover .btn_border_gold { border: 1px solid #c29869; color: #fff; background-color: #c29869; opacity: .8 } .ppv .item .img_hd { overflow: hidden; position: relative; z-index: 1 } .ppv .item .img_hd img { width: 100%; } .ppv .item img { -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; -webkit-appearance: none; } .ppv .item:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02) } .panel_vertical .ppv_content { padding: 40px 60px 100px!important } .panel_vertical .item>a { position: relative; z-index: 10 } .panel_vertical .buttons_abs { position: absolute; bottom: 30px; width: 100%; text-align: center; z-index: 40; max-width: 640px } .bordering { position: relative; height: 100% } .bordering img { position: relative; z-index: -10 } .bordering:before { position: absolute; z-index: -1; text-align: center; border: 1px solid #95785a; display: table; content: ""; width: calc(100vh - 30px); margin: 15px; min-height: 100% } .ppv_content { padding: 40px 60px; color: #222 } .ppv_content h2 .gv_font { font-size: 42px } .ppv_logo { position: relative; z-index: 20; padding: 10px; background: #00253b; max-width: 55px; margin: 0 auto; font-size: 22px; margin-top: -70px; color: #fff; } .ppv_logo img { margin: 0 auto; position: absolute; left: 0; right: 0; width: 80px; top: -90px; -webkit-transition: all 2s linear; -o-transition: all 2s linear; transition: all 2s linear } .ppv_content .btn_link_gold { padding: 0; border-bottom: 1px solid #95785a; margin: 5px 0 0; } .panel_vertical .buttons_abs .btn_border_gold { margin-bottom: 15px; border: 1px solid #7b0000; color: #7b0000; background-color: transparent; text-transform: uppercase; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .new-parallax { float: none; margin-bottom: 20px; } .new-parallax, .new-parallax .parallax_slick, .new-parallax .parallax_slick .item { height: 425px; background-size: cover !important; background-position: center center; border: none; } .new-parallax .full-bg-image { padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .new-parallax .arrows { bottom: 20px; right: 20px; width:45px; height:48px; top: auto; left: auto; line-height: 48px; text-align: center; color: #fff; text-shadow: none !important; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .new-parallax.right .arrows{ right:auto; left:20px; } .new-parallax.right .arrows.next { left: 70px; } .new-parallax .arrows.prev { right: 70px; } .new-parallax .arrows:before { border-left: none !important; border-right: none !important; margin: 0 !important; text-shadow: none !important; } .new-parallax .full-bg-image .parallax_item .line { border-color: #fff; width: 60%; margin:20px 0; display: block } .new-parallax.right .full-bg-image .parallax_item .line{ float:right; } .new-parallax .full-bg-image .parallax_item { padding: 100px; font-weight: normal; z-index: 999; color: #fff; } .new-parallax .parallax_slick,.new-parallax .parallax_slick .item { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .new-parallax:hover .parallax_slick .item { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .new-parallax:hover .parallax_slick .arrows{ background:rgba(0,0,0,.8) } .new-parallax .full-bg-image .parallax_item h1, .new-parallax .full-bg-image .parallax_item p, .new-parallax .full-bg-image .parallax_item a, .new-parallax .full-bg-image .parallax_item a span { color: #fff; text-shadow:1px 1px 2px #000; font-weight: normal; } .new-parallax .full-bg-image:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; box-shadow: inset 700px 0 200px 0 rgba(0,0,0,0.6); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .new-parallax:hover .full-bg-image:before{ opacity:0.45; } .new-parallax.right .full-bg-image:before { box-shadow: inset -500px 0 200px 0 rgba(0,0,0,0.6) } .new-parallax p,.new-parallax a{font-size:16px;letter-spacing:0.3px;} .new-parallax .button_wrapper{display:block;margin-top:10px;} .new-parallax a .button{background:rgba(175,149,113,.8);padding:5px 20px;text-shadow: none !important} .fullscreen-site-wrapper { /*padding-top: 65px; put here the height of your header*/ padding-top: 75px; } .grid-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .grid-col { float: left; width: 50%; } .grid-box { height: calc(50vh - 32.5px); padding: 0 2px 2px 0; } .drawing-video video { display: block; width: 101% !important; height: auto; } .grid-box-sm { width: 50%; background-color: #fff; background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/loading.gif); background-repeat: no-repeat; background-position: 50% } .grid-box-lg { width: 100% } .grid-img { background-repeat: no-repeat; background-size: cover; background-position: 50% } .grid-col:first-child .grid-box:first-child .grid-img { background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/bg-panel-1.jpg) } .grid-col:first-child .grid-box:nth-child(2) .grid-img { background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/bg-panel-2.jpg) } .grid-col:first-child .grid-box:nth-child(3) .grid-img { background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/bg-panel-3.jpg) } .grid-col:first-child .grid-box.homepage-video .grid-img { background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/bg-panel-video.jpg) } .grid-col:first-child .grid-box.drawing-video .grid-img { background-image: url(https://scdn.aro.ie/Sites/50/flemings_mayfair/Assets/Images/bg-panel-1.jpg) } .grid-box-content { display: block; width: 100%; height: 100%; overflow: hidden; } .homepage-slider { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 0 2px; /*height: 60vh;*/ } #slider, #slider .slick-list, #slider .slick-track { height: 100%; } .homepage-slider .item{ background-size:cover !important } .home-content-slider-wrapper { width: 100%; height: calc(50vh - 32.5px); min-height: 240px; position: relative; margin: 0 auto; overflow: hidden } .home-content-slider-wrapper .content-wrapper.left { padding: 40px 125px; } .home-content-slider-wrapper .content-wrapper{ padding:50px 200px; } .home-content-slider-wrapper .content-wrapper.left .journey-details{ text-align: left; padding-top: 0; padding-left: 0 } .homepage-video video { display: block; width: auto !important; height: 100% !important; } .homepage-slider .slick-dots{bottom:10px;} .homepage-slider .slick-dots li{margin:0px;} .homepage-slider .slick-dots li button:before{ opacity: .5; color: #fff; } .homepage-slider .slick-dots li.slick-active button:before{ opacity: 1; color: #fff; } .slick_offers{text-align:center} .slick_offers img{width:auto !important;float:none;margin:0 auto} .sitemap{padding:50px} input[type=email]{color:#333} @media (min-width: 768px) { .visible-xs { display: none; } } .responsive-video{ width: 100vw; height: 100vh; object-fit: cover; } @media (max-width: 1023px){ .responsive-video, .homepage .header_image_wrapper, .homepage .header_image .item, .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item{ height: 90vh; max-height: 700px; } } @media (max-width: 991.89px){ .responsive-video, .homepage .header_image_wrapper, .homepage .header_image .item, .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item{ height: 70vh; max-height: 600px; } } @media (max-width: 767px){ .responsive-video, .homepage .header_image_wrapper, .homepage .header_image .item, .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item{ height: 60vh; max-height: 400px; } .header_image_tag h2 { font-size: 20px !important; } } @media (max-width: 400px) { .responsive-video, .homepage .header_image_wrapper, .homepage .header_image .item, .secondarypage .page_header, .secondarypage .header_image, .secondarypage .header_image_placeholder, .secondarypage .header_image .item{ height: 55vh; max-height: 400px; } .header_image_tag h2 { font-size: 18px !important; } }