/* Theme specific variables */ /* SASS guidelines .element{ // Normal element styles here e.g. position: relative etc. @include breakpoint for this element .inner-elements{ // Styles for inner elements here } &.modifier { // Styles for modifier of element here } } */ /* Variables */ /*---------------------------------------------------------------- ------------------------------------------------------------------ --------------------------- MAIN + RESETS ------------------------ ------------------------------------------------------------------ ----------------------------------------------------------------*/ * { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #183029; color: white; text-shadow: none; } ::selection { background: #183029; color: white; text-shadow: none; } .chromeframe, li.graphic-only { display: none !important; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; position: relative; overflow-x: hidden; } body { margin: 0; line-height: 1.6; font-size: 17px; color: #8c8c8c; font-weight: normal; position: relative; } @media (max-width: 767px) { body { font-size: 16px; } } #wrap { right: 0; position: relative; background: #fff; clear: both; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Embedded content */ img { border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } svg:not(:root) { overflow: hidden; } /* Grouping content */ figure { margin: 15px 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 100%; } /* Forms */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } /* HTML5 / MISC */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #183029; color: #000; text-decoration: none; } del { text-decoration: line-through; } /* SLIDERS */ .slider .slide { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider .slide .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider .slide .img:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(36, 21, 21, 0.5) 0%, rgba(13, 1, 1, 0.5) 100%); z-index: 1; } .slider .slide .img:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; } .slider .slide .slide-description { color: #fff; } .slider .slide .slide-caption { position: relative; z-index: 1; text-align: center; } @media (max-width: 767px) { .slider .slide .slide-caption.box-caption { max-width: auto; } } .slider .slide .slide-caption .btn { margin: 5px 0 0; color: #fff; } .slider .slide .box-caption .slide-caption-inner { background: rgba(0, 0, 0, 0.5); padding: 40px; max-width: 50%; } @media (max-width: 767px) { .slider .slide .box-caption .slide-caption-inner { max-width: 100%; padding: 30px; } } .slider .slide .bottom-box-caption { left: 0; right: 0; bottom: 0; top: auto; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; background: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .slider .slide .bottom-box-caption { top: auto; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } } .slider .slide .bottom-box-caption .slide-caption-inner { padding: 40px 0 70px; text-align: center; } .slider .slide-title { color: #fff; } .slick-slider .slick-arrow { position: absolute; top: 50%; width: 30px; height: 30px; z-index: 5; cursor: pointer; margin-top: -15px; } .slick-slider .slick-arrow:after { font-family: 'FontAwesome'; font-size: 28px; color: white; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slick-slider .slick-prev { left: 20px; } .slick-slider .slick-prev:after { content: '\f104'; } .slick-slider .slick-next { right: 20px; } .slick-slider .slick-next:after { content: '\f105'; } .slick-slider .slick-dots { position: absolute; list-style: none; margin: 0; padding: 0; left: 50%; bottom: 20px; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .slick-slider .slick-dots { bottom: 10px; } } .slick-slider .slick-dots li { float: left; margin: 0 5px; } .slick-slider .slick-dots li.slick-active button { background: #fff; } .slick-slider .slick-dots button { background: none; box-shadow: none !important; text-indent: -9999px; position: relative; width: 15px; height: 15px; outline: 0; padding: 0; border-radius: 50%; border: 1px solid #fff; } @media (max-width: 767px) { .slick-slider .slick-dots button { width: 14px; height: 14px; } } .slick-slider .slick-dots .slick-active button:after { content: '\f111'; } .home-slider .slide { height: calc(100vh - 60px); min-height: 700px; } .home-slider .slide .slide-caption { position: absolute; z-index: 1; left: 50%; top: 50%; text-align: center; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .home-slider .slide .slide-caption { max-width: 100%; left: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .home-slider .video-container { position: relative; display: block; height: 100%; width: 100%; } .home-slider .video-container .video-mask { width: 100%; height: 100%; position: relative; overflow: hidden; min-height: 100vh; } .home-slider .video-container .video-mask iframe { position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 120%; width: auto; height: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home-slider .video-container .video-mask .plyr__video-wrapper { width: 1899px; } .masthead-slider .slide { height: 495px; } .masthead-slider .slide:after { content: ''; min-height: inherit; font-size: 0; } @media (max-width: 767px) { .masthead-slider .slide { height: 275px; align-items: flex-end; padding-top: 100px; padding-bottom: 85px; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .masthead-slider .slide:after { display: none; } } .masthead-slider .slide .slide-caption.container { padding-left: 30px; padding-right: 30px; width: 100%; } .masthead-slider .slide .btn { margin: 40px 0 0 !important; } @media (max-width: 767px) { .masthead-slider .slide .btn { margin: 20px 0 0 !important; } } .masthead-slider .slide .btn::after { background: white; } .image-slider-widget .slide { display: block; } .image-slider-widget .slide .img { height: 0; padding-top: 43%; position: relative; } .image-slider-widget .slide .img:after, .image-slider-widget .slide .img:before { display: none; } @media (max-width: 767px) { .image-slider-widget .slide .img { min-height: 350px; } } .image-slider-widget .slide .slide-caption { color: #fff; position: absolute; z-index: 1; left: 50%; top: 50%; text-align: center; padding: 0 15px; text-shadow: 1px 1px 2px #000; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .image-slider-widget .slide .slide-caption { width: 100%; } } .image-slider-widget .slide .slide-caption .widget-title { color: #fff; } .image-slider-widget .slide a.slide-caption-holder { color: #fff; display: block; } .image-slider-widget .slide a.slide-caption-holder:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 100%; width: 100%; } @font-face { font-family: 'Constantia-Regular'; src: url("../../fonts/constantia/Constantia.eot"); src: url("../../fonts/constantia/Constantia.eot?#iefix") format("embedded-opentype"), url("../../fonts/constantia/Constantia.ttf") format("truetype"), url("../../fonts/constantia/Constantia.woff") format("woff"), url("../../fonts/constantia/Constantia.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Constantia-Bold'; src: url("../../fonts/constantia/Constantia-Bold.eot"); src: url("../../fonts/constantia/Constantia-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/constantia/Constantia-Bold.ttf") format("truetype"), url("../../fonts/constantia/Constantia-Bold.woff") format("woff"), url("../../fonts/constantia/Constantia-Bold.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cormier-Regular'; src: url("../../fonts/cormier/Cormier-Regular.eot"); src: url("../../fonts/cormier/Cormier-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/cormier/Cormier-Regular.ttf") format("truetype"), url("../../fonts/cormier/Cormier-Regular.woff") format("woff"), url("../../fonts/cormier/Cormier-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Regular'; src: url("../../fonts/opensans/OpenSans-Regular.eot"); src: url("../../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/opensans/OpenSans-Regular.ttf") format("truetype"), url("../../fonts/opensans/OpenSans-Regular.woff") format("woff"), url("../../fonts/opensans/OpenSans-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BigCaslonMedium'; src: url("../../fonts/bigcaslon/BigCaslonMedium.eot"); src: url("../../fonts/bigcaslon/BigCaslonMedium.eot?#iefix") format("embedded-opentype"), url("../../fonts/bigcaslon/BigCaslonMedium.ttf") format("truetype"), url("../../fonts/bigcaslon/BigCaslonMedium.woff") format("woff"), url("../../fonts/bigcaslon/BigCaslonMedium.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial MT'; src: url("../../fonts/arial-mt/ARIALMT.ttf") format("truetype"), url("../../fonts/arial-mt/ARIALMT.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial MT Bold'; src: url("../../fonts/arial-mt/ARIALBOLDMT.ttf") format("truetype"), url("../../fonts/arial-mt/ARIALBOLDMT.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Bench Nine'; src: url("../../fonts/benchnine/BenchNine-Light.ttf") format("truetype"), url("../../fonts/benchnine/BenchNine-Light.woff") format("woff"), url("../../fonts/benchnine/BenchNine-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Bench Nine'; src: url("../../fonts/benchnine/BenchNine-Regular.ttf") format("truetype"), url("../../fonts/benchnine/BenchNine-Regular.woff") format("woff"), url("../../fonts/benchnine/BenchNine-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Bench Nine'; src: url("../../fonts/benchnine/BenchNine-Bold.ttf") format("truetype"), url("../../fonts/benchnine/BenchNine-Bold.woff") format("woff"), url("../../fonts/benchnine/BenchNine-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Vidaloka'; src: url("../../fonts/vidaloka/Vidaloka-Regular.ttf") format("truetype"), url("../../fonts/vidaloka/Vidaloka-Regular.woff") format("woff"), url("../../fonts/vidaloka/Vidaloka-Regular.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Anton'; src: url("/wp-content/themes/the-hideout-theme/fonts/Anton/Anton-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url("/wp-content/themes/the-hideout-theme/fonts/FiraSans/FiraSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url("/wp-content/themes/the-hideout-theme/fonts/FiraSans/FiraSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url("/wp-content/themes/the-hideout-theme/fonts/FiraSans/FiraSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'FiraSans'; src: url("/wp-content/themes/the-hideout-theme/fonts/FiraSans/FiraSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Protest Strike'; src: url("/wp-content/themes/the-hideout-theme/fonts/protest_strike/ProtestStrike-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url("/wp-content/themes/the-hideout-theme/fonts/pt_serif/PTSerif-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url("/wp-content/themes/the-hideout-theme/fonts/pt_serif/PTSerif-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url("/wp-content/themes/the-hideout-theme/fonts/pt_serif/PTSerif-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Serif'; src: url("/wp-content/themes/the-hideout-theme/fonts/pt_serif/PTSerif-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } /*---------------------------------------------------------------- ------------------------------------------------------------------ ------------------------------ FONTS ----------------------------- ------------------------------------------------------------------ ----------------------------------------------------------------*/ .img { background-size: cover; background-position: center center; margin: 0; padding: 0; position: relative; } .img img { height: 0; width: 0; opacity: 0; } .no-cursor { cursor: default !important; } .widget-container { position: relative; padding: 70px 0 0; width: 100%; } @media (max-width: 767px) { .widget-container { padding: 50px 0 0; } } .widget-container.widget-img-and-text { padding: 20px 0 0; } .widget-container.image-slider-widget { padding: 20px 0 0; } .widget-container.video-widget { padding: 20px 0 0; } html { overflow-x: hidden; } body { font-family: "Constantia-Regular"; transition: transform 0.3s ease-in-out; overflow: visible !important; min-height: 100vh; } #wrap { padding: 20px; overflow-x: hidden; } @media (max-width: 991px) { #wrap { padding: 10px; } } .show-menu #wrap { overflow-x: visible; } .stop-scrolling { overflow: hidden; height: 100% !important; } .right, .left { float: none; } .clearfix::after { display: block; content: ""; clear: both; } button { background: none; border: 0; box-shadow: none !important; outline: none !important; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .no-anim, .no-anim * { -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; -webkit-transition: none !important; transition: none !important; } .no-anim-single { -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; -webkit-transition: none !important; transition: none !important; } a { color: #183029; text-decoration: none; cursor: pointer; outline: 0 !important; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } a:hover, a:focus { text-decoration: none; } /* amending the default bootstrap 15px gutters */ .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 767px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } } .container { width: 100%; } @media (min-width: 1200px) { .container { width: 1130px; } } @media (min-width: 992px) and (max-width: 1199px) { .container { width: 920px; } } @media (min-width: 768px) and (max-width: 991px) { .container { width: 720px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2300px), only screen and (min-resolution: 192dpi) and (min-width: 2300px) { .container { width: 90%; } } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 15px; padding-right: 15px; } .main-body { padding: 0 0; } .error404 .main-body { padding: 70px 0 80px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .no-padding { padding-top: 20px !important; } @media (max-width: 991px) { .no-padding { padding-top: 10px !important; } } .site-header { padding: 49px 20px; position: absolute; top: 0; left: 0; right: 0; width: 100%; background: transparent; z-index: 1000; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991px) { .site-header { padding: 39px 10px; } } .site-header .header-wrap { padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } @media (max-width: 767px) { .site-header .header-wrap { padding: 0; } } .site-header .main-menu { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .site-header ry .burger-menu { display: inline-block; z-index: 89; } @media (max-width: 991px) { .site-header ry .burger-menu > .soclinks-container { display: none; } } .site-header .social-media { list-style: none; margin: 0 20px 0 0; padding: 0 0 0 30px; } @media (max-width: 767px) { .site-header .social-media { padding: 0; margin-top: 15px; display: none; } } .site-header .social-media li { display: inline-block; } .site-header .social-media li a { font-size: 22px; padding: 0 11px; color: #fff; display: block; } .site-header .social-media li a:hover { color: #183029; } .site-header .burger-nav { height: 100vh; background: #fff; padding-top: 100px; z-index: 99; transform: translateX(-320px); -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); width: 320px; position: fixed; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -moz-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; flex-direction: column; opacity: 0; transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); } @media (max-width: 767px) { .site-header .burger-nav { width: 250px; padding: 80px 0 0; transform: translateX(-250px); -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); } .site-header .burger-nav .main-nav { margin-bottom: 26px; } } .site-header .burger-nav ul { list-style: none; padding: 30px 45px 45px; width: 100%; overflow-y: auto; } @media (max-width: 767px) { .site-header .burger-nav ul { padding: 20px 30px 30px; } } .site-header .burger-nav ul li a { color: #000; font-size: 22px; line-height: 1.5; padding: 10px 30px 10px 0; display: block; position: relative; z-index: 9; -moz-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); -o-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); -ms-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); -webkit-transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); transition: 0.9s cubic-bezier(0.18, 1, 0.21, 1); opacity: 0; } .site-header .burger-nav ul li a:hover { color: #183029; } @media (max-width: 767px) { .site-header .burger-nav ul li a { font-size: 18px; color: #000; } } .site-header .burger-nav ul li:nth-child(1) a { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .site-header .burger-nav ul li:nth-child(2) a { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } .site-header .burger-nav ul li:nth-child(3) a { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .site-header .burger-nav ul li:nth-child(4) a { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .site-header .burger-nav ul li:nth-child(5) a { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .site-header .burger-nav ul li:nth-child(6) a { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } .site-header .burger-nav ul li:nth-child(7) a { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .site-header .burger-nav ul li:nth-child(8) a { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; } .site-header .burger-nav ul li:nth-child(9) a { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; } .site-header .burger-nav ul li:nth-child(10) a { -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s; } .site-header .burger-nav ul li:nth-child(11) a { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } .site-header .burger-nav ul li:nth-child(12) a { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; } .site-header .burger-nav ul li:nth-child(13) a { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s; } .site-header .burger-nav ul li:nth-child(14) a { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .site-header .burger-nav ul li:nth-child(15) a { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .site-header .burger-nav .social-media { display: none; overflow-y: hidden; } @media (max-width: 991px) { .site-header .burger-nav .social-media { display: block; padding: 0 45px 15px; margin: 0; } } @media (max-width: 767px) { .site-header .burger-nav .social-media { padding: 0 30px 15px; } } .site-header .burger-nav.show.fullscreen { z-index: 100; opacity: 1; } .show-menu .navbar-toggler.showMenu { display: none; } .show-menu .burger-nav { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; } .show-menu li a { -webkit-animation: MenuOptionFadeIn .8s ease; -moz-animation: MenuOptionFadeIn .8s ease; -o-animation: MenuOptionFadeIn .8s ease; animation: MenuOptionFadeIn .8s ease; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*header btn*/ .header_btn { position: relative; display: block; } .header_btn span { height: 2px; position: absolute; } .bit-1 { margin-top: -8px; width: 18px; margin-left: -12px; } .bit-1:before { left: 0; transform-origin: left bottom; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .bit-1:before, .bit-1:after { content: ''; position: absolute; height: 100%; width: 50%; background: #fff; top: 0; transition: transform .1s, top .1s; } .bit-1:after { right: 0; transform-origin: right bottom; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .bit-2 { left: 50%; margin-left: -12px; margin-top: -2px; text-align: center; } .bit-2:before { content: ''; width: 18px; height: 100%; background: #fff; display: inline-block; vertical-align: top; transition: width .1s; transition-delay: 0.1s; border-radius: 10px; } .bit-3 { width: 18px; margin-left: -12px; margin-top: 4px; } .bit-3:before { left: 0; transform-origin: left top; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .bit-3:before, .bit-3:after { content: ''; position: absolute; width: 50%; height: 100%; background: #fff; transition: transform .1s, bottom .1s; bottom: 0; } .bit-3:after { right: 0; transform-origin: right top; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .navbar-toggler { border-radius: 0; padding: 1.35rem; cursor: pointer; position: relative; z-index: 91; } .navbar-toggler.closeMenu { position: absolute; top: 30px; left: 20px; } @media (min-width: 992px) { .navbar-toggler.closeMenu { left: 35px; } } .navbar-toggler.closeMenu .bit-1 { width: 20px; } .navbar-toggler.closeMenu .bit-1:before { transform: rotate(45deg); } .navbar-toggler.closeMenu .bit-1:before, .navbar-toggler.closeMenu .bit-1:after { width: 13px; top: -4px; background: #000; transition-delay: 0.2s; } .navbar-toggler.closeMenu .bit-1:after { transform: rotate(-45deg); } .navbar-toggler.closeMenu .bit-2 { margin-left: -3px; } .navbar-toggler.closeMenu .bit-2:before { width: 0; transition-delay: 0; } .navbar-toggler.closeMenu .bit-3 { width: 20px; } .navbar-toggler.closeMenu .bit-3:before { transform: rotate(-45deg); } .navbar-toggler.closeMenu .bit-3:before, .navbar-toggler.closeMenu .bit-3:after { width: 13px; transition-delay: 0.2s; bottom: -3px; background: #000; } .navbar-toggler.closeMenu .bit-3:after { transform: rotate(45deg); } .navbar-toggler.closeMenu + ul { margin-top: 0; } .navbar-toggler:focus { outline: none; } .custom_navbar { display: inline-block; } /*END header btn*/ header { padding: 25px 0 0; } @media (max-width: 767px) { header { padding: 15px 0; } } header .container { position: relative; } header .logo { display: block; max-width: 196px; position: absolute; left: 50%; right: 0; margin: 0; z-index: 88; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 768px) and (max-width: 1199px) { header .logo { max-width: 120px; } } @media (max-width: 767px) { header .logo { max-width: 100px; } } header .logo img { max-width: 100%; } header .drawer { z-index: 88; } @media (max-width: 991px) { header .drawer { background-color: #183029; position: fixed; left: 0; bottom: 0; padding: 15px 0; width: 100%; transform: translate(0, 0); -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } header .drawer .main-nav { width: 100%; } header .drawer .main-nav .menu-item { flex: 1 0 auto; text-align: center; } header .drawer .main-nav .menu-item a { font-size: 0; padding: 0; line-height: 1; } header .drawer .main-nav .menu-item a:after { display: block; font-size: 25px; margin-bottom: 2px; font-family: 'Black Tie'; } header .drawer .main-nav .menu-item a:hover { color: #fff; } header .drawer .main-nav .menu-item:first-child a:after { content: "\f019"; } header .drawer .main-nav .menu-item:nth-child(2) a:after { content: "\f02f"; } header .drawer .main-nav .menu-item:nth-child(3) a:after { content: "\f005"; } header .drawer .main-nav .menu-item + .menu-item { border-left: 2px solid rgba(255, 255, 255, 0.2); } } @media (max-width: 767px) { header .drawer .main-nav .menu-item { width: auto; } } @media (max-width: 991px) { header .drawer.drawer-pinned { transform: translate(0, 101%); } } header .main-nav { margin: 0; } @media (max-width: 767px) { header .main-nav { margin: 0; } } header .main-nav ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { header .main-nav li { width: 100%; } } header .main-nav li a { padding: 6px 15px; display: block; color: #fff; } header .main-nav li.current_page_item a, header .main-nav li.current-menu-item a, header .main-nav li a:hover { color: #183029; } @media (max-width: 991px) { header .main-nav li.current_page_item a, header .main-nav li.current-menu-item a, header .main-nav li a:hover { color: #fff; } } header .search-form { position: relative; width: 200px; } @media (max-width: 767px) { header .search-form { width: 100%; } } header .search-form input { padding-right: 45px; } @media (max-width: 767px) { header .search-form input { width: 100%; } } header .search-form button { font-size: 20px; padding: 0; position: absolute; right: 0; top: 0; width: 50px; height: 50px; color: #183029; text-align: center; } header .search-form button:hover { color: black; } @media (min-width: 768px) { header .search-form.expandable-search { width: 50px; } header .search-form.expandable-search input { opacity: 0; z-index: -1; pointer-events: none; width: 0; padding-right: 0; } } header .search-form, header .search-form input { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .mob-menu-overlay { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; opacity: 0; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.show-mob-menu .mob-menu-overlay { opacity: 1; } body.raise-mob-overlay .mob-menu-overlay { z-index: 88; } @-webkit-keyframes MenuOptionFadeIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-moz-keyframes MenuOptionFadeIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes MenuOptionFadeIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes MenuOptionFadeIn { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } footer { clear: both; padding: 60px 0 40px; font-size: 14px; } footer * { color: #c5c1c1; } @media (max-width: 767px) { footer { padding: 50px 0 20px; } } footer .footer-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .footer-row .col { width: 33.33%; } @media (max-width: 767px) { footer .footer-row .col { width: 100%; margin: 0 0 15px; } footer .footer-row .col:last-child { margin: 0; } } @media (max-width: 767px) { footer .footer-row .col.col-1 { order: 2; -webkit-order: 2; -ms-flex-order: 2; } } footer .footer-row .col.col-2 { text-align: center; } @media (max-width: 767px) { footer .footer-row .col.col-2 { order: 1; -webkit-order: 1; -ms-flex-order: 1; } } footer .footer-row .col.col-3 { text-align: right; } @media (max-width: 767px) { footer .footer-row .col.col-3 { text-align: center; order: 3; -webkit-order: 3; -ms-flex-order: 3; } } footer .footer-row .img-holder { max-width: 100px; margin: 0 auto; } footer .footer-row .img-holder img { max-width: 100%; } footer nav ul, footer nav li { list-style: none; margin: 0; padding: 0; display: inline-block; } @media (max-width: 767px) { footer nav ul, footer nav li { display: block; text-align: center; width: 100%; } } footer nav a { padding: 5px 10px; display: block; } footer .foot-copy { display: inline-block; margin: 0 40px 0 0; } @media (max-width: 767px) { footer .foot-copy { margin: 0 15px 0 0; } } footer .footer-contact a { padding: 5px 10px; display: inline-block; } footer .footer-contact a i { margin-right: 8px; } footer nav:hover a { opacity: 0.5; } footer nav a:hover { opacity: 1; } footer a:hover { color: #183029; } html { scroll-behavior: smooth; } .header-waypoints { position: fixed; top: 0; z-index: 1000; left: 0; right: 0; background: #183029; color: white; box-shadow: 0 0 0 0 #070e0c; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 991px) { .header-waypoints { display: none; } } @media (min-width: 992px) { .header-waypoints + .site-header { top: 41px !important; } } .header-waypoints.sticky { box-shadow: 0 1px 0 0 #070e0c; } .header-waypoints .waypoints { display: flex; justify-content: center; } .header-waypoints .waypoints .waypoint { color: white; padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px; } .header-waypoints .waypoints .waypoint:hover { background: #070e0c; color: #fff; } .header-waypoints .waypoints .waypoint + .waypoint { position: relative; } .header-waypoints .waypoints .waypoint + .waypoint:after { content: ""; position: absolute; top: 50%; left: -5px; width: 10px; height: 1px; background: #070e0c; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .waypoint-holder { position: relative; z-index: -10; pointer-events: none; top: -40px; } .waypoint-holder .waypoint-id { position: absolute; top: -120px; } .btn { color: #ffffff; padding: 10px 0; display: inline-block; cursor: pointer; border: 0; box-shadow: none; text-transform: uppercase; font-size: 15px; letter-spacing: 1.5px; position: relative; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn:after { content: ''; position: absolute; bottom: 5px; left: 0; visibility: visible; width: 100%; background: #183029; height: 1px; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; } .btn:hover:after { width: 0; } .btn:hover .bt-arrow-right { transform: translate(10px); } .btn:hover .bt-arrow-right.no-anim { transform: translate(0); } .btn i { margin-left: 5px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-full-white { color: #ffffff; background-color: #fff; padding: 12px 30px; } .btn-full-white:after { display: none; } .btn-full-white:hover { color: #fff; background-color: #ffffff; } /* site-wide input styles */ input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], textarea, .select-wrap select, .select-wrap, .file-upload .fake-input { width: 100%; border-radius: 0px; border-width: 0 0 2px 0; border-color: #8c8c8c; border-style: solid; outline: 0; color: #ffffff; background: transparent; box-shadow: none !important; font-size: 15px; height: 30px; padding: 0 10px; text-transform: none; font-weight: normal; -webkit-appearance: none; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="text"].theme-border, input[type="email"].theme-border, input[type="number"].theme-border, input[type="tel"].theme-border, input[type="date"].theme-border, textarea.theme-border, .select-wrap select.theme-border, .select-wrap.theme-border, .file-upload .fake-input.theme-border { border-color: #183029; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .select-wrap select::-webkit-input-placeholder, .select-wrap::-webkit-input-placeholder, .file-upload .fake-input::-webkit-input-placeholder { color: #8c8c8c; opacity: 1; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="date"]:-moz-placeholder, textarea:-moz-placeholder, .select-wrap select:-moz-placeholder, .select-wrap:-moz-placeholder, .file-upload .fake-input:-moz-placeholder { color: #8c8c8c; opacity: 1; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder, .select-wrap select::-moz-placeholder, .select-wrap::-moz-placeholder, .file-upload .fake-input::-moz-placeholder { color: #8c8c8c; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .select-wrap select:-ms-input-placeholder, .select-wrap:-ms-input-placeholder, .file-upload .fake-input:-ms-input-placeholder { color: #8c8c8c; opacity: 1; } textarea { resize: none; height: 170px; line-height: 1.3; overflow: auto; padding: 10px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #8c8c8c; -webkit-box-shadow: 0 0 0px 1000px transparent inset; box-shadow: 0 0 0px 1000px transparent inset !important; -moz-transition: background-color 50000s ease-in-out 0s; -o-transition: background-color 50000s ease-in-out 0s; -ms-transition: background-color 50000s ease-in-out 0s; -webkit-transition: background-color 50000s ease-in-out 0s; transition: background-color 50000s ease-in-out 0s; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } 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[type="submit"] { color: #ffffff; font-size: 15px; text-transform: uppercase; letter-spacing: 1.5px; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: normal; } .form-group { position: relative; margin: 0 0 20px; } .checkbox-group { margin: 36px 0 0; } .form-divider { display: block; width: 100%; height: 2px; background: #8c8c8c; } input[type='number'] { -moz-appearance: textfield; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ul, ol, dl { padding-left: 25px; } ul.no-list, ol.no-list, dl.no-list { list-style: none; padding: 0; } ul li a, ul dl li a, ol li a, ol dl li a, dl li a, dl dl li a { font-weight: normal; } ul.list-list { display: block; list-style: none; padding: 0; float: left; width: 100%; margin-top: 40px; margin-bottom: 40px; border-bottom: 2px solid #8c8c8c; } @media (max-width: 767px) { ul.list-list { margin-top: 15px; margin-bottom: 15px; } } ul.list-list li { border-top: 2px solid #8c8c8c; } ul.list-list li a { display: block; padding-top: 40px; padding-bottom: 40px; } @media (max-width: 767px) { ul.list-list li a { padding-top: 15px; padding-bottom: 15px; } } ul.list-list li h4 { color: #8c8c8c; } ul.list-list li p { font-weight: 300; } .pagenumber-container { margin: 40px 0 0; } ul.page-numbers { float: right; height: 30px; list-style: none; } ul.page-numbers li { float: left; } ul.page-numbers li + li { margin-left: 5px; } ul.page-numbers li a, ul.page-numbers li span { padding: 0; line-height: 30px; height: 30px; width: 30px; text-align: center; color: white; background: #183029; border: 0px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: block; } ul.page-numbers li a i, ul.page-numbers li span i { line-height: 30px; vertical-align: top; font-size: 80%; } ul.page-numbers li a:hover, ul.page-numbers li a:focus, ul.page-numbers li span:hover, ul.page-numbers li span:focus { background: black; } ul.page-numbers li span { color: #fff; } ul.page-numbers li span.current { background: black; } .sub-nav { padding-bottom: 20px; } .sub-nav ul { list-style: none; margin: 0; padding: 0; } .sub-nav a { display: block; } .sub-nav > ul { display: none; padding-top: 20px; } @media (min-width: 992px) { .sub-nav > ul { display: block !important; padding: 20px 15px 0; border-top: 2px solid #8c8c8c; } } .sub-nav > ul > li > a { font-size: 16px; padding: 5px 0; } .sub-nav > ul > li > ul { padding: 5px 0 5px 25px; } .sub-nav > ul > li > ul > li.current_page_item > a { color: #183029; } .sub-nav > ul > li > ul > li > a { font-size: 13px; color: #8c8c8c; padding: 4px 0; } .sub-nav .current_page_item > a { font-weight: bold; color: #8c8c8c; } .sub-nav .open-sub-nav { border-bottom: 2px solid #8c8c8c; padding-bottom: 20px; position: relative; } .sub-nav .open-sub-nav:after { font-family: 'Black Tie'; content: '\f01b'; font-size: 14px; font-weight: 600; position: absolute; right: 0; top: 1px; } .sub-nav.expanded > ul { border-bottom: 2px solid #8c8c8c; padding-bottom: 15px; } .sub-nav.expanded .open-sub-nav:after { content: '\f021'; } .spinner { margin: 0 auto; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner > div { width: 10px; height: 10px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both; animation: sk-bouncedelay 1s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .widget-container.standard-widget .password-btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 50px; line-height: 50px; padding: 0 50px; width: 50%; text-align: center; margin-top: 10px; font-size: 17px; background: none; border: 2px solid #183029; color: #183029; } @media (max-width: 767px) { .widget-container.standard-widget .password-btn { padding: 0 25px; width: 100%; } } .widget-container.standard-widget button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 auto; background: #183029; color: #fff; padding: 0 40px; border: none; margin-top: 20px; height: 50px; outline: none; display: block; } @media (max-width: 767px) { .widget-container.standard-widget button { padding: 0 20px; } } .widget-container.standard-widget button:hover { background: #fff; border: 2px solid #183029; color: #183029; } * + ul, * + ol, * + dl, * + p, * + blockquote, * + table { margin: 15px 0 0; } * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6 { margin: 25px 0 0; } @media (max-width: 767px) { * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, * + .h5, * + h6, * + .h6 { margin: 15px 0 0; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 .h6 { font-weight: normal; line-height: 1.25; color: #ffffff; } h1, .h1 { font-size: 55px; } @media (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 45px; } } @media (max-width: 767px) { h1, .h1 { font-size: 35px; } } h2, .h2 { font-size: 42px; } @media (min-width: 768px) and (max-width: 991px) { h2, .h2 { font-size: 35px; } } @media (max-width: 767px) { h2, .h2 { font-size: 30px; } } h3, .h3 { font-size: 35px; } @media (min-width: 768px) and (max-width: 991px) { h3, .h3 { font-size: 30px; } } @media (max-width: 767px) { h3, .h3 { font-size: 25px; } } h4, .h4 { font-size: 27px; } @media (min-width: 768px) and (max-width: 991px) { h4, .h4 { font-size: 24px; } } @media (max-width: 767px) { h4, .h4 { font-size: 20px; } } h5, .h5 { font-size: 20px; } @media (min-width: 768px) and (max-width: 991px) { h5, .h5 { font-size: 18px; } } @media (max-width: 767px) { h5, .h5 { font-size: 16px; } } h6, .h6 { font-size: 18px; font-weight: bold; } @media (min-width: 768px) and (max-width: 991px) { h6, .h6 { font-size: 16px; } } @media (max-width: 767px) { h6, .h6 { font-size: 14px; } } .notification { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; z-index: 9999; text-align: center; padding: 20px; background-color: #183029; color: #ffffff; -moz-transform: translate(0, -101%); -o-transform: translate(0, -101%); -ms-transform: translate(0, -101%); -webkit-transform: translate(0, -101%); transform: translate(0, -101%); -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } @media (max-width: 767px) { .notification { padding: 15px; } } .notification, .notification * { -moz-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -o-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -ms-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -webkit-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; } .notification:after { content: 'Got it'; font-weight: 500; font-size: 20px; line-height: 1; text-align: center; position: absolute; left: 50%; bottom: 50%; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform: translateY(200%) translateX(-50%); -o-transform: translateY(200%) translateX(-50%); -ms-transform: translateY(200%) translateX(-50%); -webkit-transform: translateY(200%) translateX(-50%); transform: translateY(200%) translateX(-50%); } @media (max-width: 767px) { .notification:after { font-size: 16px; } } .notification p { font-weight: 500; font-size: 20px; font-size: 20px; color: #ffffff; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 767px) { .notification p { font-size: 16px; } } .notification.show { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notification.show:hover p { -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } .notification.show:hover:after { -moz-transform: translateY(50%) translateX(-50%); -o-transform: translateY(50%) translateX(-50%); -ms-transform: translateY(50%) translateX(-50%); -webkit-transform: translateY(50%) translateX(-50%); transform: translateY(50%) translateX(-50%); opacity: 1; } .error-tooltip { position: absolute; width: 35px; height: 30px; font-size: 12px; background: #183029; border-radius: 1px; left: -11px; top: 50%; color: #ffffff; text-align: center; opacity: 0; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -moz-transform: translateY(-50%) scale(0, 0); -o-transform: translateY(-50%) scale(0, 0); -ms-transform: translateY(-50%) scale(0, 0); -webkit-transform: translateY(-50%) scale(0, 0); transform: translateY(-50%) scale(0, 0); z-index: 99; } @media (max-width: 767px) { .error-tooltip { right: -10px; left: auto; width: 20px; height: 20px; font-size: 9px; } } .error-tooltip i { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error-tooltip.show { opacity: 1; -moz-transform: translateY(-50%) scale(1, 1); -o-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); } .error-tooltip:after { content: ''; position: absolute; right: -5px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #183029; } @media (max-width: 767px) { .error-tooltip:after { border-width: 3px 5px 3px 0; border-color: transparent #183029 transparent transparent; right: auto; left: -5px; top: 7px; } } .warning { display: none; color: red; font-weight: bold; text-transform: uppercase; line-height: 1; } .warning.show { position: absolute; left: 10px; bottom: -15px; font-size: 60%; display: block; } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-bg { background: rgba(29, 29, 29, 0.8); } .fancybox-is-modal .fancybox-bg { background: rgba(0, 0, 0, 0.75); } .fancybox-is-modal .fancybox-content { padding: 0; } .fancybox-is-modal .fancybox-slide { padding: 40px !important; } @media (max-width: 767px) { .fancybox-is-modal .fancybox-slide { padding: 20px !important; } } .fancybox-slide { padding: 50px 10vw !important; } @media (max-width: 991px) { .fancybox-slide { padding: 0 !important; } } .fancybox-infobar { top: 60px; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: normal; font-family: "Vidaloka", sans-serif !important; font-size: 20px; color: #8c8c8c; display: none; } .fancybox-caption { bottom: 60px; padding: 0 !important; margin: 0 !important; background: none !important; color: #8c8c8c; font-size: 24px; -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .fancybox-navigation .fancybox-button { height: 60px; width: 60px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 !important; background: none; } @media (max-width: 991px) { .fancybox-navigation .fancybox-button { display: none; } } .fancybox-navigation .fancybox-button div { padding: 0; } .fancybox-navigation .fancybox-button i { font-size: 35px; font-style: normal; } .fancybox-navigation .fancybox-button i:before { font-family: 'FontAwesome'; } .fancybox-navigation .fancybox-button--arrow_left { left: 5vw; } .fancybox-navigation .fancybox-button--arrow_left i:before { content: '\f104' !important; } .fancybox-navigation .fancybox-button--arrow_right { right: 5vw; } .fancybox-navigation .fancybox-button--arrow_right i:before { content: '\f105' !important; } .fancybox-button--close { top: 20px; right: 20px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: none; } .fancybox-button--close i { font-size: 21px; font-style: normal; } .fancybox-button--close i:before { content: '\f00d' !important; font-family: FontAwesome; } .cookie-message { background: #183029; color: #fff; font-size: 15px; line-height: 1.8; padding: 30px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; } @media (max-width: 767px) { .cookie-message { padding: 20px 0; font-size: 12px; } } .cookie-message .container-fluid { max-width: 100%; width: 100%; display: table; } .cookie-message p { margin: 0; padding-right: 40px; } @media (max-width: 767px) { .cookie-message p { padding-right: 0; } } .cookie-message p, .cookie-message .cookie-btns { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .cookie-message p, .cookie-message .cookie-btns { display: block; } } .cookie-message a { color: #fff; } .cookie-message a, .cookie-message button { font-weight: 700; outline: 0 !important; box-shadow: none !important; opacity: 1 !important; text-decoration: none; } .cookie-message .btn:after { display: none; } .cookie-message .cookie-btns { text-align: right; white-space: nowrap; } @media (max-width: 767px) { .cookie-message .cookie-btns { text-align: left; padding: 10px 0 5px; } } .cookie-message .cookie-btns button { line-height: 1.8; padding: 5px 15px; } @media (max-width: 767px) { .cookie-message .cookie-btns button { width: 50%; font-size: 12px; } } .cookie-message .cookie-btns button:before { font-family: 'Black Tie'; margin-right: 8px; font-size: 11px; } @media (max-width: 767px) { .cookie-message .cookie-btns button:before { font-size: 9px; } } .cookie-message .cookie-btns button.accept-cookies { margin-left: 5px; color: #183029; background: #fff; border: 2px solid transparent; } .cookie-message .cookie-btns button.accept-cookies:before { content: '\f012'; } .cookie-message .cookie-btns button.accept-cookies:hover { background: none; color: #fff; border: 2px solid #fff; } .cookie-message .cookie-btns button.decline-cookies { background: none; color: #fff; border: 2px solid #fff; } .cookie-message .cookie-btns button.decline-cookies:before { content: '\f00c'; } .cookie-message .cookie-btns button.decline-cookies:hover { background: #fff; color: #183029; } .cookie-message + #wrap .site-header .burger-nav { padding-top: 180px; } @media (max-width: 767px) { .cookie-message + #wrap .site-header .burger-nav { padding-top: 240px; } } /*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ /*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; background-color: transparent; box-shadow: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #000; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000; background-color: #000; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #000; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #000; color: #777777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #000; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .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 { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; font-size: 25px; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #000; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; background-color: #183029; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #fff; font-size: 14px; line-height: 1.42857143; } @media (max-width: 450px) { .datepicker.dropdown-menu { left: 0 !important; } } /*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker .table-condensed { border-collapse: collapse; border-spacing: 0; table-layout: fixed; min-width: 100%; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-top: 0; border-bottom-color: transparent; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #183029; } .datepicker table tr td, .datepicker table tr th { text-align: center; font-size: 17px; width: 37px; height: 37px; margin-bottom: 7px; padding: 0; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #000; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000; background-color: #000; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #000; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #000; color: #777777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #000; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #fff; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .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 { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #000; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.datepicker-dropdown { font-size: 17px; } .datepicker.datepicker-dropdown.dropdown-menu { width: 100%; max-width: 350px; padding: 23px 15px 20px; background-color: #183029; margin-left: 55px; margin-right: 55px; z-index: 99 !important; } .datepicker.datepicker-dropdown .datepicker-switch { color: #fff; text-transform: uppercase; font-size: 17px; } .datepicker.datepicker-dropdown .datepicker-switch:hover { background: transparent; } .datepicker.datepicker-dropdown .prev { color: #fff; font-size: 0px; } .datepicker.datepicker-dropdown .prev:before { content: ''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(45deg); } .datepicker.datepicker-dropdown .prev:hover { background: transparent; } .datepicker.datepicker-dropdown .next { color: #fff; font-size: 0px; } .datepicker.datepicker-dropdown .next:before { content: ''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-135deg); } .datepicker.datepicker-dropdown .next:hover { background: transparent; } .datepicker.datepicker-dropdown .dow { font-size: 17px; color: #fff; } .datepicker.datepicker-dropdown .day { color: #fff !important; font-size: 17px; background-color: transparent; position: relative; z-index: 99; width: 45px; height: 45px; text-align: center; vertical-align: middle; margin-bottom: 7px; } .datepicker.datepicker-dropdown .day.active { border-radius: 50%; background-color: #fff !important; color: #183029 !important; } .datepicker.datepicker-dropdown .day:hover { border-radius: 50%; } .datepicker.datepicker-dropdown .day.old { opacity: 0.3; color: #fff !important; } .datepicker.datepicker-dropdown .day.disabled { opacity: 0.3; } .datepicker-dropdown.datepicker-orient-bottom { margin-top: 30px; } .datepicker-dropdown.datepicker-orient-bottom:before { position: absolute; left: 0; right: 0; margin: auto; width: 35px; height: 35px; background-color: #183029; top: 0; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .datepicker-dropdown.datepicker-orient-top { margin-bottom: 30px; } .datepicker-dropdown.datepicker-orient-top:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 35px; height: 35px; background-color: #183029; bottom: -35px; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); border: none; } .datepicker-centuries td, .datepicker-decades td, .datepicker-years td, .datepicker-months td { background: #183029; color: #fff; } .sitemap-list, .sitemap-list ul { list-style: none; padding: 0; margin: 0; clear: both; } .sitemap-list > li { padding: 40px 0; border-bottom: 2px solid #8c8c8c; font-size: 24px; } @media (max-width: 767px) { .sitemap-list > li { padding: 15px 0; font-size: 18px; } } .sitemap-list > li a { display: block; display: block; } .sitemap-list > li ul { margin-top: 15px; } .sitemap-list > li ul li { font-size: 16px; } @media (max-width: 767px) { .sitemap-list > li ul li { font-size: 14px; } } .sitemap-list > li ul li a { color: #8c8c8c; } .sitemap-list > li ul li a:before { content: "- "; margin-right: 6px; } .sitemap-list > li ul li ul { margin: 5px 0; padding-left: 25px; } body.maintenance section.container { height: 100%; position: relative; z-index: 0; text-align: center; display: block; } body.maintenance article { margin: 25px 0; } @media (min-width: 768px) { body.maintenance article { margin: 0; position: absolute; z-index: 1; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } body.maintenance i.fa { line-height: 1; color: #fff; font-size: 90px; } body.maintenance .text-container { color: #183029; background: #fff; padding: 15px; margin-top: 15px; -webkit-border-radius: 15px; border-radius: 15px; } @media (min-width: 768px) { body.maintenance .text-container { padding: 40px; margin-top: 40px; -webkit-border-radius: 40px; border-radius: 40px; } } .reservation-widget { position: relative; padding: 0; z-index: 9; } .reservation-widget.home-reservation-widget { transform: translate(0, -75%); margin: 0 0 -80px; } @media (max-width: 767px) { .reservation-widget.home-reservation-widget { transform: translate(0, -50%); margin: 0 0 -100px; } } .reservation-widget.home-reservation-widget:before { content: ''; width: 1px; position: absolute; left: 0; right: 0; margin: auto; background-color: #ffffff; height: 50px; top: 18px; } .reservation-widget.home-reservation-widget .widget-title { text-align: center; color: #fff; font-size: 18px; transform: translate(0, -20px); padding-bottom: 15px; } @media (max-width: 767px) { .reservation-widget.home-reservation-widget .widget-title { font-size: 16px; } } @media (max-width: 767px) { .reservation-widget.home-reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button { width: calc(100% - 20px); } } .reservation-widget .ot-title { display: none; } .reservation-widget .ot-dtp-picker { margin: 0 auto; padding: 0; font-family: "Constantia-Regular"; } @media (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide { width: 750px; } } @media (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide { width: 100%; } } .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form { border: 0; border-radius: 0; height: auto; padding: 5px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { content: "\f09b"; font: normal normal normal 11px/1 "Black Tie"; position: absolute; top: calc(50% - 7px); right: 31px; color: #fff; } @media (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { bottom: 25px; right: auto; left: auto; top: auto; margin-left: 59px; right: calc(50% - 65px); } } @media (max-width: 991px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { right: calc(50% - 70px); } } .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button { box-shadow: none; border: 0; border-radius: 0; font-family: "Constantia-Regular"; font-size: 14px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; padding-right: 25px; padding-left: 25px; width: 190px; } @media (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button { margin: 20px 0 0 !important; width: calc(100% - 20px); text-align: center; padding-right: 50px; } } @media (max-width: 767px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button { width: 100%; } } .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector { margin: 0 10px; } @media (min-width: 768px) and (max-width: 1199px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector { width: calc(33.33% - 20px); } } @media (max-width: 767px) { .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector { width: calc(100%); } } .reservation-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector { border-left: 0; } .reservation-widget .ot-dtp-picker .ot-party-size-picker { margin-bottom: 0; } .reservation-widget .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link { color: #000000; border-bottom: 1px solid #e6e7e8; padding: 14px 20px 14px 45px; margin: 0 3px; } @media (max-width: 991px) { .reservation-widget .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link { margin: 0; } } .reservation-widget .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:before { color: #183029; top: 15px; left: 19px; } .reservation-widget .ot-dtp-picker .picker__holder { overflow: hidden; } .reservation-widget .picker__table td { vertical-align: middle; } .reservation-widget .picker__day { width: 100%; height: 100%; line-height: 1; border: 2px solid transparent; } .reservation-widget .ot-button { background-color: #ffffff; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .reservation-widget .ot-button:focus, .reservation-widget .ot-button:hover { background-color: #183029; } .reservation-widget .ot-dtp-picker-button { height: 49px; } .reservation-widget .ot-powered-by { display: none; } .reservation-code-widget { background-color: #f3efef; background-image: url("../../img/bg-book.jpg"); background-size: contain; padding: 70px 0 70px; margin: 20px 0 0; text-align: center; } .reservation-code-widget .widget-title { font-size: 35px; color: #ffffff; position: relative; padding: 0 0 40px; margin: 0 0 20px; } @media (min-width: 768px) and (max-width: 991px) { .reservation-code-widget .widget-title { font-size: 30px; } } @media (max-width: 767px) { .reservation-code-widget .widget-title { font-size: 25px; } } .reservation-code-widget .widget-title:before { background-color: #ffffff; content: ''; width: 1px; position: absolute; left: 0; right: 0; margin: auto; height: 25px; bottom: 0; } .reservation-code-widget .ot-dtp-picker.wide .ot-dtp-picker-form { text-align: left; padding: 20px; } .reservation-code-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { right: 45px; } @media (max-width: 1199px) { .reservation-code-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { right: auto; bottom: 39px; right: calc(50% - 65px); } } @media (max-width: 991px) { .reservation-code-widget .ot-dtp-picker.wide .ot-dtp-picker-form:after { right: calc(50% - 70px); } } @media (max-width: 767px) { .reservation-code-widget .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector { margin: 0; } } .reservation-code-widget .description { font-size: 15px; margin: 35px 0 0; } .reservation-code-widget .description p { margin: 0; } .reservation-code-widget .description a { color: #8c8c8c; text-decoration: underline; } .reservation-code-widget .picker__day--selected, .reservation-code-widget .picker__day--highlighted, .reservation-code-widget .picker__day--selected:hover, .reservation-code-widget .picker__day--infocus:hover, .reservation-code-widget .picker__day--outfocus:hover { border: 2px solid #183029; } .reservation-code-widget .picker__nav--next:hover, .reservation-code-widget .picker__nav--prev:hover { border-color: #183029; } @media (min-width: 768px) and (max-width: 1199px) { .ski-hire-widget .contact-cont, .contact-widget .contact-cont { padding: 0 15px; } } .ski-hire-widget .container, .contact-widget .container { max-width: 990px; margin: 0 auto; width: auto; } .ski-hire-widget .widget-title, .contact-widget .widget-title { font-size: 35px; margin: 0 0 33px; } @media (min-width: 768px) and (max-width: 991px) { .ski-hire-widget .widget-title, .contact-widget .widget-title { font-size: 30px; } } @media (max-width: 767px) { .ski-hire-widget .widget-title, .contact-widget .widget-title { font-size: 25px; } } .ski-hire-widget .text-holder, .contact-widget .text-holder { text-align: center; margin: 30px auto 100px; max-width: 950px; } @media (min-width: 768px) and (max-width: 1199px) { .ski-hire-widget .text-holder, .contact-widget .text-holder { margin: 30px auto 70px; } } @media (max-width: 767px) { .ski-hire-widget .text-holder, .contact-widget .text-holder { margin: 0 0 40px; } } .ski-hire-widget form, .contact-widget form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ski-hire-widget form > *:not(button), .contact-widget form > *:not(button) { width: 100%; } @media (max-width: 767px) { .ski-hire-widget form > *:not(button), .contact-widget form > *:not(button) { margin-left: 0; margin-right: 0; width: 100%; } } .ski-hire-widget .form-group, .contact-widget .form-group { margin-bottom: 32px; } @media (max-width: 767px) { .ski-hire-widget .form-group, .contact-widget .form-group { margin-bottom: 16px; } } .ski-hire-widget .form-group.half-input, .contact-widget .form-group.half-input { width: calc(50% - 20px); } @media (max-width: 767px) { .ski-hire-widget .form-group.half-input, .contact-widget .form-group.half-input { width: 100%; } } .ski-hire-widget .form-group.half-input:nth-child(2n+1), .contact-widget .form-group.half-input:nth-child(2n+1) { margin-left: 20px; } @media (max-width: 767px) { .ski-hire-widget .form-group.half-input:nth-child(2n+1), .contact-widget .form-group.half-input:nth-child(2n+1) { margin-left: 0; } } .ski-hire-widget .form-group.half-input:nth-child(2n), .contact-widget .form-group.half-input:nth-child(2n) { margin-right: 20px; } @media (max-width: 767px) { .ski-hire-widget .form-group.half-input:nth-child(2n), .contact-widget .form-group.half-input:nth-child(2n) { margin-right: 0; } } .ski-hire-widget .form-group a, .contact-widget .form-group a { font-weight: bold; color: #8c8c8c; } .ski-hire-widget .form-group.whole-textarea.border-input, .contact-widget .form-group.whole-textarea.border-input { margin-bottom: 45px; } @media (max-width: 767px) { .ski-hire-widget .form-group.whole-textarea.border-input, .contact-widget .form-group.whole-textarea.border-input { margin-bottom: 25px; } } .ski-hire-widget label, .contact-widget label { font-weight: normal; } .ski-hire-widget select, .contact-widget select { cursor: pointer; color: #8c8c8c; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: normal; background-color: transparent; position: relative; z-index: 2; border: 0; padding: 0; margin-top: -2px; } .ski-hire-widget select::-ms-expand, .contact-widget select::-ms-expand { display: none; } @-moz-document url-prefix() { .ski-hire-widget select, .contact-widget select { text-indent: -2px; } } @supports (-ms-ime-align: auto) { .ski-hire-widget select, .contact-widget select { text-indent: -2px; } } .ski-hire-widget option, .contact-widget option { font-weight: 400; color: black; font-family: Arial, sans-serif; } .ski-hire-widget .select-wrap, .contact-widget .select-wrap { position: relative; overflow: hidden; cursor: pointer; padding: 0; border-bottom: 2px solid #8c8c8c; } .ski-hire-widget .select-wrap.theme-border, .contact-widget .select-wrap.theme-border { border-bottom: 2px solid #183029; } .ski-hire-widget .select-wrap.theme-border select, .contact-widget .select-wrap.theme-border select { color: #ffffff; } .ski-hire-widget .select-wrap select, .ski-hire-widget .select-wrap option, .contact-widget .select-wrap select, .contact-widget .select-wrap option { padding: 0 10px; } .ski-hire-widget .select-wrap:after, .contact-widget .select-wrap:after { font-family: "Black Tie"; content: "\f091"; margin: 0; color: #8c8c8c; display: block; position: absolute; top: 50%; right: 10px; line-height: 1.3; font-size: 14px; z-index: 1; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .ski-hire-widget .select-wrap:active:after, .ski-hire-widget .select-wrap:hover:after, .contact-widget .select-wrap:active:after, .contact-widget .select-wrap:hover:after { color: #183029; } .ski-hire-widget .picker__table, .contact-widget .picker__table { margin-left: 0; margin-top: 0; } .ski-hire-widget .picker__table:after, .contact-widget .picker__table:after { margin: 0; display: block; position: absolute; right: 10px; top: 7px; z-index: 1; font: normal normal normal 14px/1 "Black Tie"; content: "\f019"; } .ski-hire-widget .datepicker, .contact-widget .datepicker { position: relative; background-color: transparent; z-index: 2; } .ski-hire-widget textarea, .contact-widget textarea { border-width: 2px; } .ski-hire-widget .title-label, .contact-widget .title-label { font-size: 20px; margin-bottom: 25px; color: #ffffff; display: block; text-align: center; } @media (max-width: 767px) { .ski-hire-widget .title-label, .contact-widget .title-label { font-size: 14px; margin-bottom: 15px; } } .ski-hire-widget .description, .contact-widget .description { font-size: 15px; margin-bottom: 32px; text-align: center; } .ski-hire-widget .btn, .contact-widget .btn { position: relative; margin: 8px 0 0; } .ski-hire-widget .btn .spinner, .contact-widget .btn .spinner { opacity: 0; } .ski-hire-widget .contact-widget-sending, .contact-widget .contact-widget-sending { position: relative; } .ski-hire-widget .contact-widget-sending .btn-custom span, .contact-widget .contact-widget-sending .btn-custom span { opacity: 0; } .ski-hire-widget .contact-widget-sending .spinner, .contact-widget .contact-widget-sending .spinner { opacity: 1; } .ski-hire-widget .single-checkbox-title, .contact-widget .single-checkbox-title { margin-top: 5px; margin-bottom: 13px; display: block; } .ski-hire-widget .single-checkbox label.single-checkbox-title, .contact-widget .single-checkbox label.single-checkbox-title { text-align: center; } .ski-hire-widget .error-tooltip.show, .contact-widget .error-tooltip.show { transform: translatex(-75%) translateY(-50%) scale(1, 1); } .ski-hire-widget .form-group.check-input, .contact-widget .form-group.check-input { margin-top: 20px; margin-bottom: 8px; } .ski-hire-widget .form-group.check-input + .check-input, .contact-widget .form-group.check-input + .check-input { margin-bottom: 35px; } .ski-hire-widget .form-group.check-input .error-tooltip, .contact-widget .form-group.check-input .error-tooltip { top: auto; bottom: 20px; } .ski-hire-widget .form-group.check-input .error-tooltip.show, .contact-widget .form-group.check-input .error-tooltip.show { transform: translatex(-75%) translateY(15%) scale(1, 1); } .ski-hire-widget .form-group.single-checkbox .error-tooltip.show, .contact-widget .form-group.single-checkbox .error-tooltip.show { transform: translatex(-75%) translateY(0) scale(1, 1); top: auto; bottom: 0; } .ski-hire-widget .form-group.cm .checkbox-cont, .contact-widget .form-group.cm .checkbox-cont { width: 100%; } .radio-check-list { margin: 0; padding: 0; list-style: none; text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radio-check-list label { position: relative; right: auto; bottom: auto; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } .checkbox-cont { width: 25%; padding: 0 15px; margin: 0 0 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 767px) { .checkbox-cont { width: 100%; margin: 0 0 15px; } } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width: 24px; margin: 0; padding: 0; opacity: 0; display: none; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; display: inline-block; padding-left: 40px; margin-left: 5px; color: #8c8c8c; font-size: 15px; cursor: pointer; line-height: 1.2; } @media (max-width: 767px) { input[type="checkbox"] + label, input[type="radio"] + label { font-size: 14px; line-height: 1.5; } } input[type="checkbox"] + label:after, input[type="checkbox"] + label:before, input[type="radio"] + label:after, input[type="radio"] + label:before { position: absolute; content: ''; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 20px; height: 20px; border-radius: 50%; left: 0; top: 0; border: 2px solid #8c8c8c; } .footer-signup input[type="checkbox"] + label, .footer-signup input[type="radio"] + label { color: #fff; } input[type="checkbox"] ~ .warning.show, input[type="radio"] ~ .warning.show { display: none !important; } /* checkbox checked icon */ input[type=checkbox] + label:after { content: "\f012"; font-family: 'Black Tie'; font-weight: 600; font-size: 10px; left: 4px; top: 4px; opacity: 0; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } /* radio checked icon */ input[type=radio] + label:after { width: 8px; height: 8px; border-radius: 100%; left: 6px; top: 6px; opacity: 0; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } /* radio/checkbox hover and selected styles */ @media (min-width: 1200px) { .checkbox-cont:hover input[type=radio] + label:after, .checkbox-cont:hover input[type=checkbox] + label:after { opacity: 1; } input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before { border: 2px solid #183029; } input[type=radio]:hover + label:after { background: #183029; } input[type=checkbox]:hover + label:after { color: #183029; } } input[type=radio]:checked + label:after { opacity: 1; } input[type=checkbox]:checked + label:after { opacity: 1; } input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before { border: 2px solid #183029; } input[type=checkbox]:checked + label:after { color: #183029; } input[type=radio]:checked + label:after { background: #183029; } input[type=radio] + label:after, input[type=radio] + label:before { border-radius: 20px; } .form-complete { position: relative; border: 0; padding: 0; margin: 0; width: 100%; pointer-events: none; } .form-complete .contact-widget { pointer-events: none; } .slow-visible { opacity: 0.05; } .datepicker table tr td { font-weight: 400 !important; } .success-message { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; pointer-events: none; color: #183029; position: absolute; padding: 0 30px; text-align: center; display: block; font-size: 19px; font-weight: normal; line-height: 1.7; left: 50%; right: 0; top: 50%; margin: 0 !important; transform: translate(-50%, -50%); width: 100%; max-width: 880px; } @media (max-width: 767px) { .success-message { font-size: 16px; } } .show-success .success-message { opacity: 1 !important; } .mobile-placeholder { display: none; } @media (max-width: 767px) { .mobile-placeholder { display: block; position: absolute; top: 5px; left: 10px; font-size: 14px; color: #8c8c8c; } } .single-checkbox-container { text-align: center; } .single-checkbox-container input[type="checkbox"] + label { color: #ffffff; } .single-checkbox .warning { display: none; } input[type="date"]:focus + .mobile-placeholder { display: none; } input[type="date"].blc + .mobile-placeholder { display: block; } input[type="date"].none + .mobile-placeholder { display: none; } .ski-hire-widget > .container { max-width: 1400px !important; } .ski-hire-widget > .container form .person-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; margin: -1px; } .ski-hire-widget > .container form .person-form > *:not(button) { width: 100%; } @media (max-width: 767px) { .ski-hire-widget > .container form .person-form > *:not(button) { margin-left: 0; margin-right: 0; width: 100%; } } .ski-hire-widget > .container form .person-form .form-wrap .top, .ski-hire-widget > .container form .person-form .form-wrap .bottom { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ski-hire-widget > .container form .person-form .form-group { width: auto; flex-basis: 16%; margin: 1px; } @media (min-width: 992px) and (max-width: 1199px) { .ski-hire-widget > .container form .person-form .form-group { flex-basis: 19%; } } @media (min-width: 768px) and (max-width: 991px) { .ski-hire-widget > .container form .person-form .form-group { flex-basis: 24%; } } @media (max-width: 767px) { .ski-hire-widget > .container form .person-form .form-group { flex-basis: 90%; } } .ski-hire-widget > .container form .person-form .form-group.theme-border input, .ski-hire-widget > .container form .person-form .form-group.theme-border textarea, .ski-hire-widget > .container form .person-form .form-group.theme-border .select-wrap, .ski-hire-widget > .container form .person-form .form-group.theme-border .date-picker-wrap { color: #ffffff !important; border-color: #183029 !important; } .ski-hire-widget > .container form .person-form .form-group.theme-border select { color: #ffffff !important; } .ski-hire-widget > .container form .person-form .form-group .datepicker.theme-border { color: #ffffff !important; } .ski-hire-widget > .container form .person-form .form-group.title-input { display: flex; align-items: center; flex-basis: 30px; position: absolute; top: 0; left: 0; height: 45px; } .ski-hire-widget > .container form .person-form .form-group .select-wrap, .ski-hire-widget > .container form .person-form .form-group input { height: 45px !important; border-width: 2px !important; } .ski-hire-widget > .container form .person-form .form-group select { height: 45px !important; } .ski-hire-widget > .container form .person-form .form-group.picker__table:after { top: 15px !important; } @media (max-width: 767px) { .ski-hire-widget > .container form .person-form .form-group.picker__table .mobile-placeholder { top: 12px; left: 12px; font-size: 15px; color: #000; } } .ski-hire-widget > .container form .person-form .form-group > span { display: flex; align-items: center; height: 45px !important; padding: 0 10px; background: #ccc; color: #000; } .ski-hire-widget > .container form .person-form input[type="text"]::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form input[type="email"]::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form input[type="number"]::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form input[type="tel"]::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form input[type="date"]::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form textarea::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form .select-wrap select::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form .select-wrap::-webkit-input-placeholder, .ski-hire-widget > .container form .person-form .file-upload .fake-input::-webkit-input-placeholder { color: #000; } .ski-hire-widget > .container form .person-form input[type="text"]:-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="email"]:-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="number"]:-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="tel"]:-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="date"]:-moz-placeholder, .ski-hire-widget > .container form .person-form textarea:-moz-placeholder, .ski-hire-widget > .container form .person-form .select-wrap select:-moz-placeholder, .ski-hire-widget > .container form .person-form .select-wrap:-moz-placeholder, .ski-hire-widget > .container form .person-form .file-upload .fake-input:-moz-placeholder { color: #000; } .ski-hire-widget > .container form .person-form input[type="text"]::-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="email"]::-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="number"]::-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="tel"]::-moz-placeholder, .ski-hire-widget > .container form .person-form input[type="date"]::-moz-placeholder, .ski-hire-widget > .container form .person-form textarea::-moz-placeholder, .ski-hire-widget > .container form .person-form .select-wrap select::-moz-placeholder, .ski-hire-widget > .container form .person-form .select-wrap::-moz-placeholder, .ski-hire-widget > .container form .person-form .file-upload .fake-input::-moz-placeholder { color: #000; } .ski-hire-widget > .container form .person-form input[type="text"]:-ms-input-placeholder, .ski-hire-widget > .container form .person-form input[type="email"]:-ms-input-placeholder, .ski-hire-widget > .container form .person-form input[type="number"]:-ms-input-placeholder, .ski-hire-widget > .container form .person-form input[type="tel"]:-ms-input-placeholder, .ski-hire-widget > .container form .person-form input[type="date"]:-ms-input-placeholder, .ski-hire-widget > .container form .person-form textarea:-ms-input-placeholder, .ski-hire-widget > .container form .person-form .select-wrap select:-ms-input-placeholder, .ski-hire-widget > .container form .person-form .select-wrap:-ms-input-placeholder, .ski-hire-widget > .container form .person-form .file-upload .fake-input:-ms-input-placeholder { color: #000; } .ski-hire-widget > .container form .person-form + .person-form { margin-top: 10px; } .ski-hire-widget > .container form .person-form + .whole-textarea { width: 50%; margin-left: 30px; margin-top: 20px; } @media (min-width: 768px) and (max-width: 991px) { .ski-hire-widget > .container form .person-form + .whole-textarea { width: 80%; } } @media (max-width: 767px) { .ski-hire-widget > .container form .person-form + .whole-textarea { width: calc(100% - 30px); } } .ski-hire-widget > .container form .btn { margin-top: 40px !important; } .doc-down-widget .text-holder { text-align: center; margin: 0 auto 53px; max-width: 950px; } @media (max-width: 767px) { .doc-down-widget .text-holder { margin: 0 0 30px; } } .doc-down-widget .text-holder p { margin: 28px 0 0; } @media (max-width: 767px) { .doc-down-widget .text-holder p { margin: 15px 0 0; } } .doc-down-widget .widget-title { font-size: 35px; } @media (min-width: 768px) and (max-width: 991px) { .doc-down-widget .widget-title { font-size: 30px; } } @media (max-width: 767px) { .doc-down-widget .widget-title { font-size: 25px; } } .doc-down-widget .flex-list { margin: -10px -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .doc-down-widget .flex-list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .doc-down-widget .flex-list a { background-color: #f3f1f1; background-image: url("../../img/bg-download.jpg"); background-size: contain; color: #8c8c8c; border-bottom: 10px solid #183029; text-align: center; margin: 10px 10px; width: calc((100% / 3) - 20px); } @media (max-width: 991px) { .doc-down-widget .flex-list a { width: calc(50% - 20px); margin: 0 10px 20px; } } @media (max-width: 767px) { .doc-down-widget .flex-list a { max-width: 350px; width: 100%; } } .doc-down-widget .flex-list a:hover { color: #fff; border-color: #f3f1f1; background-color: #183029; background-image: none; } .doc-down-widget .flex-list a:hover .document-title, .doc-down-widget .flex-list a:hover .btn, .doc-down-widget .flex-list a:hover i { color: #fff; } .doc-down-widget .flex-list a:hover .btn:after { background: #fff; } .doc-down-widget .flex-list a i { color: #183029; } .doc-down-widget .flex-list a .size { font-size: 15px; text-transform: uppercase; } .doc-down-widget .flex-list a .text-inner { padding: 53px 20px 52px; } .doc-down-widget .flex-list a .document-title { color: #ffffff; margin: 0 0 12px; line-height: 1.3; } .doc-down-widget .flex-list a .description { margin: 0 0 20px; } .iframe-widget .widget-title { margin: 0 auto 60px; text-align: center; } @media (max-width: 991px) { .iframe-widget .widget-title { margin: 0 auto 30px; } } .iframe-widget .thefork { width: 100%; border: none; overflow: scroll; min-height: 510px; } .gallery-image-widget .gallery-list { margin: -10px -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .gallery-image-widget .gallery-list { margin: -5px -5px; } } .gallery-image-widget .gallery-list a { width: calc((100% / 4) - 20px); margin: 10px 10px; position: relative; } .gallery-image-widget .gallery-list a:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; opacity: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media (min-width: 768px) and (max-width: 1199px) { .gallery-image-widget .gallery-list a { width: calc((100% / 3) - 20px); } } @media (max-width: 991px) { .gallery-image-widget .gallery-list a { width: calc((100% / 2) - 10px); margin: 5px; } } .gallery-image-widget .gallery-list a:hover:after { opacity: 1; } .gallery-image-widget .gallery-list a:hover .img:before, .gallery-image-widget .gallery-list a:hover .img:after { opacity: 1; } .gallery-image-widget .gallery-list a:hover .img:after { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-image-widget .gallery-list a .img { height: 0; padding-top: 65%; position: relative; } .gallery-image-widget .gallery-list a .img:before, .gallery-image-widget .gallery-list a .img:after { -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .gallery-image-widget .gallery-list a .img:before { background-color: rgba(0, 0, 0, 0.4); content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; } .gallery-image-widget .gallery-list a .img:after { content: '\f002'; font-family: FontAwesome; font-size: 28px; position: absolute; left: 50%; top: 50%; -moz-transform: scale(0.5, 0.5) translate(-50%, -50%); -o-transform: scale(0.5, 0.5) translate(-50%, -50%); -ms-transform: scale(0.5, 0.5) translate(-50%, -50%); -webkit-transform: scale(0.5, 0.5) translate(-50%, -50%); transform: scale(0.5, 0.5) translate(-50%, -50%); color: white; opacity: 0; moz-transform-origin: left top; -o-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } .widget-img-and-text .widget-link { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; } .widget-img-and-text .widget-link:hover + .image-and-text .btn:after { width: 0; } .widget-img-and-text .widget-link:hover + .image-and-text .bt-arrow-right { transform: translate(10px); } .widget-img-and-text .widget-link:hover + .image-and-text .bt-arrow-right.no-anim { transform: translate(0); } .widget-img-and-text .widget-link:hover + .image-and-text .img-holder:after { opacity: 1; } .widget-img-and-text .widget-link:hover + .image-and-text .img-holder .img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .widget-img-and-text .widget-link + .image-and-text .img-holder { position: relative; overflow: hidden; } .widget-img-and-text .widget-link + .image-and-text .img-holder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; pointer-events: none; opacity: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .widget-img-and-text .widget-link + .image-and-text .img { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .widget-img-and-text .image-and-text { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-img-and-text .img-holder { width: calc(50% - 10px); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 1200px) { .widget-img-and-text .img-holder { min-height: 390px; } } @media (min-width: 992px) and (max-width: 1199px) { .widget-img-and-text .img-holder { min-height: 350px; } } @media (max-width: 991px) { .widget-img-and-text .img-holder { min-height: 300px; } } @media (max-width: 991px) { .widget-img-and-text .img-holder { width: 100%; } } .widget-img-and-text .img-holder .img { width: 100%; height: 100%; } .widget-img-and-text .text-holder { width: calc(50% + 10px); padding: 80px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 992px) and (max-width: 1199px) { .widget-img-and-text .text-holder { padding: 50px 0; } } @media (max-width: 991px) { .widget-img-and-text .text-holder { width: 100%; margin-bottom: 20px; padding-top: 0; padding-bottom: 0; } } .widget-img-and-text .widget-title { margin: 0 0 30px; font-size: 35px; } @media (min-width: 768px) and (max-width: 991px) { .widget-img-and-text .widget-title { font-size: 30px; } } @media (max-width: 767px) { .widget-img-and-text .widget-title { font-size: 25px; } } @media (max-width: 991px) { .widget-img-and-text .widget-title { margin: 25px 0 15px; } } .widget-img-and-text .standard-content { margin: 0 0 20px; } .widget-img-and-text-right .img-holder { order: 1; -webkit-order: 1; -ms-flex-order: 1; } @media (max-width: 991px) { .widget-img-and-text-right .img-holder { padding: 0; } } .widget-img-and-text-right .text-holder { order: 2; -webkit-order: 2; -ms-flex-order: 2; } .widget-img-and-text-right .text-holder .inner-text-holder { padding-left: 78px; padding-right: 50px; } @media (max-width: 991px) { .widget-img-and-text-right .text-holder .inner-text-holder { padding-left: 15px; padding-right: 15px; } } .widget-img-and-text-left .img-holder { order: 2; -webkit-order: 2; -ms-flex-order: 2; } @media (max-width: 991px) { .widget-img-and-text-left .img-holder { padding: 0; order: 1; -webkit-order: 1; -ms-flex-order: 1; } } .widget-img-and-text-left .text-holder { order: 1; -webkit-order: 1; -ms-flex-order: 1; } @media (max-width: 991px) { .widget-img-and-text-left .text-holder { order: 2; -webkit-order: 2; -ms-flex-order: 2; } } .widget-img-and-text-left .text-holder .inner-text-holder { padding-right: 70px; padding-left: 60px; } @media (max-width: 991px) { .widget-img-and-text-left .text-holder .inner-text-holder { padding-left: 10px; padding-right: 10px; } } .line-divider-widget { width: 1px; margin: 70px auto 0; background-color: #ffffff; height: 40px; padding: 0; } @media (max-width: 767px) { .line-divider-widget { margin: 50px auto 0; } } .google-map-widget .text-holder { text-align: center; margin: 0 auto 45px; max-width: 950px; } @media (max-width: 767px) { .google-map-widget .text-holder { margin: 0 0 30px; } } .google-map-widget iframe { width: 100%; } @media (min-width: 768px) and (max-width: 991px) { .google-map-widget iframe { height: 500px; } } @media (max-width: 767px) { .google-map-widget iframe { height: 34vh; } } .standard-widget h1, .standard-widget h2, .standard-widget h3 { margin-bottom: 34px; } .standard-widget h4, .standard-widget h5, .standard-widget h6 { margin-bottom: 20px; } .standard-widget .widget-title { color: #183029; max-width: 600px; margin: 0 auto 25px; } .standard-widget .initial-text, .standard-widget .expanded-text { max-width: 770px; margin: 0 auto; } .standard-widget .expanded-text { display: none; } .standard-widget .btn-blc { margin: 25px 0 0; } .standard-widget .btn-primary { display: inline-block; padding: 2px 0; } .standard-widget .btn-primary .read-more { display: block; } .standard-widget .btn-primary .read-less { display: none; } .standard-widget .btn-primary.expanded-btn .read-less { display: block; } .standard-widget .btn-primary.expanded-btn .read-more { display: none; } .standard-widget .container { max-width: 990px; margin: 0 auto; } .standard-widget * + p { margin: 22px 0 0; } .standard-widget a { position: relative; padding: 3px 0; } .standard-widget a:before { content: ''; position: absolute; bottom: 0; left: 0; visibility: visible; width: 100%; background: #183029; height: 2px; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .standard-widget a:hover:before { width: 0; } .standard-widget blockquote { padding: 28px 40px 34px; margin: 22px 0 0; color: #183029; border: 1px solid #183029; font-size: 20px; line-height: 1.75; } @media (max-width: 767px) { .standard-widget blockquote { padding: 20px; font-size: 17px; } } .standard-widget blockquote p { color: #183029; } .standard-widget ul { margin: 30px 0 0 0; } .standard-widget ul li { padding: 0 0 10px 15px; } .standard-widget .two-columns { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .standard-widget .two-columns .column { padding: 0 20px; width: calc(50% - 40px); } .standard-widget .two-columns .column:first-child { text-align: right; } .standard-widget .lgc-grid-50 { padding: 0 10px; } .standard-widget .lgc-grid-50:nth-child(2) { text-align: right; } @media (max-width: 767px) { .standard-widget .lgc-grid-50 { width: 100%; text-align: center; } .standard-widget .lgc-grid-50:nth-child(2) { text-align: center; } } .cta-2x-widget:before { content: ''; width: calc(100% + 40px); height: calc(50% - 30px); position: absolute; top: auto; left: -20px; right: -20px; bottom: 0; background-color: #f3f0f0; background-image: url("../../img/bg-home.jpg"); } .cta-2x-widget .flex-list { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -moz-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .cta-2x-widget .flex-list { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; } } .cta-2x-widget .cta-holder { width: calc( 50% - 20px ); margin: 10px 10px; padding: 0; position: relative; overflow: hidden; background-color: #fff; } @media (max-width: 991px) { .cta-2x-widget .cta-holder { width: calc( 50% - 10px ); margin: 5px 5px; } } @media (max-width: 767px) { .cta-2x-widget .cta-holder { width: 100%; } } .cta-2x-widget .cta-holder > a:hover .img-holder .img { transform: scale(1.1); } .cta-2x-widget .cta-item { display: block; } .cta-2x-widget .widget-title { color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 1; font-size: 40px; padding: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 991px) { .cta-2x-widget .widget-title { font-size: 34px; } } @media (max-width: 767px) { .cta-2x-widget .widget-title { font-size: 28px; } } .cta-2x-widget .img-holder { position: relative; padding-top: 51%; overflow: hidden; } .cta-2x-widget .img-holder:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(36deg, rgba(0, 0, 0, 0.5) 0%, transparent 80%); z-index: 1; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .cta-2x-widget .img-holder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; } .cta-2x-widget .img-holder .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .cta-2x-widget + .cta-2x-widget { padding: 0; } .cta-3x-widget-s .flex-list { margin: 0 0 0; padding: 0 20px 0; margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cta-3x-widget-s .cta-holder { width: calc(33.333% - 20px); margin: 10px 10px; padding: 0; position: relative; overflow: hidden; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; } @media (min-width: 768px) and (max-width: 991px) { .cta-3x-widget-s .cta-holder { width: calc(50% - 20px); } } @media (max-width: 767px) { .cta-3x-widget-s .cta-holder { width: 100%; } } .cta-3x-widget-s .cta-item { display: block; width: 100%; } .cta-3x-widget-s a.cta-item:hover .widget-content:before { opacity: .7; } .cta-3x-widget-s .widget-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 1; padding: 25px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; } .cta-3x-widget-s .widget-content:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .5; transition: .5s ease; } .cta-3x-widget-s .widget-title { font-size: 38px; color: #fff; position: relative; z-index: 1; text-transform: none; } @media (min-width: 768px) and (max-width: 991px) { .cta-3x-widget-s .widget-title { font-size: 34px; } } @media (max-width: 767px) { .cta-3x-widget-s .widget-title { font-size: 28px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2300px), only screen and (min-resolution: 192dpi) and (min-width: 2300px) { .cta-3x-widget-s .widget-title { font-size: 57pt; } } .cta-3x-widget-s .widget-description { color: #fff; position: relative; z-index: 1; } .cta-3x-widget-s .widget-description:before { content: ''; display: block; width: 215px; height: 1px; background-color: #fff; margin: 10px auto 33px; } .cta-3x-widget-s .img-holder { position: relative; padding-top: 94%; overflow: hidden; } .cta-3x-widget-s .img-holder:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 1; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .cta-3x-widget-s .img-holder .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .cta-3x-widget .text-holder { text-align: center; margin: 0 0 45px; } @media (max-width: 767px) { .cta-3x-widget .text-holder { margin: 0 0 30px; } } .cta-3x-widget .widget-title { margin: 0 0 25px; } .cta-3x-widget .flex-list { margin: 0 0 0; margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cta-3x-widget .cta-item { width: calc(33.33% - 20px); margin: 10px 10px; max-width: 413px; padding: 0; position: relative; border-radius: 65px 65px 65px 0; overflow: hidden; background-color: #fff; box-shadow: 0 25px 27px rgba(0, 0, 0, 0.11); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) and (max-width: 991px) { .cta-3x-widget .cta-item { width: 50%; } } @media (max-width: 767px) { .cta-3x-widget .cta-item { width: 100%; } } .cta-3x-widget a.cta-item { -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .cta-3x-widget a.cta-item:hover { box-shadow: 0 25px 27px rgba(0, 0, 0, 0.4); background-color: #183029; } .cta-3x-widget a.cta-item:hover .inner-text-holder:before { opacity: 1; visibility: visible; } .cta-3x-widget a.cta-item:hover .inner-text-holder .widget-title { color: #fff; } .cta-3x-widget .inner-text-holder { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; padding: 30px 50px 35px; text-align: center; width: 100%; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .cta-3x-widget .inner-text-holder:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 80%); z-index: 1; } .cta-3x-widget .inner-text-holder:before { opacity: 0; visibility: hidden; } .cta-3x-widget .inner-text-holder .widget-title { color: #183029; line-height: 1.4; position: relative; margin: 0; z-index: 1; } .cta-3x-widget .img-holder { position: relative; padding-top: 68%; overflow: hidden; width: 100%; height: 0; } .cta-3x-widget .img-holder .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } body.wb-our-team .cta-3x-widget .img-holder .img { background-position: center top; } body.wb-our-team .cta-3x-widget .img-holder { padding-top: 83%; } .cta-3x-widget + .cta-3x-widget { padding: 0; } .cta-widget-title { text-align: center; margin-bottom: 20px; font-size: 33px; } .cta-large-widget .cta-item { background-color: #183029; text-align: center; padding: 80px 15px 90px; position: relative; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .cta-large-widget .cta-item { padding: 40px 15px 50px; } } @media (max-width: 767px) { .cta-large-widget .cta-item { padding: 40px 15px 50px; } } .cta-large-widget .cta-item:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #fff; z-index: 1; pointer-events: none; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .cta-large-widget .cta-item .widget-title { font-size: 35px; color: #fff; line-height: 1.4; margin: 0 0 30px; } @media (min-width: 768px) and (max-width: 991px) { .cta-large-widget .cta-item .widget-title { font-size: 30px; } } @media (max-width: 767px) { .cta-large-widget .cta-item .widget-title { font-size: 25px; } } .cta-large-widget .cta-item .inner-text { color: #fff; margin: 0 0 40px; } .cta-large-widget .cta-item .btn { position: static; } .cta-large-widget .cta-item .btn:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 100%; width: 100%; } .text-2x-widget { padding-top: 190px; } .text-2x-widget:before { content: ''; width: 1.5px; position: absolute; left: 0; right: 0; margin: auto; background-color: #183029; height: 40px; top: 25px; } .text-2x-widget .flex-list { padding: 0 20px 0; position: relative; margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .text-2x-widget .flex-list { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; } } .text-2x-widget .cta-holder { width: calc( 35% - 36px ); margin: 10px 0; padding: 0; position: relative; overflow: hidden; background-color: #fff; } @media (max-width: 991px) { .text-2x-widget .cta-holder { width: calc( 50% - 10px ); margin: 5px 5px; } } @media (max-width: 767px) { .text-2x-widget .cta-holder { width: 100%; } } .text-2x-widget .cta-holder > a:hover .img-holder .img { transform: scale(1.1); } .text-2x-widget .cta-holder:nth-child(even) { text-align: left; margin-left: 20px; } @media (max-width: 767px) { .text-2x-widget .cta-holder:nth-child(even) { margin: 0; text-align: center; } } .text-2x-widget .cta-holder:nth-child(odd) { text-align: right; margin-right: 20px; } @media (max-width: 767px) { .text-2x-widget .cta-holder:nth-child(odd) { margin: 0 20px; text-align: center; } } .text-2x-widget .cta-item { display: block; font-size: 20px; font-weight: 300; line-height: 32px; } .text-2x-widget .widget-title { color: #183029; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 1; font-size: 50px; font-weight: 700; line-height: 96px; text-transform: initial; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 991px) { .text-2x-widget .widget-title { font-size: 34px; } } @media (max-width: 767px) { .text-2x-widget .widget-title { font-size: 28px; } } .text-2x-widget .img-holder { position: relative; padding-top: 67%; overflow: hidden; } @media (max-width: 767px) { .text-2x-widget .img-holder { padding-top: 51%; } } .text-2x-widget .img-holder:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(36deg, rgba(0, 0, 0, 0.5) 0%, transparent 80%); z-index: 1; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .text-2x-widget .img-holder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; } .text-2x-widget .img-holder .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .text-2x-widget + .text-2x-widget { padding: 0; } .video-wrapper-widget { align-items: center; padding-top: 80px; } @media (max-width: 767px) { .video-wrapper-widget { padding-top: 40px; } } .video-wrapper-widget > div { flex: 0 0 50%; } @media (max-width: 767px) { .video-wrapper-widget > div { flex: 0 0 100%; } } .video-wrapper-widget .intro-block { padding-right: 8%; } @media (max-width: 767px) { .video-wrapper-widget .intro-block { padding-right: 4%; } } .video-wrapper-widget .intro-block .btn-custom { margin-top: 30px; } .video-wrapper-widget p { font-size: 17px; line-height: 1.6; } @media (max-width: 767px) { .video-wrapper-widget p { font-size: 14px; } } @media (max-width: 767px) { .video-wrapper-widget { flex-wrap: wrap; } } .video-block-holder { position: relative; color: #8c8c8c; z-index: 1; pointer-events: none; max-width: 50%; padding: 35px 25px 100px 55px; } @media (max-width: 991px) { .video-block-holder { max-width: none; } } @media (max-width: 767px) { .video-block-holder { padding: 35px 25px 50px 35px; color: #fff; } } .video-block-holder .widget-title { color: #fff; margin: 0 0 30px; font-size: 35px; } @media (min-width: 768px) and (max-width: 991px) { .video-block-holder .widget-title { font-size: 30px; } } @media (max-width: 767px) { .video-block-holder .widget-title { font-size: 25px; } } .video-block-holder .widget-description { margin: 0 0 35px; } .video-block-holder .icon-holder { background-color: #183029; align-items: center; color: #fff; text-transform: uppercase; display: inline-block; padding: 15px 30px; font-size: 14px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .video-block-holder .icon-holder i { margin-left: 10px; } .video-block-holder .icon-holder span { letter-spacing: 2px; } .video-block-holder .btn-custom { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .video-widget .video-container { position: relative; min-height: 595px; overflow: hidden; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } @media (max-width: 767px) { .video-widget .video-container { min-height: 360px; } } .video-widget .video-container .play-video { cursor: pointer; display: block; overflow: hidden; } .video-widget .video-container .play-video:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; pointer-events: none; opacity: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .video-widget .video-container .play-video .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .video-widget .video-container .play-video .img:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 80%); z-index: 1; } .video-widget .video-container .play-video:hover:after { opacity: 1; } .video-widget .video-container .play-video:hover .img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .video-widget .video-container .play-video:hover + .video-block-holder .icon-holder { color: #ffffff; background-color: #fff; } .video-widget .video-container iframe { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 480px) { .video-widget .single-video-container .play-video .img { padding-top: 0; } } #video-popup iframe { width: 1200px; height: 700px; } @media (max-width: 1199px) { #video-popup iframe { width: 100vw; height: 50vh; } } .opening-hours-widget { padding-bottom: 90px; } .opening-hours-widget:before { content: ''; width: calc(100% + 40px); height: 100%; position: absolute; top: 0; left: -20px; right: -20px; bottom: 0; background-color: #f3f0f0; background-image: url("../../img/bg-home.jpg"); } .opening-hours-widget .container { position: relative; } .opening-hours-widget .text-holder { text-align: center; } .opening-hours-widget .flex-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .opening-hours-widget .opening-hours-item { text-align: center; width: calc((100% - 2px) / 3); border-right: 1px solid #8c8c8c; margin: 53px 0 0; } @media (max-width: 991px) { .opening-hours-widget .opening-hours-item { width: 100%; border-right: 0; border-bottom: 1px solid #8c8c8c; padding: 0 0 25px; margin: 25px 0 0; } } .opening-hours-widget .opening-hours-item:nth-child(3n), .opening-hours-widget .opening-hours-item:last-child { border-right: 0; } @media (max-width: 991px) { .opening-hours-widget .opening-hours-item:nth-child(3n), .opening-hours-widget .opening-hours-item:last-child { border-bottom: 0; } } .opening-hours-widget .opening-hours-item .widget-title { color: #183029; text-transform: uppercase; padding: 0 0 12px; letter-spacing: 2px; } .opening-hours-widget .opening-hours-item .inner-text-holder { font-size: 15px; letter-spacing: 0.3px; } .opening-hours-widget .opening-hours-item a { color: #8c8c8c; text-decoration: underline; } .opening-hours-widget .opening-hours-item a:hover { color: #183029; } .opening-hours-widget + .widget-newsletter-signup { padding: 80px 0 0; } .opening-hours-widget + .widget-newsletter-signup:before { content: ''; width: calc(100% + 40px); height: 65%; position: absolute; top: 0; left: -20px; right: -20px; bottom: 0; background-color: #f3f0f0; background-image: url("../../img/bg-home.jpg"); } .widget-newsletter-signup { padding: 170px 0 0; } @media (min-width: 768px) and (max-width: 991px) { .widget-newsletter-signup { padding: 140px 0 0; } } @media (max-width: 767px) { .widget-newsletter-signup { padding: 130px 0 0; } } .widget-newsletter-signup .inner-holder { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-newsletter-signup .inner-holder:before { content: ''; width: 1px; position: absolute; left: 0; right: 0; margin: auto; background-color: #ffffff; height: 80px; top: -80px; } .widget-newsletter-signup .inner-holder:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; border: 2px solid #183029; z-index: 1; } .widget-newsletter-signup .img-holder, .widget-newsletter-signup .form-holder { width: 50%; } @media (max-width: 991px) { .widget-newsletter-signup .img-holder, .widget-newsletter-signup .form-holder { width: 100%; } } @media (max-width: 991px) { .widget-newsletter-signup .img-holder { height: 380px; } } .widget-newsletter-signup .img-holder .img { height: 100%; } .widget-newsletter-signup .form-holder { background-color: #ffffff; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-newsletter-signup .form-holder .form-group { margin: 0 0 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-newsletter-signup .form-holder .form-group.checkbox-group { margin: 40px 0 0; } .widget-newsletter-signup .form-holder input[type="text"], .widget-newsletter-signup .form-holder input[type="email"], .widget-newsletter-signup .form-holder input[type="number"], .widget-newsletter-signup .form-holder input[type="tel"], .widget-newsletter-signup .form-holder textarea, .widget-newsletter-signup .form-holder .select-wrap select, .widget-newsletter-signup .form-holder .select-wrap, .widget-newsletter-signup .form-holder .file-upload .fake-input { border-color: #fff; color: #fff; } .widget-newsletter-signup .form-holder input[type="text"].theme-border, .widget-newsletter-signup .form-holder input[type="email"].theme-border, .widget-newsletter-signup .form-holder input[type="number"].theme-border, .widget-newsletter-signup .form-holder input[type="tel"].theme-border, .widget-newsletter-signup .form-holder textarea.theme-border, .widget-newsletter-signup .form-holder .select-wrap select.theme-border, .widget-newsletter-signup .form-holder .select-wrap.theme-border, .widget-newsletter-signup .form-holder .file-upload .fake-input.theme-border { border-color: #183029; } .widget-newsletter-signup .form-holder input[type="text"]::-webkit-input-placeholder, .widget-newsletter-signup .form-holder input[type="email"]::-webkit-input-placeholder, .widget-newsletter-signup .form-holder input[type="number"]::-webkit-input-placeholder, .widget-newsletter-signup .form-holder input[type="tel"]::-webkit-input-placeholder, .widget-newsletter-signup .form-holder textarea::-webkit-input-placeholder, .widget-newsletter-signup .form-holder .select-wrap select::-webkit-input-placeholder, .widget-newsletter-signup .form-holder .select-wrap::-webkit-input-placeholder, .widget-newsletter-signup .form-holder .file-upload .fake-input::-webkit-input-placeholder { color: #fff; } .widget-newsletter-signup .form-holder input[type="text"]:-moz-placeholder, .widget-newsletter-signup .form-holder input[type="email"]:-moz-placeholder, .widget-newsletter-signup .form-holder input[type="number"]:-moz-placeholder, .widget-newsletter-signup .form-holder input[type="tel"]:-moz-placeholder, .widget-newsletter-signup .form-holder textarea:-moz-placeholder, .widget-newsletter-signup .form-holder .select-wrap select:-moz-placeholder, .widget-newsletter-signup .form-holder .select-wrap:-moz-placeholder, .widget-newsletter-signup .form-holder .file-upload .fake-input:-moz-placeholder { color: #fff; } .widget-newsletter-signup .form-holder input[type="text"]::-moz-placeholder, .widget-newsletter-signup .form-holder input[type="email"]::-moz-placeholder, .widget-newsletter-signup .form-holder input[type="number"]::-moz-placeholder, .widget-newsletter-signup .form-holder input[type="tel"]::-moz-placeholder, .widget-newsletter-signup .form-holder textarea::-moz-placeholder, .widget-newsletter-signup .form-holder .select-wrap select::-moz-placeholder, .widget-newsletter-signup .form-holder .select-wrap::-moz-placeholder, .widget-newsletter-signup .form-holder .file-upload .fake-input::-moz-placeholder { color: #fff; } .widget-newsletter-signup .form-holder input[type="text"]:-ms-input-placeholder, .widget-newsletter-signup .form-holder input[type="email"]:-ms-input-placeholder, .widget-newsletter-signup .form-holder input[type="number"]:-ms-input-placeholder, .widget-newsletter-signup .form-holder input[type="tel"]:-ms-input-placeholder, .widget-newsletter-signup .form-holder textarea:-ms-input-placeholder, .widget-newsletter-signup .form-holder .select-wrap select:-ms-input-placeholder, .widget-newsletter-signup .form-holder .select-wrap:-ms-input-placeholder, .widget-newsletter-signup .form-holder .file-upload .fake-input:-ms-input-placeholder { color: #fff; } .widget-newsletter-signup .form-holder input[type="checkbox"] + label, .widget-newsletter-signup .form-holder input[type="radio"] + label { color: #fff; } .widget-newsletter-signup .form-holder input[type="checkbox"] + label:before, .widget-newsletter-signup .form-holder input[type="radio"] + label:before { border: 1px solid #fff; } .widget-newsletter-signup .form-holder input[type="checkbox"] + label a, .widget-newsletter-signup .form-holder input[type="radio"] + label a { color: #fff; text-decoration: underline; } .widget-newsletter-signup .form-holder button[type="submit"] { color: #fff; } .widget-newsletter-signup .form-inner-holder { padding: 118px 0 112px; max-width: 460px; position: relative; width: 100%; z-index: 2; } @media (max-width: 1199px) { .widget-newsletter-signup .form-inner-holder { max-width: 360px; } } @media (max-width: 991px) { .widget-newsletter-signup .form-inner-holder { padding: 60px 0; } } .widget-newsletter-signup .widget-title { width: 100%; color: #fff; padding: 0 0 30px; } .widget-newsletter-signup .newsletter-description { padding: 0 0 30px; } .widget-newsletter-signup .newsletter-description .newsletter-description-long { display: none; } .widget-newsletter-signup .newsletter-description #newsletter-read-more { color: #fff; } .widget-newsletter-signup .error-tooltip { left: -45px; } @media (max-width: 767px) { .widget-newsletter-signup .error-tooltip { left: auto; } } .widget-newsletter-signup .warning { left: 10px; } .widget-newsletter-signup input[type=radio]:checked + label:before, .widget-newsletter-signup input[type=checkbox]:checked + label:before { border: 1px solid #183029; } @media (min-width: 1200px) { .widget-newsletter-signup input[type=radio]:hover + label:before, .widget-newsletter-signup input[type=checkbox]:hover + label:before { border: 1px solid #183029; } } .brand-widget { padding-top: 280px; padding-bottom: 60px; } @media (min-width: 768px) and (max-width: 991px) { .brand-widget { padding-top: 180px; } } @media (max-width: 767px) { .brand-widget { padding-top: 140px; } } .brand-widget .flex-list { margin: 0 0 0; margin-left: -25px; margin-right: -25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .brand-widget .flex-list { margin-left: -15px; margin-right: -15px; } } .brand-widget .flex-list .brand-item { background-color: #fff; color: #8c8c8c; text-align: center; margin: 25px 25px; width: calc((100% / 3) - 50px); } @media (min-width: 768px) and (max-width: 991px) { .brand-widget .flex-list .brand-item { margin: 15px 15px; width: calc((100% / 2) - 30px); } } @media (max-width: 767px) { .brand-widget .flex-list .brand-item { margin: 15px 30px; width: calc(100% - 30px); } } .brand-widget .flex-list a.brand-item .img { transform-origin: 50% 50%; transition: all linear .25s; } .brand-widget .flex-list a.brand-item:hover .img { will-change: transform; transform: scale(1.1); transition: all linear .25s; } @media (max-width: 991px) { .brand-widget .flex-list a.brand-item:nth-child(2) { order: -1; } } .brand-widget .flex-list .img-holder { position: relative; padding-top: 62%; overflow: hidden; display: block; } .brand-widget .flex-list .img-holder .img { background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; margin: 35px; } @media (max-width: 767px) { .brand-widget .flex-list .img-holder .img { margin: 25px; } } .brand-widget .flex-list .img-holder .img:before, .brand-widget .flex-list .img-holder .img:after { display: none; } @media (max-width: 767px) { .availability-table-widget + .availability-table-widget { padding-top: 0 !important; } } .availability-table-widget:last-of-type { margin-bottom: 70px; } @media (max-width: 767px) { .availability-table-widget:last-of-type { margin-bottom: 0; } } .availability-table-widget .table-show-button { display: none; position: relative; padding: 10px 25px; border-bottom: 8px solid white; color: white; min-height: 85px; background: #183029; } @media (max-width: 767px) { .availability-table-widget .table-show-button { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding-right: 120px; } } .availability-table-widget .table-show-button:after { content: "View Prices \f091"; font-family: Arial, 'Black Tie'; font-weight: 700; position: absolute; top: 50%; right: 25px; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-transform: uppercase; font-size: 12px; border-bottom: 2px solid; } .availability-table-widget .table-show-button.active:after { content: "View Prices \f090"; } .availability-table-widget h2 + .table-show-button, .availability-table-widget h4 + .table-show-button, .availability-table-widget p + .table-show-button, .availability-table-widget .table-show-button + .table-show-button { margin-top: 30px; } @media (min-width: 768px) { .availability-table-widget h2 + .table-container, .availability-table-widget h4 + .table-container, .availability-table-widget p + .table-container, .availability-table-widget .table-show-button + .table-container { margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 767px) { .availability-table-widget h2 + .table-container + h4, .availability-table-widget h4 + .table-container + h4, .availability-table-widget p + .table-container + h4, .availability-table-widget .table-show-button + .table-container + h4 { padding-top: 30px; margin-bottom: 10px; border-top: 4px solid #ddd; } } @media (min-width: 768px) { .availability-table-widget .table-container { display: block !important; } } @media (max-width: 767px) { .availability-table-widget .table-container { display: none; } } .availability-table-widget table { margin: 0; border-spacing: 0; width: 100%; border-collapse: separate; } @media (max-width: 767px) { .availability-table-widget table thead { display: none; } } @media (max-width: 767px) { .availability-table-widget table tbody tr { padding: 15px 0; display: block; background: #f3efef; border-bottom: 8px solid white; } } .availability-table-widget table tbody tr td { position: relative; } @media (max-width: 767px) { .availability-table-widget table tbody tr td s { margin-right: 10px; } } .availability-table-widget table tbody tr td:last-child:after { content: ''; position: absolute; top: 0; bottom: 0; right: -8px; width: 5px; } @media (max-width: 767px) { .availability-table-widget table tbody tr td:last-child:after { content: none; } } .availability-table-widget table tbody tr.booked td:last-child:after, .availability-table-widget table tbody tr.booked .mob-label:after { background: #dc0000; } .availability-table-widget table tbody tr.available td:last-child:after, .availability-table-widget table tbody tr.available .mob-label:after { background: #53ac17; } .availability-table-widget table th, .availability-table-widget table td { text-align: center; padding: 15px 20px; vertical-align: middle; border: 3px solid white; } @media (max-width: 767px) { .availability-table-widget table th, .availability-table-widget table td { border: 0; padding: 5px 25px; } } .availability-table-widget table th { font-weight: normal; color: white; background: #183029; width: 15%; } .availability-table-widget table th:first-child, .availability-table-widget table th:last-child { width: 27%; } .availability-table-widget table td { color: #000; background: #f3efef; } @media (max-width: 767px) { .availability-table-widget table td { display: flex; text-align: left; } } .availability-table-widget table td .mob-label { display: none; width: 50%; color: #183029; } @media (max-width: 767px) { .availability-table-widget table td .mob-label { display: inline-block; padding-right: 10px; } } @media (max-width: 374px) { .availability-table-widget table td .mob-label { width: 42%; } } @media (max-width: 767px) { .availability-table-widget table td:last-child .mob-label { position: relative; margin-right: 20px; } .availability-table-widget table td:last-child .mob-label:after { content: ''; position: absolute; height: 12px; width: 12px; right: -12px; top: 7px; border-radius: 50%; } } .availability-table-widget small { font-size: 75%; display: block; margin-top: 30px; } @media (max-width: 767px) { .availability-table-widget small { margin-top: 10px; margin-bottom: 30px; } } .option-booking-form-widget form { -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .option-booking-form-widget form h4 { margin-bottom: 35px; } @media (max-width: 767px) { .option-booking-form-widget form h4 { margin-bottom: 20px; } } .option-booking-form-widget form h5 { color: #444; font-size: 19px; margin-top: 10px; margin-bottom: 30px; } @media (max-width: 767px) { .option-booking-form-widget form h5 { font-size: 17px; margin-bottom: 15px; } } @media (min-width: 768px) { .option-booking-form-widget form .small-width .select-wrap { width: 15%; } } @media (min-width: 768px) { .option-booking-form-widget form .half-width { width: calc(50% - 20px); } } .option-booking-form-widget form .form-description { font-size: 15px; margin-top: 5px; margin-bottom: 30px; } @media (max-width: 767px) { .option-booking-form-widget form .form-description { margin-bottom: 20px; } } .option-booking-form-widget form .single-checkbox-container { text-align: left; } .option-booking-form-widget form .single-checkbox-container label { line-height: 1.6; padding-left: 30px; } .option-booking-form-widget form .single-checkbox-container label:before { top: 3px; } .option-booking-form-widget form .single-checkbox-container label:after { top: 5px; } .option-booking-form-widget form .single-checkbox-container small { display: block; font-size: 15px; margin-top: 15px; } .option-booking-form-widget form a { position: relative; padding: 3px 0; color: #183029 !important; } .option-booking-form-widget form a:before { content: ''; position: absolute; bottom: 0; left: 0; visibility: visible; width: 100%; background: #183029; height: 2px; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .option-booking-form-widget form a:hover:before { width: 0; } .table-widget table { width: 100%; border-collapse: collapse; } .table-widget table th, .table-widget table td { padding: 15px; } .table-widget table th { color: white; background: #183029; border: 1px solid #183029; } .table-widget table td { border: 1px solid #8c8c8c; } body { font-family: "Roboto", sans-serif; font-size: 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2300px), only screen and (min-resolution: 192dpi) and (min-width: 2300px) { body { font-size: 200%; } } .no-padding { padding-top: 0 !important; } h1, h2, h3, h4, h5, h6 { font-family: "Vidaloka", sans-serif !important; color: #183029; } .line-divider-widget { background-color: #000; } .btn { color: #183029; } .btn:after { background: #183029; } button[type="submit"] { color: #183029; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], textarea, .select-wrap select, .select-wrap, .file-upload .fake-input { color: #8c8c8c; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus, .select-wrap select:focus, .select-wrap:focus, .file-upload .fake-input:focus { border-bottom-color: #183029; } input[type="text"].theme-border, input[type="email"].theme-border, input[type="number"].theme-border, input[type="tel"].theme-border, input[type="date"].theme-border, textarea.theme-border, .select-wrap select.theme-border, .select-wrap.theme-border, .file-upload .fake-input.theme-border { color: #183029 !important; border-color: #183029 !important; font-family: "Vidaloka", sans-serif !important; } input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="email"]:-webkit-autofill, input[type="email"]:-webkit-autofill:hover, input[type="email"]:-webkit-autofill:focus, input[type="number"]:-webkit-autofill, input[type="number"]:-webkit-autofill:hover, input[type="number"]:-webkit-autofill:focus, input[type="tel"]:-webkit-autofill, input[type="tel"]:-webkit-autofill:hover, input[type="tel"]:-webkit-autofill:focus, input[type="date"]:-webkit-autofill, input[type="date"]:-webkit-autofill:hover, input[type="date"]:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, .select-wrap select:-webkit-autofill, .select-wrap select:-webkit-autofill:hover, .select-wrap select:-webkit-autofill:focus, .select-wrap:-webkit-autofill, .select-wrap:-webkit-autofill:hover, .select-wrap:-webkit-autofill:focus, .file-upload .fake-input:-webkit-autofill, .file-upload .fake-input:-webkit-autofill:hover, .file-upload .fake-input:-webkit-autofill:focus { -webkit-text-fill-color: #183029; } input[type="text"] ::selection, input[type="email"] ::selection, input[type="number"] ::selection, input[type="tel"] ::selection, input[type="date"] ::selection, textarea ::selection, .select-wrap select ::selection, .select-wrap ::selection, .file-upload .fake-input ::selection { -webkit-text-fill-color: #ffffff; color: #ffffff; } input[type="text"]::selection, input[type="email"]::selection, input[type="number"]::selection, input[type="tel"]::selection, input[type="date"]::selection, textarea::selection, .select-wrap select::selection, .select-wrap::selection, .file-upload .fake-input::selection { -webkit-text-fill-color: #ffffff; color: #ffffff; } header .logo { max-width: 320px; } header .main-nav li.current-menu-item a { color: #ffffff !important; border-color: #ffffff !important; } .standard-widget .container { max-width: 915px; } .standard-widget .container h1, .standard-widget .container h2, .standard-widget .container h3, .standard-widget .container h4, .standard-widget .container h5, .standard-widget .container h6 { max-width: 430px; margin: 0 auto; } .reservation-widget a, .reservation-widget p, .reservation-widget select, .reservation-widget .ot-dtp-picker-button { font-family: "Roboto", sans-serif !important; } .reservation-widget:before { display: none; } .reservation-widget.home-reservation-widget { padding: 0; } .reservation-widget.home-reservation-widget .widget-title { font-family: "Roboto", sans-serif !important; } .reservation-widget .container { width: 100%; } .reservation-widget .ot-dtp-picker-button { background-color: #183029; } .reservation-widget .reservation-code { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reservation-widget .reservation-code .code-widget-container { border: 0; border-radius: 0; padding: 5px; position: relative; background-color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .reservation-widget .reservation-code .code-widget-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .reservation-widget .reservation-code .code-widget-container .fork-button { box-shadow: none; border: 0; border-radius: 0; color: #ffffff; background-color: #183029; font-family: "Vidaloka", sans-serif !important; font-size: 20px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; text-align: center; padding: 14px 55px 15px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .reservation-widget .reservation-code .code-widget-container .fork-button:hover { background-color: rgba(24, 48, 41, 0.7); } @media (max-width: 1199px) { .reservation-widget .reservation-code .code-widget-container .fork-button { text-align: center; } } @media (max-width: 767px) { .reservation-widget .reservation-code .code-widget-container .fork-button { width: 100%; } } .reservation-code-widget { background-color: transparent; background-image: none; } .reservation-code-widget .widget-title { color: #183029; } .reservation-code-widget .widget-title:before { background-color: #183029; } .cta-2x-widget { padding: 125px 0 0; } .cta-2x-widget .img-holder:after { border-color: #ffffff; } .cta-2x-widget .img-holder:before { background-image: linear-gradient(to bottom, #183029 0, #183029 0, rgba(24, 48, 41, 0.5) 10%); } .cta-3x-widget-s a.cta-item:hover .widget-content:before { background: #183029; } .cta-3x-widget-s .img-holder:after { border-color: #ffffff; } .cta-3x-widget-s .widget-content:before { background-image: linear-gradient(to top, #130920 0%, rgba(19, 9, 32, 0) 100%); } .widget-newsletter-signup .form-holder { background-color: #183029; } .widget-newsletter-signup .inner-holder:after { border-color: #ffffff; } .widget-newsletter-signup .inner-holder:before { background-color: #183029; } .widget-newsletter-signup .btn { color: #ffffff; } .widget-newsletter-signup .btn:after { background: #ffffff; } .widget-newsletter-signup input[type="text"]:focus, .widget-newsletter-signup input[type="email"]:focus, .widget-newsletter-signup input[type="number"]:focus, .widget-newsletter-signup input[type="tel"]:focus, .widget-newsletter-signup input[type="date"]:focus, .widget-newsletter-signup textarea:focus, .widget-newsletter-signup .select-wrap select:focus, .widget-newsletter-signup .select-wrap:focus, .widget-newsletter-signup .file-upload .fake-input:focus { border-bottom-color: #183029; } .widget-newsletter-signup input[type="text"].theme-border, .widget-newsletter-signup input[type="email"].theme-border, .widget-newsletter-signup input[type="number"].theme-border, .widget-newsletter-signup input[type="tel"].theme-border, .widget-newsletter-signup input[type="date"].theme-border, .widget-newsletter-signup textarea.theme-border, .widget-newsletter-signup .select-wrap select.theme-border, .widget-newsletter-signup .select-wrap.theme-border, .widget-newsletter-signup .file-upload .fake-input.theme-border { color: #ffffff !important; border-color: #ffffff !important; } .widget-newsletter-signup input[type="text"]:-webkit-autofill, .widget-newsletter-signup input[type="text"]:-webkit-autofill:hover, .widget-newsletter-signup input[type="text"]:-webkit-autofill:focus, .widget-newsletter-signup input[type="email"]:-webkit-autofill, .widget-newsletter-signup input[type="email"]:-webkit-autofill:hover, .widget-newsletter-signup input[type="email"]:-webkit-autofill:focus, .widget-newsletter-signup input[type="number"]:-webkit-autofill, .widget-newsletter-signup input[type="number"]:-webkit-autofill:hover, .widget-newsletter-signup input[type="number"]:-webkit-autofill:focus, .widget-newsletter-signup input[type="tel"]:-webkit-autofill, .widget-newsletter-signup input[type="tel"]:-webkit-autofill:hover, .widget-newsletter-signup input[type="tel"]:-webkit-autofill:focus, .widget-newsletter-signup input[type="date"]:-webkit-autofill, .widget-newsletter-signup input[type="date"]:-webkit-autofill:hover, .widget-newsletter-signup input[type="date"]:-webkit-autofill:focus, .widget-newsletter-signup textarea:-webkit-autofill, .widget-newsletter-signup textarea:-webkit-autofill:hover, .widget-newsletter-signup textarea:-webkit-autofill:focus, .widget-newsletter-signup .select-wrap select:-webkit-autofill, .widget-newsletter-signup .select-wrap select:-webkit-autofill:hover, .widget-newsletter-signup .select-wrap select:-webkit-autofill:focus, .widget-newsletter-signup .select-wrap:-webkit-autofill, .widget-newsletter-signup .select-wrap:-webkit-autofill:hover, .widget-newsletter-signup .select-wrap:-webkit-autofill:focus, .widget-newsletter-signup .file-upload .fake-input:-webkit-autofill, .widget-newsletter-signup .file-upload .fake-input:-webkit-autofill:hover, .widget-newsletter-signup .file-upload .fake-input:-webkit-autofill:focus { -webkit-text-fill-color: #183029; } .widget-newsletter-signup input[type="text"] ::selection, .widget-newsletter-signup input[type="email"] ::selection, .widget-newsletter-signup input[type="number"] ::selection, .widget-newsletter-signup input[type="tel"] ::selection, .widget-newsletter-signup input[type="date"] ::selection, .widget-newsletter-signup textarea ::selection, .widget-newsletter-signup .select-wrap select ::selection, .widget-newsletter-signup .select-wrap ::selection, .widget-newsletter-signup .file-upload .fake-input ::selection { -webkit-text-fill-color: #ffffff; color: #ffffff; } .widget-newsletter-signup input[type="text"]::selection, .widget-newsletter-signup input[type="email"]::selection, .widget-newsletter-signup input[type="number"]::selection, .widget-newsletter-signup input[type="tel"]::selection, .widget-newsletter-signup input[type="date"]::selection, .widget-newsletter-signup textarea::selection, .widget-newsletter-signup .select-wrap select::selection, .widget-newsletter-signup .select-wrap::selection, .widget-newsletter-signup .file-upload .fake-input::selection { -webkit-text-fill-color: #ffffff; color: #ffffff; } .slider .slide .slide-caption { max-width: 650px; } .slider .slide .slide-caption .btn { color: #ffffff; } .slider .slide .slide-caption .btn:after { background: #ffffff; } .slider .slide .img:before { background-image: linear-gradient(to bottom, #183029 0, #183029 0, rgba(24, 48, 41, 0.5) 10%); } .slider .slide .img:after { border-color: #ffffff; } footer .social-media li a { color: #183029; } footer .social-media li a:hover { color: #ffffff; } footer .footer-contact .fc-links a { color: #ffffff; } .video-block-holder .icon-holder { background-color: #183029; font-size: 19px; } .video-block-holder .icon-holder:hover { color: #183029; } .video-block-holder .icon-holder span { line-height: 14px; } .doc-down-widget .flex-list a:hover { background-color: #183029; } .doc-down-widget .flex-list a:hover .btn i { color: #ffffff; } .doc-down-widget .flex-list a .text-inner { border-bottom: 10px solid #183029; padding: 50px 40px 55px; height: 100%; } @media (max-width: 991px) { .doc-down-widget .flex-list a .text-inner { padding: 63px 20px 52px; } } .doc-down-widget .flex-list a .btn { font-size: 16px; color: #183029; } .doc-down-widget .flex-list a .btn:after { background: #183029; } .doc-down-widget .flex-list a .btn i { color: #183029; font-size: 10px; } .doc-down-widget .flex-list a .document-title { color: #183029; } .doc-down-widget .flex-list a .description { font-size: 20px; } input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before { border-color: #ffffff !important; } input[type=checkbox]:checked + label:after { color: #ffffff !important; } input[type=radio]:checked + label:after { background: #ffffff !important; } @media (min-width: 1200px) { input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before { border-color: #ffffff !important; } input[type=radio]:hover + label:after { background: #ffffff !important; } .checkbox-cont:hover input[type=radio] + label:after, .checkbox-cont:hover input[type=checkbox] + label:after { color: #ffffff; } } .contact-widget .title-label { color: #183029; } .contact-widget .description { font-size: 20px; font-weight: 300; max-width: 600px; margin: 0 auto 30px; } .contact-widget .picker__table:after { display: none; } .contact-widget .picker__table .mobile-placeholder { font-size: 20px; } .cta-large-widget .cta-item { background-color: #183029; } .cta-large-widget .btn-full-white { background: #ffffff; border-color: #ffffff; } .cta-large-widget .btn-full-white:hover { color: #000; background-color: #fff; } .plyr__control--overlaid { background: #ffffff; } .plyr--full-ui input[type=range] { color: #ffffff; } .sound-control:hover { background-color: rgba(255, 255, 255, 0.5); } .opening-hours-widget { padding: 115px 0 95px; } .opening-hours-widget .opening-hours-item { text-align: center; width: calc((100% - 2px) / 3); margin: 53px 0 0; } @media (max-width: 991px) { .opening-hours-widget .opening-hours-item { width: 100%; border-right: 0; padding: 0 0 25px; margin: 25px 0 0; } } .opening-hours-widget .opening-hours-item:nth-child(3n), .opening-hours-widget .opening-hours-item:last-child { border-right: 0; } @media (max-width: 991px) { .opening-hours-widget .opening-hours-item:nth-child(3n), .opening-hours-widget .opening-hours-item:last-child { border-bottom: 0; } } .opening-hours-widget .opening-hours-item .widget-title { color: #183029; font-family: "Roboto", sans-serif !important; text-transform: uppercase; padding: 0 0 12px; letter-spacing: 2px; } .opening-hours-widget .opening-hours-item .inner-text-holder { font-size: 15px; letter-spacing: 0.3px; } .opening-hours-widget .opening-hours-item a { color: #8c8c8c; text-decoration: underline; } .opening-hours-widget .opening-hours-item a:hover { color: #183029; } footer .footer-row .img-holder { max-width: 160px; }