@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap"; @import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap"; @import "/custom/site-zurich-portal/css/ico-font.css"; @import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap"; @import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap"; body, html { padding: 0; margin: 0; position: relative; font-family: "Inter", "Arial", sans-serif; font-weight: normal; color: #2C2E31; } html { overflow-x: hidden; } *:focus { box-shadow: none !important; outline: none !important; } /* */ .theme-zurich .mobile-menu a { color: #fff !important; } .theme-zurich .mobile-menu .menu-nav li { color: #fff !important; } #modal-access .form-control { color: #000; background-color: #f4f4f3; border-color: #c9c9c9; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #modal-access .form-control:focus { color: #000; background-color: #f4f4f3; border-color: #c9c9c9; outline: 0; box-shadow: none; } .theme-contrast { color: #fff !important; } .theme-contrast header, .theme-contrast header .help-menu .zoom span, .theme-contrast footer .footer-copyright, .theme-contrast main .item, .theme-contrast .btn-primary, .theme-contrast .page-inner img { background-color: #fff !important; } .theme-contrast header .help-menu, .theme-contrast header .help-menu::before, .theme-contrast main article .container::before, .theme-contrast .page-content, .theme-contrast main .identity, .theme-contrast footer, .theme-contrast header .sites .wrapper.active, .theme-contrast header .sites .dropdown, .theme-contrast header .language .wrapper.active .dropdown, .theme-contrast header .menu-nav, .theme-contrast main .item .btn, .theme-contrast .tcm-component-page-block-html .content-custom-list > li, .theme-contrast .form-control, .theme-contrast .news-carousel li, .theme-contrast .blog-post-carousel li, .theme-contrast .release-carousel li, .theme-contrast .page-inner tr:nth-child(even), .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link { background-color: #000 !important; } .theme-contrast header .logo img { filter: saturate(0%) brightness(0%) invert(0%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .theme-contrast footer .zurich .logo img { filter: saturate(0%) brightness(0%) invert(100%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } .theme-contrast header, .theme-contrast header .help-menu .zoom span, .theme-contrast header .sites label, .theme-contrast header .sites span, .theme-contrast header .sites i, .theme-contrast header .search input[type=text], .theme-contrast header .search button, .theme-contrast header .language a, .theme-contrast footer .footer-copyright, .theme-contrast footer .footer-copyright a:link, .theme-contrast footer .footer-copyright a:visited, .theme-contrast footer .footer-copyright a:hover, .theme-contrast footer .footer-copyright a:active, .theme-contrast main .item, .theme-contrast .btn-primary, .theme-contrast .ui-state-default, .theme-contrast .ui-widget-content .ui-state-default, .theme-contrast .ui-widget-header .ui-state-default, .theme-contrast .ui-button, .theme-contrast html .ui-button.ui-state-disabled:hover, .theme-contrast html .ui-button.ui-state-disabled:active { color: #000 !important; } .theme-contrast header::-webkit-input-placeholder, .theme-contrast header .help-menu .zoom span::-webkit-input-placeholder, .theme-contrast header .sites label::-webkit-input-placeholder, .theme-contrast header .sites span::-webkit-input-placeholder, .theme-contrast header .sites i::-webkit-input-placeholder, .theme-contrast header .search input[type=text]::-webkit-input-placeholder, .theme-contrast header .search button::-webkit-input-placeholder, .theme-contrast header .language a::-webkit-input-placeholder, .theme-contrast footer .footer-copyright::-webkit-input-placeholder, .theme-contrast footer .footer-copyright a:link::-webkit-input-placeholder, .theme-contrast footer .footer-copyright a:visited::-webkit-input-placeholder, .theme-contrast footer .footer-copyright a:hover::-webkit-input-placeholder, .theme-contrast footer .footer-copyright a:active::-webkit-input-placeholder, .theme-contrast main .item::-webkit-input-placeholder, .theme-contrast .btn-primary::-webkit-input-placeholder, .theme-contrast .ui-state-default::-webkit-input-placeholder, .theme-contrast .ui-widget-content .ui-state-default::-webkit-input-placeholder, .theme-contrast .ui-widget-header .ui-state-default::-webkit-input-placeholder, .theme-contrast .ui-button::-webkit-input-placeholder, .theme-contrast html .ui-button.ui-state-disabled:hover::-webkit-input-placeholder, .theme-contrast html .ui-button.ui-state-disabled:active::-webkit-input-placeholder { color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header:-moz-placeholder, .theme-contrast header .help-menu .zoom span:-moz-placeholder, .theme-contrast header .sites label:-moz-placeholder, .theme-contrast header .sites span:-moz-placeholder, .theme-contrast header .sites i:-moz-placeholder, .theme-contrast header .search input[type=text]:-moz-placeholder, .theme-contrast header .search button:-moz-placeholder, .theme-contrast header .language a:-moz-placeholder, .theme-contrast footer .footer-copyright:-moz-placeholder, .theme-contrast footer .footer-copyright a:link:-moz-placeholder, .theme-contrast footer .footer-copyright a:visited:-moz-placeholder, .theme-contrast footer .footer-copyright a:hover:-moz-placeholder, .theme-contrast footer .footer-copyright a:active:-moz-placeholder, .theme-contrast main .item:-moz-placeholder, .theme-contrast .btn-primary:-moz-placeholder, .theme-contrast .ui-state-default:-moz-placeholder, .theme-contrast .ui-widget-content .ui-state-default:-moz-placeholder, .theme-contrast .ui-widget-header .ui-state-default:-moz-placeholder, .theme-contrast .ui-button:-moz-placeholder, .theme-contrast html .ui-button.ui-state-disabled:hover:-moz-placeholder, .theme-contrast html .ui-button.ui-state-disabled:active:-moz-placeholder { /* Firefox 18- */ color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header::-moz-placeholder, .theme-contrast header .help-menu .zoom span::-moz-placeholder, .theme-contrast header .sites label::-moz-placeholder, .theme-contrast header .sites span::-moz-placeholder, .theme-contrast header .sites i::-moz-placeholder, .theme-contrast header .search input[type=text]::-moz-placeholder, .theme-contrast header .search button::-moz-placeholder, .theme-contrast header .language a::-moz-placeholder, .theme-contrast footer .footer-copyright::-moz-placeholder, .theme-contrast footer .footer-copyright a:link::-moz-placeholder, .theme-contrast footer .footer-copyright a:visited::-moz-placeholder, .theme-contrast footer .footer-copyright a:hover::-moz-placeholder, .theme-contrast footer .footer-copyright a:active::-moz-placeholder, .theme-contrast main .item::-moz-placeholder, .theme-contrast .btn-primary::-moz-placeholder, .theme-contrast .ui-state-default::-moz-placeholder, .theme-contrast .ui-widget-content .ui-state-default::-moz-placeholder, .theme-contrast .ui-widget-header .ui-state-default::-moz-placeholder, .theme-contrast .ui-button::-moz-placeholder, .theme-contrast html .ui-button.ui-state-disabled:hover::-moz-placeholder, .theme-contrast html .ui-button.ui-state-disabled:active::-moz-placeholder { /* Firefox 19+ */ color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header:-ms-input-placeholder, .theme-contrast header .help-menu .zoom span:-ms-input-placeholder, .theme-contrast header .sites label:-ms-input-placeholder, .theme-contrast header .sites span:-ms-input-placeholder, .theme-contrast header .sites i:-ms-input-placeholder, .theme-contrast header .search input[type=text]:-ms-input-placeholder, .theme-contrast header .search button:-ms-input-placeholder, .theme-contrast header .language a:-ms-input-placeholder, .theme-contrast footer .footer-copyright:-ms-input-placeholder, .theme-contrast footer .footer-copyright a:link:-ms-input-placeholder, .theme-contrast footer .footer-copyright a:visited:-ms-input-placeholder, .theme-contrast footer .footer-copyright a:hover:-ms-input-placeholder, .theme-contrast footer .footer-copyright a:active:-ms-input-placeholder, .theme-contrast main .item:-ms-input-placeholder, .theme-contrast .btn-primary:-ms-input-placeholder, .theme-contrast .ui-state-default:-ms-input-placeholder, .theme-contrast .ui-widget-content .ui-state-default:-ms-input-placeholder, .theme-contrast .ui-widget-header .ui-state-default:-ms-input-placeholder, .theme-contrast .ui-button:-ms-input-placeholder, .theme-contrast html .ui-button.ui-state-disabled:hover:-ms-input-placeholder, .theme-contrast html .ui-button.ui-state-disabled:active:-ms-input-placeholder { color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header .help-menu a, .theme-contrast main article h1, .theme-contrast main .identity h1, .theme-contrast footer .menu-nav > li, .theme-contrast footer .menu-nav a, .theme-contrast footer .about, .theme-contrast header .sites .wrapper.active, .theme-contrast header .sites .wrapper.active label, .theme-contrast header .sites .wrapper.active span, .theme-contrast header .sites .wrapper.active i, .theme-contrast header .sites .dropdown a, .theme-contrast header .language .wrapper.active a, .theme-contrast header .language .wrapper.active i, .theme-contrast header .menu-nav, .theme-contrast header .menu-nav a, .theme-contrast main .item .btn, .theme-contrast .faq-list .faq-question a:link, .theme-contrast .faq-list .faq-question a:visited, .theme-contrast .faq-list .faq-question a:hover, .theme-contrast .faq-list .faq-question a:active, .theme-contrast .form-control, .theme-contrast .news-carousel li, .theme-contrast .blog-post-carousel li, .theme-contrast .release-carousel li, .theme-contrast .news-carousel li a:link, .theme-contrast .news-carousel li a:visited, .theme-contrast .news-carousel li a:hover, .theme-contrast .news-carousel li a:active, .theme-contrast .blog-post-carousel li a:link, .theme-contrast .blog-post-carousel li a:visited, .theme-contrast .blog-post-carousel li a:hover, .theme-contrast .blog-post-carousel li a:active, .theme-contrast .release-carousel li a:link, .theme-contrast .release-carousel li a:visited, .theme-contrast .release-carousel li a:hover, .theme-contrast .release-carousel li a:active, .theme-contrast a:link, .theme-contrast a:visited, .theme-contrast a:hover, .theme-contrast a:active, .theme-contrast .page-inner u, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon, .theme-contrast .form-it-services.form-container .btn-link { color: #fff !important; } .theme-contrast header .help-menu a::-webkit-input-placeholder, .theme-contrast main article h1::-webkit-input-placeholder, .theme-contrast main .identity h1::-webkit-input-placeholder, .theme-contrast footer .menu-nav > li::-webkit-input-placeholder, .theme-contrast footer .menu-nav a::-webkit-input-placeholder, .theme-contrast footer .about::-webkit-input-placeholder, .theme-contrast header .sites .wrapper.active::-webkit-input-placeholder, .theme-contrast header .sites .wrapper.active label::-webkit-input-placeholder, .theme-contrast header .sites .wrapper.active span::-webkit-input-placeholder, .theme-contrast header .sites .wrapper.active i::-webkit-input-placeholder, .theme-contrast header .sites .dropdown a::-webkit-input-placeholder, .theme-contrast header .language .wrapper.active a::-webkit-input-placeholder, .theme-contrast header .language .wrapper.active i::-webkit-input-placeholder, .theme-contrast header .menu-nav::-webkit-input-placeholder, .theme-contrast header .menu-nav a::-webkit-input-placeholder, .theme-contrast main .item .btn::-webkit-input-placeholder, .theme-contrast .faq-list .faq-question a:link::-webkit-input-placeholder, .theme-contrast .faq-list .faq-question a:visited::-webkit-input-placeholder, .theme-contrast .faq-list .faq-question a:hover::-webkit-input-placeholder, .theme-contrast .faq-list .faq-question a:active::-webkit-input-placeholder, .theme-contrast .form-control::-webkit-input-placeholder, .theme-contrast .news-carousel li::-webkit-input-placeholder, .theme-contrast .blog-post-carousel li::-webkit-input-placeholder, .theme-contrast .release-carousel li::-webkit-input-placeholder, .theme-contrast .news-carousel li a:link::-webkit-input-placeholder, .theme-contrast .news-carousel li a:visited::-webkit-input-placeholder, .theme-contrast .news-carousel li a:hover::-webkit-input-placeholder, .theme-contrast .news-carousel li a:active::-webkit-input-placeholder, .theme-contrast .blog-post-carousel li a:link::-webkit-input-placeholder, .theme-contrast .blog-post-carousel li a:visited::-webkit-input-placeholder, .theme-contrast .blog-post-carousel li a:hover::-webkit-input-placeholder, .theme-contrast .blog-post-carousel li a:active::-webkit-input-placeholder, .theme-contrast .release-carousel li a:link::-webkit-input-placeholder, .theme-contrast .release-carousel li a:visited::-webkit-input-placeholder, .theme-contrast .release-carousel li a:hover::-webkit-input-placeholder, .theme-contrast .release-carousel li a:active::-webkit-input-placeholder, .theme-contrast a:link::-webkit-input-placeholder, .theme-contrast a:visited::-webkit-input-placeholder, .theme-contrast a:hover::-webkit-input-placeholder, .theme-contrast a:active::-webkit-input-placeholder, .theme-contrast .page-inner u::-webkit-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon::-webkit-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title::-webkit-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size::-webkit-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label::-webkit-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon::-webkit-input-placeholder, .theme-contrast .form-it-services.form-container .btn-link::-webkit-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header .help-menu a:-moz-placeholder, .theme-contrast main article h1:-moz-placeholder, .theme-contrast main .identity h1:-moz-placeholder, .theme-contrast footer .menu-nav > li:-moz-placeholder, .theme-contrast footer .menu-nav a:-moz-placeholder, .theme-contrast footer .about:-moz-placeholder, .theme-contrast header .sites .wrapper.active:-moz-placeholder, .theme-contrast header .sites .wrapper.active label:-moz-placeholder, .theme-contrast header .sites .wrapper.active span:-moz-placeholder, .theme-contrast header .sites .wrapper.active i:-moz-placeholder, .theme-contrast header .sites .dropdown a:-moz-placeholder, .theme-contrast header .language .wrapper.active a:-moz-placeholder, .theme-contrast header .language .wrapper.active i:-moz-placeholder, .theme-contrast header .menu-nav:-moz-placeholder, .theme-contrast header .menu-nav a:-moz-placeholder, .theme-contrast main .item .btn:-moz-placeholder, .theme-contrast .faq-list .faq-question a:link:-moz-placeholder, .theme-contrast .faq-list .faq-question a:visited:-moz-placeholder, .theme-contrast .faq-list .faq-question a:hover:-moz-placeholder, .theme-contrast .faq-list .faq-question a:active:-moz-placeholder, .theme-contrast .form-control:-moz-placeholder, .theme-contrast .news-carousel li:-moz-placeholder, .theme-contrast .blog-post-carousel li:-moz-placeholder, .theme-contrast .release-carousel li:-moz-placeholder, .theme-contrast .news-carousel li a:link:-moz-placeholder, .theme-contrast .news-carousel li a:visited:-moz-placeholder, .theme-contrast .news-carousel li a:hover:-moz-placeholder, .theme-contrast .news-carousel li a:active:-moz-placeholder, .theme-contrast .blog-post-carousel li a:link:-moz-placeholder, .theme-contrast .blog-post-carousel li a:visited:-moz-placeholder, .theme-contrast .blog-post-carousel li a:hover:-moz-placeholder, .theme-contrast .blog-post-carousel li a:active:-moz-placeholder, .theme-contrast .release-carousel li a:link:-moz-placeholder, .theme-contrast .release-carousel li a:visited:-moz-placeholder, .theme-contrast .release-carousel li a:hover:-moz-placeholder, .theme-contrast .release-carousel li a:active:-moz-placeholder, .theme-contrast a:link:-moz-placeholder, .theme-contrast a:visited:-moz-placeholder, .theme-contrast a:hover:-moz-placeholder, .theme-contrast a:active:-moz-placeholder, .theme-contrast .page-inner u:-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon:-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title:-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size:-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label:-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon:-moz-placeholder, .theme-contrast .form-it-services.form-container .btn-link:-moz-placeholder { /* Firefox 18- */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header .help-menu a::-moz-placeholder, .theme-contrast main article h1::-moz-placeholder, .theme-contrast main .identity h1::-moz-placeholder, .theme-contrast footer .menu-nav > li::-moz-placeholder, .theme-contrast footer .menu-nav a::-moz-placeholder, .theme-contrast footer .about::-moz-placeholder, .theme-contrast header .sites .wrapper.active::-moz-placeholder, .theme-contrast header .sites .wrapper.active label::-moz-placeholder, .theme-contrast header .sites .wrapper.active span::-moz-placeholder, .theme-contrast header .sites .wrapper.active i::-moz-placeholder, .theme-contrast header .sites .dropdown a::-moz-placeholder, .theme-contrast header .language .wrapper.active a::-moz-placeholder, .theme-contrast header .language .wrapper.active i::-moz-placeholder, .theme-contrast header .menu-nav::-moz-placeholder, .theme-contrast header .menu-nav a::-moz-placeholder, .theme-contrast main .item .btn::-moz-placeholder, .theme-contrast .faq-list .faq-question a:link::-moz-placeholder, .theme-contrast .faq-list .faq-question a:visited::-moz-placeholder, .theme-contrast .faq-list .faq-question a:hover::-moz-placeholder, .theme-contrast .faq-list .faq-question a:active::-moz-placeholder, .theme-contrast .form-control::-moz-placeholder, .theme-contrast .news-carousel li::-moz-placeholder, .theme-contrast .blog-post-carousel li::-moz-placeholder, .theme-contrast .release-carousel li::-moz-placeholder, .theme-contrast .news-carousel li a:link::-moz-placeholder, .theme-contrast .news-carousel li a:visited::-moz-placeholder, .theme-contrast .news-carousel li a:hover::-moz-placeholder, .theme-contrast .news-carousel li a:active::-moz-placeholder, .theme-contrast .blog-post-carousel li a:link::-moz-placeholder, .theme-contrast .blog-post-carousel li a:visited::-moz-placeholder, .theme-contrast .blog-post-carousel li a:hover::-moz-placeholder, .theme-contrast .blog-post-carousel li a:active::-moz-placeholder, .theme-contrast .release-carousel li a:link::-moz-placeholder, .theme-contrast .release-carousel li a:visited::-moz-placeholder, .theme-contrast .release-carousel li a:hover::-moz-placeholder, .theme-contrast .release-carousel li a:active::-moz-placeholder, .theme-contrast a:link::-moz-placeholder, .theme-contrast a:visited::-moz-placeholder, .theme-contrast a:hover::-moz-placeholder, .theme-contrast a:active::-moz-placeholder, .theme-contrast .page-inner u::-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon::-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title::-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size::-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label::-moz-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon::-moz-placeholder, .theme-contrast .form-it-services.form-container .btn-link::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header .help-menu a:-ms-input-placeholder, .theme-contrast main article h1:-ms-input-placeholder, .theme-contrast main .identity h1:-ms-input-placeholder, .theme-contrast footer .menu-nav > li:-ms-input-placeholder, .theme-contrast footer .menu-nav a:-ms-input-placeholder, .theme-contrast footer .about:-ms-input-placeholder, .theme-contrast header .sites .wrapper.active:-ms-input-placeholder, .theme-contrast header .sites .wrapper.active label:-ms-input-placeholder, .theme-contrast header .sites .wrapper.active span:-ms-input-placeholder, .theme-contrast header .sites .wrapper.active i:-ms-input-placeholder, .theme-contrast header .sites .dropdown a:-ms-input-placeholder, .theme-contrast header .language .wrapper.active a:-ms-input-placeholder, .theme-contrast header .language .wrapper.active i:-ms-input-placeholder, .theme-contrast header .menu-nav:-ms-input-placeholder, .theme-contrast header .menu-nav a:-ms-input-placeholder, .theme-contrast main .item .btn:-ms-input-placeholder, .theme-contrast .faq-list .faq-question a:link:-ms-input-placeholder, .theme-contrast .faq-list .faq-question a:visited:-ms-input-placeholder, .theme-contrast .faq-list .faq-question a:hover:-ms-input-placeholder, .theme-contrast .faq-list .faq-question a:active:-ms-input-placeholder, .theme-contrast .form-control:-ms-input-placeholder, .theme-contrast .news-carousel li:-ms-input-placeholder, .theme-contrast .blog-post-carousel li:-ms-input-placeholder, .theme-contrast .release-carousel li:-ms-input-placeholder, .theme-contrast .news-carousel li a:link:-ms-input-placeholder, .theme-contrast .news-carousel li a:visited:-ms-input-placeholder, .theme-contrast .news-carousel li a:hover:-ms-input-placeholder, .theme-contrast .news-carousel li a:active:-ms-input-placeholder, .theme-contrast .blog-post-carousel li a:link:-ms-input-placeholder, .theme-contrast .blog-post-carousel li a:visited:-ms-input-placeholder, .theme-contrast .blog-post-carousel li a:hover:-ms-input-placeholder, .theme-contrast .blog-post-carousel li a:active:-ms-input-placeholder, .theme-contrast .release-carousel li a:link:-ms-input-placeholder, .theme-contrast .release-carousel li a:visited:-ms-input-placeholder, .theme-contrast .release-carousel li a:hover:-ms-input-placeholder, .theme-contrast .release-carousel li a:active:-ms-input-placeholder, .theme-contrast a:link:-ms-input-placeholder, .theme-contrast a:visited:-ms-input-placeholder, .theme-contrast a:hover:-ms-input-placeholder, .theme-contrast a:active:-ms-input-placeholder, .theme-contrast .page-inner u:-ms-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon:-ms-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title:-ms-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size:-ms-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label:-ms-input-placeholder, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon:-ms-input-placeholder, .theme-contrast .form-it-services.form-container .btn-link:-ms-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast header .search form, .theme-contrast header .search button { border-color: #000 !important; } .theme-contrast .news-carousel li .text, .theme-contrast .blog-post-carousel li .text, .theme-contrast .release-carousel li .text, .theme-contrast .form-it-services.form-container .btn-link { border-color: #fff !important; } .theme-contrast .tcm-component-page-block-html .content-custom-list > li, .theme-contrast .form-control, .theme-contrast .input-group input[type=text], .theme-contrast .news-carousel li, .theme-contrast .blog-post-carousel li, .theme-contrast .release-carousel li, .theme-contrast .tcm-component-page-block-files .file-list .file-item .file-link, .theme-contrast .form-it-services.form-container .form-group .form-control { border: 1px solid #fff; } .theme-contrast .tcm-component-page-block-html .content-custom-list > li .text ul { opacity: 1; } .theme-contrast.mobile .mobile-menu .menu-nav, .theme-contrast.mobile header .help-menu { background-color: #fff !important; } .theme-contrast.mobile header .help-menu .zoom span { background-color: #000 !important; } .theme-contrast.mobile header .menu, .theme-contrast.mobile header .help-menu, .theme-contrast.mobile .mobile-menu .menu-close, .theme-contrast.mobile .mobile-menu a, .theme-contrast.mobile .mobile-menu .language a, .theme-contrast.mobile .mobile-menu .language .wrapper, .theme-contrast.mobile .mobile-menu .search input[type=text], .theme-contrast.mobile .mobile-menu .menu-nav li, .theme-contrast.mobile .callouts .item .text h2, .theme-contrast.mobile .callouts .item .text p { color: #000 !important; } .theme-contrast.mobile header .menu::-webkit-input-placeholder, .theme-contrast.mobile header .help-menu::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .menu-close::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu a::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .language a::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .search input[type=text]::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .menu-nav li::-webkit-input-placeholder, .theme-contrast.mobile .callouts .item .text h2::-webkit-input-placeholder, .theme-contrast.mobile .callouts .item .text p::-webkit-input-placeholder { color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .menu:-moz-placeholder, .theme-contrast.mobile header .help-menu:-moz-placeholder, .theme-contrast.mobile .mobile-menu .menu-close:-moz-placeholder, .theme-contrast.mobile .mobile-menu a:-moz-placeholder, .theme-contrast.mobile .mobile-menu .language a:-moz-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper:-moz-placeholder, .theme-contrast.mobile .mobile-menu .search input[type=text]:-moz-placeholder, .theme-contrast.mobile .mobile-menu .menu-nav li:-moz-placeholder, .theme-contrast.mobile .callouts .item .text h2:-moz-placeholder, .theme-contrast.mobile .callouts .item .text p:-moz-placeholder { /* Firefox 18- */ color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .menu::-moz-placeholder, .theme-contrast.mobile header .help-menu::-moz-placeholder, .theme-contrast.mobile .mobile-menu .menu-close::-moz-placeholder, .theme-contrast.mobile .mobile-menu a::-moz-placeholder, .theme-contrast.mobile .mobile-menu .language a::-moz-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper::-moz-placeholder, .theme-contrast.mobile .mobile-menu .search input[type=text]::-moz-placeholder, .theme-contrast.mobile .mobile-menu .menu-nav li::-moz-placeholder, .theme-contrast.mobile .callouts .item .text h2::-moz-placeholder, .theme-contrast.mobile .callouts .item .text p::-moz-placeholder { /* Firefox 19+ */ color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .menu:-ms-input-placeholder, .theme-contrast.mobile header .help-menu:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .menu-close:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu a:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .language a:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .search input[type=text]:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .menu-nav li:-ms-input-placeholder, .theme-contrast.mobile .callouts .item .text h2:-ms-input-placeholder, .theme-contrast.mobile .callouts .item .text p:-ms-input-placeholder { color: #000; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .help-menu .zoom span, .theme-contrast.mobile .form-control, .theme-contrast.mobile .mobile-menu .language .wrapper.active a { color: #fff !important; } .theme-contrast.mobile header .help-menu .zoom span::-webkit-input-placeholder, .theme-contrast.mobile .form-control::-webkit-input-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper.active a::-webkit-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .help-menu .zoom span:-moz-placeholder, .theme-contrast.mobile .form-control:-moz-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper.active a:-moz-placeholder { /* Firefox 18- */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .help-menu .zoom span::-moz-placeholder, .theme-contrast.mobile .form-control::-moz-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper.active a::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile header .help-menu .zoom span:-ms-input-placeholder, .theme-contrast.mobile .form-control:-ms-input-placeholder, .theme-contrast.mobile .mobile-menu .language .wrapper.active a:-ms-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } .theme-contrast.mobile .form-control, .theme-contrast.mobile .input-group input[type=text] { border: 1px solid #fff; } .theme-contrast.mobile .tcm-component-page-block-html .content-custom-list > li .text ul { opacity: 1; } body { background-color: #555; } .page-content { min-width: 1000px; max-width: 1920px; min-height: 100vh; background-color: #fff; background-repeat: no-repeat; background-position: right 480px; overflow: hidden; margin: 0 auto; } .page-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; position: relative; width: 100%; max-width: 100%; height: 100%; margin: auto; padding-right: 15px; padding-left: 15px; /*@media(min-width: 1920px) { max-width: 1320px; }*/ } @media (min-width: 1200px) { .page-container { max-width: 1180px; } } @media (min-width: 1600px) { .page-container { /*max-width: 1640px;*/ padding-right: 0; padding-left: 0; } } a:link, a:visited, a:hover, a:active, u:link, u:visited, u:hover, u:active { color: #2C2E31 !important; text-decoration: none; } .img-fluid { width: 100%; } header { /*position: relative; @include flexbox(); @include flex-shrink(0); @include justify-content(flex-end); height: 60px; width: 100%; z-index: 2;*/ position: fixed; top: 0; width: 100%; max-width: 1920px; background-color: #000; color: #fff; z-index: 3; } header .help-menu { position: relative; background-color: #fff; font-size: 12px; } header .help-menu::before { content: ''; position: absolute; background-color: #fff; width: 200vw; height: 100%; top: 0; left: -100vw; } header .help-menu .contrast::before { content: '\f042'; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 0; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } header .help-menu .zoom span { background-color: #000; color: #fff; font-size: 10px; padding: 1px 6px; border-radius: 10px; } header .help-menu .zoom a + a { margin-left: .5rem; } header.attached .main-menu { padding: 0; } header.attached .logo img { height: 40px; } header .main-menu { padding-top: 25px; padding-bottom: 25px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .logo img { height: 59px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .dropdown { position: absolute; margin: 0; padding: 0; list-style-type: none; } header .sites { font-size: 14px; } header .sites .wrapper { position: relative; padding: 10px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; cursor: pointer; } header .sites .wrapper.active { background-color: #fff; } header .sites .wrapper.active span { color: #888; } header .sites .wrapper.active i { color: #000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } header .sites .wrapper.active .dropdown { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); } header .sites label { color: #888; } header .sites span, header .sites i { color: #fff; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .sites .dropdown { background-color: #fff; width: 100%; left: 0; margin-top: 10px; padding: 10px; text-align: center; zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .sites .dropdown li { margin-bottom: 5px; } header .sites .dropdown a { color: #000; font-weight: 500; } header .language .wrapper { position: relative; height: 59px; cursor: pointer; padding: 0; } header .language .wrapper.active i { color: #000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } header .language .wrapper.active .dropdown { background-color: #fff; pointer-events: all; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); } header .language .wrapper.active .dropdown li { display: block; zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } header .language .wrapper.active .dropdown li + li { margin-top: 10px; } header .language .wrapper.active a { color: #000 !important; } header .language i { position: relative; top: 22px; z-index: 1; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .language .dropdown { position: relative; top: 10px; right: -30px; width: 60px; padding: 10px; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .language .dropdown li { display: none; zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .language .dropdown li.set { display: block; zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } header .language a { display: block; width: 23px; height: 23px; font-size: 12px; font-weight: 500; line-height: 23px; text-align: center; color: #fff !important; background-image: none !important; } header .menu-wrapper { left: 0; zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } header .menu-wrapper.active { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } header .menu-nav { display: flex; background-color: #fff; margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #000; padding: 40px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); } header .menu-nav > li { padding: 0 20px; /*&:last-of-type { .submenu { > li { font-weight: 500; text-transform: uppercase; margin-top: 15px; } } }*/ } header .menu-nav > li + li { border-left: 1px solid #000; } header .menu-nav ul { margin: 15px 0 0; padding: 0; list-style-type: none; font-weight: normal; text-transform: none; } header .menu-nav ul > li + li { margin-top: 10px; } header .menu-nav .last-col { margin: 0; font-weight: 500; text-transform: uppercase; } header .menu-nav a { color: #000; } header .menu { width: 30px; position: relative; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; cursor: pointer; right: -15px; z-index: 1; } header .menu i { font-size: 30px; } header .menu.active .menu-nav { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } header .menu.active i::before { content: "\f00d"; } header .search form { border: 2px solid #888; border-radius: 20px; } header .search input[type=text] { background-color: transparent; font-size: 11px; color: #fff; padding: 5px 5px 5px 20px; border: none; } header .search input[type=text]::-webkit-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } header .search input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } header .search input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size: unset; font-weight: normal; font-style: normal; } header .search input[type=text]:-ms-input-placeholder { color: #fff; font-size: unset; font-weight: normal; font-style: normal; } @media (min-width: 1440px) { header .search input[type=text] { width: 250px; } } header .search button { height: 14px; background-color: transparent; color: #fff; font-size: 14px; line-height: 1.2; padding: 0 0 0 7px; margin-right: 10px; border: none; border-left: 1px solid #fff; cursor: pointer; } header label { margin: 0; } main { font-family: "Inter", "Arial", sans-serif; margin-top: 109px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } main html, main body, main div, main span, main applet, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main a, main abbr, main acronym, main address, main big, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main s, main samp, main small, main strike, main strong, main sub, main sup, main tt, main var, main b, main u, main i, main center, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main canvas, main details, main embed, main figure, main figcaption, main footer, main header, main hgroup, main menu, main nav, main output, main ruby, main section, main summary, main time, main mark, main audio, main video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } main .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; position: relative; max-width: 100%; height: 100%; margin: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { main .container { max-width: 1180px; padding-right: 46px; padding-left: 46px; } } main a:link, main a:visited, main a:hover, main a:active { color: #636F99; text-decoration: none; } main p + p { margin-top: 25px; } main .banner { background-color: #636F99; /*img { margin-left: 50%; @include transform(translateX(-50%)); }*/ } main article .container { padding-bottom: 15px; } @media (min-width: 992px) { main article .container { padding-bottom: 65px; } } main article .container::before { content: ''; position: absolute; width: 100%; height: 44px; background-color: #fff; right: 0; bottom: 100%; left: 0; margin: auto; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media (min-width: 992px) { main article .grid-wrapper { display: inline-grid; grid-template-columns: auto auto; padding-top: 6px; padding-right: 52px; padding-left: 52px; } } main article img { display: block; margin: 0 auto 20px; max-width: 100%; } @media (min-width: 992px) { main article img { grid-column: 1; grid-row: 1 / 3; margin: unset; margin-right: 70px; } } main article h1 { color: #141432; font-size: 22px; font-weight: bold; margin-bottom: 30px; } @media (min-width: 992px) { main article h1 { width: 540px; } } main .callouts { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 992px) { main .callouts { padding-top: 65px; padding-bottom: 60px; } } main .items { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 992px) { main .items { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-right: -15px; margin-left: -15px; } } main .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; text-decoration: none; color: #fff; -webkit-box-shadow: 8px 11px 26px -10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 11px 26px -10px rgba(0, 0, 0, 0.1); box-shadow: 8px 11px 26px -10px rgba(0, 0, 0, 0.1); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 10px 0; } @media (min-width: 992px) { main .item { width: calc(100%/4 - 15px); margin: 15px; } } main .item img { border-radius: 10px 10px 0 0; } main .item .text { padding: 30px 20px 35px; } @media (min-width: 992px) { main .item .text { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 30px 40px 35px; } } main .item h2 { font-weight: bold; font-size: 22px; margin-bottom: 10px; } main .item p { line-height: 1.4; margin-bottom: 20px; } @media (min-width: 992px) { main .item p { min-height: 140px; } } main .item p:last-of-type { margin-bottom: 0; } main .item .btn { position: relative; display: inline-block; background-color: #fff; font-size: 16px; font-weight: bold; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 12px 30px; margin-top: 30px; } main .item.fln .text { background-color: #003663; } main .item.fln .btn { color: #003663; } main .item.mea .text { background-color: #4cb848; } main .item.mea .btn { color: #4cb848; } main .item.vix .text { background-color: #fec210; } main .item.vix .btn { color: #fec210; } main .item.nat .text { background-color: #ffc20e; } main .item.nat .btn { color: #ffc20e; } main .identity { background-color: #f7f7fa; padding: 40px 0; } @media (min-width: 992px) { main .identity { padding: 140px 0; } } @media (min-width: 992px) { main .identity .grid-wrapper { display: inline-grid; grid-template-columns: auto auto; padding-top: 6px; padding-right: 52px; padding-left: 52px; } } main .identity img { display: block; margin: 0 auto 20px; max-width: 100%; } @media (min-width: 992px) { main .identity img { grid-column: 1; grid-row: 1 / 3; margin: auto; margin-right: 45px; max-width: unset; } } main .identity h1 { color: #141432; font-size: 22px; font-weight: bold; margin-bottom: 10px; } @media (min-width: 992px) { main .identity h1 { width: 540px; } } main .identity h2 { font-weight: bold; margin-top: 20px; } main .identity ul { list-style-type: disc; padding-left: 20px; } footer { border-top: 1px solid #F7F7FA; color: #636F99; font-family: "Inter", "Arial", sans-serif; } footer html, footer body, footer div, footer span, footer applet, footer object, footer iframe, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre, footer a, footer abbr, footer acronym, footer address, footer big, footer cite, footer code, footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer s, footer samp, footer small, footer strike, footer strong, footer sub, footer sup, footer tt, footer var, footer b, footer u, footer i, footer center, footer dl, footer dt, footer dd, footer ol, footer ul, footer li, footer fieldset, footer form, footer label, footer legend, footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td, footer article, footer aside, footer canvas, footer details, footer embed, footer figure, footer figcaption, footer footer, footer header, footer hgroup, footer menu, footer nav, footer output, footer ruby, footer section, footer summary, footer time, footer mark, footer audio, footer video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } footer .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; position: relative; max-width: 100%; height: 100%; margin: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { footer .container { max-width: 1180px; padding-right: 46px; padding-left: 46px; } } footer a:link, footer a:visited, footer a:hover, footer a:active { color: #636F99; text-decoration: none; } @media (min-width: 992px) { footer .container { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } footer .logo { margin: 0 auto 20px; } @media (min-width: 992px) { footer .logo { margin: unset; } } footer .logo img { filter: saturate(0%) brightness(0%) invert(0%) opacity(1); filter: url('data:image/svg+xml;utf8, #recolor'); } footer .links { padding: 40px 0; } footer .s { text-align: center; } @media (min-width: 992px) { footer .s { display: inline-grid; grid-template-columns: auto auto; grid-gap: 5px 0; } } @media (min-width: 992px) { footer .s p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } footer .s p + p { margin-top: 10px; } @media (min-width: 992px) { footer .s p + p { margin-top: 0; } } footer .s p a:link, footer .s p a:visited, footer .s p a:hover, footer .s p a:active { text-decoration: underline; } footer .s .linkedin { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #F7F7FA; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 20px auto 0; } @media (min-width: 992px) { footer .s .linkedin { grid-column: 2; grid-row: 1/6; margin: unset; margin-left: 35px; } } footer address { background-color: #F7F7FA; padding: 20px 0; } footer address .container { display: block; text-align: center; } @media (min-width: 992px) { footer address .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } footer { position: relative; background-color: #e8e8f1; } footer ul { margin: 0; padding: 0; list-style-type: none; } footer .page-container { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding-top: 55px; padding-bottom: 45px; } footer .zurich { margin-top: 4px; } footer .zurich .logo img { width: 80%; height: auto; } footer .social .social-networks-list { margin: 17px 0; } footer .social .social-networks-list a { background-color: #fff; color: #000 !important; font-size: 1.25rem; padding: 5px; border-radius: 50px; } footer .social .social-networks-list a:hover { text-decoration: none; } footer .social .social-networks-list a + a { margin-left: 5px; } footer .social .social-networks-list a .social-icon { margin: 0; } footer .menu-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } footer .menu-nav > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; font-size: 14px; font-weight: 600; color: #000; margin-right: 34px; } footer .menu-nav > li > a { font-weight: 600; } footer .menu-nav a { display: inline-block; color: #000; font-weight: 300; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } footer .menu-nav a:hover { color: #000; text-decoration: underline; } footer .menu-nav .submenu li { margin-top: 10px; } footer .menu-nav .last-col li + li { margin-top: 10px; } footer .menu-nav .last-col li a { font-weight: 600; } footer .about { width: 290px; color: #000; } footer .about h1 { font-size: 14px; font-weight: 600; } footer .about p { font-size: 14px; margin-bottom: 15px; } footer .about a { display: block; margin-top: 10px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } footer .about a:link, footer .about a:visited, footer .about a:active { color: #000; text-decoration: none; } footer .about a:hover { text-decoration: underline; } footer .about .footer-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } footer .about .footer-bottom .zurich { width: 110px; } footer .about .footer-bottom .gptw { width: 100px; } footer .footer-copyright { height: 120px; background-color: #000; color: #fff; } footer .footer-copyright .container { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } footer .footer-copyright a:link, footer .footer-copyright a:visited, footer .footer-copyright a:hover, footer .footer-copyright a:active { color: #fff !important; text-decoration: none; } footer .footer-copyright p { font-size: 12px; margin: 0; } .btn-link { font-family: "Inter", "Arial", sans-serif; font-weight: 600; font-size: 18px; color: #2c2e31; line-height: 60px; height: 60px; white-space: nowrap; display: table; padding: 0 60px; border: 2px solid #2c2e31; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .btn-link:link, .btn-link:visited, .btn-link:hover, .btn-link:active { color: #2c2e31; text-decoration: none; border: 2px solid #2c2e31; } .btn-link:hover, .btn-link:active, .btn-link:focus { -webkit-box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 0px 7px rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } .form-control { background-color: #dadada; height: 56px !important; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 16px; color: #2C2E31; background-clip: unset; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control::-webkit-input-placeholder { color: #2C2E31; font-size: unset; font-weight: normal; font-style: normal; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #2C2E31; font-size: unset; font-weight: normal; font-style: normal; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #2C2E31; font-size: unset; font-weight: normal; font-style: normal; } .form-control:-ms-input-placeholder { color: #2C2E31; font-size: unset; font-weight: normal; font-style: normal; } .form-control:focus { background-color: #dadada; } .form-monthly-parking-lot .form-group textarea.form-control[readonly], .form-monthly-parking-lot .form-group textarea.form-control:disabled { height: auto; font-size: 12px; font-weight: normal; } .form-monthly-parking-lot .input-group .btn.btn-primary[data-toggle=clear] { padding: 0 35px 0 15px; height: 56px; } .form-monthly-parking-lot .input-group .btn.btn-primary[data-toggle=clear] i { display: block !important; } .form-monthly-parking-lot a { color: #009BA5 !important; } .input-group input[type=text] { height: 56px; color: #2C2E31; background-color: #f4f4f3; border: none; border-bottom: 1px solid #c9c9c9; /*font-style: italic;*/ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .input-group .btn { width: 60px; height: 56px; background-color: #000; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .input-group .btn:active { background-color: aqua; } .input-group .btn span { color: #2c2e31; font-size: 2rem; } .page-cover-banner { min-height: 128px; position: relative; } .page-cover-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; zoom: 1; filter: alpha(opacity=30); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0.3; } .page-cover-banner img { width: 100%; max-width: 1920px; display: block; margin: auto; } .page-cover-banner .page-container { position: absolute; height: auto; top: 0; right: 0; bottom: 130px; left: 0; margin: auto; padding: 15px; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .page-cover-banner h1, .page-cover-banner p { font-family: "Inter", "Arial", sans-serif; font-weight: 300; font-size: 68px; font-size: clamp(48px, 3.5vw, 68px); line-height: 1; color: #f4f4f3; margin-bottom: 0; text-shadow: 2px 2px 7px #000; } .page-cover-banner h1 { font-size: 58px; font-size: clamp(38px, 1vw, 58px); margin-bottom: 1rem; } .faq-list { margin-top: 3rem; } .faq-list .faq-question a:link, .faq-list .faq-question a:visited, .faq-list .faq-question a:hover, .faq-list .faq-question a:active { color: #2C2E31; } html-content { margin-bottom: 40px; } .tcm-component-page-block-html .content-custom-list { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; margin: 1rem -1rem !important; } .tcm-component-page-block-html .content-custom-list::before, .tcm-component-page-block-html .content-custom-list::after { content: none; } .tcm-component-page-block-html .content-custom-list > li { position: relative; top: 0; background-color: #f4f4f3; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; width: calc(100% / 3 - 2rem); margin: 1rem; } @media (min-width: 1200px) { .tcm-component-page-block-html .content-custom-list > li { width: calc(25% - 2rem); } } .tcm-component-page-block-html .content-custom-list > li + li { margin-left: 40px; } .tcm-component-page-block-html .content-custom-list > li:hover { top: -1rem; -webkit-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); } .tcm-component-page-block-html .content-custom-list > li:hover .image img { -webkit-transform: scale(1.2) translate(-41%, 0); transform: scale(1.2) translate(-41%, 0); } .tcm-component-page-block-html .content-custom-list > li a { display: block; width: 100%; height: 100%; overflow: hidden; } .tcm-component-page-block-html .content-custom-list > li a:link, .tcm-component-page-block-html .content-custom-list > li a:visited, .tcm-component-page-block-html .content-custom-list > li a:hover, .tcm-component-page-block-html .content-custom-list > li a:active { color: #2c2e31; text-decoration: none; } .tcm-component-page-block-html .content-custom-list > li .image { position: relative; top: 0; height: 158px; width: 100%; overflow: hidden; } .tcm-component-page-block-html .content-custom-list > li .image img { max-width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .tcm-component-page-block-html .content-custom-list > li .text { padding: 20px; border-top: 4px solid #000; } .tcm-component-page-block-html .content-custom-list > li .text small { font-size: 10px; text-transform: uppercase; margin-bottom: 10px; } .tcm-component-page-block-html .content-custom-list > li .text h3 { font-size: 25px; font-weight: bold; } .tcm-component-page-block-html .content-custom-list > li .text p { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 18px; line-height: 1.2; } .tcm-component-page-block-html .content-custom-list > li .text p:last-of-type { margin-bottom: 0; } .tcm-component-page-block-html .content-custom-list > li .text ul { margin: 20px 0 0; padding: 0; list-style-type: disc; border-top: 1px solid rgba(0, 0, 0, 0.7); zoom: 1; filter: alpha(opacity=70); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0.7; } .tcm-component-page-block-html .content-custom-list > li .text ul li { width: calc(100% - 17px); margin: 15px 0 0 17px; } /* */ .home-section-banner { background-color: #eee; max-height: calc(100vh - 70px); margin-top: 70px; /*@media(min-width: 768px) { height: 690px; }*/ } @media (min-width: 1200px) { .home-section-banner { margin-top: 0; } } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .carousel-slick-item[data-layer-enabled=true] .carousel-item-link { position: relative; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .carousel-slick-item[data-layer-enabled=true] .carousel-item-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; zoom: 1; filter: alpha(opacity=30); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0.3; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .carousel-slick-item[data-layer-enabled=true] .carousel-item-link::before { zoom: 1; filter: alpha(opacity=40); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0.4; z-index: 1; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-slide { overflow: hidden; z-index: 0; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-slide img { width: 100%; max-width: 1920px; max-height: calc(100vh - 70px); margin-left: 50%; transform: translateX(-50%); } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-active { z-index: 1; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .tcm-carousel-legend { position: absolute; height: auto; top: 0; right: 0; bottom: 130px; left: 0; margin: auto; padding: 15px; background-color: unset; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; z-index: 2; pointer-events: none; /*@media(min-width: 768px) { position: relative; font-size: 56px; font-size: 42px; } @media(min-width: 1200px) { width: 1180px; padding: 0; }*/ } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .tcm-carousel-legend .tcm-carousel-legend-inner { color: #fff; font-size: 68px; font-family: "Inter", "Arial", sans-serif; font-weight: 300; line-height: 1.1; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .tcm-carousel-legend .tcm-carousel-legend-sub-title { font-family: "Inter", "Arial", sans-serif; font-weight: 900; font-size: 18px; letter-spacing: 1px; margin-top: 13px; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots { display: none !important; right: 0; bottom: 270px; left: 15px; margin: auto; text-align: left; } @media (min-width: 768px) { .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots { top: unset; left: 0; bottom: 399px; } } @media (min-width: 1200px) { .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots { width: 1180px; } } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots li { width: 47px; height: 7px; background-color: #fff; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots li button::before { width: inherit; height: inherit; background-color: unset; border: unset; border-radius: unset; -webkit-border-radius: unset; -moz-border-radius: unset; } .home-section-banner .tcm-component-carousel-2 .carousel-slick-slide .slick-dots li.slick-active button::before { background-color: unset; } .home-section-banner .tcm-component-carousel-2 .media-gallery-image-container { /*height: 480px; max-height: calc(100vh - 70px); @media(min-width: 768px) { height: 690px; }*/ } .home-faq { position: relative; } .home-faq .home-faq-list { height: 200px; margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; } .home-faq .home-faq-list > li { width: 200px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .home-faq .home-faq-list > li:nth-of-type(11n+1) a { background-color: #f4f4f3; } .home-faq .home-faq-list > li:nth-of-type(11n+2) a { background-color: #fff; } .home-faq .home-faq-list > li:nth-of-type(11n+3) a { background-color: #d8d9d8; } .home-faq .home-faq-list > li:nth-of-type(11n+4) a { background-color: #f4f4f3; } .home-faq .home-faq-list > li:nth-of-type(11n+5) a { background-color: #e7e7e6; } .home-faq .home-faq-list > li:nth-of-type(11n+6) a { background-color: #f4f4f3; } .home-faq .home-faq-list > li:nth-of-type(11n+7) a { background-color: #d8d9d8; } .home-faq .home-faq-list > li:nth-of-type(11n+8) a { background-color: #e7e7e6; } .home-faq .home-faq-list > li:nth-of-type(11n+9) a { background-color: #fff; } .home-faq .home-faq-list > li:nth-of-type(11n+10) a { background-color: #c9c9c9; } .home-faq .home-faq-list > li:nth-of-type(11n+11) a { background-color: #d8d9d8; } .home-faq .home-faq-list > li > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; font-family: "Inter", "Arial", sans-serif; font-weight: 300; position: relative; width: 100%; height: 200px; color: #2c2e31; font-size: 20px; line-height: 1.2; text-align: center; padding: 30px; z-index: 1; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .home-faq .home-faq-list > li > a:hover, .home-faq .home-faq-list > li > a:active, .home-faq .home-faq-list > li > a:focus { -webkit-box-shadow: inset 0px 0px 0px 7px #a6a6a5; -moz-box-shadow: inset 0px 0px 0px 7px #a6a6a5; box-shadow: inset 0px 0px 0px 7px #a6a6a5; } .home-faq .home-faq-list > li > a::before { content: ''; position: absolute; left: 0; bottom: -40px; width: 0; height: 0; border-style: solid; border-width: 40px 100px 0 100px; border-color: #3c3c3b transparent transparent transparent; pointer-events: none; zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .home-faq .home-faq-list > li > a img { -webkit-filter: brightness(0); filter: brightness(0); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; margin-bottom: 1.5rem; } .home-faq .home-faq-list > li.active > a { background-color: #3c3c3b; } .home-faq .home-faq-list > li.active > a:hover, .home-faq .home-faq-list > li.active > a:active, .home-faq .home-faq-list > li.active > a:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .home-faq .home-faq-list > li.active > a::before { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; } .home-faq .home-faq-list > li.active > a img { -webkit-filter: brightness(1); filter: brightness(1); } .home-faq .home-faq-list > li.active .home-faq-details { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } .home-faq .home-faq-controls > div { width: 100px; height: 100%; position: absolute; top: 0; border: 1px solid red; } .home-faq .home-faq-controls > div.home-faq-prev { left: 0; } .home-faq .home-faq-controls > div.home-faq-next { right: 0; } .home-faq .home-faq-details { position: absolute; top: 200px; left: 0; background-color: #f4f4f3; width: calc(100vw - 200px); overflow: hidden; padding-top: 110px; padding-bottom: 120px; zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .home-faq .home-faq-details .page-container { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .home-faq .home-faq-details .title { width: 360px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } @media (min-width: 1440px) { .home-faq .home-faq-details .title { width: 400px; } } .home-faq .home-faq-details .title h6 { font-family: "Inter", "Arial", sans-serif; font-weight: Bold; font-size: 12px; margin-bottom: 16px; } .home-faq .home-faq-details .title h2 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 46px; margin-bottom: 19px; } .home-faq .home-faq-details .title p { font-family: "Inter", "Arial", sans-serif; font-weight: 500; } .home-faq .home-faq-details .title .btn-link { background-color: aqua; border: none; margin-top: 35px; } .home-faq .home-faq-details .detail { width: 400px; margin-top: 40px; } @media (min-width: 1600px) { .home-faq .home-faq-details .detail { width: 460px; margin-right: 180px; } } .home-faq .home-faq-details .detail ul { margin: 0; padding: 0; list-style-type: none; } .home-faq .home-faq-details .detail li + li { border-top: 1px solid #c9c9c9; padding-top: 20px; } .home-faq .home-faq-details .detail h4 { font-family: "Inter", "Arial", sans-serif; font-weight: Bold; font-size: 16px; } .home-faq .home-faq-details .detail p { font-size: 12px; } .home-faq .back, .home-faq .close { display: none; } .home-section-flight- { margin-top: 195px; } .home-section-flight- h2 { font-family: "Inter", "Arial", sans-serif; font-weight: 600; font-size: 52px; margin-bottom: 50px; } .home-section-highlight-1 { background-color: #f4f4f3; padding-top: 100px; } .home-section-highlight-1 .highlight-description { margin-bottom: 40px; } .home-section-highlight-1 .highlight-items { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; height: 540px; } @media (min-width: 1920px) { .home-section-highlight-1 .highlight-items { height: 620px; } } .home-section-highlight-1 .highlight-items li { width: 30%; overflow: hidden; } .home-section-highlight-1 .highlight-items li:nth-of-type(2) { width: 40%; } .home-section-highlight-1 .highlight-items li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; position: relative; height: 100%; width: 100%; color: #2c2e31; } .home-section-highlight-1 .highlight-items li h4 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 40px; margin-bottom: 20px; } @media (min-width: 1920px) { .home-section-highlight-1 .highlight-items li h4 { font-size: 44px; } } .home-section-highlight-1 .highlight-items li .text { position: relative; padding: 60px 25px 80px 60px; } .home-section-highlight-1 .highlight-items .template-1 { background-color: #fff; } .home-section-highlight-1 .highlight-items .template-1:hover .image img { height: 120%; } .home-section-highlight-1 .highlight-items .template-1 .image { position: relative; height: 65%; width: 100%; overflow: hidden; order: 1; } .home-section-highlight-1 .highlight-items .template-1 .image img { height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .home-section-highlight-1 .highlight-items .template-1 .text { height: 35%; width: 100%; } .home-section-highlight-1 .highlight-items .template-2 { background-color: aqua; } .home-section-highlight-1 .highlight-items .template-2:hover .image img { -webkit-transform: scale(1.2) translate(-41%, -43%); transform: scale(1.2) translate(-41%, -43%); } .home-section-highlight-1 .highlight-items .template-2 .image { position: relative; height: 55%; width: 100%; overflow: hidden; } .home-section-highlight-1 .highlight-items .template-2 .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .home-section-highlight-1 .highlight-items .template-2 .text { height: 45%; width: 100%; } .home-section-highlight-1 .highlight-items .template-3:hover .image img { -webkit-transform: scale(1.2) translate(-41%, -43%); transform: scale(1.2) translate(-41%, -43%); } .home-section-highlight-1 .highlight-items .template-3 .image { position: absolute !important; height: 100%; width: 100%; z-index: 0; position: relative; } .home-section-highlight-1 .highlight-items .template-3 .image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #a6a6a6; zoom: 1; filter: alpha(opacity=80); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0.8; } .home-section-highlight-1 .highlight-items .template-3 .image::before { z-index: 1; } .home-section-highlight-1 .highlight-items .template-3 .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .home-section-highlight-1 .highlight-items .template-3 .text { position: relative; z-index: 1; } .home-section-news { margin-top: 144px; margin-bottom: 170px; } .home-section-news .page-container { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .home-section-news .page-container h2 { margin-bottom: 95px; } .home-section-news .carousel-wrapper { overflow: unset; } .home-section-highlight-2 { height: 90vh; max-height: 890px; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; position: relative; } .home-section-highlight-2 .inner { background-color: aqua; width: 55%; min-height: 40%; position: absolute; right: 0; bottom: 0; padding: 60px; } .home-section-highlight-2 h2 { font-size: 48px; } @media (min-width: 1920px) { .home-section-highlight-2 h2 { font-size: 58px; } } .home-section-highlight-3 { margin-top: 120px; margin-bottom: 180px; } @media (min-width: 1920px) { .home-section-highlight-3 { margin-top: 180px; margin-bottom: 240px; } } .home-section-highlight-3 h6 { font-family: "Inter", "Arial", sans-serif; font-weight: Bold; font-size: 12px; text-transform: uppercase; margin-bottom: 45px; width: 100%; } .home-section-highlight-3 h2 { width: 360px; font-family: "Inter", "Arial", sans-serif; font-weight: 300; font-size: 46px; margin-bottom: 0; } .home-section-highlight-3 .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .home-section-highlight-3 .text { width: 50%; } .home-section-highlight-4 { background-color: #f4f4f3; padding-top: 44px; padding-bottom: 44px; } @media (min-width: 1920px) { .home-section-highlight-4 { padding-top: 84px; padding-bottom: 84px; } } .home-section-highlight-4 ul { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .home-section-highlight-4 ul li { padding: 38px 70px 60px; } .home-section-highlight-4 ul li + li { border-left: 3px solid aqua; } .home-section-highlight-4 h4 { font-family: "Inter", "Arial", sans-serif; font-weight: normal; font-size: 26px; margin-bottom: 32px; } .home-section-highlight-4 .btn-link { font-size: 14px; height: auto; line-height: 1; border: none; padding: 10px; } .home-section-highlight-4 .btn-link:hover { background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* */ .page-inner { padding-top: 60px; padding-bottom: 100px; } .page-inner h1 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 46px; margin-top: 60px; margin-bottom: 60px; } .page-inner .actionbar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; width: 100%; margin-bottom: 40px; } .page-inner .actionbar > * + * { margin-left: 2rem; } .page-inner .actionbar .select-wrapper, .page-inner .actionbar .form-control { width: 180px; } .page-inner .actionbar .input-group { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; width: auto; } .page-inner .actionbar .select-wrapper { position: relative; } .page-inner .actionbar .select-wrapper::after { content: '\e903'; font-family: 'icomoon'; font-size: 1.5rem; position: absolute; top: 0; right: .3rem; bottom: 0; height: 0; line-height: 0; margin: auto; pointer-events: none; } .page-inner .actionbar .select-wrapper .custom-select { background-image: none; } .page-inner .actionbar .date-wrapper { position: relative; } .page-inner .actionbar .date-wrapper::after { content: '\e902'; font-family: 'icomoon'; font-size: 2rem; position: absolute; top: 0; right: .5rem; bottom: 0; height: 0; line-height: 0; margin: auto; pointer-events: none; } .page-inner .actionbar .date-wrapper .custom-select { background-image: none; } .news-details, .blog-post { padding: 100px 110px; } .news-details .content, .blog-post .content { padding: 0 110px; } .news-details .news-details-head, .news-details .blog-post-head, .blog-post .news-details-head, .blog-post .blog-post-head { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; width: 100%; margin-bottom: 65px; } .news-details .news-details-head .date, .news-details .blog-post-head .date, .blog-post .news-details-head .date, .blog-post .blog-post-head .date { text-transform: uppercase; } .news-details .news-details-head .tags, .news-details .blog-post-head .tags, .blog-post .news-details-head .tags, .blog-post .blog-post-head .tags { padding: 0; } .news-details .news-details-head .author, .news-details .blog-post-head .author, .blog-post .news-details-head .author, .blog-post .blog-post-head .author { order: 2; text-align: center; margin-top: -50px; } .news-details .news-details-head .author img, .news-details .blog-post-head .author img, .blog-post .news-details-head .author img, .blog-post .blog-post-head .author img { width: 100px; border-radius: 50%; } .news-details .news-details-head .author h6, .news-details .blog-post-head .author h6, .blog-post .news-details-head .author h6, .blog-post .blog-post-head .author h6 { margin-top: 10px; margin-bottom: 0; } .news-details .news-details-head .author p, .news-details .blog-post-head .author p, .blog-post .news-details-head .author p, .blog-post .blog-post-head .author p { margin: 0; } .news-details .tags, .blog-post .tags { font-family: "Inter", "Arial", sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; } .news-details .tags ul, .blog-post .tags ul { margin: 0; padding: 0; list-style-type: none; } .news-details .tags a:link, .news-details .tags a:visited, .news-details .tags a:hover, .news-details .tags a:active, .blog-post .tags a:link, .blog-post .tags a:visited, .blog-post .tags a:hover, .blog-post .tags a:active { color: #2c2e31; text-decoration: none; padding: 10px 20px; } .news-details .tags a:hover, .blog-post .tags a:hover { background-color: #e5e5e5; } .related-blog-post { padding-bottom: 100px; } .flight--inner { padding-top: 100px; } .airline-list { width: 100%; margin-bottom: 1rem; } .airline-list .airline-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; background-color: #f4f4f3; } .airline-list .airline-item + .airline-item { margin-top: 1rem; } .airline-list .airline-item h5 { margin-top: 1rem; } .airline-list .airline-item .image { width: 300px; margin: auto 1rem; } .airline-list .airline-item .text { padding: 1rem; } .airline-list .airline-item .text h5 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 20px; } .airline-list .airline-item .text p { font-size: 14px; line-height: 1.2; margin-top: 0; margin-bottom: 0; } .airline-list .airline-item .text > div { position: relative; padding-left: 2rem; } .airline-list .airline-item .text > div + div { margin-top: 1rem; } .airline-list .airline-item .text > div::before { font-family: 'icomoon'; font-size: 1.5rem; position: absolute; top: 0; left: 0; } .airline-list .airline-item .text > div > span { font-size: 10px; text-transform: uppercase; } .airline-list .airline-item .text > div > div { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 12px; } .airline-list .airline-item .text > div.location::before { content: '\e916'; } .airline-list .airline-item .text > div.::before { content: '\e914'; } .airline-list .airline-item .text > div.checkin::before { content: '\e917'; } .component-enger-guide { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*padding: 100px 110px;*/ } .component-enger-guide.active .category-list { position: fixed; top: 0; } .component-enger-guide.active .topics-container { left: 50%; } .component-enger-guide .category-list { display: block; height: 100%; width: 50%; padding: 1rem; } .component-enger-guide .category-list .category { margin-bottom: 20px; } .component-enger-guide .category-list .category h3 { font-family: "Inter", "Arial", sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 24px; padding-left: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-enger-guide .category-list .category h3::after { display: none; } .component-enger-guide .category-list .category.active h3 { padding-left: 20px; } .component-enger-guide .category-list .category.active .topic-list { max-height: 100vh; } .component-enger-guide .category-list .topic-list { max-height: 0; overflow: hidden; padding-left: 40px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-enger-guide .category-list .topic-list.active { padding-left: 60px; } .component-enger-guide .category-list .topic-list .item-list { max-height: 0; padding-left: 0; overflow: hidden; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-enger-guide .category-list .topic { padding-left: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-enger-guide .category-list .topic h4 { font-family: "Inter", "Arial", sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 16px; } .component-enger-guide .category-list .topic.active { padding-left: 20px; } .component-enger-guide .category-list .topic.active .item-list { max-height: 100vh; padding-left: 10px; } .component-enger-guide .category-list .item { padding-left: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-enger-guide .category-list .item h5 { font-family: "Inter", "Arial", sans-serif; font-weight: normal; font-size: 16px; margin-bottom: 16px; } .component-enger-guide .category-list .item.active { padding-left: 20px; } .component-enger-guide .category-list .item.active h5 { font-weight: 600; } .component-enger-guide .topics-container { display: block; width: 50%; position: relative; padding: 1rem; } .component-enger-guide .topics-container .topic-list h3 { font-family: "Inter", "Arial", sans-serif; font-weight: 300; font-size: 32px; margin-bottom: 32px; } .component-enger-guide .topics-container .topic-list h3::after { display: none; } .component-enger-guide .topics-container .topic h4 { font-family: "Inter", "Arial", sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 48px; } .component-enger-guide .topics-container .item-list h5 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 20px; margin-bottom: 40px; } .component-enger-guide .topics-container .item p { font-size: 14px; line-height: 1.6; margin-bottom: 40px; } .component-enger-guide .topics-container .item blockquote { position: relative; background-color: aqua; border: 2px solid red; padding: 2rem; margin-bottom: 40px; } .component-enger-guide .topics-container .item blockquote::before { content: '\e918'; font-family: 'icomoon'; position: absolute; top: 1rem; right: 1rem; font-size: 1.5rem; } .component-enger-guide .topics-container .item blockquote p { margin-bottom: 0; } .component-enger-guide .topics-container .item blockquote p + p { margin-top: 10px; } .component-documents { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 3rem; } .component-documents .documents-list { width: 50%; border: none; padding-right: 1rem; } .component-documents .documents-list .nav-item { width: 100%; } .component-documents .documents-list .nav-item .nav-link { border: none; padding: 0; } .component-documents .documents-list .nav-item .nav-link.active h3 { font-weight: 600; } .component-documents .documents-list h3 { font-family: "Inter", "Arial", sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 36px; -webkit-transition: 0.1s all ease-in-out; -moz-transition: 0.1s all ease-in-out; -ms-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; } .component-documents .documents-list h3::after { content: none; } .component-documents .documents-container { width: 50%; padding-left: 1rem; } .component-documents .documents-container .document-detail { margin-top: 0; margin-bottom: 1rem; } .component-documents .documents-container .document-detail ul { margin: 0; padding: 0; list-style-type: none; } .component-documents .documents-container .document-detail ul li { margin-bottom: .5rem; } .component-documents .documents-container h4 { font-size: 24px; border-bottom: 3px solid aqua; } .documents .document-detail { margin-top: 2rem; margin-bottom: 1rem; } .documents .document-detail h4 { margin: 0; border-bottom: 3px solid aqua; } .documents .document-detail .faq-answer .faq-question { margin-top: 1rem; } .documents .document-detail ul { margin: 1rem 0 0; padding: 0; list-style-type: none; } .documents .document-detail ul li { margin-bottom: .5rem; } .search-results { width: 100%; } .search-results a { display: block; -webkit-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 40px; padding: 50px 115px; } .search-results h4 { margin-bottom: 20px; } .search-results p { margin-bottom: 20px; } .search-results .btn-link { font-size: 14px; line-height: 40px; height: 40px; padding: 0 30px; } .form-container, .tcm-component--form-auto-layout-1 { width: 780px; margin: auto; /*.btn-link { background-color: aqua; margin-left: auto; border: none; }*/ } .form-container h3, .tcm-component--form-auto-layout-1 h3 { font-size: 24px; font-weight: 600; margin-top: .5rem; margin-bottom: .5rem; } .form-container h3::after, .tcm-component--form-auto-layout-1 h3::after { content: none; } .form-container form, .tcm-component--form-auto-layout-1 form { width: 100%; } .form-container .form-group .form-control, .tcm-component--form-auto-layout-1 .form-group .form-control { height: 56px; color: #2C2E31; font-weight: bold; background-color: #f4f4f3; border: none; border-bottom: 1px solid #c9c9c9; font-style: italic; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .form-container .form-group .form-control::-webkit-input-placeholder, .tcm-component--form-auto-layout-1 .form-group .form-control::-webkit-input-placeholder { color: #2C2E31; font-size: ""; font-weight: bold; font-style: italic; } .form-container .form-group .form-control:-moz-placeholder, .tcm-component--form-auto-layout-1 .form-group .form-control:-moz-placeholder { /* Firefox 18- */ color: #2C2E31; font-size: ""; font-weight: bold; font-style: italic; } .form-container .form-group .form-control::-moz-placeholder, .tcm-component--form-auto-layout-1 .form-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: #2C2E31; font-size: ""; font-weight: bold; font-style: italic; } .form-container .form-group .form-control:-ms-input-placeholder, .tcm-component--form-auto-layout-1 .form-group .form-control:-ms-input-placeholder { color: #2C2E31; font-size: ""; font-weight: bold; font-style: italic; } .form-container .form-group textarea.form-control, .tcm-component--form-auto-layout-1 .form-group textarea.form-control { height: 112px !important; padding-top: 15px; } .form-container .form-group button, .tcm-component--form-auto-layout-1 .form-group button { font-family: "Inter", "Arial", sans-serif; font-weight: 600; font-size: 18px; color: #fff; background-color: #000; line-height: 60px; height: 60px; white-space: nowrap; display: table; padding: 0 60px; border: 2px solid #2c2e31; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; border-radius: 0; margin-right: 0; margin-left: auto; } .form-container .form-group button i, .tcm-component--form-auto-layout-1 .form-group button i { display: none; } .form-container .line, .tcm-component--form-auto-layout-1 .line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-container .two-col, .tcm-component--form-auto-layout-1 .two-col { width: calc(50% - .5rem); } .form-container .two-col + .two-col, .tcm-component--form-auto-layout-1 .two-col + .two-col { margin-left: 1rem; } .form-container .three-col, .tcm-component--form-auto-layout-1 .three-col { width: calc(100%/3 - 2rem/3); } .form-container .three-col + .three-col, .tcm-component--form-auto-layout-1 .three-col + .three-col { margin-left: 1rem; } /* */ .component-flight-direction-control { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 16px; } .component-flight-direction-control button { cursor: pointer; } .component-flight-direction-control .button-label { display: inline-block; border: none; padding: 0; background-color: transparent; color: lightgray; pointer-events: none; } .component-flight-direction-control[data-flight-direction=arrivals] .button-label[data-toggle=departures] { pointer-events: auto; } .component-flight-direction-control[data-flight-direction=arrivals] .button-label[data-toggle=arrivals] { color: black; } .component-flight-direction-control[data-flight-direction=departures] .button-label[data-toggle=arrivals] { pointer-events: auto; } .component-flight-direction-control[data-flight-direction=departures] .button-label[data-toggle=departures] { color: black; } .component-flight-direction-control .button-toggle { display: inline-block; width: 50px; height: 30px; border: none; padding: 0; margin: 0 8px; } .component-flight-direction-control input[type=checkbox] { display: none; } .component-flight-direction-control input[type=checkbox] + .button-toggle { position: relative; background-color: aqua; width: 66px; height: 36px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .component-flight-direction-control input[type=checkbox] + .button-toggle::before { position: absolute; top: 4px; left: calc(100% - 28px - 4px); content: ''; width: 28px; height: 28px; background-color: #f4f4f3; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-flight-direction-control input[type=checkbox] + .button-toggle::after { position: absolute; top: 1px; left: calc(100% - 28px - 1px); content: '\e912'; font-family: 'icomoon'; font-size: 1.5rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .component-flight-direction-control input[type=checkbox]:checked + .button-toggle::before { left: 4px; } .component-flight-direction-control input[type=checkbox]:checked + .button-toggle::after { top: 1px; left: 5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); } .component-flight--form { width: 100%; } .component-flight--form .actionbar { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .flight--container .flight--container-inner { zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .flight--container .flight--container-inner.active { display: block !important; zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; } .flight--container .flight--container-inner.active .flight--table-row { margin-bottom: 2px; } .flight--container .flight--table .flight--table-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); background-color: #fff; margin-bottom: 20px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition-delay: .2s; } .flight--container .flight--table .flight--table-row > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 12px 16px; } .flight--container .flight--table .flight--table-row > div:nth-of-type(odd) { background-color: #f4f4f3; } .flight--container .flight--table .flight--table-row > div.col-origin-destination, .flight--container .flight--table .flight--table-row > div.col-status { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .flight--container .flight--table .flight--table-row > div img { max-height: 30px; } .flight--container .flight--table .flight--table-header .flight--table-row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flight--container .flight--table .flight--table-header .flight--table-row > div { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: transparent; } .flight--container .flight--table .flight--table-header .flight--table-row > div.col-origin-destination, .flight--container .flight--table .flight--table-header .flight--table-row > div.col-status { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .flight--container .flight--table .col-scheduled { width: 80px; } .flight--container .flight--table .col-airline { width: 120px; } .flight--container .flight--table .col-flight { width: 80px; } .flight--container .flight--table .col-origin-destination { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .flight--container .flight--table .col-gate { width: 80px; } .flight--container .flight--table .col-estimated { width: 80px; } .flight--container .flight--table .col-status { width: 280px; } .flight--container .flight--table-header { font-family: "Inter", "Arial", sans-serif; font-weight: Bold; color: #55585b; font-size: 10px; text-transform: uppercase; } .flight--container .mobile-label { display: none; } .flight--container .more { background-color: aqua; margin: 47px auto 103px; border: none; } .carousel-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; position: relative; overflow: hidden; } .carousel-wrapper .news-carousel-control::before, .carousel-wrapper .news-carousel-control::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; right: 100%; } .carousel-wrapper .news-carousel-control::after { right: unset; left: 100%; } .carousel-wrapper .news-carousel-control span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: absolute; top: 0; width: 180px; height: 100%; z-index: 1; cursor: pointer; background-color: rgba(255, 255, 255, 0); background: linear-gradient(left, rgba(255, 255, 255, 0), #fff); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fff); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #fff); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff); zoom: 1; filter: alpha(opacity=0); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 0; pointer-events: none; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .carousel-wrapper .news-carousel-control span::before { content: '\e905'; font-family: 'icomoon'; font-size: 3rem; } .carousel-wrapper .news-carousel-control span.active { zoom: 1; filter: alpha(opacity=100); /*-webkit-opacity: $opacity; -moz-opacity: $opacity;*/ opacity: 1; pointer-events: all; } .carousel-wrapper .news-carousel-control .news-carousel-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .carousel-wrapper .news-carousel-control .news-carousel-next { right: 0; } .news-carousel, .blog-post-carousel, .release-carousel { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; } .news-carousel.carousel-list, .blog-post-carousel.carousel-list, .release-carousel.carousel-list { /*width: 100%;*/ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1rem -1rem !important; } .news-carousel.carousel-list::before, .news-carousel.carousel-list::after, .blog-post-carousel.carousel-list::before, .blog-post-carousel.carousel-list::after, .release-carousel.carousel-list::before, .release-carousel.carousel-list::after { content: none; } .news-carousel.carousel-list li, .blog-post-carousel.carousel-list li, .release-carousel.carousel-list li { width: calc(100% / 3 - 2rem); margin: 1rem; } @media (min-width: 1200px) { .news-carousel.carousel-list li, .blog-post-carousel.carousel-list li, .release-carousel.carousel-list li { width: calc(25% - 2rem); } } .news-carousel li, .blog-post-carousel li, .release-carousel li { position: relative; top: 0; width: 280px; background-color: #f4f4f3; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .news-carousel li + li, .blog-post-carousel li + li, .release-carousel li + li { margin-left: 40px; } .news-carousel li:hover, .blog-post-carousel li:hover, .release-carousel li:hover { top: -1rem; -webkit-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); } .news-carousel li:hover .image img, .blog-post-carousel li:hover .image img, .release-carousel li:hover .image img { -webkit-transform: scale(1.2) translate(-41%, -43%); transform: scale(1.2) translate(-41%, -43%); } .news-carousel li a, .blog-post-carousel li a, .release-carousel li a { display: block; width: 100%; height: 100%; overflow: hidden; } .news-carousel li a:link, .news-carousel li a:visited, .news-carousel li a:hover, .news-carousel li a:active, .blog-post-carousel li a:link, .blog-post-carousel li a:visited, .blog-post-carousel li a:hover, .blog-post-carousel li a:active, .release-carousel li a:link, .release-carousel li a:visited, .release-carousel li a:hover, .release-carousel li a:active { color: #2c2e31; text-decoration: none; } .news-carousel li .image, .blog-post-carousel li .image, .release-carousel li .image { position: relative; top: 0; height: 158px; width: 100%; overflow: hidden; } .news-carousel li .image img, .blog-post-carousel li .image img, .release-carousel li .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .news-carousel li .text, .blog-post-carousel li .text, .release-carousel li .text { padding: 40px; border-top: 4px solid #000; } .news-carousel li .text small, .blog-post-carousel li .text small, .release-carousel li .text small { font-size: 10px; text-transform: uppercase; margin-bottom: 10px; } .news-carousel li .text p, .blog-post-carousel li .text p, .release-carousel li .text p { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; } .news-carousel li .text p:last-of-type, .blog-post-carousel li .text p:last-of-type, .release-carousel li .text p:last-of-type { margin-bottom: 0; } .news-carousel li .text p.author, .news-carousel li .text p.category, .blog-post-carousel li .text p.author, .blog-post-carousel li .text p.category, .release-carousel li .text p.author, .release-carousel li .text p.category { font-size: 12px; } .related-news h3 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 46px; } .related-news h3::after { content: none; } .related-news .carousel-wrapper { width: 100%; } .related-news .news-carousel { margin: 2rem 0 5rem; } .tcm-component-page-block { width: 100%; font-size: 1rem; } .tcm-component-media-gallery-2 { width: 100%; padding: 2rem 0; } @media (min-width: 992px) { .tcm-component-media-gallery-2 { padding: 2rem 110px; } } .store-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1rem -1rem; width: 100%; } .store-list .store-item { background-color: #f4f4f3; width: calc(100% / 3 - 2rem); min-height: 400px; margin: 1rem; position: relative; overflow: hidden; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } @media (min-width: 1200px) { .store-list .store-item { width: calc(25% - 2rem); } } .store-list .store-item:hover { -webkit-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.1); } .store-list .store-item:hover .image { top: -1rem; } .store-list .store-item:hover .text { top: 0; } .store-list .store-item .image { position: relative; height: 200px; width: 100%; overflow: hidden; top: 0; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .store-list .store-item .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .store-list .store-item .text { position: absolute; top: 50%; width: 100%; min-height: 200px; background-color: #f4f4f3; padding: 30px; border-top: 4px solid aqua; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; } .store-list .store-item .text h5 { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 20px; } .store-list .store-item .text p { font-size: 14px; line-height: 1.2; } .store-list .store-item .text > div { position: relative; padding-left: 2rem; } .store-list .store-item .text > div + div { margin-top: 5px; } .store-list .store-item .text > div::before { font-family: 'icomoon'; font-size: 1.5rem; position: absolute; top: 0; left: 0; } .store-list .store-item .text > div > span { font-size: 10px; text-transform: uppercase; } .store-list .store-item .text > div > div { font-family: "Inter", "Arial", sans-serif; font-weight: 500; font-size: 12px; } .store-list .store-item .text > div.location::before { content: '\e916'; } .store-list .store-item .text > div.operating-hours::before { content: '\e915'; } .store-list .store-item .text > div.phone::before { content: '\e914'; } .store-list .store-item .text > div.website::before { content: '\e913'; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container .media-gallery-video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* */ .modal-browser { display: none; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.3); } .modal-browser .modal-content { width: 90%; max-width: 600px; padding: 20px; background: #fefefe; } .modal-browser .modal-content h1 { margin: 0; font-weight: bold; color: #D72832; } .modal-browser .modal-content p { margin: 1rem 0; color: #000000; } .modal-browser .modal-content a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 64px; text-decoration: none; background-color: #D72832; } .modal-browser .modal-content a + a { margin-top: 0.5rem; } .modal-browser.active { display: flex; } .cards-wrapper { list-style-type: none; padding: 0; overflow-y: auto; margin: 0 -15px; } @media (min-width: 992px) { .cards-wrapper { margin: 0 -30px; } } .cards-wrapper .item { width: 322px; max-width: 80%; margin: 30px 15px 0; flex-shrink: 0; } @media (min-width: 992px) { .cards-wrapper .item { width: calc(100%/3 - 60px); margin: 35px 30px; } } .cards-wrapper .item:not(.highlight) h3 { font-size: 14px; font-weight: bold; margin-top: 10px; } @media (min-width: 992px) { .cards-wrapper .item:not(.highlight) h3 { font-size: 20px; } } .cards-wrapper .item:not(.highlight) .more { display: none; } .cards-wrapper .item a:link, .cards-wrapper .item a:visited, .cards-wrapper .item a:hover, .cards-wrapper .item a:active { color: #5B5B70; text-decoration: none; } .cards-wrapper .item img { max-width: 100%; } .cards-wrapper .item .source { font-weight: bold; margin-bottom: 0; } .cards-wrapper .item .date { margin-bottom: 0; } .cards-wrapper .item p { margin-bottom: 0; } .cards-wrapper .item span { display: inline-block; font-size: 18px; font-weight: 600; margin-top: 1rem; } /*.image-gallery-list { &.cards-wrapper { margin: -15px; @media(min-width: 992px) { margin: -30px; } } }*/ .form-it-services h4 { font-size: 2rem; } .form-it-services.form-container .form-group { margin-bottom: 1.5rem; } .form-it-services.form-container .form-group .form-control { background-color: #ECECEC; color: #A5A5A5; font-weight: normal; font-style: normal; border: none; } .form-it-services.form-container .form-group .form-control::-webkit-input-placeholder { color: #A5A5A5; font-size: unset; font-weight: normal; font-style: normal; } .form-it-services.form-container .form-group .form-control:-moz-placeholder { /* Firefox 18- */ color: #A5A5A5; font-size: unset; font-weight: normal; font-style: normal; } .form-it-services.form-container .form-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: #A5A5A5; font-size: unset; font-weight: normal; font-style: normal; } .form-it-services.form-container .form-group .form-control:-ms-input-placeholder { color: #A5A5A5; font-size: unset; font-weight: normal; font-style: normal; } .form-it-services.form-container .btn-link { height: 50px; line-height: 40px; padding: 0 30px; } .custom-checkbox + .custom-checkbox { margin-top: 15px; } .custom-checkbox .custom-control-label { font-size: 16px; } .custom-checkbox .custom-control-label::before { /*border: none;*/ border-radius: 0 !important; width: 1rem; height: 1rem; } .custom-checkbox .custom-control-label::after { width: 1rem; height: 1rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border: none; border-radius: 0; } .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before { box-shadow: none !important; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none !important; } .whatsapp-fixed { display: flex; align-items: center; justify-content: center; position: fixed; right: 10px; bottom: 80px; z-index: 2; } .whatsapp-fixed .whatsapp-image { margin-right: 5px; } .whatsapp-fixed .whatsapp-image i { font-size: 54px; color: green; } .whatsapp-fixed .whatsapp-text { color: #fff; text-align: center; } .whatsapp-fixed .whatsapp-text h6 { display: table; position: relative; background-color: #009C3E; font-size: 12px; margin: auto; padding: 5px 10px 2px; border-radius: 5px; } .whatsapp-fixed .whatsapp-text p { background-color: #006C27; margin-top: -7px; margin-bottom: 0; padding: 5px 20px 0; border-radius: 5px; }