/** * @file /a_layout/css/layout.css * @copyright Copyright (C) 2012 - 2023 codeDESIGN | Milos Mandic / All rights reserved. * @link https://www.filterverlag.de * @author codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de> */ /* codeDESIGN - layout.css */ @charset "utf-8"; /* @import url('layout_gallery.css'); */ /* @import url('layout_cms.css'); */ @import url('layout_fonts.css'); @import url('layout_system_messages.css'); /* NEEDS ALSO ADJUSTMENT IN jce_editor.css */ @import url('../fonts/fontawesome-pro-6.3.0/css/all.min.css'); html, body { background: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal 17px/24px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; color: var(--ci_color_black); width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: relative; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -webkit-locale: 'de'; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-mdoothing: antialiased; } body.website_body.container, body.website_body.container-fluid { padding: 0px 0px 0px 0px; } strong, b { font-family: 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: normal; } a[href^=tel] { /* FIX FOR IOS DEVICES */ color: inherit; text-decoration: underline; } /* GLOBAL CSS VARIABLES */ :root { --ci_color: #3D539E; --ci_color_black: #5B6670; --ci_color_black_light: #778490; --ci_color_white: #ffffff; --ci_color_grey: #D9D8D6; --ci_color_dark_grey: #5D5D5D; --ci_color_font_content: #5B6670; --ci_color_blue: #3D539E; --ci_color_1: #3D539E; --ci_color_2: #2F4079; --ci_color_3: #DAD8D4; --ci_color_4: #5D5D5D; --ci_color_5: #5B6670; --ci_color_6: #121212; --ci_color_accent_1: #3D539E; --ci_color_accent_1_hover: #2F4079; --ci_color_accent_1_text: #ffffff; --ci_color_accent_2: #5D5D5D; --ci_color_accent_2_hover: #5B6670; --ci_color_accent_2_text: #ffffff; --bg_color_tooltip: #9D9D9C; --font_color_tooltip: #ffffff; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --black: #0F0F0F; --font-h1: 400 30px/30px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_mobile: 400 26px/26px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2: 400 30px/30px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_mobile: 400 26px/26px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3_mobile: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_mobile: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --border_bottom-headings: 1px solid #e5e8ee; /* HEADLINES IN COMPONENT VIEW */ --font-h1_component: 400 30px/30px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_component_offline: 400 30px/30px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_component_mobile: 400 30px/30px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_component: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_component_mobile: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3_component: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3_component_mobile: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_component: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_component_mobile: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_footer: 400 20px/20px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_footer_mobile: 400 18px/18px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-content: 400 14px/22px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --font-footer: 400 14px/22px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 991px; --breakpoint-xl: 1200px; } /* LOADERS AND INTRO */ div.website_loader { background: var(--ci_color_accent_1); width: 0px; height: 2px; position: absolute; top: 0px; z-index: 9999; } div.website_intro { background: rgba(255, 255, 255, 1.0); width: 100%; height: 100%; position: fixed; vertical-align: middle; z-index: 999999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; } div.website_intro img { width: 400px; } div.website_intro_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } /* WEBSITE AJAX LOADER */ div.website_ajax_loader { width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; z-index: 99999999; display: none; } div.website_ajax_loader img { max-width: 300px; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; } /* WEBSITE LOGO */ section.section_website_logo [class^="col-"], section.section_website_logo [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.layout_website_logo { /* background: #877467; */ width: 100%; /* text-align: center; */ margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; position: relative; } div.layout_website_logo img { width: 500px; margin: 0 auto; display: inline; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 991px) { div.layout_website_logo { padding: 20px 0px 20px 0px; } div.layout_website_logo img { width: 60%; } } @media only screen and (max-width: 768px) { div.layout_website_logo img { width: 100%; } } div.website_logo_slide_navigation_trigger { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; /*left: 20px;*/ /*top: calc(50% - 32px);*/ display: none; } @media only screen and (max-width: 1200px) { div.website_logo_slide_navigation_trigger { display: inline; } } @media only screen and (max-width: 768px) { div.website_logo_slide_navigation_trigger { display: none; } } div.website_logo_slide_navigation_trigger i.fas { color: var(--ci_color_accent_1); font-size: 32px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.website_logo_slide_navigation_trigger:hover i.fas { color: var(--ci_color_accent_1_hover); } /* CMS LANGAUGE SWITCHER MOBILE */ .layout_mobile_languages { position: absolute; right: 10px; top: 20px; display: none; } @media only screen and (max-width: 768px) { .layout_mobile_languages { display: inline; } } .layout_mobile_languages ul.system_languages_list { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_mobile_languages ul.system_languages_list li { background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: left; position: relative; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .layout_mobile_languages ul.system_languages_list li img { width: 18px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } .layout_mobile_languages ul.system_languages_list li.lang-active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } /* READING PROGRESS */ div.navigation_reading_progress_bar { background: transparent; width: 100%; height: 2px; position: fixed; z-index: 999999; top: 0px; } div.layout_navigation_horizontal_fixed div.navigation_reading_progress_bar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } div.navigation_reading_progress_bar div.reading_progress_bar { background: var(--ci_color_accent_1); width: 0px; height: 2px; } /* TOPLINE */ section.section_topline { background: #ffffff; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } section.section_topline_fixed { position: fixed; bottom: 0px; z-index: 9999; } section.section_topline h6 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_topline { /* background: #877467; */ width: 100%; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 400 11px/19px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; color: #ffffff; text-transform: uppercase; } body.website_body_featured_not div.layout_topline { background: #ffffff; background: rgba(255, 255, 255, 0.6); color: #5B6670; position: fixed; bottom: 0px; z-index: 9999; } @media only screen and (max-width: 1199px) { .layout_topline { height: 60px; top: 0px; } } @media only screen and (max-width: 991px) { body.website_body_featured div.layout_topline { /* background: #877467; */ background: none; color: #ffffff; position: relative; border-bottom: 8px solid var(--ci_color); } } .layout_topline:hover { color: #5B6670; } @media only screen and (max-width: 991px) { .layout_topline:hover { color: #ffffff; } } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .layout_topline { display: none; } } .layout_topline_inner { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_topline_inner a, .layout_topline_inner a:link, .layout_topline_inner a:visited { color: #5B6670; text-decoration: none; } .layout_topline_inner a:hover { color: #5B6670; text-decoration: underline; } @media only screen and (max-width: 991px) { .layout_topline_inner a, .layout_topline_inner a:link, .layout_topline_inner a:visited { color: #ffffff; } .layout_topline_inner a:hover { color: #ffffff; } } .layout_topline_inner div.container { padding: 0px 15px 0px 15px; } .layout_topline_inner div.col-sm-6, .layout_topline_inner div.col-sm-4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_topline_inner i { color: var(--ci_color_accent_1); margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .layout_topline_inner i:hover { color: var(--ci_color_accent_1_hover); } .topline_customer_name { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .topline_customer_job { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; text-transform: none !important; } .topline_mobile_slide_navigation_trigger { margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; display: none; } .topline_mobile_slide_navigation_trigger i.fas { color: var(--ci_color_accent_1); font-size: 16px; margin: 22px 0px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_mobile_slide_navigation_trigger:hover i.fas { color: var(--ci_color_accent_1_hover); } body.website_body_featured div.topline_mobile_slide_navigation_trigger i.fas { color: #5B6670; } body.website_body_featured div..topline_mobile_slide_navigation_trigger:hover i.fas { color: #5B6670; } @media only screen and (max-width: 991px) { .topline_mobile_slide_navigation_trigger i.fas { color: #ffffff !important; } .topline_mobile_slide_navigation_trigger:hover i.fas { color: #ffffff !important; } } @media only screen and (max-width: 1199px) { .topline_mobile_slide_navigation_trigger { display: inline-block; } } .topline_phone_and_mail { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } .topline_phone, .topline_booking { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .topline_phone span, .topline_phone a, .topline_phone a:link, .topline_phone a:visited { color: var(--ci_color_black); text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_phone span:hover, .topline_phone a:hover { color: var(--ci_color_black); text-decoration: none; cursor: help; } body.website_body_featured div.topline_phone span, body.website_body_featured div.topline_phone a, body.website_body_featured div.topline_phone a:link, body.website_body_featured div.topline_phone a:visited { color: var(--ci_color_black); } body.website_body_featured div.topline_phone span:hover, body.website_body_featured div.topline_phone a:hover { color: var(--ci_color); } @media only screen and (max-width: 1199px) { .topline_phone_and_mail { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } } @media only screen and (max-width: 991px) { .topline_phone_and_mail { margin: 10px 0px 0px 0px; } .topline_phone span, .topline_phone a, .topline_phone a:link, .topline_phone a:visited { color: var(--ci_color_black) !important; } .topline_phone span:hover, .topline_phone a:hover { color: var(--ci_color_black) !important; } } .topline_email { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; text-transform: none !important; } @media only screen and (max-width: 1199px) { .topline_email { display: none; } } .topline_email span, .topline_email a, .topline_email a:link, .topline_email a:visited { color: var(--ci_color_black); text-decoration: none; text-transform: uppercase; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_email a:hover { color: var(--ci_color); text-decoration: underline; } body.website_body_featured div.topline_email span, body.website_body_featured div.topline_email a, body.website_body_featured div.topline_email a:link, body.website_body_featured div.topline_email a:visited { color: var(--ci_color_black); } body.website_body_featured div.topline_email a:hover { color: var(--ci_color); } @media only screen and (max-width: 991px) { .topline_email span, .topline_email a, .topline_email a:link, .topline_email a:visited { color: var(--ci_color_black); } .topline_email span:hover, .topline_email a:hover { color: var(--ci_color_black); } } .topline_booking { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; } @media only screen and (max-width: 991px) { } .topline_booking span, .topline_booking a, .topline_booking a:link, .topline_booking a:visited { color: var(--ci_color_black); text-decoration: none; text-transform: uppercase; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_booking a:hover { color: var(--ci_color); text-decoration: none; } body.website_body_featured div.topline_booking span, body.website_body_featured div.topline_booking a, body.website_body_featured div.topline_booking a:link, body.website_body_featured div.topline_booking a:visited { color: var(--ci_color_black); } body.website_body_featured div.topline_booking a:hover { color: var(--ci_color); } @media only screen and (max-width: 991px) { .topline_booking span, .topline_booking a, .topline_booking a:link, .topline_booking a:visited { color: var(--ci_color_black); } .topline_booking span:hover, .topline_booking a:hover { color: var(--ci_color_black); } } .topline_booking { background: #d34744; color: #ffffff !important; margin: 0px 15px 0px 0px; } .topline_booking span, .topline_booking a, .topline_booking a:link, .topline_booking a:visited { color: #ffffff !important; } .topline_booking i { color: #ffffff !important; padding: 0px 10px 0px 5px } /* TOPLINE MOBILE */ .layout_topline_mobile { /* background: #877467; */ width: 100%; height: 60px; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; font-size: 11px; font-weight: 400; color: var(--ci_color_black); text-align: right !important; /* border-bottom: 8px solid var(--ci_color); position: fixed; top: 0px; */ z-index: 9999; display: none; } @media only screen and (max-width: 768px) { .layout_topline_mobile { display: block; } } .layout_topline_mobile div.col-xs-2, .layout_topline_mobile div.col-xs-6, .layout_topline_mobile div.col-xs-10 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_topline_mobile:hover { color: var(--ci_color_black); } .topline_mobile_content { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .topline_mobile_booking { margin: 0px 15px 0px 0px; } .topline_mobile_content a, .topline_mobile_content a:link, .topline_mobile_content a:visited { color: var(--ci_color_black); text-decoration: none; } .topline_mobile_content a:hover { color: var(--ci_color); text-decoration: underline; } .topline_mobile_content i { color: var(--ci_color_accent_1); margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_mobile_content i:hover { color: var(--ci_color_accent_1_hover); } .topline_mobile_mobile_slide_navigation_trigger { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; } .topline_mobile_mobile_slide_navigation_trigger i.fas { color: var(--ci_color_accent_1); font-size: 32px; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .topline_mobile_mobile_slide_navigation_trigger:hover i.fas { color: var(--ci_color_accent_1_hover); } /* CMS BREADCRUMBS */ .layout_breadcrumbs { font: normal 14px/30px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; color: var(--ci_color_black); margin: 20px 0px 40px 0px; } .layout_breadcrumbs div.container { padding: 0px 15px 0px 15px; } .layout_breadcrumbs div.row, .layout_breadcrumbs div.col-xs-12 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* SMALL DEVICES, TABLETS */ @media only screen and (max-width: 768px) { .layout_breadcrumbs { display: none !important; } } .layout_breadcrumbs_inner { /* RESPONSIVE CONTAINER ! */ } .layout_breadcrumbs ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_breadcrumbs ul li { list-style: none; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } .layout_breadcrumbs ul li.showhere { margin: 0px 4px 0px 0px; } .layout_breadcrumbs ul li a, .layout_breadcrumbs ul li a:link, .layout_breadcrumbs ul li a:visited { color: var(--ci_color_black); text-decoration: none; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .layout_breadcrumbs ul li a:hover { color: var(--ci_color); text-decoration: none; } .layout_breadcrumbs ul li a:before { content: ''; width: 100%; height: 1px; position: absolute; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } .layout_breadcrumbs ul li a:hover:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } .layout_breadcrumbs ul li span.showhere_bars { font-size: 23px; } .layout_breadcrumbs ul li span.showhere_bars_img img { width: 17px; height: 17px; display: inline-block; margin: 5px 0px 0px 0px; } .layout_breadcrumbs ul li:first-child i.fa { color: var(--ci_color_accent_1); font-size: 1.1em; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .layout_breadcrumbs ul li:first-child:hover i.fa { } .layout_breadcrumbs:hover ul li:first-child i.fa { color: var(--ci_color_accent_1_hover); } .layout_breadcrumbs ul li span.divider { font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.1em; color: var(--ci_color); display: block; float: left; margin: -2px 8px 0px 0px; } .layout_breadcrumbs ul li span.divider:before { content: "\f054"; } .layout_breadcrumbs ul li a:hover + span.divider:before { color: inherit; } .layout_breadcrumbs ul li.active:before { content: "\f054"; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.1em; color: var(--ci_color); display: block; float: left; margin: -2px 8px 0px 0px; } .layout_breadcrumbs ul li.active:hover:before { color: inherit; } .layout_breadcrumbs span.breadcrumbs_youarehere { background: var(--ci_color_accent_1); font: 500 13px/13px 'Montserrat',sans-serif; text-transform: none; opacity: 0; filter: alpha(opacity=0); color: var(--ci_color_accent_1_text); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin: 0px 0px 0px 40px; padding: 3px 10px 4px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position: relative; } .layout_breadcrumbs span.breadcrumbs_youarehere:before { content: '\f053'; font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 1.0em; position: absolute; left: 10px; top: 5px; } .layout_breadcrumbs span.breadcrumbs_youarehere:hover { background-color: var(--ci_color_accent_1_hover); } .layout_breadcrumbs:hover span.breadcrumbs_youarehere { opacity: 1; margin-left: 0; filter: alpha(opacity=100); } span.breadcrumbs_youarehere:hover { cursor: help; } .layout_breadcrumbs_totop_button { background: transparent; width: 40px; height: 40px; display: block; color: var(--ci_color_accent_1); position: relative; overflow: hidden; cursor: pointer; } .layout_breadcrumbs_totop_button:before, .layout_breadcrumbs_totop_button:after { content: "\f077"; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .layout_breadcrumbs_totop_button:before { margin: 0px 0px 0px 12px; } .layout_breadcrumbs_totop_button:after { margin: 40px 0px 0px 12px; } .layout_breadcrumbs_totop_button:hover:before { color: var(--ci_color); margin: -40px 0px 0px 12px; } .layout_breadcrumbs_totop_button:hover:after { color: var(--ci_color_accent_1_hover); margin: 0px 0px 0px 12px; } /* FOOTER TABS */ .footer_tabs { background: #F8F8F8; color: var(--ci_color_grey); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #dfdfdf; } .footer_tabs [class^="col-"], .footer_tabs [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .footer_tab { background: #ffffff; width: 100%; height: 100%; text-align: center; cursor: pointer; margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_tab.active { } @media only screen and (max-width: 991px) { .footer_tab { padding: 20px 0px 20px 0px; text-align: left; } } .footer_tab div.footer_tab_inner { width: 300px; margin: 0 auto; text-align: left; } .footer_tab_content { display: none; } .footer_tab_content.active { display: inline; } .footer_tab div.footer_tab_location { font: normal 26px/26px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: normal; color: var(--ci_color_black); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; position: relative; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location { font: normal 18px/18px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif; padding: 0px 0px 0px 15px; } .footer_tab div.footer_tab_location:hover { color: var(--ci_color_accent_1); } } .footer_tab div.footer_tab_location_hint { background: var(--ci_color_accent_2); width: 220px; font: normal 10px/12px 'phoenica',Arial,Helvetica; text-transform: uppercase; color: var(--white); margin: 10px 0px 0px 30px; padding: 1px 8px 2px 15px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location_hint { display: none; } } .footer_tab:hover div.footer_tab_location_hint, .footer_tab.inactive div.footer_tab_location_hint { background: var(--ci_color_accent_1); } .footer_tab div.footer_tab_location i { color: var(--ci_color_accent_1); margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_tab div.footer_tab_location_address { font: normal 14px/18px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location_address { display: none; } } .footer_tab:hover div.footer_tab_location_address { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .footer_tab a, .footer_tab a:link, .footer_tab a:visited { width: 100%; height: 100%; display: inline-block; text-decoration: none; margin: 0px 0px 0px 0px; padding: 60px 0px 60px 0px; } /* FOOTER */ .footer { background: #3D539E; /* background: #141518; background: -moz-linear-gradient(left, #141518 0%, #202020 100%); background: -webkit-linear-gradient(left, #141518 0%,#202020 100%); background: linear-gradient(to right, #141518 0%,#202020 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141518', endColorstr='#202020',GradientType=1 ); */ font: normal 15px/25px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid #6D6E71; overflow: hidden; position: relative; } @media only screen and (max-width: 991px) { .footer { } } .footer_inner { margin: 0px 0px 0px 0px; padding: 120px 0px 0px 0px; } .footer div.col-md-2, .footer div.col-md-3, .footer div.col-md-4, .footer div.col-md-5, .footer div.col-md-6, .footer div.col-md-7, .footer div.col-md-8 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_table_box_heading { width: 80%; } .footer div.footer_table_box_heading h3, .footer div.footer_table_box_heading h4 { font: var(--font-h4_footer); font-style: normal; color: var(--ci_color_white); text-transform: none; letter-spacing: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; position: relative; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; border-bottom: 1px solid var(--ci_color_white); } @media only screen and (max-width: 991px) { .footer div.footer_table_box_heading { width: 95%; } .footer div.footer_table_box_heading h3, .footer div.footer_table_box_heading h4 { font: var(--font-h4_footer_mobile); } } .footer div.footer_table_box_heading h3:after, .footer div.footer_table_box_heading h4:after { background: var(--ci_color_grey); bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 200px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer div.footer_table_box_heading h3:hover:after, .footer div.footer_table_box_heading h4:hover:after { background: var(--ci_color_grey); width: 240px; } .footer div.footer_table_box_heading h3 i, .footer div.footer_table_box_heading h4 i { color: var(--ci_color_grey); margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer div.footer_table_box_heading h3 i, .footer div.footer_table_box_heading h4 i { width: 20px; } } .footer div.footer_table_box_heading h3:hover i, .footer div.footer_table_box_heading h4:hover i { color: var(--ci_color_white); } .footer div.footer_box_3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 768px) { .footer div.footer_box_3 { padding: 0px 0px 0px 0px; } } .footer div.footer_box_content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_content a, .footer div.footer_box_content a:link, .footer div.footer_box_content a:visited { color: var(--ci_color_white); text-decoration: none; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_content a:hover { color: var(--ci_color_white); text-decoration: none; } .footer div.footer_box_content a:before { content: ''; width: 100%; height: 1px; position: absolute; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } .footer div.footer_box_content a:hover:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } .footer div.footer_box_content_inner { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_phone_numbers { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_emails { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_social_links { width: 81%; border-top: 1px solid rgba(255, 255, 255, 0.4); margin: 22px 0px 0px 0px; padding: 22px 0px 0px 0px; } @media only screen and (max-width: 768px) { .footer div.footer_box_social_links { width: 100%; } } .footer div.footer_box_address { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_address_with_image { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_address_with_image [class^="col-"], .footer div.footer_box_address_with_image [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .footer div.footer_box_address_image { border: 2px solid #ffffff; margin: 0px 15px 0px 0px; cursor: pointer; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_address_image:hover { border: 2px solid var(--ci_color_accent_2); } .footer div.footer_box_address div.footer_box_address_company_name { font: 400 15px/25px 'phoenica_medium','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform: none; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_1:hover div.footer_box_address_company_name { color: var(--ci_color_white); } .footer div.footer_box_address div.footer_box_address_company_name span.ci_color { color: var(--ci_color); font-weight: 600; } .footer div.footer_box_address_below { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_content div.footer_contact_label { width: 100px; } .footer div.footer_box_content div.footer_contact_label_short { width: 28px; } @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer div.footer_box_content div.footer_contact_label { width: 30px; } } .footer div.footer_box_content i.footer_contact_icon { width: 25px; display: inline-block; font-size: 16px; color: var(--ci_color_grey); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_content div.footer_contact_label:hover > i.footer_contact_icon, .footer div.footer_box_content i.footer_contact_icon:hover { color: var(--ci_color_white); } .footer_box_online_appointment { width: 80%; } @media only screen and (max-width: 768px) { .footer_box_online_appointment { width: 100%; } } /* FOOTER LOGO */ .footer_logo { margin: 0px 0px 120px 0px; padding: 0px 0px 0px 0px; } .footer_logo div.container { padding: 0px 0px 0px 0px; } .footer_logo div.footer_logo_img_wrapper { width: 280px; margin: 0 auto; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_logo div.footer_logo_img { margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer_logo div.footer_logo_img_wrapper { width: 200px; } .footer_logo div.footer_logo_img { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } } /* FOOTER BOTTOM */ .footer_bottom { background: #ffffff; height: 80px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal 14px/14px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; color: #5B6670; text-transform: none; } .footer_bottom div.container { padding: 0px 15px 0px 15px; } .footer_bottom div.col-xs-4, .footer_bottom div.col-xs-8 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .no-gutters > [class^="col-xs-"], .no-gutters > [class*=" col-xs-"] { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer_bottom div.footer_bottom_columns { } .footer_bottom div.footer_bottom_copyright { margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #5B6670; text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_bottom div.footer_bottom_copyright:hover { color: #5B6670; } .footer_bottom span.footer_bottom_company { color: #5B6670; } .footer_bottom span.footer_made_with_love { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer_bottom span.footer_made_with_love i.fa { font-size: 9px; color: #5B6670; position: absolute; margin: 26px 0px 0px 4px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer_bottom span.footer_made_with_love:hover i.fa { color: #5B6670; } .footer_bottom span.footer_bottom_powered_by { display: none; } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer_bottom { height: 130px; } .footer_bottom div.footer_bottom_col_1 { width: 100% !important; } .footer_bottom div.footer_bottom_col_2 { display: none; } .footer_bottom div.footer_bottom_copyright { text-align: right; } } /* TO TOP BUTTON / PRIVACY SETTINGS BUTTON */ div.totop_button_wrapper, div.privacy_settings_button_wrapper { display: none; /* by default not visible */ } div.totop_button_wrapper { position: fixed; left: 20px; bottom: 20px; cursor: pointer; z-index: 9999; } div.privacy_settings_button_wrapper { position: fixed; left: 20px; bottom: 20px; cursor: default; z-index: 9999; } div.totop_button_wrapper a, div.totop_button_wrapper a:link, div.totop_button_wrapper a:visited, div.privacy_settings_button_wrapper a, div.privacy_settings_button_wrapper a:link, div.privacy_settings_button_wrapper a:visited { width: 38px; height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; text-decoration: none; position: absolute; z-index: 10001; } div.totop_button_wrapper:before, div.privacy_settings_button_wrapper:before { content: ''; width: 48px; height: 48px; display: inline-block; position: absolute; bottom: 75px; left: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0px 0px 0px 2px #ffffff; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; transform: scale(0.0); -moz-transform: scale(0.0); -webkit-transform: scale(0.0); -ms-transform: scale(0.0); } div.totop_button_wrapper:before { bottom: 25px; left: -5px; } div.totop_button_wrapper:hover:before, div.privacy_settings_button_wrapper:hover:before { transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); } body.website_body_featured div.totop_button_wrapper, body.website_body_subpages div.totop_button_wrapper, body.website_body_featured div.privacy_settings_button_wrapper, body.website_body_subpages div.privacy_settings_button_wrapper { bottom: 40px; } div.totop_button_wording, div.privacy_settings_button_wording { background: #ffffff; width: 100px; font: normal 14px/14px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; color: var(--ci_color_black); position: absolute; right: 10px; bottom: -40px; margin: 0px 0px 0px 0px; padding: 5px 10px 2px 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } div.privacy_settings_button_wording { width: 166px; } body.website_body_featured div.totop_button_wording, body.website_body_subpages div.totop_button_wording, body.website_body_featured div.privacy_settings_button_wording, body.website_body_subpages div.privacy_settings_button_wording { bottom: -70px; } div.totop_button_wrapper:hover div.totop_button_wording, div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; bottom: 10px; } body.website_body_featured div.totop_button_wrapper:hover div.totop_button_wording, body.website_body_subpages div.totop_button_wrapper:hover div.totop_button_wording { bottom: 37px; left: 32px; } body.website_body_featured div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording, body.website_body_subpages div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording { bottom: 87px; left: 32px; } div.totop_button, div.privacy_settings_button { background: var(--ci_color_accent_1); width: 38px; height: 38px; display: block; color: var(--ci_color_white); position: fixed; z-index: 10000; left: 20px; bottom: 20px; cursor: pointer; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.website_body_featured div.totop_button, body.website_body_subpages div.totop_button { bottom: 70px; } body.website_body_featured div.privacy_settings_button, body.website_body_subpages div.privacy_settings_button { bottom: 120px; } div.totop_button_wrapper:hover div.totop_button, div.totop_button_wrapper div.totop_button_negative, div.privacy_settings_button_wrapper:hover div.privacy_settings_button, div.privacy_settings_button_wrapper div.privacy_settings_button_negative { background: #ffffff; color: #222222; } div.totop_button::before, div.totop_button::after, div.privacy_settings_button::before, div.privacy_settings_button::after { content: "\f077"; /* f5c9 */ font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.privacy_settings_button::before, div.privacy_settings_button::after { content: "\f577"; } div.totop_button::before { margin: 7px 0px 0px 7px } div.totop_button::after { margin: 35px 0px 0px 7px; } div.totop_button_wrapper:hover div.totop_button::before { color: #222222; margin: -35px 0px 0px 7px; } div.totop_button_wrapper:hover div.totop_button::after { color: #222222; margin: 7px 0px 0px 7px; } div.privacy_settings_button::before { margin: 8px 0px 0px 6px } div.privacy_settings_button::after { margin: 40px 0px 0px 6px; } div.privacy_settings_button_wrapper:hover div.privacy_settings_button::before { color: #222222; margin: -40px 0px 0px 6px; } div.privacy_settings_button_wrapper:hover div.privacy_settings_button::after { color: #222222; margin: 8px 0px 0px 6px; } /* HEADINGS */ h1, h2, h3, h4, h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -webkit-transition: font-size 0.8s ease; -moz-transition: font-size 0.8s ease; -o-transition: font-size 0.8s ease; transition: font-size 0.8s ease; } h1_ span { color: #212121; } h2_ span { color: #ffffff; } h1, h2 { font: var(--font-h1_component); font-style: normal; color: var(--ci_color); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; border-bottom: var(--border_bottom-headings); } h1::after, h2::after { background: var(--ci_color_accent_1); bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } h1:hover:after, h2:hover:after { background: var(--ci_color_accent_1); width: 180px; } h2 a, h2 a:link, h2 a:visited, h2 a:hover { font: var(--font-h2_component); font-style: normal; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } h3, h4 { font: var(--font-h3_component); font-style: normal; color: var(--ci_color_black); letter-spacing: 0px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; border-bottom: var(--border_bottom-headings); } h3::after, h4::after { background: var(--ci_color_accent_1); bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } h3:hover:after, h4:hover:after { background: var(--ci_color_accent_1); width: 180px; } h5, h6 { font: normal 14px/20px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; color: var(--ci_color_font_dark); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } section h6, nav h6, header h6, footer h6 { display: none; } /* QUOTES */ blockquote { quotes: "\201C""\201D""\2018""\2019"; } blockquote:before, blockquote:after { font: bold 55px/1px 'phoenica', Times, serif; color: #ffffff; position: absolute; } blockquote:before { content: open-quote; margin: 15px 0px 0px -35px; } blockquote:after { content: close-quote; margin: 23px 0px 0px 20px; } blockquote p { display: inline; } /* COLUMNS TO ACCORDION / AS ACCORDION - TRIGGER */ .column_to_accordion_heading div.footer_table_box_heading_trigger { color: var(--ci_color_grey); display: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .column_to_accordion_heading:hover div.footer_table_box_heading h4 { color: var(--ci_color_white) !important; } .column_to_accordion_heading div.footer_table_box_heading_trigger:hover { color: var(--ci_color_white); } .column_to_accordion_heading.active div.footer_table_box_heading h4 { color: var(--ci_color_white); } .column_to_accordion_heading.active div.footer_table_box_heading_trigger { color: var(--ci_color_white); } @media only screen and (max-width: 992px), @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .column_to_accordion_heading div.footer_table_box_heading_trigger { display: inline; } .column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-plus { display: inline; } .column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-minus { display: none; } .column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-plus { display: none; } .column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-minus { display: inline; } } /* COLUMNS TO ACCORDION / AS ACCORDION */ @media only screen and (max-width: 992px), @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .column_to_accordion_heading { position: relative; cursor: pointer; outline: none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .column_to_accordion_heading:hover { background: none; } .column_to_accordion_content { overflow: hidden; } .column_to_accordion_content { max-height: 0; -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; -ms-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .column_to_accordion_content.active { max-height: 630px; } /* FOOTER COLUMNS */ .footer_box_content.column_to_accordion_content div.footer_box_content_inner, .footer_box_content.column_to_accordion_content.active div.footer_box_content_inner { margin: 0px 0px 0px 0px; padding: 0px 12px 40px 30px; } .footer_box_content.column_to_accordion_content div.business_hours_footer , .footer_box_content.column_to_accordion_content.active div.business_hours_footer { padding: 0px 24px 0px 0px; } } /* COLUMNS TO ACCORDION / AS COLUMNS */ @media all and (min-width:50em) { .column_to_accordion_heading { cursor: default; } .column_to_accordion_heading.active { background: none; } .column_to_accordion_heading:after, .column_to_accordion_heading.active:after { content: ''; } .column_to_accordion_content, .column_to_accordion_content.active { max-height: none; } } /* RESPONSIVE FORM */ .responsive_form_wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_com_codedesign_contactform div.responsive_form_wrapper { margin: 0px 0px 0px 0px; padding: 0px 40px 0px 0px; } .responsive_form_wrapper div.form_element_row { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .responsive_form_wrapper div.form_element_row_intentions { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } .form_element_row_hint_below { font: normal 13px/22px 'phoenica', Arial, Helvetica; color: #7b7b7b; cursor: help; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-3, .form_element_row div.col-sm-4, .form_element_row div.col-sm-8, .form_element_row div.col-sm-9 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-xs-2, .form_element_row div.col-xs-3, .form_element_row div.col-xs-4, .form_element_row div.col-xs-8, .form_element_row div.col-xs-9, .form_element_row div.col-xs-10 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-8 div.col-xs-1, .form_element_row div.col-sm-8 div.col-xs-11 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media (max-width: 768px) { .form_element_row div.col-sm-3 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-4 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } } .form_element_row select, .form_element_row input, .form_element_row button { width: 100%; } .form_element_row div.col-sm-8 input[type="text"], .form_element_row div.col-sm-8 input[type="password"], .form_element_row div.col-sm-8 select, .form_element_row div.col-sm-8 textarea { width: 91.5%; } .form_element_row div.col-sm-8 div.col-xs-11 input[type="text"], .form_element_row div.col-sm-8 div.col-xs-11 input[type="password"], .form_element_row div.col-sm-8 div.col-xs-11 select, .form_element_row div.col-sm-8 div.col-xs-11 textarea { width: 100%; } .form_element_row div.col-xs-2 input[type="text"], .form_element_row div.col-xs-2 input[type="password"], .form_element_row div.col-xs-2 select, .form_element_row div.col-xs-2 textarea { width: 90%; } .form_element_row div.col-xs-4 input[type="text"], .form_element_row div.col-xs-4 input[type="password"], .form_element_row div.col-xs-4 select, .form_element_row div.col-xs-4 textarea { width: 90%; } .form_element_row div.col-xs-8 input[type="text"], .form_element_row div.col-xs-8 input[type="password"], .form_element_row div.col-xs-8 select, .form_element_row div.col-xs-8 textarea { width: 100%; } .form_element_row div.col-xs-10 input[type="text"], .form_element_row div.col-xs-10 input[type="password"], .form_element_row div.col-xs-10 select, .form_element_row div.col-xs-10 textarea { width: 100%; } /* RESPONSIVE FORM CHECKBOXES */ .form_element_row div.col-sm-8 input[type="checkbox"] { width: auto; /* RESET FROM 100% */ } .form_element_row .form_element_checkboxes { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_element_checkboxes div.form_element_checkbox { line-height: 22px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_checkbox { position: relative; top: 0px; margin: 0px 10px 0px 0px; } .form_element_row .form_element_checkboxes a, .form_element_row .form_element_checkboxes a:link, .form_element_row .form_element_checkboxes a:visited { text-decoration: underline; } /* RESPONSIVE FORM CHECKBOXES STYLED */ div.form_element_checkbox .form_checkbox_label_styled { -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin: 0px 0px 0px 0px; } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled { border-color: var(--ci_color_accent_2); } div.form_element_checkbox .form_checkbox_styled svg { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled svg path { fill: var(--ci_color_accent_1); } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled svg polyline { stroke-dashoffset: 0; } div.form_element_checkbox .form_checkbox_label_styled:hover .form_checkbox_styled svg path { stroke-dashoffset: 0; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled { width: 20px; height: 20px; position: relative; top: 0px; float: left; margin: 0px 8px 0px 0px; border: 2px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg { position: absolute; top: -2px; left: -2px; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg path { fill: none; stroke: var(--ci_color_accent_1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 71px; stroke-dashoffset: 71px; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg polyline { fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 18px; stroke-dashoffset: 18px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled { font: normal 14px/24px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; vertical-align: middle; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a, div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a:link, div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a:visited { font-weight: 600; color: var(--ci_color); text-decoration: none; position: relative; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a:hover { color: var(--ci_color); text-decoration: none; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a:before { content: ''; width: 100%; height: 1px; position: absolute; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled a:hover:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } div.form_element_checkbox input[type="checkbox"].form_checkbox_hidden { width: 0px; height: 0px; position: absolute; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /* RESPONSIVE FORM RADIOS */ .form_element_row div.col-sm-8 input[type="radio"] { width: auto; /* RESET FROM 100% */ } .form_element_radios { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_radios input.contact_form_element_radio { position: relative; top: 0px; margin: 0px 5px 0px 10px; } .form_element_radios input.contact_form_element_radio:first-child { margin: 0px 5px 0px 0px; } .form_element_radios ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_radios ul li { float: left; padding: 0px 0px 0px 10px; } @media screen and (max-width: 480px) { .form_element_radios ul li { float: none; padding: 0px 0px 0px 0px; } } .form_element_radios ul li:first-child { padding: 0px 0px 0px 0px; } /* RESPONSIVE FORM RADIOS STYLED */ div.form_element_radio label.form_radio_label_styled { -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: inline-block; float: left; } div.form_element_radio label.form_radio_label_styled:not(:first-child) { margin: 0px 0px 0px 20px; } @media screen and (max-width: 480px) { div.form_element_radio label.form_radio_label_styled { float: none; display: block; padding: 0px 0px 10px 0px; } div.form_element_radio label.form_radio_label_styled:not(:first-child) { margin: 15px 0px 0px 0px; } } div.form_element_radio label.form_radio_label_styled svg { fill: none; vertical-align: middle; } div.form_element_radio label.form_radio_label_styled svg circle { stroke-width: 2; stroke: #c5c5c5; } div.form_element_radio label.form_radio_label_styled svg path { stroke: var(--ci_color_accent_1); } div.form_element_radio label.form_radio_label_styled svg path.path_inner { stroke-width: 6; stroke-dasharray: 19; stroke-dashoffset: 19; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled svg path.path_outer { stroke-width: 2; stroke-dasharray: 57; stroke-dashoffset: 57; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled:hover svg path.path_outer { stroke-dashoffset: 0; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path { -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path.path_inner { stroke-dashoffset: 38; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path.path_outer { stroke-dashoffset: 0; } div.form_element_radio label.form_radio_label_styled span.form_radio_label_content_styled { display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; } div.form_element_radio label.form_radio_label_styled input[type="radio"].form_checkbox_hidden { width: 0px; height: 0px; position: absolute; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /* RESPONSIVE FORM FILEUPLOAD */ .responsive_form_wrapper div.contact_form_file_attachment_css_styled { position: relative; overflow: hidden; margin: 0px 0px 0px 0px; } .responsive_form_wrapper div.contact_form_file_attachment_css_styled i.fa { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; } .responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] { background: #ffffff; width: 210px; font: normal 14px/19px 'phoenica', Arial, Helvetica; font-weight: 400; color: #5B6670; margin: 0px 0px 0px 0px; padding: 8px 5px 6px 10px; border-left: 0px solid #c5c5c5; border-right: 0px solid #c5c5c5; border-top: 0px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; } @media screen and (max-width: 480px) { .responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] { width: 145px; } } .responsive_form_wrapper div.contact_form_element_file_attachment input[type="file"], .responsive_form_wrapper div.contact_form_element_file_attachment input[type="file[]"] { font: normal 14px/19px 'phoenica', Arial, Helvetica; font-weight: 400; text-transform: uppercase; position: absolute; top: 0; right: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* RESPONSIVE FORM BUTTONS */ .form_element_row .form_element_buttons { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_element_buttons [class^="col-"], .form_element_row .form_element_buttons [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .form_element_row .form_element_buttons div.col-sm-6 button[type="button"], .form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] { width: 95%; } @media (max-width: 768px) { .form_element_row .form_element_buttons div.col-sm-6 button[type="button"], .form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] { width: 100%; margin: 0px 0px 15px 0px; } } .form_element_row button { } .form_element_row button i { padding: 0px 20px 0px 0px !important; } .contact_form_element_mandatory { line-height: 14px; margin: 3px 0px 0px 8px; } .contact_form_element_mandatory i { color: var(--ci_color_accent_1); } /* RESPONSIVE CONTACT FORM */ .contact_form_file_attachment_button_span, .contact_form_file_attachment_button_add { background: var(--ci_color_accent_2); font: normal 13px/18px 'phoenica', Arial, Helvetica; font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 20px 8px 20px; border: none; display: inline-block; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .contact_form_file_attachment_button_add { width: 100%; } .contact_form_file_attachment_button_add i.fa { font-size: 10px !important; padding: 0px 10px 0px 0px; } .contact_form_file_attachment_button_span:hover, .contact_form_file_attachment_button_add:hover { background: var(--ci_color_accent_1); color: #ffffff; border: none; } .contact_form_element_file_attachment_cloneable { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } /* RESPONSIVE CONTACT FORM ERROR MESSAGES */ .contact_form_errors ul { list-style: none; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } .contact_form_errors ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } .contact_form_errors ul li:before { content: "\f054"; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.2em; color: var(--ci_color_accent_1); margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .contact_form_errors ul li:hover:before { color: var(--ci_color_accent_2); left: 6px; } /* RESPONSIVE CONTACT FORM VALIDATION RESPONSE MESSAGES */ div.form_element_row_validation_response { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.form_element_row_validation_response_has_message div.form_element_row_validation_response_message { background-color: #f2dede; font-size: 10px !important; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #ebccd1; color: #a94442; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 6px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.form_element_row_validation_response_has_message div.form_element_row_validation_response_message::before { content: ''; display: block; margin-top: -10px; pointer-events: none; position: absolute; border-bottom: solid 6px #ebccd1; border-left: solid 6px transparent; border-right: solid 6px transparent; } /* BUTTONS UND INPUTS */ textarea, input, select { background: rgba(248, 248, 248, 0.4); font: normal 14px/14px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; color: #5B6670; margin: 0px 0px 0px 0px; padding: 10px 5px 5px 10px; border-left: 0px solid #c5c5c5; border-right: 0px solid #c5c5c5; border-top: 0px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .button, .button_com_finder, .href_button, .href_button_white { background: var(--ci_color_accent_1); font: 500 13px/13px 'Montserrat',sans-serif; color: #ffffff !important; margin: 0px 0px 0px 0px; padding: 10px 15px 10px 15px; text-decoration: none; text-transform: none; border: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; cursor: pointer; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } a.href_button.width_100p { text-align: center; text-decoration: none !important; } .button_bold, .href_button_bold { font-weight: 700; color: #ffffff; } .button_white, .href_button_white { background: #ffffff; color: #5B6670; display: inline-block; } .button_blue, .href_button_blue { background: var(--ci_color_accent_1); color: #ffffff !important; display: inline-block; } .button_red, .href_button_red { background: #d34744; color: #ffffff !important; display: inline-block; } .href_button_big { color: var(--ci_color_white) !important; font-size: 16px; font-weight: 400; text-align: center; width: 100%; display: block; margin-bottom: 20px; } .button:hover, .button_com_finder:hover, .href_button:hover, .href_button_white:hover { background: #ffffff; color: #5B6670 !important; } .button_blue:hover, .href_button_blue:hover { background: #ffffff; color: #5B6670 !important; } .href_button_big { color: var(--ci_color_white) !important; font-size: 16px; font-weight: 400; text-align: center; width: 100%; display: block; margin-bottom: 20px; } .href_button_small { padding: 6px 16px 6px 16px; } .button:hover, .button_com_finder:hover, .href_button:hover, .href_button_white:hover { background: var(--ci_color_accent_1_hover); color: #ffffff !important; } .button:active { background-color: var(--ci_color_accent_2); background-size: 100%; transition: background-color 0.1s; transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; -webkit-transition: background-color 0.1s; } .button_blue:hover, .href_button_blue:hover { background: #ffffff; color: #5B6670 !important; } .href_button:hover, .href_button_white:hover, .href_button_blue:hover { background: var(--ci_color_accent_1_hover); color: var(--ci_color_white) !important; animation: href_button_pulse_animation 2s infinite; } .href_button:hover:after, .href_button_white:hover:after, .href_button_blue:hover:after, .href_button_red:hover:after, .href_button:hover:before, .href_button_white:hover:before, .href_button_blue:hover:before, .href_button_red:hover:before { display: none; } @keyframes href_button_pulse_animation { 0% { box-shadow: 0px 0px 0px 0px rgba(61, 83, 158, 0.7); } 70% { box-shadow: 0px 0px 0px 10px rgba(61, 83, 158, 0); } 100% { box-shadow: 0px 0px 0px 0px rgba(61, 83, 158, 0); } } .button_no_borders::before, .button_no_borders::after, .button_no_borders span::before, .button_no_borders span::after { display: none; } .button_black { background: #5B6670; border: 1px solid #5B6670; color: #f9f9f9; cursor: pointer; font: 500 13px/13px 'Montserrat',sans-serif; padding: 5px 15px 5px 15px; /* text-shadow: 1px 1px 1px #050505; */ } .button_submit { width: 100%; padding: 0px 0px 0px 0px; position: relative; display: inline-block; overflow: hidden; } .button_submit span.button_content { width: 80%; position: relative; left: 0px; display: inline-block; text-align: left; padding: 16px 0px 16px 0px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; } .button_submit:hover span.button_content { left: -100%; } .button_submit span.button_icon { width: 20%; display: inline-block; padding: 16px 0px 16px 0px; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; text-align: center; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .button_submit:hover span.button_icon { width: 100%; border-left: 0px solid #ffffff; font-size: 20px; } .button_submit span.button_icon i { margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; } .button_submit span.button_icon span.button_icon_border { width: 1px; height: 60%; position: absolute; top: 20%; left: 0px; display: inline-block; z-index: 9999; border-left: 1px solid #ffffff; } .button_submit:hover span.button_icon span.button_icon_border { left: -1px; } .button_cancel { background: #ffffff; width: 100%; border: 1px dashed #c5c5c5; border-right: 0px dashed #c5c5c5; padding: 15px 16px 12px 16px; color: #c5c5c5 !important; } .button_cancel:hover { background: var(--ci_color_accent_1); border: 1px solid var(--ci_color_accent_1); border-right: 0px solid var(--ci_color_accent_1); color: #ffffff !important; } /* ICON BUTTONS */ button.icon_button { background: none; font: 500 13px/13px 'Montserrat',sans-serif; color: var(--ci_color_accent_2); position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; overflow: visible; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); } button.icon_button.icon_button_made_with_love { margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; } button.icon_button.icon_button_made_with_love div { z-index: 99999; } /* IOS REMOVE BORDER AND SHADOW */ textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; @include border-radius(0); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .href_big_button_white_wrapper { margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; } .href_big_button_white { background: #ffffff; font: 500 13px/13px 'Montserrat',sans-serif; font-weight: 500; color: #282828; text-decoration: none; margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* LABELS */ h2.is_new_red:after { background: #544F42; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 3px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } h2.is_new_blue:after { background: #fafafa; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } .layout_new_label h2:after { background: #fafafa; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } a.href_special_marked:after { background: #ffffff; position: absolute; font: 600 10px/10px Arial,Helvetica; color: #5B6670; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 5px 5px 4px 5px; margin: -2px 0px 0px 8px; z-index: 99; content: 'neu'; } /* PAGE HEADING */ div.page_title_wrapper { background: #f3f3f3; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid #dcdcdc; } div.page_title_wrapper_inner { margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px; } div.page_title_wrapper_inner h3 { font: normal 24px/24px 'phoenica_light','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: normal; color: var(--ci_color_black); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; border-bottom: none; } div.page_title_wrapper_inner h3:after { display: none; } /* BREADCRUMBS BELOW PAGE TITLE */ div.layout_breadcrumbs.layout_breadcrumbs_page_title { height: 30px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* SMALL DEVICES, TABLETS */ @media only screen and (max-width: 768px) { .layout_breadcrumbs_page_title { display: inline !important; } } div.layout_breadcrumbs_page_title ul li:nth-child(1), div.layout_breadcrumbs_page_title ul li:nth-child(2) { display: none; } div.layout_breadcrumbs_page_title { color: var(--ci_color_black); font: normal 14px/26px 'phoenica_light',Arial,Helvetica; } /* COMPONENT COLUMNS */ div.component h1 { } div.component_column.col-md-8, div.component_column.col-md-4, div.component_column.col-md-12 { margin: 100px 0px 60px 0px; padding: 0px 0px 0px 0px; } div.component_column_1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.component_column_2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 991px) { div.component_column_2, div.component_column_2.col-md-4 { display: none; margin: 40px 0px 0px 0px; } } /* HEADER SLIDER / SLIDER REVOLUTION */ .section_slider_header { display: inline; } .layout_slider_header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid var(--ci_color_grey_1); position: relative; } .layout_slider_header:after, .layout_slider_header_mobile:after { content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; z-index: 1; height: 0; border-top: solid 20px var(--ci_color_accent_1); border-left: solid 20px transparent; border-right: solid 20px transparent; } body.website_body_featured .layout_slider_header:after, body.website_body_featured .layout_slider_header_mobile:after { border-top: solid 20px var(--ci_color_accent_1); } .layout_slider_header_inner { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .section_slider_header_mobile { display: none; } .layout_slider_header_mobile { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid var(--ci_color_accent_1); position: relative; } @media only screen and (max-width: 991px) { .section_slider_header_ { display: none; } .section_slider_header_mobile_ { display: inline; } } div.slider_header { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* HEADER SLIDER / LOGO */ .slider_header_logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 120px; right: 40px; position: absolute; z-index: 999; } .slider_header_logo img { width: 300px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 991px) { .slider_header_logo { display: none; left: 20px; right: 20px; } } /* HEADER SLIDER BOTTOM LINE */ div.slider_header_bottom_line { background: #ffffff; background: rgba(255, 255, 255, 0.6); width: 100%; height: 50px; line-height: 50px; display: block; font: 600 11px/50px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; color: #212529; text-transform: uppercase; position: absolute; left: 0px; bottom: 0px; z-index: 9999; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.slider_header_bottom_line { display: none !important; } div.slider_header_bottom_line a, div.slider_header_bottom_line a:link, div.slider_header_bottom_line a:visited { color: #212529; text-decoration: none; } div.slider_header_bottom_line a:hover { color: #212529; text-decoration: underline; } div.slider_header_bottom_line div.phone_and_mail, div.slider_header_bottom_line div.phone_and_mail i { margin: 0px 15px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.slider_header_bottom_line div.phone_and_mail i { color: var(--ci_color); } div.slider_header_bottom_line div.header_bottom_line_phone_and_mail:hover i, div.slider_header_bottom_line div.phone_and_mail i:hover { color: var(--ci_color_accent_1); } /* WHITE VARIANT */ div.slider_header_bottom_line_white { background: #ffffff; background: rgba(255, 255, 255, 0.95); color: var(--ci_color_black); } div.slider_header_bottom_line_white a, div.slider_header_bottom_line_white a:link, div.slider_header_bottom_line_white a:visited { color: var(--ci_color_black); text-decoration: none; } div.slider_header_bottom_line_white a:hover { color: var(--ci_color_black); text-decoration: underline; } div.slider_header_bottom_line_white div.phone_and_mail i { color: var(--ci_color); } div.slider_header_bottom_line_white div.header_bottom_line_phone_and_mail:hover i, div.slider_header_bottom_line_white div.phone_and_mail i:hover { color: var(--ci_color_accent_1); } /* MOUSE SCROLL ANIMATION */ .slider_header_mouse_scroll { width: 24px; height: 100px; display: block; margin: 0 auto; margin-top: 125px; position: absolute; left: 20px; bottom: 20px; z-index: 999; cursor: pointer; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 1200px) { .slider_header_mouse_scroll { bottom: 12px; } } @media only screen and (max-width: 991px) { .slider_header_mouse_scroll { right: 20px; display: none; } } .mouse_scroll_arrows { width: 16px; height: 16px; display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid var(--ci_color_white); border-bottom: 2px solid var(--ci_color_white); margin: 0px 0px 3px 4px; } .mouse_scroll_arrow_1 { margin-top: 1px; } .mouse_scroll_arrow_1, .mouse_scroll_arrow_2, .mouse_scroll_arrow_3 { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .mouse_scroll_arrow_1 { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .mouse_scroll_arrow_2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -6px; } .mouse_scroll_arrow_3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -6px; } .mouse_scroll_mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 2px solid var(--ci_color_white); top: 170px; } .mouse_scroll_wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; height: 4px; width: 4px; border: 2px solid var(--ci_color_white); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .mouse_scroll_wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-o-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } /* TRIANGLES */ .separator_triangle { width: 0px; height: auto; border-style: solid; position: absolute; overflow: hidden; z-index: 99; /* top right bottom left */ border-color: transparent transparent transparent transparent; } @media only screen and (max-width : 996px) { .separator_triangle { display: none; } } .separator_triangle_relative { position: relative; } .separator_triangle_bottom { bottom: 0px; } .separator_triangle_from_left_to_right_top { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #202020; } .separator_triangle_from_left_to_right_top_white { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #ffffff; } .separator_triangle_from_left_to_right_top_grey { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #202020; } .separator_triangle_from_left_to_right_bottom { border-width: 40px 0px 0px 99vw; border-color: transparent transparent transparent #f2f2f2; } .separator_triangle_from_right_to_left_top { border-width: 40px 0px 0px 99vw; border-color: #f2f2f2 transparent transparent transparent; } .separator_triangle_from_right_to_left_bottom { border-width: 0px 0px 40px 99vw; border-color: transparent transparent #202020 transparent; } .separator_triangle_from_right_to_left_bottom_white { border-width: 0px 0px 40px 99vw; border-color: transparent transparent #ffffff transparent; } /* SECTION SEPARATOR */ div.section_separator_triangle_wrapper { position: relative; overflow: hidden; } div.section_separator_triangle_double [class^="col-"], div.section_separator_triangle_double [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.section_separator_triangle { background: #202020; height: 100px; } div.section_separator_triangle_grey { background: #F8F8F8; } div.section_separator_triangle:before { right: 50%; border-right: 1000px solid transparent; border-left: 1000px solid; } div.section_separator_triangle:after { left: 50%; border-left: 1000px solid transparent; border-right: 1000px solid; } div.section_separator_triangle:after, div.section_separator_triangle:before { width: 50%; content: ''; position: absolute; bottom: 0px; z-index: 100; border-bottom: 100px solid #ffffff; -moz-transform: rotate(0.000001deg); -webkit-transform: rotate(0.000001deg); -o-transform: rotate(0.000001deg); -ms-transform: rotate(0.000001deg); transform: rotate(0.000001deg); } /* SECTION SEPARATOR CALL US */ div.section_separator_call_us { font: normal 14px/14px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif !important; text-transform: uppercase; color: var(--ci_color); letter-spacing: 1px; margin: 0px 0px 0px 0px; padding: 60px 0px 60px 0px; text-align: center; } div.section_separator_call_us_yellow { /* background: var(--ci_color_accent_1); */ } div.section_separator_call_us_yellow { font: normal 18px/18px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif !important; text-transform: uppercase; color: var(--ci_color); } div.section_separator_call_us [class^="col-"], div.section_separator_call_us [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.section_separator_call_us div.container { padding: 0px; } div.section_separator_call_us_content i { padding: 0px 5px 0px 5px; } div.section_separator_call_us_content a, div.section_separator_call_us_content a:link, div.section_separator_call_us_content a:visited { color: var(--ci_color); text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.section_separator_call_us_content a:hover { color: var(--ci_color_grey); text-decoration: none; } div.section_separator_call_us_phone { font-size: 30px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* LAYOUT SPLIT BOXES */ section.section_50p_split_boxes { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 4px solid #6D6E71; border-bottom: 4px solid #6D6E71; overflow: hidden !important; } div.layout_50p_split_boxes [class^="col-"], div.layout_50p_split_boxes [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.layout_50p_split_boxes { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; } div.layout_50p_split_box_content_inner { margin: 0px 0px 0px 0px; padding: 80px 80px 80px 80px; position: relative; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_content_inner { padding: 60px 20px 60px 20px; } } div.layout_50p_split_box_content_img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_featured_black { background: #202020; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_featured_blue { background: #202020; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_logo { position: absolute; right: 20px; top: 20px; } div.layout_50p_split_box_logo img { width: 160px; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_logo { position: relative; right: auto; top: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_logo img { width: 60%; margin: 0 auto; } } div.layout_50p_split_box_bg_image { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; display: inline-block; position: relative; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_bg_image { display: none; } } div.layout_50p_split_box_bg_image_triangle_left:before { background: #202020; width: 50px; height: 100%; content: ''; position: absolute; display: block; right: 0px; top: 0; bottom: 0; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%); clip-path: polygon(100% 0, 100% 100%, 0 50%); } div.layout_50p_split_box_bg_image_triangle_left_blue:before { background: #202020; } div.layout_50p_split_box_bg_image_triangle_right:before { background: #202020; width: 50px; height: 100%; content: ''; position: absolute; display: block; left: 0px; top: 0; bottom: 0; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%); clip-path: polygon(100% 0, 100% 100%, 0 50%); transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } div.layout_50p_split_box_bg_image a, div.layout_50p_split_box_bg_image a:link, div.layout_50p_split_box_bg_image a:visited { width: 100%; height: 100%; display: inline-block; } div.layout_50p_split_box_headline { font: var(--font-h2); font-style: normal; font-weight: 400; color: var(--ci_color_white); letter-spacing: -1px; margin: 0px 0px 30px 0px; padding: 0px 0px 25px 0px; position: relative; } div.layout_50p_split_box_headline:after { background: var(--ci_color_accent_1); width: 200px; height: 2px; bottom: -2px; content: ''; left: 0%; margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.layout_50p_split_box_headline:hover:after { background: var(--ci_color_white); width: 300px; height: 2px; } div.layout_50p_split_box_sub_headline { font: normal 14px/14px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif !important; text-transform: uppercase; color: var(--ci_color_white); letter-spacing: 1px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: inline-block; } div.layout_50p_split_box_content ul { list-style: none; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_content ul li { list-style: none; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } div.layout_50p_split_box_content ul li:before { content: "\f054"; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.4em; color: var(--ci_color_accent_1); margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.layout_50p_split_box_content ul li:hover:before { color: var(--ci_color_white); left: 6px; } /* FEATURED CONTENT SECTIONS */ div.layout_featured_content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_featured_content [class^="col-"], div.layout_featured_content [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.layout_featured_content div.title_sub_1 { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; color: var(--ci_color_black); margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } /* FEATURED CONTENT WELCOME */ div.featured_content_welcome { background: #F8F8F8; margin: 0px 0px 0px 0px; padding: 100px 0px 120px 0px; position: relative; } @media only screen and (max-width: 991px) { div.featured_content_welcome { padding: 60px 0px 120px 0px; } } div.featured_content_welcome div.featured_content_welcome_content { width: 90%; } @media only screen and (max-width: 991px) { div.featured_content_welcome div.featured_content_welcome_content { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; } } /* FEATURED WELCOME PERSON */ div.featured_content_welcome_content_content { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; } div.featured_content_welcome_content_person { max-width: 300px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.featured_content_welcome_content_person img { padding: 0px 0px 10px 0px; } div.featured_content_welcome_content_person_image { width: 70px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.featured_content_welcome_content_person_content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; } /* FEATURED CONTENT WELCOME LOCATION SLIDER */ div.featured_content_welcome div.featured_content_welcome_slider div.featured_content_welcome_slider_mobile_title { width: 100%; display: none; } @media only screen and (max-width: 991px) { div.featured_content_welcome div.featured_content_welcome_slider { padding: 0px 20px 0px 20px; } div.featured_content_welcome div.featured_content_welcome_slider div.featured_content_welcome_slider_mobile_title { display: inline-block; } } @media only screen and (max-width: 768px) { div.featured_content_welcome div.featured_content_welcome_slider div.featured_content_welcome_slider_mobile_title h2 { font: normal 20px/20px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; } } /* FEATURED NEWS */ div.layout_featured_news { background: #F8F8F8; margin: 0px 0px 0px 0px; padding: 100px 0px 100px 0px; text-align: center; position: relative; } div.featured_news { background: none; position: relative; padding: 30px 0px 30px 0px; } div.featured_news_top { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.featured_news_top div.title_sub_1 { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; color: var(--ci_color_black); text-align: center; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.featured_news_top h1 { font: var(--font-h1); font-style: normal; font-weight: 400; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } @media only screen and (max-width: 991px) { div.featured_news_top h1 { font: var(--font-h1_mobile); } } div.featured_news_top h1:after, div.featured_news_content_:after { background: var(--ci_color_accent_1); width: 120px; height: 2px; bottom: -1px; content: ''; left: 50%; transform: translateX(-50%); margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.featured_news_content:after { background: var(--ci_color_grey_1); } div.featured_news_top h1:hover:after, div.featured_news_content:hover:after { background: var(--ci_color_accent_1); width: 300px; height: 2px; } div.featured_news_content:hover:after { background: var(--ci_color_grey_1); } div.featured_news_content { font: normal 14px/20px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; color: var(--ci_color_font_dark); position: relative; } div.featured_news_content:after { bottom: -40px; } div.featured_news_content a.readmore_inline:hover:before { color: var(--ci_color_accent_1); } div.featured_news_content a, div.featured_news_content a:link, div.featured_news_content a:visited { color: var(--ci_color_black); text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.featured_news_content a:hover { color: var(--ci_color_accent_1); text-decoration: underline; } /* FEATURED CATEGORY SLIDER */ div.layout_featured_content_category_slider { background: #F8F8F8; margin: 0px 0px 0px 0px; padding: 100px 0px 100px 0px; position: relative; } div.featured_content_category_slider { background: none; position: relative; padding: 30px 0px 30px 0px; } div.featured_content_category_slider_top { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } div.featured_content_category_slider_top div.title_sub_1 { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; color: var(--ci_color_black); text-align: center; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.featured_content_category_slider_top h1 { font: var(--font-h1); font-style: normal; font-weight: 400; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } @media only screen and (max-width: 991px) { div.featured_content_category_slider_top h1 { font: var(--font-h1_mobile); } } div.featured_content_category_slider_top h1:after, div.featured_content_category_slider_content_:after { background: var(--ci_color_accent_1); width: 120px; height: 2px; bottom: -1px; content: ''; left: 50%; transform: translateX(-50%); margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.featured_content_category_slider_content:after { background: var(--ci_color_grey_1); } div.featured_content_category_slider_top h1:hover:after, div.featured_content_category_slider_content:hover:after { background: var(--ci_color_accent_1); width: 300px; height: 2px; } div.featured_content_category_slider_content:hover:after { background: var(--ci_color_grey_1); } div.featured_content_category_slider_content { font: normal 14px/20px 'phoenica','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; color: var(--ci_color_font_dark); text-align: center; position: relative; } div.featured_content_category_slider_content:after { bottom: -40px; } div.featured_content_category_slider_content a.readmore_inline:hover:before { color: var(--ci_color_accent_1); } div.featured_content_category_slider_content a, div.featured_content_category_slider_content a:link, div.featured_content_category_slider_content a:visited { color: var(--ci_color_black); text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.featured_content_category_slider_content a:hover { color: var(--ci_color_accent_1); text-decoration: underline; } /* CODEDESIGN FRAMEWORK RESPONSIVENESS FOR EMBED MEDIA */ .codedesign_responsive_element, .codedesign_responsive_element_iframe { max-width: 100% !important; height: auto; } /* fix scrolling issues on iOS */ .codedesign_responsive_element_iframe { overflow: scroll !important; -webkit-overflow-scrolling: touch !important; } /* CHECK https://css-tricks.com/fluid-width-video/ */ .codedesign_responsive_element_iframe_wrapper, .codedesign_responsive_element_object_wrapper, .codedesign_responsive_element_embed_wrapper, .codedesign_responsive_element_video_wrapper { width: 100%; height: inherit; position: relative; padding-bottom: 56.25%; /* support for aspect-ratio set variable if set */ padding-bottom: calc(var(--aspect-ratio, 0.5625) * 100%); /* 16:9 */ /*padding-top: 25px;*/ display: block; overflow: hidden; /* center container */ margin: auto; } .n2-section-smartslider .codedesign_responsive_element_video_wrapper { padding-bottom: 0% !important; } @media screen and (orientation:portrait) { .codedesign_responsive_element_iframe_wrapper { width: 1px; min-width: 100%; height: 100%; padding-bottom: 100%; } } .codedesign_responsive_element_iframe_wrapper iframe, .codedesign_responsive_element_object_wrapper object, .codedesign_responsive_element_embed_wrapper embed, .codedesign_responsive_element_video_wrapper video, .codedesign_responsive_element_video_wrapper iframe { width: 100%; height: 100%; border: 0 none; position: absolute; top: 0; left: 0; box-sizing: border-box; } .codedesign_responsive_element_audio_wrapper { width: 100%; height: auto; text-align: center; display: block; } .codedesign_responsive_element_fixed_width object, .codedesign_responsive_element_fixed_width embed, .codedesign_responsive_element_fixed_width video { height: auto; } /* HINT BOXES */ div.hint_box { background: #F8F8F8; color: var(--ci_color_black); margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; } /* STRIPED HTML TABLES */ .html_table_striped { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .html_table_striped th { font-weight: 600; } .html_table_striped tr:nth-child(even) { background: #f2f2f2; } .html_table_striped tr td { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .html_table_striped tr:hover td { background: #A5222A; color: #ffffff; } .html_table_striped th, .html_table_striped td { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; } .html_table_logos { width: 100%; } .html_table_logos img { width: 70%; } /* HOVER TRIGGER if the cube is directly inside the container: #container:hover > #cube { background-color: yellow; } if cube is next to (after containers closing tag) the container: #container:hover + #cube { background-color: yellow; } if the cube is somewhere inside the container: #container:hover #cube { background-color: yellow; } if the cube is a sibling of the container: #container:hover ~ #cube { background-color: yellow; } */ /* CI COLORS */ div.ci_debug_wrapper { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.ci_fonts_headings h1 { font: normal 42px/42px 'phoenicaregular','Helvetica Neue',Helvetica,Arial,sans-serif; } div.ci_fonts_headings h2 { font: normal 42px/42px 'phoenicaitalic','Helvetica Neue',Helvetica,Arial,sans-serif; } div.ci_fonts_headings h3 { font: normal 42px/42px 'phoenicamedium','Helvetica Neue',Helvetica,Arial,sans-serif; } div.ci_fonts_headings h4 { font: normal 42px/42px 'phoenicabold','Helvetica Neue',Helvetica,Arial,sans-serif; } div.ci_fonts_content { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.ci_colors_wrapper { width: 100%; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.ci_colors_wrapper [class^="col-"], div.ci_colors_wrapper [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.ci_color_item { width: 100%; height: 40px; display: block; } div.ci_color_item.ci_color_1 { background: var(--ci_color_1); } div.ci_color_item.ci_color_2 { background: var(--ci_color_2); } div.ci_color_item.ci_color_3 { background: var(--ci_color_3); } div.ci_color_item.ci_color_4 { background: var(--ci_color_4); } div.ci_color_item.ci_color_5 { background: var(--ci_color_5); } div.ci_color_item.ci_color_6 { background: var(--ci_color_6); } /* CI COLORS STRIPE */ div.ci_colors_stripe div.ci_colors_wrapper, div.ci_colors_stripe div.ci_color_item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 4px; } /* GRADIENT 50:50 */ .gradient_50_50 { background: -webkit-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: -o-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: -moz-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: linear-gradient(to right, #e2e2e2 50%, #ffffff 50%); } /* TRASITIONS */ .transition_all { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .transition_height { -webkit-transition: height 0.9s; -moz-transition: height 0.9s; -ms-transition: height 0.9s; -o-transition: height 0.9s; transition: height 0.9s; } .transition_width { -webkit-transition: width 0.9s; -moz-transition: width 0.9s; -ms-transition: width 0.9s; -o-transition: width 0.9s; transition: width 0.9s; } /* NON! MOBILE FIRST METHOD */ /* LARGE DEVICES, WIDE SCREENS */ @media only screen and (max-width: 1200px) {} /* MEDIUM DEVICES, DESKTOPS */ @media only screen and (max-width: 992px) {} /* SMALL DEVICES, TABLETS */ @media only screen and (max-width: 768px) {} /* EXTRA SMALL DEVICES, PHONES */ @media only screen and (max-width: 480px) {} /* CUSTOM, IPHONE RETINA */ @media only screen and (max-width: 320px) {} /* MOBILE FIRST METHOD */ /* CUSTOM, IPHONE RETINA */ @media only screen and (min-width: 320px) {} /* EXTRA SMALL DEVICES, PHONES */ @media only screen and (min-width: 480px) {} /* SMALL DEVICES, TABLETS */ @media only screen and (min-width: 768px) {} /* MEDIUM DEVICES, DESKTOPS */ @media only screen and (min-width: 992px) {} /* LARGE DEVICES, WIDE SCREENS */ @media only screen and (min-width: 1200px) {} /* BOOTSTRAP 3.5.0 RESPONSIVE */ /* BREAKPINTS */ @media only screen and (min-width: 768px) { /* .container { width: 750px; } */ } @media only screen and (min-width: 992px) { /* .container { width: 970px; } */ } @media only screen and (min-width: 1200px) { /* .container { width: 1170px; } */ } @media only screen and (min-width: 768px) and (max-width: 991px) { .hide_on_small { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hide_on_medium { display: none !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row-eq-height > [class*='col-'] { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 1012px) { } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: 0px; margin-right: 0px; } .img-responsive { display: block; max-width: 100%; height: auto; } .no-gutters { margin-left: 0px; margin-right: 0px; } .no-gutters > [class^="col-"], .no-gutters > [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .col-no-padding * [class^="col-"], .col-no-padding * [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .no-padding { padding: 0px 0px 0px 0px; } .no-margin { margin: 0px 0px 0px 0px; } /* CUSTOM BOOTSTRAP OVERRIDES START */ /* IPHONE 5 AND 5S */ /* PORTRAIT AND LANDSCAPE */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px; padding-right: 0px; } } /* CUSTOM BOOTSTRAP OVERRIDES END */ /* UNIVERSAL */ p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } img { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } video { width: 100%; height: auto; cursor: pointer; } *::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } .scrollreveal_wrapper { overflow: hidden !important; } .float_left { float: left; } .float_right { float: right; } .clear_left { clear: left; } .clear_right { clear: right; } .clear_both { clear: both; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } .display_table { display: table; border-collapse: collapse; } .display_table_cell { display: table-cell; } .display_table_row { display: table-row; } .display_block { display: block; } .display_inline { display: inline; } .display_none { display: none; } .overflow_hidden { overflow: hidden; } .pointer { cursor: pointer; } .help { cursor: help; } ::-moz-selection { background: var(--ci_color_accent_1); color: var(--ci_color_accent_1_text); } ::selection { background: var(--ci_color_accent_1); color: var(--ci_color_accent_1_text); } ::-webkit-input-placeholder { color: #7e7e7e; } ::-moz-placeholder { color: #7e7e7e; } :-ms-input-placeholder { color: #7e7e7e; } :-moz-placeholder { color: #7e7e7e; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 200px; height: 200px; } .fade_in_on_scroll { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_0 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_25 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; } .opacity_50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .opacity_75 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .opacity_100 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .rotate_90 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .rotate_180 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .rotate_270 { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); } .rotate_360 { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .scale_25 { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .width_25p { width: 25%; } .width_33p { width: 33.3%; } .width_100p { width: 100%; } .width_150 { width: 150px; } .width_280 { width: 280px; } .width_293 { width: 293px; } .width_330 { width: 330px; } .width_345 { width: 345px; } .no_hyphens { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /* PRINT */ @media print { .not_printable { display: none; } } /* DESKTOPS / TABLETS */ @media only screen and (max-width: 480px) { .only_desktop { display: none; } } @media only screen and (min-width: 991px) { .only_tablet { display: none; } } @media only screen and (max-width: 992px) { .not_tablet { display: none; } .only_tablet { display: inline-block; } } /* MOBILE PHONES */ @media only screen and (min-width: 481px) { .only_mobile { display: none; } } @media only screen and (max-width: 480px) { .not_mobile { display: none; } .only_mobile { display: inline-block; } .width_150 { width: 80px; } } /* PHP XDEBUG */ pre { white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; tab-size: 4; -moz-tab-size: 4; } table.xdebug-error { width: 100%; font: 13px Calibri, Courier, monospace; color: #5B6670; margin: 40px 0px 40px 0px; padding: 0px 0px 0px 0px; border-collapse: collapse; border-right: 1px #5B6670 solid; border-left: 1px #5B6670 solid; } table.xdebug-error th { border: none !important; } table.xdebug-error th, table.xdebug-error td { padding: 6px 6px 6px 6px; border-left: none; border-right: none; } table.xdebug-error th { background-color: #0A0A0A; color: #ffffff; } table.xdebug-error td { background: #ffffff; border-top: 1px solid #5B6670; border-bottom: 1px solid #5B6670; } table.xdebug-error tr td { background-color: #ffffff !important; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } table.xdebug-error tr:hover td { background-color: #f0f0f0 !important; } table.xdebug-error span { background-color: inherit !important; font: bold 13px Calibri, Courier, monospace !important; color: #D32A23 !important; }