/*////////////////////////////////////////////////////////////////////////////////////////// // General // General // General // General // General // General // General // General //// //////////////////////////////////////////////////////////////////////////////////////////*/ /* Developer */ div.developer { z-index: 1000; position: fixed; bottom: 5px; left: 5px; } /* Fonts */ /* titillium-web-regular - latin */ @font-face { font-family: 'Ernest-and-Emily'; font-style: normal; font-weight: 400; font-display: block; src: url('/resources/fonts/Ernest-and-Emily.woff2') format('woff2'), url('/resources/fonts/Ernest-and-Emily.woff') format('woff'); } /* General */ * { border-radius: 0 !important; } body { margin-top: 125px; font-family: 'Titillium Web', Arial, sans-serif; color: #222; -webkit-font-smoothing: antialiased; background-color: #fff; background-image: url(/resources/images/bg-body.png); background-size: 100px 100px; } a { color: #678400; } a:hover, a:focus { color: #003C15; text-decoration: none; outline: none; } td, th { border-color: #cecbc5 !important; } hr { border-top: 1px dashed #666; } div.content p { padding-bottom: 15px; } /* Fonts */ h1 { margin-top: 60px; margin-bottom: 50px; padding-bottom: 25px; font-size: 60px; color: #678400; line-height: 1.4; text-align: center; font-family: 'Neucha', cursive; background-image: url(/resources/images/divider.png); background-position: center bottom; background-repeat: no-repeat; background-size: 250px 20px; } h2 { margin-top: -30px; margin-bottom: 50px; font-size: 34px; color: #222; line-height: 1.4; text-align: center; font-family: 'Neucha', cursive; } h3, h3 > a { font-size: 28px; color: #678400; line-height: 1.6; font-family: 'Neucha', cursive; } /* Font Size */ body, .form-control { height: 47px; font-size: 18px; line-height: 1.5; } .btn-lg { font-size: 20px; } /*////////////////////////////////////////////////////////////////////////////////////////// // Bootstrap // Bootstrap // Bootstrap // Bootstrap // Bootstrap // Bootstrap ////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ /* Navbar fix */ :target:before { content: ""; display: block; height: 70px; /* fixed header height*/ margin: -70px 0 0; /* negative fixed header height */ } /* Navbar */ div.navbar { z-index: 1000; margin: 0; border: none; background: transparent; } div.navbar div.collapse { padding: 0 10px; } div.navbar ul.nav.center { width: 100%; } div.navbar ul.nav.center > li { float: none; display: table-cell; width: 1%; } div.navbar ul.nav.center > li > a { text-align: center; } div.navbar ul.nav > li > a > b { margin-left: 6px; } div.navbar ul.nav > li { z-index: 1010; } div.navbar ul.nav > li > a { padding: 0 20px; height: 55px; background: transparent; line-height: 55px; font-size: 26px; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-weight: 400; font-family: 'Neucha', cursive; white-space: nowrap; } div.navbar ul.nav > li > a:hover, div.navbar ul.nav > li > a:focus, div.navbar ul.nav > li.open > a, div.navbar ul.nav > li.open > a:hover, div.navbar ul.nav > li.open > a:focus { background-color: rgba(103, 132, 0, 0.8); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav > li.active > a { background-color: rgba(103, 132, 0, 0.8); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav > li.active > a > span { } div.navbar ul.nav > li.active > a:hover, div.navbar ul.nav > li.active > a:focus { background-color: rgba(103, 132, 0, 0.8); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav > li.active.open > a:hover, div.navbar ul.nav > li.active.open > a:focus { background-color: rgba(103, 132, 0, 0.8); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav ul.dropdown-menu { padding: 0; min-width: 100%; border: none; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2); } div.navbar ul.nav ul.dropdown-menu > li > a { padding: 7px 15px; font-size: 19px; color: #222; } div.navbar ul.nav ul.dropdown-menu > li > a:hover, div.navbar ul.nav ul.dropdown-menu > li > a:focus { background-color: rgba(103, 132, 0, 0.7); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav ul.dropdown-menu > li.active > a { background-color: rgba(0, 0, 0, 0.1); color: #222; font-weight: 700; } div.navbar ul.nav ul.dropdown-menu > li.active > a > span { } div.navbar ul.nav ul.dropdown-menu > li.active > a:hover, div.navbar ul.nav ul.dropdown-menu > li.active > a:focus { background-color: rgba(103, 132, 0, 0.7); color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } div.navbar ul.nav > li:last-child > ul.dropdown-menu { left: auto !important; right: 0 !important; } /* Panels */ div.panel { margin-bottom: 40px; border: none; background-color: #fcfbfa; box-shadow: none; } div.panel a { color: inherit; } div.panel div.panel-body { padding: 0; } div.panel.has-image div.second-column { padding-left: 15px; padding-right: 45px; } div.panel.has-no-image div.second-column { padding-left: 45px; padding-right: 45px; } /* Buttons */ .btn-default, .btn-default.disabled { flex: 1 1 auto; background-size: 200% auto; padding: 6px 20px; border: none; background-color: #678400; background-image: linear-gradient(to right, #4b6000 0%, #98b434 51%, #678400 100%); border: none; font-family: 'Neucha', cursive; font-size: 24px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); transition: all 0.2s ease; } .btn-default:hover, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus, .btn-default:focus { background-color: #3d4e00; color: #fff; background-position: right center; border: none; outline: none; } .btn-primary, .btn-primary.disabled { padding: 6px 20px; background-color: rgba(255, 255, 255, 0.4); border: 1px dashed #666; font-size: 24px; color: #222; font-family: 'Neucha', cursive; transition: all 0.2s ease; } .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:focus { background-color: #003C15; border: 1px solid #003C15; color: #fff; outline: none; background-position: right center; } /* Cookies */ #cookie-bar { position: fixed !important; max-width: 400px !important; background-color: rgba(0, 0, 0, 0.5) !important; } #cookie-text { font-size: 15px !important; } #cookie-button { background-color: rgba(255, 255, 255, 0.3) !important; border: none !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; } #cookie-button:hover { background-color: #678400 !important; border: none !important; color: #fff !important; outline: none !important; } /* Pagination */ div.pagenav { margin-bottom: 40px; } div.pagenav ul.pagination { margin: 0; } div.pagenav ul.pagination li { } div.pagenav ul.pagination li.active { } /*////////////////////////////////////////////////////////////////////////////////////////// // Off Canvas // Off Canvas // Off Canvas // Off Canvas // Off Canvas // Off Canvas //////// //////////////////////////////////////////////////////////////////////////////////////////*/ /* Header */ div.header-scroll { height: 125px; z-index: 10000; transition: all 0.6s ease; box-shadow: 0 0 20px 10px rgba(0,0,0,0.2); background-color: #89a32b; background-image: url(/resources/images/bg-body.png); background-position: center top; background-repeat: repeat-x; background-size: 70px 70px; } div.header-scroll-no-slider { box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); background-color: #89a32b; background-image: url(/resources/images/bg-body.png); background-position: center top; background-repeat: repeat-x; background-size: 70px 70px; } div.header { } div.header div.col-xs-1, div.header div.col-xs-2, div.header div.col-xs-3, div.header div.col-xs-4, div.header div.col-xs-5, div.header div.col-xs-6, div.header div.col-xs-7, div.header div.col-xs-8, div.header div.col-xs-9, div.header div.col-xs-10, div.header div.col-xs-11, div.header div.col-xs-12 { padding-left: 0px; padding-right: 0px; } div.header div.logo { position: relative; z-index: 100; text-align: center; padding-top: 25px; } div.header div.logo a { display: block; height: 100%; width: 100%; } div.header div.logo img { } div.header div.background { } div.header div.top { z-index: 1000000; width: 100%; position: absolute; height: 50px; text-align: center; } div.header div.top > div { } div.header div.top div.button-1 { position: absolute; z-index: 1000000; top: 10px; right: 10px; } div.header div.top div.button-1 span { height: 50px; line-height: 50px; padding: 0 0 8px; width: 170px; font-size: 19px; font-family: 'Neucha', cursive; letter-spacing: 1px; text-transform: uppercase; } div.header div.top div.icons-text { position: absolute; z-index: 1000000; top: 10px; right: 260px; height: 50px; line-height: 50px; color: #222; font-weight: 700; font-size: 18px; } div.header div.top div.icons-text img { margin: 0 2px 3px 15px; width: 20px; height: 20px; } div.header div.top div.icons-text a { color: #222; } div.header div.top div.icons-text a:hover { color: #678400; } div.header div.top div.icons-text-no-slider { } div.header div.top div.icons-text-no-slider img { } div.header div.top div.icons-text-no-slider a { color: #222; } div.header div.top div.icons-text-no-slider a:hover { color: #678400; } div.header div.top ul.nav > li { position: absolute; z-index: 1000000; top: 0; right: 180px; } div.header div.top ul.nav > li > a.dropdown-toggle { padding: 0; width: 70px; height: 70px; line-height: 70px; font-size: 18px; color: #222; font-weight: 700; text-align: center; background: transparent; } div.header div.top ul.nav > li > a.dropdown-toggle:hover, div.header div.top ul.nav > li > a.dropdown-toggle:active, div.header div.top ul.nav > li > a.dropdown-toggle:focus { color: #678400; background-color: transparent !important; border-color: #d2d9c9 !important; } div.header div.top ul.nav > li > a.dropdown-toggle-no-slider { } div.header div.top ul.nav > li > a.dropdown-toggle-no-slider:hover, div.header div.top ul.nav > li > a.dropdown-toggle-no-slider:active, div.header div.top ul.nav > li > a.dropdown-toggle-no-slider:focus { } div.header div.top ul.dropdown-menu { margin-top: -10px; padding: 0; min-width: 0; border: none; box-shadow: none; background: transparent; border-radius: 10px !important; } div.header div.top ul.dropdown-menu > li > a { color: #222; padding: 5px 15px; width: 65px; background-color: rgba(255, 255, 255, 0.9); font-size: 18px !important; font-weight: 700; } div.header div.top ul.dropdown-menu > li > a:hover, div.header div.top ul.dropdown-menu > li > a:active, div.header div.top ul.dropdown-menu > li > a:focus { color: #678400; } div.header div.top .btn-default, div.header div.top .btn-default.disabled { flex: 1 1 auto; background-size: 200% auto; padding: 6px 20px; border: none; background-color: #bd7800; background-image: linear-gradient(to right, #bd7800 0%, #ffbb37 51%, #f0a006 100%); border: none; font-family: 'Neucha', cursive; font-size: 24px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); transition: all 0.2s ease; } div.header div.top .btn-default:hover, div.header div.top .btn-default:active, div.header div.top .btn-default:active:hover, div.header div.top .btn-default:active:focus, div.header div.top .btn-default:focus { background-color: #3d4e00; color: #fff; background-position: right center; border: none; outline: none; } /* Header scroll */ div.header-scroll-desktop-small { top: -70px !important; background-color: #89a32b; box-shadow: 0 0 20px 10px rgba(0,0,0,0.3); } div.header-scroll-desktop-small div.logo { margin-top: 0 !important; height: 125px; text-align: center; background-image: url(/resources/images/logo-scroll-2.png); background-position: center 75px; background-repeat: no-repeat; background-size: 185px 45px; } div.header-scroll-desktop-small div.header-background { background-image: none; } div.header-scroll-desktop-small div.button-1 { position: absolute; z-index: 1000000; top: 70px !important; right: 0 !important; } div.header-scroll-desktop-small div.button-1 span { height: 55px !important; line-height: 55px !important; margin-left: 0 !important; } div.header-scroll-desktop-small div.navbar { padding-right: 170px; } div.header-scroll-desktop-small div.navbar div.collapse { padding: 0; } /* Navigation */ div.navigation { margin-top: 70px; padding: 0; } /* Menu|Level 1 */ div.off-canvas ul.menu { margin: 0; padding: 0; list-style: none; } div.off-canvas ul.menu > li > a { display: block; padding: 10px 50px 8px 20px; background: transparent; font-size: 20px; color: #fff; font-weight: 700; text-decoration: none; } div.off-canvas ul.menu > li > a:hover { color: #678400; background-color: rgba(0, 0, 0, 0.8); } div.off-canvas ul.menu li.open > a, div.off-canvas ul.menu li.open > a:hover { color: #fff; background-color: #678400; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } div.off-canvas ul.menu li.active > a { font-weight: 700; } /* Menu|Level 2 */ div.off-canvas ul.menu > li > ul { display: none; padding: 0; background: transparent; list-style: none; } div.off-canvas ul.menu > li > ul > li > a { display: block; padding: 10px 20px 10px 20px; font-size: 18px; color: #fff; text-decoration: none; } div.off-canvas ul.menu > li > ul > li > a:hover { color: #678400; } div.off-canvas ul.menu > li > ul > li.active > a { color: #fff; font-weight: 700; background-color: rgba(0, 0, 0, 0.8); } div.off-canvas ul.menu > li > ul > li.active > a:hover { color: #678400; } /* Menu|Arrows */ div.off-canvas ul.menu > li > a span.arrow { position: absolute; top: 13px; right: 20px; transition: transform 0.3s; font-size: 14px; margin-top: 5px; } div.off-canvas ul.menu > li.open > a span.arrow { transform: rotate(180deg); } /* Menu|Buttons */ div.off-canvas div.buttons { margin: 25px 25px 0 25px; } div.off-canvas div.buttons a.button { } div.off-canvas div.buttons a.button-1 { } div.off-canvas div.buttons span.btn { margin-bottom: 10px; font-size: 30px; } div.off-canvas div.buttons a, div.off-canvas div.buttons a:hover, div.off-canvas div.buttons a:focus { text-decoration: none; } /* Overlay */ div.overlay { display: none; z-index: 99999999999; position: fixed; width: 100%; height: 100%; cursor: pointer; } div.scotch-is-showing div.overlay { display: block; } /*////////////////////////////////////////////////////////////////////////////////////////// // Layout // Layout // Layout // Layout // Layout // Layout // Layout // Layout // Layout // //////////////////////////////////////////////////////////////////////////////////////////*/ /* Off Canvas */ div.off-canvas { z-index: 99999999999 !important; display: none; background-color: #222; color: #fff; box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.8); } /* Wrapper */ div.wrapper { } /* Mobile Bar */ div.mobile-bar { position: relative; z-index: 100000; } div.mobile-bar a.hamburger { position: absolute; top: 0; left: 0; background: #333; } div.mobile-bar a.hamburger:hover { background-color: #333; } div.mobile-bar a.hamburger span, div.mobile-bar a.hamburger span:before, div.mobile-bar a.hamburger span:after { background-color: #fff; } div.mobile-bar a.active span { background-color: #222; } div.mobile-bar div.icons { margin-top: 8px; } div.mobile-bar div.icons img { margin: 0 8px; width: 22px; height:22px; } div.mobile-bar a.button { display: block; width: 48px; height: 48px; text-align: center; line-height: 48px; font-size: 18px; color: #222; font-weight: 700; } div.mobile-bar a.button.locale { text-decoration: none; } div.mobile-bar div.switcher { margin-top: -1px; display: none; z-index: 1030; position: absolute; top: 48px; right: 0; background-color: rgba(255, 255, 255, 0.5); } div.mobile-bar div.switcher a { text-decoration: none; } div.mobile-bar div.switcher a.button { } /* Slider */ div.slider-bg { } div.slider-bg-fade { background-color: #fff; } div.slider.container-fullscreen { position: relative; margin: auto; padding: 0; } div.slider div.slide { background-size: cover; background-position: center center; } div.slider div.carousel-caption { left: 10%; right: 10%; bottom: 15%; text-align: center; font-size: 55px; color: #fff; font-weight: 400; font-family: 'Ernest-and-Emily', cursive; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); } div.slider div.carousel-caption > span { padding: 5px 30px; /* background-image: url(/resources/images/bg-caption.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; */ } div.slider.container-fullscreen div.owl-nav img, div.slider.container div.owl-nav img { margin-top: -20px; height: 110px; } div.slider div.owl-dots { position: absolute; z-index: 100000000; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 13%; text-align: center; width: 100%; } div.slider div.owl-dots div.owl-dot { display: inline-block; } div.slider div.owl-dots div.owl-dot span { display: block; margin: 4px; width: 15px; height: 15px; border: 2px solid #fff; background: transparent; opacity: 0.8; border-radius: 50px !important; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } div.slider div.owl-dots div.owl-dot.active span, div.slider div.owl-dots div.owl-dot:hover span { background-color: #fff; opacity: 0.9; height: 25px; } div.slider div.arrow-down { position: relative; } div.slider div.arrow-down div { position: absolute; bottom: 0; z-index: 10000; width: 100%; text-align: center; margin-bottom: 20px; } div.slider div.arrow-down span { cursor: pointer; } div.slider div.arrow-down span:hover { } div.slider div.arrow-down span img { padding: 10px 12px 10px; width: 56px; height: 56px; background-color: rgba(103, 132, 0, 0.7); border: 2px solid #fff; border-radius: 50px !important; } div.slider div.arrow-down span img:hover { padding: 15px 12px 5px; background-color: rgba(0, 0, 0, 0.8); } @media (max-width: 479.98px) { div.slider.container-fullscreen div.slide { height: 240px !important; } div.slider.container-fullscreen div.owl-nav [class*='owl-'] { padding: 0 20px; height: 240px !important; line-height: 240px !important; font-size: 40px; } } @media (min-width: 479.99px) and (max-width: 767.98px) { div.slider.container-fullscreen div.slide { height: 320px !important; } div.slider.container-fullscreen div.owl-nav [class*='owl-'] { padding: 0 30px; height: 320px !important; line-height: 320px !important; font-size: 60px; } } @media (min-width: 767.99px) and (max-width: 991.98px) { div.slider.container-fullscreen div.slide { height: 500px !important; } div.slider.container-fullscreen div.owl-nav [class*='owl-'] { padding: 0 30px; height: 500px !important; line-height: 500px !important; font-size: 60px; } } @media (min-width: 991.99px) and (max-width: 1199.98px) { div.slider.container-fullscreen div.slide { height: 650px; } div.slider.container-fullscreen div.owl-nav [class*='owl-'] { padding: 0 70px; height: 100vh; line-height: 100vh; font-size: 90px; } } @media (min-width: 1199.99px) { div.slider.container-fullscreen div.slide { height: 800px; } div.slider.container-fullscreen div.owl-nav [class*='owl-'] { padding: 0 70px; height: 100vh; line-height: 100vh; font-size: 90px; } } /* Sticker */ div.sticker { transform: rotate(8deg); z-index: 100; position: absolute; margin: 0 auto; right: 10%; top: 50%; width: 300px; height: 300px; opacity: 0.9; margin-left: -150px; margin-top: -150px; overflow: hidden; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url(/resources/images/sticker.png); background-position: center center; background-repeat: no-repeat; background-size: 300px 300px; } div.sticker div.text { font-size: 32px; color: #fff !important; width: 100%; text-align: center; padding: 0 30px; font-family: 'Neucha', cursive; } div.sticker:hover { transform: rotate(14deg); } div.sticker div.text span.btn { color: #fff; border: none; background: transparent; box-shadow: none !important; font-family: 'Neucha', cursive; } div.sticker div.text span.btn:hover, div.sticker div.text span.btn:active, div.sticker div.text span.btn:focus { color: #fff; } /* Footer */ div.footer-main-bg { background-image: url(/resources/images/bg-footer-main.png); background-position: center 25%; background-repeat: no-repeat; background-size: 1500px 500px; } div.footer-bg { margin-top: 200px; padding: 0 15px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 15px 10px rgba(0,0,0,0.05); } div.footer { max-width: 1430px; padding: 40px 30px 30px; } div.footer div.row { position: relative; } div.footer div.box { padding: 15px; font-size: 19px; text-align: center; } div.footer div.title { font-size: 50px; color: #003C15; font-family: 'Neucha', cursive; text-shadow: 0 0 1px rgba(79, 27, 17, 0.4); } div.footer div.subtitle { margin-top: -10px; font-size: 25px; font-family: 'Neucha', cursive; } div.footer span.link { font-weight: 700; } div.footer div.address { margin-top: -130px; } div.footer div.address > div.icons img { margin-right: 5px; margin-bottom: 4px; width: 18px; height: 18px; } div.footer div.social { margin-top: 10px; } div.footer div.social img.facebook { margin: 10px; width: 35px; height: 35px; } div.footer div.social img.youtube { margin: 10px; width: 140px; height: 35px; } div.footer div.logo { margin-bottom: 15px; } div.footer div.space { padding-top: 10px; } /* Credits */ div.credits-logos-bg { } div.credits-logos { padding-top: 20px; } div.credits-logos div.logos { margin-top: 15px; } div.credits-logos div.logos a { display: inline-block; margin-bottom: 15px; } div.credits-logos div.logos img { margin-left: 15px; margin-right: 15px; } div.credits { max-width: 1430px; margin-top: 25px; padding-bottom: 100px; } div.credits div.disclosures { margin-bottom: 25px; font-size: 15px; } div.credits div.disclosures span { display: inline-block; } div.credits div.disclosures span span { margin: 0 5px; } div.credits div.smartline { } /* Back to Top */ a.back-to-top { position: fixed; display: none; z-index: 999; width: 50px; height: 50px; right: 23px; bottom: 23px; border: 2px solid #fff; border-radius: 50px !important; background-color: rgba(0, 0, 0, 0.4); background-image: url(/resources/images/arrow-down.svg); background-position: center 6px; background-repeat: no-repeat; background-size: 32px 32px; transform: rotate(180deg); } a:hover.back-to-top, a:focus.back-to-top { background-color: rgba(0, 0, 0, 0.7); background-position: center 9px; color: #fff; } /* Fancybox */ .fancybox-caption__body { overflow: hidden; } /*////////////////////////////////////////////////////////////////////////////////////////// // Content // Content // Content // Content // Content // Content // Content // Content //// //////////////////////////////////////////////////////////////////////////////////////////*/ /* Content */ div.content { margin: auto; z-index: 1000000; position: relative; } /* Heading (h1) */ div.content > div.heading { } /* Subheading (h2) */ div.content > div.subheading { } /* Date */ div.content > div.date { margin-bottom: 20px; font-weight: 700; } /* Buttons */ div.content > div.buttons { margin-bottom: 40px; padding-top: 40px; } div.content > div.buttons span.button { } div.content > div.buttons span.button-1, div.content > div.buttons span.button-2 { } div.content > div.buttons a.btn-default, div.content > div.buttons a.btn-primary { margin: 5px !important; } /* No Entries */ div.content > div.has-no-entries { margin-bottom: 40px; } /*////////////////////////////////////////////////////////////////////////////////////////// // Matrix // Matrix // Matrix // Matrix // Matrix // Matrix // Matrix // Matrix // Matrix // //////////////////////////////////////////////////////////////////////////////////////////*/ /* Matrix */ div.content div.matrix { } /* Heading (h3) */ div.content div.matrix div.heading { max-width: 1200px; padding: 0 30px; } div.content div.matrix div.heading h3 { margin-bottom: 10px; font-size: 40px; color: #678400; line-height: 1.4; text-align: center; font-family: 'Neucha', cursive; text-shadow: 0 0 1px rgba(103, 132, 0, 0.7); } /* Subheading (h4) */ div.content div.matrix div.subheading { max-width: 1200px; padding: 0 30px; } div.content div.matrix div.subheading h4 { margin-bottom: 60px; font-size: 30px; color: #222; line-height: 1.4; text-align: center; font-family: 'Neucha', cursive; } /* Text */ div.content div.matrix div.text { max-width: 1200px; padding: 0 30px; margin-bottom: 50px; } div.content div.matrix div.text h3 { margin-top: 0; font-weight: 700; } div.content div.matrix div.text h3:not(:first-child) { margin-top: 30px; } div.content div.matrix div.text ul { list-style: none; margin-bottom: 30px; } div.content div.matrix div.text li:before { content: ''; display: inline-block; margin-left: -25px; padding-left: 25px; height: 14px; width: 14px; background-image: url('/resources/images/icon-list.svg'); background-size: contain; background-repeat: no-repeat; } /* Text - Table */ div.content div.matrix table { margin-bottom: 10px; } div.content div.matrix thead { } div.content div.matrix tbody { background: rgba(192, 213, 114, 0.2); } div.content div.matrix th { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; color: #405200; font-size: 22px !important; } div.content div.matrix th:last-child { padding-right: 30px; } div.content div.matrix td { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; } div.content div.matrix td:last-child { padding-right: 30px; } div.content div.matrix tr:nth-child(even) { background: rgba(255, 255, 255, 0.6); } div.content div.matrix tr:nth-of-type(odd) { background: transparent; } /* Text - other Textfields */ div.content div.text { max-width: 1200px; margin-bottom: 50px; } div.content div.text h3 { margin-top: 0; font-weight: 700; } div.content div.text h3:not(:first-child) { margin-top: 30px; } div.content div.text ul { list-style: none; margin-bottom: 30px; } div.content div.text li:before { content: ''; display: inline-block; margin-left: -25px; padding-left: 25px; height: 14px; width: 14px; background-image: url('/resources/images/icon-list.svg'); background-size: contain; background-repeat: no-repeat; } /* Text + Image */ div.content div.matrix div.text-image { max-width: 1870px; padding: 0; } div.content div.matrix div.text-image div.background { margin-bottom: 80px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.matrix div.text-image div.row { margin: 0; } div.content div.matrix div.text-image div.image { padding: 0; } div.content div.matrix div.text-image div.text-area { position: relative; padding: 25px 50px; color: #222; } div.content div.matrix div.text-image h3 { margin-bottom: 15px; font-size: 40px; color: #678400; font-family: 'Neucha', cursive; } div.content div.matrix div.text-image ul { list-style: none; margin-bottom: 30px; } div.content div.matrix div.text-image li:before { content: ''; display: inline-block; margin-left: -25px; padding-left: 25px; height: 14px; width: 14px; background-image: url('/resources/images/icon-list.svg'); background-size: contain; background-repeat: no-repeat; } div.content div.matrix div.text-image div.button { margin-bottom: 15px; } /* Dropdown text */ div.content div.dropdown-text-space { padding-bottom: 60px; } div.content div.dropdown-text { } div.content div.dropdown-text div.panel-group { margin-bottom: 20px; } div.content div.dropdown-text div.panel { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background: transparent; } div.content div.dropdown-text div.panel-body { padding: 25px; background-color: rgba(255, 255, 255, 0.3); } div.content div.dropdown-text a div.panel-heading { padding: 14px 14px 14px 22px; flex: 1 1 auto; background-size: 200% auto; background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.7) 100%); } div.content div.dropdown-text a div.panel-heading h4 { color: #678400; font-size: 24px; font-weight: 700; text-decoration: none !important; line-height: 1.5; font-family: 'Neucha', cursive; letter-spacing: 1px; } div.content div.dropdown-text a:hover div.panel-heading { text-decoration: none; } div.content div.dropdown-text a:hover div.panel-heading h4 { color: #003C15; } div.content div.dropdown-text ul { list-style: none; margin-bottom: 30px; } div.content div.dropdown-text li:before { content: ''; display: inline-block; margin-left: -25px; padding-left: 25px; height: 14px; width: 14px; background-image: url('/resources/images/icon-heart.svg'); background-size: contain; background-repeat: no-repeat; } /* Images */ div.content div.matrix div.images { margin-bottom: 60px; max-width: 1870px; padding: 0 5px; } div.content div.matrix div.images div.row { } div.content div.matrix div.images div.row > div { padding: 5px; } div.content div.matrix div.images img { } /* Image gallery */ div.content div.ftg-images { margin-bottom: 60px; max-width: 1870px; padding: 0; } div.content div.ftg-images div.title { height: 80px; background-position: center center; background-repeat: no-repeat; } div.content div.ftg-images h5 { font-size: 18px !important; font-weight: 700 !important; color: #000 !important; } div.content div.ftg-images a.tile-inner:before { background: transparent; } /* Impressions */ div.content div.matrix div.impressions { position: relative; padding: 0; max-width: 1870px; } div.content div.matrix div.impressions.last { margin-bottom: 60px; } div.content div.matrix div.impressions img { width: 100%; height: 60vh; object-fit: cover; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } div.content div.matrix div.impressions div.caption { position: absolute; bottom: 0; } div.content div.matrix div.impressions div.caption h3 { margin: 30px 3vw 0 3vw; text-align: center; font-size: 28px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); font-family: 'Neucha', cursive; } div.content div.matrix div.impressions div.caption div.slogan { margin: 0 3vw 0 3vw; text-align: center; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-family: 'Neucha', cursive; } div.content div.matrix div.impressions div.caption div.button { margin-top: 3vh; margin-bottom: 4vh; text-align: center; } div.content div.matrix div.impressions div.caption div.button a { } /* Pages */ div.content div.matrix div.pages { max-width: 1900px; margin-bottom: 40px; } div.content div.matrix div.pages div.panel { margin-bottom: 40px; background: transparent; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } div.content div.matrix div.pages div.panel:hover { transform: scale(1.05); } div.content div.matrix div.pages div.position { position: relative; } div.content div.matrix div.pages div.background { position: absolute; bottom: 0; width: 100%; } div.content div.matrix div.pages div.panel-heading-x { width: 100%; padding: 12px 10px 12px; font-size: 32px; background-color: rgba(0,0,0,0.5); border-top: 1px solid #222; border-bottom: 1px solid #222; text-align: center; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); font-family: 'Neucha', cursive; } div.content div.matrix div.pages div.panel-button { width: 100%; margin-top: 15px; margin-bottom: 25px; text-align: center; } /* Code */ div.content div.matrix div.code { margin-bottom: 100px; } /* Divider */ div.content div.matrix div.divider { max-width: 1460px; padding: 0 15px; clear: both; } div.content div.matrix div.divider hr { margin: 0; } div.content div.matrix div.divider div.space-small { padding-bottom: 40px; } div.content div.matrix div.divider div.space-medium { padding-bottom: 80px; } div.content div.matrix div.divider div.space-big { padding-bottom: 120px; } div.content div.matrix div.divider div.line-small { padding-top: 40px; padding-bottom: 40px; } div.content div.matrix div.divider div.line-medium { padding-top: 80px; padding-bottom: 80px; } div.content div.matrix div.divider div.line-big { padding-top: 120px; padding-bottom: 120px; } /*////////////////////////////////////////////////////////////////////////////////////////// // Templates // Templates // Templates // Templates // Templates // Templates ////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ /* Home|Offers */ div.content div.home-offers-bg { } div.content div.home-offers { margin-bottom: 60px; max-width: 1900px; } div.content div.home-offers div.first-image { position: relative; } div.content div.home-offers div.panel { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.home-offers div.panel:hover { background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } div.content div.home-offers div.panel a, div.content div.home-offers div.panel a:hover, div.content div.home-offers div.panel a:focus { text-decoration: none !important; outline: none; } div.content div.home-offers div.panel-heading-x { margin: 30px 0 20px; padding: 0 25px; font-size: 32px; font-weight: 700; color: #678400; text-align: center; } div.content div.home-offers div.panel-heading-x:hover { color: #678400; text-align: center; } div.content div.home-offers div.panel-text { margin: 0 0 20px; padding: 0 25px; text-align: center; } div.content div.home-offers div.panel-date { margin: 0 0 25px; padding: 0 25px; text-align: center; font-weight: 700; } div.content div.home-offers div.panel-price { padding: 15px 25px; background-color: #678400; color: #fff; text-align: center; } div.content div.home-offers div.panel-price:hover { background-color: #678400; } div.content div.home-offers div.panel-price span { font-size: 22px; font-weight: 700; } /* News */ div.content div.news { max-width: 1460px; padding: 0; } div.content div.news:last-child { margin-bottom: 100px; } div.content div.news div.panel { outline: none; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.news div.panel-heading-x { margin-bottom: 10px; padding-top: 40px; font-size: 38px; color: #003C15; font-family: 'Neucha', cursive; text-shadow: 0 0 1px rgba(79, 27, 17, 0.4); } div.content div.news div.panel-heading-x:hover { color: #003C15; } div.content div.news div.panel-text { } div.content div.news div.panel-date { } div.content div.news div.panel-button { margin-bottom: 40px; } /* Offers */ div.content div.offers { max-width: 1460px; } div.content div.offers:last-child { margin-bottom: 100px; } div.content div.offers div.panel { outline: none; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.offers div.panel-heading-x { margin-bottom: 10px; padding-top: 40px; font-size: 40px; color: #003C15; font-family: 'Neucha', cursive; text-shadow: 0 0 1px rgba(79, 27, 17, 0.4); } div.content div.offers div.panel-heading-x:hover { color: #003C15; } div.content div.offers div.panel-text { font-weight: 700; } div.content div.offers div.panel-date { margin-bottom: 20px; font-weight: 700; } div.content div.offers div.panel-price { margin-bottom: 20px; } div.content div.offers div.panel-price span { font-size: 22px; font-weight: 700; } div.content div.offers div.panel-button { margin-bottom: 40px; } /* Offer */ div.content div.offer-data { } div.content div.offer-data div.well { margin-bottom: 40px; border: none; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.offer-data div.price { font-weight: 700; } /* Rooms */ div.content div.rooms-bg { margin-top: 50px; margin-bottom: 100px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background-image: url(/resources/images/bg-rooms-main.png); background-position: center right; background-repeat: repeat-x; background-size: 1800px 600px; } div.content div.rooms { margin: auto; max-width: 1470px; } div.content div.rooms > div.row { padding-bottom: 30px; } div.content div.rooms div.headings { text-align: center; } div.content div.rooms div.headings a, div.content div.rooms div.headings a:hover, div.content div.rooms div.headings a:focus { text-decoration: none !important; } div.content div.rooms h3.heading { padding-top: 15px; padding-bottom: 10px; font-size: 45px; line-height: 1.4; font-family: 'Neucha', cursive; color: #222; } div.content div.rooms h3.heading span { display: inline-block; font-size: 30px; font-family: 'Neucha', cursive; } div.content div.rooms h4.subheading { font-size: 30px; color: #222; line-height: 1.4; font-family: 'Neucha', cursive; } div.content div.rooms div.room-slider { margin-left: 15px; } div.content div.rooms div.first-image { padding: 0; } div.content div.rooms div.first-image img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.rooms div.first-image div.owl-controls { position: relative; } div.content div.rooms div.first-image div.owl-controls span.glyphicon { } div.content div.rooms div.first-image div.owl-nav { text-align: center; margin-top: -70px; position: relative; z-index: 99999999; } div.content div.rooms div.first-image div.owl-nav [class*='owl-'] { display: inline-block; color: #fff; cursor: pointer; width: 43px; height: 43px; line-height: 35px; background-color: rgba(0, 0, 0, 0.4); border-radius: 50px !important; } div.content div.rooms div.first-image div.owl-nav [class*='owl-']:hover { color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.7); outline: none; } div.content div.rooms div.first-image div.owl-nav div.owl-prev { margin: 0 8px; padding-top: 2px; } div.content div.rooms div.first-image div.owl-nav div.owl-next { margin: 0 8px; padding-top: 2px; } div.content div.rooms div.first-image div.owl-nav img.prev { width: 26px; height: 26px; transform: rotate(90deg); } div.content div.rooms div.first-image div.owl-nav img.next { width: 26px; height: 26px; transform: rotate(-90deg); } div.content div.rooms div.second-column { } div.content div.rooms div.last-image { margin-bottom: 30px; text-align: center; } div.content div.rooms div.last-image img { max-width: 60%; } div.content div.rooms div.text { padding: 10px 15px 30px; text-align: center; font-size: 30px; color: #222; line-height: 1.4; text-align: center; font-family: 'Neucha', cursive; } div.content div.rooms div.infos { margin-bottom: 15px; } div.content div.rooms div.background-details { padding: 30px 0; text-align: center; background: rgba(103, 132, 0, 0.5); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-weight: 700; color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.rooms div.background { padding: 30px 0; text-align: center; background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.rooms div.price { padding: 0 0 10px; font-size: 30px; color: #222; font-size: 35px; font-weight: 700; } div.content div.rooms div.validity { font-size: 20px; color: #222; font-size: 20px; } div.content div.rooms div.validity span { padding: 5px 15px; border-top: 2px dashed #666; } div.content div.rooms div.request { padding: 10px 0 0; font-size: 22px; color: #333333; } div.content div.rooms div.room-details { padding: 0; padding-right: 7px; } div.content div.rooms div.room-request { padding: 0; padding-left: 7px; } div.content div.rooms div.buttons { margin-bottom: 30px; } div.content div.rooms div.buttons img { width: 30%; height: 30%; } div.content div.rooms div.buttons a.btn { padding-top: 25px; padding-bottom: 25px; font-size: 26px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.content div.rooms .btn-primary, div.content div.rooms .btn-primary.disabled { padding: 4px 16px; color: #fff; background-color: #222; border: none; } div.content div.rooms .btn-primary:hover, div.content div.rooms .btn-primary:active, div.content div.rooms .btn-primary:active:hover, div.content div.rooms .btn-primary:active:focus, div.content div.rooms .btn-primary:focus { color: #fff; background-color: #003C15; outline: none; background-position: right center; } div.content div.rooms .btn-default, div.content div.rooms .btn-default.disabled { background-image: none; } div.content div.rooms .btn-default:hover, div.content div.rooms .btn-default:active, div.content div.rooms .btn-default:active:hover, div.content div.rooms .btn-default:active:focus, div.content div.rooms .btn-default:focus { background-color: #003C15; } /* Room */ div.content div.room-prices { margin-bottom: 30px; } div.content div.room-prices div.table-responsive { border: none; } div.content div.room-prices table { margin-bottom: 10px; } div.content div.room-prices thead { } div.content div.room-prices tbody { background: rgba(192, 213, 114, 0.2); } div.content div.room-prices th { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; color: #333; } div.content div.room-prices th:last-child { padding-right: 30px; } div.content div.room-prices td { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; } div.content div.room-prices td:last-child { padding-right: 30px; } div.content div.room-prices tr:nth-child(even) { background: rgba(255, 255, 255, 0.6); } div.content div.room-prices tr:nth-of-type(odd) { background: transparent; } /* Prices */ div.content div.prices { margin-bottom: 30px; } div.content div.prices div.table-responsive { border: none; } div.content div.prices table { margin-bottom: 10px; } div.content div.prices thead { } div.content div.prices tbody { background: rgba(192, 213, 114, 0.2); } div.content div.prices th { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; color: #333; } div.content div.prices th:last-child { padding-right: 30px; } div.content div.prices td { padding-left: 10px; padding-right: 10px; border-color: #a0a0a0 !important; } div.content div.prices td:last-child { padding-right: 30px; } div.content div.prices tr:nth-child(even) { background: rgba(255, 255, 255, 0.6); } div.content div.prices tr:nth-of-type(odd) { background: transparent; } div.content div.prices h3 { margin-top: 50px; color: #678400; font-family: 'Neucha', cursive; } div.content div.prices h3 a { color: #333; } div.content div.prices h3 a:hover { color: #333; } /* Prices & Room - table colors */ div.content div.table-color-green tbody { background: rgba(192, 213, 114, 0.1); } div.content div.table-color-green th { border-color: #555 !important; } div.content div.table-color-green td { border-color: #555 !important; } div.content div.table-color-blue tbody { background: rgba(156, 194, 229, 0.1); } div.content div.table-color-blue th { border-color: #555 !important; } div.content div.table-color-blue td { border-color: #555 !important; } div.content div.table-color-yellow tbody { background: rgba(238, 194, 61, 0.1); } div.content div.table-color-yellow th { border-color: #555 !important; } div.content div.table-color-yellow td { border-color: #555 !important; } div.content div.table-color-red tbody { background: rgba(236, 97, 82, 0.1); } div.content div.table-color-red th { border-color: #555 !important; } div.content div.table-color-red td { border-color: #555 !important; } /* Table Room/Prices scroll ::: ACHTUNG ::: Siehe unter XS und SS */ div.content div.table-scroll { overflow: auto; white-space: nowrap; } div.content div.table-scroll::-webkit-scrollbar { -webkit-appearance: none; width: 15px; height: 10px; } div.content div.table-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 100px !important; } /* Contact */ div.content div.contact { margin-bottom: 30px; padding-top: 30px; } div.content div.contact span.link { font-weight: 700; } div.content div.contact div.numbers { } div.content div.contact div.numbers img { margin-right: 5px; margin-bottom: 4px; width: 18px; height: 18px; } /* Form */ div.content div.form { padding-bottom: 80px; } div.content div.form div.required { display: none; } div.content div.form hr { margin-top: 25px; } div.content div.form label small { font-weight: normal; border-color: #C7C7C7; } div.content div.form input[readonly] { background-color: #fff; cursor: pointer; } div.content div.form div.privacy { padding-bottom: 0 !important; } div.content div.form div.privacy div.privacy-x { margin: 25px 0 40px 0; padding-bottom: 0 !important; } div.content div.form div.privacy i.glyphicon { top: -7px; } div.content div.form div.privacy small.data-protection { display: block; margin-top: 3px; } div.content div.form div.button div.button-x { margin-bottom: 40px; } div.content div.form div.input-daterange button.btn-default { padding: 2px 15px 0; height: 46px; line-height: 46px; font-size: 22px; border-radius: 0px !important; font-weight: 700; } div.content div.form div.room-data { display: none; } div.content div.form div.room-data-1 { display: block; } div.content div.form div.age { display: none; margin-bottom: 5px; } div.content div.form div.age select { display: none; margin-bottom: 10px; } div.datepicker { margin-top: 70px !important; } div.datepicker td.active.selected.day { background-color: #678400 !important; } div.datepicker th.dow { font-size: 17px !important; } div.datepicker td.day { font-size: 17px !important; padding: 5px 8px; } div.datepicker td.day:hover, div.datepicker td.focused { background-color: #cecece !important; } div.datepicker th.prev { font-size: 21px !important; line-height: 22px; } div.datepicker th.next { font-size: 21px !important; line-height: 22px; } div.datepicker th.datepicker-switch { font-size: 17px !important; line-height: 22px; } div.datepicker span.month { font-size: 17px !important; line-height: 50px; } div.datepicker span.month.focused.active { background-color: #678400 !important; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { background-color: #333 !important; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background-color: #e9e2d3 !important; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #678400 !important; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background-color: #e9e2d3 !important; } .datepicker table tr td span { margin: 0; } div.content div.form button.btn-default { } .has-feedback label~.form-control-feedback { top: 40px; right: 10px; } div.content div.form div.privacy div.privacy-x input { width: 20px; height: 20px; padding-right: 5px; } div.content div.form div.options input { width: 20px; height: 20px; } div.content div.form div.options span { padding-left: 10px; font-weight: 700; } div.content div.form div.privacy-x span { padding-left: 7px; font-weight: 700; } div.content div.form span.text-success { color: #444; } /* Weather */ div.content div.weather { margin-bottom: 40px; padding-bottom: 80px; } div.content div.weather div.today, div.content div.weather div.tomorrow { margin-bottom: 30px; } div.content div.weather div.next-days { } div.content div.weather div.copyright { } div.content div.weather h3 { color: #678400; font-family: 'Neucha', cursive; } div.content div.weather hr { margin-top: 0; border-top: 2px solid #a0a0a0 !important; } div.content div.weather th, div.content div.weather td { border-color: #a0a0a0 !important; } div.content div.weather div.general img { width: 100%; max-width: 350px; } div.content div.weather div.mountain img { width: 100%; max-width: 540px; } div.content div.weather tr.plus { color: #a94442; } div.content div.weather tr.minus { color: #31708f; } /* Maps */ div.content div.maps { } div.content div.maps div.origin { margin-bottom: 40px; } div.content div.maps div.map { margin-bottom: 40px; } div.content div.maps .form-control { height: 48px !important; } div.content div.maps div.directions { } div.content div.maps div.directions table.adp-placemark { border-color: #cbc8c5; background-color: #f5f5f5; } div.content div.maps div.directions table.adp-placemark td { padding: 5px 0 5px 10px; } div.content div.maps div.directions div.adp-summary { font-weight: 700; } div.content div.maps div.directions table.adp-directions { width: 100%; } div.content div.maps div.directions td.adp-substep { border-color: #cbc8c5; } div.content div.maps div.directions td.adp-substep b { font-weight: 700; } div.content div.maps div.directions div.adp-distance { text-align: right; } /* Credits */ div.content div.credits { } div.content div.credits > div { margin-bottom: 40px; } div.content div.credits div.row { } div.content div.credits img { max-width: 100%; height: auto; } /* Privacy */ div.content div.privacy { padding-top: 0; padding-bottom: 80px; } /* Sitemap */ div.content div.sitemap { padding-top: 0; padding-bottom: 80px; } /*////////////////////////////////////////////////////////////////////////////////////////// // Print // Print // Print // Print // Print // Print // Print // Print // Print // Print // //////////////////////////////////////////////////////////////////////////////////////////*/ @media print { /* Width */ div.wrapper, div.container, div.container-fluid { width: 970px; } /* Display */ div.slider, div.mobile-bar { display: none; } /* Page Break */ img { page-break-inside: avoid; } } /*////////////////////////////////////////////////////////////////////////////////////////// // Breakpoints // Breakpoints // Breakpoints // Breakpoints // Breakpoints // Breakpoints // //////////////////////////////////////////////////////////////////////////////////////////*/ /* All Mobile Breakpoints */ @media (max-width: 991.98px) { body { margin-top: 0; } div.header-scroll { position: relative; height: 120px; text-align: center; background: none; } div.header-scroll-desktop { display: none; } div.header-scroll-mobile { display: block; height: 120px; background: #fff; } div.header div.logo { margin-top: 0; padding-top: 0; } div.header div.logo img { margin-top: 15px; } div.slider div.owl-dots { bottom: 15px; } h1 { margin-top: 50px; } div.content div.matrix div.text-image h3 { font-size: 25px; } div.content div.dropdown-text div.panel-body { padding: 15px; } div.content div.dropdown-text div.panel-body div.text-column div.text-x { padding: 20px 0 0; } div.content div.rooms div.room-slider { margin-right: 15px; margin-bottom: 43px; } div.content div.rooms div.request { font-size: 18px; } div.content div.rooms div.room-details { font-size: 20px; } div.datepicker { margin-top: 7px !important; } div.content > div.dropdown-text div.panel-body { padding: 20px 20px 20px 20px; } div.content div.home-offers div.panel-heading-x { font-size: 22px; } div.content div.news div.panel-heading-x { font-size: 22px; } div.content div.offers div.panel-heading-x { font-size: 22px; } } /* Extra Small Devices (xs) */ @media (max-width: 479.98px) { .hidden-xs { display: none !important; } div.slider div.carousel-caption { left: 2%; right: 2%; font-size: 25px; bottom: 3%; } div.slider div.carousel-caption > span { padding: 5px; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } div.content div.matrix div.heading h3 { font-size: 24px; } div.content div.matrix div.subheading h4 { font-size: 24px; } div.content div.matrix div.heading { padding: 0 15px; } div.content div.matrix div.subheading { padding: 0 15px; } div.content div.matrix div.text { padding: 0 15px; } div.content div.matrix div.text ul { margin-left: -15px; } div.content div.matrix div.text-image ul { margin-left: -15px; } div.content div.matrix div.text-image div.text-area { padding: 25px 15px; } div.content div.matrix div.text-image div.button { margin-left: 0; } div.content div.matrix div.pages div.panel-heading-x { font-size: 20px; } div.content div.matrix div.impressions div.caption h3 { font-size: 20px; } div.content div.dropdown-text { padding: 0; } div.content div.dropdown-text a div.panel-heading h4 { font-size: 20px; } div.content div.dropdown-text a div.panel-heading { padding: 8px 8px 8px 14px; flex: 1 1 auto; background-size: 200% auto; background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 51%, rgba(255, 255, 255, 0.7) 100%); } div.content div.dropdown-text ul { margin-left: -15px; } div.footer { padding: 40px 0 20px; } div.footer div.address { border: none; } div.footer div.logo img { width: 100% !important; height: 100% !important; } div.panel div.second-column { padding-left: 30px !important; padding-right: 30px !important; } div.content > div.buttons { margin-bottom: 20px; padding-top: 20px; } div.content > div.buttons span.button-1, div.content > div.buttons span.button-2 { display: block; margin: 10px 0 0 0; } div.content > div.buttons span.button a { display: block; width: 100%; } div.content div.weather div.next-days img { width: 50px; } div.content div.rooms h3.heading { font-size: 30px; text-align: center; } div.content div.rooms div.room-details { padding-right: 0; } div.content div.rooms div.room-request { padding-left: 0; } div.content div.rooms div.price { font-size: 22px; } div.content div.rooms div.validity { font-size: 16px; } div.content div.rooms div.buttons img { width: 25%; height: 25%; } div.content div.rooms div.buttons a.btn { margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 25px; } div.content div.rooms > div.row { padding-bottom: 0; } div.content div.maps div#map { height: 400px; } div.content div.maps div.origin div.input { margin-bottom: 10px; } div.content div.news { text-align: center; } div.content div.offers { text-align: center; } div.content div.table-scroll-outer { position: relative; } div.content div.table-scroll-2 { position: absolute; right: 0; width: 20px; height: 100%; background-image: url(/resources/images/gradient-prices.png); background-position: right top; background-repeat: repeat-y; background-size: 25px 25px; } } /* Small Small Devices (ss) */ @media (min-width: 479.99px) and (max-width: 767.98px) { .hidden-ss { display: none !important; } div.slider div.carousel-caption { font-size: 30px; bottom: 6%; } h1 { font-size: 35px; } h2 { font-size: 26px; } h3 { font-size: 22px; } div.content div.matrix div.heading h3 { font-size: 28px; } div.content div.matrix div.subheading h4 { font-size: 26px; } div.content div.dropdown-text a div.panel-heading h4 { font-size: 22px; } div.content div.matrix div.text-image div.text-area { padding: 25px 25px; } div.content div.matrix div.pages { padding: 0 50px; } div.content div.matrix div.images div.row > div { padding: 5px; } div.content div.matrix div.impressions div.caption h3 { font-size: 22px; } div.footer { padding: 40px 0 20px; } div.footer div.address { border: none; } div.content div.home-offers div.panel-heading-x { font-size: 32px; } div.panel div.second-column { padding-left: 30px !important; padding-right: 30px !important; } div.content div.rooms h3.heading { font-size: 35px; text-align: center; } div.content div.rooms div.buttons img { width: 25%; height: 25%; } div.content div.rooms div.buttons a.btn { font-size: 30px; } div.content div.maps div#map { height: 400px; } div.content div.maps div.origin div.input { padding-right: 0; } div.content div.news div.panel-heading-x { font-size: 28px; } div.content div.news { text-align: center; } div.content div.offers div.panel-heading-x { font-size: 28px; } div.content div.offers { text-align: center; } div.content div.table-scroll-outer { position: relative; } div.content div.table-scroll-2 { position: absolute; right: 0; width: 20px; height: 100%; background-image: url(/resources/images/gradient-prices.png); background-position: right top; background-repeat: repeat-y; background-size: 25px 25px; } } /* Small Devices (sm) */ @media (min-width: 767.99px) and (max-width: 991.98px) { .hidden-sm { display: none !important; } div.slider div.carousel-caption { font-size: 35px; bottom: 8%; } h1 { font-size: 45px; } h2 { font-size: 28px; } h3 { font-size: 24px; } div.content div.matrix div.heading h3 { font-size: 32px; } div.content div.matrix div.subheading h4 { font-size: 28px; } div.content div.matrix div.text-image h3 { font-size: 30px; } div.content div.matrix div.impressions div.caption h3 { font-size: 24px; } div.footer div.address { border-left: none; } div.content div.home-offers div.panel-heading-x { font-size: 26px; } div.content div.rooms h3.heading { font-size: 40px; text-align: center; } div.content div.rooms div.buttons img { width: 20%; height: 20%; } div.content div.rooms div.buttons a.btn { font-size: 30px; } div.content div.maps div#map { height: 500px; } div.content div.maps div.origin div.input { padding-right: 0; } div.content div.news div.panel-heading-x { font-size: 32px; } div.content div.news div.panel-body div.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.content div.offers div.panel-heading-x { font-size: 32px; } div.content div.offers div.panel-body div.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* All Desktop Breakpoints*/ @media (min-width: 991.99px) { div.header-scroll { position: fixed; left: 0; right: 0; top: 0; } div.header-scroll-desktop { display: block; } div.header-scroll-mobile { display: none; } div.no-slider { padding-top: 20px; } div.content div.matrix div.text-image div.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.content div.matrix div.impressions div.caption { position: absolute; bottom: 0; max-width: 600px; } div.content div.maps div.origin div.input { padding-right: 0; } div.content div.news div.panel-body div.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.content div.offers div.panel-body div.row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.content div.news div.panel-text { font-size: 22px; } div.content div.offers div.panel-text { font-size: 22px; } } /* Medium Devices (md) */ @media (min-width: 991.99px) and (max-width: 1199.98px) { .hidden-md { display: none !important; } div.header div.logo { padding-top: 18px; } div.header div.logo img { width: 220px; height: 91px; } div.navbar ul.nav > li > a { font-size: 24px; } div.navbar ul.nav ul.dropdown-menu > li > a { font-size: 16px; } div.slider div.carousel-caption { font-size: 35px; } div.sticker { right: 5%; top: 50%; width: 260px; height: 260px; margin-left: -130px; margin-top: -130px; background-size: 260px 260px; } div.sticker div.text { font-size: 26px; } div.sticker div.text span.btn { font-size: 26px; } h1 { font-size: 50px; } h2 { font-size: 28px; } h3 { font-size: 26px; } div.content div.matrix div.heading h3 { font-size: 36px; } div.content div.matrix div.subheading h4 { font-size: 28px; } div.content div.matrix div.text-image h3 { font-size: 30px; } div.content div.matrix div.text-image div.text-area { padding: 25px 25px; } div.content div.matrix div.impressions div.caption h3 { font-size: 26px; } div.content div.rooms div.buttons a.btn { font-size: 25px; } div.content div.maps div#map { height: 500px; } div.content div.news div.panel-heading-x { font-size: 32px; } div.content div.offers div.panel-heading-x { font-size: 32px; } } /* Large Devices (lg) */ @media (min-width: 1199.99px) and (max-width: 1399.98px) { .hidden-lg { display: none !important; } div.navbar ul.nav > li > a { font-size: 28px; } div.slider div.carousel-caption { font-size: 40px; } div.sticker { right: 5%; top: 50%; width: 260px; height: 260px; margin-left:-130px; margin-top:-130px; background-size: 260px 260px; } div.sticker div.text { font-size: 26px; } div.sticker div.text span.btn { font-size: 26px; } div.content div.matrix div.text-image h3 { font-size: 35px; } div.content div.matrix div.pages div.panel-heading-x { font-size: 25px; } div.content div.rooms div.buttons a.btn { font-size: 25px; } div.content div.maps div#map { height: 600px; } } /* X-Large Devices (xx-lg) */ @media (min-width: 1399.99px) { div.header { max-width: 1720px; } div.content div.maps div#map { height: 600px; } } /* Transitions */ h1, h2, h3, h4, a, ul.nav a, div.header-scroll-desktop-small div.navbar, div.header div.top div.button-1, div.slider div.arrow-down span, div.slider div.carousel-caption, div.slider div.owl-dots div.owl-dot span, div.slider div.arrow-down span img, div.sticker, div.sticker div.text, div.content div.matrix div.dropdown-text a:hover div.panel-heading, div.content div.matrix div.dropdown-text a div.panel-heading, div.content div.matrix div.text-image div.image, div.content div.matrix div.text-image div.text-area, div.content div.matrix div.pages div.panel, div.content div.matrix div.pages div.panel-heading-x, div.content div.matrix div.pages div.panel-button, div.header div.logo img, div.header div.logo div.background-small, a.back-to-top, a:hover.back-to-top, a:focus.back-to-to, div.content div.rooms div.buttons img, div.content > div.dropdown-text a div.panel-heading, div.content > div.dropdown-text a div.panel-heading h4, div.content div.rooms div.first-image div.owl-nav [class*='owl-'], div.datepicker td.day, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span:hover, div.content div.news div.panel-heading-x, div.content div.news div.panel-text, div.content div.offers div.panel-heading-x, div.content div.offers div.panel-date, div.content div.offers div.panel-price, div.content div.home-offers div.panel, div.content div.home-offers div.panel-heading-x, div.content div.home-offers div.panel-heading-x:hover, div.content div.home-offers div.panel-price, div.content div.home-offers div.panel-price:hover { transition: all 0.2s ease; }