/* -------As Per Template Order---------- datepicker,slick-slider,customscrollbar,retinadisplay-fonts,general,common-snippet,common-snippet-form,revamp-formcss,pushnotification,desktop-media-queries,button-css,cookie,editor */ /* -------Database List---------- File: datepicker, SiteID: 4999 File: slick-slider, SiteID: 4999 File: customscrollbar, SiteID: 4999 File: retinadisplay-fonts, SiteID: 4999 File: general, SiteID: 4999 File: common-snippet, SiteID: 4999 File: common-snippet-form, SiteID: 4999 File: revamp-formcss, SiteID: 4999 File: pushnotification, SiteID: 4999 File: desktop-media-queries, SiteID: 4999 File: button-css, SiteID: 4999 File: cookie, SiteID: 4999 File: editor, SiteID: 4999 */ /* -------cacheFileName---------- key8C5CC1BFE5DB62A642AD28795C8B145754F1327D00B4F8E25F473240AEAB92B7 */ .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-datepicker { width: 17em; padding: .1em .1em 0;z-index:9999 !important; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.0em; line-height: 1.8em; text-align: center;} .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; width:60px;} .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 2px; line-height: 24px; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0 .4em; text-align: right; text-decoration:none;list-style: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-widget { font-size: 0.9em; z-index:999; display:none;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { background-color: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { background-color: #cccccc; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cdcdcd; background-color: #e6e6e6; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration:none;list-style: none; outline: none; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:focus { color: #212121; text-decoration:none;list-style: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background-color: #ffffff; font-weight: normal; color: #212121/*{fcActive}*/; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration:none;list-style: none; } /*CalendarColor*/ #ui-datepicker-div {z-index:1001; display:none; font-size:14px; margin-top:-1px;} .ui-datepicker{padding:1px 5px; background-color:#FFFFFF; border:solid 1px #cbcbcb; border-radius:0;} .ui-widget-header {background-color:#FFFFFF; border-bottom:1px solid #cbcbcb; margin:0px 7px; padding:4px 0px !important;} .ui-widget select {border:#0D0D0D solid 1px;} .ui-datepicker th {background-color:#FFFFFF; color:#777777;} .ui-datepicker-month {color:#c25231; font-size:12px;} .ui-datepicker-year {color:#c25231; font-size:12px;} .ui-widget-content .ui-state-default {background-color:#FFFFFF; color:#323232; border:#FFFFFF solid 1px; text-align:center;} .ui-state-disabled .ui-state-default {background-color:#FFFFFF; color:#AAAAAA; border:#FFFFFF solid 1px; text-align:center;} .ui-state-highlight, .ui-widget-content .ui-state-highlight {background-color:#FFFFFF; color:#4D4D4D;/*COLOR CHANGE*/ border:#4D4D4D solid 1px;} .ui-widget-content .ui-state-active {background-color:#c25231; color:#FFFFFF; border:#c25231 solid 1px;} .ui-widget-content .ui-state-hover {background-color:#c25231; color:#FFFFFF; border:#c25231 solid 1px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 10px; height: 9px; position: relative; top: 6px; cursor: pointer; display: inline; transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } .ui-datepicker .ui-datepicker-prev{ background:url(https://www.glasslighthotel.com/images_noindex/sprite.png) -85px 0px no-repeat; left:0px; float: left;} .ui-datepicker .ui-datepicker-prev-hover{ background:url(https://www.glasslighthotel.com/images_noindex/sprite.png) -58px 0px no-repeat; left:0px; border:none; float: left;} .ui-datepicker .ui-datepicker-next{ background:url(https://www.glasslighthotel.com/images_noindex/sprite.png) -72px 0 no-repeat; right:0px; float: right;} .ui-datepicker .ui-datepicker-next-hover{ background:url(https://www.glasslighthotel.com/images_noindex/sprite.png) -43px 0px no-repeat; right:0px; border:none; float: right;} .ui-state-disabled {background:none !important;} .ui-datepicker .ui-datepicker-buttonpane button:hover, .ui-datepicker .ui-datepicker-buttonpane button:focus{background-color: #c25231; color: #fff;} .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:focus { background: url(https://www.glasslighthotel.com/images_noindex/sprite.png) -43px 0 no-repeat ; right: 0; border: none; float: right; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:focus { background: url(https://www.glasslighthotel.com/images_noindex/sprite.png) -58px 0 no-repeat; left: 0; border: none; float: left; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75;} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1;} .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ opacity: 0.4; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @font-face { font-family: 'mimiconfont'; src: url('/fonts/mimiconfont.ttf?woweuf') format('truetype'), url('/fonts/mimiconfont.woff?woweuf') format('woff'), url('/fonts/mimiconfont.svg?woweuf#mimiconfont') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } [class^="mim-icon-"], [class*=" mim-icon-"], [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mimiconfont' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mim-icon-notification:before { content: "\e989"; } .mim-icon-phone:before { content: "\e982"; } .mim-icon-next:before { content: "\e981"; } .mim-icon-left-arrow2:before { content: "\e97c"; } .mim-icon-right-arrow3:before { content: "\e97d"; } .mim-icon-call-center-operator:before { content: "\e97e"; } .mim-icon-email:before { content: "\e97f"; } .mim-icon-youtube:before { content: "\e980"; } .mim-icon-filter:before { content: "\e97b"; } .mim-icon-search:before { content: "\e97a"; } .mim-icon-chronometer:before { content: "\e979"; } .mim-icon-fax:before { content: "\e978"; } .mim-icon-angle-arrow-down:before { content: "\e977"; } .mim-icon-add:before { content: "\e974"; } .mim-icon-substract:before { content: "\e975"; } .mim-icon-distance-map:before { content: "\e972"; } .mim-icon-internet:before { content: "\e973"; } .mim-icon-to-do:before { content: "\e971"; } .mim-icon-filled-circle:before { content: "\e970"; } .mim-icon-mail:before { content: "\e96e"; } .mim-icon-placeholder:before { content: "\e96f"; } .mim-icon-bell-ring:before { content: "\e96b"; } .mim-icon-check:before { content: "\e96c"; } .mim-icon-wifi:before { content: "\e96d"; } .mim-icon-left-arrow-slider:before { content: "\e969"; } .mim-icon-right-arrow-slider:before { content: "\e96a"; } .mim-icon-high-volume:before { content: "\e964"; } .mim-icon-mute-volume-interface-symbol:before { content: "\e965"; } .mim-icon-pause:before { content: "\e966"; } .mim-icon-play-button:before { content: "\e967"; } .mim-icon-right-arrow-circular-button:before { content: "\e968"; } .mim-icon-right-arrow2:before { content: "\e963"; } .mim-icon-download-arrow:before { content: "\e95f"; } .mim-icon-phone-call:before { content: "\e960"; } .mim-icon-right-arrow-in-a-circle:before { content: "\e961"; } .mim-icon-small-calendar:before { content: "\e962"; } .mim-icon-badge:before { content: "\e95c"; } .mim-icon-key1:before { content: "\e95d"; } .mim-icon-security-check:before { content: "\e95e"; } .mim-icon-gift-box:before { content: "\e959"; } .mim-icon-key:before { content: "\e95a"; } .mim-icon-shield:before { content: "\e95b"; } .mim-icon-man-user:before { content: "\e958"; } .mim-icon-musica-searcher:before { content: "\e957"; } .mim-icon-frame-landscape:before { content: "\e954"; } .mim-icon-pin:before { content: "\e955"; } .mim-icon-telephone-handle-silhouette:before { content: "\e956"; } .mim-icon-filter-tool-black-shape:before { content: "\e94b"; } .mim-icon-left-arrow1:before { content: "\e94c"; } .mim-icon-locked-padlock:before { content: "\e94d"; } .mim-icon-map-symbol:before { content: "\e94e"; } .mim-icon-minus-button:before { content: "\e94f"; } .mim-icon-plus-button:before { content: "\e950"; } .mim-icon-right-arrow1:before { content: "\e951"; } .mim-icon-sort-button-with-three-lines:before { content: "\e952"; } .mim-icon-stopclock:before { content: "\e953"; } .mim-icon-square:before { content: "\e94a"; } .mim-icon-flag-black-shape:before { content: "\e948"; } .mim-icon-home-button:before { content: "\e949"; } .mim-icon-printer:before { content: "\e947"; } .mim-icon-notebook-and-mouse-cursor:before { content: "\e945"; } .mim-icon-distance:before { content: "\e946"; } .mim-icon-close:before { content: "\e944"; } .mim-icon-category:before { content: "\e943"; } .mim-icon-wall-clock:before { content: "\e942"; } .mim-icon-instagram-logo:before { content: "\e940"; } .mim-icon-pinterest-logo:before { content: "\e941"; } .mim-icon-book-arrow:before { content: "\e931"; } .mim-icon-business-icon:before { content: "\e932"; } .mim-icon-calender-icon:before { content: "\e933"; } .mim-icon-call:before { content: "\e934"; } .mim-icon-cleveland-clinic-icon:before { content: "\e935"; } .mim-icon-facebook-icon:before { content: "\e936"; } .mim-icon-foursqure-icon:before { content: "\e937"; } .mim-icon-location-icon:before { content: "\e938"; } .mim-icon-select-drop-arrow:before { content: "\e939"; } .mim-icon-service-icon:before { content: "\e93a"; } .mim-icon-slider-next:before { content: "\e93b"; } .mim-icon-slider-perv:before { content: "\e93c"; } .mim-icon-special-event-icon:before { content: "\e93d"; } .mim-icon-twitter-icon:before { content: "\e93e"; } .mim-icon-youtube-icon:before { content: "\e93f"; } .mim-icon-left-arrow:before { content: "\e92f"; } .mim-icon-right-arrow:before { content: "\e930"; } .mim-icon-chanceflurries:before { content: "\e907"; } .mim-icon-chancerain:before { content: "\e908"; } .mim-icon-chancesleet:before { content: "\e909"; } .mim-icon-chancesnow:before { content: "\e90a"; } .mim-icon-chancetstorms:before { content: "\e90b"; } .mim-icon-clear:before { content: "\e90c"; } .mim-icon-cloudy:before { content: "\e90d"; } .mim-icon-flurries:before { content: "\e90e"; } .mim-icon-fog:before { content: "\e90f"; } .mim-icon-hazy:before { content: "\e910"; } .mim-icon-mostlycloudy:before { content: "\e911"; } .mim-icon-mostlysunny:before { content: "\e912"; } .mim-icon-nt_chanceflurries:before { content: "\e913"; } .mim-icon-nt_chancerain:before { content: "\e914"; } .mim-icon-nt_chancesleet:before { content: "\e915"; } .mim-icon-nt_chancesnow:before { content: "\e916"; } .mim-icon-nt_chancetstorms:before { content: "\e917"; } .mim-icon-nt_clear:before { content: "\e918"; } .mim-icon-nt_cloudy:before { content: "\e919"; } .mim-icon-nt_flurries:before { content: "\e91a"; } .mim-icon-nt_fog:before { content: "\e91b"; } .mim-icon-nt_hazy:before { content: "\e91c"; } .mim-icon-nt_mostlycloudy:before { content: "\e91d"; } .mim-icon-nt_mostlysunny:before { content: "\e91e"; } .mim-icon-nt_partlycloudy:before { content: "\e91f"; } .mim-icon-nt_partlysunny:before { content: "\e920"; } .mim-icon-nt_rain:before { content: "\e921"; } .mim-icon-nt_sleet:before { content: "\e922"; } .mim-icon-nt_snow:before { content: "\e923"; } .mim-icon-nt_sunny:before { content: "\e924"; } .mim-icon-nt_tstorms:before { content: "\e925"; } .mim-icon-nt_unknown:before { content: "\e926"; } .mim-icon-partlycloudy:before { content: "\e927"; } .mim-icon-partlysunny:before { content: "\e928"; } .mim-icon-rain:before { content: "\e929"; } .mim-icon-sleet:before { content: "\e92a"; } .mim-icon-snow:before { content: "\e92b"; } .mim-icon-sunny:before { content: "\e92c"; } .mim-icon-tstorms:before { content: "\e92d"; } .mim-icon-unknown:before { content: "\e92e"; } .mim-icon-photo-camera:before { content: "\e906"; } .mim-icon-calendar:before { content: "\e900"; } .mim-icon-close-envelope:before { content: "\e901"; } .mim-icon-maps-and-flags:before { content: "\e902"; } .mim-icon-phone-receiver:before { content: "\e903"; } .mim-icon-speech-bubbles-comment-option:before { content: "\e904"; } .mim-icon-wifi-signal:before { content: "\e905"; } /*===================== Reset Css ==============================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:link, a:visited { text-decoration: none; color: #af4b2c; outline: none; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } a:hover, a:focus { outline: none; color: #c25231; } .clear { clear: both; float: none; height: 0; } .boxspacer { display: block; height: 20px; } .mob-boxspacer { display: none; } input, select, textarea { border: 1px solid #ccc; background-color: #ffffff; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: inherit; font-size: 16px; margin: 0; padding: 0 20px; border-radius: 0; height: 53px; font-family: 'Gotham Book'; font-weight: 500; outline: none; color: #555555; } textarea{padding: 8px 10px;} .box { padding: 30px 0; border-bottom: 1px solid #525148; } .box2 { padding: 30px 0; } ul li h2, ul li h3 { padding-bottom: 0; } #paracookiepolicy ul { padding-top: 5px; } #paracookiepolicy ul li { padding-bottom: 10px; } /*===================== Reset Css ==============================*/ /*===================== ADA Css ==============================*/ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff } .gm-err-message { background: #fff; color: #000 !important; } a.skip-to-content-btn { position: absolute; top: 0; left: 0; background: #fff; color: #4d4425 !important; z-index: 10000; height: 30px; width: auto; line-height: 30px; padding: 0 20px; filter: opacity(0); } a.skip-to-content-btn:focus { filter: opacity(1); color: #fff; } #reservationtable ul li button.ui-datepicker-trigger { position: absolute; background: transparent; right: 0; bottom: 50%; padding: 2px; font-size: 0; border: 1px solid transparent; line-height: 0; margin: 0 0 -10px 0; height: 22px; width: 22px; cursor: pointer; display: none; } .ada-datepicker { position: relative; } #reservationtable ul li button.ui-datepicker-trigger:focus, .ada-datepicker .ui-datepicker-trigger:focus { border: 1px solid #ffffff; outline: none; } .ada-datepicker .resinputbox { background-image: none } input[type="radio"]:focus, input[type="radio"]:hover { outline: 1px solid #6d6036; outline-offset: 2px; } input[type="text"], input[type="tel"], input[type="number"], input[type="date"], select, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } input[type="text"]:focus, select:focus, #blogpostcomment .commentcodecol4 a:focus, #emailOfferForm .email-frmfieldset #imgcode-home:focus, input:focus, textarea:focus { border: 2px solid #ca8f83; box-shadow: 0 0px 10px rgba(0,0,0,0.07); -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.07); } .rating-list .li:focus { border: 1px solid #000; } a.has-link:link, a.has-link:visited { border-bottom: 1px solid transparent; } a.has-link:focus, a.has-link:hover { border-bottom: 1px solid; } #breadcrumb a:link, #breadcrumb a:visited { color: #030303; } #breadcrumb a:hover, #breadcrumb a:focus { color: #af4b2c; } .input-error { border: solid 1px red !important; } .error-message { color: #af4b2c; font-size: 14px; } #logo a:link, #logo a:visited { display: block; } #logo a:focus { opacity: 0.7; } /*===================== ADA Css ==============================*/ /*========================== Header Start ===================*/ body { font-size: 16px; line-height: 28px; font-family: 'Gotham'; background-color: #f5f5f5; color: #555555; } #wrapper { margin: 0 auto; width: auto; background-color: #f5f5f5; padding: 0; overflow: hidden; } #main { position: fixed; top: 27px; height: auto; width: 100%; background: transparent; z-index: 10; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .header-bottom { height: 85px; background-color: rgba(0,0,0,.9); line-height: 85px; position: relative; margin: 0 60px; padding: 0 30px; } .header-bottom-wrap::after { clear: both; content: " "; display: block; } #logo { width: 232px; z-index: 2; float: left; max-height: 90px; overflow: hidden; } #logo img { vertical-align: middle; position: relative; width: 100%; height: auto; } .left-logo { display: inline-block; width: 0; vertical-align: middle; position: relative; margin-right: -5px; padding-right: 0; transition: all 0.4s ease 0.4s; -webkit-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; } .headerfix .left-logo { width: 36px; margin-right: 9px; padding-right: 16px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .right-logo { display: inline-block; width: 232px; vertical-align: middle; transition: all 0.4s ease 0.4s; -webkit-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; } .headerfix .right-logo { width: 165px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .left-logo::before { content: " "; width: 1px; height: 30px; background-color: #fff; position: absolute; top: 50%; right: 0; margin-top: -15px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transform: scaleY(0); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } .headerfix .left-logo::before { transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transition: all 0.4s ease 0.4s; -webkit-transition: all 0.4s ease 0.4s; -ms-transition: all 0.4s ease 0.4s; -o-transition: all 0.4s ease 0.4s; } #nav { box-sizing: border-box; float: right; position: relative; margin-right: 252px; } #nav #topnav { position: relative; } #nav ul::after { clear: both; content: " "; display: block; } #nav ul { list-style: none; } #nav ul li { float: left; font-size: 14px; font-family: 'Gotham Book'; margin: 0 47px 0 0; position: relative; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; } #nav ul li:last-child { margin-right: 0; } #nav ul li a:link, #nav ul li a:visited { color: #ffffff; display: block; position: relative; overflow: hidden; } #nav ul li a:hover, #nav ul li a:focus, #nav ul li.navhover > a:link, #nav ul li.navhover > a:visited, #nav ul li.navhover > a.navON:link, #nav ul li.navhover > a.navON:visited, #nav ul li a.navON:link, #nav ul li a.navON:visited { color: #c25231; } #nav ul li ul.dropnav { position: absolute; background-color: #8f3d24; width: 233px; margin-left: 0; left: 0; top: 85px; padding: 7px 18px 14px; border-bottom: 2px solid #fff; box-sizing: border-box; } #nav ul li ul.dropnav li { float: none; margin: 7px 0 0; line-height: 35px; text-align: left; font-size: 13px; } #nav ul li.art-gallery ul.dropnav { width: 180px; } #nav ul li.food-drink ul.dropnav { width: 270px; } #nav ul li.local ul.dropnav { width: 245px; } #nav ul li ul.dropnav li a:link, #nav ul li ul.dropnav li a:visited { color: #fff; display: inline-block; vertical-align: top; padding: 0; position: relative; } #nav ul li ul.dropnav li a::after { content: " "; width: 30px; height: 2px; background-color: #ffffff; opacity: 1; left: -30px; bottom: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; position: absolute; } #nav ul li ul.dropnav li a.navON::after, #nav ul li ul.dropnav li a:hover::after, #nav ul li ul.dropnav li a:focus::after { left: 0; } .weather-holder { float: left; font-size: 15px; color: #fff; } .weather-holder a:link, .weather-holder a:visited { color: #fff; border-bottom: 1px solid transparent; } .weather-holder a:hover, .weather-holder a:focus { border-bottom: 1px solid #ffffff; } .ic-weather { font-size: 20px; vertical-align: middle; margin-right: 8px; position: relative; top: -2px; } .reserve-btn { float: none; width: 200px; text-align: center; margin-right: 0; position: absolute; right: 30px; top: 18px; } .reserve-btn a.res-button:link, .reserve-btn a.res-button:visited { background-color: #c25231; display: block; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 50px; letter-spacing: 1.5px; font-weight: 600; } .reserve-btn a.res-button:hover, .reserve-btn a.res-button:focus { background-color: #ffffff; color: #c25231; } .reservation-bg { position: fixed; left: 0; width: 100%; z-index: 10; background-color: #0c0c0c; height: 100vh; transition: all .3s ease-in 0s; top: -230px; visibility: hidden; opacity: 0; display: block; overflow-y: auto; overflow-x: hidden; } #reservationtable { max-width: 1170px; margin: 0 auto; padding: 0 20px 235px; position: relative; display: none; vertical-align: middle; } #reservationtable::before { content: " "; position: absolute; width: 792px; height: 100%; background-repeat: no-repeat; right: -355px; top: 0; } .reservation-bg.desk-reservation-active #reservationtable::before { background-image: url(/images_noindex/booking-widget-bg.png); } .reservation-bg.desk-reservation-active #reservationtable { display: block; } .reservation-bg-wrap { float: left; width: 570px; position: relative; } .googleaddress.book-box { float: right; width: 385px; position: relative; height: 584px; display: table; color: #ffffff; text-align: center; } .reservation-main-title { text-align: center; font-family: 'DidotLH'; color: #fff; font-size: 46px; line-height: 46px; padding-bottom: 110px; padding-top: 114px; } #reservationtable::after { clear: both; content: " "; display: block; } .res-mob-close { font-size: 18px; text-transform: uppercase; color: #fff; position: absolute; top: 58px; right: 30px; line-height: normal; } .res-mob-close a:link, .res-mob-close a:visited { color: #fff; } .res-mob-close a:hover, .res-mob-close a:focus { color: #c25231; } #reservation ul::after { clear: both; content: " "; display: block; } #reservation ul li { float: left; width: 267px; position: relative; text-align: center; margin-bottom: 49px; } #reservation ul li.reserv-drop { margin-bottom: 68px; } #reservation ul li.promo-content { margin-bottom: 72px; } #reservation ul li.resr-click { margin-bottom: 0; } #reservation ul li:nth-child(2n) { float: right; } #reservation ul li label.rtitle { font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; display: block; color: #fff; font-family: 'Gotham Book'; font-weight: 600; } #reservation ul li::after { clear: both; content: " "; display: block; } .input-wrap { position: relative; } #reservation ul li .ada-datepicker input { width: 100%; padding: 0 0 46px; background-color: transparent; border: none; font-family: 'DidotLH'; font-size: 30px; color: #fff; text-align: center; box-sizing: content-box; border-bottom: 1px solid #fff; } .input-wrap .reser-icon { position: absolute; bottom: 21px; transform: rotate(90deg); font-size: 14px; color: #818181; left: 50%; margin-left: -7px; } #reservation ul li .ada-datepicker input:focus, #reservation ul li select:focus, #reservation ul li.promo-content .resinputbox:focus { border-bottom: 1px solid #c25231; box-shadow: none; -webkit-box-shadow: none; outline: none; } #reservation ul li select { width: 100%; height: 53px; border: none; background-color: transparent; color: #fff; font-size: 30px; font-family: 'DidotLH'; padding: 0 0 46px; background-color: #0c0c0c; cursor: pointer; text-align: center; box-sizing: content-box; border-bottom: 1px solid #ffffff; text-align-last:center; } #reservation ul li.reserv-drop .res-down-arrow { font-size: 12px; position: absolute; color: #fff; right: 0; top: 50%; margin-top: -6px; } #reservation ul li.promo-content, #reservation ul li.resr-click { clear: both; width: 100%; float: none; } #reservation ul li.promo-content .resinputbox { background-color: transparent; color: #ffffff; font-size: 30px; border: none; border-bottom: 1px solid #ffffff; width: 100%; font-family: 'DidotLH'; text-align: center; padding: 0; height: 56px; } #reservation ul li.resr-click .button { width: 300px; letter-spacing: 5px; font-size: 20px; margin: 0 auto; } .reservation-bg.desk-reservation-active { opacity: 1; visibility: visible; top: 0; } .book-box-wrap { display: table-cell; vertical-align: middle; } .googleaddress.book-box .info-icon { font-size: 36px; padding-bottom: 34px; display: block; } .googleaddress.book-box .footer-info-title { font-size: 16px; font-family: 'Gotham Book'; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block; line-height: 16px; } .googleaddress.book-box .htl-phone a:link, .googleaddress.book-box .htl-phone a:visited { font-size: 32px; line-height: 32px; color: #fff; font-family: 'DidotLH'; margin-top: 10px; display: inline-block; vertical-align: top; } .googleaddress.book-box .htl-phone a:hover, .googleaddress.book-box .htl-phone a:focus { color: #c25231; } .book-box-wrap .phone-wrap { margin-bottom: 58px; } .book-box-wrap .sub-social { padding: 8px 0 0; } .book-box-wrap .sub-social .social-media { padding-top: 20px; } .googleaddress.book-box .social-media ul li { display: inline-block; font-size: 26px; line-height: normal; margin: 0 7px; } .social-media ul li a:link, .social-media ul li a:visited { color: #ffffff; } .social-media ul li a:hover, .social-media ul li a:focus { color: #c25231; } /*========================== Header End ===================*/ /*========================== Middle Start ===================*/ #middle { position: relative; } #mainimage { position: relative; } #mainimage.flexslider .slides img { width: 100%; display: block; height: auto; min-height: 640px; object-fit: cover; } #mainimage::before { content: " "; position: absolute; background-image: url(/images_noindex/hero-img-shadow.png); left: 0; top: 0; width: 100%; height: 533px; z-index: 1; } #mainimage::after { content: " "; position: absolute; background-color: rgba(35,16,11,0.45); width: 100%; height: 100%; top: 0; left: 0; } .middle-logo { position: absolute; top: 50%; left: 50%; z-index: 7; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 32.76vw; max-width: 372px; } .home .middle-logo { max-width: 628px; } .middle-logo a:link, .middle-logo a:visited { display: block; } .middle-logo a:focus { opacity: 0.7; } .middle-logo img { vertical-align: top; width: 100%; height: auto; } .middle-decorative { position: absolute; width: 2px; max-height: 262px; left: 50%; bottom: 0; margin-left: -1px; height: 24.18%; } .middle-decorative::after { content: " "; position: absolute; left: 0; top: 0; background-color: #ffffff; width: 100%; height: 100%; -webkit-animation: heightinc 1s alternate infinite; -moz-animation: heightinc 1s alternate infinite; -o-animation: heightinc 1s alternate infinite; animation: heightinc 1s alternate infinite; } .middle-decorative::before { content: " "; position: absolute; width: 16px; height: 16px; top: -16px; border: 2px solid #ffffff; box-sizing: border-box; left: 50%; margin-left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .middle-decorative a:link, .middle-decorative a:visited { position: absolute; width: 22px; left: 50%; top: -23px; z-index: 3; margin-left: -11px; } @-webkit-keyframes heightinc { 0% { height: 0; } 100% { height: 100%; } } @-moz-keyframes heightinc { 0% { height: 0; } 100% { height: 100%; } } @-o-keyframes heightinc { 0% { height: 0; } 100% { height: 100%; } } @keyframes heightinc { 0% { height: 0; } 100% { height: 100%; } } /*========================== Middle Start ===================*/ /*========================== Content Start ===================*/ #contentinfo { position: relative; z-index: 2; } #container-wrap { position: relative; } #container { max-width: 970px; margin: 0 auto; padding: 17px 20px 30px; position: relative; } #header { font-size: 50px; font-family: 'Ubuntu-LightItalic'; line-height: 53px; text-align: center; padding-bottom: 8px; } .text-center { text-align: center; } .contentinfo-home h1 { padding-bottom: 28px; margin: 0 auto; } h1 { color: #222222; font-size: 46px; font-weight: normal; margin: 0; padding-bottom: 27px; text-transform: none; line-height: 54px; font-family: 'DidotLH'; } h2 { color: #222222; font-size: 35px; font-weight: normal; margin: 0; padding-bottom: 15px; text-transform: capitalize; line-height: 40px; font-family: 'DidotLH'; } h3 { color: #222222; font-size: 20px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: capitalize; line-height: 25px; font-family: 'DidotLH'; } h4 { color: #222222; font-size: 14px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: capitalize; line-height: 20px; font-family: 'Ubuntu-Italic'; } #content .readmoretest { padding: 0 12px; } #readmorelessbtn { padding-top: 34px; } /*========================== Content End ===================*/ /*========================== Footer Start ===================*/ #note { border-top: none; position: relative; background-color: #000000; background-image: url(/images_noindex/footer-bg.jpg); } .footer-warp { max-width: 1170px; margin: 0 auto; padding: 60px 20px 101px; position: relative; font-size: 14px; line-height: 26px; color: #fff; } .googleaddress.footer-box.googleaddress2 { margin: 0; } .information.footer-box { display: inline-block; text-align: left; vertical-align: top; margin-right: 150px; } .footer-information::after { clear: both; display: block; content: " "; } .information.footer-box ul::after { clear: both; content: " "; display: block; } .googleaddress.footer-box { display: inline-block; width: 270px; vertical-align: top; } .footer-links-wrap { display: inline-block; text-align: center; vertical-align: top; } .footer-sec-title { font-family: 'Times New Roman'; font-size: 20px; padding-bottom: 10px; color: #ffffff; line-height: 40px; } .googleaddress.book-box .social-media-wrap.footer-box .footer-info-title { display: block; } .footer-information::after { clear: both; display: block; content: " "; } .footer-main-logo { border-bottom: 1px solid #818181; text-align: center; padding-bottom: 50px; } .footer-main-logo-wrap { display: inline-block; vertical-align: top; margin-left: -100px; } .footer-logo-box { display: inline-block; vertical-align: middle; margin: 0 33px; } .footer-main-logo-wrap a:link, .footer-main-logo-wrap a:visited { display: block; border: none; } .footer-main-logo-wrap a:hover, .footer-main-logo-wrap a:focus { opacity: 0.8; } .footer-information-wrap { position: relative; padding-top: 43px; } .footer-information-wrap::after { content: " "; display: block; clear: both; } .footer-main-logo-wrap img { vertical-align: top; } footer a.nav:link, footer a.nav:visited, footer a:link, footer a:visited { color: #ffffff; border-bottom: none; } footer a.navON:link, footer a.navON:visited, footer a.navON:hover, footer a.navON:focus, footer a.nav:hover, footer a.nav:focus, footer a:hover, footer a:focus { color: #c25231; } footer .social-media ul li a:link, footer .social-media ul li a:visited { color: #c25231; font-size: 30px; } footer .social-media ul li a:hover, footer .social-media ul li a:focus { color: #fff; } .htl-fax { display: inline-block; position: relative; padding-left: 15px; margin-left: 13px; } .htl-fax::before { content: " "; position: absolute; width: 1px; height: 14px; background-color: #ffffff; top: 50%; margin-top: -6px; left: 0; } .htl-phone { display: inline-block; } .phone-wrap { position: relative; } .footer-info-title-reserv { font-family: 'WorkSans-Bold'; } .social-media ul li { display: inline-block; font-size: 20px; line-height: normal; margin: 0 0 0 18px; } .footer-warp::after { clear: both; content: " "; display: block; } .footer-right-section { float: right; margin-top: -20px; } .footer-logos-wrap { text-align: right; } .footer-best-rate { display: inline-block; vertical-align: middle; padding-right: 31px; } .footer-trip-logo { display: inline-block; vertical-align: middle; } .footer-best-rate img, .footer-trip-logo img { vertical-align: top; } .footer-best-rate a:link, .footer-trip-logo a:link, .footer-best-rate a:visited, .footer-trip-logo a:visited { display: block; border: 1px dotted transparent; } .footer-best-rate a:hover, .footer-trip-logo a:hover, .footer-best-rate a:focus, .footer-trip-logo a:focus { border: 1px dotted #4d4425; } .popular-links.footer-box { display: inline-block; vertical-align: top; text-align: left; } .copy-statement { text-align: right; font-size: 14px; } .sub-social { display: inline-block; vertical-align: top; } .social-media-wrap.footer-box .footer-info-title { display: none; } /*========================== Footer End ===================*/ a#backtotop:link, a#backtotop:visited { position: fixed; z-index: 9; width: 50px; height: 50px; line-height: 50px; bottom: 20px; right: 20px; background-color: #c25231; color: #ffffff; text-align: center; font-size: 8px; } a#backtotop .mim-icon-select-drop-arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); display: block; height: 50px; line-height: 50px; } a#backtotop:hover, a#backtotop:focus { background-color: #000000; color: #fff; } #breadcrumb { text-align: left; font-size: 14px; color: #af4b2c; max-width: 1230px; padding: 28px 20px 25px; margin: 0 auto; font-family: 'Gotham Book'; font-weight: 500; } #breadcrumb span.mim-icon-filled-circle { font-size: 4px; margin: 0 10px; vertical-align: middle; color: #030303; } .column21 { width: 48%; float: left; } .column22 { float: right; width: 48%; } .column31 { width: 31%; float: left; margin-right: 3.5%; } .column32 { float: left; width: 31%; margin-right: 3.5%; } .column33 { width: 31%; float: right; } .column41 { float: left; width: 23%; margin-right: 2.66%; } .column42 { float: left; width: 23%; margin-right: 2.66%; } .column43 { float: left; width: 23%; margin-right: 2.66%; } .column44 { float: right; width: 48%; } .menu-hours-box ul li, .common-snippet-list ul li, .full-snippet-content ul li, .box ul li, .box2 ul li, .column21 ul li, .column22 ul li, .column31 ul li, .column32 ul li, .column33 ul li, .column41 ul li, .column42 ul li, .column43 ul li, .column44 ul li { line-height: 36px; position: relative; padding-left: 30px; } .menu-hours-box ul li::before, .common-snippet-list ul li::before, .full-snippet-content ul li::before, .box ul li::before, .box2 ul li::before, .column21 ul li::before, .column22 ul li::before, .column31 ul li::before, .column32 ul li::before, .column33 ul li::before, .column41 ul li::before, .column42 ul li::before, .column43 ul li::before, .column44 ul li::before { content: "\e981"; font-family: 'mimiconfont'; position: absolute; left: 0; font-size: 14px; top: 0; line-height: 36px; color: #c25231; } .container { max-width: 1170px; margin: 0 auto; padding: 0 20px; } #container-wrap2:empty { display: none; } #container-wrap2 { position: relative; } #contentinfo.subnav-main { padding-top: 101px; } .photo-gallery-main #container { max-width: 1170px; } #gdprformsection { border: 1px solid #525148 !important; padding: 20px !important; } #gdprsubmit { display: inline-block; padding: 0 20px; height: 53px; line-height: normal; vertical-align: middle; } #gdpremail { vertical-align: middle; } .sitemapinfo h1, .sitemapinfo h2 { font-size: 24px; line-height: normal; border-bottom: 1px solid #525148; } .box2.sitemapinfo { padding-bottom: 0; } .formslable { display: none !important; } /*---------------------------- 404 ------------------------------*/ .errTop { font-size: 18px; } .oh { border-right: 1px solid #525148; font-size: 25px; margin-right: 15px; padding-right: 15px; } .er { font-size: 18px; } .errSugg { font-size: 18px; } .er-maindiv { margin: 0 auto; padding-top: 25px; width: 100%; } .er-or { font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } .er-contentbox-wrap { width: 24%; float: left; margin: 0 1.33% 0 0; position: relative; text-align: center; } .er-contentbox-wrap img { width: 100%; height: auto; vertical-align: top; } .er-contentbox-wrap:nth-child(4) { margin: 0; } .er-or { font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } .er-back { padding: 20px 0; text-align: center; width: 320px; margin: 0 auto; } #goog-fixurl { margin: 0 auto; max-width: 540px; padding-bottom: 0; } .search-goog input { margin-right: 10px; display: inline-block; width: 300px; vertical-align: middle; } #goog-wm-sb { width: 180px; display: inline-block; vertical-align: middle; } .box2.shadow-box.err-404-box { padding: 0; } /*---------------------------- 404 ------------------------------*/ .outer-box { background-color: #050505; margin: 30px auto 0; max-width: 960px; padding: 30px 0; text-align: center; width: 94%; color: #ffffff; background-image: url(/images_noindex/footer-bg.jpg); } .pro-txt { font-weight: normal; font-size: 30px; line-height: 35px; margin-bottom: 20px; text-align: center; font-family: 'DidotLH'; } .click-logo { padding-bottom: 20px; } .vcard { font-size: 14px; line-height: 24px; } .vcard a:link, .vcard a:visited { border-bottom: 1px solid transparent; } .vcard a:hover, .vcard a:focus { border-bottom: 1px solid; } .vcard .fn { font-size: 18px; font-family: 'DidotLH'; line-height: 30px; } .lockimg { font-size: 120px; margin-bottom: 20px; } .footer-logo-info { display: inline-block; vertical-align: middle; margin: 0 20px; } .footer-logo-main-wrap { text-align: center; padding-top: 38px; } .reviewPagination .lnkPrevious, .reviewPagination .lnkNext { position: relative; } .reviewPagination .lnkPrevious::before, .reviewPagination .lnkNext::after { font-family: 'mimiconfont'; font-size: 10px; vertical-align: middle; margin: 0 5px; } .reviewPagination .lnkPrevious::before { content: "\e94c"; } .reviewPagination .lnkNext::after { content: "\e951"; } /*----------------------------- Home Content -------------------------*/ .contentinfo-home #container { max-width: 828px; padding: 39px 20px 42px; text-align: center; } #contentinfo.contentinfo-home { background-image: url(/images_noindex/main-content-bg.png); background-repeat: no-repeat; background-position: top left; } /*----------------------------- Home Content -------------------------*/ /*----------------------------- Home Quick Link -------------------------*/ .home-quick-link { padding: 0 60px; } .home-quick-link-wrap { position: relative; overflow: hidden; } .home-quick-link-wrap::after { content: " "; display: block; clear: both; } .home-quick-link-box { float: left; width: 33.33%; background-color: #000000; } .home-quick-link-box-img { position: relative; } .home-quick-link-box-img img { width: 100%; height: auto; vertical-align: top; } .home-quick-link-box-img::before { content: " "; background-color: rgba(35,16,10,0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .home-quick-link-hover-img::before { content: " "; background-color: rgba(35,16,11,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .home-quick-link-box-info { position: absolute; top: 0; box-sizing: border-box; text-align: center; color: #fff; width: 33.33%; height: 100%; overflow: hidden; z-index: 2; } .home-quick-link-box-title { font-size: 40px; line-height: normal; font-family: 'DidotLH'; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; } .home-quick-link-box-content { max-width: 300px; margin: 0 auto; padding: 0 20px; line-height: 22px; } .home-quick-link-box-info-wrap { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; padding-top: 78px; } .home-quick-link-box-btn a.button-link:link, .home-quick-link-box-btn a.button-link:visited { color: #ffffff; } .home-quick-link-box-btn a.button-link::after { background-color: #ffffff; } .home-quick-link-box-btn { padding-top: 32px; } .home-quick-link-box-desc { position: relative; transform: translateY(200%); -webkit-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); visibility: hidden; filter: opacity(0); transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; } .home-quick-link-box:hover .home-quick-link-box-title, .home-quick-link-box:focus .home-quick-link-box-title { top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .home-quick-link-box:hover .home-quick-link-box-desc, .home-quick-link-box:focus .home-quick-link-box-desc { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); filter: opacity(1); visibility: visible; } .home-quick-link-box:focus-within .home-quick-link-box-title { top: 0; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .home-quick-link-box:focus-within .home-quick-link-box-desc { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible; } .home-quick-link-box-info::before { position: absolute; top: 16px; left: 16px; border: 1px solid rgba(255,255,255,0.85); content: " "; opacity: 0; transition: all 0.4s ease-in 0s; -wekit-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; } .home-quick-link-box:hover .home-quick-link-box-info::before, .home-quick-link-box:focus .home-quick-link-box-info::before { opacity: 1; } .home-quick-link-box:focus-within .home-quick-link-box-info::before { opacity: 1; } .home-quick-link-hover-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.4s ease-in 0s; -wekit-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; z-index: 1; } .home-quick-link-hover-img img { vertical-align: top; width: 100%; height: auto; } .home-quick-link-box:hover .home-quick-link-hover-img, .home-quick-link-box:focus .home-quick-link-hover-img { opacity: 1; } .home-quick-link-box:focus-within .home-quick-link-hover-img { opacity: 1; } .home-quick-link.two-snippet .home-quick-link-box { position: relative; width: 48.61%; overflow: hidden; } .home-quick-link.two-snippet .home-quick-link-box:last-child { float: right; } .home-quick-link.two-snippet { padding: 50px 60px; } .home-quick-link.two-snippet .home-quick-link-box-info { width: 100%; } .home-quick-link.two-snippet .home-quick-link-box .home-quick-link-box-img img { transition: all 0.4s ease-in 0s; filter: blur(0); } .home-quick-link.two-snippet .home-quick-link-box .home-quick-link-box-img::before { z-index: 1; } .home-quick-link.two-snippet .home-quick-link-box:hover .home-quick-link-box-img img, .home-quick-link.two-snippet .home-quick-link-box:focus .home-quick-link-box-img img { transition: all 0.4s ease-in 0s; filter: blur(5px); } .home-quick-link.two-snippet .home-quick-link-box:focus-within .home-quick-link-box-img img { transition: all 0.4s ease-in 0s; filter: blur(5px); } /*----------------------------- Home Quick Link -------------------------*/ /*----------------------------- Home Explore -------------------------*/ .home-explore { padding: 0 60px 50px; } .home-explore-wrap { position: relative; background-color: #000000; } .home-explore-box { position: relative; vertical-align: top; } .home-explore-img { position: relative; } .home-explore-img img { width: 100%; height: 700px; vertical-align: top; object-fit: cover; } .home-explore-img::before { content: " "; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(35,16,11,0.2); } .home-explore-info { position: absolute; width: 700px; height: 574px; right: 0; bottom: 0; background-color: rgba(0,0,0,0.55); color: #ffffff; border-radius: 44% 44% 0 0; } .home-explore-info-wrap { position: absolute; max-width: 425px; bottom: 136px; padding: 0 30px; width: 100%; box-sizing: border-box; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .home-explore-main-title { font-family: 'DidotLH'; font-size: 42px; line-height: normal; } .home-explore-title { font-family: 'Gotham Book'; font-size: 20px; letter-spacing: 5px; font-weight: 600; text-transform: uppercase; padding: 12px 0 19px; } .home-explore-bottom { position: absolute; bottom: 76px; right: 0; width: 700px; text-align: center; } .home-explore-bottom-wrap { max-width: 425px; margin: 0 auto; box-sizing: border-box; padding: 0 30px; } .home-explore-bottom-wrap::after { content: " "; display: block; clear: both; } .home-explore-btn { float: left; margin-left: -20px; } .home-explore-btn a.button-link:link, .home-explore-btn a.button-link:visited { color: #ffffff; } .home-explore-btn a.button-link::after { background-color: #ffffff; } .slider-control { width: 160px; float: right; position: relative; color: #ffffff; } .slider-count { font-family: 'Gotham Book'; font-size: 20px; letter-spacing: 5px; font-weight: 600; } .home-explore-bottom-wrap .slick-arrow { width: 35px; height: 35px; } .home-explore-bottom-wrap .slick-prev { left: 0; } .home-explore-bottom-wrap .slick-next { right: 0; } .home-explore-bottom-wrap .slick-arrow::before { font-family: 'mimiconfont'; font-size: 35px; opacity: 1; } .home-explore-bottom-wrap .slick-prev::before { content: "\e97c"; } .home-explore-bottom-wrap .slick-next::before { content: "\e97d"; } .home-explore-bottom-wrap .slick-arrow:hover::before, .home-explore-bottom-wrap .slick-arrow:focus::before { color: #c25231; } /*----------------------------- Home Explore -------------------------*/ /*----------------------------- Home Location -------------------------*/ .home-location-box::after { content: " "; display: block; clear: both; } .home-location-info { float: left; width: 50.83%; position: relative; background-color: #c25231; color: #ffffff; } .home-location-box-img { float: right; width: 49.17%; position: relative; } .home-location-img { position: relative; } .home-location-img img, .home-location-box-img img { width: 100%; height: auto; vertical-align: top; } .home-location-content { position: absolute; top: 50%; right: 17.52%; max-width: 460px; padding: 0 30px; box-sizing: border-box; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .home-location-title { font-family: 'DidotLH'; font-size: 46px; line-height: 52px; } .home-location-btn a.button-link:link, .home-location-btn a.button-link:visited { color: #ffffff; } .home-location-btn a.button-link::after { background-color: #ffffff; } .home-location-desc { padding: 29px 0; } .home-location-btn { margin-left: -20px; } /*----------------------------- Home Location -------------------------*/ /*----------------------------- Home Gallery -------------------------*/ .home-gallery-info { max-width: 430px; margin: 0 auto; text-align: center; padding: 0 30px; } .home-gallery-title { font-family: 'DidotLH'; font-size: 38px; line-height: 38px; color: #222222; } .home-gallery { padding: 79px 60px; background-color: #e9e8e8; } .home-gallery-imgs ul li { width: 20%; position: relative; float: left; overflow: hidden; } .home-gallery-imgs ul li a:link, .home-gallery-imgs ul li a:visited { display: block; } .home-gallery-imgs ul li img { width: 100%; height: auto; vertical-align: top; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .home-gallery-imgs ul li a:hover img, .home-gallery-imgs ul li a:focus img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .home-gallery-imgs ul::after { content: " "; display: block; clear: both; } .home-gallery-btn { padding: 28px 0 49px; } /*----------------------------- Home Gallery -------------------------*/ /*----------------------------- Inner General Area -------------------------*/ .contentinfo-inner #container { max-width: 1338px; margin: 0 auto; right: -85px; padding: 17px 20px 60px; } .contentinfo-inner #content::after { content: " "; display: block; clear: both; } #introimage { float: right; } #introimage img { width: 100%; height: 632px; vertical-align: top; object-fit: cover; } .inner-content { float: left; width: 600px; height: 632px; position: relative; display: table; } .inner-content #box { display: table-cell; vertical-align: middle; } .inner-content #readmorelessbtn { padding-top: 28px; } /*----------------------------- Inner General Area -------------------------*/ .booking-click-page #teconsent { display: none !important; } .home-gallery-btn a.button-link:link, .home-gallery-btn a.button-link:visited { color: #A7452A; text-shadow: 0 0 0 #af4b2c; } #gdpr-rfp span , #gdpr-rfp a{ color: #A7452A !important; } .ot-dtp-picker.wide .ot-title { margin: 0 !important; padding-bottom: 0 !important; } .ot-dtp-picker.wide { margin: 0 auto !important; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box:last-child .home-quick-link-box-info-wrap { padding-top: 90px; } .content-focus:focus { box-shadow: inset 0px 0 3px rgba(0,0,0,0.4); } #ccpacontainer { max-width: 190px; } .picker__day--disabled, .picker__day--disabled:hover, .picker__day--outfocus { color: #555 !important; text-shadow: none; } .picker { color: #000!important; text-shadow: 0 0 1px; } @media only screen and (max-width: 864px) { .footer-main-logo-wrap .footer-logo-box:nth-child(2) img { width: 180px; height: 160; } } span.new-milestone { background: #000 url(/images_noindex/footer-bg.jpg); display: block; text-align: center; color: #fff; font-size: 13px; padding: 10px 0; margin-top: -9px; } span.new-milestone a {color:#CE5D3B;} span.new-milestone a:hover, span.new-milestone a:focus {color:#fff;} .offerpagenew .inner-content { float: none; width: auto; height: auto; } .offernpagelist .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button:link, .offernpagelist .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button:visited { width: auto; padding: 0 20px !important; margin: 0; } .offernpagelist .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button:first-child { margin-right: 10px; } a.offerdp-btn.button:link, a.offerdp-btn.button:visited { width: auto; display: inline-block; padding: 0 20px; } #main.pushItDown {margin-top: 0px !important;} #msCookieBanner {display: none !important;} .powered-statement { margin-left: 160px; } .H_ib_content a.mapinnerbox_btn:link { color: #c25231 !important;} .ot-dtp-picker .ot-dtp-picker-selector select , .ot-dtp-picker .ot-date-picker .ot-dtp-picker-select, .ot-dtp-picker .ot-date-picker .ot-dtp-picker-select:focus{opacity: 1px !important; filter: opacity(1);} /*==================== Room Page ======================*/ .common-snippet .snippet-img-inner { float: left; position: relative; } .snippet-box-fixwidth { max-width: 1500px; margin: 0 auto; position: relative; z-index: 2; padding: 0 20px; } .snippet-box-fixwidth::after { clear: both; display: block; content: " "; } .common-snippet .snippet-img-inner img { width: 100%; height: 600px; vertical-align: top; object-fit: cover; object-position: center; } .common-snippet .snippet-content { width: 626px; float: right; display: table; box-sizing: border-box; padding: 0 165px 0 0; } .common-snippet .snippet-content .snippet-content-wrap { display: table-cell; vertical-align: middle; } .common-snippet .snippet-content .snippet-content-wrap .snippet-btns { padding: 40px 0 0; } .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a:link, .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a:visited { display: inline-block; vertical-align: middle; } .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button:link, .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button:visited { width: 230px; margin-right: 30px; } .common-snippet .snippet-content .snippet-content-wrap .snippet-btns a.button-link::after { top: 0; } .common-snippet .snippet-content .snippet-content-wrap .snippet-text { padding: 10px 0 0; } .common-snippet { position: relative; margin: 0; padding: 0 0 50px; } .common-snippet:nth-child(2n) .snippet-img-inner { float: right; } .common-snippet:nth-child(2n) .snippet-content { float: left; padding: 0 0 0 165px; } .tab-content-wrapper .tab-content { display: none; } .tab-content-wrapper .tab-content.current { display: block; } h2.snippet-head { padding-bottom: 13px; font-size: 30px; line-height: 46px; } /*==================== Room Page ======================*/ /*==================== Amenity Page ======================*/ .amenity-list-title { background-color: #fff; padding: 84px 0 110px; } .amenity-list-title-wrap { max-width: 1170px; margin: 0 auto; padding: 0 20px; position: relative; } .amenity-list-title-wrap::after { content: " "; display: block; clear: both; } .amenity-main-title { text-align: center; padding-bottom: 74px; } .amenity-main-title h2 { padding-bottom: 0; font-size: 30px; line-height: 34px; } .amenity-main-title h2 span { display: block; font-size: 20px; line-height: 20px; font-family: 'Ubuntu-MediumItalic'; padding-top: 6px; } .amen_morelink { display: none; } .amenity_list_wrap ul::after { content: " "; display: block; clear: both; } .amenity_list_wrap ul li { width: 25%; position: relative; padding-left: 50px; box-sizing: border-box; height: 54px; display: table; float: left; padding-right: 20px; } .amenity_list_wrap ul li:nth-child(4n+1) { clear: both; } .amenity_list_wrap ul li svg { position: absolute; width: 27px; height: 27px; left: 0; top: 50%; margin-top: -14px; } .amenity_list_wrap ul li svg path, .amenity_list_wrap ul li svg circle, .amenity_list_wrap ul li polygon, .amenity_list_wrap ul li rect, .amenity_list_wrap ul li ellipse { fill: #c25231 !important; } .amenity_list_wrap ul li img { position: absolute; width: 27px; height: 27px; left: 0; top: 50%; margin-top: -14px; } .amenity_list_wrap ul li span.amenities-name { display: table-cell; vertical-align: middle; line-height: 20px; } .content-book-now { width: 208px; } .amenity-list-btn { width: 250px; margin: 0 auto; padding-top: 50px; } /*==================== Amenity Page ======================*/ /*==================== Tabbing ======================*/ .mobile-tabbing-container { max-width: 1170px; margin: 0 auto; position: relative; border-bottom: 1px solid #d6d5d0; height: 74px; line-height: 74px; } .tabbing-mobile { display: none; } .mobile-tabbing-container .tabbing-container ul::after { clear: both; content: " "; display: block; } .mobile-tabbing-container .tabbing-container ul { text-align: center; } .mobile-tabbing-container .tabbing-container ul li.tab-link { display: inline-block; margin: 0 -4px; padding: 0 25px; position: relative; vertical-align: top; font-family: 'Ubuntu-Regular'; text-transform: uppercase; font-size: 14px; letter-spacing: 0.8px; } .mobile-tabbing-container .tabbing-container ul li.tab-link a:link, .mobile-tabbing-container .tabbing-container ul li.tab-link a:visited { display: block; padding: 0 5px; position: relative; color: #6d6036; } .mobile-tabbing-container .tabbing-container ul li.tab-link a::after { width: 100%; content: " "; position: absolute; bottom: 0; left: 0; height: 5px; background-color: #6d6036; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transform-origin: left; -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); } .mobile-tabbing-container .tabbing-container ul li.tab-link a:hover::after, .mobile-tabbing-container .tabbing-container ul li.tab-link a:focus::after, .mobile-tabbing-container .tabbing-container ul li.tab-link.current a::after { transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); } .mobile-tabbing-container .tabbing-container ul li.tab-link a:hover, .mobile-tabbing-container .tabbing-container ul li.tab-link a:focus, .mobile-tabbing-container .tabbing-container ul li.tab-link.current a:link, .mobile-tabbing-container .tabbing-container ul li.tab-link.current a:visited { color: #4d4425; } /*==================== Tabbing ======================*/ /*==================== Dining Page ======================*/ .snippet-micro-info { padding-top: 15px; } .snippet-subtitle { font-family: 'Ubuntu-MediumItalic'; font-size: 20px; line-height: 30px; } .special-rate-wrap { font-family: 'Ubuntu-Italic'; font-size: 20px; line-height: 30px; } .snippet-hours { padding-top: 10px; } /*==================== Dining Page ======================*/ /*==================== TTD Page ======================*/ .snp-microdata { padding-top: 15px; } .ttd-microdata { position: relative; padding-left: 25px; padding-top: 10px; } .ttd-microdata .attr-icon-ttd { position: absolute; left: 0; top: 14px; color: #af4b2c; } /*==================== TTD Page ======================*/ /*==================== Meeting Page ======================*/ .meeting-btn-wrap { text-align: center; padding-top: 54px; } .meeting-btns { display: inline-block; margin: 0 -2px; padding: 0 15px; width: 236px; } .floor-plan-table { display: none; background-color: #fff; padding: 40px; background-image: url(/images_noindex/top-reason-bg.png); } .commentPopup-floorplan .floor-plan-table { display: block; } .commentPopup-floorplan .mfp-inline-holder .mfp-content { max-width: 970px; } .foolr-plan-table table { width: 100%; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; } .foolr-plan-table table tr:nth-child(2n) { background-color: #f7f6f2; } .foolr-plan-table table td { padding: 8px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .foolr-plan-table table td.header, .foolr-plan-table table td:first-child { font-family: 'Ubuntu-MediumItalic'; } .common-hover-snippet-format { background-color: #333333; text-align: center; box-sizing: border-box; position: relative; overflow: hidden; padding-bottom: 0; float: left; width: 48.8%; margin-bottom: 0; } .common-hover-snippet-section .common-hover-snippet-format:nth-child(2n) { float: right; } .common-hover-snippet-format .common-hover-snippet-img img { width: 100%; height: 570px; vertical-align: top; object-fit: cover; object-position: center; } .common-hover-snippet-format .common-hover-snippet-content { position: absolute; top: 100%; background-color: transparent; left: 0; width: 100%; box-sizing: border-box; padding: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; height: 100%; margin-top: -125px; } .common-hover-snippet-format .common-hover-snippet-contentinner { margin-top: 0; position: absolute; width: 100%; top: 0; padding: 0 70px; box-sizing: border-box; height: 100%; } .common-hover-snippet-format .common-hover-snippet-contentinner-title { height: 125px; display: table; text-align: center; width: 100%; background-color: transparent; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; padding-top: 0; } .common-hover-snippet-format:hover .common-hover-snippet-contentinner-title, .common-hover-snippet-format.blockdiv .common-hover-snippet-contentinner-title { padding-top: 27px; } .common-hover-snippet-format .common-hover-snippet-contentinner-title h2 { font-size: 20px; line-height: normal; display: table-cell; vertical-align: middle; padding: 0; color: #fff; font-family: 'Ubuntu-MediumItalic'; } .common-hover-snippet-format .common-hover-snippet-desc { text-align: center; color: #fff; padding-top: 7px; } .common-hover-snippet-format:hover .common-hover-snippet-content, .common-hover-snippet-format.blockdiv .common-hover-snippet-content { top: 0; margin-top: 0; background-color: rgba(0,0,0,0.7); } .common-hover-snippet-main-button { width: 194px; margin: 0 auto; padding: 50px 0 0; } .meeting-wedding-overview-list-wrap { max-width: 1170px; margin: 0 auto; position: relative; padding: 0 20px; } .meeting-wedding-overview-list { background-color: #f7f6f2; padding: 0 0 76px; } .meeting-wedding-overview-list .common-hover-snippet-section { padding-top: 86px; } .common-hover-snippet-format .common-hover-snippet-desc a.button-link:link, .common-hover-snippet-format .common-hover-snippet-desc a.button-link:visited { position: absolute; bottom: 72px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); color: #fff; } .common-hover-snippet-format .common-hover-snippet-desc a.button-link:hover, .common-hover-snippet-format .common-hover-snippet-desc a.button-link:focus { border-bottom: 1px solid #ffffff; } .common-hover-snippet-format .common-hover-snippet-desc a.button-link::after { top: 0; } .common-hover-snippet-img { position: relative; } .common-hover-snippet-img::after { content: " "; position: absolute; width: 100%; height: 159px; background-image: url(/images_noindex/hover-snippet-bg.png); background-repeat: repeat-x; bottom: 0; left: 0; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; } .common-hover-snippet-format:hover .common-hover-snippet-img::after, .common-hover-snippet-format.blockdiv .common-hover-snippet-img::after { opacity: 0; } .common-hover-snippet-section::after { content: " "; display: block; clear: both; } .meet-wedd-amenity { max-width: 970px; margin: 0 auto; position: relative; padding-top: 86px; } .meet-wedd-amenity-title { text-align: center; } .meet-wedd-amenity-title h2 { position: relative; padding-bottom: 28px; } .meet-wedd-amenity-img { padding: 28px 0 58px; } .meet-wedd-amenity-title h2::after { content: " "; position: absolute; left: 50%; bottom: 0; width: 40px; height: 4px; margin-left: -20px; background-color: #4d4425; } .meet-wedd-amenity-img img { vertical-align: top; width: 100%; height: 350px; object-fit: cover; object-position: center; } #rfpform { max-width: 970px; margin: 0 auto; padding: 55px 20px 72px; } .rfp-title { text-align: center; position: relative; font-family: 'DidotLH'; font-size: 26px; line-height: 40px; padding-bottom: 10px; } .commentPopup-floorplan .mfp-content { max-width: 970px; } .snippet-special-section { padding-top: 20px; } /*==================== Meeting Page ======================*/ /*==================== Module Tabb ======================*/ .modulel-dropdown { display: none; } .module-page-tabbing { max-width: 1170px; margin: 0 auto; border-bottom: 1px solid #d6d5d0; height: 74px; line-height: 74px; position: relative; } .module-page-tabbing .meetings-tab ul { text-align: center; } .module-page-tabbing .meetings-tab ul::after { clear: both; content: " "; display: block; } .module-page-tabbing .meetings-tab ul li.modulelink { display: inline-block; margin: 0 -4px; padding: 0 25px; position: relative; vertical-align: top; font-family: 'Ubuntu-Regular'; text-transform: uppercase; font-size: 14px; letter-spacing: .8px; } .module-page-tabbing .meetings-tab ul li.modulelink a:link, .module-page-tabbing .meetings-tab ul li.modulelink a:visited { display: block; padding: 0 5px; position: relative; color: #6d6036; } .module-page-tabbing .meetings-tab ul li.modulelink a:hover, .module-page-tabbing .meetings-tab ul li.modulelink a:focus, .module-page-tabbing .meetings-tab ul li.modulelink.modulelinkON a:link, .module-page-tabbing .meetings-tab ul li.modulelink.modulelinkON a:visited { color: #4d4425; } .module-page-tabbing .meetings-tab ul li.modulelink a::after { width: 100%; content: " "; position: absolute; bottom: 0; left: 0; height: 5px; background-color: #6d6036; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transform-origin: left; -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); } .module-page-tabbing .meetings-tab ul li.modulelink a:hover::after, .module-page-tabbing .meetings-tab ul li.modulelink a:focus::after, .module-page-tabbing .meetings-tab ul li.modulelink.modulelinkON a::after { transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); } /*==================== Module Tabb ======================*/ /*==================== Location Page ======================*/ .location-wrap-info { margin: 0 auto; position: relative; } .middle-section-map-wrap { padding: 65px 0 59px; background-image: url(/images_noindex/top-reason-bg.png); background-attachment: fixed; } .locationattraction::after { clear: both; content: " "; display: block; } .locationattractionmain { padding: 70px 0; } .locationattraction { max-width: 970px; padding: 0 20px; margin: 0 auto; } .locationattractionmain .column21 ul li::before, .locationattractionmain .column22 ul li::before { content: "\e96f"; font-family: 'mimiconfont' !important; font-size: 20px; line-height: 50px; } .locationattractionmain .column21 ul li, .locationattractionmain .column22 ul li { padding-left: 30px; line-height: 50px; } .locationattractionmain ul li::after { content: " "; display: block; clear: both; } .locationattractionmain ul li span { float: right; } #location-attraction-map { padding: 0; max-width: 1305px; margin: 0 auto; position: relative; padding: 0 20px; left: 69px; } .main_mapholder { height: auto; line-height: 0; position: relative; display: block; vertical-align: middle; width: -webkit-calc(100% - 400px); width: -moz-calc(100% - 400px); width: -ms-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); float: right; } .location-map-menu { height: 520px; letter-spacing: 0; vertical-align: middle; width: 370px; display: table; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; float: left; } .location-menu-list { display: table-cell; vertical-align: middle; } .location-attraction-map { height: 520px !important; } .location-attraction-map #map { height: 520px !important; } .location-direction-section { display: none; } .location-menu-list-inner { overflow: hidden; text-align: left; } .loc-map-btn { margin-top: 10px; } .locationcategory-menu { cursor: pointer; } .location-page-map-category { position: relative; padding-left: 40px; padding-bottom: 20px; } .locationcategory-menu:nth-child(n+8) { display: none; } .locationcategory-menu.loc-menu::before { background-color: #a0062b; border-radius: 100%; color: #ffffff; content: ""; display: inline-block; font-family: "milestoneretinadisplayicons"; font-size: 12px; height: 26px; line-height: 25px; margin-right: 14px; text-align: center; width: 26px; } a.locationcategory-menu.activemap:link, a.locationcategory-menu.activemap:visited { border-bottom: 1px solid #4d4425; color: #4d4425; } .location-page-map-category.menu-hotel::before { content: ""; display: inline-block; background-color: #6d6036; border-radius: 100%; color: #fff; font-family: "mimiconfont"; font-size: 12px; height: 26px; line-height: 25px; margin-right: 10px; text-align: center; width: 26px; position: absolute; left: 0; top: 0; } .location-page-map-category.menu-nearby::before { content: ""; display: inline-block; background-color: #4d4425; border-radius: 100%; color: #fff; font-family: "mimiconfont"; font-size: 12px; height: 26px; line-height: 28px; margin-right: 10px; text-align: center; width: 26px; position: absolute; left: 0; top: 0; } .loc-map-btn a.button.locationttd, .loc-map-btn a.button.locdirection { display: block; vertical-align: middle; padding: 0 20px; width: 208px; } .loc-map-btn a.button.locationttd { margin-bottom: 10px; } .location-map-menu.active-direction-box .location-menu-list { display: none; } .location-map-menu.active-direction-box .location-direction-section { display: table-cell; vertical-align: middle; } .direction-close span.mim-icon-close { position: absolute; top: 0; right: 0; font-size: 18px; background: #4d4425; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; } .direction-form-title { font-size: 35px; font-family: 'Ubuntu-LightItalic'; line-height: 40px; color: #6d6036; padding-bottom: 31px; } a.direction-close:hover .mim-icon-close, a.direction-close:focus .mim-icon-close { background-color: #6d6036; } .direction-inner { display: block; } .location-dest { display: block; font-family: 'Ubuntu-Italic'; font-size: 20px; line-height: 28px; color: #6d6036; padding-bottom: 4px; } .direction-form { padding-bottom: 17px; } .saddr, .daddr { width: 100%; } .direction-btn { padding: 41px 0 0; width: 208px; } .bookmystaybtn { float: right; width: 170px; margin: -8px 0 0; position: relative; z-index: 2; } .box2.location-attraction-section { position: relative; padding: 50px 0; background-color: #eeedec; } .location-attraction-section-wrap { max-width: 1170px; margin: 0 auto; padding: 0 25px; } .atr-page-list .column21, .atr-page-list .column22 { float: left; padding-right: 0; width: 49%; } .atr-page-list .column22 { float: right; } .box2.atr-page-list ul li, .box.atr-page-list ul li { background: transparent; border-bottom: 1px solid #e5e5e5; height: 50px; line-height: 50px; padding: 0 0 0 30px; position: relative; } .box2.atr-page-list ul li:last-child, .box.atr-page-list ul li:last-child { border-bottom: 0 solid #e5e5e5; } .box2.atr-page-list ul li::before { color: #a0062b; content: "\ea6a"; font-family: "milestoneretinadisplayicons"; font-size: 22px; left: 0; position: absolute; line-height: 50px; } .miles { float: right; margin-right: 30px; } .moreattractionbtn { display: none; } .location-menu-list .location-page-map-category:nth-child(n+8) { display: none; } /*==================== Location Page ======================*/ /*===================== Map Popup Start ==============================*/ .infobox.infobox1 { position: absolute; margin-top: 40px; } .infobox .close { background-color: #111; color: #fff; font-size: 20px; position: absolute; right: -20px; text-align: center; z-index: 999; top: -10px; border-radius: 100%; width: 30px; height: 30px; line-height: 27px; } h2.mappop-title { font-size: 18px; padding-bottom: 7px; line-height: 20px; color: #ffffff; } .hotel-site { margin-top: 12px; } #hotel-btn { display: none; } /*===================== Map Popup End ==============================*/ .service-btn { width: 208px; padding: 10px 0; } #hubreview { text-align: center; max-width: 1170px; margin: 0 auto; padding: 0 20px; } .holder-button-wrap { max-width: 1170px; margin: 0 auto; padding: 0 20px; } .newreviewbg { margin: 0 auto; position: relative; padding: 0 0 60px; } #reviewBtnWriteReview { padding: 0 30px !important; } .SortBy a { background-position: 110px 8px !important; } .SortBy .Options.format { border: 1px solid #ccc !important; padding: 5px 10px 5px 10px; border-radius: 0 !important; } .primary-btn.review-button.show-review-option.button { width: 150px; } #hide-review-options .primary-btn.review-button.button { padding: 17px; } .contact-form-wrapper, .email-offer-formbox { position: relative; margin: 0 auto; padding: 30px 0 60px; } .contact-micro-detail { padding: 0; max-width: 1305px; margin: 0 auto; position: relative; padding: 0 20px; left: 69px; } .contact-micro-detail::after { clear: both; content: " "; display: block; } .contact-left-contentsection { float: right; width: calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -ms-calc(100% - 400px); width: -o-calc(100% - 400px); } #contactus-form { width: 370px; height: 520px; float: left; display: table; } .contact-full { display: table-cell; vertical-align: middle; } .contact-title, .email-offer-title { font-size: 30px; font-weight: normal; margin: 0; padding-bottom: 31px; text-transform: capitalize; line-height: 40px; font-family: 'DidotLH'; } .con-info-icon { position: relative; padding-left: 50px; box-sizing: border-box; margin-bottom: 20px; line-height: 22px; } .contact-right-formsection .contact-title, .email-offer-formbox .email-offer-title { text-align: center; position: relative; padding-bottom: 10px; font-size: 26px; line-height: 40px; } .email-offer-formbox-wrap { max-width: 970px; margin: 0 auto; padding: 0 20px; } .con-icon { position: absolute; font-size: 30px; left: 0; top: 50%; margin-top: -15px; color: #c25231; } .contactus-title { display: block; font-family: 'Gotham Book'; font-size: 18px; } .contactus-address { display: block; } .contact-right-formsection { padding: 60px 20px 0; margin: 30px 0; /* border: 1px solid #6c6b66; */ max-width: 970px; margin: 0 auto; } #contactForm .frmfieldset { width: 32%; float: left; margin-right: 2%; } #contactForm .frmfieldset.con-frmfieldset-right { margin: 0; } #contactForm .frmfieldset.frmfieldset-fullwidth { float: none; width: 100%; } .contact-left-contentsection #gmap_canvas { height: 520px; } .contact-left-contentsection #gmap_canvas #map { height: 520px !important; } .map-info-box { color: #000000; } #emailOfferForm .commentrow::after { clear: both; content: " "; display: block; } #emailOfferForm .commentrow .frmfieldset { width: 49%; float: left; } #emailOfferForm .commentrow .frmfieldset:last-child { float: right; } .popup-phone a:link, .popup-phone a:visited { color: #2e2d27; text-decoration: underline dashed; } .popup-phone a:hover, .popup-phone a:focus { color: #000000; text-decoration: underline solid; } h1.no-padding { padding-bottom: 0; } #container.full-photo-gallery { max-width: 1170px; } .subheader h1, .subheader h2 { padding: 0; text-align: left; font-size: 30px; line-height: 45px; border-bottom: 1px solid; } textarea { resize: vertical; } /*---------------- FAQ Deatil -----------------*/ .faqdetails li { padding-bottom: 25px; } .faqdetails li:last-child { padding-bottom: 0; } .tab_content.data_beforeyourgo .box2 { padding: 0; } .faqdetails li h3 { font-size: 20px; font-family: 'Ubuntu-MediumItalic'; position: relative; padding-bottom: 10px; padding-right: 50px; } .faqdetails li h3::after { content: "\e976"; font-family: 'mimiconfont'; position: absolute; right: 0; top: 0; } .faqdetails li .activeTab h3::after { content: "\e975"; } .faqdetails li h3 a:hover, .faqdetails li h3 a:focus { border-bottom: 1px solid #6d6036; } .faqdetails li .activeTab .faqmobans { padding-bottom: 10px; } .faqqusnright { cursor: pointer; } .faq-question-box li.tabcolspan::before { display: none; } .faq-question-box li.tabcolspan { padding-left: 0; } .faqmobans { display: none; } .faqdetails li ul li { padding-bottom: 0; } .faqdetails li ul { padding-top: 10px; } .thingtodo-attreaction .snippet-box-fixwidth { padding: 0; } #faq-question-list ul li h3 a:link, #faq-question-list ul li h3 a:visited { color: #6d6036; } /*---------------- FAQ Deatil -----------------*/ .home-quick-link.two-snippet.inner-snippet { padding: 0 20px; max-width: 1230px; margin: 0 auto; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box { width: 32%; margin-bottom: 50px; margin-right: 2%; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box:last-child { margin-right: 0; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box-title { font-size: 30px; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box-content { max-width: 325px; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box-info-wrap { padding-top: 54px; } .home-quick-link.two-snippet.inner-snippet .home-quick-link-box-btn { padding-top: 30px; } #contentinfo.subnav-contentinfo { padding-top: 125px; background-image: url(/images_noindex/inner-main-content-bg.png); background-repeat: no-repeat; background-position: top left; } #contentinfo.subnav-contentinfo #breadcrumb { max-width: 970px; padding-bottom: 0; } #contentinfo.subnav-contentinfo #container { padding-top: 0; } #contentinfo.subnav-contentinfo #container { padding-top: 0; padding-bottom: 0; } .full-snippet-wrap { max-width: 1170px; margin: 0 auto; padding: 0 20px; } .full-snippet-img img { vertical-align: top; width: 100%; height: auto; } .full-snippet-info { max-width: 970px; margin: 0 auto; padding: 34px 0 50px; } .full-snippet-title { color: #222; font-weight: normal; margin: 0; text-transform: capitalize; font-family: 'DidotLH'; padding-bottom: 24px; font-size: 30px; line-height: 46px; } .full-snippet-content { padding: 35px 0 40px; } .full-snippet-btn { width: 180px; } #middle + #contentinfo.subnav-contentinfo { padding-top: 0; } #contentinfo.contentinfo-inner { background-image: url(/images_noindex/inner-main-content-bg.png); background-repeat: no-repeat; background-position: top left; } .meet-wedd-short-rfp #rfpform { padding-top: 0; } .amenity-list-title + .meet-wedd-short-rfp #rfpform { padding-top: 50px; } .menu-hours-wrap { max-width: 970px; margin: 0 auto; padding: 0 20px 70px; } .menu-hours-box:empty { display: none; } .menu-hours-box.menu-wrap { margin-top: 30px; } .menu-hours-box { padding: 30px; border: 1px solid #cccccc; } .menu-hours-wrap::after, .menu-hours-box ul::after { content: " "; clear: both; display: block; } .menu-hours-box ul li { width: 33.33%; float: left; box-sizing: border-box; } .menu-hours-box ul li:nth-child(3n+1) { clear: both; } .menu-hours-box ul li span { font-weight: 600; } /*---Common Form Css---*/ .commentlable { line-height: 28px; padding-bottom: 12px; font-size: 16px; font-family: 'Gotham Book'; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } .commentinput { margin-bottom: 31px; position: relative; } .continputbox{ width:100%; } .commentinput .ada-datepicker .ui-datepicker-trigger, #review-options .ada-datepicker .ui-datepicker-trigger, .date .ada-datepicker .ui-datepicker-trigger { position: absolute; background: transparent; right: 0; bottom: 50%; padding: 2px; font-size: 0; border: 1px solid transparent; line-height: 0; margin: 0; height: 28px; width: 28px; cursor: pointer; } .commentinput .ada-datepicker .ui-datepicker-trigger:hover, .commentinput .ada-datepicker .ui-datepicker-trigger:focus, #review-options .ada-datepicker .ui-datepicker-trigger:hover, #review-options .ada-datepicker .ui-datepicker-trigger:focus, .date .ada-datepicker .ui-datepicker-trigger:hover, .date .ada-datepicker .ui-datepicker-trigger:focus { border: 1px solid #000000; } #review-options .ada-datepicker .ui-datepicker-trigger { right: 10px; bottom: 13px; } .date .ada-datepicker .ui-datepicker-trigger { right: 10px; bottom: 13px; } .commentinput .icon-calendar5 { font-size: 19px; position: absolute; right: 10px; top: 9px; } .commentcodecol3 { width: 141px; } .commentcodecol3 input { width:100%; } .commentcodecol6 { margin-right: 0; } .commentcodecol5 .button { width: 163px; margin-top: 0; font-size: 16px; } .imgrefresh { display: inline-block; padding-left:12px; vertical-align: top; } .ratereviewstarsholder { padding-bottom: 10px; padding-top:0px; } .ratereviewstarsholder-inner{width:100px;float:left} .ratereviewstarsholder-inner2 { height: 20px; line-height: 16px; } /*---Common Form Css---*/ /*---Freshness Css---*/ .commentcol1 { float: left; width: 68%; } .commentcol2 { float: right; width: 32%; } /*.frmfieldset { float: left; width: 48%; margin-right: 2%; } .frmfieldset-right { float: right; margin-right: 0; width: 100%; }*/ .commentinput textarea { background-position: 98% 5%; width:100%; height:89px; } /*---Freshness form Css---*/ /*---Email form Css---*/ #email1 { width:504px; margin: 0 auto; } .email-frmfieldset { float: left; margin-right: 2%; width: 32%; } .email-frmfieldset-right { float: right; margin-right: 0; width: 32%; } .emailforminputbox{ width:100%; } .emailformdropdown { width: 120%; } .emailformtextarea { height: 70px; margin-bottom: 20px; width:100%; } /*---Email form Css---*/ /*---Quick RFP form Css---*/ .quickrfpbox { margin: 0 auto; } .quickrfp-frmfieldset { float: left; margin-right: 2%; width: 32%; } .quickrfp-frmfieldset .quickrfp-frmfieldset { float: left; width: 48%; } .quickrfp-frmfieldset .quickrfp-frmfieldset-right { float: right; width: 48%; margin-right:0px; } .quickrfp-frmfieldset-right { float: right; width: 32%; margin-right: 0%; } .quickrfp-frmfieldset .rfpformsdate { width:100%; } .quickrfpforminputbox { width:100%; } .rfp-frmfieldset .rfp-frmfieldset .rfpforminputbox, .rfp-frmfieldset .rfp-frmfieldset-right .rfpforminputbox, .rfp-frmfieldset-right .rfp-frmfieldset .rfpforminputbox, .rfp-frmfieldset-right .rfp-frmfieldset-right .rfpforminputbox { width:100%; } .quickrfp-frmfieldset #imgcode { width:50%; } .quickrfp-frmfieldset.quicksubmit { padding-top: 17px; width: 48%; } .quickrfp-frmfieldset-right.quickasterisk { padding-top: 26px; width:50%; } /*---Quick RFP form Css---*/ /*---RFP form Css---*/ .rfp-frmfieldset { float: left; width: 48.5%; margin-right: 0; } .rfp-frmfieldset-right { float: right; width: 48.5%; margin-right:0px; } .rfp-frmfieldset-three1 { width: 38.15%; float: left; } .rfp-frmfieldset-three2 { width: 27.85%; float: left; margin-left: 3.07%; } .rfp-frmfieldset .rfp-frmfieldset-inner-left, .rfp-frmfieldset-right .rfp-frmfieldset-inner-left { width: 48%; float: left; } .rfp-frmfieldset .rfp-frmfieldset-inner-right, .rfp-frmfieldset-right .rfp-frmfieldset-inner-right { width: 48%; float: right; } .rfp-frmfieldset .rfp-frmfieldset, .rfp-frmfieldset .rfp-frmfieldset-right, .rfp-frmfieldset-right .rfp-frmfieldset, .rfp-frmfieldset-right .rfp-frmfieldset-right {width: 48%;} .commentinput .ada-datepicker .ui-datepicker-trigger { bottom: 13px; right: 10px; } .commentcoderow { padding-top: 0; } .google-captcha-code { display: inline-block; vertical-align: bottom; margin-right: 90px; position: relative; } .google-captcha-code .google-captcha-message { position: absolute; bottom: -25px; } .commentinput .res-down-arrow { color: #000000; font-size: 12px; position: absolute; pointer-events: none; right: 10px; bottom: 20px; } .rfpforminputbox { width:100%; } .rfpformdropdown { width: 100%; } .rfpformtextarea { height: 70px; margin-bottom: 20px; width:100%; } /*---RFP form Css---*/ .mfp-content .popup-form { display: block !important; } .right-formsection input, .right-formsection textarea { width: 100%; background: none; } .left-contentsection { float: left; margin: 0; width: calc(100% - 350px); width: -webkit-calc(100% - 350px); text-align: left; } #contactForm .google-captcha-message { text-align: left; } .right-formsection { float: none; width: auto; } .left-contentsection .text-center, .left-contentsection .textcenter { text-align: left; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { max-width: 320px; max-width: 100%; cursor: auto; } .right-formsection .form-field textarea { height: 120px; text-transform: none; overflow: hidden; resize: vertical; border-bottom: 1px solid #b7b7b7; } .left-contentsection .content960, .right-formsection .content960 { width: auto; } /*---------------tab-btn-----*/ .left-contentsection .tab_btn { width: 33%; } .left-contentsection .review-section .write-comment-title { text-align: left; padding-left: 10px; } /*--------------------------*/ .email-offer { margin: 10px 0;width:100%;height:auto; } #header.hleftTxt { text-align: left; background-position: left bottom; } .tab_content.data_reviews { width: 303px; margin: 0 auto; } .tab_content.data_reviews .right-formsection, .mfp-content .right-formsection { float: none; width: 100%; max-width:360px; } .mfp-content .right-formsection input { height: 36px; line-height: 36px; } .mfp-content .right-formsection #txtcomment { height: 65px; } .mfp-content .right-formsection .ajax-captcha-message { display: inherit; } .mfp-content .right-formsection .sub-message { padding: 15px 0; font-size: 18px; } .tab_content.data_reviews .write-comment-title { padding-top: 8px; } .popup-form .rfpform-content { padding-bottom: 20px; text-align: center; line-height: 20px; padding-top: 5px; } .right-formsection .commentcol1, .right-formsection .commentcol2 { width: 100%; float: none; } .frmfieldset { width: 100%; } .right-formsection .commentinput textarea { height: 95px; width: 100%; overflow: hidden; resize: vertical; } .right-formsection .commentcoderow { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; list-style: outside none none; padding: 0 0 20px; text-align: center; } .right-formsection button.button { height: 36px; line-height: 34px; } .commentcodecol6 { display: inline-block; float: none; margin-left: 10px; margin-right: 0; vertical-align: middle; } .right-formsection .commentcoderow { text-align: left; } .commentcodecol5 { display: inline-block; vertical-align: bottom; } .right-formsection .commentwrap { display: list-item; margin: 0 auto; } .right-formsection span.error-message { color: #af4b2c; font-size: 14px; } .write-comment-title { border: none; background-color: #565656; text-align: center; color: #fff; font-size: 16px; line-height: 33px; text-transform: capitalize; height: 33px; padding: 0; margin-top: 18px; } .cont-pageright .write-comment-title { margin-top: 5px; } .form-field.left-side-section #form1-captcha { display: inline-block; } @media only screen and (max-width: 1024px) { .right-formsection .tab_content.data_reviews { width: 100% } .left-contentsection .tab_btn { width: 32.7%; } .right-formsection button.button { margin: 0; } .right-formsection .box_reviews_and_comments { display: block !important; } .popup-form .commentinput { width: 100%; } } @media only screen and (max-width: 865px) { .left-contentsection { width: 100%; float: none; margin: 0; } .right-formsection { float: none; width: 100%; } .right-formsection .commentcoderow { display: inline-block; vertical-align: middle; } .right-formsection .commentbtncode { display: inline-block; vertical-align: text-bottom; padding-left: 10px; } .map-holder { margin-bottom: 20px; } } @media only screen and (max-width: 770px) { .right-formsection .box_reviews_and_comments { display: none !important; } } @media only screen and (max-width: 684px) { .drivingbtn { float: left; margin-left: 30px; margin-top: 10px; } .commentcodecol5 { display: inline-block; float: none; vertical-align: middle; } .form-field.left-side-section a.button.submit-button { display: block; float: left; } .form-field.left-side-section .ajax-captcha-message { display: block; height: 0; position: absolute; margin: 7px 0; line-height: 0px; } .right-formsection .box_reviews_and_comments { display: none !important; } } @media only screen and (max-width: 480px) { .right-formsection .commentbtncode { padding-left: 0; } } @media only screen and (max-width: 320px) { .right-formsection .write-comment-title { font-size: 16px; } .mfp-content .right-formsection .sub-message { padding: 15px 0 0; font-size: 18px; } } .email-section .right-formsection { margin-top: 16px; } .star-holder { display: inline-block; margin-right: 3px; vertical-align: middle; } .ratingvelue-text { display: inline-block; vertical-align: middle; } .form-field .icon-calendar5 { font-size: 18px; margin-top: 8px; position: absolute; right: 10px; } /*--- Offline css--- */ .offlinebtn { width: 170px; } /*--- Offline css--- */ /*---Pop Up css--- */ .allow-direction-box{ display: none; } .allow-direction-box.active-box { background-color: rgba(238, 238, 238, 0.9); display: block; position: fixed; width: 100%; height: 100%; z-index: 11; } .allow-direction-box.active-box > img { display: block; margin: 80px auto 0; text-align: center; } .notification-popup { border-bottom: 0; opacity: 0; position: fixed; top: 190px; visibility: hidden; z-index: 20; width: 0; text-align: center; background-color: #000; } .notification-popup.newuser-active-it { opacity: 1; visibility: visible; right: 20px; width: auto; min-height: 200px; background: #000; width: 300px; padding: 0 20px 35px; border-radius: 4px; } .allow-disallow-btn { padding: 0 10px; } .allow-disallow-btn .donotallowbtn .btn-primary{ color: rgba(0,0,0,0); text-shadow:1px 1px rgba(175, 75, 44, 1); } .notification-popup a.btn-common.btn-primary { min-width: inherit; width: 100%; } .notification-inner { color: #fff; width: 100%; position: relative; padding: 45px 0 10px; box-sizing: border-box; } .alert-msg::before { content: '\e989'; font-family: 'mimiconfont' !important; font-size: 20px; cursor: default; height: 45px; left: 50%; position: absolute; top: 15px; width: 44px; margin: 0 0 0 -22px; } #ftpwanotification { padding-top: 10px; } #ftpwanotification a { position: relative; } #ftpwanotification a::before { content: "\e989"; font-family: 'mimiconfont'; position: absolute; right: -19px; top: -3px; } .allow-disallow-btn .donotallowbtn {display:none; width:49.85%; float: left;} .allow-disallow-btn > div a.button:link, .allow-disallow-btn > div a.button:visited { border-radius: 0; width: 100%; font-family: roboto,sans-serif; font-weight: 500; } .allow-disallow-btn > div.donotallowbtn a.button:link, .allow-disallow-btn > div.donotallowbtn a.button:visited { border-radius: 0; width: 100%; } .allowbtn { max-width: 220px; margin: 0 auto; } .allow-disallow-btn::after { clear: both; content: " "; position: relative; } .mim-icon-close.prompt-close { position: absolute; left: -10px; top: -14px; cursor: pointer; font-size: 9px; width: 27px; height: 25px; border: 2px solid #c25231; background: #c25231; text-align: center; color: #fff; font-weight: 800; line-height: 27px; border-radius: 100%; z-index: 2; transition: 0.5s all; } .mim-icon-close.prompt-close:hover, .mim-icon-close.prompt-close:focus { background: #fff; color: #c25231; } .notification-checkbox { margin-top: 7px; font-size: 16px; } .donotallowbtn { padding-right:10px; } /*---Pop Up css END--- */ /* Start: For notification popup Tablet*/ .pwa-tablet .notification-popup { position: fixed; right: 0; top: 20%; z-index:11; left: 0; margin: 0 auto; width: 425px !important; } /* End: For notification popup */ /*mobile-css*/ .pwa-mobile .notification-popup { top: 90px; width: 80% !important; left: 0; right: 0; margin: 0 auto; } .pwa-mobile .notification-inner { width: 100%; } .pwa-mobile .notification-popup.newuser-active-it { /*min-height: 200px; z-index: 11;*/ } .pwa-mobile .allow-disallow-btn>div { width: 220px; margin: 0 auto; } .pwa-mobile .locator-checkbox{ margin-top: 8px; } .pwa-mobile .alert-msg{ font-size: 14px; } /*ends here*/ .allowbtn a.btn-primary:link, .allowbtn a.btn-primary:visited { color: #ffffff; text-transform: uppercase; border: 1px solid #c25231; padding: 10px; font-size: 12px; display: block; margin-top: 20px; background-color: #c25231; font-weight: 600; letter-spacing: 1.5px; } .allowbtn a.btn-primary:hover, .allowbtn a.btn-primary:focus { background-color: #fff; border-color: #fff; color: #c25231; } .notification-inner .alert-msg h2 { font-size: 20px; font-weight: 900; letter-spacing: 0.5px; color:#fff; } .footer-pwa-block {display:none;} .footer-pwa-block.active {display:block;} @media only screen and (max-width:1600px) { #nav ul li { margin: 0 30px 0 0; } } @media only screen and (max-width:1530px) { .contentinfo-inner #container { right: 0; } .common-snippet .snippet-content { width: 446px; padding: 0 50px 0 0; } .common-snippet:nth-child(2n) .snippet-content { padding: 0 0 0 50px; } } @media only screen and (max-width:1500px) { #nav ul li { margin: 0 15px 0 0; } } @media only screen and (max-width:1400px) { #nav { margin-right: 230px; } #nav ul li { font-size: 13px; } #nav ul li ul.dropnav li { font-size: 12px; } } @media only screen and (max-width:1330px) { .contact-micro-detail { left: 0; } .reserve-btn { width: 150px; } .reserve-btn a.res-button:link, .reserve-btn a.res-button:visited { font-size: 14px; text-indent: -3px; } #nav { margin-right: 180px; } #nav ul li { font-size: 12px; } } @media only screen and (max-width:1240px) { .header-bottom { margin: 0 25px; } } @media only screen and (max-width:1210px) { .hubreview_website .review-form { margin: 0 20px; max-width: inherit; } } @media only screen and (max-width:1170px) { .review-form .form-input label { font-size: 14px; letter-spacing: normal; } .review-form span.is-required { font-size: 14px; letter-spacing: normal; } .first-row .review-table span { font-size: 14px; } span.rating-title { font-size: 14px; } .amenity_list_wrap ul li { width: 33.33%; } .amenity_list_wrap ul li:nth-child(4n+1) { clear: none; } .amenity_list_wrap ul li:nth-child(3n+1) { clear: both; } #nav ul li { margin: 0 10px 0 0; } .reserve-btn { width: 120px; } #nav { margin-right: 140px; } .reserve-btn a.res-button:link, .reserve-btn a.res-button:visited { font-size: 12px; } .home-quick-link-box-title { font-size: 30px; } .home-quick-link-box-info-wrap { padding-top: 58px; } .home-quick-link-box-btn { padding-top: 22px; } .home-quick-link-box-content { padding: 0 25px; } .home-location-title { font-size: 36px; line-height: 42px; } .information.footer-box { margin-right: 70px; } } @media only screen and (max-width:1100px) { #logo { width: 160px; } .right-logo { width: 160px; } .headerfix .right-logo { width: 105px; } .headerfix .left-logo { width: 24px; } .left-logo::before { height: 20px; margin-top: -10px; } .googleaddress.book-box { width: 375px; } #reservationtable::before { right: -435px; } .inner-content { width: 500px; } } @media only screen and (max-width:1014px) { #logo { width: 100px; } .right-logo { width: 100px; } .headerfix .right-logo { width: 165px; } .headerfix .left-logo { width: 14px; } .left-logo::before { height: 14px; margin-top: -7px; } .headerfix .right-logo { width: 55px; } .commentlable { font-size: 14px; } } a.button:link, a.button:visited, .button, input[type="button"], input[type="submit"] { background: #c25231; color: #fff; cursor: pointer; display: block; font-size: 14px; height: 50px; line-height: 48px; text-align: center; box-sizing: border-box; padding: 0; border: none; transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; font-family: 'Gotham Book'; letter-spacing: .7px; text-transform: uppercase; font-weight: 600; border: 1px solid #c25231; } a.button:hover, .button:hover, a.button:focus, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #ffffff; color: #c25231; } a.button-link:link, a.button-link:visited { color: #A7452A; font-family: 'Gotham Book'; font-size: 15px; text-transform: uppercase; position: relative; display: inline-block; font-weight: 600; letter-spacing: 4px; padding: 0 20px; line-height: 36px; vertical-align: top; } a.button-link::after { content: " "; position: absolute; height: 2px; width: 28px; left: 50%; bottom: 0; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); background-color: #af4b2c; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } a.button-link:hover::after, a.button-link:focus::after { width: 100%; } #msCookieBanner .right button{line-height:normal} #msCookieBanner { font-size: 13px !important; height: auto !important; width: 100% !important; bottom: 20px !important; max-width: 850px !important; margin: 0 auto !important; left: 0 !important; padding: 10px 20px !important; right: 0 !important; display: block !important; top: inherit !important; border: none !important; border-radius: 5px; font-family: 'Gotham' !important; box-sizing: border-box; } #msCookieBanner .left { width: 75% !important; text-align: left !important; text-transform: uppercase !important; float: left !important; line-height: 24px !important; padding-left: 0 !important; display: table !important; height: 40px !important; } #msCookieBanner .left span:first-child { font-weight: 600; } #msCookieBanner .left span { display: table-cell; vertical-align: middle; } #msCookieBanner .left span:last-child { font-weight: 400; text-transform: none; } #msCookieBanner a { border-bottom: 1px solid !important; text-transform: capitalize; } #msCookieBanner a:hover, #msCookieBanner a:focus { color: #c25231 !important; border-bottom: solid 1px !important; } #msCookieBanner .right { width: 160px !important; display: block !important; text-align: left !important; float: right !important; font-weight: 700 !important; line-height: normal !important; margin-top: 0; } #msCookieBanner .right button { padding: 10px !important; background-color: transparent !important; color: #000 !important; border: solid 1px transparent !important; cursor: pointer !important; font-size: 15px !important; color: #fff !important; transition: border 0.5s !important; text-transform: uppercase !important; font-weight: 700 !important; border-radius: 3px !important; width: 100% !important; } #msCookieBanner .right button:hover, #msCookieBanner .right button:focus { border: 1px solid #FFF !important; outline: none !important; } #wrapper .pushItDown { margin-top: 0 !important; } @media only screen and (max-width:864px) { #msCookieBanner .left { float: none !important; text-align: center !important; height: auto !important; width: 100% !important; } #msCookieBanner .left span { display: inline; } #msCookieBanner .right { float: none !important; text-align: center !important; margin: 0 auto !important; } #msCookieBanner .right button { padding: 10px 0 !important; text-align: center !important; } #msCookieBanner .right button:hover, #msCookieBanner .right button:focus { border: 1px solid transparent !important; } #msCookieBanner { max-width: 335px !important; padding: 10px !important; bottom: 50px !important; } } #main.pushItDown {margin-top: 0px !important;} #msCookieBanner {display: none !important;} #cke_editor1 {width:auto} .cke_skin_kama .cke_wrapper {background-color:transparent; background-image:none; padding:0px; margin:0px; } .cke_show_borders #fact-box { margin-top: 0px; } body.cke_show_borders{background:none !important} body.cke_show_borders a {text-decoration:none !important; list-style:none;} .cke_skin_kama .cke_wrapper {} #cke_editor1 {border:1px dashed !important; padding-left:2px;padding-right:2px;} #cke_top_editor1, #cke_bottom_editor1 {background-color:#FCFCFC} .cke_skin_kama .cke_wrapper {} .slider-imgpart.slider-imgpart-right .ms_cms_editbar { right: 0; } #ms_cms_btneditcarouselcontent, #ms_cms_btneditcarouselsnippet { display: none; }