html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: 1.7; } html { height: 100%; } body { font-family: 'Inter', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-align: left; color: #000; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; } h1, h2, h3 { font-family: "Libre Baskerville", serif; } .bold { font-weight: 700; } 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; } table { border-collapse: collapse; border-spacing: 0; } *:focus { outline: none; } a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; outline: 0; } a, a:active { color: #000; text-decoration: none; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } a:hover { color: #b55c31; } p { text-align: left; font-size: 16px; font-weight: 400; /* color: #5f5f5f; */ line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } p a, p a:hover { color: #5f5f5f; text-decoration: none; font-weight: 500; outline: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } strong { font-weight: bold; } ::-moz-selection { background: #5f5f5f; color: #fff; } ::selection { background: #5f5f5f; color: #fff; } .space5 { margin-top:5px; } .space7 { margin-top:7px; } .space10 { margin-top:10px; } .space15 { margin-top:15px; } .space20 { margin-top:20px; } .space30 { margin-top:30px; } .space50 { margin-top:50px; } .space100 { margin-top:100px; } .nopadding { padding: 0!important; margin: 0!important; display: block!important; } .icon-sun { width: 22px; float: left; margin-right: 7px; } .upper-page { position: relative; display: table; width: 100%; height: 100%; min-height: 750px; } .center-container { position: absolute; display: table; table-layout: fixed; width: 100%; height: 100%; background: none; } .center-block { display: table-cell; vertical-align: middle; } .lang { font-size: 15px; color: #fff; margin-right: 15px; margin-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,1); display: inline; margin-top: 0; } .lang > li { text-align: center; display: table-cell; } .lang li a{ color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,1); float: left; padding: 0px 10px; } .dropdown:hover.lang .dropdown-menu { transform: none!important; } .lang .dropdown-menu { min-width: 50px; float: left; margin-top: -15px !important; } .lang .dropdown-menu a { padding: 15px!important; } .flag-icon,.flag-icon-background{background-repeat:no-repeat;background-size:contain;background-position:50%; font-size: 18px; }.flag-icon{position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em} .flag-icon-hr{background-image:url(../flags/4x3/hr.svg)} .flag-icon-ga.flag-icon-squared{background-image:url(../flags/1x1/ga.svg)}.flag-icon-en{background-image:url(../flags/4x3/gb.svg)} .flag-icon-sh.flag-icon-squared{background-image:url(../flags/1x1/sh.svg)}.flag-icon-de{background-image:url(../flags/4x3/de.svg)} .flag-icon-is.flag-icon-squared{background-image:url(../flags/1x1/is.svg)}.flag-icon-it{background-image:url(../flags/4x3/it.svg)} .flag-icon-ru{background-image:url(../flags/4x3/ru.svg)} .flag-icon-si{background-image:url(../flags/4x3/si.svg)} .qodef-button.qodef-layout--discontinuous { color: #b55c31;; background-color: transparent; border: 0; display: inline-flex; position: relative; } .qodef-button.qodef-html--link { font-size: 16px; line-height: 2.14286em; font-weight: 500; text-align: center; letter-spacing: .12em; position: relative; display: inline-flex; vertical-align: middle; width: auto; margin: 15px 0; text-decoration: none; text-transform: uppercase; border-radius: 0; outline: 0; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; padding: 12px 35px 11px; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-left { top: -1px; left: 0; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-right, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-left { width: 6.35%; height: 1px; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-right { top: -1px; right: 0; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-left, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-right { width: 70.5%; height: 1px; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-right { top: 0; right: 0; } .qodef-button.qodef-layout--discontinuous .qodef-blob-btn-left, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-right { width: 1px; height: 100%; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-right { bottom: -1px; right: 0; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-right, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-left { width: 6.35%; height: 1px; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-left { bottom: -1px; left: 0; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-bottom-left, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-top-right { width: 70.5%; height: 1px; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous .qodef-blob-btn-left { top: 0; left: 0; } .qodef-button.qodef-layout--discontinuous .qodef-blob-btn-left, .qodef-button.qodef-layout--discontinuous .qodef-disc-btn-right { width: 1px; height: 100%; } .qodef-button.qodef-layout--discontinuous .qodef-disc-btn { position: absolute; content: ''; background-color: #b55c31; transition: width 1s ease; } .qodef-button.qodef-layout--discontinuous:hover .qodef-disc-btn-bottom-right, .qodef-button.qodef-layout--discontinuous:hover .qodef-disc-btn-top-left { width: 70.5%; } .qodef-button.qodef-layout--discontinuous:hover .qodef-disc-btn-bottom-left, .qodef-button.qodef-layout--discontinuous:hover .qodef-disc-btn-top-right { width: 6.35%; } .breadcrumb ol { list-style-type: none; margin-bottom: 0; padding: 0; } .navbar-right { float: right !important; margin-right: 0; display: block; } .navbar .reservation-button { font-size: 16px; } .navbar-bg-switch { position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; z-index: 999; padding: 0; } .logo { padding-top: 1px; margin: 0 0 0 10px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; width: 185px; } .weather { display: flex; justify-content: center; } .main-navigation .navbar-nav li a { font-size: 16px; font-weight: 400; text-align: left; text-decoration: none; margin: 0 auto; padding: 38px 15px 20px 15px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; color: #5f5f5f; } .main-navigation .navbar-nav li:last-child a { margin: 0 50px 0 0; } @media only screen and (max-width: 880px) { .main-navigation .navbar-nav li:last-child a { margin: 0; } } @media only screen and (max-width: 880px) { .main-navigation .navbar-nav li a { padding: 33px 15px 0 15px; right: 25px; } } .main-navigation .navbar-nav li a:hover { color: #b55c31; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .nav li a:focus, .nav li a:hover { color: #fff; background: none; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .main-navigation-bg { height: 65px; -webkit-box-shadow: 0 0 15px rgba(196, 196, 196, .35); -moz-box-shadow: 0 0 15px rgba(196, 196, 196, .35); box-shadow: 0 0 15px rgba(196, 196, 196, .35); background-color: rgba(255, 255, 255, .8); -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; backdrop-filter: blur(5px); } .main-navigation-bg .reservation-button { margin-top: 5px !important; } .main-navigation-bg .logo img { padding-top: 2px; width: 190px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .main-navigation-bg .main-navigation .navbar-nav li a { color: #5f5f5f; padding: 18px 15px 15px 15px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } @media only screen and (max-width: 880px) { .main-navigation-bg .main-navigation .navbar-nav li a { padding: 32px 15px 0 15px; } } @media only screen and (max-width: 767px) { .main-navigation-bg .main-navigation .navbar-nav li a { padding: 10px 15px; } .main-navigation .navbar-nav li:first-child { padding-top: 7px; } } .main-navigation-bg .main-navigation .navbar-nav li a:hover { color: #b55c31; } .navbar-nav .active a { color: #ccc!important; background: none; text-decoration: none; } /* dropdown */ .navbar .navbar-nav > li { height: 110px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } @media only screen and (max-width: 767px) { .navbar .navbar-nav > li { height: auto; } } .navbar .navbar-nav > li.open > a:hover, .navbar .navbar-nav > li.open > a:focus { background-color: #fff; } .main-navigation-bg.navbar .navbar-nav > li { height: 80px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } @media only screen and (max-width: 767px) { .main-navigation-bg.navbar .navbar-nav > li { height: auto; } } .main-navigation .navbar-nav li .dropdown-menu a { font-size: 16px; color: #5f5f5f; padding: 15px; } .dropdown-menu li a { color: #5f5f5f!important; } .main-navigation .navbar-nav li .dropdown-menu a:hover { color: #b55c31!important; } .main-navigation .navbar-nav li .dropdown-menu:last-child a { margin: 0; } /* .dropdown:hover .dropdown-menu { right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } */ @media only screen and (max-width: 767px) { .dropdown:hover .dropdown-menu { left: auto; -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (min-width: 768px) { .dropdown:hover .dropdown-menu { display: block; position: absolute; } } @media only screen and (max-width: 767px) { .dropdown-menu > li:first-child { margin-top: -7px; } } /* .dropdown-menu > li:last-child { padding-bottom: 25px!important; } */ @media only screen and (max-width: 767px) { .dropdown-menu > li:last-child { padding-bottom: 0!important; } } .dropdown-menu { border: 1px solid #eee; border-radius: 0; -webkit-box-shadow: 0 10px 10px rgba(196, 196, 196, .35); -moz-box-shadow: 0 10px 10px rgba(196, 196, 196, .35); box-shadow: 0 10px 10px rgba(196, 196, 196, .35); } /* navbar dropdown BG color */ .navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover { background: rgba(255, 255, 255, 1); } /* dropdown disabled */ .dropdown a.disabled-custom { -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } @media only screen and (max-width: 880px) { .dropdown a.disabled-custom { -webkit-pointer-events: auto; -moz-pointer-events: auto; pointer-events: auto; } } /* borders */ .extra-margin-border { position: relative; height: auto; min-height: inherit; margin-left: 50px; margin-right: 50px; background: none; } .border-top, .border-top.top-position-primary { position: absolute; background: rgba(255, 255, 255, .2); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; z-index: 105; border-top: 1px solid rgba(255, 255, 255, .2)!important; } .border-top.top-position-primary { background: none; } .border-top { width: 100%; height: 1px; top: 110px; } .border-top.top-position-primary { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } .overlay:before { content: ""; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .img_container_2 { position: relative; height: 100%; } .img_container_2 .short_info { z-index: 2; bottom: 0; } .short_info { position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(top,transparent,#000); background: linear-gradient(to bottom,transparent,#000); width: 100%; padding: 45px 10px 17px 20px; color: #fff; line-height: 1; } .short_info .naslov { float: left; font-size: 28px; font-weight: 400; display: inline-block; } .modal-wrapper { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999; background-color: rgba(0,0,0, 0.7); overflow-y: scroll; transition: all 1.7s; } .modal-box3 { border: 4px solid #A88746; color: #fff; padding: 0; margin: 55px auto; position: relative; max-width: 700px; display: flex; } .modal-box3 .modal-big-img { width: 100%; } .close-modal { position: absolute; top: -20px; right: -20px; padding: 6px 11px 3px 11px; cursor: pointer; border-radius: 50%; border: 1px solid #fff; background: #000; } .close-modal .fa-lg { line-height: normal; vertical-align: unset; } .thumb1 { width: 100%; max-height: 350px; min-height: 350px; overflow: hidden; background-color: rgba(0,0,0,1); opacity: 0.8; transition: opacity .35s ease-in-out; } .thumb1:hover { opacity: 1; } .qodef-m-content { position: relative; display: inline-block; width: 100%; vertical-align: top; } .qodef-m-content p{ font-style: italic; font-size: 45px; display: inline-flex; color: #000; } .hero-fullscreen { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0; } .hero-bg { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .hero-fullscreen-FIX { width: 100%; height: 100%; } .to-top-arrow { position: fixed; right: 80px; bottom: -10px; width: 50px; height: 50px; line-height: 47px; cursor: pointer; font-size: 16px; text-align: center; color: #fff; background: #111; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; z-index: 105; } /* galerija */ .gallery-item { max-width: 320px; width: 100%; height: 400px; margin: 10px 10px; position: relative; opacity: 0; transform: scale(0); transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .gallery-item:hover { transform: scale(1.05) !important; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.47); z-index: 2; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; } .album { padding: 8px 30px; border: 1px solid #5f5f5f; margin: 10px; cursor: pointer; border-radius: 5px; color: #5f5f5f; transition: background-color 0.5s, color 0.5s; } .album:hover { color: #fff; background-color: #b55c31; } .gallery-active { color: #fff; background-color: #b55c31; } .my-container { overflow: hidden; } @media only screen and (max-width: 995px) { .to-top-arrow { right: 80px; } } @media only screen and (max-width: 880px) { .to-top-arrow { right: 30px; } } @media only screen and (max-width: 767px) { .to-top-arrow { right: 15px; } .modal-box3 { max-width: 340px; } } .to-top-arrow.show { bottom: 60px; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media only screen and (max-width: 995px) { .to-top-arrow.show { bottom: 60px; } } @media only screen and (max-width: 880px) { .to-top-arrow.show { bottom: -5px; } } .to-top-arrow:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .scroll-indicator-wrapper { position: absolute; width: 1px!important; height: 100%; left: -1px; right: 0; margin-left: auto; margin-right: auto; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transition: all .7s; } .scroll-indicator { position: absolute; bottom: 100px; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); z-index: 1005; } @media only screen and (max-width: 767px) { .scroll-indicator { bottom: 50px; } } .scroll-line { display: block; width: 1px; height: 50px; background: none; } @media only screen and (max-width: 767px) { .scroll-line { height: 25px; } } .scroll-line::before { content: ""; display: block; width: 1px; height: 50%; top: 0; background-color: #fff; -webkit-animation: scroll-down 2s ease-in-out infinite; -ms-animation: scroll-down 2s ease-in-out infinite; animation: scroll-down 2s ease-in-out infinite; } @-webkit-keyframes scroll-down { 0% { height: 0; } 50% { height: 100%; } 70% { height: 100%; transform: scaleY(0.5); transform-origin: bottom; } 100% { height: 100%; transform: scaleY(0); transform-origin: bottom; } } @-ms-keyframes scroll-down { 0% { height: 0; } 50% { height: 100%; } 70% { height: 100%; transform: scaleY(0.5); transform-origin: bottom; } 100% { height: 100%; transform: scaleY(0); transform-origin: bottom; } } @keyframes scroll-down { 0% { height: 0; } 50% { height: 100%; } 70% { height: 100%; transform: scaleY(0.5); transform-origin: bottom; } 100% { height: 100%; transform: scaleY(0); transform-origin: bottom; } } .gallery-img-frame { width: 265px; float: left; margin: 5px; height: 185px; max-height: 185px; overflow: hidden; } .gallery-img-frame img{ width: 100%; } .parallax-content { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; } .parallax-overlay, .parallax-overlay-video-testimonials { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .parallax-overlay { background: rgba(0, 0, 0, .45); } .parallax-overlay-video-testimonials { background: rgba(0, 0, 0, .3); } .parallax { display: block; width: 100%; height: 100%; overflow: hidden; padding: 300px 0; } .parallax-v { height: 600px; padding-top: 0; padding-bottom: 56.25%; } .parallax-all { position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; border: none; z-index: 1; } /* parallax button more */ .more-wraper-center { position: relative; /* width: 120px!important; max-width: 120px; */ height: 120px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; z-index: 1; } .more-wraper-center.more-wraper-center-form { /* margin: 5px auto 0 auto; */ margin: -5px auto 0 auto; bottom: -20px; } .more-button-bg-center { background: #fff; border: 2px dashed #fff; } .more-button-bg-center.more-button-bg-center-dark { background: #fff; border: 2px dashed #111; } .more-button-circle { display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-clip: content-box; padding: 2.5px; cursor: pointer; } .more-wraper-center:hover .more-button-circle { -webkit-animation: spin 5s linear infinite; -moz-animation: spin 5s linear infinite; -ms-animation: spin 5s linear infinite; -o-animation: spin 5s linear infinite; animation: spin 5s linear infinite; } .more-button-txt-center { position: absolute; top: 60px; left: 60px; width: 120px!important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: normal; line-height: normal; color: #111; margin: 0 auto; cursor: pointer; } .more-button-txt-center span { color: #111; } .view-page-wrap { margin-top: 110px; } .content h1 { font-size: 38px; font-weight: 700; text-align: center; margin: 15px 20px 35px 20px; } .content a { text-decoration: underline; } .icon-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; margin-top: 50px; } .iconsmjestaj { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; border: 2px solid #9c9c9c; margin: 0 25px; } .iconsmjestaj i { font-size: 36px; } .noallowed::after { content: "\0020"; position: absolute; width: 90%; height: 3px; background-color: red; /* Line color */ transform: rotate(-45deg); } .big_img { float: left; margin-right:35px; margin-bottom: 35px; max-width: 530px; } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } /* 12. fullwidth IMG */ .img-fullwidth-wrapper { position: relative; } .img-fullwidth { min-height: 600px; } @media (min-width: 992px) { .img-fullwidth { position: absolute; width: 50vw; height: auto; top: 0; bottom: 0; } } @media only screen and (max-width: 640px) { .img-fullwidth { min-height: 350px; } } .img-fullwidth-all { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } /* 13. preloader */ .preloader-bg { position: fixed; width: 100%; height: 100%; overflow: hidden; background: #fff; z-index: 999999; } #preloader { position: fixed; display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; background: #fff; z-index: 999999; } #preloader-status { display: table-cell; vertical-align: middle; } .preloader-position { position: relative; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .loader { position: relative; width: 45px; height: 45px; left: 50%; top: auto; margin-left: -22px; margin-top: 2px; -webkit-animation: rotate 1s infinite linear; -moz-animation: rotate 1s infinite linear; -ms-animation: rotate 1s infinite linear; -o-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; border: 3px solid rgba(17, 17, 17, .15); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .loader span { position: absolute; width: 45px; height: 45px; top: -3px; left: -3px; border: 3px solid transparent; border-top: 3px solid rgba(17, 17, 17, .75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 14. hover effect */ .hover-icons { position: absolute; width: 100%; top: 50%; left: 15px; text-align: center; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; } @media only screen and (min-width: 1024px) { .hover-icons { left: 10px; } } @media only screen and (max-width: 880px) { .hover-icons { left: 5px; } } @media only screen and (max-width: 640px) { .hover-icons { left: 0; } } .hover-icons a { position: relative; display: inline-block; vertical-align: middle; text-decoration: none; width: 50px; height: 50px; line-height: 50px; margin: 0 4px; font-size: 20px; background: #111; border: 1px solid #111; color: #fff; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .hover-icons a.iw-slide-left { -webkit-transform: translate3d(-60px,0,0); -moz-transform: translate3d(-60px,0,0); -ms-transform: translate3d(-60px,0,0); -o-transform: translate3d(-60px,0,0); transform: translate3d(-60px,0,0); } .hover-icons a.iw-slide-right { -webkit-transform: translate3d(60px,0,0); -moz-transform: translate3d(60px,0,0); -ms-transform: translate3d(60px,0,0); -o-transform: translate3d(60px,0,0); transform: translate3d(60px,0,0); } .hover-effect-img:hover .hover-icons a { padding: 0; -webkit-transform: translate3d(0,0,0)!important; -moz-transform: translate3d(0,0,0)!important; -ms-transform: translate3d(0,0,0)!important; -o-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; } .hover-icons a:hover { background: #111; border: 1px solid #111; color: #fff; } .hover-icons a:hover:after { background: #111; } .hover-effect-img:hover .hover-icons { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hover-icons a:before { position: relative; z-index: 1; } .hover-icons a i { position: relative; z-index: 1; } .hover-effect-img { position: relative; z-index: 5!important; } .hover-effect { position: absolute; background: #fff; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .hover-effect { /* width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height: -webkit-calc(100% - 80px); height: -moz-calc(100% - 80px); height: calc(100% - 80px); */ top: 40px; left: 40px; bottom: 40px; right: 40px; } @media only screen and (max-width: 880px) { .hover-effect { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; bottom: 15px; right: 15px; } } .hover-effect-img:hover .hover-effect { opacity: 0.45; -moz-opacity: 0.45; -webkit-opacity: 0.45; filter: alpha(opacity=45); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .legendary-gallery { position: relative; margin: -20px 20px 0 20px; z-index: 0; } @media only screen and (max-width: 880px) { .legendary-gallery { margin: 0 15px; } } .legendary-gallery figure { padding: 20px; } @media only screen and (max-width: 880px) { .legendary-gallery figure { padding: 0; } } .legendary-gallery figure:last-child { margin-bottom: 20px; } @media only screen and (max-width: 880px) { .legendary-gallery figure:last-child { margin-bottom: 15px; } } .legendary-gallery .img-caption { display: none; } .move-down { margin-bottom: 0; } @media only screen and (max-width: 880px) { .move-down { margin-bottom: 15px; } } /* 15. google maps */ #google-maps-wrapper { position: relative; width: 100%; height: 600px; overflow: hidden; -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); bottom: -59px; margin: -59px auto 0 auto; } .google-maps { width: 100%; height: 600px; } .google-maps iframe { position: relative; top: -59px; width: 100%; height: 600px; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } @media all and (min-width: 1920px) { .hero-heading { font-size: 65px; margin: -8px auto 0 auto; } } @media only screen and (max-width: 995px) { .hero-heading { font-size: 45px; margin: -6px auto 0 auto; } } @media only screen and (max-width: 880px) { .hero-heading { padding: 0 25px; } } @supports((text-stroke: 1px #fff) or (-webkit-text-stroke: 1px #fff)) { .hero-heading span { color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; text-shadow: none; } } .hero-heading.hero-heading-dark { color: #111; } @supports((text-stroke: 1px #111) or (-webkit-text-stroke: 1px #111)) { .hero-heading.hero-heading-dark span { color: transparent; -webkit-text-stroke: 1px #111; text-stroke: 1px #111; text-shadow: none; } } @media all and (min-width: 1920px) { h2.hero-heading { font-size: 65px; margin: -8px auto -9px auto; } } @media only screen and (max-width: 995px) { h2.hero-heading { font-size: 24px; margin: -6px auto; } } @media only screen and (max-width: 880px) { h2.hero-heading { padding: 0 25px; } } @supports((text-stroke: 1px #fff) or (-webkit-text-stroke: 1px #fff)) { h2.hero-heading span { color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; text-shadow: none; } } h2.hero-heading.hero-heading-dark { color: #111; } @supports((text-stroke: 1px #111) or (-webkit-text-stroke: 1px #111)) { h2.hero-heading.hero-heading-dark span { color: transparent; -webkit-text-stroke: 1px #111; text-stroke: 1px #111; text-shadow: none; } } .hero-subheading { position: relative; font-size: 12px; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.05em; line-height: normal; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: -1px auto; z-index: 1; } .hero-subheading.hero-subheading-dark { color: #111; } .hero-subheading span { position: relative; display: inline-block; padding-right: 60px; margin-right: 30px; line-height: 1; color: #fff; } @media only screen and (max-width: 880px) { .hero-subheading span { padding-right: 40px; margin-right: 20px; } } .hero-subheading.hero-subheading-dark span { color: #111; } .hero-subheading span::before { content: ""; position: absolute; display: block; top: 50%; right: 0; width: 30px; height: 0; margin-top: -1px; border-top: 1px solid #fff; } @media only screen and (max-width: 880px) { .hero-subheading span::before { width: 20px; } } .hero-subheading.hero-subheading-dark span::before { border-top: 1px solid #111; } .color-switch { color: #111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .col-all .color-switch { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .col-all:hover .color-switch { color: #5f5f5f; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } /* 17. blockquote */ .testimonial { position: relative; text-align: left; margin: -5px 0 -30px 0; } .testimonial.testimonial-bottom { margin: -5px 0 -30px 0; } .testimonial .inner { margin: 0 auto; padding: 0; } .testimonial blockquote { position: relative; color: #5f5f5f; font-size: 20px; font-style: italic; font-weight: 600; line-height: 2; margin-bottom: 25px; padding: 0; z-index: 1; } q, blockquote { quotes: none; } .quote-inner a, .quote-inner a:hover { color: #5f5f5f; text-decoration: none; } .testimonial blockquote::before { content: "\201C"; position: absolute; color: rgba(17, 17, 17, .15); font-family: Georgia, serif; font-size: 165px; font-style: normal; left: 0; top: -90px; z-index: -10; } .panel-wrapper { position: relative; background: none; width: 100%; height: calc(100% + 300px); margin: -25px auto -45px 0; z-index: 1; } .panel-title { position: relative; font-size: 13px; font-style: normal; font-weight: 800; text-transform: uppercase; padding: 0; text-align: left; letter-spacing: 0.02em; color: #5f5f5f; line-height: 2; margin-left: -15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (max-width: 1200px) { .panel-title { font-size: 14px; } } .panel-title-span { color: #5f5f5f; } .panel-group .panel { border: none; background: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .panel-group .panel .panel-heading { border: none; background: none; } .panel-group .panel .panel-heading h4 a { display: block; background: none; padding: 15px; -webkit-transition: 0.15s all ease-in-out; -moz-transition: 0.15s all ease-in-out; -ms-transition: 0.15s all ease-in-out; -o-transition: 0.15s all ease-in-out; transition: 0.15s all ease-in-out; } .panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) { background: none; -webkit-transition: 0.15s all ease-in-out; -moz-transition: 0.15s all ease-in-out; -ms-transition: 0.15s all ease-in-out; -o-transition: 0.15s all ease-in-out; transition: 0.15s all ease-in-out; } .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before { content: "\f209"; font-family: "Ionicons"; } .ion { font-size: 15px; padding-right: 10px; } .panel-group .panel .panel-heading h4 a i { position: relative; display: block; top: 6px; left: -15px; color: #5f5f5f; text-align: center; } .panel-group .panel .panel-body { padding-top: 0; } .panel-group .panel .panel-heading + .panel-collapse > .list-group, .panel-group .panel .panel-heading + .panel-collapse > .panel-body { border-top: none; background: none; text-align: center; padding: 25px 0; } .panel-group .panel + .panel { border: none; margin-top: 0; } .panel-body p { text-align: left; color: #5f5f5f; } .cookiealert { color: #8C8C8C; font-size: 15px; padding: 15px 20px; background: #fff; border-radius: 10px; position: fixed; bottom: 2%; left: 2%; width: 250px; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 500ms ease-out; box-shadow: 0 0 15px #ccc; } .cookiealert span{ display: block; margin-bottom: 10px; } .cookiealert i { color: #dfc56d; } .cookiealert a { color: #AB3434; text-decoration: underline; } .cookiealert a:hover { text-decoration: none; } .cookiealert .left{ float: left; } .cookiealert .right{ float: right; } .cookiealert .acceptcookies { color: #fff!important; background-color: #82b440; padding: 3px 15px; border-radius: 5px; text-decoration: none; border: 1px solid #55752A; } .cookiealert .acceptcookies:hover { background-color: #55752A; border: 1px solid #55752A; text-decoration: none; } .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; } .back-to-top { position: fixed; right: 35px; bottom: 35px; background-color: #121212; color: #fff; z-index: 11; width: 50px; height: 50px; line-height: 36px; border-radius: 50%; } .back-to-top:hover { background-color: #fff; color: #333; } .back-to-top:focus { box-shadow: 0 0 0 .2rem rgba(247,206,104,.25); } .nivago { display: inline; text-align:center; font-size:13px; } .nivago a { color: #777; } .nivago a:hover { color: #b55c31; } .footercat { display: inline-block; margin: 0 25px; font-size: 14px; padding: 15px; } .footercat a { font-size: 14px; } .footer-credits { text-align: center; } .footer-credits-logo { margin: 1px auto -7px auto; } #contact h3{ font-style: italic; text-align: center; font-weight: 300; line-height: 1.5; } /* social icons */ .social-icons { position: relative; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; font-style: normal; text-transform: uppercase; color: #111; background: none; border: none; width: auto; height: auto; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; margin: -5px auto -4px auto; } .social-icons li { display: inline; padding: 15px; } .social-icons li span { color: #ccc; padding: 0 10px; } /* copyright */ .copyright { position: relative; margin: 0 auto; text-align: center; font-size: 9px; text-transform: uppercase; letter-spacing: 0.05em; margin: -5px auto -8px auto; color: #111; font-weight: 800; } /* 21. link effect */ a.link-effect { position: relative; display: inline-block; text-decoration: none; color: inherit; } a.link-effect::after { content: ""; position: absolute; display: block; width: 100%; height: 1px; left: 0; bottom: 0; padding: 0; background-color: #5f5f5f; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } a.link-effect.link-effect-light::after { background-color: #fff; } a.link-effect:hover::after { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* 22. home quotes */ .home-quotes-wrap { position: relative; } /* 23. extras */ .section-all { position: relative; height: auto; min-height: inherit; overflow: hidden; margin-left: 40px; margin-right: 40px; } @media only screen and (max-width: 880px) { .section-all { margin-left: 0; margin-right: 0; } } /* 24. menu selector */ .item-selector { display: flex; justify-content: center; flex-wrap: wrap; margin: -5px 0 0 0; padding: 0; } .item-button { position: relative; font-size: 15px; font-weight: 800!important; text-align: center; text-transform: uppercase; color: #5f5f5f!important; line-height: 1; letter-spacing: -0.04em; margin: 4px 0 0 0; padding: 0; } .menu { display: none; } @media (min-width: 767px) { .menu { grid-column-gap: 40px; grid-template-columns: repeat(2, 1fr); } } .menu-visible { display: grid; } .item-wrapper { display: flex; align-items: baseline; } .item-name { font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase; color: #5f5f5f; line-height: 1.5; letter-spacing: -0.04em; } .item-divider { flex: 1; border-bottom: 1px dashed #5f5f5f; margin: 0 15px; } .item-price { font-size: 13px; font-weight: 800; text-align: center; text-transform: uppercase; color: #5f5f5f; line-height: 1.5; letter-spacing: -0.04em; } .item-description { margin: 0 0 50px 0; } /* 25. carousel ALL */ .carousel-img-item-all { position: relative; width: 100%; height: 100%; min-height: 600px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (max-width: 995px) { .carousel-img-item-all { min-height: 500px; } } /* 26. team box */ .team-box { position: absolute; left: 0; bottom: 0; padding: 10px 15px; background: #f7f7f7; font-size: 15px; font-weight: 800; text-align: center; text-transform: uppercase; color: #111; line-height: 1.5; letter-spacing: -0.04em; } @media only screen and (max-width: 880px) { .team-box { padding: 5px 10px; } } .team-box span { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; color: #5f5f5f; } /* 27. hover effect */ .hover-effect.the-team { position: absolute; background: #fff; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: default; } .hover-effect.the-team { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; bottom: 20px; right: 20px; } @media only screen and (max-width: 880px) { .hover-effect.the-team { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; bottom: 15px; right: 15px; } } /* 28. BG color */ .bg-light { background: #fff!important; } .bg-dark { background: #f7f7f7!important; } /* 29. hero bg */ .hero-bg { position: absolute; width: 100%; height: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } /* .hero-bg, .hero-bg-show { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } */ /* .hero-bg, .hero-bg-FIX { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } */ /* .hero-bg-FIX { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } */ .hero-bg-show { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* 30. PhotoSwipe CUSTOM */ .pswp__bg { background: #fff; } .pswp__counter { color: #111; opacity: 1; } .pswp__caption__center { color: #111; } .pswp__share-modal { background: rgba(255, 255, 255, 0.5); } .pswp__img--placeholder--blank { background: #fff; } .pswp__top-bar, .pswp__caption { background-color: rgba(255, 255, 255, 1); } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(255, 255, 255, 1); } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../photoswipe/default-skin/default-skin-reverse.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { /* background-image: url(../photoswipe/default-skin/default-skin.svg); */ } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(255, 255, 255, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 31. Owl Carousel CUSTOM */ .owl-carousel { cursor: grab; } .owl-carousel-testimonials p { font-weight: 400; font-style: italic; font-size: 22px; } .owl-nav-custom-rooms, .owl-nav-custom-facilities, .owl-nav-custom-team, .owl-nav-custom-all, .owl-nav-custom-menu { position: relative; width: 114px!important; max-width: 114px; height: 50px; left: 2px; right: 0; margin-left: auto; margin-right: auto; margin: 2px auto; text-align: center; overflow: hidden; } .owl-buttons { position: static; } .owl-prev, .owl-next { position: absolute; display: block; text-align: center; } .owl-prev { left: 0; } .owl-next { left: 60px; } .owl-prev, .owl-next { width: 50px; height: 50px; line-height: 50px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 12px; color: #fff; background: #111; cursor: pointer; z-index: 10; } .owl-prev:hover, .owl-next:hover { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .owl-prev.disabled, .owl-next.disabled { content: ""; position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; color: #fff; background: #ccc!important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); cursor: default!important; } /* 32. Swiper CUSTOM */ .swiper-container { width: 100%; height: 100%; margin: 0 auto; } .hero-slider-img .swiper-slide { position: relative; float: left; width: 100%; height: 100%; overflow: hidden; } .swiper-slide-txt { position: relative; width: 100%!important; padding: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; } @media only screen and (max-width: 995px) { .swiper-slide-txt { padding: 0 10px; left: 0; } } .swiper-slide-txt-inner { position: relative; max-width: 600px; } @media only screen and (max-width: 995px) { .swiper-slide-txt-inner { max-width: 100%; } } .hero-slider-bg-controls { position: absolute; right: 75px; bottom: 80px; z-index: 10; } @media only screen and (max-width: 880px) { .hero-slider-bg-controls { right: 25px; bottom: 15px; } } .swiper-slide-controls { display: inline-block; width: 50px; height: 50px; line-height: 50px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; font-size: 16px; color: #111; background: #fff; cursor: pointer; } .swiper-slide-controls.slide-prev, .swiper-slide-controls.slide-next { position: relative; width: 50px!important; left: 0; right: 0; margin-left: auto; margin-right: 6px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .swiper-slide-controls:hover { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; background: #fff; } @media only screen and (max-width: 880px) { .swiper-slide-controls.slide-next { margin-top: 10px; } } .swiper-slide-pagination { position: absolute; width: 8px; left: 80px; bottom: 78px; z-index: 10; } @media only screen and (max-width: 880px) { .swiper-slide-pagination { left: 30px; bottom: 12px; } } .swiper-slide-pagination::before { content: ""; position: absolute; top: -50px; left: 0; right: 0; bottom: -50px; background: none; } .swiper-slide-pagination .swiper-pagination-bullet { position: relative; width: 100%; height: 6px; background: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .swiper-slide-pagination .swiper-pagination-bullet:last-child { margin-bottom: 0; } .swiper-slide-pagination .swiper-pagination-bullet::before, .swiper-slide-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; width: 6px; height: 6px; top: 0; left: 50%; background: #fff; margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .swiper-slide-pagination .swiper-pagination-bullet::after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; margin: -4px 0 0 -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .swiper-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); background: #fff; } .slider-progress-bar { position: absolute; top: 0; left: 0; z-index: -1; } .circle-svg { position: relative; -webkit-transform: scale(1) rotate(-90deg); -moz-transform: scale(1) rotate(-90deg); -ms-transform: scale(1) rotate(-90deg); -o-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -ms-transition: -ms-transform .4s ease; -o-transition: -o-transform .4s ease; transition: transform .4s ease; } .circle-svg circle, .circle { fill: none; stroke: rgba(255, 255, 255, .55); stroke-dasharray: 3; stroke-width: 1px; } .slider-progress-bar.slider-active .circle { stroke-dashoffset: 200px; -webkit-transition: linear 4s stroke-dashoffset; transition: linear 4s stroke-dashoffset; } .swiper-slide-controls-play-pause { position: absolute; width: 50px; height: 50px; line-height: 50px; right: 201px; bottom: 80px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 16px; color: #fff; background: none; cursor: pointer; z-index: 10; } @media only screen and (max-width: 880px) { .swiper-slide-controls-play-pause { right: 150px; bottom: 15px; } } .swiper-slide-controls-play-pause:hover { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; background: none; } .swiper-slide-controls-play-pause i, .swiper-slide-controls-play-pause i { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .swiper-slide-controls-play-pause.slider-on-off i::before, .slider-on-off-switch { content: "\f478"; position: relative; width: 50px!important; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; } .swiper-container-wrapper { padding-top: 0!important; height: 100%!important; } .swiper-slide { overflow: hidden; } .swiper-slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #111; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-slide-inner-bg { position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; /* -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s; -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s; -ms-transition: opacity .6s ease-in-out, transform 2s ease .7s; -o-transition: opacity .6s ease-in-out, transform 2s ease .7s; transition: opacity .6s ease-in-out, transform 2s ease .7s; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); */ opacity: 0.2; -moz-opacity: 0.2; -webkit-opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .swiper-slide-inner-bg img{ object-fit: cover; height: 100%; width:100%; } .swiper-slide-duplicate-active .swiper-slide-inner-bg, .swiper-slide-active .swiper-slide-inner-bg { /* -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); */ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .swiper-slide-inner-txt { position: absolute; width: 80%!important; margin-left: auto; margin-right: auto; top: 60%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 15; } .swiper-slide-active .swiper-slide-inner-txt { /* -webkit-transition: opacity 1.8s ease 1.2s; -moz-transition: opacity 1.8s ease 1.2s; -ms-transition: opacity 1.8s ease 1.2s; -o-transition: opacity 1.8s ease 1.2s; transition: opacity 1.8s ease 1.2s; */ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* 33. Magnific Popup CUSTOM */ .mfp-bg { background: rgba(0, 0, 0, .7); } .mfp-arrow-left:after { font-family: "Ionicons"; content: "\f124"; font-size: 16px; font-weight: 500; color: #fff; margin-top: 22px; left: 15px; } .mfp-arrow-right:after { font-family: "Ionicons"; content: "\f125"; font-size: 16px; font-weight: 500; color: #fff; margin-top: 22px; right: 15px; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: crosshair; } .mfp-arrow-left:after, .mfp-arrow-left:before { border-right: none; } .mfp-arrow-right:after, .mfp-arrow-right:before { border-left: none; } .mfp-title, .mfp-counter { font-size: 13px; line-height: 1.5; font-style: normal; font-weight: 700; letter-spacing: 0.05em; color: #fff; } .mfp-close { font-weight: 500!important; color: #fff!important; cursor: pointer!important; } .mfp-arrow-left, .mfp-arrow-right { z-index: 99998!important; } .mfp-bg { z-index: 99996!important; } .mfp-wrap { z-index: 99997!important; } .mfp-content { z-index: 99998!important; } .mfp-close, .mfp-arrow { color: #fff; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* 34. Lity CUSTOM */ .lity { z-index: 99999; cursor: crosshair; background: rgba(0, 0, 0, .55); } .lity-close { top: 90px; right: 70px; font-weight: 500!important; } @media only screen and (max-width: 880px) { .lity-close { top: 5px; right: 5px; } } .lity-close:active { top: 90px; right: 70px; } @media only screen and (max-width: 880px) { .lity-close:active { top: 5px; right: 5px; } } .lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-shadow: none; } /* 35. contact */ /* contact modal */ .center-container-contact-modal { position: absolute; display: table; height: 100%; width: 100%; left: 0; top: 0; background: none; } .center-block-contact-modal { display: table-cell; vertical-align: middle; } .center-block-contact-modal-padding-top { padding: 100px 0 0 0; } .center-block-contact-modal-padding-bottom { padding: 0 0 100px 0; } .contact-modal-wrapper { position: relative; width: 50%; margin: 0 auto; } @media only screen and (max-width: 1200px) { .contact-modal-wrapper { width: 90%; } } .contact-modal { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: hidden; background: #111; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; overflow-x: hidden; overflow-y: auto; z-index: 99999; } .contact-modal.open { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: visible; background: #111; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .contact-modal-closer { position: relative; width: 50px; height: auto; margin: -5px auto 0 auto; font-size: 20px; text-align: center; color: #fff; cursor: pointer; } /* contact form */ #contact-form { position: relative; width: 100%; top: -20px; padding: 0; text-align: center; } form { margin: 0; padding: 0; } #form input { position: relative; width: 100%; height: 40px; border-bottom: 1px solid #111; border-left: none; border-right: none; border-top: none; padding: 5px 5px; background: none; margin: 10px 0 20px 0; font-size: 13px; line-height: 1.5; font-style: normal; font-weight: 600; text-align: center; color: #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form textarea { color: #111; margin: 16px 0 10px 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form input:hover, #form textarea:hover { border-color: rgba(17, 17, 17, .5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form input:focus, #form textarea:focus { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .success { font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; color: #5f5f5f; margin: 0 auto; padding: 50px 0 25px 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #form .error { position: absolute; display: block; font-size: 9px; text-transform: uppercase; color: #5f5f5f; margin: -13px 0 0 0; padding: 0; letter-spacing: 0.15em; font-weight: 700!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 200px!important; } .make-space { margin-left: 15px; margin-right: 15px; } ::-webkit-input-placeholder { font-size: 12px; color: #111; } :-ms-input-placeholder { font-size: 12px; color: #111; } ::-moz-placeholder { font-size: 12px; color: #111; } input:-moz-placeholder { font-size: 12px; color: #111; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } button { border: none; background: none; outline: none; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: normal; line-height: normal; color: #111; margin: 0 auto; cursor: pointer; } .news-modal .modal-content, .post-wrapper .post-content { min-height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: border-box; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; border: none; background: #fff; } .blog-quote { line-height: 100px; padding: 0 0 0 30px; border-left: 5px solid #5f5f5f; margin: 0; } .content .blog-quote { line-height: 1.75; padding: 0 0 0 30px; border-left: 5px solid #b55c31; margin: 0; font-weight: 800; color: #b55c31 !important; font-size: 28px; font-style: italic; } @media only screen and (max-width: 880px) { .blog-quote { padding: 0 0 0 30px; margin: 0; } } .blog-quote p { position: relative; font-style: normal; font-weight: 700; font-size: 45px; text-align: left; text-transform: none; letter-spacing: -0.02em; color: #5f5f5f; margin: -12px 0 0 0; top: -2px; width: 100%; line-height: 1.15; text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) { .blog-quote p { color: transparent; -webkit-text-stroke: 1px #5f5f5f; text-stroke: 1px #5f5f5f; text-shadow: none; } } @media only screen and (max-width: 995px) { .blog-quote p { font-size: 35px; } } @media only screen and (max-width: 880px) { .blog-quote p { font-size: 30px; margin: 0; top: 0; } } .blog-quote p span { color: #5f5f5f; -webkit-text-stroke: 1px #5f5f5f; text-stroke: 1px #5f5f5f; text-shadow: none; } /* news nopadding */ @media only screen and (max-width: 880px) { .nopadding { padding: 0!important; margin: 0!important; } } /* .nopadding.nopadding-xs { margin-left: -15px!important; margin-right: -15px!important; } */ @media only screen and (max-width: 880px) { .nopadding.nopadding-xs { margin-left: 0px!important; margin-right: 0px!important; } } .lower-page.lower-page-modal, .lower-page.lower-page-post { position: relative; height: auto; min-height: inherit; overflow: hidden; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 880px) { .lower-page.lower-page-modal, .lower-page.lower-page-post { padding: 0; } } /* news img */ .section-item img { width: 33vw; height: 66vh; object-fit: cover; } /* 37. extras */ h2.hero-heading span, /* h2.hero-heading.hero-heading-dark span, */ .hero-heading span, .hero-heading.hero-heading-dark span, .service-number, .blog-quote p, .blog-quote p span { -webkit-text-stroke: unset; text-stroke: unset; } h2.hero-heading span, .hero-heading span { color: #fff; } /* h2.hero-heading.hero-heading-dark span */ .hero-heading.hero-heading-dark span, .service-number { color: #111; } .blog-quote p, .blog-quote p span { color: #5f5f5f; } .testimonial blockquote { font-weight: 700; } .team-box { padding: 15px 20px; -webkit-border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -ms-border-radius: 0 20px 0 20px; -o-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px; } @media only screen and (max-width: 880px) { .team-box { padding: 10px 15px; } } .hover-effect { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .upper-page, .legendary-gallery, #google-maps-wrapper, .footer-credits-logo { z-index: 2; } .footer-credits-logo { position: relative; } .testimonial.testimonial-2 { text-align: left!important; } .testimonial.testimonial-2 .inner { max-width: 1080px!important; margin: 0 auto; padding: 0; } @media only screen and (max-width: 1200px) { .testimonial.testimonial-2 .inner { max-width: 940px!important; padding: 0; } } @media only screen and (max-width: 995px) { .testimonial.testimonial-2 .inner { padding: 0 25px; } } @media only screen and (max-width: 880px) { .testimonial.testimonial-2 .inner { padding: 0 15px; } } .testimonial.testimonial-2 blockquote { color: #e0e0e0; } .testimonial.testimonial-2 blockquote::before { color: rgba(224, 224, 224, .15); } .more-button-bg-center { background: none; border: 2px dashed #fff; } .more-button-bg-center.more-button-bg-center-dark { background: none; border: 2px dashed #fff; } .more-button-txt-center span { color: #fff; } .more-button-bg-center.more-button-bg-center-dark.more-button-bg-center-dark-close { background: none; border: 2px dashed #111; } .more-button-txt-center.more-button-txt-center-close span { color: #111; } .contact-modal, .contact-modal.open { background: #fff; } .contact-modal-closer { color: #111; } /* vertical lines */ .vertical-lines-wrapper { position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; margin: 0; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; z-index: 1; } .vertical-lines { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .vertical-effect { position: relative; width: 25%; height: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid rgba(188, 188, 188, .2); } .vertical-effect::before { content: ""; position: absolute; display: block; width: 3px; -webkit-animation-direction: normal; -moz-animation-direction: normal; -ms-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; } .vertical-effect:first-child::before, .vertical-effect:last-child::before { content: ""; position: absolute; right: -2px; } .vertical-effect:first-child::before { top: 0; -webkit-animation: raindrop 6s ease-out infinite; -moz-animation: raindrop 6s ease-out infinite; -ms-animation: raindrop 6s ease-out infinite; -o-animation: raindrop 6s ease-out infinite; animation: raindrop 6s ease-out infinite; } .vertical-effect:last-child::before { bottom: 0; -webkit-animation: raindrop-reverse 6s ease-out infinite; -moz-animation: raindrop-reverse 6s ease-out infinite; -ms-animation: raindrop-reverse 6s ease-out infinite; -o-animation: raindrop-reverse 6s ease-out infinite; animation: raindrop-reverse 6s ease-out infinite; } @-webkit-keyframes raindrop { 0% { top: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { top: 100%; height: 35%; } } @-ms-keyframes raindrop { 0% { top: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { top: 100%; height: 35%; } } @keyframes raindrop { 0% { top: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { top: 100%; height: 35%; } } @-webkit-keyframes raindrop-reverse { 0% { bottom: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { bottom: 100%; height: 35%; } } @-ms-keyframes raindrop-reverse { 0% { bottom: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { bottom: 100%; height: 35%; } } @keyframes raindrop-reverse { 0% { bottom: -10%; opacity: 0; height: 0; } 50% { opacity: 1; } 100% { bottom: 100%; height: 35%; } } /* swiper */ .swiper-slide-inner-bg-2 { position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .swiper-slide-duplicate-active .swiper-slide-inner-bg-2, .swiper-slide-active .swiper-slide-inner-bg-2 { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* swiper */ .swiper-slide-inner-txt-2 { position: absolute; width: 80%!important; margin-left: auto; margin-right: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-pointer-events: auto; -moz-pointer-events: auto; pointer-events: auto; z-index: 15; } /* swiper */ .swiper-slide.swiper-slide-3 { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .swiper-slide-inner-txt-3 { position: absolute; width: 80%!important; margin-left: auto; margin-right: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; z-index: 15; } .more-wraper-center.more-wraper-center-home { -webkit-pointer-events: auto; -moz-pointer-events: auto; pointer-events: auto; } /* 38. fullwidth box IMG */ .box-img { position: relative; display: block; width: 100%; height: 100%; margin: 0 auto -6px auto; overflow: hidden; z-index: 10; } .img-fullwidth-all img { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } /* 39. additionals */ /* vertical lines */ .vertical-effect::before { width: 1px; } .vertical-effect:first-child::before, .vertical-effect:last-child::before { right: -1px; } .vertical-effect:first-child::before { background: #5f5f5f; } .vertical-effect:last-child::before { background: #5f5f5f; } @-webkit-keyframes raindrop { 0% { top: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { top: 100%; height: 80px; } } @-ms-keyframes raindrop { 0% { top: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { top: 100%; height: 80px; } } @keyframes raindrop { 0% { top: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { top: 100%; height: 80px; } } @-webkit-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 80px; } } @-ms-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 80px; } } @keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 80px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 80px; } } @media all and (min-width: 1920px) { @-webkit-keyframes raindrop { 0% { top: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { top: 100%; height: 90px; } } @-ms-keyframes raindrop { 0% { top: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { top: 100%; height: 90px; } } @keyframes raindrop { 0% { top: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { top: 100%; height: 90px; } } @-webkit-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 90px; } } @-ms-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 90px; } } @keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 90px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 90px; } } } @media only screen and (max-width: 995px) { @-webkit-keyframes raindrop { 0% { top: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { top: 100%; height: 70px; } } @-ms-keyframes raindrop { 0% { top: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { top: 100%; height: 70px; } } @keyframes raindrop { 0% { top: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { top: 100%; height: 70px; } } @-webkit-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 70px; } } @-ms-keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 70px; } } @keyframes raindrop-reverse { 0% { bottom: 0; opacity: 0; height: 70px; } 50% { opacity: 1; } 100% { bottom: 100%; height: 70px; } } } /* Swiper CUSTOM */ .hero-slider-bg-controls { right: 44px; bottom: 50px; } @media only screen and (max-width: 880px) { .hero-slider-bg-controls { right: 15px; bottom: 20px; } } .swiper-slide-pagination { left: 50px; bottom: 48px; } @media only screen and (max-width: 880px) { .swiper-slide-pagination { left: 20px; bottom: 17px; } } .swiper-slide-controls-play-pause { right: 170px; bottom: 50px; } @media only screen and (max-width: 880px) { .swiper-slide-controls-play-pause { right: 140px; bottom: 20px; } } /* fullwidth IMG */ .img-fullwidth-wrapper { min-height: 650px; } .img-fullwidth { min-height: 650px; } /* extras */ .section-all { position: relative; height: auto; min-height: inherit; overflow: hidden; /* margin-left: 0; margin-right: 0; */ } @media only screen and (max-width: 880px) { .section-all { margin-left: 0; margin-right: 0; } } /* Owl Carousel CUSTOM */ .owl-nav-custom-news, .owl-nav-custom-rooms, .owl-nav-custom-facilities { position: relative; width: 114px!important; max-width: 114px; height: 50px; left: 2px; right: 0; margin-left: auto; margin-right: auto; margin: 2px auto; text-align: center; overflow: hidden; } /* hover effect */ .hover-effect-img:hover .hover-icons a { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .hover-icons a, .hover-icons a:hover, .hover-icons a:visited, .hover-icons a:active, .hover-icons a:focus { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } /* hover effect */ .hover-effect.the-team { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; cursor: grab; } .hover-effect-img hover-effect.the-team, .hover-effect-img:hover hover-effect.the-team { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } /* headings */ @media all and (min-width: 1920px) { .hero-heading { font-size: 85px; } } @supports((text-stroke: 1px #fff) or (-webkit-text-stroke: 1px #fff)) { .hero-heading span { color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; text-shadow: none; } } @supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) { h2.hero-heading.hero-heading-dark span { color: transparent; -webkit-text-stroke: 1px #5f5f5f; text-stroke: 1px #5f5f5f; text-shadow: none; } } h2.hero-heading { margin: -10px auto -5px auto; } @media only screen and (max-width: 995px) { h2.hero-heading { margin: -7px auto -3px auto; } } /* overlay */ .overlay-dark::before { background: rgba(0, 0, 0, .25); -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } /* blockquote */ .testimonial blockquote { font-size: 40px; font-style: normal; line-height: 1.75; } @media only screen and (max-width: 995px) { .testimonial blockquote { font-size: 24px; } } .testimonial blockquote::before { display: none; visibility: hidden; } /* team box */ .team-box { text-align: left; } .team-box span { display: block; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; color: #5f5f5f; text-align: left; } /* hover effect */ .legendary-gallery { margin: -15px 25px 0 25px; z-index: 2; } @media only screen and (max-width: 880px) { .legendary-gallery { margin: 5px 20px 0 20px; } } .legendary-gallery figure { padding: 25px; } @media only screen and (max-width: 880px) { .legendary-gallery figure { padding: 5px; } .move-down { margin-bottom: 0px!important; } } .legendary-gallery figure:last-child { margin-bottom: 25px; } @media only screen and (max-width: 880px) { .legendary-gallery figure:last-child { margin-bottom: 20px; } } .move-down { margin-bottom: 0; } @media only screen and (max-width: 880px) { .move-down { margin-bottom: 20px; } } /* legendary gallery img FIX */ .legendary-gallery img { width: 50vw; height: 66vh; object-fit: cover; } @media only screen and (max-width: 995px) { .legendary-gallery img { height: 35vh; } } /* h2.hero-heading.hero-heading-dark span */ .testimonial.testimonial-2 .inner { max-width: inherit!important; padding: 0 50px; } @media all and (min-width: 1920px) { .testimonial.testimonial-2 .inner { max-width: 1180px!important; padding: 0 20px; } } @media only screen and (max-width: 1200px) { .testimonial.testimonial-2 .inner { max-width: inherit!important; padding: 0 30px; } } @media only screen and (max-width: 995px) { .testimonial.testimonial-2 .inner { padding: 0 50px; } } @media only screen and (max-width: 880px) { .testimonial.testimonial-2 .inner { padding: 0 80px; } } @media only screen and (max-width: 767px) { .testimonial.testimonial-2 .inner { padding: 0 20px; } h2.hero-heading { margin: -7px auto -3px auto; } .swiper-slide-controls-play-pause { right: 140px; bottom: 20px; } .swiper-slide-pagination { left: 20px; bottom: 17px; } .hero-slider-bg-controls { right: 15px; bottom: 20px; } .swiper-slide-controls-play-pause { right: 135px; } .swiper-slide-pagination { left: 15px; } .hero-slider-bg-controls { right: 10px; } .iconsmjestaj { margin: 0 5px; } .legendary-gallery img { height: auto; width: 100%; } } /* to top arrow */ .to-top-arrow { right: 50px; } @media only screen and (max-width: 995px) { .to-top-arrow { right: 50px; } } @media only screen and (max-width: 880px) { .to-top-arrow { right: 20px; } } @media only screen and (max-width: 767px) { .to-top-arrow { right: 20px; } } .to-top-arrow.show { bottom: 30px; } @media only screen and (max-width: 995px) { .to-top-arrow.show { bottom: 30px; } } @media only screen and (max-width: 880px) { .to-top-arrow.show { bottom: 0; } } @media only screen and (max-width: 767px) { .to-top-arrow.show { bottom: 0; } } /* parallax button more */ .more-button-txt-center.more-button-txt-center-close span { font-size: 13px; font-weight: 500; letter-spacing: 0.05em; color: #111; } @media only screen and (max-width: 995px) { .more-button-txt-center.more-button-txt-center-close span { font-size: 12px; letter-spacing: -0.02em; } } /* parallax button more */ @media only screen and (max-width: 995px) { .more-button-txt-center { font-size: 12px; letter-spacing: -0.02em; } } .more-button-txt-center { font-size: 13px; font-weight: 500; letter-spacing: 0.05em; } /* Swiper CUSTOM */ .swiper-slide-controls { color: rgba(255, 255, 255, .55); background: none; } .swiper-slide-controls:hover { background: none; } .circle-svg { position: absolute; left: 0; } /* blog news */ /* news quote */ @media only screen and (max-width: 880px) { .blog-quote { padding: 0 0 0 20px; } } .blog-quote p { font-size: 35px; top: 2px; line-height: 1.75; } @media only screen and (max-width: 995px) { .blog-quote p { font-size: 30px; } } @media only screen and (max-width: 880px) { .blog-quote p { font-size: 25px; } } @media only screen and (max-width: 767px) { .blog-quote p { top: -2px; } } /* social icons */ .social-icons { font-size: 20px; font-weight: 500; letter-spacing: 0; text-decoration: none; } .social-icons li a:hover { font-weight: 400; color: #b55c31!important; text-decoration: none; } /* blockquote */ .testimonial { margin: -15px 0 -37px 0; } @media only screen and (max-width: 995px) { .testimonial { margin: 0px 0 -30px 0; } } @media all and (min-width: 1920px) { .parallax { padding: 140px 0; } } .lity-close { top: 40px; right: 40px; } @media only screen and (max-width: 880px) { .lity-close { top: 10px; right: 10px; } } .lity-close:active { top: 40px; right: 40px; } @media only screen and (max-width: 880px) { .lity-close:active { top: 10px; right: 10px; } } /* font weight */ h4, .item-button, /* .item-name, .item-price, */ .team-box, button { font-weight: 700; } .intro-years h2, .intro-years h4 { font-weight: 800!important; } /* 40. finals */ /* section title */ .section-title h2 { font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; color: #fff; line-height: 1; letter-spacing: -0.02em; margin: 0 auto; } .section-title.section-title-dark h2 { color: #5f5f5f; } @media only screen and (max-width: 995px) { .section-title h2 { font-size: 13px; } } .section-title-line>span { position: relative; display: inline-block; line-height: 1px; padding: 0 30px; } .section-title-line>span::before, .section-title-line>span::after { content: ""; position: absolute; display: block; width: 15px; height: 1px; top: 0; background-color: #fff; } .section-title-line.section-title-line-dark>span::before, .section-title-line.section-title-line-dark>span::after { background-color: #5f5f5f; } .section-title-line>span::before { left: 0; } .section-title-line>span::after { right: 0; } /* intro years */ .intro-years { position: relative; width: auto; height: auto; margin: 0 auto; } .intro-years h2, .intro-years h4 { font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; color: #5f5f5f; line-height: 1; letter-spacing: -0.02em; } .intro-years h2 { margin: 0 auto; } .intro-years h4 { margin: 0 auto; } .intro-years h3 { position: relative; font-style: normal; font-weight: 700; font-size: 150px; text-align: center; text-transform: uppercase; letter-spacing: -0.02em; color: #fff; width: 100%; line-height: 100%; margin: -18px auto; z-index: 0; } /* the line */ .the-line { position: relative; width: 1px; height: 80px; background: #5f5f5f; margin: 1px auto; } @media all and (min-width: 1920px) { .the-line { height: 90px; } } @media only screen and (max-width: 995px) { .the-line { height: 50px; } } .the-line.the-line-light { background: #e0e0e0; } /* IMG carousel */ .carousel-item-img-wrapper { position: relative; height: auto; margin: 0; padding: 0; overflow: hidden; cursor: grab; } @media only screen and (max-width: 995px) { .carousel-item-img-wrapper { width: 100%; } } .carousel-item-img-wrapper.carousel-item-img-wrapper-all { height: auto; } .carousel-item-all { position: relative; width: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .carousel-item-all { height: 70vh; } /* circle wrapper */ .circle-wrapper { position: relative; display: block; overflow: hidden; width: 50%; padding-bottom: 50%; height: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 995px) { .circle-wrapper { width: 100%; padding-bottom: 100%; } } .circle-wrapper img, .circle-wrapper .mp4video { position: absolute; width: 100%; height: 100%; clip-path: circle(50% at 50% 50%); object-fit: cover; } .circle-wrapper-full { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: 100%; height: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; } .circle-wrapper-full .carousel-item-all { position: absolute; width: 100%; height: 100%; clip-path: circle(50% at 50% 50%); object-fit: cover; } .circle-wrapper-half { position: relative; display: inline-block; overflow: hidden; width: 25%; padding-bottom: 25%; height: auto; left: -75px; right: 0; margin-left: 50px; margin-right: auto; } @media only screen and (max-width: 995px) { .circle-wrapper-half { width: 100%; padding-bottom: 100%; left: 0; margin-left: 0; } } .circle-wrapper-half img, .circle-wrapper-half .mp4video { position: absolute; width: 100%; height: 100%; clip-path: circle(50% at 50% 50%); object-fit: cover; } h2 { position: relative; line-height: 1.7; font-style: normal; font-weight: 600; text-align: center; text-transform: none; margin: -7px auto 5px auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } @media only screen and (max-width: 995px) { h2 { font-size: 35px; margin: -4px auto 5px auto; } } @media only screen and (max-width: 880px) { h2 { padding: 0 5px; } } .footer-tag { font-size: 20px; font-weight: 600; text-align: center; } .blog-tag { font-size: 20px; font-weight: 500; color: #b55c31; font-style: italic; } .blog-tag.blog-tag-rooms { text-align: left; } .blog-tag.blog-tag-light { color: #f3bf3d; } /* post bg all */ .post-bg-all { width: 100%; height: auto; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .halves:hover .post-bg-all { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .all-bg-right { -webkit-border-radius: 0 50px 0 0; -moz-border-radius: 0 50px 0 0; -ms-border-radius: 0 50px 0 0; -o-border-radius: 0 50px 0 0; border-radius: 0 50px 0 0; } .all-bg-left { -webkit-border-radius: 0 0 0 50px; -moz-border-radius: 0 0 0 50px; -ms-border-radius: 0 0 0 50px; -o-border-radius: 0 0 0 50px; border-radius: 0 0 0 50px; } @media only screen and (max-width: 995px) { .all-bg-right, .all-bg-left { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } /* halves */ .halves { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .halves { -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .halves .half { background: #f7f7f7; min-height: 335px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .half.half-color { background: #fff; min-height: 300px; } .half.half-color.half-color-invert { background: #f7f7f7; } /* extra margin */ .extra-margin-owl { position: relative; height: auto; min-height: inherit; overflow: hidden; margin-left: 50px; margin-right: 50px; background: none; } @media only screen and (max-width: 880px) { .extra-margin-owl { margin-left: 20px; margin-right: 20px; } } .extra-margin-container { position: relative; height: auto; min-height: inherit; margin-left: 0; margin-right: 0; background: none; } @media only screen and (max-width: 1200px) { .extra-margin-container { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 995px) { .extra-margin-container { margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 880px) { .extra-margin-container { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 767px) { .extra-margin-container { margin-left: 5px; margin-right: 5px; } } @media only screen and (max-width: 640px) { .extra-margin-container { margin-left: 5px; margin-right: 5px; } } @media only screen and (max-width: 1200px) { .extra-margin-container.extra-margin-container-modal { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 995px) { .extra-margin-container.extra-margin-container-modal { margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 880px) { .extra-margin-container.extra-margin-container-modal { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 767px) { .extra-margin-container.extra-margin-container-modal { margin-left: 5px; margin-right: 5px; } } .extra-margin-halves { position: relative; } @media only screen and (max-width: 880px) { .extra-margin-halves { margin-left: 20px; margin-right: 20px; } } /* section title inner BLOG */ .section-title-inner, .section-title-inner.section-title-inner-dark { display: block; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; text-align: center; margin: -7px 0 -5px 0; } .section-title-inner { color: #5f5f5f; } .section-title-inner.section-title-inner-dark { color: #fff; } /* Swiper style 4 */ .swiper-scrollbar { position: absolute; left: 0; right: 0; bottom: 74px; margin-left: auto; margin-right: auto; width: 300px!important; height: 1px; background: rgba(119, 119, 119, .75); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 15; } @media only screen and (max-width: 995px) { .swiper-scrollbar { display: none; visibility: hidden; } } .swiper-scrollbar-drag { position: relative; width: 100%; height: 3px; top: -1px; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: #fff; } @media only screen and (max-width: 995px) { .swiper-scrollbar-drag { display: none; visibility: hidden; } } h1.hero-heading.hero-heading-home { margin: -13px auto 8px auto; width: 100%; text-align: center; font-weight: 600; font-size: 50px; } h1.hero-heading.hero-heading-home a { position: relative; font-style: normal; font-weight: 400; font-size: 55px; text-align: center; text-transform: none; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; z-index: 1; } h1.hero-heading.hero-heading-home a:hover { text-decoration: underline; } h2.hero-heading { color: #fff; width: 100%; text-align: center; font-weight: 600; font-size: 24px; } .btn-ocjena { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 320px; } .slogan { font-style: italic; width: auto; color: rgb(255, 255, 255); text-decoration: none; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 30px; font-size: 22px; } .slogan::before { border-top: 1px solid #fff; width: 70px; } .contact-info-text a, .contact-info-text a:hover, .testimonial.testimonial-2 .quote .quote-inner, .contact-info-description, .contact-info-description-img, .contact-info-text, .parallax-content .section-title .section-title-line { color: #e5e5e5; } a.link-effect.link-effect-light::after { background-color: #e5e5e5!important; } .parallax-content .section-title .section-title-line>span::before, .parallax-content .section-title .section-title-line>span::after { background-color: #e5e5e5; } .parallax-content .hero-heading { color: #e5e5e5; } @supports((text-stroke: 1px #e5e5e5) or (-webkit-text-stroke: 1px #e5e5e5)) { .parallax-content .hero-heading span { color: transparent; -webkit-text-stroke: 1px #e5e5e5; text-stroke: 1px #e5e5e5; text-shadow: none; } } .item-selector a { color: #5f5f5f; } .intro-years h3, .team-box span, /* .item-name, .item-price, */ .color-switch, .section-title-inner.section-title-inner-dark { color: #323232; } .section-title.section-title-home h2 { color: #e5e5e5; } .section-title-line.section-title-line-home>span::before, .section-title-line.section-title-line-home>span::after { background-color: #e5e5e5; } @supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) { h2.hero-heading span, h2.hero-heading.hero-heading-dark span { color: transparent; -webkit-text-stroke: 1px #5f5f5f; text-stroke: 1px #5f5f5f; text-shadow: none; } } .section-title-line>span::before, .section-title-line>span::after { background-color: #5f5f5f; } .section-title.section-title-dark h2 { color: #5f5f5f; } .section-title-line.section-title-line-dark>span::before, .section-title-line.section-title-line-dark>span::after { background-color: #5f5f5f; } a.link-effect::after { background-color: #5f5f5f; } a.link-effect.link-effect-light::after { background-color: #5f5f5f; } .skillbar-bar, .skillbar-bar-2 { background: #ccc; } /* .item-divider { border-bottom: 1px dashed #4c4c4c; } */ .blog-quote { border-left: 3px solid #5f5f5f; } @supports((text-stroke: 1px #5f5f5f) or (-webkit-text-stroke: 1px #5f5f5f)) { .blog-quote p span { color: transparent; -webkit-text-stroke: 1px #5f5f5f; text-stroke: 1px #5f5f5f; text-shadow: none; } } .the-line { background: #5e5e5e; } .the-line.the-line-light { background: #e5e5e5; } .more-button-bg-center { border: 2px dashed #e5e5e5; } .more-button-txt-center span { color: #e5e5e5; } .more-button-txt-center span:hover { color: #b55c31; } .more-button-bg-center.more-button-bg-center-dark.more-button-bg-center-dark-close { border: 2px dashed #191919; } .more-button-txt-center.more-button-txt-center-close span { color: #191919; } .contact-modal-closer { color: #191919; } /* hover effect team / inside */ .hover-effect.the-team { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; bottom: 25px; right: 25px; } @media only screen and (max-width: 880px) { .hover-effect.the-team { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; bottom: 20px; right: 20px; } } /* hover effect menu */ .hover-effect { /* width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: calc(100% - 100px); */ top: 0px; left: 0px; bottom: 0px; right: 0px; } @media only screen and (max-width: 880px) { .hover-effect { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; bottom: 20px; right: 20px; } } /* paddings */ /* Swiper CUSTOM */ .hero-slider-bg-controls { right: 44px; bottom: 50px; } @media only screen and (max-width: 880px) { .hero-slider-bg-controls { right: 44px; bottom: 50px; } } @media only screen and (max-width: 767px) { .hero-slider-bg-controls { right: 15px; bottom: 20px; } } .swiper-slide-pagination { left: 50px; bottom: 47px; } @media only screen and (max-width: 880px) { .swiper-slide-pagination { left: 50px; bottom: 47px; } } @media only screen and (max-width: 767px) { .swiper-slide-pagination { left: 20px; bottom: 17px; } } .swiper-slide-controls-play-pause { right: 170px; bottom: 50px; } @media only screen and (max-width: 880px) { .swiper-slide-controls-play-pause { right: 170px; bottom: 50px; } } @media only screen and (max-width: 767px) { .swiper-slide-controls-play-pause { right: 140px; bottom: 20px; } } /* to top arrow */ .to-top-arrow { right: 50px; } @media only screen and (max-width: 995px) { .to-top-arrow { right: 50px; } } @media only screen and (max-width: 880px) { .to-top-arrow { right: 50px; } } @media only screen and (max-width: 767px) { .to-top-arrow { right: 20px; } } .to-top-arrow.show { bottom: 30px; } @media only screen and (max-width: 995px) { .to-top-arrow.show { bottom: 30px; } } @media only screen and (max-width: 880px) { .to-top-arrow.show { bottom: 30px; } } @media only screen and (max-width: 767px) { .to-top-arrow.show { bottom: 0; } } /* extra margin */ .extra-margin-owl { margin-left: 50px; margin-right: 50px; } @media only screen and (max-width: 880px) { .extra-margin-owl { margin-left: 50px; margin-right: 50px; } } @media only screen and (max-width: 767px) { .extra-margin-owl { margin-left: 20px; margin-right: 20px; } } .extra-margin-container { margin-left: 0; margin-right: 0; } @media only screen and (max-width: 1200px) { .extra-margin-container { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 995px) { .extra-margin-container { margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 880px) { .extra-margin-container { margin-left: 10px; margin-right: 10px; } } @media only screen and (max-width: 767px) { .extra-margin-container { margin-left: 5px; margin-right: 5px; } } @media only screen and (max-width: 640px) { .extra-margin-container { margin-left: 5px; margin-right: 5px; } } @media only screen and (max-width: 1200px) { .extra-margin-container.extra-margin-container-modal, .extra-margin-container.extra-margin-container-post { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 995px) { .extra-margin-container.extra-margin-container-modal, .extra-margin-container.extra-margin-container-post { margin-left: -25px; margin-right: -25px; } } @media only screen and (max-width: 880px) { .extra-margin-container.extra-margin-container-modal, .extra-margin-container.extra-margin-container-post { margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 767px) { .extra-margin-container.extra-margin-container-modal, .extra-margin-container.extra-margin-container-post { margin-left: 5px; margin-right: 5px; } } /* h2.hero-heading.hero-heading-dark span */ .testimonial.testimonial-2 .inner { padding: 0 50px; } @media all and (min-width: 1920px) { .testimonial.testimonial-2 .inner { padding: 0 20px; } } @media only screen and (max-width: 1200px) { .testimonial.testimonial-2 .inner { padding: 0 50px; } } @media only screen and (max-width: 995px) { .testimonial.testimonial-2 .inner { padding: 0 50px; } } @media only screen and (max-width: 880px) { .testimonial.testimonial-2 .inner { padding: 0 50px; } } @media only screen and (max-width: 767px) { .testimonial.testimonial-2 .inner { padding: 0 32px; } } .post-all-txt { padding: 0 15px; text-align: center; } .post-all-txt p { text-align: center; } .post-all-txt h2 { font-weight: 500; text-transform: uppercase; color: #243305; font-size: 28px; line-height: 1.17857em; letter-spacing: .085em; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; } @media only screen and (max-width: 1200px) { .post-all-txt { padding: 0 50px; } } @media only screen and (max-width: 995px) { .post-all-txt { padding: 0 35px; } } @media only screen and (max-width: 880px) { .post-all-txt { padding: 0 50px; } } @media only screen and (max-width: 767px) { .post-all-txt { padding: 0 20px; } } /* items img */ .menu-img { position: relative; padding: 0 0 0 95px; margin: -80px 0 0 0; width: 80px; height: 80px; } .menu-img .menu-img-inner { position: absolute; left: 0; top: 40px; width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .menu-img .menu-img-inner img { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; object-position: center; } /* corrections */ .hover-icons a, .hover-icons a:hover, .hover-icons a:visited, .hover-icons a:active, .hover-icons a:focus { color: #fff; } .hover-icons a { left: -10px; } @media only screen and (max-width: 880px) { .hover-icons a { left: -5px; } } @media only screen and (max-width: 767px) { .hover-icons a { left: 0; } } .hero-heading.hero-heading-home, .hero-heading.hero-heading-home span, .testimonial.testimonial-2 blockquote, h2.hero-heading, h2.hero-heading span { font-weight: 400; color: #fff!important; -webkit-text-stroke: unset!important; text-stroke: unset!important; } .hero-heading.hero-heading-dark, .hero-heading.hero-heading-dark span { font-weight: 500; color: #000!important; -webkit-text-stroke: unset!important; text-stroke: unset!important; text-align: center; text-transform: uppercase; color: #243305; font-size: 36px; line-height: 1.16em; letter-spacing: .05em; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .blog-quote p, .blog-quote p span { font-weight: 400; color: #000!important; -webkit-text-stroke: unset!important; text-stroke: unset!important; text-align: left; color: #243305; font-size: 25px; line-height: 1.5em; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .swiper-slide-pagination, .swiper-slide-controls-play-pause { display: none; visibility: hidden; } .swiper-slide-controls.slide-prev, .swiper-slide-controls.slide-next { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 880px) { .swiper-slide-controls.slide-next { margin-top: 0; } } .swiper-slide-controls.slide-prev { position: absolute; width: 50px; top: 50%; left: 50px; right: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } @media only screen and (max-width: 880px) { .swiper-slide-controls.slide-prev { left: 50px; top: auto; bottom: 50px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } @media only screen and (max-width: 767px) { .swiper-slide-controls.slide-prev { left: 20px; bottom: 20px; } } .swiper-slide-controls.slide-next { position: absolute; width: 50px; top: 50%; right: 50px; left: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } @media only screen and (max-width: 880px) { .swiper-slide-controls.slide-next { right: 50px; top: auto; bottom: 50px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } @media only screen and (max-width: 767px) { .swiper-slide-controls.slide-next { right: 20px; bottom: 20px; } } .main-navigation .navbar-nav li a, .more-button-txt-center span, .more-button-txt-center.more-button-txt-center-close span { font-weight: 400; } .blog-tag { font-weight: 600; } .social-icons, .social-icons li a, .social-icons li a:visited, .social-icons li a:active, .social-icons li a:focus { font-weight: 400; color: #000; } .more-button-txt-center span, .more-button-txt-center.more-button-txt-center-close span { font-size: 16px; } .skillbar-title, .skillbar-title-2, .skill-bar-percent, .skill-bar-percent-2, .team-box span, .section-title-inner, .section-title-inner.section-title-inner-dark { font-weight: 700; } /* input */ input[type="text"] { display: block; max-width: 100%; width: 100%; height: auto; font-size: 15px; color: #111; font-weight: 500; line-height: 1.5em; } /* reservation */ .reservation-form-wrapper { position: relative; width: 100%!important; max-width: 100%; /* height: 162.5px; */ height: 62.5px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; background: #f7f7f7; } @media only screen and (max-width: 880px) { .reservation-form-wrapper { height: auto; } } .reservation-wrapper span { display: inline-block; } .reservation-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2; } @media only screen and (max-width: 880px) { .reservation-wrapper { display: none; visibility: hidden; } } .reservation-inner { position: relative; height: 62.5px!important; } /* form */ #form-2 { position: relative; display: block; padding: 0; } #form-2 label { display: none; } #form-2 .col-1 { float: left; width: 16.66%; } #form-2 .col-2 { float: left; width: 16.66%; } @media only screen and (max-width: 1200px) { #form-2 .col-1, #form-2 .col-2 { width: 20%; } } @media only screen and (max-width: 880px) { #form-2 .col-1, #form-2 .col-2 { width: 100%; } } #form-2 .col-3 { float: left; width: 16.66%; } @media only screen and (max-width: 1200px) { #form-2 .col-3 { width: 100%; } } #form-2 .c-1, #form-2 .c-2, #form-2 .c-3, #form-2 .c-4, #form-2 .c-5 { height: 62.5px; margin: 0; text-align: left; } #form-2 .c-1, #form-2 .c-2, #form-2 .c-3, #form-2 .c-4 { /* border-right: 1px solid #ececec; */ border-right: none; height: 62.5px; margin: 0; } @media only screen and (max-width: 880px) { #form-2 .c-1, #form-2 .c-2, #form-2 .c-3, #form-2 .c-4 { border-right: none; } } #form-2 .c-5 { border-right: none; } .col-1.c-1, .col-1.c-2 { margin-bottom: 10px!important; } @media only screen and (max-width: 1200px) { .col-1.c-1, .col-1.c-2 { margin-bottom: 43px!important; } } @media only screen and (max-width: 880px) { .col-1.c-1, .col-1.c-2 { margin-bottom: 43px!important; } } .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 2px!important; } @media only screen and (max-width: 1200px) { .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 35px!important; } } @media only screen and (max-width: 880px) { .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 35px!important; } } /* datepicker */ .ui-datepicker .ui-datepicker-header { background: #5f5f5f; border: #5f5f5f; color: #fff; } .ui-datepicker { font-size: 13px; color: #5f5f5f; font-weight: 500; background: #fff; border: 1px solid #ececec!important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 100!important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ececec!important; background: #f7f7f7; color: #5f5f5f; font-weight: 500; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #5f5f5f; background: #5f5f5f; font-weight: 500; color: #fff; } .ui-datepicker .ui-datepicker-prev:after { font-family: "Ionicons"; content: "\f3d2"; font-size: 17px; color: #fff; } .ui-datepicker .ui-datepicker-next:before { font-family: "Ionicons"; content: "\f3d3"; font-size: 17px; color: #fff; float: right; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: none; border: none; } /* datepicker custom */ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { top: 2px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left: 10px; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { right: 10px; } .form-control.input.datepicker { cursor: pointer; } .ui-datepicker { border: none; } #datumodTrigger { position: relative; z-index: 3; display: table-cell; width: 1%; padding: 6px 16px; vertical-align: middle; white-space: nowrap; cursor: pointer!important; pointer-events: auto!important; background: #f7f7f7; border-left: 1px solid #d8d8d8; } #datumodTrigger:focus, #datumodTrigger:active { outline: none; -webkit-box-shadow: none; box-shadow: none; } #datumodTrigger i { pointer-events: none; } #vrijemeWrap { display: block; background: #fff; border: 1px solid #d8d8d8; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; -webkit-box-shadow: 0 2px 10px rgba(17, 17, 17, 0.04); box-shadow: 0 2px 10px rgba(17, 17, 17, 0.04); -webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease; -moz-transition: border-color 0.2s ease, box-shadow 0.2s ease; -ms-transition: border-color 0.2s ease, box-shadow 0.2s ease; -o-transition: border-color 0.2s ease, box-shadow 0.2s ease; transition: border-color 0.2s ease, box-shadow 0.2s ease; } #vrijemeWrap:hover, #vrijemeWrap:focus-within { border-color: #b55c31; -webkit-box-shadow: 0 0 0 3px rgba(181, 92, 49, 0.08); box-shadow: 0 0 0 3px rgba(181, 92, 49, 0.08); } #vrijeme { width: 100%; min-height: 62px; padding: 18px 55px 18px 20px; border: none; background: transparent; color: #555; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #vrijeme:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } #vrijeme:disabled { background: #f6f6f6; color: #8d8d8d; cursor: not-allowed; } .btn-upit { position: relative; display: inline-block; margin: 15px 0; padding: 12px 30px; text-decoration: none; border: none; background: #f3bf3d; color: #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; cursor: pointer; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: -0.02em; } .btn-upit:hover { background: #111; color: #fff; text-decoration: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .reservation-button { position: relative; display: inline-block; background-color: #fff!important; color: #b55c31!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; border: 1px solid #b55c31!important; margin-top: 25px !important; padding: 12px 20px 12px 20px!important; margin-bottom: 20px !important; margin-left: 15px !important; margin-right: 15px !important; font-weight: 700; font-size: 20px; text-decoration: none; } .reservation-button:hover { background-color: #b55c31!important; color: #fff!important; border: 1px solid #b55c31!important; text-decoration: none; } @media only screen and (max-width: 995px) { .reservation-button { font-size: 18px; } } .reservation-button:hover { background: #111; color: #fff; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } @media only screen and (max-width: 880px) { .reservation-button:hover { background: #111; } } .reservation-button:focus { outline: none; } .reservation-button::after { content: ""; position: absolute; display: block; width: 1px; height: 100%; left: 100%; top: 0; background: none; } /* input inner */ .input-inner { position: relative; } .input-inner::after { content: ""; position: absolute; display: block; right: 20px; top: 23px; font-family: "Ionicons"; content: "\f3f3"; font-size: 17px; color: #5f5f5f; line-height: 1; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } .input-inner.input-inner-email::after { content: "\f422"; } .input-inner input { display: block; width: 100%; padding: 20px 40px 20px 20px; background: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .input-inner input::placeholder { font-size: 15px; color: #111; font-weight: 500; } .input-inner input:focus { outline: none; background: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* select wrapper */ .select-wrapper { margin: 0; } .select-inner { position: relative; } .select-inner:after { content: ""; position: absolute; display: block; top: 18px; right: 20px; font-family: "Ionicons"; content: "\f3d0"; font-size: 16px; line-height: 16px; font-weight: 500; color: #5f5f5f; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } /* select2 */ .select2 { width: 100%!important; height: 48px!important; background: #fff; margin: 0; } .select2 *:focus { outline: none!important; } .select2-container--default .select2-results > .select2-results__options { max-height: 500px; border: 1px solid #ececec!important; } .select2-container--default .select2-selection--single { background: none; border-radius: 0; border: none; height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; color: #111; font-weight: 500; line-height: 1; padding: 18px 49px 17px 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-dropdown { background: none; border-radius: 0; z-index: 100; min-width: 0px; border: none; } .select2-container--open .select2-dropdown--above { border-bottom: 1px solid #ececec; } .select2-container--open .select2-dropdown--below { border-top: 1px solid #ececec; } .select2-results__option { background: #fff; font-size: 13px; font-weight: 500; line-height: 20px; color: #5f5f5f; border-top: 1px solid #ececec; text-align: center; padding: 10px 30px; } .select2-results__option:first-child { border-top: none; } .small .select2-results__option { padding-left: 0; } .select2-container--default .select2-results__option[aria-selected=true] { background: #5f5f5f; color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #5f5f5f; color: #fff; } #vrijeme + .select2-container { width: 100%!important; display: block; background: transparent; border: none!important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; overflow: visible; -webkit-box-shadow: none; box-shadow: none; } #vrijeme + .select2-container .select2-selection--single { min-height: 62px; background: transparent; border: none!important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } #vrijeme + .select2-container .select2-selection--single .select2-selection__rendered { padding: 23px 60px 17px 20px; padding-right: 60px; color: #555; } #vrijeme + .select2-container.select2-container--disabled .select2-selection--single { background: #f6f6f6; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; } #vrijeme + .select2-container.select2-container--disabled { background: #f6f6f6; -webkit-box-shadow: none; box-shadow: none; } #vrijeme + .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered { color: #8d8d8d; } /* reservation form */ .success-r { font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; color: #5f5f5f; /* margin: 56px auto 0 auto; */ margin: 28px auto 0 auto; padding: 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (max-width: 1200px) { .success-r { margin: 0 auto; } } @media only screen and (max-width: 880px) { .success-r { margin: 0 auto; padding: 30px 0 25px 0; } } #form-2 .error-r { position: absolute; display: block; font-size: 9px; text-transform: uppercase; text-align: left; color: #5f5f5f; margin: 10px 0 0 0; padding: 0; letter-spacing: 0.15em; font-weight: 700!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%!important; } /* reservation STYLE 02 */ .reservation-wrapper.reservation-wrapper-home { bottom: 50px; } @media only screen and (max-width: 880px) { .reservation-wrapper.reservation-wrapper-home { bottom: auto; } } #form-2.form-2 .error-r, .reservation-wrapper.reservation-wrapper-home .success-r { color: #fff!important; } @media only screen and (max-width: 880px) { #form-2.form-2 .error-r, .reservation-wrapper.reservation-wrapper-home .success-r { color: #5f5f5f!important; } } .reservation-wrapper.reservation-wrapper-home .success-r { margin: 54px auto 0 auto!important; } @media only screen and (max-width: 1200px) { .reservation-wrapper.reservation-wrapper-home .success-r { margin: 54px auto 0 auto!important; } } @media only screen and (max-width: 880px) { .reservation-wrapper.reservation-wrapper-home .success-r { margin: -3px auto 0 auto!important; padding: 30px 0 25px 0; } } #reservation-form-wrapper.reservation-form-wrapper-home, .scroll-indicator.scroll-indicator-home { display: none; visibility: hidden; } @media only screen and (max-width: 880px) { #reservation-form-wrapper.reservation-form-wrapper-home { display: block; visibility: visible; } } /* finals */ .team-box span { font-size: 14px; } .post-box-inner { position: relative; width: 100%!important; height: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center!important; background: none; } .team-box, .team-box span { position: relative; text-align: center; padding: 0; background: none; } /* 41. blog */ .bg-light.bg-light-blog { background: #f7f7f7; } .bg-dark.bg-dark-blog { background: #fff; } /* blog comment form */ .more-wraper-center.more-wraper-center-form-2 { margin: 15px auto -15px auto; } #comment-form { position: relative; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%!important; text-align: center!important; } .extra-margin-blog { position: relative; margin-left: -15px; margin-right: -15px; background: none; } #comment-form { position: relative; width: 100%; top: -20px; padding: 0; text-align: center; } form { margin: 0; padding: 0; } #form-3 input { position: relative; width: 100%; height: 40px; border-bottom: 1px solid #111; border-left: none; border-right: none; border-top: none; padding: 5px 5px; background: none; margin: 10px 0 20px 0; font-size: 13px; line-height: 1.5; font-style: normal; font-weight: 600; text-align: center; color: #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } textarea { position: relative; width: 100%; height: 100px; border-bottom: 1px solid #111; border-left: none; border-right: none; border-top: none; padding: 5px 5px; background: none; margin: 5px; font-size: 13px; line-height: 1.5; font-style: normal; font-weight: 600; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form-3 textarea { color: #111; margin: 16px 0 10px 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form-3 input:hover, #form-3 textarea:hover { border-color: rgba(17, 17, 17, .5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #form-3 input:focus, #form-3 textarea:focus { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .success-c { font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; color: #5f5f5f; margin: 0 auto; padding: 50px 0 25px 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #form-3 .error-c { position: absolute; display: block; font-size: 9px; text-transform: uppercase; color: #5f5f5f; margin: -13px 0 0 0; padding: 0; letter-spacing: 0.15em; font-weight: 700!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 200px!important; } .make-space { margin-left: 15px; margin-right: 15px; } ::-webkit-input-placeholder { font-size: 12px; color: #111; } :-ms-input-placeholder { font-size: 12px; color: #111; } ::-moz-placeholder { font-size: 12px; color: #111; } input:-moz-placeholder { font-size: 12px; color: #111; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } button { border: none; background: none; outline: none; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: normal; line-height: normal; margin: 0 auto; cursor: pointer; } /* blog panel */ .panel-from-left-blog { position: fixed; width: 25%; height: 100vh; overflow-x: hidden; overflow-y: auto; top: 0; left: -100%; background: #fff; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 99996!important; } @media only screen and (max-width: 1200px) { .panel-from-left-blog { width: 50%; } } @media only screen and (max-width: 880px) { .panel-from-left-blog { width: 75%; } } .panel-from-left-blog.open { left: 0; } .panel-overlay-from-right-blog { position: fixed; width: 76%; height: 100vh; overflow: hidden; top: 0; right: -100%; background: rgba(255, 255, 255, .7); -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; cursor: crosshair; z-index: 99996!important; } @media only screen and (max-width: 1200px) { .panel-overlay-from-right-blog { width: 51%; } } @media only screen and (max-width: 880px) { .panel-overlay-from-right-blog { width: 26%; } } .panel-overlay-from-right-blog.open { right: 0; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-sidebar-wrapper { position: relative; margin: 0; padding: 100px 50px; } .blog-side-text a, .blog-side-text a:hover, .blog-side-text a:visited, .blog-side-text a:active, .blog-side-text a:focus { color: #5f5f5f; text-decoration: none; outline: none; font-weight: 600; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-side-text a:hover { color: #5f5f5f; } @media only screen and (max-width: 880px) { .blog-side-text a, .blog-side-text a:hover, .blog-side-text a:visited, .blog-side-text a:active, .blog-side-text a:focus { font-size: 14px; } } .blog-side-heading h3 { font-style: normal; font-weight: 700; font-size: 25px; text-align: left; text-transform: none; letter-spacing: -0.02em; color: #111; margin: -5px 0 -2px 0; width: 100%; line-height: 1.5; text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (max-width: 880px) { .blog-side-heading h3 { font-size: 20px; margin: -5px 0 -2px 0; } } .blog-side-launcher { position: fixed; width: 50px; height: 50px; line-height: 50px; left: 50px; bottom: 50px; font-size: 16px; text-align: center; color: #111; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; cursor: pointer; z-index: 115; } @media only screen and (max-width: 767px) { .blog-side-launcher { left: 20px; bottom: 20px; } } .blog-side-launcher.blog-side-launcher-color { color: #fff; background: #111; } /* blog comments */ .blog-comments { width: 100%; margin: 0 auto; padding: 0; line-height: 1; } .comments { text-align: left; } .comments article { position: relative; margin: 0 auto; } .profile-photo { position: relative; display: block; text-align: left; margin: -8px 0 -22px 0; z-index: 10; } .comments article img { width: 80px; height: 80px; border-width: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 15px auto 30px auto; } .comment-time, .comments a, .comments a:hover, .comments a:visited, .comments a:active, .comments a:focus, .comment-responce h4 a, .comment-responce h4 a:hover, .comment-responce h4 a:visited, .comment-responce h4 a:active, .comment-responce h4 a:focus { color: #111!important; font-size: 14px; text-transform: uppercase; font-weight: 700; } h4.h4-comments { font-size: 20px; color: #111!important; } @media only screen and (max-width: 1200px) { h4.h4-comments { font-size: 20px; } } .comment-responce { padding-left: 75px; } /* blog search form */ .blog-search { width: 300px; } @media only screen and (max-width: 1200px) { .blog-search { width: 300px; } } @media only screen and (max-width: 880px) { .blog-search { width: 250px; } } .blog-search input, #submit-btn { background: none; display: inline-block; outline: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #111; } .blog-search input { width: 250px; height: 40px; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, .5); font-size: 13px; color: #111; z-index: 1; } @media only screen and (max-width: 1200px) { .blog-search input { width: 250px; } } @media only screen and (max-width: 880px) { .blog-search input { width: 200px; } } /* reservation form FIX */ /* reservation */ @media only screen and (max-width: 880px) { .reservation-wrapper { position: relative; bottom: auto; padding: 50px 0; background: #f7f7f7; display: block; visibility: visible; } } @media only screen and (max-width: 767px) { .reservation-wrapper { padding: 20px 0; } } /* form */ .col-1.c-1, .col-1.c-2 { margin-bottom: 0!important; } @media only screen and (max-width: 1200px) { .col-1.c-1, .col-1.c-2 { margin-bottom: 20px!important; } } @media only screen and (max-width: 880px) { .col-1.c-1, .col-1.c-2 { margin-bottom: 20px!important; } } .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 0!important; } @media only screen and (max-width: 1200px) { .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 20px!important; } } @media only screen and (max-width: 880px) { .col-2.c-3, .col-2.c-4, .col-2.c-5 { margin-bottom: 20px!important; } } /* reservation form */ #form-2 .error-r { margin: 2px 0 0 0; } @media only screen and (max-width: 1200px) { #form-2 .error-r { margin: -1px 0 0 0; } } /* copyright */ .copyright a, .copyright a:hover, .copyright a:visited, .copyright a:active, .copyright a:focus { color: #5f5f5f; } /* 42. section txt */ /* .section-txt p:last-child { padding-top: 25px; } */ .section-txt-2 p, .section-txt-2 a, .section-txt-2 a:visited, .section-txt-2 a:active, .section-txt-2 a:focus { text-align: center!important; color: #000; } .section-txt-2 a:hover { color: #b55c31; } /* 43. button home */ .more-wraper-inner-home { width: 120px!important; height: 220px!important; } .more-wraper-center.more-wraper-center-home { width: 100%!important; height: 220px!important; text-align: center!important; margin: 20px 0; display: block; } .more-button-txt-center.more-button-txt-center-home { top: 110px; } .more-button-txt-center.more-button-txt-center-form { top: 105px; } /* button home effect */ a.button-effect, .button-effect { padding: 0; background-color: transparent; cursor: pointer; overflow: visible; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; opacity: .4; } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } } @keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: .2; opacity: .4; } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } } a.button-effect .pulse::after, a.button-effect .pulse::before, a.button-effect::after, a.button-effect::before, .button-effect .pulse::after, .button-effect .pulse::before, .button-effect::after, .button-effect::before { content: ""; position: absolute; width: 80px; height: 80px; top: -webkit-calc(50% - 40px); top: -moz-calc(50% - 40px); top: calc(50% - 40px); left: -webkit-calc(50% - 40px); left: -moz-calc(50% - 40px); left: calc(50% - 40px); right: auto; bottom: auto; -webkit-transform: none; transform: none; -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation: pulse 4s linear infinite; animation: pulse 4s linear infinite; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 1px solid #fff; border-radius: 50%; background-color: transparent; } a.button-effect::after, .button-effect::after { -webkit-animation-delay: 1s; animation-delay: 1s; } a.button-effect .pulse::after, .button-effect .pulse::after { -webkit-animation-delay: 3s; animation-delay: 3s; } a.button-effect .pulse::before, .button-effect .pulse::before { -webkit-animation-delay: 2s; animation-delay: 2s; } /* 44. stars */ .star-wrapper { position: relative; display: inline-block; width: 100%!important; max-width: 100%; height: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center!important; color: #f3bf3d; font-size: 16px; z-index: 1; } /* 45. section heading */ h2.section-heading { position: relative; font-size: 14px; color: #5f5f5f; font-style: normal; font-weight: 800; text-transform: uppercase; text-align: center; letter-spacing: -0.02em; padding: 0; margin: 2px 0 0 0; z-index: 10; } h2.section-heading.section-heading-light { color: #fff; } h2.section-heading span { position: relative; display: inline-block; padding-right: 90px; margin-right: 30px; line-height: 1; } @media all and (min-width: 1920px) { h2.section-heading span { padding-right: 105px; margin-right: 35px; } } @media only screen and (max-width: 995px) { h2.section-heading span { padding-right: 75px; margin-right: 25px; } } @media only screen and (max-width: 767px) { h2.section-heading span { padding-right: 60px; margin-right: 20px; } .social-icons ol, .social-icons ul { padding-left: 0; } } h2.section-heading span:before { content: ""; position: absolute; display: block; top: 50%; right: 0; width: 60px; height: 0; margin-top: -1px; } @media all and (min-width: 1920px) { h2.section-heading span:before { width: 70px; } } @media only screen and (max-width: 995px) { h2.section-heading span:before { width: 50px; } } @media only screen and (max-width: 767px) { h2.section-heading span:before { width: 40px; } } h2.section-heading span:before { border-top: 1px solid #5f5f5f; } h2.section-heading-light span:before { border-top: 1px solid #fff; } h2.section-heading.section-heading-all { padding: 0; } h2.section-heading span:after { content: ""; position: absolute; display: block; top: 50%; right: 0; width: 60px; height: 0; margin-top: -1px; } @media all and (min-width: 1920px) { h2.section-heading span:after { width: 70px; } } /* 46. parallax title content */ .parallax-title-content { position: relative; font-weight: 900; font-size: 160px; text-align: center; text-transform: uppercase; line-height: 1; letter-spacing: -0.08em; color: #2e2e2e; background: #fff; mix-blend-mode: lighten; overflow: hidden; margin: -20px auto -6px auto; } .parallax-title-content1 { position: relative; text-align: center; font-family: 'Luxurious Script', cursive; font-size: 72px; font-weight: 400; color: #b55c31; margin: 45px auto 25px auto; } .parallax-title-content.parallax-title-content-dark { color: #fff; background: #000; mix-blend-mode: darken; } @media all and (min-width: 1920px) { .parallax-title-content { font-size: 310px; margin: -26px auto -6px auto; } } @media only screen and (max-width: 1200px) { .parallax-title-content { font-size: 115px; margin: -12px auto -3px auto; } } @media only screen and (max-width: 1024px) { .parallax-title-content { font-size: 85px; margin: -9px auto -2px auto; letter-spacing: -0.04em; } } @media only screen and (max-width: 995px) { .parallax-title-content { letter-spacing: -0.04em; } } @media only screen and (max-width: 880px) { .parallax-title-content { font-size: 85px; margin: -9px auto -2px auto; } } @media only screen and (max-width: 640px) { .parallax-title-content { font-size: 65px; margin: -7px auto 0 auto; } } .parallax-title { position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; border: none; z-index: 1; } /* 47. image caption */ .image-caption, .image-caption-reverse { background-color: #b55c31; color: #fff; font-weight: 700; font-size: 14px; display: inline-block; white-space: nowrap; padding: 10px 20px; /* background: rgba(0, 0, 0, .7); */ -webkit-border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -ms-border-radius: 0 20px 0 20px; -o-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px; z-index: 5; } @media only screen and (max-width: 767px) { .image-caption { right: 20px; bottom: 20px; } } .image-caption-reverse { left: 50px; bottom: 50px; } @media only screen and (max-width: 767px) { .image-caption-reverse { left: 20px; bottom: 20px; } } /* 48. post list */ .post-list .post-list-wrapper { margin: -40px 0 0 0; padding: 0 0 100px 0; } .post-list-home { background-color: #fff; } .post-list-home .section-txt{ font-style: italic; font-size: 17px!important; line-height: 1.8!important; } .post-list-home [class*="col-"] { padding: 0; } .post-list-home img { display: block; } .post-list-home .post-list-content { padding: 20px 70px!important; } @media only screen and (max-width: 1200px) { .post-list .post-list-wrapper { margin: -130px 0 0 0; padding: 0 0 60px 0; } } @media only screen and (max-width: 995px) { .post-list .post-list-wrapper { margin: -60px 0 0 0; padding: 0; } } .post-list .post-list-item { position: relative; } @media only screen and (max-width: 995px) { .post-list .post-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .post-list .post-list-item:not(:first-of-type) { margin-top: 460px; } @media only screen and (max-width: 1200px) { .post-list .post-list-item:not(:first-of-type) { margin-top: 200px; } } @media only screen and (max-width: 995px) { .post-list .post-list-item:not(:first-of-type) { margin-top: 0; } } /* .post-list { margin-bottom: 100px; margin-top: 100px; } */ .post-list .post-list-item:nth-of-type(odd) .post-list-bg { left: 0; } .post-list .post-list-item:nth-of-type(odd) .post-list-bg.post-list-bg-all { left: auto; right: 0; } .post-list .post-list-item:nth-of-type(even) .post-list-bg { right: 0; } .post-list .post-list-item-container { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .post-list .post-list-row { position: relative; z-index: 4; } .post-list .post-list-content { padding: 50px 120px; background: #fff; } /* .post-list-content-cat { box-shadow: 0 0px 25px -15px #999; } */ @media only screen and (max-width: 1200px) { .post-list .post-list-content { padding: 50px 80px; } } @media only screen and (max-width: 995px) { .post-list .post-list-content { padding: 0 95px; margin: 0 auto; } } @media only screen and (max-width: 995px) { .post-list .post-list-content { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } @media only screen and (max-width: 880px) { .post-list .post-list-content { padding: 0 50px; } } @media only screen and (max-width: 767px) { .post-list .post-list-content { padding: 0 25px; } } @media only screen and (max-width: 995px) { .post-list .post-list-content.post-list-content-reverse { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } .post-list .post-list-bg { position: absolute; width: calc(50% + 100px); height: calc(100% + 200px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; z-index: 3; } .post-list-content-wrapper2 { padding-top: 0px; } .post-list-item2 { margin-top: 65px!important; margin-bottom: 65px!important; } .post-list .post-list-content2 { padding: 50px 75px; background: #fff; min-height: 300px; display: flex; align-items: center; } .post-list .post-list-bg2 { position: absolute; width: calc(100% + 100px); /* height: calc(100% + 200px); */ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; max-height: 450px; } .post-list-bg2 img { width: 100%; } .post-list-content-cat h2.hero-heading.hero-heading-dark { text-align: left; font-size: 36px; } @media only screen and (max-width: 1200px) { .post-list .post-list-bg { width: calc(50% + 130px); height: calc(100% + 120px); } } @media only screen and (max-width: 995px) { .post-list .post-list-bg { position: relative; width: 100%; max-width: 100%; height: auto; min-height: 580px; -webkit-transform: none; transform: none; padding-top: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media only screen and (max-width: 995px) { .post-list .post-list-bg { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } @media only screen and (max-width: 995px) { .post-list .post-list-bg.post-list-bg-reverse { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } } .post-list-content-wrapper { padding-top: 140px; margin-top: -1px; } @media only screen and (max-width: 995px) { .post-list-content-wrapper { padding-top: 60px } } .container-custom { width: 100%; padding-left: 0; padding-right: 0; margin-right: auto; margin-left: auto; } @media only screen and (max-width: 995px) { .container-custom { padding: 0; } } .col-md-6-custom { position: relative; width: 100%; min-height: 1px; padding-left: 0; padding-right: 0; } @media only screen and (max-width: 995px) { .col-md-6-custom { padding-right: 15px; padding-left: 15px; } } @media only screen and (min-width: 995px) { .col-lg-4-custom { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .offset-lg-1-custom { margin-left: 0; } .offset-lg-7-custom { margin-left: 50%; } } /* 49. inner spacer */ .inner-spacer { position: relative; margin: 0 auto; padding: 0; } @media all and (min-width: 1920px) { .inner-spacer { padding: 0; } } @media only screen and (max-width: 1200px) { .inner-spacer { width: 100%; padding: 0 50px; } } @media only screen and (max-width: 995px) { .inner-spacer { padding: 0 50px; } h1.hero-heading.hero-heading-home { margin: -7px auto 7px auto; } .post-list .post-list-bg2 { position: relative; width: 100%; height: auto; top: 0; -webkit-transform: translateY(0); transform: translateY(0); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; max-height: none; } .post-list-item2 { margin-top: 44px !important; } .post-list-content-cat h2.hero-heading { margin: 0 0 20px 0; font-size: 32px; padding: 0; } .post-list .post-list-content2 { padding: 25px 40px; min-height: auto; } } @media only screen and (max-width: 880px) { .inner-spacer { padding: 0 50px; } } @media only screen and (max-width: 767px) { .contact-form .text-right { text-align:left!important; } .post-list .post-list-bg2 { position: relative; width: 100%; height: auto; top: 0; -webkit-transform: translateY(0); transform: translateY(0); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; max-height: none; } .post-list-item2 { margin-top: 44px !important; } .post-list-content-cat h2.hero-heading { margin: 0 0 20px 0; font-size: 28px!important; padding: 0; } .post-list .post-list-content2 { padding: 25px 40px; min-height: auto; } .post-list-content-cat { padding: 0 15px; } .parallax-all { background-size: cover!important; } .testimonial blockquote::before { font-size: 135px; top: -70px; } .border-top { top: 86px; } .upper-page { min-height: 320px; } .navbar-collapse { max-height: none!important; } .navbar-right { float: none!important; margin: 0; display: block; } .border-top.top-position-primary { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .content .blog-quote { line-height: 1.55; font-size: 18px; } .extra-margin-border { margin-left: 25px; margin-right: 25px; } .main-navigation .navbar-nav li a { color: #5f5f5f; padding: 13px 15px; right: auto; } .main-navigation .navbar-nav li a:hover { color: #b55c31; } .big_img { float: none; margin-right: 0; margin-bottom: 35px; max-width: 100%; } .view-page-wrap { margin-top: 88px; } .logo img { margin: 0 0 0 20px!important; width: 190px!important; } .elementor-widget-wrap { display: block!important; text-align: center; padding: 20px 0; } .qodef-m-content p { font-size: 40px; } .main-navigation-bg { height: 65px; } .main-navigation-bg .logo { margin: 1px 0 0 5px; padding-top: 0; width: 180px !important; } .navbar-toggle .icon-bar { background: #b55c31; } .hero-heading.hero-heading-dark, .hero-heading.hero-heading-dark span { font-size: 40px; margin: 5px 0; } .gallery-img-frame { width: 100%; float: none; margin: 5px 0; max-height: none; height: auto; } .main-navigation-bg .navbar-toggle .icon-bar { background: #b55c31; } .langmob { width:100%; display: flex !important; justify-content: center; margin: 20px 0 25px 0; } .langmob a{ display: flex; flex: 1; justify-content: center; } .flag-icon, .flag-icon-background { font-size: 20px!important; } .navbar-toggle { margin-top: -55px; margin-right: 10px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .main-navigation-bg .navbar-toggle { margin-top: -55px; margin-right: 10px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .navbar-collapse { background: rgba(255, 255, 255, 1); margin-top: 0; box-shadow: 0px 10px 10px -9px rgba(0,0,0,.5); } .inner-spacer { padding: 0 20px; } h2 { margin: -4px auto 5px auto; } h1.hero-heading.hero-heading-home { margin: -7px auto 5px auto; font-size: 32px; line-height: 1.5; } h1.hero-heading.hero-heading-home a { font-size: 38px; } .post-list .post-list-bg { padding-top: 0; top:0; } .post-list img { width: 100%; display: block; } .post-list .post-list-bg { height: auto; min-height: auto; } .section-txt p:last-child { padding-top: 2px; } .halves .half { min-height: auto; } .owl-carousel .owl-item img { /* height: auto; */ display: block; } .parallax-v { height: auto; } .post-all-txt h2 { font-size: 24px; padding-bottom: 0; } .testimonial blockquote { font-size: 16px; } /* .parallax { padding: 120px 0; } */ /* #parallax-image .parallax { padding: 27px 0; } */ } @media (min-width: 768px) and (max-width: 991px) { .dropdown:hover .dropdown-menu { display: block; } .post-list-content-cat { padding: 0 25px; } .gallery-img-frame { width: 48%; height: 215px; max-height: 215px; } .navbar-collapse { background-color: #fff; border-top: 1px solid transparent; box-shadow: 0px 10px 10px -9px rgba(0,0,0,.5); } .navbar-collapse.collapse { display: none!important; } .collapse.in{ display:block !important; } .navbar-collapse { max-height: none!important; } .navbar-toggle .icon-bar { background: #111; } .navbar-header { float: none; } .big_img { float: none; margin-right: 0; margin-bottom: 35px; max-width: 100%; } .extra-margin-border { margin-left: 25px; margin-right: 25px; } .main-navigation-bg.navbar .navbar-nav > li { height: auto; } .main-navigation-bg .main-navigation .navbar-nav li a { padding: 15px 25px; } .main-navigation-bg .navbar-toggle .icon-bar { background: #111; } .main-navigation .navbar-nav li a { color: #5f5f5f; padding: 15px 25px; right: auto; } .main-navigation .navbar-nav li:first-child { padding-top: 7px; } .main-navigation .navbar-nav li a:hover { color: #b55c31; } .navbar .navbar-nav > li { height: auto; width: 100%; } .border-top { top: 86px; } .langmob { width:100%; display: flex !important; justify-content: center; margin: 20px 0 25px 0; } .langmob a{ display: flex; flex: 1; justify-content: center; } .flag-icon, .flag-icon-background { font-size: 20px!important; } .navbar-toggle { margin-top: -70px; margin-right: 20px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .main-navigation-bg .navbar-toggle { margin-top: -55px; margin-right: 20px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .post-list img { width: 100%; display: block; } .post-list .post-list-bg { padding-top: 0; top: 0; min-height: auto; } .post-all-txt h2 { font-size: 24px; padding-bottom: 15px; } .parallax { height: auto; } } /* 50. divider */ .divider-s, .divider-m, .divider-m-2, .divider-l, .divider-xl { position: relative; width: 100%; margin: 0 auto; background: none; z-index: -1; } .divider-s { height: 5px; } .divider-m { height: 25px; } .divider-m-2 { height: 40px; } @media only screen and (max-width: 880px) { .divider-m-2 { height: 15px; } } .divider-l { height: 100px; } .divider-xl { height: 200px; } @media only screen and (max-width: 880px) { .divider-xl { height: 100px; } } .visible-mobile-devices, .visible-mobile-devices-2 { display: none; visibility: hidden; } @media only screen and (max-width: 995px) { .visible-mobile-devices { display: block; visibility: visible; } } @media only screen and (max-width: 1200px) { .visible-mobile-devices-2 { display: block; visibility: visible; } } @media only screen and (max-width: 880px) { .visible-mobile-devices-2 { display: none; visibility: hidden; } } .hidden-mobile-devices { display: block; visibility: visible; } @media only screen and (max-width: 995px) { .hidden-mobile-devices { display: none; visibility: hidden; } } @media only screen and (max-width: 880px) { .hidden-mobile-devices { display: block; visibility: visible; } } h6 { display: none; visibility: hidden; } /* divider */ .divider-xl { height: 130px; } @media all and (min-width: 1920px) { .divider-xl { height: 140px; } } @media only screen and (max-width: 995px) { .divider-xl { height: 120px; } } .divider-xl.divider-xl-2 { height: 170px; } @media all and (min-width: 1920px) { .divider-xl.divider-xl-2 { height: 185px; } } @media only screen and (max-width: 995px) { .divider-xl.divider-xl-2 { height: 155px; } } .divider-l { height: 50px; } @media all and (min-width: 1920px) { .divider-l { height: 90px; } } @media only screen and (max-width: 995px) { .divider-l { height: 50px; } } .divider-l-2 { height: 71px; } @media all and (min-width: 1920px) { .divider-l-2 { height: 31px; } } @media only screen and (max-width: 995px) { .divider-l-2 { height: 71px; } } .bg-dark2 { background: #f7f7f7; color: #000!important; border-top: 1px solid #ccc; } @media (min-width: 992px) and (max-width: 1199px) { .navbar-header { margin-right: 0; margin-left: 0; display: block; margin: 0; padding: 0; } .main-navigation .navbar-header { display: none; } .gallery-img-frame { width: 220px; height: 160px; max-height: 160px; } .logo img { width: 190px!important; margin: 0 0 0 5px!important; } .main-navigation-bg .logo img{ width: 170px!important; } .container-fluid .navbar-brand { margin-left: 0!important; } .main-navigation .navbar-nav li a { padding: 30px 10px 25px 10px; font-size: 15px; } .reservation-button { margin-top: 20px !important; margin-right: 5px !important; } .view-page-wrap { margin-top: 100px; } .main-navigation-bg .main-navigation .navbar-nav li a { padding: 18px 10px 15px 10px; } h2.hero-heading.hero-heading-dark { margin-top: 0; margin-bottom: 15px; } .post-list-content-cat p { line-height: 1.5; font-size: 15px; } .post-list .post-list-content2 { padding: 40px 40px; } } .logo img { padding-top: 15px; margin: 0 0 0 10px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; width: 260px; } @media (min-width: 768px) and (max-width: 991px) { .main-navigation .navbar-nav li a { color: #111 !important; } .navbar-toggle .icon-bar { background: #b55c31; } } @media only screen and (min-width: 996px) { .home-split-item .post-list-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .home-split-item .post-list-row > [class*="col-"] { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .home-split-item .post-list-content2 { width: 100%; min-height: 100%; } .home-split-item .home-split-media { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: auto; max-height: none; -webkit-transform: none; transform: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .home-split-item .home-split-media a { display: block; width: 100%; height: 100%; } .home-split-item .home-split-media img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center center; } } #home-featured .post-list .post-list-bg a { display: block; width: 100%; height: 100%; } .testimonial.testimonial-2.home-shop-panel > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .testimonial.testimonial-2.home-shop-panel > .row > [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .testimonial.testimonial-2.home-shop-panel > .row > [class*="col-"]:last-child { padding-left: 120px; } .testimonial.testimonial-2.home-shop-panel .hero-heading { margin: 0; } .testimonial.testimonial-2.home-shop-panel .section-txt p { color: #fff; font-size: 18px; text-align: center; } .home-shop-panel .home-shop-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 16px; margin-top: auto; } .home-shop-panel .home-shop-links .image-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; padding: 20px 24px; white-space: nowrap; text-align: center; font-size: 18px; line-height: 1.2; text-decoration: none; } .home-shop-panel .home-shop-links .image-caption:hover { color: #b55c31; background-color: #fff; } @media only screen and (max-width: 1399px) { .home-shop-panel .home-shop-links { gap: 12px; } .home-shop-panel .home-shop-links .image-caption { padding: 16px 20px; font-size: 17px; } } @media only screen and (max-width: 991px) { .testimonial.testimonial-2.home-shop-panel > .row > [class*="col-"]:last-child { padding-left: 15px; } .home-shop-panel .home-shop-links { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 18px; margin-top: 0; margin-bottom: 50px; } } .featured-products { width: 100%; } .related-products-grid { margin-bottom: -20px; } .related-products-grid > [class*="col-"] { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; } .related-product-card { height: 100%; text-align: center; width: 100%; } .related-product-media { --related-product-media-height: 320px; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; text-decoration: none!important; } .related-product-media img { width: 100%; height: var(--related-product-media-height); object-fit: cover; object-position: center center; display: block; -webkit-transition: transform .8s ease; -moz-transition: transform .8s ease; -ms-transition: transform .8s ease; -o-transition: transform .8s ease; transition: transform .8s ease; } .related-product-card:hover .related-product-media img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); } .related-product-media.related-product-media-portrait img { width: auto; height: var(--related-product-media-height); max-width: none; margin: 0 auto; object-fit: contain; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .related-product-card:hover .related-product-media.related-product-media-portrait img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .related-product-content { padding: 28px 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } .related-product-content .blog-tag { display: block; margin-bottom: 12px; text-align: center; } .related-product-content h2, .related-product-modal-copy h2 { font-size: 24px; line-height: 1.3; margin: 0; } .related-product-content h2 { min-height: 2.36em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .related-product-content h3, .related-product-modal-copy h3 { font-size: 28px; line-height: 1.18; letter-spacing: -0.02em; color: #111; margin: 0; } .related-product-summary { max-width: 420px; width: 100%; margin: 0px auto 28px; color: #5f5f5f; font-size: 16px; line-height: 1.6; min-height: 6.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .related-product-content .qodef-button { margin-top: auto; -ms-flex-item-align: center; align-self: center; } .related-products-grid.related-products-grid-plain { margin-bottom: -10px; } .related-products-grid.related-products-grid-plain > [class*="col-"] { margin-bottom: 30px; } .related-product-card.related-product-card-plain { border: 1px solid #d8d1c5; padding: 28px 22px; background: #fff; word-wrap: break-word; } .related-product-content.related-product-content-plain { padding: 0; display: block; height: auto; } .related-product-content.related-product-content-plain h2 { min-height: 0; display: block; overflow: visible; margin-bottom: 18px; font-size: 20px; } .related-product-plain-description { color: #5f5f5f; font-size: 16px; line-height: 1.8; text-align: center; } .related-product-plain-description > *:last-child { margin-bottom: 0; } .related-product-modal .modal-dialog { width: calc(100vw - 56px); max-width: 1360px; margin: 28px auto; } .related-product-modal .modal-content { overflow: hidden; } body.related-product-modal-open .modal-backdrop.show { opacity: .82; background-color: rgba(17, 17, 17, 0.28); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-transition: opacity .12s linear; transition: opacity .12s linear; } .related-product-modal .modal-body { padding: 0; } .related-product-modal .close { position: absolute; top: 20px; right: 24px; z-index: 10; opacity: 1; color: #111; text-shadow: none; } .related-product-modal .close:hover { color: #b55c31; } .related-product-modal-media { height: 100%; min-height: 700px; background: #f6f2eb; } .related-product-modal-media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } .related-product-modal-row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .related-product-modal-copy { height: 100%; max-height: calc(100vh - 56px); overflow-y: auto; padding: 56px 60px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .related-product-modal-copy .blog-tag { margin-bottom: 16px; } .related-product-modal-copy h3 { font-size: 32px; line-height: 1.05; } .related-product-modal-description, .related-product-modal-details { color: #5f5f5f; font-size: 15px; line-height: 1.72; } .related-product-modal-description { margin-top: 24px; } .related-product-modal-details { margin-top: 24px; } .related-product-modal-description p, .related-product-modal-details p, .related-product-modal-details li, .related-product-modal-details td, .related-product-modal-details th { font-size: 14px; line-height: 1.52; } .related-product-modal-details table { width: 100%; border-collapse: separate; border-spacing: 0 8px; } .related-product-modal-details td, .related-product-modal-details th { padding: 0 18px 0 0; vertical-align: top; color: #5f5f5f; font-weight: 400; } .related-product-modal-details td:first-child, .related-product-modal-details th:first-child { width: 34%; color: #4a4a4a; } .related-product-modal-details td:last-child, .related-product-modal-details th:last-child { padding-right: 0; } .related-product-modal-description > *:last-child, .related-product-modal-details > *:last-child { margin-bottom: 0; } .related-product-modal-actions { margin-top: auto; padding-top: 32px; } @media only screen and (max-width: 1199px) { .related-product-content h3 { font-size: 32px; } .related-product-modal .modal-dialog { width: calc(100vw - 40px); } .related-product-modal-media { min-height: 620px; } .related-product-modal-copy { padding: 48px 44px 42px; } .related-product-modal-copy h3 { font-size: 42px; } } @media only screen and (max-width: 991px) { .related-products-grid > [class*="col-"] { margin-bottom: 40px; } .related-product-media { --related-product-media-height: 280px; } .related-product-media img { height: var(--related-product-media-height); } .related-product-content { padding: 24px 10px 0; } .related-product-card.related-product-card-plain { padding: 24px 18px; } .related-product-modal-media { min-height: 340px; } .related-product-modal-copy { max-height: none; overflow-y: visible; padding: 40px 30px 35px; } .related-product-modal-copy h3 { font-size: 34px; } .related-product-modal-actions { margin-top: 30px; padding-top: 0; } } @media only screen and (max-width: 767px) { .related-product-content h3, .related-product-modal-copy h3 { font-size: 28px; } .related-product-modal { padding-left: 0!important; padding-right: 0!important; } .related-product-modal .modal-dialog { width: calc(100vw - 16px); max-width: none; margin: 8px auto; min-height: calc(100vh - 16px); } .related-product-media { --related-product-media-height: 240px; } .related-product-media img { height: var(--related-product-media-height); } .related-product-summary, .related-product-modal-description, .related-product-modal-details { font-size: 16px; line-height: 1.7; } .related-product-summary { min-height: auto; } .related-product-plain-description { font-size: 15px; line-height: 1.7; } .related-product-modal .modal-content { max-height: calc(100vh - 16px); overflow: hidden; } .related-product-modal .modal-body { max-height: calc(100vh - 16px); overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .related-product-modal .close { position: fixed; top: 14px; right: 14px; width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.96); -webkit-box-shadow: 0 4px 14px rgba(17, 17, 17, 0.18); box-shadow: 0 4px 14px rgba(17, 17, 17, 0.18); font-size: 34px; line-height: 1; z-index: 1056; } .related-product-modal .close span { top: -2px; position: relative; } .related-product-modal-copy { max-height: none; padding: 32px 45px 28px; } .related-product-modal-media { min-height: 220px; } }