@font-face { font-family: 'icomoon'; src: url('../fonts/../fonts/icomoon.eot?poqvcx'); src: url('../fonts/../fonts/icomoon.eot?poqvcx#iefix') format('embedded-opentype'), url('../fonts/../fonts/icomoon.ttf?poqvcx') format('truetype'), url('../fonts/../fonts/icomoon.woff?poqvcx') format('woff'), url('../fonts/../fonts/icomoon.svg?poqvcx#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-motif:before { content: "\e913"; } .icon-home:before { content: "\e924"; } .icon-info:before { content: "\e923"; } .icon-address:before { content: "\e91d"; } .icon-envelope:before { content: "\e91e"; } .icon-facebook-letter-logo:before { content: "\e91f"; } .icon-quotation-mark:before { content: "\e920"; } .icon-smartphone:before { content: "\e921"; } .icon-youtube-wide:before { content: "\e916"; } .icon-youtube:before { content: "\e917"; } .icon-shop:before { content: "\e919"; } .icon-instagram:before { content: "\e91a"; } .icon-brand1:before { content: "\e91a"; } .icon-social1:before { content: "\e91a"; } .icon-facebook:before { content: "\e91c"; } .icon-brand2:before { content: "\e91c"; } .icon-social2:before { content: "\e91c"; } .icon-list:before { content: "\e912"; } .icon-todo:before { content: "\e912"; } .icon-bullet:before { content: "\e912"; } .icon-options:before { content: "\e912"; } .icon-cross:before { content: "\e90b"; } .icon-cancel:before { content: "\e90b"; } .icon-close:before { content: "\e90b"; } .icon-quit:before { content: "\e90b"; } .icon-remove:before { content: "\e90b"; } .icon-bin:before { content: "\e911"; } .icon-trashcan:before { content: "\e911"; } .icon-remove1:before { content: "\e911"; } .icon-delete:before { content: "\e911"; } .icon-recycle:before { content: "\e911"; } .icon-dispose:before { content: "\e911"; } .icon-menu:before { content: "\e91b"; } .icon-location:before { content: "\e914"; } .icon-mail:before { content: "\e915"; } .icon-phone:before { content: "\e918"; } .icon-search:before { content: "\e90c"; } .icon-magnifier:before { content: "\e90c"; } .icon-magnifying-glass:before { content: "\e90c"; } .icon-inspect:before { content: "\e90c"; } .icon-find:before { content: "\e90c"; } .icon-lock:before { content: "\e90d"; } .icon-secure:before { content: "\e90d"; } .icon-private:before { content: "\e90d"; } .icon-encrypted:before { content: "\e90d"; } .icon-user:before { content: "\e90e"; } .icon-profile:before { content: "\e90e"; } .icon-avatar:before { content: "\e90e"; } .icon-person:before { content: "\e90e"; } .icon-member:before { content: "\e90e"; } .icon-clock:before { content: "\e90f"; } .icon-time:before { content: "\e90f"; } .icon-schedule:before { content: "\e90f"; } .icon-mobile:before { content: "\e910"; } .icon-cell-phone:before { content: "\e910"; } .icon-handheld:before { content: "\e910"; } .icon-eye:before { content: "\e900"; } .icon-views:before { content: "\e900"; } .icon-vision:before { content: "\e900"; } .icon-visit:before { content: "\e900"; } .icon-calendar:before { content: "\e901"; } .icon-date:before { content: "\e901"; } .icon-schedule2:before { content: "\e901"; } .icon-time2:before { content: "\e901"; } .icon-day:before { content: "\e901"; } .icon-dots-horizontal-triple:before { content: "\e922"; } .icon-chevrons-up:before { content: "\e902"; } .icon-chevrons-right:before { content: "\e903"; } .icon-chevrons-left:before { content: "\e904"; } .icon-chevrons-down:before { content: "\e905"; } .icon-chevron-right:before { content: "\e906"; } .icon-chevron-left:before { content: "\e907"; } .icon-chevron-down:before { content: "\e908"; } .icon-chevron-up:before { content: "\e909"; } .icon-world:before { content: "\e90a"; } .icon-globe:before { content: "\e90a"; } .icon-internet:before { content: "\e90a"; } .icon-network:before { content: "\e90a"; } /* crimsonbold crimsonbolditalic crimsonitalic crimsonroman crimsonsemibold crimsonsemibolditalic */ @font-face { font-family: 'crimsonbold'; src: url('../fonts/crimson-bold-webfont.eot'); src: url('../fonts/crimson-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-bold-webfont.woff2') format('woff2'), url('../fonts/crimson-bold-webfont.woff') format('woff'), url('../fonts/crimson-bold-webfont.svg#crimsonbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimsonbolditalic'; src: url('../fonts/crimson-bolditalic-webfont.eot'); src: url('../fonts/crimson-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-bolditalic-webfont.woff2') format('woff2'), url('../fonts/crimson-bolditalic-webfont.woff') format('woff'), url('../fonts/crimson-bolditalic-webfont.svg#crimsonbolditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimsonitalic'; src: url('../fonts/crimson-italic-webfont.eot'); src: url('../fonts/crimson-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-italic-webfont.woff2') format('woff2'), url('../fonts/crimson-italic-webfont.woff') format('woff'), url('../fonts/crimson-italic-webfont.svg#crimsonitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimsonroman'; src: url('../fonts/crimson-roman-webfont.eot'); src: url('../fonts/crimson-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-roman-webfont.woff2') format('woff2'), url('../fonts/crimson-roman-webfont.woff') format('woff'), url('../fonts/crimson-roman-webfont.svg#crimsonroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimsonsemibold'; src: url('../fonts/crimson-semibold-webfont.eot'); src: url('../fonts/crimson-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-semibold-webfont.woff2') format('woff2'), url('../fonts/crimson-semibold-webfont.woff') format('woff'), url('../fonts/crimson-semibold-webfont.svg#crimsonsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimsonsemibolditalic'; src: url('../fonts/crimson-semibolditalic-webfont.eot'); src: url('../fonts/crimson-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/crimson-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/crimson-semibolditalic-webfont.woff') format('woff'), url('../fonts/crimson-semibolditalic-webfont.svg#crimsonsemibolditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold-webfont.eot'); src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold_italic'; src: url('../fonts/roboto-bolditalic-webfont.eot'); src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('../fonts/roboto-bolditalic-webfont.woff') format('woff'), url('../fonts/roboto-bolditalic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoitalic'; src: url('../fonts/roboto-italic-webfont.eot'); src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic-webfont.woff2') format('woff2'), url('../fonts/roboto-italic-webfont.woff') format('woff'), url('../fonts/roboto-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('../fonts/Roboto-Light_gdi.eot'); src: url('../fonts/Roboto-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light_gdi.woff') format('woff'), url('../fonts/Roboto-Light_gdi.ttf') format('truetype'), url('../fonts/Roboto-Light_gdi.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FFFD; } @font-face { font-family:'robotolight_italic'; src: url('../fonts/Roboto-LightItalic_gdi.eot'); src: url('../fonts/Roboto-LightItalic_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic_gdi.woff') format('woff'), url('../fonts/Roboto-LightItalic_gdi.ttf') format('truetype'), url('../fonts/Roboto-LightItalic_gdi.svg#Roboto-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family:'robotoblack_italic'; src: url('../fonts/Roboto-BlackItalic_gdi.eot'); src: url('../fonts/Roboto-BlackItalic_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic_gdi.woff') format('woff'), url('../fonts/Roboto-BlackItalic_gdi.ttf') format('truetype'), url('../fonts/Roboto-BlackItalic_gdi.svg#Roboto-BlackItalic') format('svg'); font-weight: 900; font-style: italic; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family:'robotoblack'; src: url('../fonts/Roboto-Black_gdi.eot'); src: url('../fonts/Roboto-Black_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black_gdi.woff') format('woff'), url('../fonts/Roboto-Black_gdi.ttf') format('truetype'), url('../fonts/Roboto-Black_gdi.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family:'roboto_thin'; src: url('../fonts/Roboto_Thin.eot'); src: url('../fonts/Roboto_Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto_Thin.woff2') format('woff2'), url('../fonts/Roboto_Thin.woff') format('woff'), url('../fonts/Roboto_Thin.ttf') format('truetype'), url('../fonts/Roboto_Thin.otf') format('opentype'), url('../fonts/Roboto_Thin.svg#Roboto Thin') format('svg'); font-weight: 250; font-style: normal; font-stretch: normal; unicode-range: U+0020-FFFD; } @font-face { font-family:'robotothin_italic'; src: url('../fonts/Roboto-ThinItalic_gdi.eot'); src: url('../fonts/Roboto-ThinItalic_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-ThinItalic_gdi.woff') format('woff'), url('../fonts/Roboto-ThinItalic_gdi.ttf') format('truetype'), url('../fonts/Roboto-ThinItalic_gdi.svg#Roboto-ThinItalic') format('svg'); font-weight: 250; font-style: italic; font-stretch: normal; unicode-range: U+0009-FFFD; } @font-face { font-family: 'roboto_condensedbold'; src: url('../fonts/robotocondensed-bold-webfont.eot'); src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold_italic'; src: url('../fonts/robotocondensed-bolditalic-webfont.eot'); src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condenseditalic'; src: url('../fonts/robotocondensed-italic-webfont.eot'); src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('../fonts/robotocondensed-light-webfont.eot'); src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight_italic'; src: url('../fonts/robotocondensed-lightitalic-webfont.eot'); src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('../fonts/robotocondensed-regular-webfont.eot'); src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } .carousel { margin-bottom: 1.5rem; z-index: 1; } .carousel .carousel-caption { bottom: 3rem; z-index: 10; } .carousel .carousel-item { position: relative; background-position: center; background-size: cover; height: 430px; } @media (min-width: 768px) { .carousel .carousel-item { height: 800px; } } .carousel .carousel-item .container { height: 100%; position: absolute; margin: 0 auto; left: 0; right: 0; } .carousel .carousel-item .container .description { position: absolute; bottom: 20%; left: 7%; max-width: 300px; font-family: robotolight; font-size: 1em; } @media (min-width: 768px) { .carousel .carousel-item .container .description { font-size: 1.4em; max-width: 600px; } } @media (min-width: 992px) { .carousel .carousel-item .container .description { font-size: 2em; } } .carousel .carousel-item .container .description h1 { color: #916438; font-family: crimsonbold; text-transform: uppercase; font-size: 2.1em; } .carousel .carousel-item .container .description p { margin-bottom: 0px; } .carousel .carousel-item .container .description p .btn { margin-top: 30px; text-transform: uppercase; font-size: 0.8em; padding-left: 40px; padding-right: 40px; } .carousel .carousel-item > img { width: 100%; display: none; } .carousel .carousel-indicators { max-width: 1240px; padding-left: 5%; text-align: left; display: block; width: 100%; margin: 0 auto 20px auto; } .carousel .carousel-indicators li { width: 15px; height: 15px; border-radius: 50%; display: inline-block; flex: unset; background-color: #dabb81; border: 0; margin: 0 5px; } .carousel .carousel-indicators li.active, .carousel .carousel-indicators li:hover { background-color: #916438; box-shadow: 0 0 0 5px #dabb81; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } html, body { overflow: auto; } html { height: 100%; } body { min-height: 100%; font-size: 16px; font-family: robotoregular; } a { color: #916438; } a:hover { color: #dabb81; } .background-image { padding-top: 100%; background-size: cover; background-position: center; position: relative; } .background-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container { max-width: 1240px; } .navbar-brand { width: 100%; max-width: 120px; padding: 0; font-size: 0; margin: 0; } .navbar-brand img { width: 100%; } .logo-wrap { width: 100%; max-width: 240px; } body.homepage header { position: absolute; top: 0; z-index: 999; } header { width: 100%; } header .row-top { padding: 20px 0; } @media (max-width: 767px) { header a { color: #000; } } .header-contacts [class^="icon"] { display: inline-block; margin-right: 15px; width: 38px; min-width: 38px; height: 38px; line-height: 38px; color: #dabb81; background: #fff; border-radius: 50%; text-align: center; font-size: 20px; } .header-contacts a[class^="icon"]:hover { text-decoration: none; background: #dabb81; color: #fff; } .header-contacts .opening-times-info { font-size: 0.9em; } .language-switch { text-align: center; display: flex; align-items: center; justify-content: center; } .language-switch li { margin: 5px; text-align: center; } .language-switch li a { background: #dabb81; color: #fff; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; text-transform: uppercase; font-weight: bold; border-radius: 50%; font-size: 13px; } @media (min-width: 769px) { .language-switch li a { color: #dabb81; background: #fff; } } .language-switch li.active-lang a, .language-switch li a:hover { color: #dabb81; background: #fff; text-decoration: none; } @media (min-width: 769px) { .language-switch li.active-lang a, .language-switch li a:hover { background: #dabb81; color: #fff; } } .loader-wrap { position: fixed; padding: 5%; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; background: rgba(255, 255, 255, 0.7); } .loader-wrap .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } body:not(.loading) .loader-wrap { display: none; } .loader { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; } .loader:before { content: ''; display: block; padding-top: 100%; } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @-webkit-keyframes color { 100%, 0% { stroke: #d62d20; } 40% { stroke: #0057e7; } 66% { stroke: #008744; } 80%, 90% { stroke: #ffa700; } } @keyframes color { 100%, 0% { stroke: #d62d20; } 40% { stroke: #0057e7; } 66% { stroke: #008744; } 80%, 90% { stroke: #ffa700; } } .card.card-transparent, .card.card-transparent .card-header, .card.card-transparent .card-body { border: 0; background: transparent; } #google_map_row { transition: opacity 0.5s; } #google_map_row:not(.visible) { opacity: 0; } .google-map { height: 400px; width: 100%; margin-bottom: -6px; } .form-control:focus { border-color: #dabb81; box-shadow: 0 0 0 transparent; } .bg-primary { background: #dabb81 !important; color: #fff; } .bg-secondary { background: #96acc1 !important; } .text-primary { color: #dabb81 !important; } a.text-primary:hover { color: #916438 !important; } .text-primary-hover { color: #916438 !important; } .text-primary-hover:hover { color: #dabb81 !important; } .btn { border-radius: 40px; } .btn-danger { background-color: #d25763; border-color: #d25763; } .btn-primary { background-color: #dabb81; border-color: #dabb81; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .btn-primary:hover { background-color: #916438; border-color: #916438; } .btn-tertiary { background-color: #4BADCE; border-color: #4BADCE; color: #fff; min-width: 150px; } .btn-tertiary:hover { background-color: #2f8baa; border-color: #2f8baa; color: #fff; } .btn-light { color: #dabb81; } .bg-primary a { color: #fff; } .gdprcookie { max-width: 30em; background: #dabb81; box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.4); border: 1px solid #fff3; z-index: 99999; } .gdprcookie a { text-decoration: underline; } .gdprcookie a:hover, .gdprcookie a:focus, .gdprcookie a:active { color: #fff; text-decoration: none; } .page-title { margin-bottom: 20px; } .page-title h1 { color: #916438; font-weight: 700; text-transform: uppercase; font-size: 1.5em; } @media (min-width: 769px) { .page-title h1 { font-size: 2.2em; } } body.fixedMenu .navbar { position: fixed; top: 0; left: 0; /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);*/ z-index: 9999; } body.fixedMenu .navbar .navbar-nav { justify-content: center; } .nav-item-logo .nav-link { height: 66px; padding: 0 20px !important; display: flex; align-items: center; } .nav-item-logo .nav-link img { width: 130px; } body:not(.fixedMenu) .nav-item-logo { display: none; } .navbar-dark { background: #dabb81; } .navbar-dark [data-target="#header_contact"]:hover, .navbar-dark [data-target="#header_contact"]:focus { text-decoration: none; } .navbar-dark .navbar-toggler { color: #fff; border: 0; padding: 0; margin: 0; } .navbar-dark .navbar-toggler, .navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus { outline: 0; } @media (max-width: 990px) { .navbar-dark .navbar-collapse { max-height: 280px; overflow: auto; } } .navbar-dark .navbar-nav { justify-content: space-between; } @media (max-width: 990px) { .navbar-dark .navbar-nav .nav-item { width: 100%; text-align: center; } } .navbar-dark .navbar-nav .nav-item.has-icon .nav-link { padding-top: 8px; padding-bottom: 8px; height: 100%; display: flex; justify-content: center; } .navbar-dark .navbar-nav .nav-item.has-icon .nav-link img { width: 30px; } .navbar-dark .navbar-nav .nav-link { color: #fff; padding: 5px 10px; font-size: 1em; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } @media (min-width: 768px) { .navbar-dark .navbar-nav .nav-link { padding: 20px 10px; } } @media (min-width: 992px) { .navbar-dark .navbar-nav .nav-link { font-size: .9em; padding: 15px 20px; } } @media (min-width: 1201px) { .navbar-dark .navbar-nav .nav-link { font-size: 1.1em; padding: 20px 20px; } } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show:not(.dropdown-menu), .navbar-dark .navbar-nav .show > .nav-link { color: #fff; } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show:not(.dropdown-menu) > .nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { border-color: #fff; color: #fff; background: #4BADCE; } .navbar-dark .navbar-nav .dropdown-menu .nav-link { color: #5e5e5e; } .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover { color: #fff; } @media (max-width: 990px) { .navbar-dark .navbar-nav .dropdown-menu { border-radius: 0; border: 0; text-align: center; } } @media (min-width: 992px) { .navbar-dark .navbar-nav .dropdown-menu .nav-link { border-radius: 0; } } .contact-page main .addresses { font-size: 1.2em; } .contact-page main .addresses i { color: #fff; background: #dabb81; display: block; width: 40px !important; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 15px; font-size: 20px; min-width: 40px; } .contact-page .contact-info { font-size: 1.2em; } ul.article-list .card.vertical .card-title { height: 60px; display: flex; align-items: center; } ul.article-list .card.vertical .introtext { height: 93px; overflow: hidden; } ul.article-list .introtext p:nth-last-of-type(1) { margin-bottom: 0; } ul.article-list .card-img { padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50%; border-right: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; position: relative; } ul.article-list .card-img img { display: none !important; } ul.article-list .card-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } @media (max-width: 767px) { ul.article-list .card-footer .article-info { flex-wrap: wrap; text-align: center; justify-content: center !important; } ul.article-list .card-footer .article-info li.readmore { width: 100%; padding-top: 10px; } } .article-page { font-size: 1.1em; } .article-page .intro-image { width: 100%; float: left; } @media (min-width: 769px) { .article-page .intro-image { max-width: 400px; } } .article-page .album-list { text-align: center; } .article-page .album-list .image-item { display: inline-block; width: 100%; max-width: 300px; padding: 5px; margin: 0 -1px; } .article-page .album-list .image-item .image-wrap { padding-top: 71%; width: 100%; display: block; background-size: contain; background-position: center; border: .25rem solid #fff; border-radius: .25rem; box-shadow: 0 0 0 1px #dee2e6; position: relative; } .article-page .album-list .image-item .image-wrap img { display: none; } .article-page .album-list .image-item .image-wrap .name { position: absolute; bottom: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; display: block; width: 100%; text-align: center; font-size: 1.2em; padding: 5px; } .article-page .gallery-album { text-align: center; } .article-page .gallery-album .image-item { display: inline-block; width: 100%; max-width: 236px; padding: 5px; } .article-page .gallery-album .image-item .image-wrap { padding-top: 100%; width: 100%; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; } .article-page .gallery-album .image-item .image-wrap span { display: none !important; } .error-page { text-align: center; } .error-page .error-title { font-size: 15vw; } .banner-wrap img { width: 100%; } .banner-wrap .tablet, .banner-wrap .mobile { display: none; } @media all and (max-width: 768px) { .banner-wrap .pc { display: none; } .banner-wrap .tablet { display: block; } } @media all and (max-width: 480px) { .banner-wrap .pc { display: none; } .banner-wrap .tablet { display: none; } .banner-wrap .mobile { display: block; } } .card .card-header { font-size: 2em; text-transform: uppercase; color: #916438; font-family: crimsonbold; text-align: center; } @media (min-width: 769px) { .card .card-header { font-size: 2.5em; } } .news-wrap { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .news-wrap { padding-top: 40px; padding-bottom: 40px; } } .news-wrap .news-list { margin: 0 0 -1rem 0; } .news-wrap .news-list .item { display: inline-block; background: #4BADCE; color: #fff; padding: 40px 10px 20px 10px; border-radius: 10px; text-align: center; width: 100%; transition: background 0.3s; } .news-wrap .news-list .item:hover { text-decoration: none; background: #2f8baa; transition: background 0.3s; } .news-wrap .news-list .item .icon_wrap img { height: 90px; width: auto; } .news-wrap .news-list .item .title { display: block; padding-top: 40px; text-transform: uppercase; font-size: 0.9em; min-height: 82px; } .reservation-wrap { padding: 60px 0; font-size: 2em; font-family: robotolight; line-height: 1.3; margin-bottom: 40px; } .reservation-wrap .title { font-family: crimsonbold; text-transform: uppercase; font-weight: normal; color: #916438; font-size: 1.5em; } @media (min-width: 769px) { .reservation-wrap .title { font-size: 2.3em; } } .reservation-wrap .btn { text-transform: uppercase; padding-left: 40px; padding-right: 40px; } .opinions-list .item { padding: 0 30px; } .opinions-list .item i { color: #ecddc0; font-size: 70px; margin-right: 30px; margin-top: 7px; } @media (max-width: 575px) { .opinions-list .item i { display: none; } } .opinions-list .item i + div { font-size: 1.2em; } .opinions-list .item h1 { color: #dabb81; margin-bottom: 0; font-size: 2.1em; } .opinions-list .item h2 { color: #ecddc0; font-size: 1.3em; margin-bottom: 30px; } .events-wrap { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .events-wrap { padding-top: 40px; padding-bottom: 40px; } } .events-wrap .card-body { padding-top: 0; } .events-wrap .card-body .events-list .item { overflow: hidden; position: relative; } .events-wrap .card-body .events-list .item:hover .desc, .events-wrap .card-body .events-list .item:focus .desc { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .events-wrap .card-body .events-list .item:hover .readmore, .events-wrap .card-body .events-list .item:focus .readmore { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); transition: opacity .1s, -webkit-transform .3s; transition: transform .3s, opacity .1s; transition: transform .3s, opacity .1s, -webkit-transform .3s; } .events-wrap .card-body .events-list .item:not(.has-content) a { pointer-events: all !important; } .events-wrap .card-body .events-list:nth-of-type(even) .desc { background: #dabb81; } .events-wrap .card-body .events-list:nth-of-type(odd) .desc { background: #b59e73; } .events-wrap .card-body .events-list .image-wrap { padding-top: 83%; background-size: cover; background-position: center; position: relative; } .events-wrap .card-body .events-list .image-wrap a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (hover: none) { .events-wrap .card-body .events-list .image-wrap a { pointer-events: none; } } .events-wrap .card-body .events-list .readmore { display: flex; text-align: center; text-transform: uppercase; height: 50px; align-items: center; line-height: 1; justify-content: center; background: #4BADCE; color: #fff; width: 100%; font-size: 0.9em; position: absolute; top: auto; bottom: 0; left: 0; opacity: 0; padding: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: opacity .1s, -webkit-transform .3s; transition: transform .3s, opacity .1s; transition: transform .3s, opacity .1s, -webkit-transform .3s; } .doctors-wrap { background-color: #FBF0DC; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .doctors-wrap { padding-top: 40px; padding-bottom: 40px; } } .doctors-wrap .lSAction > a { background: transparent; font-size: 30px; border: 2px solid #fff; color: #fff; border-radius: 50%; text-align: center; height: 44px; width: 44px; line-height: 38px; opacity: 1; margin-top: -50px; } .doctors-wrap .lSAction > a:hover { color: #4BADCE; border-color: #4BADCE; background: rgba(255, 255, 255, 0.7); } .doctors-wrap .lSAction > a::before { font-family: icomoon; } .doctors-wrap .lSAction > a.lSPrev { text-indent: -6px; } .doctors-wrap .lSAction > a.lSPrev::before { content: "\e907"; } .doctors-wrap .lSAction > a.lSNext::before { content: "\e906"; } .doctors-wrap .card-body { padding-top: 0; } .doctors-wrap .card-body .doctors-list li .item { overflow: hidden; position: relative; } .doctors-wrap .card-body .doctors-list li .item:hover .desc { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .doctors-wrap .card-body .doctors-list li .item:hover .readmore { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); transition: opacity .1s, -webkit-transform .3s; transition: transform .3s, opacity .1s; transition: transform .3s, opacity .1s, -webkit-transform .3s; } .doctors-wrap .card-body .doctors-list li .desc { transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; color: #fff; height: 120px; padding: 10px 20px; } .doctors-wrap .card-body .doctors-list li .desc h1 { font-family: robotobold; font-size: 1.05em; margin-bottom: 5px; } .doctors-wrap .card-body .doctors-list li .desc p, .doctors-wrap .card-body .doctors-list li .desc p * { font-size: 0.92em !important; line-height: 1.1; font-weight: 400; } .doctors-wrap .card-body .doctors-list li .desc p:nth-last-of-type(1) { margin-bottom: 0; } .doctors-wrap .card-body .doctors-list li:nth-of-type(even) .desc { background: #dabb81; } .doctors-wrap .card-body .doctors-list li:nth-of-type(odd) .desc { background: #b59e73; } .doctors-wrap .card-body .doctors-list li .image-wrap { padding-top: 100%; background-size: cover; background-position: center; position: relative; } .doctors-wrap .card-body .doctors-list li .image-wrap a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .doctors-wrap .card-body .doctors-list li .readmore { display: flex; text-align: center; text-transform: uppercase; height: 50px; align-items: center; line-height: 1; justify-content: center; background: #4BADCE; color: #fff; width: 100%; font-size: 0.9em; position: absolute; top: auto; bottom: 0; left: 0; opacity: 0; padding: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: opacity .1s, -webkit-transform .3s; transition: transform .3s, opacity .1s; transition: transform .3s, opacity .1s, -webkit-transform .3s; } .doctors-wrap .card-body .lSPager { margin-top: 23px !important; } .gallery-wrap { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .gallery-wrap { padding-top: 40px; padding-bottom: 40px; } } .gallery-wrap .lSAction > a { background: #fff; font-size: 37px; border: 3px solid #916438; color: #916438; border-radius: 50%; text-align: center; height: 60px; width: 60px; line-height: 52px; } .gallery-wrap .lSAction > a::before { font-family: icomoon; } .gallery-wrap .lSAction > a.lSPrev { text-indent: -6px; } .gallery-wrap .lSAction > a.lSPrev::before { content: "\e907"; } .gallery-wrap .lSAction > a.lSNext::before { content: "\e906"; } .gallery-wrap .card-body .gallery-list li .item { overflow: hidden; position: relative; } .gallery-wrap .card-body .gallery-list li .image-wrap { padding-top: 60%; background-size: cover; background-position: center; position: relative; border-bottom: 10px solid #4BADCE; opacity: 1; transition: opacity 0.3s; } .gallery-wrap .card-body .gallery-list li .image-wrap:hover { opacity: 0.6; transition: opacity 0.3s; } .gallery-wrap .card-body .gallery-list li .image-wrap a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-wrap .card-body .lSPager { margin-top: 23px !important; margin-bottom: 23px !important; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #dabb81; width: 14px; height: 14px; margin: 5px; z-index: 1; } .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #916438; box-shadow: 0 0 0 5px #dabb81; transition: all 0.3s; } footer { background: #dabb81; padding: 15px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); /*@include media("<=sm") { padding-bottom: 150px; .eu-img img { max-width: 200px; } }*/ } footer, footer a, footer a:hover { color: #fff; } footer [class^="icon-"] { display: inline-block; margin-right: 5px; width: 32px; height: 32px; line-height: 32px; color: #dabb81; background: #fff; border-radius: 50%; text-align: center; font-size: 18px; } footer a[class^="icon-"]:hover { text-decoration: none; background: #916438; color: #fff; } footer .addresses li { margin: 5px !important; } footer .szechenyi-row { /*.intro { line-height: 1.2; } img { width: 100%; max-width: 250px; }*/ text-align: center; font-size: 0.8em; line-height: 1.3; } @media (min-width: 576px) { footer .szechenyi-row { text-align: left; } } footer .szechenyi-row p { margin-bottom: 0; } footer .szechenyi-row img { width: 100%; max-width: 300px; } footer .szechenyi-row .description { margin-top: 20px; } @media (min-width: 576px) { footer .szechenyi-row .description { margin-top: 0px; padding-left: 15px; } } footer.has-eu-block { padding-bottom: 200px; } footer .eu-wrap { position: fixed; bottom: 0; right: 0; z-index: 9999; background: #fff; display: flex; align-items: center; } footer .eu-wrap img { width: 100%; max-width: 170px; } @media (min-width: 768px) { footer .eu-wrap img { max-width: 250px; } } footer .eu-wrap .description { min-width: 50%; font-size: 8px; line-height: 1.1; color: #000; max-width: 200px; padding: 10px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); color: #000; } @media (min-width: 768px) { footer .eu-wrap .description { font-size: 10px; } } footer .eu-wrap .description p { margin: 0; } .list-limit-form { display: inline-block; width: 100%; max-width: 100px; margin: 0 auto; } .text-center .pagination { margin: 0 auto; } .pagination .page-link { color: #5e5e5e; } .pagination .page-item.active .page-link { background-color: #dabb81; border-color: #dabb81; } @media (max-width: 767px) { .pagination li:not(.active):not(:nth-of-type(1)):not(:nth-last-of-type(1)) { display: none; } } .doctors-page ul.article-list .card { border: 0; border-radius: 0; } @media (max-width: 575px) { .doctors-page ul.article-list .card .card-title { height: auto !important; } } .doctors-page ul.article-list .card .card-title h4 { font-size: 1.3em; line-height: 1.2; font-family: robotoblack; } .doctors-page ul.article-list .card .card-body { padding-left: 0; padding-right: 0; } @media (max-width: 575px) { .doctors-page ul.article-list .card .card-body .introtext { height: auto !important; } } .doctors-page ul.article-list .card .card-body .introtext, .doctors-page ul.article-list .card .card-body .introtext * { font-size: 1em !important; } .doctors-page ul.article-list .card .card-footer { display: none; } .doctors-page ul.article-list .card .card-img { padding-top: 116%; border: 0; } .services-page .article-list .card, .services-page .category-list .card { border: 0; border-radius: 0; } .services-page .article-list .card .card-title, .services-page .category-list .card .card-title { height: auto !important; text-align: center; display: block !important; } .services-page .article-list .card .card-body, .services-page .category-list .card .card-body { padding-left: 0; padding-right: 0; } .services-page .article-list .card .card-footer, .services-page .category-list .card .card-footer { display: none; } .services-page .article-list .card .card-img, .services-page .category-list .card .card-img { padding-top: 100%; border: 0; } .services-page .article-list .card .introtext, .services-page .category-list .card .introtext { display: none; } body.egeszsegpenztarak .page-title { margin-bottom: 40px; } .reservation-form-card { max-width: 600px; margin: 35px auto 0 auto; background: rgba(0, 0, 0, 0.05) !important; } @media (min-width: 577px) { .reservation-form-card { padding: 0 4%; } } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.elojegyzes .article-body .box { background: #ecddc0; padding: 20px; } body.elojegyzes .article-body .box em { font-size: 0; } body.elojegyzes .article-body .box em:before { font-size: 50px; } body.elojegyzes .page-title { display: none; } @media (max-width: 575px) { .table tr td { padding: 4px; } .table tr td[colspan] span { font-size: 1.2em !important; } } body.prices-page .article-body td:nth-of-type(1) { width: auto !important; } body.prices-page .article-body td:nth-of-type(2) { width: 40% !important; padding-left: 30px !important; } body.prices-page .article-body td[colspan="2"]:not(.no-bg) { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); background: #4BADCE; color: #fff; } body.prices-page .article-body td[colspan="2"]:not(.no-bg).info-header { font-style: italic; } span.highlight { background: yellow; } @media (max-width: 767px) { .header-search { margin-bottom: -15px; padding: 10px; margin-top: 15px; } } .header-search .input-group-text { background-color: #fff; color: #4BADCE; } .header-search .form-control { border-left: 0; } body.home-page .header-search .input-group-text { border: 0; } body.home-page .header-search .form-control { border: 0; } #topReservation { background: url(../images/mobil_header.jpg) no-repeat center center/cover; padding-top: 15px; padding-bottom: 15px; position: relative; /* Firefox */ } @media (max-width: 990px) { #topReservation { margin-top: 64px; } } @media (min-width: 991px) { #topReservation { padding-top: 190px; background: url(../images/header.jpg) no-repeat center center/cover; } } @media (min-width: 576px) { #topReservation { padding-bottom: 35px; } } #topReservation .video-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: opacity 0.3s; display: none; } @media (max-width: 990px) { #topReservation .video-wrap.for-mobile:not(.hide) { display: block; transition: opacity 0.3s; } } @media (min-width: 991px) { #topReservation .video-wrap.for-pc { display: block; } #topReservation .video-wrap.hide { opacity: 0; transition: opacity 0.3s; } } #topReservation .video-wrap video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background: transparent; } #topReservation .video-wrap.for-mobile video { -o-object-position: top; object-position: top; } #topReservation form { opacity: 1; transition: opacity 0.3s; } #topReservation form.hide { opacity: 0; transition: opacity 0.3s; } #topReservation form.hide .after-video { display: none; } #topReservation .support-text { opacity: 1; transition: opacity 0.3s; } #topReservation .support-text.hide { opacity: 0; transition: opacity 0.3s; } #topReservation h3 { font-size: 1.7em; text-transform: uppercase; color: #916438; font-family: crimsonbold; margin-bottom: 0; } @media (min-width: 768px) { #topReservation h3 { font-size: 2.5em; } } #topReservation h4 { font-size: 1.1em; text-transform: uppercase; color: #4BADCE !important; font-family: crimsonbold; margin-bottom: 20px; } @media (min-width: 768px) { #topReservation h4 { font-size: 1.6em; } } #topReservation .form-group label:not(.modal-label) { font-family: robotobold; color: #916438; text-transform: uppercase; font-size: 0.85em; } @media (min-width: 400px) { #topReservation .form-group label:not(.modal-label) { font-size: 1em; } } #topReservation .form-group .form-control:not(.modal-input) { border-radius: 0; border: 0; } #topReservation .form-group select:not(.modal-input) { background: #fff url(../images/select-arrow.svg) no-repeat right center/contain; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 45px; } #topReservation .invalid { outline: 1px solid red; } #topReservation input::-webkit-outer-spin-button, #topReservation input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #topReservation input[type=number] { -moz-appearance: textfield; } @media (max-width: 500px) { #topReservation input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), #topReservation select { padding-top: 0; padding-bottom: 0; height: 32px; } #topReservation .btn.btn-danger { padding-top: 0; padding-bottom: 0; font-size: 1em !important; } } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #916438; } .required::after { content: " *"; color: red; } .modal { z-index: 15000; } .modal-content { border: 0; } .modal-header { background: #4BADCE; border-color: #4BADCE; color: #fff; } .modal-header.bg-success { border-color: #28a745 !important; } .complete-icon-wrap { text-align: center; } .complete-icon-wrap svg { max-width: 120px; margin: 0 auto 30px; } .complete-icon-wrap svg .circ { opacity: 0; stroke-dasharray: 130; stroke-dashoffset: 130; transition: all 1s; } .complete-icon-wrap svg .tick { stroke-dasharray: 50; stroke-dashoffset: 50; transition: stroke-dashoffset 1s 0.5s ease-out; } .complete-icon-wrap svg .path { fill: none; stroke: #28a745; stroke-width: 3; stroke-linejoin: round; stroke-miterlimit: 10; } .complete-icon-wrap svg.drawn .path { opacity: 1; stroke-dashoffset: 0; } .larger { font-size: 1.3em; } .order-list { list-style-position: inside; padding: 0; } .order-list .category-name { font-weight: bold; font-size: 1.1rem; color: #fff; display: block; } .order-list .category-name + ul { padding: 0; } .order-list > li { color: #fff; padding: 20px; border-radius: 5px; margin: 15px 0; display: block; overflow: hidden; } .order-list > li:nth-of-type(odd) { background: #4BADCE url(../images/bg-item-1.png) no-repeat top right; } .order-list > li:nth-of-type(odd) .consulting-hours { color: #dabb81; } .order-list > li:nth-of-type(even) { background: #dabb81 url(../images/bg-item-1.png) no-repeat top right; } .order-list > li:nth-of-type(even) .consulting-hours { color: #4BADCE; } .order-list > li ul { padding-top: 15px !important; } .order-list > li .category-description { padding-top: 15px; } .order-list > li .category-description p:nth-last-of-type(1) { margin-bottom: 0 !important; } .order-list > li .item-intro { padding-left: 40px; font-style: italic; opacity: 0.6; } .order-list > li .item-intro p:nth-last-of-type(1) { margin-bottom: 0 !important; } .blue-box { background: #4BADCE url(../images/bg-item-1.png) no-repeat top right; color: #fff; padding: 20px; border-radius: 5px; margin: 15px 0; display: block; overflow: hidden; } .primary-box { background: #dabb81 url(../images/bg-item-1.png) no-repeat top right; color: #fff; padding: 20px; border-radius: 5px; margin: 15px 0; display: block; overflow: hidden; } .navbar-nav .nav-item.landing-home { background-color: #3b7894 !important; } .navbar-nav .nav-item.landing-home a:hover, .navbar-nav .nav-item.landing-home a:active { background-color: #24738d !important; } body.landing-page .navbar-nav .nav-item.base-home { background-color: #dabb81 !important; } body.landing-page .navbar-nav .nav-item.base-home a:hover, body.landing-page .navbar-nav .nav-item.base-home a:active { background-color: #4BADCE !important; } body.landing-page .background-container { background: url("../images/landing-bg.jpg") no-repeat center top; } body.landing-page a:not(.btn) { color: #3b7894; } body.landing-page .btn-light { color: #3b7894; } body.landing-page .btn-primary { background: #3b7894; border-color: #3b7894; } body.landing-page .btn-primary:hover { background: #24738d; border-color: #24738d; } body.landing-page .navbar-dark { background: #3b7894; color: #fff; } body.landing-page .navbar-dark .navbar-nav .active > .nav-link, body.landing-page .navbar-dark .navbar-nav .nav-link.active, body.landing-page .navbar-dark .navbar-nav .nav-link.show, body.landing-page .navbar-dark .navbar-nav .show:not(.dropdown-menu) > .nav-link, body.landing-page .navbar-dark .navbar-nav .nav-link:hover, body.landing-page .navbar-dark .navbar-nav .nav-link:focus { background: #24738d; } body.landing-page .language-switch li a { background: #fff; color: #3b7894; } body.landing-page .header-contacts [class^="icon"] { color: #3b7894; } body.landing-page .header-contacts [class^="icon"]:not(.icon-address):hover { background-color: #24738d; color: #fff; } body.landing-page .language-switch li a { color: #3b7894; } body.landing-page .language-switch li.active-lang a, body.landing-page .language-switch li a:hover { background: #3b7894; color: #fff; } body.landing-page main { font-size: 1.2em; margin-bottom: 0 !important; } body.landing-page .page-title { text-align: center; margin-bottom: 40px; padding: 0; } @media (min-width: 768px) { body.landing-page .page-title { padding: 3rem 0; } } body.landing-page .page-subtitle { text-align: left; margin-bottom: 40px; } body.landing-page .page-subtitle h1 { text-transform: uppercase; color: #3b7894; position: relative; font-size: 1.05em; display: flex; align-items: center; /* i { position: absolute; top: 0; left: 0; font-size: 2em; color: $primary-hover } */ } @media (min-width: 768px) { body.landing-page .page-subtitle h1 { font-size: 1.7em; } } body.landing-page .page-subtitle h1 img { width: 40px; margin-right: 10px; } body.landing-page .category-intro { padding: 20px 0; } body.landing-page .what .article-list .card { background: none; border: 0; } body.landing-page .what .article-list .card .card-title h4 { color: #3b7894; } body.landing-page .what .article-list .card .card-footer { display: none; } body.landing-page .what .article-list .card .card-img { border: 0; } body.landing-page .what .article-list .card > .row > div:nth-of-type(1) .card-img { padding-top: 60%; } body.landing-page .what .article-list .card > .row > div:nth-last-of-type(1) { align-items: center; } body.landing-page .what .article-list .card > .row > div:nth-last-of-type(1) .card-body { align-self: unset !important; } @media (min-width: 768px) { body.landing-page .what .article-list li:nth-of-type(even) .card > .row > div:nth-of-type(1) { order: 1; padding-right: 15px !important; padding-left: 0px; } body.landing-page .what .article-list li:nth-of-type(even) .card > .row > div:nth-last-of-type(1) { order: 0; padding-left: 15px !important; } } body.landing-page .contact table, body.landing-page .contact table td { border: 0; } body.landing-page .contact table tr td:nth-of-type(1) { width: 230px; } body.landing-page .form-wrap { background: #3b7894 url("../images/motif-bg.png") no-repeat right bottom; } body.landing-page .form-wrap, body.landing-page .form-wrap a { color: #fff; } body.landing-page .form-wrap a { text-decoration: underline; } body.landing-page .form-wrap a:hover { text-decoration: none; } body.landing-page .form-wrap .form-control { border-radius: 0; border: 0; background: rgba(255, 255, 255, 0.8); } body.landing-page .form-wrap .input-group-text { background: none; border: 0; color: #fff; } body.landing-page .services ul.article-list .card-img { padding-top: 55%; } body.landing-page .services a:not(.btn) { color: #3b7894 !important; } body.landing-page .services a:not(.btn):hover { color: #24738d !important; text-decoration: none; } body.landing-page .services .introtext, body.landing-page .services .card-title { height: auto !important; line-height: 1.3; } body.landing-page footer { background: #24738d; } body.landing-page footer a:not(.icon-facebook-letter-logo) { color: #fff !important; } body.landing-page footer [class^="icon-"] { color: #3b7894; } body.landing-page footer .icon-facebook-letter-logo:hover { background-color: #3b7894; color: #fff !important; } body.landing-page .google-map-wrap { margin-bottom: -2px; } body.landing-page .dropdown-menu { background-color: #3b7894; } body.landing-page .dropdown-menu .nav-link { color: #fff !important; } body.landing-page .omfek-services .dropdown-menu { min-width: 22rem; }