.attention-message{ padding: 0px 20px; color: red; font-weight: bold; font-size: 22px; text-align: center; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; width: 640px; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("data:image/png;base64,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") no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,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") #111 no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /* == jquery thumbnail/image scroller == Plugin URI: http://manos.malihu.gr/jquery-thumbnail-scroller/ */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. SCROLLING BUTTONS STYLE - buttons size, background, color, positioning etc. 3. THUMBNAILS STYLE - basic thumbnails CSS. 4. THEMES - Scroller colors, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mTSWrapper{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mTSContainer{ margin: 0; padding: 0; overflow: hidden; } ul.mTSContainer, ol.mTSContainer{ list-style: none; } .mTSThumb, ul.mTSContainer > li img{ vertical-align: bottom; } .mTS_vertical .mTSContainer{ margin-top: 0 !important; margin-bottom: 0 !important; } .mTS_horizontal .mTSContainer{ margin-left: 0 !important; margin-right: 0 !important; } /* ------------------------------------------------------------------------------------------------------------------------ 2. SCROLLING BUTTONS STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mTSButton{ /* button size (if changed, also change the buttons top and left margins below) */ width: 20px; height: 20px; line-height: 20px; padding: 14px; /* ---------- */ overflow: hidden; text-align: center; background-color: #000; /* button background */ color: #fff; /* non-svg button icon color */ display: inline-block; position: absolute; top: 0; left: 0; /* show button effect (fades-in button from zero size) */ opacity: 1; -webkit-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -moz-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -o-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -ms-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; /* ---------- */ } /* buttons positioning */ .mTSButtonDown{ top: auto; bottom: 0; } .mTSButtonRight{ left: auto; right: 0; } .mTSButtonUp, .mTSButtonDown{ /* margin is half the button size */ left: 50%; margin-left: -24px; } .mTSButtonLeft, .mTSButtonRight{ /* margin is half the button size */ top: 50%; margin-top: -24px; } .mTSButtonIconContainer{ display: inline-block; position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; } .mTSButtonIcon{ /* SVG icon */ display: inline-block; fill: #fff; /* button icon color */ position: absolute; top: 0; left: 0; } .mTSButton.mTS-hidden, .mThumbnailScroller.mTS_no_scroll .mTSButton{ /* hide button effect (fades-out button to zero size) */ opacity: 0; height: 0; width: 0; padding: 0; -webkit-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -moz-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -o-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -ms-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; /* ---------- */ } /* ------------------------------------------------------------------------------------------------------------------------ 3. THUMBNAILS STYLE ------------------------------------------------------------------------------------------------------------------------ */ /* thumbnail container (default: li) */ .mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li{ float: left; } /* ------------------------------------------------------------------------------------------------------------------------ 4. THEMES ------------------------------------------------------------------------------------------------------------------------ */ /* theme: "buttons-in" */ .mTS-buttons-in{ padding: 14px; background-color: #000; } .mTS-buttons-in .mTSButtonIcon{ fill: #fff; } .mTS-buttons-in .mTSWrapper, .mTS-buttons-in .mTSButton{ background-color: inherit; } .mTS-buttons-in .mTSButtonLeft, .mTS-buttons-in .mTSButtonRight{ width: 24px; height: 48px; padding: 24px 4px 0 4px; margin-top: -36px; } .mTS-buttons-in .mTSButtonUp, .mTS-buttons-in .mTSButtonDown{ width: 24px; height: 24px; padding: 4px 24px; margin-left: -36px; } .mTS-buttons-in .mTSButton.mTS-hidden{ height: 0; width: 0; padding: 0; } .mTS-buttons-in .mTSButton:not(.mTS-hidden){ opacity: .4; } .mTS-buttons-in:hover .mTSButton:not(.mTS-hidden){ opacity: 1; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer{ margin: 14px 0; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer{ margin: 0 7px; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; } /* ---------------------------------------- */ /* theme: "buttons-out" */ .mTS-buttons-out{ padding: 6px; background: #000; } .mTS-buttons-out .mTSButtonIcon{ fill: #000; } .mTS-buttons-out .mTSButton{ background-color: transparent; width: 36px; height: 36px; line-height: 42px; padding: 6px; } .mTS-buttons-out .mTSButton.mTS-hidden{ height: 0; width: 0; padding: 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer{ margin: 6px 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer{ margin: 0 3px; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; } /* ---------------------------------------- */ /* theme: "hover-full" */ .mTS-hover-full{ padding: 8px; background: rgba(0,0,0,.2); } .mTS-hover-full .mTS_vertical .mTSThumbContainer{ margin: 8px 0; } .mTS-hover-full .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 40px; } .mTS-hover-full .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 40px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer{ margin: 0 4px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 40px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 40px; } /* ---------------------------------------- */ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: baseline; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ body { background: transparent url('../images/wood.png') repeat center center; font-family: 'Dosis', sans; } #information a, #prices a { color: white; text-decoration: none; border-bottom: dotted 1px white; } #information a:hover, #prices a:hover { border-bottom-style: solid; } /*body * { margin: 0; padding: 0; }*/ /*h1, h2, h3, h4, h5, h6 { font-family: 'Domine', sans-serif; }*/ #application { width: 990px; margin: 40px auto 0px auto; border: solid 2px black; overflow: hidden; box-shadow: 0px 0px 10px black; background-color: black; position: relative; } /**/ #flasher { width: 693px; overflow: hidden; position: relative; background-color: black; float: right; } /* #flasher img { width: 100%; height: 100%; } */ /**/ #flasher img { float: right; } #menu { width: 260px; position: fixed; left: 0; top: 0; height: 100%; box-shadow: inset -2px 0px 10px black; } #menu a { display: block; padding: 0.5em 2em; color: white; margin: 0.5em 0; text-decoration: none; text-shadow: 0px 1px 0px black; background-color: rgba(191, 118, 48, 0.2); border: solid 1px rgb(191, 118, 48); border-left: 0; border-right: 0; } #menu a .icon { display: inline-block; width: 50px; font-size: 22px; vertical-align: middle; } #menu a .title { display: inline-block; font-size: 14px; vertical-align: middle; text-transform: uppercase; } #menu a:hover, #menu a.active { background-color: #222; color: #4D2800; text-shadow: none; background-color: rgb(191, 118, 48); } /**/ #menu-bottom { /* position: absolute; left: 0; top: 0; */ width: 100%; background-color: rgba(0, 0, 0, 0.7); border-top: solid 1px black; font-family: 'Domine', sans-serif; z-index: 10; } #menu-bottom a { display: block; float: left; height: 30px; line-height: 30px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; text-transform: uppercase; border-right: solid 1px black; padding-right: 10px; padding-left: 10px; color: #AF7832; text-shadow: 1px 1px 0px #190000; text-decoration: none; } #menu-bottom a:first-child { border-left: none; } #menu-bottom a:last-child { /*border-right: none;*/ /*padding-right: 0;*/ } #menu-bottom a .icon { display: block; float: left; font-size: 1.4em; margin-right: 10px; } #menu-bottom a:hover .title, #menu-bottom a.active .title { border-bottom: solid 1px #AF7832; } /* #menu-bottom a:hover { background-color: black; } */ /**/ #logo { display: block; width: 90%; height: 180px; margin: 60px auto !important; margin-top: 0 !important; padding: 0 !important; background: transparent url('../images/logo.png') no-repeat center center; background-color: rgb(191, 118, 48) !important; border: none !important; /*box-shadow: inset 0px 0px 20px brown;*/ } #logo:hover { background-color: rgb(191, 118, 48) !important; } /**/ #application footer { width: 100%; position: absolute; height: 10%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } /**/ #information { background-color: black; padding: 20px; font-size: 1em; color: white; width: 257px; float: left; } #prices { background-color: black; padding: 20px; font-size: 1em; color: white; width: 800px; float: left; } #video-select { list-style: none; margin: 0; padding: 0; } #video-select li { padding: 0px 4px; } #video-select a.active { border-bottom-style: solid; } #information :first-child, #prices :first-child { margin-top: 0; } #information :last-child, #prices :last-child { margin-bottom: 0; } #information.right #prices.right { right: 0; top: 8%; } #information.wide { width: 40%; } /**/ #booking-com h3 { color: white !important; font-family: inherit !important; } /**/ .button { height: 50px; width: 50px; line-height: 50px; text-align: center; background-color: rgba(0, 0, 0, 0.7); border: solid 1px black; color: #AF7832; text-shadow: 1px 1px 0px #190000; text-decoration: none; position: absolute; bottom: 20px; cursor: pointer; } #picture-next { right: 20px; } #picture-previous { right: 71px; } #pictures { position: absolute; visibility: hidden; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .red { color: #D55816; } .right { float: right; } .section { width: 750px; margin: 60px auto; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .modal { z-index: 2; position: relative; } .content-thumb{ overflow: auto; position: relative; padding: 10px; background: #333; margin: 10px auto; width: 85%; height: 100%; } .content-thumb li{ margin: 0 4px; } .content-thumb li a{ display: block; } #content-1{ position: absolute; top: -10px; background-color: transparent; width: 75%; } #content-1 .mTSButtonIcon{ fill: #aaa; } #content-1 .mTSButton .mTSButtonIcon{ opacity: .5; } #content-1 .mTSButton:hover .mTSButtonIcon{ opacity: 1; } .active_thumb{ border: 4px solid rgba(255,255,255,.75); opacity: 1; } /* * ======================================== */ #image_navigation { width: 693px; float: right; height: 85px; position: relative; } #holder { width: 990px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } @font-face { font-family: 'muca'; src:url('../fonts/muca.eot'); src:url('../fonts/muca.eot?#iefix') format('embedded-opentype'), url('../fonts/muca.svg#muca') format('svg'), url('../fonts/muca.woff') format('woff'), url('../fonts/muca.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'muca'; content: attr(data-icon); speak: none; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"]:before { */ .icon-library:before, .icon-phone:before, .icon-home:before, .icon-tools:before, .icon-envelop:before, .icon-location:before, .icon-coin:before, .icon-image:before, .icon-tag:before, .icon-users:before, .icon-home-2:before, .icon-chevron-right:before, .icon-chevron-left:before, .icon-tree:before { font-family: 'muca'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-library:before { content: "\e000"; } .icon-phone:before { content: "\e001"; } .icon-home:before { content: "\e002"; } .icon-tools:before { content: "\e003"; } .icon-envelop:before { content: "\e004"; } .icon-location:before { content: "\e005"; } .icon-coin:before { content: "\e006"; } .icon-image:before { content: "\e007"; } .icon-tag:before { content: "\e008"; } .icon-users:before { content: "\e009"; } .icon-home-2:before { content: "\e00a"; } .icon-chevron-right:before { content: "\e00b"; } .icon-chevron-left:before { content: "\e00c"; } .icon-tree:before { content: "\e00d"; } /*# sourceMappingURL=all.css.map */