sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } *[rel="textfill"] {display: none} *[rel="textfill"] span{ overflow: hidden; white-space: nowrap; line-height: 1em;} /*! * jQuery UI CSS Framework 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or G Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } #ui-datepicker-div { z-index: 99999 !important} /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em !important; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-header { border: 1px solid #555555; background: #555555 ; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #555555; } .ui-datepicker-calendar .ui-state-default a,.ui-datepicker-calendar .ui-state-default a:link, .ui-datepicker-calendar .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-widget-content .ui-state-hover, .ui-datepicker-calendar .ui-widget-header .ui-state-hover, .ui-datepicker-calendar .ui-state-focus, .ui-datepicker-calendar .ui-widget-content .ui-state-focus, .ui-datepicker-calendar .ui-widget-header .ui-state-focus { border: 1px solid #666666; background: #C0C0C0 ; font-weight: bold; color: #333333; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-datepicker-calendar .ui-state-active,.ui-datepicker-calendar .ui-widget-content .ui-state-active, .ui-datepicker-calendar .ui-widget-header .ui-state-active { border: 1px solid #666666; background: #C0C0C0; font-weight: bold; color: #333333; } .ui-datepicker-calendar .ui-state-active a,.ui-datepicker-calendar .ui-state-active a:link,.ui-datepicker-calendar .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-datepicker-calendar .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #555555; background: #555555; color: #FFFFFF; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*! /*! * jQuery UI Datepicker 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .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.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .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: .2em; text-align: right; text-decoration: 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; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* Datepicker */ /*____________________________________*/ .ui-widget-header { background: none repeat scroll 0 0 #14a1ab !important; border: 1px solid #14a1ab !important; color: #FFFFFF !important; font-weight: normal !important; } .ui-state-default { font-weight: normal !important;} .ui-state-highlight { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #CCCCCC !important; color: #14a1ab !important; font-weight: normal!important; } .ui-state-hover, .ui-state-active{ background: none repeat scroll 0 0 #14a1ab !important; border: 1px solid #14a1ab !important; color: #000000 !important; font-weight: normal!important; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/*! * jQuery UI Progressbar 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } * { margin: 0; padding: 0; border: none; zoom: 1; word-wrap: break-word;} .hide { visibility: hidden; display: none} .text-right { text-align: right;} .text-center { text-align: center;} .text-justify { text-align: justify;} ul.bbcode { padding-left: 30px;} .full-width { width: 100%; max-width: 100%;} /* CLEAR FIX */ .clearfix:after, #backBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; font-size:1px;line-height:1px;clear: both;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .mobile{display: none;} .no-mobile{display: block;} .block { margin-bottom: 15px; margin-top: 15px;} .nav-pills > li + li { margin-bottom: 10px; } .container { overflow: hidden; min-width: 240px; } .page-max-width-default .container{ max-width: 970px;} .page-max-width-medium .container{ max-width: 970px;} .page-max-width-small .container { max-width: 750px;} .page-layout-box { padding: 30px 0 60px; background: #000000 } .page-layout-box > div > div > .container, .page-layout-box .logo-alone > .container, .page-layout-box .navbar > .container { background: #FFFFFF} .page-layout-box .navbar { border: none;} .page-layout-box #footer .container { background: #000000} .page-layout-box #cont_carousel.container { padding-left: 0; padding-right: 0} .logo-alone { text-align: center; width: 100%;} .logo-alone .container { padding-top: 9px; padding-bottom: 9px; } .logo-alone #logo { height: 100px; width: auto;} .navbar { margin: 0; min-height: inherit; } .navbar-header #logo { height: 50px; margin-left: 15px; width: auto;} .navbar #logo-text { min-height: 67px; padding: 20px 0 0 15px;} .navbar .navbar-brand { padding: 0 0 0 0;} .navbar-align-center { padding: 0; text-align: center} .navbar-align-center .nav { width: auto; float: none !important; display: inline-block;} .navbar-collapse { max-height: none; } .menu-position-down .nav { margin-top: 0; margin-bottom: 15px;} @media (max-width: 767px) { .menu-position-down .navbar { width: 100%; position: absolute; top: 0; z-index: 299} .menu-position-down #carousel { margin-top: 50px;} .page-layout-box { padding: 0;} #header{ padding-top: 60px; } #header .navbar-nav > li > a { text-align: left} .mobile{display: block;} span.mobile{display: inline;} .no-mobile{display: none;} .card-info{margin-left: 5px;text-align: center;} a.card-icon {padding: 0px;font-size: 41px;} .card-icon .glyphicon {top: 5px;} .logo-box, .logo-alone{ display: none; } #logo-xs{width: 100%;max-width: 125px;padding: 30px 0px;margin: 0 auto;} .navbar{top: 0;position: absolute !important;width: 100%;z-index: 1000 !important;background-color: rgba(255,255,255,0.97) !important;border:1px solid lightgrey !important;} .navbar-header{padding: 5px;} .navbar-toggle{margin-top: 6px;margin-right: 10px;} } @media (min-width: 767px) and (max-width: 991px) { .navbar-nav > li > a { font-size: 12px; padding-left: 5px !important; padding-right: 5px !important;} #lang-selector { padding-right: 4px !important;} } .navbar-right { clear: right;} #lang-selector { float: right; text-transform: uppercase;font-size: 13px; } .page-layout-full .slider-width-full #cont_carousel.container, .page-layout-default .slider-width-full #cont_carousel.container { width: 100%; padding: 0; max-width: none} .cover-img { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; overflow: hidden; } .cover-img img { height: auto; width: 100%; visibility: hidden;} .cover-img .real-img { display: none;} .ie8- .cover-img { background: none !important; } .ie8- .cover-img img { background: none !important; } .ie8- .cover-img .relation { display: none !important; } .ie8- .cover-img .real-img { display: block !important; visibility: visible !important; width: 100% !important;} .closer { display: none;bottom: auto !important;left: auto !important;top: 3px !important;right: 5px !important;} @media (max-width: 767px) { h1, .h1 { font-size: 25px; } h2, .h2 { font-size: 21px; } h3, .h3 { font-size: 19px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 17px; } } @media (max-width: 767px) { #s_location #carousel, #carousel.content-map { padding: 0 15px !important;} #lang-selector { font-size: 19px !important; margin: 10px;} .sidebar-left #wheather { display: none } .menu-position-down .nav { clear: both; } } #carousel, #cont_carousel, #myCarousel, .box-img {height:100%;min-height: 100%;max-height: 100%;position: relative;} #content #map-canvas { height: 400px; margin-bottom: 15px} #carousel .cover-img, #carousel #map-canvas { margin: 0; padding: 0; width: 100%;} #carousel .cover-img, #carousel #map-canvas { height: 350px; } .slider-width-full .cover-img, .slider-width-full #map-canvas { height: 385px !important; } #carousel.slider-height-low .cover-img, #carousel.slider-height-low #map-canvas { height: 280px;} @media (max-width: 767px) { #carousel .cover-img, #carousel #map-canvas { height: 354px !important; } } @media (max-width: 500px) { #carousel .cover-img, #carousel #map-canvas { height: 196px !important; } } @media (max-width: 320px) { #carousel .cover-img, #carousel #map-canvas { height: 159px !important; } } @media (min-width: 992px) { #carousel .cover-img, #carousel #map-canvas { height: 450px; } #carousel.slider-height-low .cover-img, #carousel.slider-height-low #map-canvas { height: 360px;} .slider-width-full .cover-img { height: 490px !important; } } @media (min-width: 1200px) { .page-max-width-big #carousel .cover-img, #carousel #map-canvas { height: 546px; } #carousel.slider-height-low .cover-img, #carousel.slider-height-low #map-canvas { height: 436px;} .slider-width-full .cover-img, .slider-width-full #map-canvas { height: 610px !important; } } @media (min-width: 1500px) { .slider-width-full .cover-img, .slider-width-full #map-canvas { height: 750px !important; } } @media (max-width: 767px) { #carousel #map-canvas { height: 250px !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important} .spliter { display: none !important;} #s_opinions #carousel .cover-img, #s_page #carousel .cover-img, #s_offers #carousel .cover-img, #s_book #carousel .cover-img { height: 150px !important; min-height: 0 } .logo-alone #logo { height: 65px; } } .carousel-control { z-index: 200;} #carousel .spliter { height: 30px; left: 0; margin-top: -30px; position: absolute; width: 100%; display: none; } #routes a { margin-bottom: 15px; margin-right: 20px; display: inline-block;} #main #content .text { text-align: justify; margin-bottom: 30px} #main #content .block { margin-bottom: 15px;} #environment_list { margin-top: 20px;} #environment_list .environment { margin-top: 20px; text-align: justify;} #environment_list .environment .image { margin-top: 10px;} .environment .image { margin-top: 12px;} #home-offer{margin-top: 30px;} #offers_list, #page_extras_list { margin-top: 20px;} #s_index #offers_list, #s_index #page_extras_list { margin-top: 10px;} #page_extras_list .offer { margin-bottom: 20px; } #offers_list .offer{ overflow: hidden; position: relative; margin: 0px 0px 20px; padding-bottom: 20px; border-bottom: 1px solid #DDD; } #offers_list .offer .picture{padding-left: 0px;float: left;width: 48%;margin-right: 3%;} #offers_list .offer .picture .img-thumbnail{ border: medium none; padding: 0px; background: none repeat scroll 0% 0% transparent; } #offers_list .offer h4{margin-top: 0px;margin-bottom: 5px;} #offers_list .offer .actions{float: right;} #offers_list .offer .more-info{margin-top: 0px !important;} #s_offer-card #main h2{margin-top: 5px !important;} #s_offer-card #main h3{margin-top: 0px;} #s_offer-card .text-box{border-bottom: 1px solid #393939;margin-bottom: 40px;padding-bottom: 30px;} #s_offer-card .offer-card-img {margin-bottom: 10px;margin-top: 30px;} #s_offer-card .btn-offer-book{float: none;} #s_offer-card .timeline-sharebar{margin-right: 25px;margin-top: -60px;margin-bottom: 30px;} #s_offer-card .offer-conditions{margin-bottom: 50px;} #opinion_list { margin-top: 20px;} blockquote small:before { content: ""; } #opinion_list .score { font-size: 15px;} #s_book form { margin-top: 30px;} #contactForm textarea { height: 100px;} .ie7 .input-group-addon { display: none;} .book_widget { margin: 15px 0; text-align: center} #s_book .book_widget {text-align: left} .book_widget .input-group-addon { font-size: 22px ;padding: 2px 8px;;cursor: pointer; background: #FFFFFF !important; border-color: #CCCCCC !important; border-left: none !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;} .book_widget .form-control { padding-right:0 !important; cursor: pointer; background: #FFFFFF !important; border-color: #CCCCCC !important; border-right: none !important; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;} .book_widget .form-control::-webkit-input-placeholder { color: #111111 !important; } .book_widget .form-control:-moz-placeholder { color: #111111 !important; } .book_widget .form-control::-moz-placeholder { color: #111111 !important; } .book_widget .form-control:-ms-input-placeholder { color: #111111 !important; } .book_widget .form-control:focus{ box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow:none !important; } .book_widget .btn { border-radius: 0 !important;} .book_widget .box { margin:0 ; max-width: 850px; text-align: left; margin: auto;} .book_widget form { text-align: left; margin: 0 !important; padding: 13px 0px 0px 0px;} .book_widget form label { font-weight: normal} .book_widget form .btn {padding: 6px 12px !important;} #s_location #myCarousel { display: none;} #carousel.content-images #myCarousel , #carousel.content-images #myCarousel {display: block} .book_widget_slider-bottom .box, .book_widget_slider-top .box { width: 90%;} .socialbar { margin-top: 20px; text-align: right;} .socialbar .container { padding: 0; min-width: 0} .socialbar a{ margin-left:2px; text-decoration: none} .socialbar a:hover{ text-decoration: none; } .socialbar a img{ margin-bottom: 3px; background-color: #BBBBBB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 30px; height: 30px;} .socialbar img:hover{ background-color: #CCCCCC} .socialbar img.facebook:hover{ background-color: #3b5999} .socialbar img.linkedin:hover{ background-color: #0082c8} .socialbar img.twitter:hover{ background-color: #29c5f6} .socialbar img.gplus:hover{ background-color: #d74a38} .socialbar img.youtube:hover{ background-color: #d74a38} .socialbar img.flickr:hover{ background-color: #0072E5} .socialbar img.instagram:hover{ background-color: #316C93} .socialbar img.tripadvisor:hover{ background-color: #62A549} .socialbar img.trivago:hover{ background-color: #D99B42} .socialbar img.pinterest:hover{ background-color: #CB2027} .menu-position-down #main #sidebar { margin-top: 0; } #sidebar .address_block { margin-top: 15px; text-align: right; font-size: 14px; clear: both;} #sidebar .address_block .name{ font-size: 17px; font-weight: 400; } #sidebar .address_block .mail{ font-weight: 400 ; font-size: 13px; } #sidebar .address_block .glyphicon { margin: 0 5px; font-size: 13px; color: #650D07;} #sidebar .phone_block { margin: 20px 0 30px 0; text-align: right } #sidebar .phone, #sidebar .phone_alt { font-size: 22px; } #sidebar .glyphicon { margin: 0 7px; font-size: 18px; color: #650D07;} #opinion label{margin-top: 10px;} #opinion textarea{width: 100%;height: 80px;border: 1px solid #CCC;margin-top: 10px;} #opinion .input-group{width: 100%;} .opinion_rate .glyphicon-star-empty:before { content: ""; } .opinion_rate .glyphicon{font-size: 15px;} .opinion_rate .glyphicon:hover{cursor: pointer;} #opinion .opinion_name, #opinion .opinion_mail{margin-bottom: 10px;border-radius: 0px;} #opinion .opinion_rate{border: 1px solid rgb(204, 204, 204);padding: 6px;} #opinion button{margin-top: 10px;margin-bottom: 10px;} #opinion_form_section{text-align: left;margin-top: 50px;} blockquote p { font-size: inherit; } .offer ul {} .offer li, .paga_extra li { margin-left: 15px; } @media (max-width: 767px) { #offers_list .picture, #page_extra_list .picture { text-align: left} #offers_list .img-thumbnail, #page_extra_list .img-thumbnail { width: 50%;} #offers_list .offer .picture{width: 100%;margin-bottom: 20px;} #environment_list .img-thumbnail { max-width: 400px} #team_list .img-thumbnail { width: 50%;} } #footer a { color: #F2F2F2;} #footer a:hover, #footer a:focus { color: #0275E8;} #footer .menu { margin-top: 15px;} #footer .menu a { font-size: 13px} #footer a.reservar, #footer .socialbar, #footer .address_block, #footer .phone_block, #footer #wheather{display: none;} #footer .turisapps { margin-top: 15px; font-size: 12px;} #footer .turisapps a { color: #AAAAAA;} #footer .turisapps a:hover, #footer .turisapps a:focus { color: #008CFF; text-decoration: none !important} #footer .turisapps img { width: 24px; height: 24px; margin-top: -6px;} #footer { min-height: 100px;} #footer.footer-type-minimal { min-height: 30px;} #footer.footer-type-minimal p { margin-top: 15px; margin-bottom: 5px; font-weight: 300; font-size: 13px;} #footer.footer-type-minimal .menu { margin: 15px 3px 0 10px; font-size: 12px; color: #777777;} #footer.footer-type-minimal .menu a, #footer.footer-type-minimal .turisapps { color: #777777;} #partnersbar { margin-top: 20px; text-align: left;} #partnersbar .item { width: auto;} #partnersbar img{ margin-right:9px; margin-bottom: 12px; width: auto; height: 35px;} @media (max-width: 991px) { #partnersbar img{ margin-right:7px; height: 25px;} } #main #partnersbar { margin-top: 30px; } #main #partnersbar img { height: 35px;} #map-canvas h4 { font-size: 13px !important; font-weight: 400} #wheather { margin-top: 30px; text-align: center; margin-left: auto; max-width: 200px; font-size: 12px; margin-right: 0; float: right} #wheather img { margin: 7px 0px 5px;} #wheather .temp { font-size: 90%;} #wheather .temp .max { color: #E86F6F;} #wheather .temp .min { color: #71B9F0;} #wheather .link-bar { text-align: right; padding-top: 7px;} #wheather .link-bar a { font-size: 90%; color: #777777;} @media (max-width: 767px) { #sidebar, #sidebar .address_block, #sidebar .phone_block, #sidebar .socialbar { text-align: center} .float { text-align: center} #s_book .float .book { display: none; } .float .book {margin-top: 15px;} .float .book a { margin: auto !important; white-space: inherit;} .socialbar { text-align: center} .navbar-nav { clear: both } } .color-main { color: #428BCA; background: none} .color-main { color: #14a1ab; background: none} .color-active, .hover-color-active:hover, .hover-color-active:focus { color: #FFFFFF !important; background: #14a1ab !important} .border-main { border: solid 1px #000000;} .background-main-soft {background: rgba(0,0,0,0.1)} .carousel-kenburns .item{ position: absolute !important; width: 100% !important} .carousel-kenburns .item .box-img { position: absolute !important; width: 100% !important; } .carousel-kenburns .item .cover-img { -webkit-transition-property: opacity, -webkit-transform; -webkit-transition-duration: 3s, 8s; -moz-transition-property: opacity, -moz-transform; -moz-transition-duration: 3s, 8s; -ms-transition-property: opacity, -ms-transform; -ms-transition-duration: 3s, 8s; -o-transition-property: opacity, -o-transform; -o-transition-duration: 3s, 8s; transition-property: opacity, transform; transition-duration: 3s, 8s; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .carousel-kenburns .item.type-0 .cover-img { -webkit-transform: scale(1) translate(0px); -moz-transform: scale(1) translate(0px); -ms-transform: scale(1) translate(0px); -o-transform: scale(1) translate(0px); transform: scale(1) translate(0px); } .carousel-kenburns .active.type-0 .cover-img { -webkit-transform: scale(1.05) translate(0px); -moz-transform: scale(1.05) translate(0px); -ms-transform: scale(1.05) translate(0px); -o-transform: scale(1.05) translate(0px); transform: scale(1.05) translate(0px); } .carousel-kenburns .item.type-1 .cover-img { -webkit-transform: scale(1.05) translate(0px); -moz-transform: scale(1.05) translate(0px); -ms-transform: scale(1.05) translate(0px); -o-transform: scale(1.05) translate(0px); transform: scale(1.05) translate(0px); } .carousel-kenburns .active.type-1 .cover-img { -webkit-transform: scale(1) translate(0px); -moz-transform: scale(1) translate(0px); -ms-transform: scale(1) translate(0px); -o-transform: scale(1) translate(0px); transform: scale(1) translate(0px); } .menu-block h4 { border-bottom: solid 1px #CCCCCC} .widget { float: left; margin-right: 19px;margin-bottom: 25px;} .banners { margin-bottom: 20px; padding-left: 5%; padding-right: 5%} .banner { position: relative; } .banner .picture { overflow: hidden; position: relative;} .banner .cover-img { -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; background-size: 102% !important; background-position: center center !important; } .banner .hotarea:hover .cortine {} .banner .hotarea:hover .cover-img { background-size: 110% !important; background-position: center center !important} .banner .dec-box-title h4 { margin: 0 !important; font-size: 15px !important} .banner .dec-box-title { padding: 6px; position: relative; } .banner .dec-box-text { padding: 6px 6px 6px 6px;} .banner .dec-box-text .text { margin: 0 !important; text-align: left !important} .banner .banner_url{opacity: 0.8;font-size: 25px;float: right;padding: 0px 9px;line-height: 27px;font-weight: 500;margin-top: 5px;height: 25px;font-family: arial !important;} .banner .banner_url:hover, .banner .banner_url:focus{opacity: 1;} @media (max-width: 767px) { .banner .picture, .banner .dec-box-title{ max-width: 300px} .banners .banner{max-width: 330px;margin-bottom: 20px;} /* disable shadow effects in mobile */ .cortine, .trama-dots, .trama-dots-medium, .trama-dots-big, .trama-lines-left, .trama-lines-right, .trama-lines-thin, .trama-square, .trama-grey, .trama-degrade, .trama-shadow-top, .trama-shadow-right, .trama-shadow-down, .trama-shadow-left, .trama-shadow-top-left, .trama-shadow-white-top, .trama-shadow-white-right, .trama-shadow-white-down, .trama-shadow-white-left { background: transparent !important; } } .cortine { display:none; height: 100%;left: 0; overflow: auto; position: absolute;top: 0; width: 100%; z-index: 3;} .trama-dots { opacity: 0.2; background: url('../images/patterns/dots.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-dots-medium { opacity: 0.5; background: url('../images/patterns/dots-medium.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-dots-big { opacity: 0.4; background: url('../images/patterns/dots-big.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-lines-left { opacity: 1; background: url('../images/patterns/lines-left.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-lines-right { opacity: 1; background: url('../images/patterns/lines-right.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-lines-thin { opacity: 1; background: url('../images/patterns/lines-thin.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-square { opacity: 0.08; background: url('../images/patterns/square.png') repeat scroll 0 0 rgba(0, 0, 0, 0); display:block;} .trama-grey { opacity: 0.5; background: #000000;display:block; } .trama-degrade { background: url('../images/patterns/degrade.png') no-repeat; background-size: 100% 100%; opacity: 0.65;display: block; } .trama-shadow-top { background: url('../images/patterns/shadow-top.png') no-repeat; background-size: 100% 100%; opacity: 0.6;display: block; } .trama-shadow-right { background: url('../images/patterns/shadow-right.png') no-repeat; background-size: 100% 100%; opacity: 0.6;display: block; } .trama-shadow-down { background: url('../images/patterns/shadow-down.png') no-repeat; background-size: 100% 100%; opacity: 0.6;display: block; } .trama-shadow-left { background: url('../images/patterns/shadow-left.png') no-repeat; background-size: 100% 100%; opacity: 0.6;display: block; } .trama-shadow-top-left { background: url('../images/patterns/shadow-top-left.png') no-repeat; background-size: 100% 100%; opacity: 1;display: block; } .trama-shadow-white-top { background: url('../images/patterns/shadow-top-white.png') no-repeat; background-size: 100% 100%; opacity: 1;display: block; } .trama-shadow-white-right { background: url('../images/patterns/shadow-right-white.png') no-repeat; background-size: 100% 100%; opacity: 1;display: block; } .trama-shadow-white-down { background: url('../images/patterns/shadow-down-white.png') no-repeat; background-size: 100% 100%; opacity: 1;display: block; } .trama-shadow-white-left { background: url('../images/patterns/shadow-left-white.png') no-repeat; background-size: 100% 100%; opacity: 1;display: block; } .extra_list {margin: 50px 0;} .extra_list .video { text-align: center} .iframe_video { max-width: 100% !important} @media (max-width: 350px) { .iframe_video { height: 200px !important; } } .cookies { z-index: 9999; position: fixed; bottom: 1rem; left: 1rem; right: 1rem; margin: 0; padding: 1rem; background: hsla(0, 0%, 0%, 0.8) !important; color: white; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 10px; display: flex; } .cookies .close { font-size: 20px; background-color: transparent; opacity: 0.5; color: white; padding: 0.5rem; margin-right: 0.5rem; border: 1px solid; } .cookies .close:hover, .cookies .close:focus { opacity: 1 } .cookies a { color: white; text-decoration: underline; } .cookies a:hover, .cookies a:focus { color: #555555; text-decoration: underline; } #room_list .room { overflow: hidden; position: relative; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: solid 1px #DDDDDD;} #room_list .room .cover-img { } #room_list .img-thumbnail { border: none; box-shadow: none !important; padding:0; background: none} #room_list .room .image { padding-left: 0; margin-right: 3%; position: relative} #room_list .room .price { position: absolute; bottom: 0; right: 0; padding: 1px 5px; } #room_list .room .price .from { font-size: 90%; line-height: 1em; } #room_list .room .price .q { font-size: 120%; line-height: 1em; } #room_list .room .actions { float: right } #room_list .room .content h4 { margin-top: 0; padding-top: 5px; margin-bottom: 10px} @media (min-width: 767px) { #room_list .room .image { float: left; width: 48%;} #room_list .room .content { width: 48%; float: right } } @media (max-width: 767px) { #room_list .room .image { width: 100% } } .tripadvidor #CDSWIDCOE, .tripadvidor #CDSWIDEXC { margin: 0 10px 0 0 !important;} .services{display: inline;clear: both;margin-top: 10px;} .service-icon, .service-icon img{width: 25px;display: inline-block;margin-top: 5px;margin-right: 5px;} /********** MICROBLOG **********/ @media (min-width: 768px) { .timeline > li > .timeline-panel:before {position: absolute;top: 26px;right: -15px;display: inline-block;border-top: 15px solid transparent;border-left: 15px solid #ccc;border-right: 0 solid #ccc;border-bottom: 15px solid transparent;content: " ";} .timeline > li > .timeline-panel:after { position: absolute;top: 27px;right: -14px;display: inline-block;border-top: 14px solid transparent;border-left: 14px solid #fff;border-right: 0 solid #fff;border-bottom: 14px solid transparent;content: " ";} } #s_microblog #content {border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;} #s_microblog #content > .content-box .text-box { background: #FFFFFF; padding: 15px;} #s_microblog .closer {display: none !important;} .timeline {list-style: none;padding: 20px 0 20px;position: relative;float: right;width: 100%;} .timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;right: 25px;margin-left: -1.5px;} .timeline > li {margin-bottom: 20px;position: relative;float: right;clear: right;} .timeline-full-image, .timeline-image-title{max-width:100%;width: 350px;} .timeline-image-title .timeline-title{margin-top: 10px;} .timeline-full-text{max-width:100%;width: 70%;} .timeline-image-title-text{width: 90%;max-width: 100%;} .timeline-full-video, .timeline-video-title{max-width:100%;width: 475px;} .timeline > li:before,.timeline > li:after {content: " ";display: table;} .timeline > li:after {clear: both;} .timeline > li:before,.timeline > li:after {content: " ";display: table;} .timeline > li:after {clear: both;} .timeline > li > .timeline-panel {color: #222222; background: #FFFFFF; width: calc( 100% - 75px );float: left;border: 1px solid #d4d4d4;border-radius: 2px;padding: 15px;position: relative;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);} .timeline > li > .timeline-date {padding-top: 2px;color: #fff;width: 50px;height: 50px;line-height: 21px;font-size: 18px;text-align: center;position: absolute;top: 16px;right: 0px;margin-left: -25px;background-color: #999999;z-index: 100;border-top-right-radius: 20%;border-top-left-radius: 20%;border-bottom-right-radius: 20%;border-bottom-left-radius: 20%;} .timeline > li.timeline-inverted > .timeline-panel {float: right;} .timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;} .timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;} .timeline-badge.primary {background-color: #2e6da4 !important;} .timeline-badge.success {background-color: #3f903f !important;} .timeline-badge.warning {background-color: #f0ad4e !important;} .timeline-badge.danger {background-color: #d9534f !important;} .timeline-badge.info {background-color: #5bc0de !important;} .timeline-date{top: 14px;font-size: 20px;} .timeline-title {margin-top: 0;color: inherit;} .timeline-body > p,.timeline-body > ul {margin-bottom: 0;} .timeline-body > p + p {margin-top: 5px;} .micropost-video .timeline-title{margin-top: 15px;} .micropost-image.micropost-selected{width: 100%;} .micropost-image.micropost-selected .timeline-panel:hover{opacity: 1 !important; background: #FFFFFF; cursor: auto !important; border-width: 1px; padding: 15px;} .micropost-image.micropost-selected .timeline-panel:hover img{opacity: 1 !important; } .micropost-image.micropost .timeline-title{font-size: 30px;} .timeline-text-content{text-align: left;} .micropost-text.micropost-selected .timeline-image, .timeline-image-title-text.micropost-selected .timeline-text-content{width: 100%;padding: 0px 15px;} .micropost-text.micropost-selected{padding: 0px; width: 100%;} .micropost-text.micropost-selected .timeline-title{font-size: 30px;margin-top: 10px;} .micropost-text.micropost-selected .timeline-body-text, .micropost-video.micropost-selected .timeline-body-text{display: inline;} .micropost-text.micropost-selected .timeline-panel:hover{opacity: 1 !important;cursor: auto !important; } .timeline-body-text{display: none;} .micropost-selected .timeline-more-info {display: none;} .micropost-selected .timeline-sharebar{visibility: visible !important;} .btn-more-microposts{font-family: Arial; font-weight: 300; font-size: 38px;background: #999;color: #FFFFFF !important;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 20%;} .btn-more-microposts:hover, .btn-more-microposts:focus{color: #FFF;background: #555555; text-decoration: none !important}; .btn-more-microposts:hover a, .btn-more-microposts:focus a{text-decoration: none !important} .timeline-actions{text-align: right;} .timeline-more-info { background: #AAAAAA; width: 30px; height: 30px; font-family: Arial; font-size: 20px; line-height: 30px; font-weight: 300; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: block; display: inline-block; text-align: center; color: #FFFFFF; text-decoration: none; margin-top: 15px; margin-left: 5px; } .timeline-more-info:hover, .timeline-more-info:focus, .timeline-sharebar a img:hover, .timeline-sharebar a img:focus { text-decoration: none !important; color: #FFFFFF !important; background: #777777} .timeline-panel .timeline-sharebar { float: left;display:inline;visibility: hidden;margin-top: 15px;} .timeline-panel:hover .timeline-sharebar {visibility: visible;display:inline ;} .timeline-sharebar a img{border-radius: 15px;width: 30px;height: 30px;} .timeline-sharebar a img.facebook:hover{background-color: #3b5999 !important;} .timeline-sharebar a img.twitter:hover{background-color: #29c5f6 !important;} .timeline-sharebar a img.googleplus:hover{background-color: #DD4B39 !important;} .extra_image h3 { margin-top: 0 !important} @media (max-width: 991px) { .timeline-sharebar{visibility: visible !important;} .micropost-text, .micropost-image, .micropost-video{width: 100%;} .micropost-image .timeline-more-info{display: none;} } @media (max-width: 767px) { .timeline > li > .timeline-panel {width: 100%;margin-top: 58px;} .extra_image p span{display: none;} } @media (max-width: 380px) { .timeline-full-image .timeline-more-info, .timeline-image-title .timeline-more-info{display: none;} } @media (min-width: 768px) { .extra_item{padding: 25px 0px;} .extra_image p{position: relative;} .extra_image p > span { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; display: none; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3); } .extra_image.open_extra p > span { background: none } .extra_image p span .extra_more, .extra_image p span .extra_less{ z-index: 9999; position: absolute; top: 50% !important; margin-top: -12px !important; left: 50%; margin-left: -12px !important; display: none; } .extra_image:hover p > span{cursor: pointer;} .extra_image:hover p > span .extra_less {display: none !important} .extra_image p:hover > span, .extra_image p span .extra_more{display: inline;} .open_extra, .open_extra .col-sm-8, .open_extra .col-sm-4{width: 100% !important;} .open_extra:hover .content-less, .open_extra:hover .extra_less{display: inline !important;} .open_extra .content-more, .open_extra .extra_more{display: none !important;} .extra_list .col-sm-4{text-align: center;} .extra_pdf{opacity: 0.8;margin: 20px 0;} .image_extra{margin: 6px 0 20px 0;} .extra_pdf:hover{opacity: 1;} .extra_more, .extra_less{font-size: 25px;/*opacity: 0.6;*/} .extra_more:hover, .extra_less:hover{opacity: 1;cursor: pointer;} } #s_plv { background: #000000} #s_plv #carousel, #s_plv .carousel .item, #s_plv .carousel-inner, #s_plv #carousel .cover-img{height:100% !important;min-height: 100%;max-height: 100%;} #s_plv .carousel-control, #s_plv .carousel-indicators { display: none !important} #s_plv .carousel-caption { opacity: 0; background: rgba(0,0,0, 0.6); left:0; right: 0; width: 100%; bottom: -300px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; } #s_plv .carousel-caption h3 { font-size: 50px; font-weight: 300; text-shadow: none; } #s_plv .carousel-caption.effect { opacity: 1; bottom: 0; } #s_plv .cortine { display: none !important} #s_plv .carousel-caption:hover {opacity: 0.5 !important} #s_plv .carousel-caption .container { max-width: none; width: 100%} /*------------------ MOTOR RESERVA --------------------*/ .calendar{margin-bottom: 30px;font-family: Arial, sans-serif;font-size: 13px;} .calendar *{cursor: default;} .calendar .ui-datepicker{margin: auto;} .calendar .ui-state-default { color: #000000 !important; font-weight: normal !important; background: #DDD !important; border-color: #DDDDDD !important; opacity: 1; } .ui-datepicker-calendar .state-1 a{background: #94E57B !important;} .ui-datepicker-calendar .state-2 a, .ui-datepicker-calendar .state-3 a{background: #F7ADB2 !important;} .ui-datepicker-calendar .state-4 a{background: #F7CE67 !important;} .calendar .state-1 a{background: #94E57B !important;} .calendar .state-2 a, .calendar .state-3 a{background: #F7ADB2 !important;} .calendar .state-4 a{background: #F7CE67 !important;} .calendar td.past a{border-color: #FFFFFF !important;font-weight: normal !important;} #s_book .calendar .ui-datepicker-today a, #s_room-card .calendar .ui-datepicker-today a{border-color: #CCC !important;} #s_book .calendar .ui-widget-content, #s_room-card .calendar .ui-widget-content {border: 0px;padding: 0px !important;background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9) !important} #s_book .calendar .ui-corner-left, #s_room-card .calendar .ui-corner-left {border-bottom-left-radius: 0px;} #s_book .calendar .ui-corner-right, #s_room-card .calendar .ui-corner-right {border-bottom-right-radius: 0px;} #s_room-card .service-icon, #s_room-card .service-icon img { display: inline-block; float: none } .block-map { padding-top: 30px} .block-map .map {} .block-map .address { text-algin: left !important } .block-map .address .services { text-align: left !important } .block-map .address .name { font-size: 130%; margin-bottom: 15px } #s_room-card .block-map .column { margin-top: 30px; } @media (min-width: 767px) { #s_room-card .block-map .column { float: right !important; } .block-map .address .services { text-align: center !important } } @media (max-width: 767px) { .block-map .map { padding: 0 15px !important} } .calendar .ui-datepicker-calendar td span, .calendar .ui-datepicker-calendar td a {width: 30px;height: 32px;padding: 1px 1px 0px 1px !important;} .calendar .ui-datepicker-calendar td a {z-index:0;position: relative;font-size: 11px;color: #CCC;} .calendar .ui-datepicker-calendar td a:before{ content: ""; display: block; position: absolute; height: 16px; right: 0px; top: 0px; z-index: -1; background: rgba(255, 255, 255, 0.7); width: 100%; } .calendar .ui-datepicker-calendar td a:after{ content: ""; display: block; text-align: center; font-size: 9px; margin-top: 3px; color: #666; } /*------------------ MODAL WINDOW --------------------*/ #myModal .modal-body { min-height: 210px } #myModal .modal-content{top: 100px;overflow: hidden;} #myModal .modal-header{ background: none repeat scroll 0% 0% rgb(216, 188, 59); text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; border-bottom: 0px none; min-height: 100px; } #myModal .modal-header .modal-title{color: #FFF !important;font-size: 25px;margin-left: 85px;margin-right: 85px;} #myModal .modal-header .close {margin-top: -3px;font-size: 40px;} #myModal .modal-body img{position: absolute; margin-left: -80px;margin-top: -75px; width: 236px;} #myModal .modal-body div{color: #000 !important;float: right; padding-bottom: 20px; padding-left: 160px; position: relative; top: 0; width: 100%;} @media (max-width: 767px) { #myModal .modal-body { min-height: 150px } #myModal .modal-body img { width:140px; margin-top: -58px} #myModal .modal-header .modal-title{font-size: 19px;margin-left: 15px;margin-right: 15px;} #myModal .modal-body div{ padding-left: 65px; } } /* PAGE EXTRA */ .banner .banner_url, .page_extra .page_url { opacity: 0.8; font-size: 20px; float: right; padding: 0px 7px; line-height: 22px; font-weight: 500; margin-top: 5px; height: 22px; font-family: arial !important; } .page_extra{margin-bottom: 50px;} .page_extra .page_url:hover, .page_extra .page_url:focus{opacity: 1;} .page_extra .cover-img { background-size: 100% !important; background-position: center center !important; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .page_extra .cover-img:hover{background-size: 110% !important;background-position: center center !important;} .page_extra.style-single { clear: both; } /* DATEPICKER CONTROLS TO WHITE */ a.ui-state-hover, a.ui-datepicker-prev-hover, a.ui-datepicker-next-hover{top:0px !important;background-color: transparent !important;} a.ui-datepicker-next span, a.ui-datepicker-prev span {background-image: url("images/ui-icons_ffffff_256x240.png") !important;} a.ui-state-hover span, a.ui-datepicker-prev-hover span, a.ui-datepicker-next-hover span { background-image: url("images/ui-icons_ffffff_256x240.png") !important; cursor: pointer; opacity: 0.5 !important; } /* CUSTOM LAYOUT */ #custom-layout-bar { text-align: center; padding:10px 0 0 0; background: #F2E363; border: solid 1px #333333;} .btn .glyphicon { color: inherit !important;} @media (max-width: 767px) { /*#cont_carousel.container {background: transparent !important;} .carousel-inner{margin-top: 37px !important;overflow: visible !important;} .carousel-caption .container{padding: 0px !important } .carousel-caption h3 {background: #FFF !important;font-size: 15px !important;position: absolute !important;top: -346px !important;width: 100% !important;text-align: left !important;margin: 0px !important;}*/ .mobile-caption{min-height: 40px;padding: 8px;text-transform: uppercase;} .carousel-caption h3{display: none !important;} #room_list .room .image{margin-bottom: 15px;} #ui-datepicker-div { max-width: 90% } } /*@media (max-width: 500px) { .carousel-caption h3{top: -194px !important;} }*/ .widget_upbooking { text-align: left} .widget_upbooking input, .widget_upbooking select { border: solid 1px #CCCCCC;} #booking-modal { overflow: visible; background: rgba(0,0,0,0.5)} #booking-modal .close {opacity: 1; font-size: 32px; margin-top: -12px;} #booking-modal .loading { border-radius: 0 0 4px 4px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.90); text-align: center; position: relative; } #booking-modal .loading img { margin-top: 25%; left: 50%; width: 80px; height: 80px; margin: -40px auto auto -40px;position: absolute;top: 50%;} #booking-modal .modal-header { border:none; border-radius: 4px 4px 0 0; height: 55px; overflow: hidden; } #booking-modal .modal-dialog { width: 100% !important; max-width: 1280px; padding-bottom: 15px; padding-top: 15px;} #booking-modal .modal-dialog .modal-content {overflow: visible;} #booking-modal .modal-dialog, #booking-modal .modal-content, #booking-modal .modal-body { height: 100% !important} #booking-modal .modal-body { padding: 0; padding-bottom: 62px; } #booking-modal .scroll-wrapper { height: 100%;} #booking-modal iframe { overflow-x: auto; overflow-y: scroll ; width: 100%; height: 100%; border-radius: 0 0 4px 4px; background: #FFFFFF} #booking-modal.booking-modal-4-0 .modal-dialog { max-width: 1280px} #booking-modal.booking-modal-4-1 .modal-dialog { max-width: 1280px} #booking-modal.booking-modal-4-2 .modal-dialog { max-width: 900px} #booking-modal.booking-modal-6-0 .modal-dialog { max-width: 1223px} #booking-modal.booking-modal-7-0 .modal-dialog { max-width: 1100px} #booking-modal.booking-modal-8-0 .modal-dialog { max-width: 917px} #booking-modal.booking-modal-9-0 .modal-dialog { max-width: 1010px} #booking-modal.booking-modal-11-0 .modal-dialog { max-width: 1130px} #booking-modal.booking-modal-11-1 .modal-dialog { max-width: 1080px} #booking-modal.booking-modal-14-0 .modal-dialog { max-width: 1024px} #booking-modal.booking-modal-13-0 .modal-dialog { max-width: 917px} #booking-modal.booking-modal-15-0 .modal-dialog { max-width: 1194px} #booking-modal.booking-modal-16-0 .modal-dialog { max-width: 1236px} #booking-modal.booking-modal-17-0 .modal-dialog { max-width: 1250px} #booking-modal.booking-modal-18-0 .modal-dialog { max-width: 910px} #booking-modal.booking-modal-19-0 .modal-dialog { max-width: 1010px} #booking-modal.booking-modal-20-0 .modal-dialog { max-width: 1020px} #booking-modal.booking-modal-21-0 .modal-dialog { max-width: 1200px} #booking-modal.booking-modal-22-0 .modal-dialog { max-width: 1080px} #booking-modal.booking-modal-22-0 .scroll-wrapper {background: #FFFFFF} #booking-modal.booking-modal-23-0 .modal-dialog { max-width: 1222px} #booking-modal.booking-modal-24-0 .modal-dialog { max-width: 1052px} #booking-modal.booking-modal-25-0 .modal-dialog { max-width: 1025px} #booking-modal.booking-modal-28-0 .modal-dialog { max-width: 1194px} #booking-modal.booking-modal-29-0 .modal-dialog { max-width: 1035px} #booking-modal.booking-modal-30-0 .modal-dialog { max-width: 1191px} #booking-modal.booking-modal-32-0 .modal-dialog { max-width: 992px} .navbar-fixed-top { top: 0 !important; position: fixed !important;} #room_list .room .image .cover-img { background-position: center center !important; background-size: 100% auto !important; transition: background 100ms linear 0s; } #room_list .room:hover .image .cover-img { background-size: 105% auto !important; } #room_list .room .image:hover .cover-img { background-size: 110% auto !important; } #NoCarousel {font-size: 1; width: 0px; display: none;} .footer-type-extended { text-align: center} .footer-type-extended .menu { text-align: center; } .footer-type-extended .menu li { display: inline-block; margin: 0 5px;} .footer-type-extended .info { text-align: center} .footer-type-extended .socialbar { display: block !important; text-align: center; margin: 35px 0 15px 0; } .footer-type-extended .name { margin: 35px auto 15px auto;} .footer-type-extended .info { padding-top: 10px } .footer-type-extended .info:hover { padding-top: 0px; padding-bottom: 10px } .footer-type-extended .info-icon { font-size: 21px; width: auto; margin: 5px auto 25px auto; padding: 15px; display: inline-block; border-bottom: 1px solid #000000;} .footer-type-extended .turisapps a { position: relative; top: 5px; font-size: 13px;} #map-canvas img { max-width: none !important; } #map-canvas .iwBackground { z-index: 2} #map-canvas .map-close { background: #FFFFFF; opacity: 1 !important; right: 35px !important; top: 4px !important; border: 5px solid #FFFFFF; border-radius: 13px; box-shadow: 0 0 5px #444444; box-sizing: unset; } .gm-style-iw { opacity: 0; max-width: 250px !important; top: 15px !important; left: 0px !important; background-color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border: none; border-radius: 2px 2px 5px 5px;} #iw-container { margin: 0; max-width: 250px } #iw-container .iw-title { white-space: nowrap; height: 38px; padding-top: 17px !important; overflow: hidden; font-family: 'Open Sans Condensed', sans-serif; font-size: 17px; font-weight: 400; padding: 6px; background-color: #555555; color: #FFFFFF; margin: 0; border-radius: 2px 2px 0 0;} #iw-container .iw-content { position: relative; font-size: 13px; line-height: 18px; font-weight: 400; margin: 0; padding: 0; overflow-y: hidden; max-height: 180px;} #map-canvas .gm-style-iw:nth-child(2) { font-size: 1px; line-height: 1px; padding:0 !important; margin: 0 !important;} /*#map-canvas .gm-style-iw:nth-child(2) a { display: none;}*/ #map-canvas .left-76NO { left: 76px !important;} #map-canvas .left-115NO { left: 115px !important;} #map-canvas .left-115NO { left: 30px !important;} #map-canvas .left-76NO { left: 111px !important;} #map-canvas .iw-action { position: absolute; bottom: 10px; right: 10px; } #map-canvas .iw-action .btn-primary { font-size: 12px; background-color: rgba(255, 255, 255, 0.72); } #map-canvas .iw-action .btn-primary:hover { background-color: #163c6f; } #map-canvas .iw-box { display: block !important; max-width: none !important; padding:0 !important; margin: 0 !important;} a, a:hover{text-decoration: none; color: #14a1ab;} a:hover{ color: rgb(12,97,103); } blockquote { border-color: #14a1ab } .opinion .glyphicon { color: #14a1ab } .form-control:focus { border-color: #14a1ab; } #s_book .book-contact .glyphicon { margin-right: 5px } #whatsapp { display: none; position: fixed; right: 10px; bottom: 10px; padding: 10px; background: rgba(0, 0, 0, 0.175); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #whatsapp img { width: 40px; height: 40px; opacity: 0.8} @media (max-width: 767px) { #whatsapp { display: block } div.zopim { right: 80px !important; } } /* Back to top */ #back-to-top { display: none; } /* Owl carousel */ .owl-carousel img.owl-carousel--img { width: 600px; } @media (max-width: 600px) { .owl-carousel img.owl-carousel--img { width: 400px; } } @media (max-width: 460px) { .owl-carousel img.owl-carousel--img { width: 280px; } } .owl-carousel--nav { position: absolute; top: 50%; width: 100%; line-height: 0; } .owl-carousel--nav button { background-color: transparent; color: #fff; font-size: 90px; font-weight: lighter; padding: 0 10px; } .owl-carousel--nav button.owl-carousel--nav-next { float: right; } @media (max-width: 600px) { .owl-carousel--nav { display: none; } } /* Colorbox */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#fff;} .cboxIframe{background:#000;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff; padding:1px;} #cboxLoadingGraphic{background:url(../vendor/colorbox-1.6.4/example2/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../vendor/colorbox-1.6.4/example2/images/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /*Theme 25 */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0KExcOPIDU.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local('Ubuntu-Light'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCv6KVjbNBYlgoC1CzjsGyNPYZvgw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { font-family: "Ubuntu", Helvetica, sans-serif; font-weight: 300; letter-spacing: .05em; text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5 { font-family: "PT Serif", Helvetica, sans-serif; font-weight: 400; text-rendering: optimizeLegibility; } h2 { font-size: 40px; margin-bottom: 20px; } h3 { font-size: 35px; } h4 { font-size: 30px; } body .color-active { background: hsl(184, 50%, 30%) !important; } body #main .checkbox a { background-color: #3333; padding: .2em; border-radius: 2px; border: 1px solid #3333; } body #main .btn-primary { background-color: hsl(184, 50%, 30%); border: none; border-radius: unset; transition: background-color .3s ease-in; } body #main .btn-primary:hover, body #main .btn-primary:focus { background-color: hsl(184, 50%, 43%); } .home_block .container>p { margin-bottom: 60px; } #room_list .room .content h4 { width: 100%; } #room_list .row.room>.content .bbcode { list-style: none; } @media (max-width: 500px) { #carousel .cover-img, #carousel #map-canvas, #s_opinions #carousel .cover-img, #s_book #carousel .cover-img { height: 250px !important; } } @media (max-width: 767px) and (orientation: landscape) { body #header { display: none; } } @media (max-width: 767px) { body #header { background-color: #ffffff; } body #header .navbar { position: fixed !important; z-index: 210; width: 100%; top: 0; border: none !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1); } body #header .socialbar { display: none; } body #header .navbar-collapse { padding: 0; } body #header .navbar-collapse *::before, body #header .navbar-collapse *::after { content: none; } body #header .navbar-collapse #lang-selector { margin: 1vh; height: 5vh; display: flex; align-items: center; } body #header .navbar-collapse #lang-selector span, body #header .navbar-collapse #lang-selector a { margin: 0 .3em; } body #header .navbar .navbar-nav { min-height: 73vh; max-height: 73vh; display: flex; flex-flow: column nowrap; justify-content: space-evenly; align-items: center; margin: 0 0 10vh; background-color: #ffffff; } body #header .navbar-nav>li { width: 100%; } body #header .navbar-default .navbar-nav>.active>a { background-color: #e7e7e7; } body #header .navbar-nav>li>a { text-align: center; padding: 1em 0; } body #header .container .navbar-header { height: 10vh; padding: 1vh; display: flex; align-items: center; justify-content: space-between; } body #header a.card-icon { font-size: 6vh; } body #header .container .navbar-header::before, body #header .container .navbar-header::after { content: none; } body #header .navbar-default .navbar-toggle { border: none; } body #header .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: inherit; } body #header .navbar-default .navbar-toggle .icon-bar { background-color: hsl(184, 50%, 30%); width: 2.3em; height: 3px; } body #header .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; } body #carousel #cont_carousel { padding: 0; } body #carousel .item .mobile-caption { display: none !important; } #room_list .row.room>.content, #offers_list .offer, #offers_list .offer>.content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0; } #offers_list .offer>.content>* { margin-bottom: .5em; } #room_list .row.room a { display: block; } #room_list .row.room a .price { top: 10px; right: 10px; bottom: unset; padding: .5em; background: hsl(184, 50%, 30%)DD !important; } #room_list .row.room>.content>.actions, #room_list .row.room>.content>.actions>.btn, #offers_list .offer>.content>.actions, #offers_list .offer>.content>.actions>.btn { width: 100%; } #room_list .row.room>.content>.actions, #offers_list .offer>.content>.actions { order: 2; margin-top: 1em; } .content-box>div.home_block_opinions>.container { padding: 0 35px; } .content-box>div.home_block_opinions>.container .widgets-box { margin: 0 -35px; } .widgets-box .widgets { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; } .widgets-box .widgets #wheather.widget { margin: 0; } .banners .banner { max-width: unset; margin-bottom: 20px; padding: 0 } .banners .banner .picture, .banners .banner .dec-box-title { max-width: 100%; } } @media (min-width: 768px) { body #main .text-box { padding: 0 5em; } body { background: no-repeat top center/100% fixed url('../themes/theme25/sea-shore-test.jpg') #1eb7ce; } body #main { background-color: #ffffff; max-width: 1200px; margin: 0 auto; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); text-align: center; font-size: 15px; line-height: 1.75em; } body #main #partnersbar img { margin-bottom: 0; height: 42px; } body #main #content>.content-box>.row, body #main #content>.content-box .book-block { padding: 0 5em; } body #main #content>.content-box .book-block p { text-align: left; } body #header { position: fixed; z-index: 201; top: 0; left: 0; right: 0; background-color: #ffffff; box-shadow: initial; padding: 0; margin: 0 auto; width: 100%; max-width: 1200px; height: 150px; } #header.shadowed { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1); transition: all 0.3s ease-in; } .container { margin: 0 auto; } #header>.navbar { border-radius: unset; border: none; } #header .navbar>.container { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1% 10% 89%; grid-template-columns: 1% 10% 89%; -ms-grid-rows: 40px 110px; grid-template-rows: 40px 110px; padding: 0; height: 150px; transition: height .3s ease-in; } .navbar .container:before, .navbar .container:after { content: none; display: none; } #header .container .socialbar { display: flex; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column-start: 1; grid-column-end: 4; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; padding: .2em 0; background-color: hsl(184, 50%, 10%); margin-top: 0; transition: all .3s linear; will-change: transform; opacity: 1; } #header.shadowed .container .socialbar { opacity: 0; } #header .container .socialbar .container { display: flex; align-items: center; justify-content: space-between; width: 98%; } /* #header .container .socialbar .container .icons { margin: 0 auto; } */ #header .container .socialbar .container .phone::before { font-family: FontAwesome; color: #fff; content: '\f095'; margin-right: 0.3em; } #header .container .socialbar .container .mail::before { font-family: FontAwesome; color: #fff; content: '\f0e0'; margin-right: 0.3em; } #header .container .socialbar a, #header .container .socialbar .glyphicon { color: #ffffff; } #header .container .socialbar .glyphicon { margin-right: .2em; } #header .container .socialbar a img { background-color: inherit; } #header .container .navbar-header { -ms-grid-row: 2; -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; display: flex; align-items: center; } #header .container .collapse { padding: 0; } #header .container .navbar-header #logo { margin-left: 0; height: unset; } #header .container .navbar-collapse { width: unset; margin: auto 10px auto; -ms-grid-row: 2; -ms-grid-column: 3; -ms-grid-row-align: center; } #header .container .navbar-collapse .nav { display: flex; flex-flow: row wrap; justify-content: flex-end; width: 100%; } #cont_carousel.container { margin-top: 150px; max-width: 1200px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); width: unset; padding: 0; } #cont_carousel.container .carousel-caption { left: 0; right: 0; } #cont_carousel.container .carousel-caption h3 { text-transform: uppercase; } #cont_carousel .carousel-control .glyphicon-chevron-left::before { content: none; } #cont_carousel .carousel-control .glyphicon-chevron-right::before { content: none; } #cont_carousel .carousel-control .glyphicon-chevron-left { background: url('../themes/theme25/arrow-left.svg') no-repeat left; left: 30%; } #cont_carousel .carousel-control .glyphicon-chevron-right { background: url('../themes/theme25/arrow-right.svg') no-repeat right; right: 30%; } #cont_carousel .carousel-control .glyphicon { width: 100%; height: 40px; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #cont_carousel .carousel-indicators { margin-bottom: 0; } #cont_carousel .carousel-indicators li { margin: 3px; width: 15px; height: 15px; } #cont_carousel .carousel-indicators li.active { margin: 3px; width: 15px; height: 15px; } .c-booking-widget__ruralgest { max-width: 1200px; margin: auto; padding: 0; } #main>.container { max-width: unset; width: unset; padding-left: 35px; padding-right: 35px; overflow: visible; } #lang-selector { color: #ffffff; } #lang-selector a { color: inherit; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: unset; position: relative; } .navbar>.container .navbar-brand { margin: 0; } .nav.navbar-nav li.active a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: hsl(184, 50%, 43%); } .nav.navbar-nav li:not(.active) a:before { content: ""; position: absolute; width: 0%; height: 2px; bottom: 0; left: 0; right: 0; margin: auto; background-color: hsl(184, 50%, 30%); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .nav>li>a { padding: 15px 0; margin: 0 8px; text-transform: uppercase; } .nav.navbar-nav li:not(.active) a:hover:before { width: 100%; } .content-box .container { width: unset; } .content-box>div:not(.book_widget_content-top):not(.room-selector):not(.home_block_partners):not(.home_block_opinions) { margin-top: 5em; margin-bottom: 5em; } .widgets-box .widgets { display: flex; align-items: normal; justify-content: center; flex-flow: row wrap; } .widgets-box .widgets .widget, .widgets-box .widgets #wheather.widget { margin: 0 10px; } .widgets-box .widgets .widget>div, .widgets-box .widgets .booking.widget>div>div { display: flex; align-items: center; } #room_list .row.room, #offers_list .offer { display: flex; margin: 0; padding-bottom: 5em; border-bottom: none; } #room_list .row.room>*, #offers_list .offer>* { flex: 1 50%; } #room_list .row.room>.content, #offers_list .offer>.content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 2em; } #room_list .row.room>.content>*, #offers_list .offer>.content>* { margin: 10px 0; } #room_list .row.room .actions, #offers_list .offer .actions { order: 2; } #room_list .row.room a { margin-right: 0; overflow: hidden; } #room_list .row.room.odd a { order: 1; } #room_list .row.room a .price { height: 10%; top: 10px; display: flex; justify-content: center; align-items: center; opacity: 1; font-size: 1.5em; padding: 1em; background-color: hsl(184, 50%, 10%, 0.6) !important; -webkit-transform: scaleY(1); transform: scaleY(1); transition: all .3s ease-in; } #room_list .row.room.pair a .price { right: 10px; } #room_list .row.room.odd a .price { left: 10px; right: unset; } #environment_list .environment { display: flex; align-items: center; margin-top: 0; } #environment_list .environment:not(:last-of-type) { padding-bottom: 5em; } #environment_list .environment.odd .image { order: 1; } #room_list .row.room a:hover .price { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } #content .content-box>.home_block_location, #content .content-box>.home_block_location #map-canvas { margin-bottom: 0; } #content .content-box>.home_block_book { margin-top: 0; } .home_block_environment, .home_block_location { margin: 10em -35px; text-align: center; } .home_block_environment .container, .home_block_location .container, .home_block_opinions .container { padding: 0; } .home_block_opinions .container #opinion_list { padding: 0 35px; } .home_block_environment .container #environment_list { margin-left: 0; margin-right: 0; } .home_block_environment .container #environment_list>a { padding: 0; } #environment_list .image h4 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: opacity .5s ease-in; } #environment_list .image:hover h4 { opacity: 1; } #environment_list .image .cover-img { box-shadow: initial; transition: box-shadow .3s ease-in; } #environment_list .image:hover .cover-img { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, .7); } #s_offer-card .text-box { border-bottom: none; } #s_offer-card #main h2 { margin-top: 2em !important; } #s_offer-card #main h3 { margin-top: 2em; margin-bottom: 1em; } #footer.footer-type-extended .block-info { margin: 5em 0; } #footer.footer-type-extended .info, #footer.footer-type-extended .info:hover { padding: 0; } .block.video>iframe { min-height: 70vh; max-height: 90vh; } #room_list .room, body:not(#s_offer-card) .content-box h2, body:not(#s_offer-card) .content-box .text, .timeline>li, #environment_list .environment, body:not(#s_offer-card) #offers_list .offer, body:not(#s_offer-card) #footer>.container, .extra_image, body:not(#s_offer-card) .extra_item, #contact-block, #opinion_list .opinion, #opinion_form_section, #s_book .block, .book_widget_content_booking, .banner-left, .banner-middle, .banner-right { opacity: 0; } } .fadeInUp { will-change: transform, opacity; -webkit-animation: fadeInUp 0.75s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards; animation: fadeInUp 0.75s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 8%, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 8%, 0); transform: translate3d(0, 8%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .book_widget_content-top, .book_widget_device-movil-top, .book_widget_device-movil-bottom, body #main .container #content>.content-box>div.book-form.book-block, .home_block_book { margin: 0 -35px; background-color: hsl(184, 50%, 90%); padding: 35px; } body #main #content>.content-box #partnersbar { margin: 0 -35px; background-color: hsl(184, 50%, 97%); padding: 5em 0; text-align: center; } body#s_index #main #content>.content-box #partnersbar { margin: 0; } .content-box>div.home_block_partners { background-color: hsl(184, 50%, 97%); margin: 0 -35px; } .content-box>div.home_block_opinions { padding: 1em 0 0; margin: 0 -35px; } .content-box>div.home_block_opinions .widgets-box { background-color: hsl(184, 50%, 90%); padding: 5em 35px; } body #footer { max-width: 1200px; margin: 0 auto; background-color: hsl(184, 50%, 11%); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); } body #footer, body #footer a { color: rgba(255, 255, 255, 0.9); } body #footer a:hover, body #footer a:focus, body #footer .turisapps a:hover, body #footer .turisapps a:focus { color: rgba(255, 255, 255, 0.8); } #footer.footer-type-extended .info-icon { border-bottom: 1px solid rgba(255, 255, 255, 0.6); } #footer .socialbar a img { background-color: unset; } #opinion_list .opinion { border-left: none; display: flex; flex-direction: column; align-items: center; text-align: center; } #opinion_list .opinion>p:first-of-type { font-size: 30px; } .nav>li.book-alt { font-weight: 600; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus { color: hsl(184, 50%, 57%); } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: hsl(184, 50%, 30%); } .navbar-default .navbar-nav>.active>a { color: hsl(184, 50%, 30%); } .nav>li.book-alt>a { color: hsl(184, 50%, 30%); } .picture .img-thumbnail { padding: 0; border: none; border-radius: unset; } #ui-datepicker-div { border-radius: 10px; border: none; background: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1); } #ui-datepicker-div .ui-widget-header { background: unset !important; color: hsl(184, 50%, 30%) !important; border: none !important; } #ui-datepicker-div .ui-widget-header a { color: hsl(184, 50%, 30%); } #ui-datepicker-div .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { left: 0; top: 0; margin: 0; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default { text-align: center; border: none !important; background: unset; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-active.ui-state-hover { background: #D2A348 !important; color: #ffffff !important; border-radius: 2px; } #ui-datepicker-div .ui-state-hover, .ui-datepicker-calendar .ui-state-hover { border: none !important; background: #DDDDDD !important; border-radius: 2px; } #ui-datepicker-div .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 2px !important; } #ui-datepicker-div .ui-datepicker-next-hover { right: 2px !important; } #ui-datepicker-div .ui-datepicker-prev-hover { left: 2px !important; } #ui-datepicker-div a.ui-datepicker-next.ui-corner-all:before { font-family: 'FontAwesome'; content: "\f105"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ui-datepicker-div a.ui-datepicker-prev.ui-corner-all:before { font-family: 'FontAwesome'; content: "\f104"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ui-datepicker-div.ui-widget-content.ui-datepicker .ui-icon-circle-triangle-e, #ui-datepicker-div.ui-widget-content.ui-datepicker .ui-icon-circle-triangle-w { background-image: none !important; width: 100%; height: 100%; } ul.timeline::before { background-color: #BBB; right: 23.5px; } ul.timeline>li>.timeline-date.color-active { background: #BBB !important; } ul.timeline>li>.timeline-panel { border-color: #BBB; border-radius: 10px; box-shadow: none; } ul.timeline>li>.timeline-panel::before { border-left-color: #BBB; border-right-color: #BBB; } form#booking input[type=text] { border-radius: 10px !important; } form#booking .be-click-icon { background-color: unset !important; color: hsl(184, 50%, 30%) !important; border: none !important; } form#booking .btn-primary { border-radius: 10px !important; } form#contactForm { text-align: left; } .banner .dec-box-title h4 { font-size: 2em !important; text-align: center; } .banners-wide .banner { margin: 5rem 0; } .banners-wide .banner .cover-img { max-height: 30rem; transition: all 300ms ease-in; filter: opacity(1) brightness(80%); } .banners-wide .banner:hover .cover-img { filter: opacity(0.2) brightness(100%); } .banners-wide .banner:hover .dec-box-title, .banners-wide .banner:hover .dec-box-text { transform: scale(1.2) translateX(-42%); } .banners-wide .banner .dec-box-title, .banners-wide .banner .dec-box-text { position: absolute; width: 85%; text-align: center; transition: transform 300ms ease-in; } .banners-wide .banner .dec-box-text .banner_url { display: none; } .banners-wide .banner .dec-box-title { top: 25%; left: 50%; transform: translateX(-50%); } .banners-wide .banner .dec-box-title h4::after { border-color: #fff; transition: all 200ms ease-in; } .banners-wide .banner:hover .dec-box-title h4::after { border-color: inherit; } .banners-wide .banner .dec-box-title h4, .banners-wide .banner .dec-box-text .text { color: #fff !important; transition: all 300ms ease-in; } .banners-wide .banner:hover .dec-box-title h4, .banners-wide .banner:hover .dec-box-text .text { color: inherit !important; } .banners-wide .banner .dec-box-title h4::after { left: 50%; transform: translateX(-50%); } .banners-wide .banner .dec-box-text { top: 60%; left: 50%; transform: translateX(-50%); font-size: 1.2em; } .banners-wide .banner .dec-box-text .text { text-align: center !important; } @media (max-width: 991px) { .banners-wide .banner .picture, .banners-wide .banner .dec-box-title { max-width: unset; } } @media (max-width: 767px) { .banners-wide .banner .dec-box-title h4, .banners-wide .banner .dec-box-text .text { white-space: pre-wrap; } .banners-wide .banner .cover-img, .banners-wide .banner:hover .cover-img { background-size: cover !important; } } .banner .dec-box-title { padding: 6px 0; text-align: left; } .banners-wide .banner .dec-box-title h4 { font-size:3em !important; } .banner .dec-box-title, .banner h4 { background: transparent !important; color: rgb(12,97,103) !important; } /* Room selector */ @media (min-width: 992px) { .room-selector { position: absolute; top: -500px; right: 4%; background-color: #ffffff; padding: 2rem; } .room-selector label { color: color: rgb(12,97,103); } } @media (max-width: 991px) { .room-selector { margin: 4rem 0; } #s_location #carousel, #carousel.content-map { padding: 0 !important; } } span.street-address, span.country { display: block; } span.province:before { content: " ("; } span.province:after { content: ")"; } .calendar .ui-datepicker-calendar td a { line-height: 1.428571429; }