/*------------------------------------------------------------------- Media queries -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Utilities -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Browser prefixes -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Transform -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Transition -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Animation -------------------------------------------------------------------*/ /* Example usage: @include animation(changecolour, 5s, 10s) */ /*------------------------------------------------------------------- Grid -------------------------------------------------------------------*/ /*------------------------------------------------------------------- SVG Icons generation -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Utilities -------------------------------------------------------------------*/ /* * @include triangle within a pseudo element and add positioning properties (ie. top, left) * $direction: up, down, left, right */ /*------------------------------------------------------------------- Style mixins -------------------------------------------------------------------*/ /*------------------------------------------------------------------- Functions -------------------------------------------------------------------*/ /* Acts like a php var_dump but with a SASS list or variable */ /* Calculate the resize ratio of the svg sprite based on the icon provided The icon needs at least 4 params (x, y, width, height) (optional) w or h based ratio */ /* Slice a SASS list like php array_slice */ @-webkit-keyframes crossfade { 0% { opacity: 0; z-index: 100; background-color: red; } 10% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; z-index: 1; background-color: transparent; } } @-moz-keyframes crossfade { 0% { opacity: 0; z-index: 100; background-color: red; } 10% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; z-index: 1; background-color: transparent; } } @keyframes crossfade { 0% { opacity: 0; z-index: 100; background-color: red; } 10% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; z-index: 1; background-color: transparent; } } @-webkit-keyframes crossfade-2 { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-2 { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-2 { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-3 { 0% { opacity: 0; } 6.66667% { opacity: 1; } 33.33333% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-3 { 0% { opacity: 0; } 6.66667% { opacity: 1; } 33.33333% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-3 { 0% { opacity: 0; } 6.66667% { opacity: 1; } 33.33333% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-4 { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-4 { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-4 { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-5 { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-5 { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-5 { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-6 { 0% { opacity: 0; } 3.33333% { opacity: 1; } 16.66667% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-6 { 0% { opacity: 0; } 3.33333% { opacity: 1; } 16.66667% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-6 { 0% { opacity: 0; } 3.33333% { opacity: 1; } 16.66667% { opacity: 1; } 20% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-7 { 0% { opacity: 0; } 2.85714% { opacity: 1; } 14.28571% { opacity: 1; } 17.14286% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-7 { 0% { opacity: 0; } 2.85714% { opacity: 1; } 14.28571% { opacity: 1; } 17.14286% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-7 { 0% { opacity: 0; } 2.85714% { opacity: 1; } 14.28571% { opacity: 1; } 17.14286% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-8 { 0% { opacity: 0; } 2.5% { opacity: 1; } 12.5% { opacity: 1; } 15% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-8 { 0% { opacity: 0; } 2.5% { opacity: 1; } 12.5% { opacity: 1; } 15% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-8 { 0% { opacity: 0; } 2.5% { opacity: 1; } 12.5% { opacity: 1; } 15% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-9 { 0% { opacity: 0; } 2.22222% { opacity: 1; } 11.11111% { opacity: 1; } 13.33333% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-9 { 0% { opacity: 0; } 2.22222% { opacity: 1; } 11.11111% { opacity: 1; } 13.33333% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-9 { 0% { opacity: 0; } 2.22222% { opacity: 1; } 11.11111% { opacity: 1; } 13.33333% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes crossfade-10 { 0% { opacity: 0; } 2% { opacity: 1; } 10% { opacity: 1; } 12% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes crossfade-10 { 0% { opacity: 0; } 2% { opacity: 1; } 10% { opacity: 1; } 12% { opacity: 0; } 100% { opacity: 0; } } @keyframes crossfade-10 { 0% { opacity: 0; } 2% { opacity: 1; } 10% { opacity: 1; } 12% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scale-in { 0% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); opacity: 0; } 25% { opacity: 1; } 100% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @-moz-keyframes scale-in { 0% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); opacity: 0; } 25% { opacity: 1; } 100% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @keyframes scale-in { 0% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); opacity: 0; } 25% { opacity: 1; } 100% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @-webkit-keyframes scale-out { 0% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } 100% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); } } @-moz-keyframes scale-out { 0% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } 100% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); } } @keyframes scale-out { 0% { -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } 100% { -webkit-transform: scale(0); /* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */ -ms-transform: scale(0); /* IE9 */ transform: scale(0); } } @-webkit-keyframes translate-in { 0% { -webkit-transform: translate(0, -100%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -100%); /* FF3.5+ */ -ms-transform: translate(0, -100%); /* IE9 */ transform: translate(0, -100%); zoom: 1; } 100% { -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; } } @-moz-keyframes translate-in { 0% { -webkit-transform: translate(0, -100%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -100%); /* FF3.5+ */ -ms-transform: translate(0, -100%); /* IE9 */ transform: translate(0, -100%); zoom: 1; } 100% { -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; } } @keyframes translate-in { 0% { -webkit-transform: translate(0, -100%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -100%); /* FF3.5+ */ -ms-transform: translate(0, -100%); /* IE9 */ transform: translate(0, -100%); zoom: 1; } 100% { -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; } } @-webkit-keyframes move-vertical { 16.65% { -webkit-transform: translate(-40px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-40px, 0); /* FF3.5+ */ -ms-transform: translate(-40px, 0); /* IE9 */ transform: translate(-40px, 0); zoom: 1; } 33.3% { -webkit-transform: translate(20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(20px, 0); /* FF3.5+ */ -ms-transform: translate(20px, 0); /* IE9 */ transform: translate(20px, 0); zoom: 1; } 49.95% { -webkit-transform: translate(-20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-20px, 0); /* FF3.5+ */ -ms-transform: translate(-20px, 0); /* IE9 */ transform: translate(-20px, 0); zoom: 1; } 66.6% { -webkit-transform: translate(10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(10px, 0); /* FF3.5+ */ -ms-transform: translate(10px, 0); /* IE9 */ transform: translate(10px, 0); zoom: 1; } 83.25% { -webkit-transform: translate(-10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-10px, 0); /* FF3.5+ */ -ms-transform: translate(-10px, 0); /* IE9 */ transform: translate(-10px, 0); zoom: 1; } 100% { -webkit-transform: translate(0, 0px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0px); /* FF3.5+ */ -ms-transform: translate(0, 0px); /* IE9 */ transform: translate(0, 0px); zoom: 1; } } @-moz-keyframes move-vertical { 16.65% { -webkit-transform: translate(-40px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-40px, 0); /* FF3.5+ */ -ms-transform: translate(-40px, 0); /* IE9 */ transform: translate(-40px, 0); zoom: 1; } 33.3% { -webkit-transform: translate(20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(20px, 0); /* FF3.5+ */ -ms-transform: translate(20px, 0); /* IE9 */ transform: translate(20px, 0); zoom: 1; } 49.95% { -webkit-transform: translate(-20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-20px, 0); /* FF3.5+ */ -ms-transform: translate(-20px, 0); /* IE9 */ transform: translate(-20px, 0); zoom: 1; } 66.6% { -webkit-transform: translate(10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(10px, 0); /* FF3.5+ */ -ms-transform: translate(10px, 0); /* IE9 */ transform: translate(10px, 0); zoom: 1; } 83.25% { -webkit-transform: translate(-10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-10px, 0); /* FF3.5+ */ -ms-transform: translate(-10px, 0); /* IE9 */ transform: translate(-10px, 0); zoom: 1; } 100% { -webkit-transform: translate(0, 0px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0px); /* FF3.5+ */ -ms-transform: translate(0, 0px); /* IE9 */ transform: translate(0, 0px); zoom: 1; } } @keyframes move-vertical { 16.65% { -webkit-transform: translate(-40px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-40px, 0); /* FF3.5+ */ -ms-transform: translate(-40px, 0); /* IE9 */ transform: translate(-40px, 0); zoom: 1; } 33.3% { -webkit-transform: translate(20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(20px, 0); /* FF3.5+ */ -ms-transform: translate(20px, 0); /* IE9 */ transform: translate(20px, 0); zoom: 1; } 49.95% { -webkit-transform: translate(-20px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-20px, 0); /* FF3.5+ */ -ms-transform: translate(-20px, 0); /* IE9 */ transform: translate(-20px, 0); zoom: 1; } 66.6% { -webkit-transform: translate(10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(10px, 0); /* FF3.5+ */ -ms-transform: translate(10px, 0); /* IE9 */ transform: translate(10px, 0); zoom: 1; } 83.25% { -webkit-transform: translate(-10px, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-10px, 0); /* FF3.5+ */ -ms-transform: translate(-10px, 0); /* IE9 */ transform: translate(-10px, 0); zoom: 1; } 100% { -webkit-transform: translate(0, 0px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0px); /* FF3.5+ */ -ms-transform: translate(0, 0px); /* IE9 */ transform: translate(0, 0px); zoom: 1; } } @-webkit-keyframes pulse { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @-moz-keyframes pulse { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @keyframes pulse { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); } } @-webkit-keyframes pulse-visit-quebec { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1) translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: scale(1) translate(-50%, -50%); /* FF3.5+ */ -ms-transform: scale(1) translate(-50%, -50%); /* IE9 */ -o-transform: scale(1) translate(-50%, -50%); /* Opera 10.5 */ transform: scale(1) translate(-50%, -50%); } } @-moz-keyframes pulse-visit-quebec { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1) translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: scale(1) translate(-50%, -50%); /* FF3.5+ */ -ms-transform: scale(1) translate(-50%, -50%); /* IE9 */ -o-transform: scale(1) translate(-50%, -50%); /* Opera 10.5 */ transform: scale(1) translate(-50%, -50%); } } @keyframes pulse-visit-quebec { 0% { opacity: 1; } 60% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: scale(1) translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: scale(1) translate(-50%, -50%); /* FF3.5+ */ -ms-transform: scale(1) translate(-50%, -50%); /* IE9 */ -o-transform: scale(1) translate(-50%, -50%); /* Opera 10.5 */ transform: scale(1) translate(-50%, -50%); } } /** * Alert styling. */ .alert { border-radius: 0; padding: 28px 40px; } .alert.status-message { margin: 0; position: relative; padding: 29px 128px 29px 40px; overflow: hidden; border: 0; z-index: 20; } @media only screen and (max-width: 1300px) { .alert.status-message { margin: 0; } } @media only screen and (max-width: 950px) { .alert.status-message { margin: 0; } } .alert.status-message a:hover { color: white; text-decoration: none; } .alert.status-message .alert-pulse { position: absolute !important; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; height: 40px; width: 40px; display: block; position: relative; } .alert.status-message .alert-pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.675); /* Saf3.1+, Chrome */ -moz-transform: scale(0.675); /* FF3.5+ */ -ms-transform: scale(0.675); /* IE9 */ transform: scale(0.675); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .alert.status-message .alert-pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: white; width: 27px; height: 27px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } .alert-dismissable .close, .alert-dismissible .close { color: white; right: 40px; font-size: 12px; font-size: 1.2rem; font-weight: 700; opacity: 1; filter: alpha(opacity=100); top: 34px; text-decoration: underline; text-shadow: none; position: absolute; } .alert-dismissable .close:hover, .alert-dismissible .close:hover { text-decoration: none; } .alert a { font-weight: 400; } .alert-success a { color: #e6e6e6; } .alert-info a { color: #e6e6e6; } .alert-warning a { color: #e6e6e6; } .alert-danger a { color: #e6e6e6; } .js input.form-autocomplete { border: 0; } .ui-widget-content { border: 0; } .ui-autocomplete { text-align: left; width: 100% !important; background-color: #0054ff; color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 18px; font-size: 1.8rem; } @media only screen and (max-width: 680px) { .ui-autocomplete { display: none !important; } } .ui-autocomplete .ui-menu-item-first:first-of-type { background-image: -webkit-linear-gradient(top, #0044cb 0%, #0055ff 18%); background-image: -o-linear-gradient(top, #0044cb 0%, #0055ff 18%); background-image: linear-gradient(to bottom, #0044cb 0%, #0055ff 18%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0044CB', endColorstr='#FF0055FF', GradientType=0); } .ui-autocomplete .ui-menu-item-first:first-of-type:after { content: ''; display: block; height: 4px; width: 100%; position: absolute; top: -4px; background-color: #0044cb; left: 0; } .ui-autocomplete .ui-menu-item-first:first-of-type.ui-state-focus:after { background-color: #2e71fa; } .ui-autocomplete .ui-autocomplete-field-nothing, .ui-autocomplete .ui-autocomplete-field-group, .ui-autocomplete .ui-autocomplete-field-created { display: none; } .ui-autocomplete li { padding: 0; background-color: #0054ff; } .ui-autocomplete li a { color: white; display: block; padding: 16px 18px; border-bottom: 1px solid #3376ff; } .ui-autocomplete .ui-state-focus { background: none; border: 0; color: white; margin: 0; } .ui-autocomplete .ui-state-focus a:hover { color: white; } .ui-autocomplete .ui-state-focus a { background-color: #2e71fa; } .ui-autocomplete .more_results + li { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-autocomplete .more_results + li a { border-bottom: 0; } .ui-autocomplete .more_results + li a:before { content: ''; background-image: url("../svg/right-arrow.svg"); top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; width: 11px; height: 20px; display: block; position: absolute; right: 30px; background-size: cover; background-repeat: no-repeat; } .ui-menu .ui-menu-item { padding: 0; } ul[data-sa-theme="minimal"] { min-width: 320px; } .breadcrumb-wrapper { background: rgba(255, 255, 255, 0.95); border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative; width: 100%; } @media only screen and (max-width: 950px) { .breadcrumb-wrapper { border-top: 0; } } @media only screen and (max-width: 900px) { .breadcrumb-wrapper { display: none; } } .breadcrumb-wrapper .nav-tabs { position: absolute; top: 0; right: 0; bottom: 0; border-bottom: 0; background-color: #FFF; } .breadcrumb-wrapper .nav-tabs li { border-left: 1px solid #e5e5e5; } .breadcrumb-wrapper .nav-tabs li a { font-size: 14px; font-size: 1.4rem; padding: 0 36px; line-height: 80px; background-color: transparent; } @media only screen and (max-width: 992px) { .breadcrumb-wrapper .nav-tabs li a { font-size: 12px; font-size: 1.2rem; } } .breadcrumb-wrapper .nav-tabs li a .icon { margin-right: 16px; margin-left: -16px; width: 24px; } .breadcrumb-wrapper .nav-tabs li a .icon.icon-plane-departure { width: 27px; } .breadcrumb { padding: 8px 40px; margin-bottom: 0; border-radius: 0; height: 80px; display: table; } @media only screen and (max-width: 1300px) { .breadcrumb { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 950px) { .breadcrumb { padding: 2px 20px; } } .breadcrumb a { text-decoration: underline; } .breadcrumb a:hover { text-decoration: none; } .breadcrumb > li { font-size: 14px; font-size: 1.4rem; display: table-cell; vertical-align: middle; white-space: nowrap; } @media only screen and (max-width: 992px) { .breadcrumb > li { font-size: 12px; font-size: 1.2rem; } } .breadcrumb > li + li:before { content: ""; padding: 0; background-image: url("../svg/right-arrow-blue.svg"); height: 15px; width: 8px; margin: 0 12px 1px 14px; background-size: cover; display: inline-block; color: #ccc; vertical-align: middle; } .breadcrumb > .active { color: #7f7f7f; } /** * Button styles. */ .btn.icon-before .glyphicon { margin-left: -.25em; margin-top: -.25em; } .btn.icon-after .glyphicon { margin-right: -.25em; margin-top: -.25em; } .btn-skip-main-content { position: absolute !important; top: 40px !important; left: 40px !important; z-index: 9999 !important; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 0; white-space: nowrap; padding: 0 30px; font-size: 18px; line-height: 60px; border-radius: 4px; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .btn.is-loading { cursor: progress; position: relative; overflow: hidden; line-height: 60px; border: 0; } .btn.is-loading:before, .btn.is-loading:after { content: ''; z-index: 1; position: absolute; border-radius: 50%; top: 50%; left: 100%; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .btn.is-loading:before { -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; background: rgba(255, 255, 255, 0.9); height: 25px; width: 25px; -webkit-box-shadow: 0px 27px 57px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 27px 57px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 27px 57px 0px rgba(0, 0, 0, 0.7); } .btn.is-loading:after { background: rgba(255, 255, 255, 0.3); height: 40px; width: 40px; -webkit-transform: scale(0.6666) translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6666) translate(-50%, -50%); /* FF3.5+ */ -ms-transform: scale(0.6666) translate(-50%, -50%); /* IE9 */ -o-transform: scale(0.6666) translate(-50%, -50%); /* Opera 10.5 */ transform: scale(0.6666) translate(-50%, -50%); -webkit-animation: pulse-visit-quebec 1.8s infinite ease-out; -moz-animation: pulse-visit-quebec 1.8s infinite ease-out; animation: pulse-visit-quebec 1.8s infinite ease-out; } .btn-inverse { border: 2px solid transparent; } .btn-default { color: white; background-color: #0054ff; border-color: #0054ff; } .btn-default .icon path { fill: white; } .btn-default:focus, .btn-default.focus { color: white; background-color: #3376ff; border-color: #80aaff; } .btn-default:focus .icon path, .btn-default.focus .icon path { fill: white; } .btn-default:hover { color: white; background-color: #3376ff; border-color: #3376ff; } .btn-default:hover .icon path { fill: white; } .btn-default:hover.btn-inverse { color: white; background-color: white; border-color: white; } .btn-default:hover.btn-inverse .icon path { fill: white; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: white; background-color: #3376ff; border-color: #3376ff; } .btn-default:active .icon path, .btn-default.active .icon path, .open > .btn-default.dropdown-toggle .icon path { fill: white; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: white; background-color: #3376ff; border-color: #80aaff; } .btn-default:active:hover .icon path, .btn-default:active:focus .icon path, .btn-default:active.focus .icon path, .btn-default.active:hover .icon path, .btn-default.active:focus .icon path, .btn-default.active.focus .icon path, .open > .btn-default.dropdown-toggle:hover .icon path, .open > .btn-default.dropdown-toggle:focus .icon path, .open > .btn-default.dropdown-toggle.focus .icon path { fill: white; } .btn-default:active:hover.btn-inverse, .btn-default:active:focus.btn-inverse, .btn-default:active.focus.btn-inverse, .btn-default.active:hover.btn-inverse, .btn-default.active:focus.btn-inverse, .btn-default.active.focus.btn-inverse, .open > .btn-default.dropdown-toggle:hover.btn-inverse, .open > .btn-default.dropdown-toggle:focus.btn-inverse, .open > .btn-default.dropdown-toggle.focus.btn-inverse { color: white; background-color: white; border-color: white; } .btn-default:active:hover.btn-inverse .icon path, .btn-default:active:focus.btn-inverse .icon path, .btn-default:active.focus.btn-inverse .icon path, .btn-default.active:hover.btn-inverse .icon path, .btn-default.active:focus.btn-inverse .icon path, .btn-default.active.focus.btn-inverse .icon path, .open > .btn-default.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-default.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-default.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #0054ff; border-color: #0054ff; } .btn-default .badge { color: #0054ff; background-color: white; } .btn-default.btn-inverse { color: #0054ff; background-color: transparent; border-color: #0054ff; } .btn-default.btn-inverse .icon path { fill: #0054ff; } .btn-default.btn-inverse:focus, .btn-default.btn-inverse.focus { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #80aaff; } .btn-default.btn-inverse:focus .icon path, .btn-default.btn-inverse.focus .icon path { fill: #0054ff; } .btn-default.btn-inverse:hover { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #3376ff; } .btn-default.btn-inverse:hover .icon path { fill: #0054ff; } .btn-default.btn-inverse:hover.btn-inverse { color: white; background-color: #0054ff; border-color: #0054ff; } .btn-default.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-default.btn-inverse:active, .btn-default.btn-inverse.active, .open > .btn-default.btn-inverse.dropdown-toggle { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #3376ff; } .btn-default.btn-inverse:active .icon path, .btn-default.btn-inverse.active .icon path, .open > .btn-default.btn-inverse.dropdown-toggle .icon path { fill: #0054ff; } .btn-default.btn-inverse:active:hover, .btn-default.btn-inverse:active:focus, .btn-default.btn-inverse:active.focus, .btn-default.btn-inverse.active:hover, .btn-default.btn-inverse.active:focus, .btn-default.btn-inverse.active.focus, .open > .btn-default.btn-inverse.dropdown-toggle:hover, .open > .btn-default.btn-inverse.dropdown-toggle:focus, .open > .btn-default.btn-inverse.dropdown-toggle.focus { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #80aaff; } .btn-default.btn-inverse:active:hover .icon path, .btn-default.btn-inverse:active:focus .icon path, .btn-default.btn-inverse:active.focus .icon path, .btn-default.btn-inverse.active:hover .icon path, .btn-default.btn-inverse.active:focus .icon path, .btn-default.btn-inverse.active.focus .icon path, .open > .btn-default.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-default.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-default.btn-inverse.dropdown-toggle.focus .icon path { fill: #0054ff; } .btn-default.btn-inverse:active:hover.btn-inverse, .btn-default.btn-inverse:active:focus.btn-inverse, .btn-default.btn-inverse:active.focus.btn-inverse, .btn-default.btn-inverse.active:hover.btn-inverse, .btn-default.btn-inverse.active:focus.btn-inverse, .btn-default.btn-inverse.active.focus.btn-inverse, .open > .btn-default.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-default.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-default.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #0054ff; border-color: #0054ff; } .btn-default.btn-inverse:active:hover.btn-inverse .icon path, .btn-default.btn-inverse:active:focus.btn-inverse .icon path, .btn-default.btn-inverse:active.focus.btn-inverse .icon path, .btn-default.btn-inverse.active:hover.btn-inverse .icon path, .btn-default.btn-inverse.active:focus.btn-inverse .icon path, .btn-default.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-default.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-default.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-default.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-default.btn-inverse:active, .btn-default.btn-inverse.active, .open > .btn-default.btn-inverse.dropdown-toggle { background-image: none; } .btn-default.btn-inverse.disabled:hover, .btn-default.btn-inverse.disabled:focus, .btn-default.btn-inverse.disabled.focus, .btn-default.btn-inverse[disabled]:hover, .btn-default.btn-inverse[disabled]:focus, .btn-default.btn-inverse[disabled].focus, fieldset[disabled] .btn-default.btn-inverse:hover, fieldset[disabled] .btn-default.btn-inverse:focus, fieldset[disabled] .btn-default.btn-inverse.focus { background-color: transparent; border-color: #0054ff; } .btn-default.btn-inverse .badge { color: transparent; background-color: #0054ff; } .btn-primary { color: white; background-color: #0a0a0b; border-color: #0a0a0b; } .btn-primary .icon path { fill: white; } .btn-primary:focus, .btn-primary.focus { color: white; background-color: #222226; border-color: #47474e; } .btn-primary:focus .icon path, .btn-primary.focus .icon path { fill: white; } .btn-primary:hover { color: white; background-color: #222226; border-color: #222226; } .btn-primary:hover .icon path { fill: white; } .btn-primary:hover.btn-inverse { color: white; background-color: white; border-color: white; } .btn-primary:hover.btn-inverse .icon path { fill: white; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; background-color: #222226; border-color: #222226; } .btn-primary:active .icon path, .btn-primary.active .icon path, .open > .btn-primary.dropdown-toggle .icon path { fill: white; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: white; background-color: #222226; border-color: #47474e; } .btn-primary:active:hover .icon path, .btn-primary:active:focus .icon path, .btn-primary:active.focus .icon path, .btn-primary.active:hover .icon path, .btn-primary.active:focus .icon path, .btn-primary.active.focus .icon path, .open > .btn-primary.dropdown-toggle:hover .icon path, .open > .btn-primary.dropdown-toggle:focus .icon path, .open > .btn-primary.dropdown-toggle.focus .icon path { fill: white; } .btn-primary:active:hover.btn-inverse, .btn-primary:active:focus.btn-inverse, .btn-primary:active.focus.btn-inverse, .btn-primary.active:hover.btn-inverse, .btn-primary.active:focus.btn-inverse, .btn-primary.active.focus.btn-inverse, .open > .btn-primary.dropdown-toggle:hover.btn-inverse, .open > .btn-primary.dropdown-toggle:focus.btn-inverse, .open > .btn-primary.dropdown-toggle.focus.btn-inverse { color: white; background-color: white; border-color: white; } .btn-primary:active:hover.btn-inverse .icon path, .btn-primary:active:focus.btn-inverse .icon path, .btn-primary:active.focus.btn-inverse .icon path, .btn-primary.active:hover.btn-inverse .icon path, .btn-primary.active:focus.btn-inverse .icon path, .btn-primary.active.focus.btn-inverse .icon path, .open > .btn-primary.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-primary.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-primary.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #0a0a0b; border-color: #0a0a0b; } .btn-primary .badge { color: #0a0a0b; background-color: white; } .btn-primary.btn-inverse { color: #0a0a0b; background-color: transparent; border-color: #0a0a0b; } .btn-primary.btn-inverse .icon path { fill: #0a0a0b; } .btn-primary.btn-inverse:focus, .btn-primary.btn-inverse.focus { color: #0a0a0b; background-color: rgba(26, 26, 26, 0); border-color: #47474e; } .btn-primary.btn-inverse:focus .icon path, .btn-primary.btn-inverse.focus .icon path { fill: #0a0a0b; } .btn-primary.btn-inverse:hover { color: #0a0a0b; background-color: rgba(26, 26, 26, 0); border-color: #222226; } .btn-primary.btn-inverse:hover .icon path { fill: #0a0a0b; } .btn-primary.btn-inverse:hover.btn-inverse { color: white; background-color: #0a0a0b; border-color: #0a0a0b; } .btn-primary.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-primary.btn-inverse:active, .btn-primary.btn-inverse.active, .open > .btn-primary.btn-inverse.dropdown-toggle { color: #0a0a0b; background-color: rgba(26, 26, 26, 0); border-color: #222226; } .btn-primary.btn-inverse:active .icon path, .btn-primary.btn-inverse.active .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle .icon path { fill: #0a0a0b; } .btn-primary.btn-inverse:active:hover, .btn-primary.btn-inverse:active:focus, .btn-primary.btn-inverse:active.focus, .btn-primary.btn-inverse.active:hover, .btn-primary.btn-inverse.active:focus, .btn-primary.btn-inverse.active.focus, .open > .btn-primary.btn-inverse.dropdown-toggle:hover, .open > .btn-primary.btn-inverse.dropdown-toggle:focus, .open > .btn-primary.btn-inverse.dropdown-toggle.focus { color: #0a0a0b; background-color: rgba(26, 26, 26, 0); border-color: #47474e; } .btn-primary.btn-inverse:active:hover .icon path, .btn-primary.btn-inverse:active:focus .icon path, .btn-primary.btn-inverse:active.focus .icon path, .btn-primary.btn-inverse.active:hover .icon path, .btn-primary.btn-inverse.active:focus .icon path, .btn-primary.btn-inverse.active.focus .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle.focus .icon path { fill: #0a0a0b; } .btn-primary.btn-inverse:active:hover.btn-inverse, .btn-primary.btn-inverse:active:focus.btn-inverse, .btn-primary.btn-inverse:active.focus.btn-inverse, .btn-primary.btn-inverse.active:hover.btn-inverse, .btn-primary.btn-inverse.active:focus.btn-inverse, .btn-primary.btn-inverse.active.focus.btn-inverse, .open > .btn-primary.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-primary.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-primary.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #0a0a0b; border-color: #0a0a0b; } .btn-primary.btn-inverse:active:hover.btn-inverse .icon path, .btn-primary.btn-inverse:active:focus.btn-inverse .icon path, .btn-primary.btn-inverse:active.focus.btn-inverse .icon path, .btn-primary.btn-inverse.active:hover.btn-inverse .icon path, .btn-primary.btn-inverse.active:focus.btn-inverse .icon path, .btn-primary.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-primary.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-primary.btn-inverse:active, .btn-primary.btn-inverse.active, .open > .btn-primary.btn-inverse.dropdown-toggle { background-image: none; } .btn-primary.btn-inverse.disabled:hover, .btn-primary.btn-inverse.disabled:focus, .btn-primary.btn-inverse.disabled.focus, .btn-primary.btn-inverse[disabled]:hover, .btn-primary.btn-inverse[disabled]:focus, .btn-primary.btn-inverse[disabled].focus, fieldset[disabled] .btn-primary.btn-inverse:hover, fieldset[disabled] .btn-primary.btn-inverse:focus, fieldset[disabled] .btn-primary.btn-inverse.focus { background-color: transparent; border-color: #0a0a0b; } .btn-primary.btn-inverse .badge { color: transparent; background-color: #0a0a0b; } .btn-success { color: #fff; background-color: #33cc66; border-color: #33cc66; } .btn-success .icon path { fill: #fff; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #5cd685; border-color: #99e6b3; } .btn-success:focus .icon path, .btn-success.focus .icon path { fill: #fff; } .btn-success:hover { color: #fff; background-color: #5cd685; border-color: #5cd685; } .btn-success:hover .icon path { fill: #fff; } .btn-success:hover.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-success:hover.btn-inverse .icon path { fill: white; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #5cd685; border-color: #5cd685; } .btn-success:active .icon path, .btn-success.active .icon path, .open > .btn-success.dropdown-toggle .icon path { fill: #fff; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #5cd685; border-color: #99e6b3; } .btn-success:active:hover .icon path, .btn-success:active:focus .icon path, .btn-success:active.focus .icon path, .btn-success.active:hover .icon path, .btn-success.active:focus .icon path, .btn-success.active.focus .icon path, .open > .btn-success.dropdown-toggle:hover .icon path, .open > .btn-success.dropdown-toggle:focus .icon path, .open > .btn-success.dropdown-toggle.focus .icon path { fill: #fff; } .btn-success:active:hover.btn-inverse, .btn-success:active:focus.btn-inverse, .btn-success:active.focus.btn-inverse, .btn-success.active:hover.btn-inverse, .btn-success.active:focus.btn-inverse, .btn-success.active.focus.btn-inverse, .open > .btn-success.dropdown-toggle:hover.btn-inverse, .open > .btn-success.dropdown-toggle:focus.btn-inverse, .open > .btn-success.dropdown-toggle.focus.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-success:active:hover.btn-inverse .icon path, .btn-success:active:focus.btn-inverse .icon path, .btn-success:active.focus.btn-inverse .icon path, .btn-success.active:hover.btn-inverse .icon path, .btn-success.active:focus.btn-inverse .icon path, .btn-success.active.focus.btn-inverse .icon path, .open > .btn-success.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-success.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-success.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #33cc66; border-color: #33cc66; } .btn-success .badge { color: #33cc66; background-color: #fff; } .btn-success.btn-inverse { color: #33cc66; background-color: transparent; border-color: #33cc66; } .btn-success.btn-inverse .icon path { fill: #33cc66; } .btn-success.btn-inverse:focus, .btn-success.btn-inverse.focus { color: #33cc66; background-color: rgba(26, 26, 26, 0); border-color: #99e6b3; } .btn-success.btn-inverse:focus .icon path, .btn-success.btn-inverse.focus .icon path { fill: #33cc66; } .btn-success.btn-inverse:hover { color: #33cc66; background-color: rgba(26, 26, 26, 0); border-color: #5cd685; } .btn-success.btn-inverse:hover .icon path { fill: #33cc66; } .btn-success.btn-inverse:hover.btn-inverse { color: white; background-color: #33cc66; border-color: #33cc66; } .btn-success.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-success.btn-inverse:active, .btn-success.btn-inverse.active, .open > .btn-success.btn-inverse.dropdown-toggle { color: #33cc66; background-color: rgba(26, 26, 26, 0); border-color: #5cd685; } .btn-success.btn-inverse:active .icon path, .btn-success.btn-inverse.active .icon path, .open > .btn-success.btn-inverse.dropdown-toggle .icon path { fill: #33cc66; } .btn-success.btn-inverse:active:hover, .btn-success.btn-inverse:active:focus, .btn-success.btn-inverse:active.focus, .btn-success.btn-inverse.active:hover, .btn-success.btn-inverse.active:focus, .btn-success.btn-inverse.active.focus, .open > .btn-success.btn-inverse.dropdown-toggle:hover, .open > .btn-success.btn-inverse.dropdown-toggle:focus, .open > .btn-success.btn-inverse.dropdown-toggle.focus { color: #33cc66; background-color: rgba(26, 26, 26, 0); border-color: #99e6b3; } .btn-success.btn-inverse:active:hover .icon path, .btn-success.btn-inverse:active:focus .icon path, .btn-success.btn-inverse:active.focus .icon path, .btn-success.btn-inverse.active:hover .icon path, .btn-success.btn-inverse.active:focus .icon path, .btn-success.btn-inverse.active.focus .icon path, .open > .btn-success.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-success.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-success.btn-inverse.dropdown-toggle.focus .icon path { fill: #33cc66; } .btn-success.btn-inverse:active:hover.btn-inverse, .btn-success.btn-inverse:active:focus.btn-inverse, .btn-success.btn-inverse:active.focus.btn-inverse, .btn-success.btn-inverse.active:hover.btn-inverse, .btn-success.btn-inverse.active:focus.btn-inverse, .btn-success.btn-inverse.active.focus.btn-inverse, .open > .btn-success.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-success.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-success.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #33cc66; border-color: #33cc66; } .btn-success.btn-inverse:active:hover.btn-inverse .icon path, .btn-success.btn-inverse:active:focus.btn-inverse .icon path, .btn-success.btn-inverse:active.focus.btn-inverse .icon path, .btn-success.btn-inverse.active:hover.btn-inverse .icon path, .btn-success.btn-inverse.active:focus.btn-inverse .icon path, .btn-success.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-success.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-success.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-success.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-success.btn-inverse:active, .btn-success.btn-inverse.active, .open > .btn-success.btn-inverse.dropdown-toggle { background-image: none; } .btn-success.btn-inverse.disabled:hover, .btn-success.btn-inverse.disabled:focus, .btn-success.btn-inverse.disabled.focus, .btn-success.btn-inverse[disabled]:hover, .btn-success.btn-inverse[disabled]:focus, .btn-success.btn-inverse[disabled].focus, fieldset[disabled] .btn-success.btn-inverse:hover, fieldset[disabled] .btn-success.btn-inverse:focus, fieldset[disabled] .btn-success.btn-inverse.focus { background-color: transparent; border-color: #33cc66; } .btn-success.btn-inverse .badge { color: transparent; background-color: #33cc66; } .btn-info { color: #fff; background-color: #0054ff; border-color: #0054ff; } .btn-info .icon path { fill: #fff; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #3376ff; border-color: #80aaff; } .btn-info:focus .icon path, .btn-info.focus .icon path { fill: #fff; } .btn-info:hover { color: #fff; background-color: #3376ff; border-color: #3376ff; } .btn-info:hover .icon path { fill: #fff; } .btn-info:hover.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-info:hover.btn-inverse .icon path { fill: white; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #3376ff; border-color: #3376ff; } .btn-info:active .icon path, .btn-info.active .icon path, .open > .btn-info.dropdown-toggle .icon path { fill: #fff; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #3376ff; border-color: #80aaff; } .btn-info:active:hover .icon path, .btn-info:active:focus .icon path, .btn-info:active.focus .icon path, .btn-info.active:hover .icon path, .btn-info.active:focus .icon path, .btn-info.active.focus .icon path, .open > .btn-info.dropdown-toggle:hover .icon path, .open > .btn-info.dropdown-toggle:focus .icon path, .open > .btn-info.dropdown-toggle.focus .icon path { fill: #fff; } .btn-info:active:hover.btn-inverse, .btn-info:active:focus.btn-inverse, .btn-info:active.focus.btn-inverse, .btn-info.active:hover.btn-inverse, .btn-info.active:focus.btn-inverse, .btn-info.active.focus.btn-inverse, .open > .btn-info.dropdown-toggle:hover.btn-inverse, .open > .btn-info.dropdown-toggle:focus.btn-inverse, .open > .btn-info.dropdown-toggle.focus.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-info:active:hover.btn-inverse .icon path, .btn-info:active:focus.btn-inverse .icon path, .btn-info:active.focus.btn-inverse .icon path, .btn-info.active:hover.btn-inverse .icon path, .btn-info.active:focus.btn-inverse .icon path, .btn-info.active.focus.btn-inverse .icon path, .open > .btn-info.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-info.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-info.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #0054ff; border-color: #0054ff; } .btn-info .badge { color: #0054ff; background-color: #fff; } .btn-info.btn-inverse { color: #0054ff; background-color: transparent; border-color: #0054ff; } .btn-info.btn-inverse .icon path { fill: #0054ff; } .btn-info.btn-inverse:focus, .btn-info.btn-inverse.focus { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #80aaff; } .btn-info.btn-inverse:focus .icon path, .btn-info.btn-inverse.focus .icon path { fill: #0054ff; } .btn-info.btn-inverse:hover { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #3376ff; } .btn-info.btn-inverse:hover .icon path { fill: #0054ff; } .btn-info.btn-inverse:hover.btn-inverse { color: white; background-color: #0054ff; border-color: #0054ff; } .btn-info.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-info.btn-inverse:active, .btn-info.btn-inverse.active, .open > .btn-info.btn-inverse.dropdown-toggle { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #3376ff; } .btn-info.btn-inverse:active .icon path, .btn-info.btn-inverse.active .icon path, .open > .btn-info.btn-inverse.dropdown-toggle .icon path { fill: #0054ff; } .btn-info.btn-inverse:active:hover, .btn-info.btn-inverse:active:focus, .btn-info.btn-inverse:active.focus, .btn-info.btn-inverse.active:hover, .btn-info.btn-inverse.active:focus, .btn-info.btn-inverse.active.focus, .open > .btn-info.btn-inverse.dropdown-toggle:hover, .open > .btn-info.btn-inverse.dropdown-toggle:focus, .open > .btn-info.btn-inverse.dropdown-toggle.focus { color: #0054ff; background-color: rgba(26, 26, 26, 0); border-color: #80aaff; } .btn-info.btn-inverse:active:hover .icon path, .btn-info.btn-inverse:active:focus .icon path, .btn-info.btn-inverse:active.focus .icon path, .btn-info.btn-inverse.active:hover .icon path, .btn-info.btn-inverse.active:focus .icon path, .btn-info.btn-inverse.active.focus .icon path, .open > .btn-info.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-info.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-info.btn-inverse.dropdown-toggle.focus .icon path { fill: #0054ff; } .btn-info.btn-inverse:active:hover.btn-inverse, .btn-info.btn-inverse:active:focus.btn-inverse, .btn-info.btn-inverse:active.focus.btn-inverse, .btn-info.btn-inverse.active:hover.btn-inverse, .btn-info.btn-inverse.active:focus.btn-inverse, .btn-info.btn-inverse.active.focus.btn-inverse, .open > .btn-info.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-info.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-info.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #0054ff; border-color: #0054ff; } .btn-info.btn-inverse:active:hover.btn-inverse .icon path, .btn-info.btn-inverse:active:focus.btn-inverse .icon path, .btn-info.btn-inverse:active.focus.btn-inverse .icon path, .btn-info.btn-inverse.active:hover.btn-inverse .icon path, .btn-info.btn-inverse.active:focus.btn-inverse .icon path, .btn-info.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-info.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-info.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-info.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-info.btn-inverse:active, .btn-info.btn-inverse.active, .open > .btn-info.btn-inverse.dropdown-toggle { background-image: none; } .btn-info.btn-inverse.disabled:hover, .btn-info.btn-inverse.disabled:focus, .btn-info.btn-inverse.disabled.focus, .btn-info.btn-inverse[disabled]:hover, .btn-info.btn-inverse[disabled]:focus, .btn-info.btn-inverse[disabled].focus, fieldset[disabled] .btn-info.btn-inverse:hover, fieldset[disabled] .btn-info.btn-inverse:focus, fieldset[disabled] .btn-info.btn-inverse.focus { background-color: transparent; border-color: #0054ff; } .btn-info.btn-inverse .badge { color: transparent; background-color: #0054ff; } .btn-warning { color: #fff; background-color: #ffcc33; border-color: #ffcc33; } .btn-warning .icon path { fill: #fff; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ffd966; border-color: #ffecb3; } .btn-warning:focus .icon path, .btn-warning.focus .icon path { fill: #fff; } .btn-warning:hover { color: #fff; background-color: #ffd966; border-color: #ffd966; } .btn-warning:hover .icon path { fill: #fff; } .btn-warning:hover.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-warning:hover.btn-inverse .icon path { fill: white; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ffd966; border-color: #ffd966; } .btn-warning:active .icon path, .btn-warning.active .icon path, .open > .btn-warning.dropdown-toggle .icon path { fill: #fff; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #ffd966; border-color: #ffecb3; } .btn-warning:active:hover .icon path, .btn-warning:active:focus .icon path, .btn-warning:active.focus .icon path, .btn-warning.active:hover .icon path, .btn-warning.active:focus .icon path, .btn-warning.active.focus .icon path, .open > .btn-warning.dropdown-toggle:hover .icon path, .open > .btn-warning.dropdown-toggle:focus .icon path, .open > .btn-warning.dropdown-toggle.focus .icon path { fill: #fff; } .btn-warning:active:hover.btn-inverse, .btn-warning:active:focus.btn-inverse, .btn-warning:active.focus.btn-inverse, .btn-warning.active:hover.btn-inverse, .btn-warning.active:focus.btn-inverse, .btn-warning.active.focus.btn-inverse, .open > .btn-warning.dropdown-toggle:hover.btn-inverse, .open > .btn-warning.dropdown-toggle:focus.btn-inverse, .open > .btn-warning.dropdown-toggle.focus.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-warning:active:hover.btn-inverse .icon path, .btn-warning:active:focus.btn-inverse .icon path, .btn-warning:active.focus.btn-inverse .icon path, .btn-warning.active:hover.btn-inverse .icon path, .btn-warning.active:focus.btn-inverse .icon path, .btn-warning.active.focus.btn-inverse .icon path, .open > .btn-warning.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-warning.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-warning.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #ffcc33; border-color: #ffcc33; } .btn-warning .badge { color: #ffcc33; background-color: #fff; } .btn-warning.btn-inverse { color: #ffcc33; background-color: transparent; border-color: #ffcc33; } .btn-warning.btn-inverse .icon path { fill: #ffcc33; } .btn-warning.btn-inverse:focus, .btn-warning.btn-inverse.focus { color: #ffcc33; background-color: rgba(26, 26, 26, 0); border-color: #ffecb3; } .btn-warning.btn-inverse:focus .icon path, .btn-warning.btn-inverse.focus .icon path { fill: #ffcc33; } .btn-warning.btn-inverse:hover { color: #ffcc33; background-color: rgba(26, 26, 26, 0); border-color: #ffd966; } .btn-warning.btn-inverse:hover .icon path { fill: #ffcc33; } .btn-warning.btn-inverse:hover.btn-inverse { color: white; background-color: #ffcc33; border-color: #ffcc33; } .btn-warning.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-warning.btn-inverse:active, .btn-warning.btn-inverse.active, .open > .btn-warning.btn-inverse.dropdown-toggle { color: #ffcc33; background-color: rgba(26, 26, 26, 0); border-color: #ffd966; } .btn-warning.btn-inverse:active .icon path, .btn-warning.btn-inverse.active .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle .icon path { fill: #ffcc33; } .btn-warning.btn-inverse:active:hover, .btn-warning.btn-inverse:active:focus, .btn-warning.btn-inverse:active.focus, .btn-warning.btn-inverse.active:hover, .btn-warning.btn-inverse.active:focus, .btn-warning.btn-inverse.active.focus, .open > .btn-warning.btn-inverse.dropdown-toggle:hover, .open > .btn-warning.btn-inverse.dropdown-toggle:focus, .open > .btn-warning.btn-inverse.dropdown-toggle.focus { color: #ffcc33; background-color: rgba(26, 26, 26, 0); border-color: #ffecb3; } .btn-warning.btn-inverse:active:hover .icon path, .btn-warning.btn-inverse:active:focus .icon path, .btn-warning.btn-inverse:active.focus .icon path, .btn-warning.btn-inverse.active:hover .icon path, .btn-warning.btn-inverse.active:focus .icon path, .btn-warning.btn-inverse.active.focus .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle.focus .icon path { fill: #ffcc33; } .btn-warning.btn-inverse:active:hover.btn-inverse, .btn-warning.btn-inverse:active:focus.btn-inverse, .btn-warning.btn-inverse:active.focus.btn-inverse, .btn-warning.btn-inverse.active:hover.btn-inverse, .btn-warning.btn-inverse.active:focus.btn-inverse, .btn-warning.btn-inverse.active.focus.btn-inverse, .open > .btn-warning.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-warning.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-warning.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #ffcc33; border-color: #ffcc33; } .btn-warning.btn-inverse:active:hover.btn-inverse .icon path, .btn-warning.btn-inverse:active:focus.btn-inverse .icon path, .btn-warning.btn-inverse:active.focus.btn-inverse .icon path, .btn-warning.btn-inverse.active:hover.btn-inverse .icon path, .btn-warning.btn-inverse.active:focus.btn-inverse .icon path, .btn-warning.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-warning.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-warning.btn-inverse:active, .btn-warning.btn-inverse.active, .open > .btn-warning.btn-inverse.dropdown-toggle { background-image: none; } .btn-warning.btn-inverse.disabled:hover, .btn-warning.btn-inverse.disabled:focus, .btn-warning.btn-inverse.disabled.focus, .btn-warning.btn-inverse[disabled]:hover, .btn-warning.btn-inverse[disabled]:focus, .btn-warning.btn-inverse[disabled].focus, fieldset[disabled] .btn-warning.btn-inverse:hover, fieldset[disabled] .btn-warning.btn-inverse:focus, fieldset[disabled] .btn-warning.btn-inverse.focus { background-color: transparent; border-color: #ffcc33; } .btn-warning.btn-inverse .badge { color: transparent; background-color: #ffcc33; } .btn-danger { color: #fff; background-color: #ff3333; border-color: #ff3333; } .btn-danger .icon path { fill: #fff; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #ff6666; border-color: #ffb3b3; } .btn-danger:focus .icon path, .btn-danger.focus .icon path { fill: #fff; } .btn-danger:hover { color: #fff; background-color: #ff6666; border-color: #ff6666; } .btn-danger:hover .icon path { fill: #fff; } .btn-danger:hover.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-danger:hover.btn-inverse .icon path { fill: white; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #ff6666; border-color: #ff6666; } .btn-danger:active .icon path, .btn-danger.active .icon path, .open > .btn-danger.dropdown-toggle .icon path { fill: #fff; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ff6666; border-color: #ffb3b3; } .btn-danger:active:hover .icon path, .btn-danger:active:focus .icon path, .btn-danger:active.focus .icon path, .btn-danger.active:hover .icon path, .btn-danger.active:focus .icon path, .btn-danger.active.focus .icon path, .open > .btn-danger.dropdown-toggle:hover .icon path, .open > .btn-danger.dropdown-toggle:focus .icon path, .open > .btn-danger.dropdown-toggle.focus .icon path { fill: #fff; } .btn-danger:active:hover.btn-inverse, .btn-danger:active:focus.btn-inverse, .btn-danger:active.focus.btn-inverse, .btn-danger.active:hover.btn-inverse, .btn-danger.active:focus.btn-inverse, .btn-danger.active.focus.btn-inverse, .open > .btn-danger.dropdown-toggle:hover.btn-inverse, .open > .btn-danger.dropdown-toggle:focus.btn-inverse, .open > .btn-danger.dropdown-toggle.focus.btn-inverse { color: white; background-color: #fff; border-color: #fff; } .btn-danger:active:hover.btn-inverse .icon path, .btn-danger:active:focus.btn-inverse .icon path, .btn-danger:active.focus.btn-inverse .icon path, .btn-danger.active:hover.btn-inverse .icon path, .btn-danger.active:focus.btn-inverse .icon path, .btn-danger.active.focus.btn-inverse .icon path, .open > .btn-danger.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-danger.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-danger.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #ff3333; border-color: #ff3333; } .btn-danger .badge { color: #ff3333; background-color: #fff; } .btn-danger.btn-inverse { color: #ff3333; background-color: transparent; border-color: #ff3333; } .btn-danger.btn-inverse .icon path { fill: #ff3333; } .btn-danger.btn-inverse:focus, .btn-danger.btn-inverse.focus { color: #ff3333; background-color: rgba(26, 26, 26, 0); border-color: #ffb3b3; } .btn-danger.btn-inverse:focus .icon path, .btn-danger.btn-inverse.focus .icon path { fill: #ff3333; } .btn-danger.btn-inverse:hover { color: #ff3333; background-color: rgba(26, 26, 26, 0); border-color: #ff6666; } .btn-danger.btn-inverse:hover .icon path { fill: #ff3333; } .btn-danger.btn-inverse:hover.btn-inverse { color: white; background-color: #ff3333; border-color: #ff3333; } .btn-danger.btn-inverse:hover.btn-inverse .icon path { fill: white; } .btn-danger.btn-inverse:active, .btn-danger.btn-inverse.active, .open > .btn-danger.btn-inverse.dropdown-toggle { color: #ff3333; background-color: rgba(26, 26, 26, 0); border-color: #ff6666; } .btn-danger.btn-inverse:active .icon path, .btn-danger.btn-inverse.active .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle .icon path { fill: #ff3333; } .btn-danger.btn-inverse:active:hover, .btn-danger.btn-inverse:active:focus, .btn-danger.btn-inverse:active.focus, .btn-danger.btn-inverse.active:hover, .btn-danger.btn-inverse.active:focus, .btn-danger.btn-inverse.active.focus, .open > .btn-danger.btn-inverse.dropdown-toggle:hover, .open > .btn-danger.btn-inverse.dropdown-toggle:focus, .open > .btn-danger.btn-inverse.dropdown-toggle.focus { color: #ff3333; background-color: rgba(26, 26, 26, 0); border-color: #ffb3b3; } .btn-danger.btn-inverse:active:hover .icon path, .btn-danger.btn-inverse:active:focus .icon path, .btn-danger.btn-inverse:active.focus .icon path, .btn-danger.btn-inverse.active:hover .icon path, .btn-danger.btn-inverse.active:focus .icon path, .btn-danger.btn-inverse.active.focus .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle:hover .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle:focus .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle.focus .icon path { fill: #ff3333; } .btn-danger.btn-inverse:active:hover.btn-inverse, .btn-danger.btn-inverse:active:focus.btn-inverse, .btn-danger.btn-inverse:active.focus.btn-inverse, .btn-danger.btn-inverse.active:hover.btn-inverse, .btn-danger.btn-inverse.active:focus.btn-inverse, .btn-danger.btn-inverse.active.focus.btn-inverse, .open > .btn-danger.btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .btn-danger.btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .btn-danger.btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: #ff3333; border-color: #ff3333; } .btn-danger.btn-inverse:active:hover.btn-inverse .icon path, .btn-danger.btn-inverse:active:focus.btn-inverse .icon path, .btn-danger.btn-inverse:active.focus.btn-inverse .icon path, .btn-danger.btn-inverse.active:hover.btn-inverse .icon path, .btn-danger.btn-inverse.active:focus.btn-inverse .icon path, .btn-danger.btn-inverse.active.focus.btn-inverse .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .btn-danger.btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .btn-danger.btn-inverse:active, .btn-danger.btn-inverse.active, .open > .btn-danger.btn-inverse.dropdown-toggle { background-image: none; } .btn-danger.btn-inverse.disabled:hover, .btn-danger.btn-inverse.disabled:focus, .btn-danger.btn-inverse.disabled.focus, .btn-danger.btn-inverse[disabled]:hover, .btn-danger.btn-inverse[disabled]:focus, .btn-danger.btn-inverse[disabled].focus, fieldset[disabled] .btn-danger.btn-inverse:hover, fieldset[disabled] .btn-danger.btn-inverse:focus, fieldset[disabled] .btn-danger.btn-inverse.focus { background-color: transparent; border-color: #ff3333; } .btn-danger.btn-inverse .badge { color: transparent; background-color: #ff3333; } .btn-link { color: #0054ff; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #0054ff; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #e5e5e5; text-decoration: none; } .btn-lg { padding: 0 35px; font-size: 24px; line-height: 80px; border-radius: 4px; } .btn-sm { padding: 0 25px; font-size: 16px; line-height: 40px; border-radius: 4px; } .btn-xs { padding: 6px 11px; font-size: 12px; line-height: 1.5; border-radius: 4px; } .btn-more-flight { font-weight: 700; color: #0a0a0b; position: relative; padding-bottom: 20px; display: inline-block; margin-top: 20px; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .btn-more-flight .icon path { fill: #0a0a0b; } .btn-more-flight:hover .icon path { fill: #0054ff; } .content-toggle { background-color: white; left: 50%; opacity: 1; padding: 100px 115px 145px 115px; position: absolute; top: 92%; width: 95%; display: block; z-index: 101; -webkit-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.08); -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; } .content-toggle.is-collapsed { height: 0; opacity: 0; overflow: hidden; padding: 0; top: 77%; position: static; z-index: -1; } .content-toggle > div { position: relative; text-align: left; -moz-column-count: 2; -moz-column-gap: 22px; -webkit-column-count: 2; -webkit-column-gap: 22px; column-count: 2; column-gap: 22px; } .content-toggle > .trigger-toggle { bottom: 65px; left: 50%; margin-left: -15px; position: absolute; } @media only screen and (max-width: 1400px) { .content-toggle > .trigger-toggle { bottom: 35px; } } @media only screen and (max-width: 1200px) { .content-toggle > .trigger-toggle { bottom: 20px; } } @media only screen and (max-width: 1400px) { .content-toggle { padding: 50px 60px 85px 60px; } } @media only screen and (max-width: 1200px) { .content-toggle { padding: 40px 40px 65px 40px; } } @media only screen and (max-width: 992px) { .content-toggle { padding: 30px 30px 65px 30px; } .content-toggle > div { -moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count: 2; column-gap: 15px; } } @media only screen and (max-width: 600px) { .content-toggle { padding: 20px 20px 65px 20px; } .content-toggle > div { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } } .drawer { position: absolute; top: 0; width: 480px; left: auto; right: 0; bottom: 0; z-index: 40; background-color: white; -webkit-transform: translate(100%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(100%, 0); /* FF3.5+ */ -ms-transform: translate(100%, 0); /* IE9 */ transform: translate(100%, 0); zoom: 1; -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } @media only screen and (max-width: 960px) { .drawer { display: none; } } .drawer.drawer-action.subcontent-open { background-color: #e5eeff; } .drawer.drawer-action.subcontent-open .drawer-bottom { -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; } .drawer-header { background-image: url(../img/maps/default-destination.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 20px; color: white; min-height: 215px; position: relative; } .drawer-header-description { position: absolute; padding: 20px; left: 0; bottom: 0; text-shadow: 0px 0px 10px #000; } .drawer-header-title { font-size: 14px; font-size: 1.4rem; font-weight: 400; margin-bottom: 0; } @media only screen and (max-width: 992px) { .drawer-header-title { font-size: 12px; font-size: 1.2rem; } } .drawer-header-title span { margin-top: 6px; font-size: 48px; font-size: 4.8rem; font-weight: 700; display: block; line-height: 36px; } @media only screen and (max-width: 1300px) { .drawer-header-title span { font-size: 42px; font-size: 4.2rem; } } @media only screen and (max-width: 992px) { .drawer-header-title span { font-size: 36px; font-size: 3.6rem; } } @media only screen and (max-width: 768px) { .drawer-header-title span { font-size: 32px; font-size: 3.2rem; } } .drawer-body { position: relative; background-color: white; overflow: hidden; } .drawer-body .drawer-top { padding: 13px 15px 25px 165px; position: relative; min-height: 680px; } .drawer-body .drawer-left { padding-top: 40px; padding-left: 35px; width: 165px; position: absolute; left: 0; top: 0; } .drawer-body .drawer-left h3 { font-size: 18px; font-size: 1.8rem; font-weight: 700; color: #0054ff; margin-bottom: 20px; line-height: 20px; margin-top: 0; } .drawer-body .drawer-left p { font-size: 12px; font-size: 1.2rem; line-height: 14px; } .drawer-body .drawer-left span { font-size: 11px; font-size: 1.1rem; line-height: 12px; padding-left: 30px; position: relative; display: block; margin-top: 15px; } .drawer-body .drawer-left span:before { content: ''; width: 20px; height: 20px; display: block; border: 2px solid #0054ff; border-radius: 3px; position: absolute; top: 1px; left: 0; } .drawer-body .drawer-right { opacity: 0; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .drawer-body .drawer-right.drawer-right-generated { opacity: 1; } .drawer-body .drawer-right .xdsoft_datetimepicker .xdsoft_datepicker { padding-bottom: 8px; } .drawer-body .drawer-right p { font-size: 12px; font-size: 1.2rem; line-height: 16px; text-align: center; max-width: 217px; margin: 0 auto; } .drawer-body .drawer-bottom { background-color: #e5eeff; text-align: center; padding: 50px 35px 40px; position: absolute; top: 0; overflow: hidden; z-index: 2; width: 100%; height: 100%; -webkit-transform: translate(0, 100%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 100%); /* FF3.5+ */ -ms-transform: translate(0, 100%); /* IE9 */ transform: translate(0, 100%); zoom: 1; -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .drawer-body .drawer-bottom span { font-size: 14px; font-size: 1.4rem; color: #a1a3a6; font-weight: bold; display: block; margin: 0 auto 30px; } .drawer-body .drawer-bottom .airlines { height: 480px; position: relative; } .drawer-body .drawer-bottom .airline { margin-bottom: 20px; text-align: center; } .drawer-body .drawer-bottom .airline:last-child { margin-bottom: 0; } .drawer-body .drawer-bottom .airline .btn-default { display: inline-block; margin: 0 8px; } .drawer-body .drawer-bottom .airline .airline-img { display: inline-block; margin: 8px; min-width: 200px; text-align: center; } .drawer-body .drawer-bottom .airline .airline-img img { width: auto; max-width: 200px; max-height: 50px; } .drawer-body .drawer-bottom .drawer-bottom-close { position: absolute; top: 0; width: 100%; left: 0; background-color: white; height: 50px; line-height: 50px; font-size: 14px; font-size: 1.4rem; color: #a1a3a6; font-weight: bold; display: block; text-align: center; } .drawer-body h4.date-select { font-weight: 700; font-size: 22px; font-size: 2.2rem; line-height: 68px; margin: 0 -35px 22px; background-color: rgba(0, 84, 255, 0.1); } .drawer-datepicker { margin: 0 auto; } .drawer-close { position: absolute; left: 20px; top: 20px; color: white; background-color: white; border: 0; border-radius: 50%; width: 30px; height: 30px; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .drawer-close:hover { background-color: #0054ff; } .drawer-close:hover .icon path { fill: white; } .drawer-close .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; width: 13px; height: 13px; } .drawer-close .icon path { fill: #0054ff; } .toolbar-fixed.toolbar-horizontal #layout-header .dropdown.open > .dropdown-menu-1 { top: 79px; height: calc(100% - 79px); } @media only screen and (max-width: 950px) { .toolbar-fixed.toolbar-horizontal #layout-header .dropdown.open > .dropdown-menu-0 { top: 79px; height: calc(100% - 79px); } } .toolbar-fixed.toolbar-vertical #layout-header .dropdown.open > .dropdown-menu-1 { top: 39px; height: calc(100% - 39px); } @media only screen and (max-width: 950px) { .toolbar-fixed.toolbar-vertical #layout-header .dropdown.open > .dropdown-menu-0 { top: 39px; height: calc(100% - 39px); } } #layout-header .contextual-region, #layout-header .nav, #layout-header .navbar, #layout-header .navbar-collapse, #layout-header .dropdown { position: static; } #layout-header .block-main-menu .dropdown-menu-1 > .dropdown-menu-header > a.dropdown-back { display: none; } @media only screen and (max-width: 1024px) { #layout-header .block-main-menu .dropdown-menu-1 > .dropdown-menu-header span { padding-left: 23px; } } #layout-header .dropdown-menu-header { padding-right: 103px; background-color: #0054ff; } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu-header { padding-right: 90px; } } #layout-header .dropdown { overflow: hidden; } #layout-header .dropdown.open .dropdown-menu { z-index: 1000; } @media only screen and (max-width: 950px) { #layout-header .dropdown.open > .dropdown-menu-0 { top: 0; } #layout-header .dropdown.open > .dropdown-menu-0 .dropdown-menu-1 { top: 0; -webkit-transform: translate(55%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(55%, 0); /* FF3.5+ */ -ms-transform: translate(55%, 0); /* IE9 */ transform: translate(55%, 0); zoom: 1; } #layout-header .dropdown.open > .dropdown-menu-0 .is-closing > .dropdown-menu-1 { -moz-transition-duration: 0.35s; /* FireFox */ -webkit-transition-duration: 0.35s; /* Safari / Chrome */ transition-duration: 0.35s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } #layout-header .dropdown.open > .dropdown-menu-0 .open > .dropdown-menu-1 { -moz-transition-duration: 0.35s; /* FireFox */ -webkit-transition-duration: 0.35s; /* Safari / Chrome */ transition-duration: 0.35s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; } } #layout-header .dropdown.open > .dropdown-menu-1 { top: 0; } #layout-header .dropdown.open > .dropdown-menu-1 .dropdown-menu-2 { top: 0; } #layout-header .dropdown.open > .dropdown-menu-2 { -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; } #layout-header .dropdown-menu { margin-top: 0; z-index: -1; } #layout-header .dropdown-menu.dropdown-menu-1, #layout-header .dropdown-menu.dropdown-menu-2 { background-color: #0054ff; border: 0; display: block; padding: 0; position: fixed; left: 50%; width: 1680px; max-width: 100%; height: 100%; font-size: 36px; font-size: 3.6rem; -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu.dropdown-menu-1, #layout-header .dropdown-menu.dropdown-menu-2 { font-size: 18px; font-size: 1.8rem; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-1, #layout-header .dropdown-menu.dropdown-menu-2 { font-size: 16px; font-size: 1.6rem; } } #layout-header .dropdown-menu.dropdown-menu-1 { overflow: hidden; top: 120%; -moz-transition-property: top; /* FireFox */ -webkit-transition-property: top; /* Safari / Chrome */ transition-property: top; /* W3C */ -moz-transition-duration: 0.35s; /* FireFox */ -webkit-transition-duration: 0.35s; /* Safari / Chrome */ transition-duration: 0.35s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (min-width: 951px) { #layout-header .dropdown-menu.dropdown-menu-1 > .dropdown-menu-header > .dropdown-back { display: none; } } @media only screen and (min-width: 951px) and (max-width: 1024px) { #layout-header .dropdown-menu.dropdown-menu-1 > .dropdown-menu-header > span { padding-left: 23px; } } #layout-header .dropdown-menu.dropdown-menu-2 { border-radius: 0; display: block; margin-top: 0; position: absolute; top: 120%; -webkit-transform: translate(55%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(55%, 0); /* FF3.5+ */ -ms-transform: translate(55%, 0); /* IE9 */ transform: translate(55%, 0); zoom: 1; -moz-transition-duration: 0.35s; /* FireFox */ -webkit-transition-duration: 0.35s; /* Safari / Chrome */ transition-duration: 0.35s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } #layout-header .dropdown-menu > li > a, #layout-header .dropdown-menu > li > span { color: #f7f7f7; display: block; padding: 42px 40px 42px 135px; white-space: normal; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > a, #layout-header .dropdown-menu > li > span { padding: 29px 70px 29px 23px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu > li > a, #layout-header .dropdown-menu > li > span { padding: 24px 70px 24px 23px; } } #layout-header .dropdown-menu > li > a { position: relative; line-height: 36px; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > a { line-height: 18px; } } #layout-header .dropdown-menu > li > a .icon { position: absolute; right: 40px; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > a .icon { right: 30px; } } #layout-header .dropdown-menu > li > a .icon.icon-right-arrow { width: 15px; height: 28px; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > a .icon.icon-right-arrow { width: 12px; height: 22px; } } #layout-header .dropdown-menu > li > a .icon.icon-extern-link { position: static; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > a .icon.icon-extern-link { width: 15px; height: 15px; } } #layout-header .dropdown-menu > li > span { padding: 56px 47px 56px 135px; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu > li > span { padding: 29px 40px 29px 80px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu > li > span { padding: 24px 0 24px 65px; } } @media only screen and (min-width: 951px) { #layout-header .dropdown-menu.dropdown-menu-0 { position: static; z-index: 1000; display: block; float: none; min-width: 0; padding: 0; margin: 0; list-style: none; font-size: inherit; text-align: inherit; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; background-clip: padding-box; } #layout-header .dropdown-menu.dropdown-menu-0 > .dropdown-close { display: none; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a .icon { display: none; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 { background-color: #0054ff; border: 0; display: block; padding: 0; position: fixed; border-radius: 0; left: 50%; width: 1680px; max-width: 100%; height: 100%; font-size: 18px; font-size: 1.8rem; -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; overflow: hidden; top: 120%; -moz-transition-property: top; /* FireFox */ -webkit-transition-property: top; /* Safari / Chrome */ transition-property: top; /* W3C */ -moz-transition-duration: 0.35s; /* FireFox */ -webkit-transition-duration: 0.35s; /* Safari / Chrome */ transition-duration: 0.35s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } } @media only screen and (max-width: 950px) and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-0 { font-size: 16px; font-size: 1.6rem; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close { position: absolute; top: 0; padding: 0 80px; right: 0; height: 135px; z-index: 400; } } @media only screen and (max-width: 950px) and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close { height: 80px; padding: 0 62px; } } @media only screen and (max-width: 950px) and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close { padding: 0 45px; height: 70px; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close .icon { position: absolute; right: 37px; top: 25px; } } @media only screen and (max-width: 950px) and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close .icon { width: 30px; height: 30px; } } @media only screen and (max-width: 950px) and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close .icon { width: 25px; height: 25px; right: 34px; top: 22px; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 .dropdown-close .icon path { fill: #0054ff; } #layout-header .dropdown-menu.dropdown-menu-0 .navbar-collapse { padding: 0; } #layout-header .dropdown-menu.dropdown-menu-0 .navbar-nav { margin: 0; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a, #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > span { color: #f7f7f7; display: block; padding: 29px 40px 29px 23px; font-size: 18px; font-size: 1.8rem; } } @media only screen and (max-width: 950px) and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a, #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > span { font-size: 16px; font-size: 1.6rem; padding: 24px 40px 24px 23px; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a { position: relative; line-height: 18px; font-size: 18px; font-size: 1.8rem; } } @media only screen and (max-width: 950px) and (max-width: 550px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a { font-size: 16px; font-size: 1.6rem; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a .icon { position: absolute; right: 40px; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; } } @media only screen and (max-width: 950px) and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a .icon { right: 30px; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a .icon.icon-right-arrow { width: 15px; height: 28px; } } @media only screen and (max-width: 950px) and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li > a .icon.icon-right-arrow { width: 12px; height: 22px; } } @media only screen and (max-width: 950px) { #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > span { background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > span { background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > span { background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > span { background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > span { background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > span { background-color: #00040d; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00040d; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > span { background-color: #00081a; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00081a; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > span { background-color: #000d26; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #000d26; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > span { background-color: #001133; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001133; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > span { background-color: #001540; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001540; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > span { background-color: #00194d; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00194d; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > span { background-color: #001d59; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001d59; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > span { background-color: #002266; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002266; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > span { background-color: #002673; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002673; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > span { background-color: #002a80; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002a80; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > span { background-color: #002e8c; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002e8c; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > span { background-color: #003299; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003299; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > span { background-color: #0037a6; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0037a6; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > span { background-color: #003bb3; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003bb3; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > span { background-color: #003fbf; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003fbf; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > span { background-color: #0043cc; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0043cc; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > span { background-color: #0047d9; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0047d9; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > span { background-color: #004ce6; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #004ce6; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > span { background-color: #0050f2; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0050f2; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > span { background-color: #0054ff; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0054ff; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > span { background-color: #0054ff; } #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > a { -moz-transition-property: sll; /* FireFox */ -webkit-transition-property: sll; /* Safari / Chrome */ transition-property: sll; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0054ff; } #layout-header .dropdown-menu.dropdown-menu-0 #block-yqb-languageswitcher > ul > li > a { background-color: #003fbf; } #layout-header .dropdown-menu.dropdown-menu-0 #block-useraccountmenu > ul > li > a { background-color: #003bb3; } } #layout-header .dropdown-menu > li:nth-child(25) > span { background-color: black; } #layout-header .dropdown-menu > li:nth-child(25) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu > li:nth-child(24) > span { background-color: black; } #layout-header .dropdown-menu > li:nth-child(24) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu > li:nth-child(23) > span { background-color: black; } #layout-header .dropdown-menu > li:nth-child(23) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu > li:nth-child(22) > span { background-color: black; } #layout-header .dropdown-menu > li:nth-child(22) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu > li:nth-child(21) > span { background-color: black; } #layout-header .dropdown-menu > li:nth-child(21) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: black; } #layout-header .dropdown-menu > li:nth-child(20) > span { background-color: #00040d; } #layout-header .dropdown-menu > li:nth-child(20) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00040d; } #layout-header .dropdown-menu > li:nth-child(19) > span { background-color: #00081a; } #layout-header .dropdown-menu > li:nth-child(19) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00081a; } #layout-header .dropdown-menu > li:nth-child(18) > span { background-color: #000d26; } #layout-header .dropdown-menu > li:nth-child(18) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #000d26; } #layout-header .dropdown-menu > li:nth-child(17) > span { background-color: #001133; } #layout-header .dropdown-menu > li:nth-child(17) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001133; } #layout-header .dropdown-menu > li:nth-child(16) > span { background-color: #001540; } #layout-header .dropdown-menu > li:nth-child(16) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001540; } #layout-header .dropdown-menu > li:nth-child(15) > span { background-color: #00194d; } #layout-header .dropdown-menu > li:nth-child(15) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #00194d; } #layout-header .dropdown-menu > li:nth-child(14) > span { background-color: #001d59; } #layout-header .dropdown-menu > li:nth-child(14) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #001d59; } #layout-header .dropdown-menu > li:nth-child(13) > span { background-color: #002266; } #layout-header .dropdown-menu > li:nth-child(13) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002266; } #layout-header .dropdown-menu > li:nth-child(12) > span { background-color: #002673; } #layout-header .dropdown-menu > li:nth-child(12) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002673; } #layout-header .dropdown-menu > li:nth-child(11) > span { background-color: #002a80; } #layout-header .dropdown-menu > li:nth-child(11) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002a80; } #layout-header .dropdown-menu > li:nth-child(10) > span { background-color: #002e8c; } #layout-header .dropdown-menu > li:nth-child(10) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #002e8c; } #layout-header .dropdown-menu > li:nth-child(9) > span { background-color: #003299; } #layout-header .dropdown-menu > li:nth-child(9) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003299; } #layout-header .dropdown-menu > li:nth-child(8) > span { background-color: #0037a6; } #layout-header .dropdown-menu > li:nth-child(8) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0037a6; } #layout-header .dropdown-menu > li:nth-child(7) > span { background-color: #003bb3; } #layout-header .dropdown-menu > li:nth-child(7) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003bb3; } #layout-header .dropdown-menu > li:nth-child(6) > span { background-color: #003fbf; } #layout-header .dropdown-menu > li:nth-child(6) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #003fbf; } #layout-header .dropdown-menu > li:nth-child(5) > span { background-color: #0043cc; } #layout-header .dropdown-menu > li:nth-child(5) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0043cc; } #layout-header .dropdown-menu > li:nth-child(4) > span { background-color: #0047d9; } #layout-header .dropdown-menu > li:nth-child(4) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0047d9; } #layout-header .dropdown-menu > li:nth-child(3) > span { background-color: #004ce6; } #layout-header .dropdown-menu > li:nth-child(3) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #004ce6; } #layout-header .dropdown-menu > li:nth-child(2) > span { background-color: #0050f2; } #layout-header .dropdown-menu > li:nth-child(2) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0050f2; } #layout-header .dropdown-menu > li:nth-child(1) > span { background-color: #0054ff; } #layout-header .dropdown-menu > li:nth-child(1) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0054ff; } #layout-header .dropdown-menu > li:nth-child(0) > span { background-color: #0054ff; } #layout-header .dropdown-menu > li:nth-child(0) > a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: #0054ff; } #layout-header .dropdown-menu .dropdown-menu-header { font-size: 48px; font-size: 4.8rem; line-height: 48px; position: relative; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu .dropdown-menu-header { font-size: 24px; font-size: 2.4rem; line-height: 24px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu .dropdown-menu-header { font-size: 20px; font-size: 2rem; line-height: 20px; } } #layout-header .dropdown-menu .dropdown-menu-header a { background: none; clear: none; } #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back { position: absolute; left: 0; top: 0; bottom: 0; width: 135px; padding: 0; background-color: transparent; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back { width: 82px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back { width: 65px; } } #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back .icon { position: absolute; height: 41px; width: 21px; top: 50%; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back .icon { width: 30px; height: 30px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-back .icon { width: 25px; height: 25px; } } #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close { position: absolute; top: 0; padding: 0 80px; bottom: 0; right: 0; background-color: transparent; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close { padding: 0 62px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close { padding: 0 45px; } } #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close .icon { position: absolute; right: 47px; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; } @media only screen and (max-width: 1024px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close .icon { width: 30px; height: 30px; right: 37px; } } @media only screen and (max-width: 550px) { #layout-header .dropdown-menu .dropdown-menu-header a.dropdown-close .icon { width: 25px; height: 25px; right: 34px; } } #layout-header .dropdown-menu .dropdown-menu-header a:hover { background: none !important; } /** * @file * Visual styles for fields. */ .field--label { font-weight: bold; } .field--label-inline .field--label, .field--label-inline .field--items { float: left; /*LTR*/ } .field--label-inline .field--label, .field--label-inline > .field--item, .field--label-inline .field--items { padding-right: 0.5em; } [dir="rtl"] .field--label-inline .field--label, [dir="rtl"] .field--label-inline .field--items { padding-left: 0.5em; padding-right: 0; } .field--label-inline .field--label::after { content: ':'; } .page .field--name-field-image { display: none; } #nous-joindre .region-content table, #contact-us .region-content table, .field--name-body table, .field--name-field-text table, .view-careers table, .view-publications table { color: #0a0a0b; width: auto; min-width: 620px; max-width: 100%; margin-bottom: 22px; background-color: white; } @media only screen and (max-width: 700px) { #nous-joindre .region-content table, #contact-us .region-content table, .field--name-body table, .field--name-field-text table, .view-careers table, .view-publications table { min-width: 0; } } #nous-joindre .region-content table a, #contact-us .region-content table a, .field--name-body table a, .field--name-field-text table a, .view-careers table a, .view-publications table a { color: #0a0a0b; text-decoration: underline; } #nous-joindre .region-content table .btn, #contact-us .region-content table .btn, .field--name-body table .btn, .field--name-field-text table .btn, .view-careers table .btn, .view-publications table .btn { text-decoration: none; } #nous-joindre .region-content table tr th, #contact-us .region-content table tr th, .field--name-body table tr th, .field--name-field-text table tr th, .view-careers table tr th, .view-publications table tr th { color: white; background: #0054ff; font-weight: 700; padding: 15px 25px; height: 40px !important; } #nous-joindre .region-content table tr th:first-child, #contact-us .region-content table tr th:first-child, .field--name-body table tr th:first-child, .field--name-field-text table tr th:first-child, .view-careers table tr th:first-child, .view-publications table tr th:first-child { text-align: left; padding-left: 25px; } #nous-joindre .region-content table tr td:first-child, #contact-us .region-content table tr td:first-child, .field--name-body table tr td:first-child, .field--name-field-text table tr td:first-child, .view-careers table tr td:first-child, .view-publications table tr td:first-child { text-align: left; padding-left: 25px; } #nous-joindre .region-content table th, #nous-joindre .region-content table td, #contact-us .region-content table th, #contact-us .region-content table td, .field--name-body table th, .field--name-body table td, .field--name-field-text table th, .field--name-field-text table td, .view-careers table th, .view-careers table td, .view-publications table th, .view-publications table td { text-align: center; font-size: 14px; font-size: 1.4rem; padding: 15px; } @media only screen and (max-width: 992px) { #nous-joindre .region-content table th, #nous-joindre .region-content table td, #contact-us .region-content table th, #contact-us .region-content table td, .field--name-body table th, .field--name-body table td, .field--name-field-text table th, .field--name-field-text table td, .view-careers table th, .view-careers table td, .view-publications table th, .view-publications table td { font-size: 12px; font-size: 1.2rem; } } #nous-joindre .region-content table th ul, #nous-joindre .region-content table th ol, #nous-joindre .region-content table td ul, #nous-joindre .region-content table td ol, #contact-us .region-content table th ul, #contact-us .region-content table th ol, #contact-us .region-content table td ul, #contact-us .region-content table td ol, .field--name-body table th ul, .field--name-body table th ol, .field--name-body table td ul, .field--name-body table td ol, .field--name-field-text table th ul, .field--name-field-text table th ol, .field--name-field-text table td ul, .field--name-field-text table td ol, .view-careers table th ul, .view-careers table th ol, .view-careers table td ul, .view-careers table td ol, .view-publications table th ul, .view-publications table th ol, .view-publications table td ul, .view-publications table td ol { text-align: left; } #nous-joindre .region-content table th a, #nous-joindre .region-content table td a, #contact-us .region-content table th a, #contact-us .region-content table td a, .field--name-body table th a, .field--name-body table td a, .field--name-field-text table th a, .field--name-field-text table td a, .view-careers table th a, .view-careers table td a, .view-publications table th a, .view-publications table td a { color: #0054ff; } #nous-joindre .region-content table th a:hover, #nous-joindre .region-content table td a:hover, #contact-us .region-content table th a:hover, #contact-us .region-content table td a:hover, .field--name-body table th a:hover, .field--name-body table td a:hover, .field--name-field-text table th a:hover, .field--name-field-text table td a:hover, .view-careers table th a:hover, .view-careers table td a:hover, .view-publications table th a:hover, .view-publications table td a:hover { text-decoration: none; } #nous-joindre .region-content table > tbody > tr > th, #nous-joindre .region-content table > tbody > tr > td, #contact-us .region-content table > tbody > tr > th, #contact-us .region-content table > tbody > tr > td, .field--name-body table > tbody > tr > th, .field--name-body table > tbody > tr > td, .field--name-field-text table > tbody > tr > th, .field--name-field-text table > tbody > tr > td, .view-careers table > tbody > tr > th, .view-careers table > tbody > tr > td, .view-publications table > tbody > tr > th, .view-publications table > tbody > tr > td { border-top: 0; vertical-align: middle; height: 60px; } #nous-joindre .region-content table > tbody > tr:nth-of-type(odd), #contact-us .region-content table > tbody > tr:nth-of-type(odd), .field--name-body table > tbody > tr:nth-of-type(odd), .field--name-field-text table > tbody > tr:nth-of-type(odd), .view-careers table > tbody > tr:nth-of-type(odd), .view-publications table > tbody > tr:nth-of-type(odd) { background-color: white; } #nous-joindre .region-content table > tbody > tr:nth-of-type(odd):hover, #contact-us .region-content table > tbody > tr:nth-of-type(odd):hover, .field--name-body table > tbody > tr:nth-of-type(odd):hover, .field--name-field-text table > tbody > tr:nth-of-type(odd):hover, .view-careers table > tbody > tr:nth-of-type(odd):hover, .view-publications table > tbody > tr:nth-of-type(odd):hover { background-color: white !important; } #nous-joindre .region-content table > tbody > tr:nth-of-type(even), #contact-us .region-content table > tbody > tr:nth-of-type(even), .field--name-body table > tbody > tr:nth-of-type(even), .field--name-field-text table > tbody > tr:nth-of-type(even), .view-careers table > tbody > tr:nth-of-type(even), .view-publications table > tbody > tr:nth-of-type(even) { background-color: #f7f7f7; } #nous-joindre .region-content table > tbody > tr:nth-of-type(even):hover, #contact-us .region-content table > tbody > tr:nth-of-type(even):hover, .field--name-body table > tbody > tr:nth-of-type(even):hover, .field--name-field-text table > tbody > tr:nth-of-type(even):hover, .view-careers table > tbody > tr:nth-of-type(even):hover, .view-publications table > tbody > tr:nth-of-type(even):hover { background-color: #f7f7f7 !important; } #questions-et-commentaires-poser-une-question .region-content form, #questions-and-comments-submit-a-question .region-content form, #nous-joindre .block-basic-content, #contact-us .block-basic-content, #nous-joindre .contact-form, #contact-us .contact-form, .field--name-body, .field--name-field-text, .view-careers { max-width: 909px; } #questions-et-commentaires-poser-une-question .region-content form figure, #questions-and-comments-submit-a-question .region-content form figure, #nous-joindre .block-basic-content figure, #contact-us .block-basic-content figure, #nous-joindre .contact-form figure, #contact-us .contact-form figure, .field--name-body figure, .field--name-field-text figure, .view-careers figure { position: relative; margin-bottom: 30px; } @media only screen and (max-width: 600px) { #questions-et-commentaires-poser-une-question .region-content form figure, #questions-and-comments-submit-a-question .region-content form figure, #nous-joindre .block-basic-content figure, #contact-us .block-basic-content figure, #nous-joindre .contact-form figure, #contact-us .contact-form figure, .field--name-body figure, .field--name-field-text figure, .view-careers figure { margin-bottom: 50px; } } #questions-et-commentaires-poser-une-question .region-content form figure figcaption, #questions-and-comments-submit-a-question .region-content form figure figcaption, #nous-joindre .block-basic-content figure figcaption, #contact-us .block-basic-content figure figcaption, #nous-joindre .contact-form figure figcaption, #contact-us .contact-form figure figcaption, .field--name-body figure figcaption, .field--name-field-text figure figcaption, .view-careers figure figcaption { position: absolute; bottom: 0; left: 0; background-color: #0054ff; padding: 10px 20px; margin: 0 20px -10px; color: white; font-size: 12px; font-size: 1.2rem; } @media only screen and (max-width: 600px) { #questions-et-commentaires-poser-une-question .region-content form figure figcaption, #questions-and-comments-submit-a-question .region-content form figure figcaption, #nous-joindre .block-basic-content figure figcaption, #contact-us .block-basic-content figure figcaption, #nous-joindre .contact-form figure figcaption, #contact-us .contact-form figure figcaption, .field--name-body figure figcaption, .field--name-field-text figure figcaption, .view-careers figure figcaption { margin-bottom: -30px; } } #questions-et-commentaires-poser-une-question .region-content form ul, #questions-and-comments-submit-a-question .region-content form ul, #nous-joindre .block-basic-content ul, #contact-us .block-basic-content ul, #nous-joindre .contact-form ul, #contact-us .contact-form ul, .field--name-field-text ul, .view-careers ul { margin-bottom: 20px; max-width: 70%; padding-left: 30px; } @media only screen and (max-width: 950px) { #questions-et-commentaires-poser-une-question .region-content form ul, #questions-and-comments-submit-a-question .region-content form ul, #nous-joindre .block-basic-content ul, #contact-us .block-basic-content ul, #nous-joindre .contact-form ul, #contact-us .contact-form ul, .field--name-body ul, .field--name-field-text ul, .view-careers ul { padding-left: 20px; max-width: 90%; } } @media only screen and (max-width: 600px) { #questions-et-commentaires-poser-une-question .region-content form ul, #questions-and-comments-submit-a-question .region-content form ul, #nous-joindre .block-basic-content ul, #contact-us .block-basic-content ul, #nous-joindre .contact-form ul, #contact-us .contact-form ul, .field--name-body ul, .field--name-field-text ul, .view-careers ul { padding-left: 12px; max-width: 100%; } } #questions-et-commentaires-poser-une-question .region-content form ul li, #questions-and-comments-submit-a-question .region-content form ul li, #nous-joindre .block-basic-content ul li, #contact-us .block-basic-content ul li, #nous-joindre .contact-form ul li, #contact-us .contact-form ul li, .field--name-body ul li, .field--name-field-text ul li, .view-careers ul li { list-style: none; position: relative; margin-bottom: 4px; padding-left: 30px; font-size: 14px; font-size: 1.4rem; } @media only screen and (max-width: 992px) { #questions-et-commentaires-poser-une-question .region-content form ul li, #questions-and-comments-submit-a-question .region-content form ul li, #nous-joindre .block-basic-content ul li, #contact-us .block-basic-content ul li, #nous-joindre .contact-form ul li, #contact-us .contact-form ul li, .field--name-body ul li, .field--name-field-text ul li, .view-careers ul li { font-size: 12px; font-size: 1.2rem; } } #questions-et-commentaires-poser-une-question .region-content form ul li:before, #questions-and-comments-submit-a-question .region-content form ul li:before, #nous-joindre .block-basic-content ul li:before, #contact-us .block-basic-content ul li:before, #nous-joindre .contact-form ul li:before, #contact-us .contact-form ul li:before, .field--name-body ul li:before, .field--name-field-text ul li:before, .view-careers ul li:before { content: ''; display: block; position: absolute; top: 5px; width: 8px; left: 4px; height: 8px; border-radius: 50%; background-color: #0054ff; } #questions-et-commentaires-poser-une-question .region-content form ul li:after, #questions-and-comments-submit-a-question .region-content form ul li:after, #nous-joindre .block-basic-content ul li:after, #contact-us .block-basic-content ul li:after, #nous-joindre .contact-form ul li:after, #contact-us .contact-form ul li:after, .field--name-body ul li:after, .field--name-field-text ul li:after, .view-careers ul li:after { content: ''; display: block; position: absolute; width: 16px; height: 16px; top: 1px; left: 0; border-radius: 50%; background-color: rgba(0, 84, 255, 0.2); } #questions-et-commentaires-poser-une-question .region-content form p + h3, #questions-et-commentaires-poser-une-question .region-content form ul + h3, #questions-et-commentaires-poser-une-question .region-content form table + h3, #questions-et-commentaires-poser-une-question .region-content form .table-responsive + h3, #questions-et-commentaires-poser-une-question .region-content form p + h2, #questions-et-commentaires-poser-une-question .region-content form ul + h2, #questions-et-commentaires-poser-une-question .region-content form table + h2, #questions-et-commentaires-poser-une-question .region-content form .table-responsive + h2, #questions-and-comments-submit-a-question .region-content form p + h3, #questions-and-comments-submit-a-question .region-content form ul + h3, #questions-and-comments-submit-a-question .region-content form table + h3, #questions-and-comments-submit-a-question .region-content form .table-responsive + h3, #questions-and-comments-submit-a-question .region-content form p + h2, #questions-and-comments-submit-a-question .region-content form ul + h2, #questions-and-comments-submit-a-question .region-content form table + h2, #questions-and-comments-submit-a-question .region-content form .table-responsive + h2, #nous-joindre .block-basic-content p + h3, #nous-joindre .block-basic-content ul + h3, #nous-joindre .block-basic-content table + h3, #nous-joindre .block-basic-content .table-responsive + h3, #nous-joindre .block-basic-content p + h2, #nous-joindre .block-basic-content ul + h2, #nous-joindre .block-basic-content table + h2, #nous-joindre .block-basic-content .table-responsive + h2, #contact-us .block-basic-content p + h3, #contact-us .block-basic-content ul + h3, #contact-us .block-basic-content table + h3, #contact-us .block-basic-content .table-responsive + h3, #contact-us .block-basic-content p + h2, #contact-us .block-basic-content ul + h2, #contact-us .block-basic-content table + h2, #contact-us .block-basic-content .table-responsive + h2, #nous-joindre .contact-form p + h3, #nous-joindre .contact-form ul + h3, #nous-joindre .contact-form table + h3, #nous-joindre .contact-form .table-responsive + h3, #nous-joindre .contact-form p + h2, #nous-joindre .contact-form ul + h2, #nous-joindre .contact-form table + h2, #nous-joindre .contact-form .table-responsive + h2, #contact-us .contact-form p + h3, #contact-us .contact-form ul + h3, #contact-us .contact-form table + h3, #contact-us .contact-form .table-responsive + h3, #contact-us .contact-form p + h2, #contact-us .contact-form ul + h2, #contact-us .contact-form table + h2, #contact-us .contact-form .table-responsive + h2, .field--name-body p + h3, .field--name-body ul + h3, .field--name-body table + h3, .field--name-body .table-responsive + h3, .field--name-body p + h2, .field--name-body ul + h2, .field--name-body table + h2, .field--name-body .table-responsive + h2, .field--name-field-text p + h3, .field--name-field-text ul + h3, .field--name-field-text table + h3, .field--name-field-text .table-responsive + h3, .field--name-field-text p + h2, .field--name-field-text ul + h2, .field--name-field-text table + h2, .field--name-field-text .table-responsive + h2, .view-careers p + h3, .view-careers ul + h3, .view-careers table + h3, .view-careers .table-responsive + h3, .view-careers p + h2, .view-careers ul + h2, .view-careers table + h2, .view-careers .table-responsive + h2 { margin-top: 30px; } #questions-et-commentaires-poser-une-question .region-content form img, #questions-and-comments-submit-a-question .region-content form img, #nous-joindre .block-basic-content img, #contact-us .block-basic-content img, #nous-joindre .contact-form img, #contact-us .contact-form img, .field--name-body img, .field--name-field-text img, .view-careers img { max-width: 100%; } #questions-et-commentaires-poser-une-question .region-content form img.align-left, #questions-and-comments-submit-a-question .region-content form img.align-left, #nous-joindre .block-basic-content img.align-left, #contact-us .block-basic-content img.align-left, #nous-joindre .contact-form img.align-left, #contact-us .contact-form img.align-left, .field--name-body img.align-left, .field--name-field-text img.align-left, .view-careers img.align-left { float: left; max-width: 100%; width: inherit; margin-right: 20px; margin-bottom: 20px; } @media only screen and (max-width: 768px) { #questions-et-commentaires-poser-une-question .region-content form img.align-left, #questions-and-comments-submit-a-question .region-content form img.align-left, #nous-joindre .block-basic-content img.align-left, #contact-us .block-basic-content img.align-left, #nous-joindre .contact-form img.align-left, #contact-us .contact-form img.align-left, .field--name-body img.align-left, .field--name-field-text img.align-left, .view-careers img.align-left { margin-right: 0; float: none; } } @media only screen and (max-width: 600px) { #questions-et-commentaires-poser-une-question .region-content form img.align-left, #questions-and-comments-submit-a-question .region-content form img.align-left, #nous-joindre .block-basic-content img.align-left, #contact-us .block-basic-content img.align-left, #nous-joindre .contact-form img.align-left, #contact-us .contact-form img.align-left, .field--name-body img.align-left, .field--name-field-text img.align-left, .view-careers img.align-left { width: 100%; height: auto; } } #questions-et-commentaires-poser-une-question .region-content form img.align-right, #questions-and-comments-submit-a-question .region-content form img.align-right, #nous-joindre .block-basic-content img.align-right, #contact-us .block-basic-content img.align-right, #nous-joindre .contact-form img.align-right, #contact-us .contact-form img.align-right, .field--name-body img.align-right, .field--name-field-text img.align-right, .view-careers img.align-right { float: right; width: inherit; max-width: 100%; margin-left: 20px; margin-bottom: 20px; } @media only screen and (max-width: 768px) { #questions-et-commentaires-poser-une-question .region-content form img.align-right, #questions-and-comments-submit-a-question .region-content form img.align-right, #nous-joindre .block-basic-content img.align-right, #contact-us .block-basic-content img.align-right, #nous-joindre .contact-form img.align-right, #contact-us .contact-form img.align-right, .field--name-body img.align-right, .field--name-field-text img.align-right, .view-careers img.align-right { margin-left: 0; float: none; } } @media only screen and (max-width: 600px) { #questions-et-commentaires-poser-une-question .region-content form img.align-right, #questions-and-comments-submit-a-question .region-content form img.align-right, #nous-joindre .block-basic-content img.align-right, #contact-us .block-basic-content img.align-right, #nous-joindre .contact-form img.align-right, #contact-us .contact-form img.align-right, .field--name-body img.align-right, .field--name-field-text img.align-right, .view-careers img.align-right { width: 100%; } } #questions-et-commentaires-poser-une-question .region-content form p + ul, #questions-and-comments-submit-a-question .region-content form p + ul, #nous-joindre .block-basic-content p + ul, #contact-us .block-basic-content p + ul, #nous-joindre .contact-form p + ul, #contact-us .contact-form p + ul, .field--name-body p + ul, .field--name-field-text p + ul, .view-careers p + ul { margin-top: -8px; } #questions-et-commentaires-poser-une-question .region-content form.contact-message-contact-us-form, #questions-and-comments-submit-a-question .region-content form.contact-message-contact-us-form, #nous-joindre .block-basic-content.contact-message-contact-us-form, #contact-us .block-basic-content.contact-message-contact-us-form, #nous-joindre .contact-form.contact-message-contact-us-form, #contact-us .contact-form.contact-message-contact-us-form, .field--name-body.contact-message-contact-us-form, .field--name-field-text.contact-message-contact-us-form, .view-careers.contact-message-contact-us-form { margin-top: 30px; } #questions-et-commentaires-poser-une-question .region-content form.contact-message-contact-us-form .btn, #questions-and-comments-submit-a-question .region-content form.contact-message-contact-us-form .btn, #nous-joindre .block-basic-content.contact-message-contact-us-form .btn, #contact-us .block-basic-content.contact-message-contact-us-form .btn, #nous-joindre .contact-form.contact-message-contact-us-form .btn, #contact-us .contact-form.contact-message-contact-us-form .btn, .field--name-body.contact-message-contact-us-form .btn, .field--name-field-text.contact-message-contact-us-form .btn, .view-careers.contact-message-contact-us-form .btn { margin: 10px 0; } #questions-et-commentaires-poser-une-question .region-content form .form-actions .btn, #questions-and-comments-submit-a-question .region-content form .form-actions .btn, #nous-joindre .block-basic-content .form-actions .btn, #contact-us .block-basic-content .form-actions .btn, #nous-joindre .contact-form .form-actions .btn, #contact-us .contact-form .form-actions .btn, .field--name-body .form-actions .btn, .field--name-field-text .form-actions .btn, .view-careers .form-actions .btn { margin: 10px 0; } .page .field-intro-img { height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: -40px; margin-bottom: 40px; } @media only screen and (max-width: 1300px) { .page .field-intro-img { margin: -30px; margin-bottom: 30px; } } @media only screen and (max-width: 950px) { .page .field-intro-img { margin: -20px; margin-bottom: 20px; } } .field--name-field-gallery { margin: 40px -10px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .field--name-field-gallery > .field--item { margin: 0 0 20px; padding: 0 10px; width: 25%; } @media only screen and (max-width: 900px) { .field--name-field-gallery > .field--item { width: 33.33%; } } @media only screen and (max-width: 600px) { .field--name-field-gallery > .field--item { width: 50%; } } .has-success .form-control { color: #33cc66; background-color: #dff0d8; } .has-warning .form-control { color: #fcf8e3; background-color: #ffcc33; } .has-error .form-control { color: #f2dede; background-color: #ff3333; } .help-block { font-size: 12px; } .form-inverse label { color: #999999; } .form-inverse .form-control, .form-inverse .select-wrapper { border: 0; } .form-group.error input { border: 1px solid #ff3333; color: #ff3333; } @media only screen and (max-width: 600px) { .form-group.with-margin { margin-bottom: 20px; } } .form-group .description { margin-top: 5px; } input::-webkit-calendar-picker-indicator { display: none; } input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; } label { margin-bottom: 5px !important; font-size: 14px; font-size: 1.4rem; padding-left: 3px; line-height: 15px; color: #0a0a0b; -moz-transition-property: color; /* FireFox */ -webkit-transition-property: color; /* Safari / Chrome */ transition-property: color; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 600px) { label { font-size: 12px; font-size: 1.2rem; } } label.control-label-focus { color: #0a0a0b; } form .row { margin-left: -10px; margin-right: -10px; } @media only screen and (max-width: 950px) { form .row { margin-left: -5px; margin-right: -5px; } } form .row:after { content: ""; display: block; clear: both; } form .row { zoom: 1; } form .col-xs-1, form .col-sm-1, form .col-md-1, form .col-lg-1, form .col-xs-2, form .col-sm-2, form .col-md-2, form .col-lg-2, form .col-xs-3, form .col-sm-3, form .col-md-3, form .col-lg-3, form .col-xs-4, form .col-sm-4, form .col-md-4, form .col-lg-4, form .col-xs-5, form .col-sm-5, form .col-md-5, form .col-lg-5, form .col-xs-6, form .col-sm-6, form .col-md-6, form .col-lg-6, form .col-xs-7, form .col-sm-7, form .col-md-7, form .col-lg-7, form .col-xs-8, form .col-sm-8, form .col-md-8, form .col-lg-8, form .col-xs-9, form .col-sm-9, form .col-md-9, form .col-lg-9, form .col-xs-10, form .col-sm-10, form .col-md-10, form .col-lg-10, form .col-xs-11, form .col-sm-11, form .col-md-11, form .col-lg-11, form .col-xs-12, form .col-sm-12, form .col-md-12, form .col-lg-12 { position: relative; min-height: 0; padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 950px) { form .col-xs-1, form .col-sm-1, form .col-md-1, form .col-lg-1, form .col-xs-2, form .col-sm-2, form .col-md-2, form .col-lg-2, form .col-xs-3, form .col-sm-3, form .col-md-3, form .col-lg-3, form .col-xs-4, form .col-sm-4, form .col-md-4, form .col-lg-4, form .col-xs-5, form .col-sm-5, form .col-md-5, form .col-lg-5, form .col-xs-6, form .col-sm-6, form .col-md-6, form .col-lg-6, form .col-xs-7, form .col-sm-7, form .col-md-7, form .col-lg-7, form .col-xs-8, form .col-sm-8, form .col-md-8, form .col-lg-8, form .col-xs-9, form .col-sm-9, form .col-md-9, form .col-lg-9, form .col-xs-10, form .col-sm-10, form .col-md-10, form .col-lg-10, form .col-xs-11, form .col-sm-11, form .col-md-11, form .col-lg-11, form .col-xs-12, form .col-sm-12, form .col-md-12, form .col-lg-12 { padding-left: 5px; padding-right: 5px; } } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .form-type-checkbox { margin-top: 25px; margin-bottom: 15px; } .form-type-checkbox label { font-weight: bold; padding-left: 30px; font-size: 14px; font-size: 1.4rem; } @media only screen and (max-width: 600px) { .form-type-checkbox label { font-size: 12px; font-size: 1.2rem; } } .form-type-checkbox label input[type="checkbox"] { margin-left: -30px; margin-top: 0; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.42857; color: #0a0a0b; } .user-login-form, .user-pass, .user-form { max-width: 470px; } .user-login-form input:-webkit-autofill, .user-login-form textarea:-webkit-autofill, .user-login-form select:-webkit-autofill, .user-pass input:-webkit-autofill, .user-pass textarea:-webkit-autofill, .user-pass select:-webkit-autofill, .user-form input:-webkit-autofill, .user-form textarea:-webkit-autofill, .user-form select:-webkit-autofill { color: #0a0a0b !important; background-color: white !important; } .select-wrapper { position: relative; background: white url("../img/arrow-select.png") no-repeat right; background-size: auto 82%; overflow: hidden; border: 2px solid #a1a3a6; border-radius: 4px; } @media only screen and (max-width: 1000px) { .select-wrapper { background-size: auto 68%; } } .select-wrapper select { background-color: transparent; border: 0; width: 120%; } .select-wrapper .form-control { padding-right: calc(20% + 38px); } @media only screen and (max-width: 1000px) { .select-wrapper .form-control { padding-right: calc(20% + 31px); } } .select-wrapper .form-control.input-sm { padding-right: calc(20% + 35px); } .select-wrapper .form-control.input-lg { padding-right: calc(20% + 75px); } .form-control { display: block; width: 100%; height: 60px; padding: 6px 12px 6px 22px; font-size: 18px; line-height: 1.42857; background-color: #fff; background-image: none; border: 2px solid #a1a3a6; border-radius: 4px; box-shadow: none; -moz-transition-property: border-color ease-in-out 0.15s; /* FireFox */ -webkit-transition-property: border-color ease-in-out 0.15s; /* Safari / Chrome */ transition-property: border-color ease-in-out 0.15s; /* W3C */ -moz-transition-duration: box-shadow ease-in-out 0.15ss; /* FireFox */ -webkit-transition-duration: box-shadow ease-in-out 0.15ss; /* Safari / Chrome */ transition-duration: box-shadow ease-in-out 0.15ss; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .form-control:focus { border-color: #a1a3a6; outline: 0; box-shadow: none; } .form-control::-moz-placeholder { color: #cccccc; opacity: 1; } .form-control:-ms-input-placeholder { color: #cccccc; } .form-control::-webkit-input-placeholder { color: #cccccc; } @media only screen and (max-width: 1250px) { .form-control { font-size: 16px; padding-left: 12px; } } @media only screen and (max-width: 1000px) { .form-control { font-size: 14px; } } @media only screen and (max-width: 1000px) { .form-control { font-size: 14px; } } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f7f7f7; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; line-height: 60px; vertical-align: middle; width: 100%; padding-top: 0; padding-bottom: 0; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 40px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 80px; } } .input-sm { height: 40px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 4px; } select.input-sm { height: 40px; line-height: 40px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg { height: 80px; padding: 10px 16px; font-size: 21px; line-height: 1.33333; border-radius: 4px; } select.input-lg { height: 80px; line-height: 80px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg { padding: 15px 0 6px; border-radius: 4px; background-color: #fff; } .form-group-lg label { margin-bottom: 0; padding: 0 16px; } .form-group-lg .form-control { height: 40px; padding: 10px 16px; font-size: 18px; line-height: 1.5; border-radius: 4px; } @media (min-width: 769px) { .form-inline .form-group { vertical-align: bottom; } .form-inline .form-control { display: block; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 29px; } .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } @media only screen and (max-width: 950px) { .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } } .form-horizontal .form-group:after { content: ""; display: block; clear: both; } .form-horizontal .form-group { zoom: 1; } @media (min-width: 769px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 0px; } @media (min-width: 769px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 769px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .form-group-sidebar { padding: 12px 24px 15px; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; } .form-group-sidebar .form-control { font-size: 24px; font-size: 2.4rem; padding: 0 16px; height: 32px; font-weight: 700; } .form-group-collapse { margin-bottom: 0; } #contact-message-candidature-spontanee-form { max-width: 600px; } .field--type-file input { border: 0; padding: 0; height: auto; } .field--type-file .file-link { margin-right: 5px; } .field--type-file .help-block .icon { font-size: 14px; margin-right: 5px; top: -1px; } .field--type-file .btn { padding: 0 25px; font-size: 16px; line-height: 40px; border-radius: 4px; } .list-bullets { margin: 0; padding: 0; } .list-bullets li { line-height: 1.25; list-style: none; margin: 22px 0 0 0; padding: 0 0 0 22px; position: relative; } .list-bullets li:before, .list-bullets li:after { background: white; content: ''; height: 8px; left: 2px; position: absolute; top: 6px; width: 8px; z-index: -1; -webkit-border-radius: 50%; /* Saf3-4, iOS 1-3.2, Android =1.6 */ -moz-border-radius: 50%; /* FF1-3.6 */ border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .list-bullets li:after { background: rgba(255, 255, 255, 0.3); height: 12px; left: 0; top: 4px; width: 12px; } @media only screen and (max-width: 768px) { .list-bullets li { margin: 12px 0 0 0; } } .list-full { margin: 0; padding: 0; width: 100%; } .list-full li { border-bottom: 1px solid rgba(201, 241, 0, 0.3); display: table; line-height: 1; list-style: none; padding: 20px 0; width: 100%; font-size: 18px; font-size: 1.8rem; } .list-full li:last-child { border-bottom: none; } .list-full li > span { display: table-cell; padding: 0 0 0 5px; text-align: right; vertical-align: middle; } @media only screen and (max-width: 1100px) { .list-full li { font-size: 16px; } } @media only screen and (min-width: 1301px) { .alert.map-status-message { padding: 15px 128px 15px 40px; } } @media only screen and (min-width: 961px) { .alert.map-status-message { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 50; } } .alert.map-status-message p { display: inline-block; padding-right: 30px; } @media only screen and (min-width: 961px) { .alert.map-status-message .alert-dismissible .close { top: 40px; } } @media only screen and (max-width: 1300px) { .alert.map-status-message .btn { display: none; } } .map-pulse { height: 40px; width: 40px; display: block; position: relative; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; position: absolute; } .map-pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .map-pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } .map-tiles { position: relative; -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; } .map-tiles.map-hidden { position: absolute !important; left: -100%; } @media only screen and (max-width: 960px) { .map-tiles { position: absolute !important; left: -100%; } } .map-tiles .map-tiles-main { width: 60%; } .map-tiles .map-tiles-main .map-tile { position: relative; } .map-tiles .map-tiles-main .map-tile:before { display: block; content: ""; width: 100%; padding-top: 105.88235%; } .map-tiles .map-tiles-main .map-tile > .map-tile-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .map-tiles .map-tiles-secondary { width: 40%; position: absolute; top: 0; bottom: 0; right: 0; } .map-tiles .map-tiles-secondary .map-tile { height: 50%; } .map-tiles .map-tile { position: relative; overflow: hidden; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .map-tiles .map-tile:hover { opacity: 0.8; } .map-tiles .map-tile .map-tile-header, .map-tiles .map-tile .map-tile-overlay, .map-tiles .map-tile .map-tile-overlay-title { position: absolute; } .map-tiles .map-tile .map-tile-header { background-color: #0054ff; color: white; top: 0; left: 0; padding: 10px 15px; -webkit-transform: translate(0%, -100%); /* Saf3.1+, Chrome */ -moz-transform: translate(0%, -100%); /* FF3.5+ */ -ms-transform: translate(0%, -100%); /* IE9 */ transform: translate(0%, -100%); zoom: 1; -moz-transition-duration: 0.5s; /* FireFox */ -webkit-transition-duration: 0.5s; /* Safari / Chrome */ transition-duration: 0.5s; /* W3C */ -webkit-transition-property: -webkit-transform, opacity; /* Safari / Chrome */ -moz-transition-property: -moz-transform, opacity; /* FireFox */ transition-property: transform, opacity; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .map-tiles .map-tile .map-tile-container { width: 100%; height: 100%; opacity: 0.2; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .map-tiles .map-tile .map-tile-container .map-marker-label { opacity: 0; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .map-tiles .map-tile .map-tile-overlay { display: block; width: 100%; height: 100%; top: 0; left: 0; } .map-tiles .map-tile .map-tile-overlay .map-tile-overlay-title { font-size: 36px; color: white; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } .map-tiles .map-tile.map-tile-active { opacity: 1; } .map-tiles .map-tile.map-tile-active .map-tile-header { -webkit-transform: translate(0%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(0%, 0%); /* FF3.5+ */ -ms-transform: translate(0%, 0%); /* IE9 */ transform: translate(0%, 0%); zoom: 1; } .map-tiles .map-tile.map-tile-active .map-tile-container { opacity: 1; } .map-tiles .map-tile.map-tile-active .map-tile-container .map-marker-label { opacity: 1; } .map-tiles .map-tile.map-tile-active .map-tile-overlay { display: none; } .map-marker-label { position: absolute; color: black; font-size: 11px; cursor: pointer; -webkit-transform: translate(-50%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0%); /* FF3.5+ */ -ms-transform: translate(-50%, 0%); /* IE9 */ transform: translate(-50%, 0%); zoom: 1; } @media only screen and (max-width: 1300px) { .map-marker-label { font-size: 9px; } } .map-marker-label.map-marker-label-tl { -webkit-transform: translate(-110%, -110%); /* Saf3.1+, Chrome */ -moz-transform: translate(-110%, -110%); /* FF3.5+ */ -ms-transform: translate(-110%, -110%); /* IE9 */ transform: translate(-110%, -110%); zoom: 1; } .map-marker-label.map-marker-label-tc { -webkit-transform: translate(-50%, -20%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -20%); /* FF3.5+ */ -ms-transform: translate(-50%, -20%); /* IE9 */ transform: translate(-50%, -20%); zoom: 1; } .map-marker-label.map-marker-label-tr { -webkit-transform: translate(10%, -110%); /* Saf3.1+, Chrome */ -moz-transform: translate(10%, -110%); /* FF3.5+ */ -ms-transform: translate(10%, -110%); /* IE9 */ transform: translate(10%, -110%); zoom: 1; } .map-marker-label.map-marker-label-ml { -webkit-transform: translate(-110%, -55%); /* Saf3.1+, Chrome */ -moz-transform: translate(-110%, -55%); /* FF3.5+ */ -ms-transform: translate(-110%, -55%); /* IE9 */ transform: translate(-110%, -55%); zoom: 1; } .map-marker-label.map-marker-label-mc { -webkit-transform: translate(-50%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0%); /* FF3.5+ */ -ms-transform: translate(-50%, 0%); /* IE9 */ transform: translate(-50%, 0%); zoom: 1; } .map-marker-label.map-marker-label-mr { -webkit-transform: translate(10%, -55%); /* Saf3.1+, Chrome */ -moz-transform: translate(10%, -55%); /* FF3.5+ */ -ms-transform: translate(10%, -55%); /* IE9 */ transform: translate(10%, -55%); zoom: 1; } .map-marker-label.map-marker-label-bl { -webkit-transform: translate(-110%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(-110%, 0%); /* FF3.5+ */ -ms-transform: translate(-110%, 0%); /* IE9 */ transform: translate(-110%, 0%); zoom: 1; } .map-marker-label.map-marker-label-bc { -webkit-transform: translate(-50%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0%); /* FF3.5+ */ -ms-transform: translate(-50%, 0%); /* IE9 */ transform: translate(-50%, 0%); zoom: 1; } .map-marker-label.map-marker-label-br { -webkit-transform: translate(10%, 0%); /* Saf3.1+, Chrome */ -moz-transform: translate(10%, 0%); /* FF3.5+ */ -ms-transform: translate(10%, 0%); /* IE9 */ transform: translate(10%, 0%); zoom: 1; } .map-legend, .map-view-selector { z-index: 30; } .map-actions { list-style-type: none; } .map-view-selector { position: absolute; top: 20px; right: 20px; width: 180px; overflow: hidden; } @media only screen and (max-width: 960px) { .map-view-selector { display: none; } } .map-view-selector ul { list-style-type: none; padding: 0; width: 60px; float: right; } @media only screen and (max-width: 1300px) { .map-view-selector ul { width: 53px; } } #map-accordion { position: relative; z-index: 30; } @media only screen and (max-width: 960px) { #map-accordion { display: block !important; } } .map-legend { background-color: white; bottom: 20px; height: 42px; left: 20px; padding: 0 20px; position: absolute; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 960px) { .map-legend { display: none !important; } } .map-legend ul { list-style-type: none; margin: 0; padding: 0; } .map-legend li { background-image: url(../img/maps/marker-season.png); background-position: 0 13px; background-size: 30px 40px; background-repeat: no-repeat; display: inline-block; height: 42px; margin: 0 0 0 20px; padding: 0 0 0 28px; line-height: 42px; } .map-legend li:first-child { background-image: url(../img/maps/marker-year.png); margin: 0; } .toolbar-fixed.toolbar-horizontal .modal-dialog { top: 79px; } .toolbar-fixed.toolbar-vertical .modal-dialog { top: 39px; } .modal-default .modal-content { border-radius: 0; } .modal-default .modal-header { background: #0054ff; color: white; } .modal-default .modal-header .modal-title { font-size: 24px; font-size: 2.4rem; } .modal-default .modal-header button.close { color: white; position: absolute; right: 20px; top: 20px; opacity: 0.8; text-shadow: none; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .modal-default .modal-header button.close:hover { opacity: 1; } .nav-tabs { border-bottom-width: 2px; } .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li > a { outline: none; margin-right: 0; line-height: 60px; border: none; border-radius: 0; padding: 0 40px; font-size: 16px; font-size: 1.6rem; background-color: white; color: #0054ff; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 992px) { .nav-tabs > li > a { font-size: 14px; font-size: 1.4rem; } } @media only screen and (max-width: 768px) { .nav-tabs > li > a { font-size: 15px; font-size: 1.5rem; padding: 0 25px; } } .nav-tabs > li > a .icon { margin-right: 20px; margin-left: -20px; } @media only screen and (max-width: 992px) { .nav-tabs > li > a .icon { margin-right: 10px; margin-left: -10px; -webkit-transform: scale(0.83); /* Saf3.1+, Chrome */ -moz-transform: scale(0.83); /* FF3.5+ */ -ms-transform: scale(0.83); /* IE9 */ transform: scale(0.83); } } .nav-tabs > li > a:hover { border-color: transparent; background-color: #f7f7f7; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; } .nav-tabs > li.active > a .icon path, .nav-tabs > li.active > a:hover .icon path, .nav-tabs > li.active > a:focus .icon path { fill: white; } .nav-tabs.nav-tabs-inverted > li { border-left: 1px solid rgba(10, 10, 11, 0.1); } .nav-tabs.nav-tabs-inverted > li > a { color: white; } .nav-tabs.nav-tabs-inverted > li > a:hover { border: none; color: #0054ff; } .nav-tabs.nav-tabs-inverted > li > a:hover .icon path { fill: #0054ff; } .nav-tabs.nav-tabs-inverted > li > a .icon path { fill: white; } .nav-pills > li > a { color: #999999; background-color: transparent; } .nav-pills > li > a:hover { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; background-color: transparent; color: #0054ff; } .region-sidebar-first .nav .is-active { background-color: #0054ff; color: white; border-color: transparent !important; } .region-sidebar-first .nav .is-active:hover, .region-sidebar-first .nav .is-active:focus { background-color: #3376ff; } .region-sidebar-first .nav li { float: none; } .region-sidebar-first .nav li a { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .region-sidebar-first .nav li a:hover, .region-sidebar-first .nav li a:focus { background-color: #e5eeff; } .region-sidebar-first .nav li a:focus { background-color: transparent; } .region-sidebar-first .nav li a .inline-target { display: inline-block; } .region-sidebar-first .nav li a .extern-link { display: inline-block; vertical-align: top; margin-top: -8px; } .region-sidebar-first .nav li a .extern-link .icon-extern-link { width: 15px; height: 15px; } .region-sidebar-first .nav li a .extern-link .icon-extern-link path { fill: #0054ff; } .region-sidebar-first .nav > li a { border-bottom: 1px solid #e5e5e5; padding: 19px 40px; } @media only screen and (max-width: 992px) { .region-sidebar-first .nav > li a { padding: 15px 20px; } } .region-sidebar-first .nav > li a[target=_blank] { padding-right: 22px; } @media only screen and (max-width: 992px) { .region-sidebar-first .nav > li a[target=_blank] { padding-right: 17px; } } .region-sidebar-first .nav .nav { font-size: 16px; font-size: 1.6rem; } @media only screen and (max-width: 992px) { .region-sidebar-first .nav .nav { font-size: 15px; font-size: 1.5rem; } } .region-sidebar-first .nav .sub-menu > a { position: relative; } .region-sidebar-first .nav .sub-menu > a:before { content: ""; position: absolute; background-image: url("../svg/down-arrow-2.svg"); height: 8px; width: 15px; background-size: cover; display: block; top: 50%; right: 20px; margin-top: -3px; } .region-sidebar-first .nav .sub-menu .nav { display: none; font-size: 14px; font-size: 1.4rem; } @media only screen and (max-width: 992px) { .region-sidebar-first .nav .sub-menu .nav { font-size: 12px; font-size: 1.2rem; } } .region-sidebar-first .nav .sub-menu .nav > li a { border-bottom: 1px solid #cedeff; padding: 10px 47px; } @media only screen and (max-width: 992px) { .region-sidebar-first .nav .sub-menu .nav > li a { padding: 9px 27px; } } .region-sidebar-first .nav .sub-menu .nav > li a:hover { background-color: #0054ff; color: white; } .region-sidebar-first .nav .sub-menu.sub-menu-active { background-color: #e5eeff; } .region-sidebar-first .nav .sub-menu.sub-menu-active a { border-bottom: 1px solid #cedeff; } .region-sidebar-first .nav .sub-menu.sub-menu-active a:before { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; } .region-sidebar-first .nav .sub-menu.sub-menu-start-active .nav { display: block; } @media only screen and (max-width: 769px) { .navbar.container { max-width: 720px; } } @media only screen and (max-width: 993px) { .navbar.container { max-width: 940px; } } @media only screen and (max-width: 1201px) { .navbar.container { max-width: 1140px; } } .navbar.container > .container, .navbar.container-fluid > .container-fluid { margin: 0; padding: 0; width: auto; } .navbar-inverse-spacing { margin-bottom: 0; margin-top: 0; } .navbar-no-spacing { margin-bottom: 0; } .navbar-nav { width: 100%; } .navbar-default { background-color: transparent; border-color: none; } .navbar-default .navbar-brand { color: inherit; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-text { color: inherit; } .navbar-default .navbar-nav > li > a { color: inherit; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: inherit; color: inherit; } @media (max-width: 950px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: inherit; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: inherit; background-color: inherit; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: inherit; background-color: inherit; } } /** * HEADER META NAVBAR **/ .navbar-secondary { background-color: #0054ff; border: 0; min-height: 40px; margin-bottom: 0; } @media only screen and (min-width: 1681px) { .navbar-secondary:before { content: ''; display: block; width: 400%; height: 43px; position: absolute; top: 0; left: -400%; z-index: 2; background-color: #0054ff; } .navbar-secondary:after { content: ''; display: block; right: -400%; width: 400%; height: 43px; position: absolute; top: 0; z-index: 2; background-color: #0054ff; } } @media only screen and (min-width: 951px) { .navbar-secondary { height: 43px; overflow: hidden; font-size: 14px; font-size: 1.4rem; } } .navbar-secondary > .navbar-collapse { padding: 0 15px; border-top: 0; } @media only screen and (min-width: 951px) { .navbar-secondary .region-sub-navigation { text-align: right; } .navbar-secondary .region-sub-navigation > nav { vertical-align: top; display: inline-block; } .navbar-secondary .region-sub-navigation .block-weather { float: left; } .navbar-secondary .region-sub-navigation .block-weather li > span { line-height: 43px; padding: 0 25px !important; } } @media only screen and (min-width: 951px) and (max-width: 1180px) { .navbar-secondary .region-sub-navigation .block-weather li > span { padding: 0 14px !important; } } @media only screen and (max-width: 950px) { .navbar-secondary .block-weather ul li span { background-color: white !important; color: #0054ff !important; } .navbar-secondary .block-weather ul li span .icon path { fill: #0054ff; } } .navbar-secondary .navbar-nav { margin-right: 0; } .navbar-secondary .navbar-nav > li > span { background-color: transparent; color: white; display: block; padding: 10px 25px; } @media only screen and (max-width: 1180px) { .navbar-secondary .navbar-nav > li > span { padding: 10px 14px; } } .navbar-secondary .navbar-nav > li > a { background-color: transparent; color: white; padding: 10px 25px; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 1180px) { .navbar-secondary .navbar-nav > li > a { padding: 10px 14px; } } @media only screen and (min-width: 951px) { .navbar-secondary .navbar-nav > li > a:hover, .navbar-secondary .navbar-nav > li > a:focus, .navbar-secondary .navbar-nav > li > a.is-active { opacity: 0.8; background-color: transparent; } } @media only screen and (min-width: 951px) { .navbar-secondary .navbar-nav > .active > a, .navbar-secondary .navbar-nav > .active > a:hover, .navbar-secondary .navbar-nav > .active > a:focus { opacity: 0.8; background-color: transparent; } } @media only screen and (min-width: 951px) { .navbar-secondary .navbar-nav > .disabled > a, .navbar-secondary .navbar-nav > .disabled > a:hover, .navbar-secondary .navbar-nav > .disabled > a:focus { opacity: 0.8; background-color: transparent; } } /** * HEADER USER NAV **/ @media only screen and (min-width: 951px) { nav#block-useraccountmenu { margin-right: -15px; } } nav#block-useraccountmenu a { background-color: #003bb2; } nav#block-useraccountmenu a:hover { background-color: #002a7f; } nav#block-useraccountmenu a .icon-user { position: static !important; display: inline-block !important; margin-right: 22px; margin-top: -1px; -webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } @media only screen and (max-width: 1180px) { nav#block-useraccountmenu a .icon-user { margin-right: 14px; } } /** * HEADER META NAV **/ /** * HEADER PRIMARY NAVBAR **/ .navbar-main { border: 0; min-height: 100px; } .navbar-main .navbar-collapse { padding-right: 0px; padding-left: 0px; } .navbar-main .navbar-brand { padding: 39px 0px; } @media (min-width: 951px) { .navbar > .container .navbar-main .navbar-brand, .navbar > .container-fluid .navbar-main .navbar-brand { margin-left: 0px; } } .navbar-main .navbar-nav { margin: 0 !important; } @media only screen and (min-width: 551px) and (max-width: 950px) { .navbar-main .navbar-nav { margin: 7px 0 !important; } } @media (min-width: 951px) { .navbar-main .navbar-nav { margin: 0; } .navbar-main .navbar-nav > li > a { padding-top: 39px; padding-bottom: 39px; } } .navbar-main .navbar-btn { margin-top: 20px; margin-bottom: 20px; } .navbar-main .navbar-btn.btn-sm { margin-top: 30px; margin-bottom: 30px; } .navbar-main .navbar-btn.btn-xs { margin-top: 39px; margin-bottom: 39px; } #navbar-primary { position: relative !important; display: table; height: 120px; width: 100%; padding-left: 242px; } @media only screen and (max-width: 950px) { #navbar-primary { padding-left: 0; display: block; height: auto; } } @media only screen and (min-width: 551px) and (max-width: 950px) { #navbar-primary { border-bottom: 1px solid #e5e5e5; } } #navbar-primary > .navbar-collapse { vertical-align: middle; display: table-cell !important; } @media only screen and (max-width: 950px) { #navbar-primary > .navbar-collapse { display: block !important; } } #navbar-primary > .navbar-header { float: none; position: absolute; left: 0; top: 0; bottom: 0; padding: 0 45px; } @media only screen and (max-width: 1180px) { #navbar-primary > .navbar-header { padding: 0 26px; } } @media only screen and (max-width: 950px) { #navbar-primary > .navbar-header { position: relative; height: 100px; overflow: hidden; } } @media only screen and (min-width: 551px) and (max-width: 950px) { #navbar-primary > .navbar-header { border-bottom: 1px solid #e5e5e5; } } #navbar-primary > .navbar-header > .region-navigation { display: table; height: 100%; } @media only screen and (max-width: 950px) { #navbar-primary > .navbar-header > .region-navigation { margin: 0 auto; } } #navbar-primary > .navbar-header > .region-navigation > .logo { float: none !important; vertical-align: middle; display: table-cell; } /** * HEADER PRIMARY NAV **/ .block-main-menu .link-minified { display: none; } .block-main-menu .link-minified span { display: block; } .block-main-menu .link-minified .icon { margin: 0 auto 7px; } @media only screen and (max-width: 950px) { .block-main-menu .dropdown-menu > li > span { padding: 29px 40px 29px 23px; } } @media only screen and (max-width: 550px) { .block-main-menu { position: fixed; bottom: 0; z-index: 999; width: 100%; -webkit-box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.15); } .block-main-menu .link-minified { display: block; } .block-main-menu .link-default { display: none; } } .block-main-menu > ul { float: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media only screen and (max-width: 550px) { .block-main-menu > ul { display: block; border-bottom: 1px solid #e5e5e5; background-color: white; } } .block-main-menu > ul > li { float: none; } @media only screen and (max-width: 550px) { .block-main-menu > ul > li { float: left; width: 25%; border-right: 1px solid #e5e5e5; } .block-main-menu > ul > li:last-child { border: 0; } } .block-main-menu > ul > li > a { color: #0a0a0b; padding: 10px 15px; position: relative; font-size: 20px; font-size: 2rem; -moz-transition-property: color; /* FireFox */ -webkit-transition-property: color; /* Safari / Chrome */ transition-property: color; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (min-width: 951px) and (max-width: 1100px) { .block-main-menu > ul > li > a { max-width: 175px; } } @media only screen and (max-width: 950px) { .block-main-menu > ul > li > a { font-size: 16px; font-size: 1.6rem; line-height: 19px; } } @media only screen and (max-width: 730px) { .block-main-menu > ul > li > a { max-width: 140px; } } @media only screen and (max-width: 550px) { .block-main-menu > ul > li > a { padding: 20px 0 15px; background-color: white; text-align: center; font-size: 12px; font-size: 1.2rem; height: 80px; } .block-main-menu > ul > li > a:hover { background-color: white !important; } } .block-main-menu > ul > li > a:hover, .block-main-menu > ul > li > a.is-active { color: #0054ff !important; } .block-main-menu > ul > li > a:hover .link-minified .icon path, .block-main-menu > ul > li > a.is-active .link-minified .icon path { fill: #0054ff; } /** * FOOTER PRIMARY NAV **/ @media only screen and (max-width: 768px) { #nav-footer-primary { float: left; } } #nav-footer-primary > ul { margin-top: 5px; float: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media only screen and (max-width: 768px) { #nav-footer-primary > ul { display: block; text-align: left; margin-top: 40px; } } #nav-footer-primary li a { position: relative; font-size: 16px; font-size: 1.6rem; font-weight: 700; opacity: 1; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 992px) { #nav-footer-primary li a { font-size: 15px; font-size: 1.5rem; } } @media only screen and (max-width: 768px) { #nav-footer-primary li a { padding: 0; margin: 0 0 15px; font-size: 14px; font-size: 1.4rem; display: inline-block; } } @media only screen and (min-width: 1191px) and (max-width: 1305px) { #nav-footer-primary li a { max-width: 150px; } } #nav-footer-primary li a:after { background-size: contain; background-position: left center; background-repeat: no-repeat; content: ""; display: block; left: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; } #nav-footer-primary li a:hover { background: transparent; opacity: 0.8; } #nav-footer-primary li a.flights-and-destinations:after { background-image: url(../svg/plane.svg); height: 24px; width: 24px; -webkit-transform: rotate(-30deg) translate(20%, -60%); /* Saf3.1+, Chrome */ -moz-transform: rotate(-30deg) translate(20%, -60%); /* FF3.5+ */ -ms-transform: rotate(-30deg) translate(20%, -60%); /* IE9 */ transform: rotate(-30deg) translate(20%, -60%); } #nav-footer-primary li a.planner:after { background-image: url(../svg/note.svg); height: 18px; width: 15px; } #nav-footer-primary li a.access:after { background-image: url(../svg/car.svg); height: 15px; width: 22px; } #nav-footer-primary li a.services:after { background-image: url(../svg/shopping.svg); height: 21px; width: 17px; -webkit-transform: translate(0, -60%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -60%); /* FF3.5+ */ -ms-transform: translate(0, -60%); /* IE9 */ transform: translate(0, -60%); zoom: 1; } /** * FOOTER SOCIALS NAV **/ #nav-footer-socials { position: absolute; top: 60px; right: 40px; } #nav-footer-socials .navbar-nav { margin: 0; } @media only screen and (max-width: 1400px) { #nav-footer-socials { top: 35px; } } @media only screen and (max-width: 992px) { #nav-footer-socials { right: 20px; } } @media only screen and (max-width: 768px) { #nav-footer-socials { top: 40px; } } @media only screen and (max-width: 480px) { #nav-footer-socials { top: 105px; width: 100%; right: 0; text-align: center; } } #nav-footer-socials li { float: left; margin-left: 10px; } @media only screen and (max-width: 480px) { #nav-footer-socials li { display: inline-block; float: none; } } #nav-footer-socials li:first-child { margin-left: 0; } #nav-footer-socials a { background: transparent no-repeat center / cover; background-color: transparent; height: 40px; width: 40px; padding: 0; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } #nav-footer-socials a .icon path { fill: white !important; } #nav-footer-socials a .icon circle { fill: white !important; } #nav-footer-socials a:hover { background: transparent; background-color: transparent; opacity: 0.8; } /** * FOOTER SUB NAV **/ @media only screen and (max-width: 768px) { #layout-footer .nav-secondary-target { float: left; } } #layout-footer .nav-secondary-target > ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; float: none !important; } @media only screen and (max-width: 768px) { #layout-footer .nav-secondary-target > ul { display: block; text-align: left; margin: 0; } } #layout-footer .nav-secondary-target ul { padding: 16px 0; } @media only screen and (max-width: 950px) { #layout-footer .nav-secondary-target ul { padding: 10px 0; } } @media only screen and (max-width: 768px) { #layout-footer .nav-secondary-target ul { padding: 0; margin-top: 40px; } } #layout-footer .nav-secondary-target ul li { margin: 0 0 0 45px; } @media only screen and (max-width: 768px) { #layout-footer .nav-secondary-target ul li { margin: 0; } } #layout-footer .nav-secondary-target ul li:first-child { margin-left: 0; } #layout-footer .nav-secondary-target ul li a { color: white; padding: 0; opacity: 1; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; font-size: 14px; font-size: 1.4rem; font-weight: 700; } @media only screen and (max-width: 768px) { #layout-footer .nav-secondary-target ul li a { padding: 0; margin: 0 0 15px; display: inline-block; } } #layout-footer .nav-secondary-target ul li a:hover, #layout-footer .nav-secondary-target ul li a:focus { background: transparent; opacity: 0.8; } .panel { margin-bottom: 0; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; } .panel-body { padding: 0; } .panel-body:after { content: ""; display: block; clear: both; } .panel-body { zoom: 1; } .panel-heading { padding: 0; border-bottom: 0; border-radius: none; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin: 0; padding: 0; font-size: 16px; font-size: 1.6rem; } .panel-title .icon { margin-right: 12px; } @media only screen and (max-width: 768px) { .panel-title { font-size: 14px; font-size: 1.4rem; } .panel-title .icon { -webkit-transform: scale(0.83); /* Saf3.1+, Chrome */ -moz-transform: scale(0.83); /* FF3.5+ */ -ms-transform: scale(0.83); /* IE9 */ transform: scale(0.83); } } .panel-title a { color: #0054ff; font-weight: 400; border-bottom: 1px solid #cedeff; background-color: #e5eeff; padding: 20px 25px 18px; position: relative; display: block; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .panel-title a:hover { background-color: #e5eeff; } .panel-title a:before { content: ""; position: absolute; background-image: url("../svg/down-arrow-blue.svg"); height: 6px; width: 15px; background-size: cover; display: block; top: 50%; right: 25px; margin-top: -3px; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; } .panel-title a.collapsed { border-bottom: 1px solid #e5e5e5; } .panel-title a.collapsed:hover { background-color: #e5eeff; } .panel-title a.collapsed:before { -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(0deg); /* FF3.5+ */ -ms-transform: rotate(0deg); /* IE9 */ transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-group { margin-bottom: 0; } .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-group .panel + .panel { margin-top: 0; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 0; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #0054ff; } .panel-primary > .panel-heading { color: #fff; background-color: #0054ff; border-color: #0054ff; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #0054ff; } .panel-primary > .panel-heading .badge { color: #0054ff; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #0054ff; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #33cc66; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #33cc66; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #0054ff; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #0054ff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #ffcc33; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #ffcc33; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #ff3333; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #ff3333; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } /*********************************************** DEFAULT PANELS **********************************************/ .panel-group-default .panel-title a { overflow: hidden; } .panel-group-default .panel:nth-child(odd) .panel-title a { background-color: #f7f7f7; } .panel-group-default .panel:nth-child(odd) .panel-title a.collapsed { background-color: #f7f7f7; } .panel-group-default .panel:nth-child(odd) .panel-title a:hover { background-color: #f7f7f7; } .panel-group-default .panel:nth-child(even) .panel-title a { background-color: white; } .panel-group-default .panel:nth-child(even) .panel-title a.collapsed { background-color: white; } .panel-group-default .panel:nth-child(even) .panel-title a:hover { background-color: white; } .panel-default { margin-bottom: 0; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; } .panel-default .panel-body { padding: 0; } .panel-default .panel-body:after { content: ""; display: block; clear: both; } .panel-default .panel-body { zoom: 1; } .panel-default .panel-heading { padding: 0; border-bottom: 0; border-radius: none; } .panel-default .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-default .panel-title { margin: 0; padding: 0; color: inherit; } .panel-default .panel-title h2, .panel-default .panel-title h3 { margin: 0; font-size: 30px; font-size: 3rem; font-weight: 700; vertical-align: middle; display: inline-block; width: 100%; font-size: 24px; font-size: 2.4rem; line-height: 30px; } @media only screen and (max-width: 1300px) { .panel-default .panel-title h2, .panel-default .panel-title h3 { font-size: 22px; font-size: 2.2rem; line-height: 26px; } } @media only screen and (max-width: 768px) { .panel-default .panel-title h2, .panel-default .panel-title h3 { font-size: 18px; font-size: 1.8rem; line-height: 21px; } } @media only screen and (max-width: 400px) { .panel-default .panel-title h2, .panel-default .panel-title h3 { font-size: 16px; font-size: 1.6rem; line-height: 19px; } } .panel-default .panel-title a { color: #0054ff; font-weight: 400; border-bottom: 0; height: 120px; padding: 0; position: relative; display: table; width: 100%; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 1300px) { .panel-default .panel-title a { height: 100px; } } @media only screen and (max-width: 400px) { .panel-default .panel-title a { height: 85px; } } .panel-default .panel-title a .panel-title-content { display: table-cell; vertical-align: middle; padding-left: 40px; position: relative; padding-right: 110px; } .panel-default .panel-title a:hover { background-color: inherit; } .panel-default .panel-title a:hover .panel-title-action { text-decoration: underline; } .panel-default .panel-title a:before { content: normal; } .panel-default .panel-title a .icon-down-arrow-2 { content: ""; margin-right: 0; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; height: 14px; width: 25px; margin-top: -7px; } .panel-vip .panel-default .panel-title a .icon-down-arrow-2 { position: absolute; right: 40px; top: 50%; } @media only screen and (max-width: 1300px) { .panel-default .panel-title a .icon-down-arrow-2 { right: 40px; } } @media only screen and (max-width: 768px) { .panel-default .panel-title a .icon-down-arrow-2 { height: 11px; width: 22px; margin-top: -6px; } } @media only screen and (max-width: 400px) { .panel-default .panel-title a .icon-down-arrow-2 { height: 10px; width: 19px; right: 30px; margin-top: -5px; } } .panel-default .panel-title a .icon-down-arrow-2 path { fill: #a1a3a6; } .panel-default .panel-title a.collapsed { border-bottom: 0; } .panel-default .panel-title a.collapsed:hover { background-color: #f7f7f7; } .panel-default .panel-title a.collapsed .icon-down-arrow-2 { -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(0deg); /* FF3.5+ */ -ms-transform: rotate(0deg); /* IE9 */ transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; } .panel-default .panel-title a.collapsed .icon-down-arrow-2 path { fill: #0054ff; } .panel-default .panel-title > a, .panel-default .panel-title > small, .panel-default .panel-title > .small, .panel-default .panel-title > small > a, .panel-default .panel-title > .small > a { color: inherit; } .panel-default .panel-group { margin-bottom: 0; } .panel-default .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-default .panel-group .panel + .panel { margin-top: 0; } .panel-default .panel-group .panel-heading { border-bottom: 0; } .panel-default .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-default .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0; } .panel-default .panel-collapse { border-bottom: 1px solid #f7f7f7; padding: 0; } .panel-vip { margin: 0 0 20px !important; } .panel-vip .panel-title.panel-title-text .field--name-field-image { display: none; } .panel-vip .panel-title.panel-title-text .field--name-field-title { display: block; } .panel-vip .panel-title .field--name-field-image { display: block; } .panel-vip .panel-title .field--name-field-image img { display: block; height: 60px; width: auto; } @media only screen and (max-width: 600px) { .panel-vip .panel-title .field--name-field-image img { height: auto; max-height: 60px; max-width: 100%; } } .panel-vip .panel-title .field--name-field-title { display: none; } .panel-vip .panel-title a { background-color: #0054ff !important; height: 100px; } .panel-vip .panel-title a .icon-down-arrow-2 { position: absolute; right: 40px; top: 50%; } .panel-vip .panel-title a .icon-down-arrow-2 path { fill: white !important; } .panel-vip .panel-collapse { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; -webkit-box-shadow: inset 0 3px 4px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 3px 4px -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 3px 4px -1px rgba(0, 0, 0, 0.15); } .panel-vip .panel-collapse .field--name-field-image { display: block; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section { border-bottom: 1px solid #e5e5e5; padding: 20px; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section > .field--name-field-title { font-weight: bold; margin: 0 0 20px; font-size: 20px; font-size: 2rem; } @media only screen and (max-width: 600px) { .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards { column-count: 2; } } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item { float: left; margin: 0 0 0 20px; } @media only screen and (max-width: 600px) { .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item { float: none; margin: 0 0 20px; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; } } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item:first-child { margin-left: 0; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item .paragraph { max-width: 80px; text-align: center; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item .paragraph .field { margin: 0 auto; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item .paragraph .field.field--name-field-image { margin-bottom: 10px; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item .paragraph .field.field--name-field-image img { margin: 0 auto; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-vip-drawer-cards > .field--item .paragraph .field.field--name-field-title { line-height: 1.1; font-size: 14px; font-size: 1.4rem; } .panel-vip .panel-collapse .paragraph--type--vip-drawer-section .field--name-field-text { margin: 20px 0 0; max-width: none; font-size: 14px; font-size: 1.4rem; } .panel-vip .panel-collapse table { max-width: none; width: 100%; } @media only screen and (min-width: 601px) { .panel-vip .panel-collapse table td { width: 50%; text-align: left; } } .slider-timer-2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f7f7f7; height: 100%; margin: 0 auto; overflow: hidden; z-index: 1; /* Arrows */ /* Arrows */ } .slider-timer-2 .slider-button-prev, .slider-timer-2 .slider-button-next { text-align: center; position: absolute; width: 100%; height: 50px; left: 0; margin: 0; top: auto; background: transparent; z-index: 10; cursor: pointer; } .slider-timer-2 .slider-button-prev { top: 0; background-image: -webkit-linear-gradient(top, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); background-image: -o-linear-gradient(top, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#00F7F7F7', GradientType=0); } .slider-timer-2 .slider-button-prev:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: 12px; left: 50%; -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; border-style: solid; border-width: 0 4.5px 7px 4.5px; border-color: transparent transparent #a1a3a6 transparent; } .slider-timer-2 .slider-button-next { bottom: 0; background-image: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%); background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, #f7f7f7 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F7F7F7', endColorstr='#FFF7F7F7', GradientType=0); } .slider-timer-2 .slider-button-next:before { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: 12px; left: 50%; -webkit-transform: translate(-50%, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 0); /* FF3.5+ */ -ms-transform: translate(-50%, 0); /* IE9 */ transform: translate(-50%, 0); zoom: 1; border-style: solid; border-width: 7px 4.5px 0 4.5px; border-color: #a1a3a6 transparent transparent transparent; margin: 0 auto; } .slider-timer-2 .xdsoft_time_variant { padding: 30px 0; display: block; height: auto; width: auto; position: relative; } .slider-timer-2 .xdsoft_time_variant .xdsoft_time { margin-bottom: 0; list-style: none; text-align: center; } .slider-timer-2 .xdsoft_time_variant .xdsoft_time span { color: #0a0a0b; cursor: pointer; font-size: 16px; font-size: 1.6rem; border-radius: 3px; line-height: 30px; max-width: 95px; display: inline-block; width: 100%; } @media only screen and (max-width: 992px) { .slider-timer-2 .xdsoft_time_variant .xdsoft_time span { font-size: 15px; font-size: 1.5rem; } } .slider-timer-2 .xdsoft_time_variant .xdsoft_time.xdsoft_current span { background-color: #0054ff; color: white; } .slider-container { width: 225px; height: 400px; position: relative; } #slider-test-2 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .slider-gallery-wrapper { position: relative; } .slider-gallery-wrapper.with-margin { margin: 20px 0 80px; } .slider-gallery-wrapper .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; } .slider-gallery-wrapper .swiper-slide > span, .slider-gallery-wrapper .swiper-slide .swiper-slide-legend { background: rgba(10, 10, 11, 0.8); bottom: 60px; color: white; display: inline-block; padding: 5px 10px; position: absolute; right: 0; font-size: 12px; font-size: 1.2rem; } @media only screen and (max-width: 600px) { .slider-gallery-wrapper .swiper-slide > span, .slider-gallery-wrapper .swiper-slide .swiper-slide-legend { bottom: auto; padding: 4px 8px; top: 0; font-size: 10px; font-size: 1rem; } } .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend { bottom: 80px; padding: 20px; font-size: 16px; font-size: 1.6rem; } @media only screen and (max-width: 769px) { .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend { position: static; width: 100%; font-size: 14px; font-size: 1.4rem; } } .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend p { margin: 0; } .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend ul { margin: 0; padding: 0 0 0 6px; } .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend ul li { margin: 0 0 5px; } .slider-gallery-wrapper .swiper-slide > .swiper-slide-legend ul li:last-child { margin: 0; } .slider-gallery-wrapper .slider-gallery-top { height: 740px; width: 100%; } @media only screen and (max-width: 600px) { .slider-gallery-wrapper .slider-gallery-top { height: 400px; } } .slider-gallery-wrapper .slider-gallery-thumbs { bottom: -75px; height: 135px; left: 0; padding: 0 0 0 8.035714%; position: absolute; width: 100%; } .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide { border-color: white; cursor: pointer; height: 80px; width: 120px; -webkit-box-shadow: 0px 12px 38px 0px rgba(0, 0, 0, 0.47); -moz-box-shadow: 0px 12px 38px 0px rgba(0, 0, 0, 0.47); box-shadow: 0px 12px 38px 0px rgba(0, 0, 0, 0.47); -moz-transition-property: border; /* FireFox */ -webkit-transition-property: border; /* Safari / Chrome */ transition-property: border; /* W3C */ -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide.is-selected, .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide:hover { border: 5px solid white; } @media only screen and (max-width: 992px) { .slider-gallery-wrapper .slider-gallery-thumbs { padding: 0 0 0 20px; } } @media only screen and (max-width: 875px) { .slider-gallery-wrapper .slider-gallery-thumbs { bottom: -85px; } .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide { height: 70px; width: 105px; } .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide.is-selected, .slider-gallery-wrapper .slider-gallery-thumbs .swiper-slide:hover { border: 3px solid white; } } @media only screen and (max-width: 600px) { .slider-gallery-wrapper .slider-gallery-thumbs { bottom: 5px; height: 70px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } .table { color: white; width: 100%; max-width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 15px; } @media only screen and (max-width: 992px) { .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 7.5px; } } @media only screen and (max-width: 600px) { .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 5px; } } .table a { color: white; text-decoration: underline; } .table .btn { text-decoration: none; } .table > caption { background: #0054ff; color: #f7f7f7; padding: 9px; } .table > thead > tr { background: #0054ff; } .table > thead > tr > th { color: #f7f7f7; font-weight: 700; padding-top: 9px; padding-bottom: 9px; height: 40px !important; } .table tr th:first-child { text-align: left; padding-left: 35px; } @media only screen and (max-width: 600px) { .table tr th:first-child { padding-left: 15px; } } .table tr td:first-child { text-align: left; padding-left: 35px; } @media only screen and (max-width: 600px) { .table tr td:first-child { padding-left: 15px; } } .table th, .table td { text-align: center; font-size: 14px; font-size: 1.4rem; } @media only screen and (max-width: 992px) { .table th, .table td { font-size: 12px; font-size: 1.2rem; } } @media only screen and (max-width: 600px) { .table th, .table td { font-size: 11px; font-size: 1.1rem; } } .table th ul, .table th ol, .table td ul, .table td ol { text-align: left; } .table .pulse { display: none; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #e5e5e5; vertical-align: middle; height: 60px; } .table > tbody > tr > th[headers*="view-field-white-logo-table-column"], .table > tbody > tr > td[headers*="view-field-white-logo-table-column"] { padding: 0; } .table > tbody > tr > th[headers*="view-field-white-logo-table-column"] img, .table > tbody > tr > td[headers*="view-field-white-logo-table-column"] img { width: auto; margin: 0 auto; max-height: 40px; max-width: 130px; } .table > tbody > tr > th[headers*="view-field-flight-number-table-column"], .table > tbody > tr > td[headers*="view-field-flight-number-table-column"] { position: relative; } .table > tbody > tr > th[headers*="view-field-flight-number-table-column"] .pulse, .table > tbody > tr > td[headers*="view-field-flight-number-table-column"] .pulse { position: absolute !important; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } .table > thead > tr > th { border-bottom: 0; } .table-normal { color: #0a0a0b; } .table-normal tr th:first-child { padding-left: 15px; } @media only screen and (max-width: 600px) { .table-normal tr th:first-child { padding-left: 5px; } } .table-normal tr td:first-child { padding-left: 15px; } @media only screen and (max-width: 600px) { .table-normal tr td:first-child { padding-left: 5px; } } .table-normal a { color: #0a0a0b; } .table-normal > thead > tr > th, .table-normal > thead > tr > td, .table-normal > tbody > tr > th, .table-normal > tbody > tr > td, .table-normal > tfoot > tr > th, .table-normal > tfoot > tr > td { color: #0a0a0b; border-top: 0; border-bottom: 1px solid #e5e5e5; } .table-normal > thead > tr > th { color: #f7f7f7; } .table-normal > tbody > tr { background-color: white; } .table-normal td.actions { background: #f7f7f7; width: 100px; } .table-normal td.actions .radio { margin: 0; text-align: center; vertical-align: middle; } .table-normal td.actions .radio input { margin: 0 auto; position: static; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #0a0a0b; } .table-striped > tbody > tr:nth-of-type(odd):hover { background-color: #0a0a0b !important; } .table-striped > tbody > tr:nth-of-type(even) { background-color: #1f1f1f; } .table-striped > tbody > tr:nth-of-type(even):hover { background-color: #1f1f1f !important; } .table-striped > thead > tr > th, .table-striped > thead > tr > td, .table-striped > tbody > tr > th, .table-striped > tbody > tr > td, .table-striped > tfoot > tr > th, .table-striped > tfoot > tr > td { border-top: 0; background: inherit; } .table-hover > tbody > tr:hover { background-color: inherit !important; } .table-bordered { border: 1px solid #e5e5e5; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #e5e5e5; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-summary td { text-align: left; } .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th { color: inherit; background-color: inherit; } .table > tbody > tr > td.active[headers*="view-field-status-table-column"], .table > tbody > tr > th.active[headers*="view-field-status-table-column"], .table > tbody > tr.active > td[headers*="view-field-status-table-column"], .table > tbody > tr.active > th[headers*="view-field-status-table-column"] { color: #2b2b2b; background-color: inherit; } .table > tbody > tr > td.active .pulse, .table > tbody > tr > th.active .pulse, .table > tbody > tr.active > td .pulse, .table > tbody > tr.active > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table > tbody > tr > td.active .pulse:before, .table > tbody > tr > th.active .pulse:before, .table > tbody > tr.active > td .pulse:before, .table > tbody > tr.active > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.active .pulse:after, .table > tbody > tr > th.active .pulse:after, .table > tbody > tr.active > td .pulse:after, .table > tbody > tr.active > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table > tbody > tr > td.active .pulse, .table > tbody > tr > th.active .pulse, .table > tbody > tr.active > td .pulse, .table > tbody > tr.active > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table > tbody > tr > td.active .pulse:before, .table > tbody > tr > th.active .pulse:before, .table > tbody > tr.active > td .pulse:before, .table > tbody > tr.active > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.active .pulse:after, .table > tbody > tr > th.active .pulse:after, .table > tbody > tr.active > td .pulse:after, .table > tbody > tr.active > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table > tbody > tr > td.active .pulse, .table > tbody > tr > th.active .pulse, .table > tbody > tr.active > td .pulse, .table > tbody > tr.active > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table > tbody > tr > td.active .pulse:before, .table > tbody > tr > th.active .pulse:before, .table > tbody > tr.active > td .pulse:before, .table > tbody > tr.active > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.active .pulse:after, .table > tbody > tr > th.active .pulse:after, .table > tbody > tr.active > td .pulse:after, .table > tbody > tr.active > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { color: inherit; background-color: inherit; } .table-hover > tbody > tr > td.active:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr > th.active:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr.active:hover > td[headers*="view-field-status-table-column"], .table-hover > tbody > tr:hover > .active[headers*="view-field-status-table-column"], .table-hover > tbody > tr.active:hover > th[headers*="view-field-status-table-column"] { color: #2b2b2b; background-color: inherit; } .table-hover > tbody > tr > td.active:hover .pulse, .table-hover > tbody > tr > th.active:hover .pulse, .table-hover > tbody > tr.active:hover > td .pulse, .table-hover > tbody > tr:hover > .active .pulse, .table-hover > tbody > tr.active:hover > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table-hover > tbody > tr > td.active:hover .pulse:before, .table-hover > tbody > tr > th.active:hover .pulse:before, .table-hover > tbody > tr.active:hover > td .pulse:before, .table-hover > tbody > tr:hover > .active .pulse:before, .table-hover > tbody > tr.active:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.active:hover .pulse:after, .table-hover > tbody > tr > th.active:hover .pulse:after, .table-hover > tbody > tr.active:hover > td .pulse:after, .table-hover > tbody > tr:hover > .active .pulse:after, .table-hover > tbody > tr.active:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table-hover > tbody > tr > td.active:hover .pulse, .table-hover > tbody > tr > th.active:hover .pulse, .table-hover > tbody > tr.active:hover > td .pulse, .table-hover > tbody > tr:hover > .active .pulse, .table-hover > tbody > tr.active:hover > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table-hover > tbody > tr > td.active:hover .pulse:before, .table-hover > tbody > tr > th.active:hover .pulse:before, .table-hover > tbody > tr.active:hover > td .pulse:before, .table-hover > tbody > tr:hover > .active .pulse:before, .table-hover > tbody > tr.active:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.active:hover .pulse:after, .table-hover > tbody > tr > th.active:hover .pulse:after, .table-hover > tbody > tr.active:hover > td .pulse:after, .table-hover > tbody > tr:hover > .active .pulse:after, .table-hover > tbody > tr.active:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table-hover > tbody > tr > td.active:hover .pulse, .table-hover > tbody > tr > th.active:hover .pulse, .table-hover > tbody > tr.active:hover > td .pulse, .table-hover > tbody > tr:hover > .active .pulse, .table-hover > tbody > tr.active:hover > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table-hover > tbody > tr > td.active:hover .pulse:before, .table-hover > tbody > tr > th.active:hover .pulse:before, .table-hover > tbody > tr.active:hover > td .pulse:before, .table-hover > tbody > tr:hover > .active .pulse:before, .table-hover > tbody > tr.active:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(43, 43, 43, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.active:hover .pulse:after, .table-hover > tbody > tr > th.active:hover .pulse:after, .table-hover > tbody > tr.active:hover > td .pulse:after, .table-hover > tbody > tr:hover > .active .pulse:after, .table-hover > tbody > tr.active:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #2b2b2b; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th { color: inherit; background-color: inherit; } .table > tbody > tr > td.success[headers*="view-field-status-table-column"], .table > tbody > tr > th.success[headers*="view-field-status-table-column"], .table > tbody > tr.success > td[headers*="view-field-status-table-column"], .table > tbody > tr.success > th[headers*="view-field-status-table-column"] { color: #33cc66; background-color: inherit; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { color: inherit; background-color: inherit; } .table-hover > tbody > tr > td.success:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr > th.success:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr.success:hover > td[headers*="view-field-status-table-column"], .table-hover > tbody > tr:hover > .success[headers*="view-field-status-table-column"], .table-hover > tbody > tr.success:hover > th[headers*="view-field-status-table-column"] { color: #33cc66; background-color: inherit; } .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th { color: inherit; background-color: inherit; } .table > tbody > tr > td.info[headers*="view-field-status-table-column"], .table > tbody > tr > th.info[headers*="view-field-status-table-column"], .table > tbody > tr.info > td[headers*="view-field-status-table-column"], .table > tbody > tr.info > th[headers*="view-field-status-table-column"] { color: #0054ff; background-color: inherit; } .table > tbody > tr > td.info .pulse, .table > tbody > tr > th.info .pulse, .table > tbody > tr.info > td .pulse, .table > tbody > tr.info > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table > tbody > tr > td.info .pulse:before, .table > tbody > tr > th.info .pulse:before, .table > tbody > tr.info > td .pulse:before, .table > tbody > tr.info > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.info .pulse:after, .table > tbody > tr > th.info .pulse:after, .table > tbody > tr.info > td .pulse:after, .table > tbody > tr.info > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table > tbody > tr > td.info .pulse, .table > tbody > tr > th.info .pulse, .table > tbody > tr.info > td .pulse, .table > tbody > tr.info > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table > tbody > tr > td.info .pulse:before, .table > tbody > tr > th.info .pulse:before, .table > tbody > tr.info > td .pulse:before, .table > tbody > tr.info > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.info .pulse:after, .table > tbody > tr > th.info .pulse:after, .table > tbody > tr.info > td .pulse:after, .table > tbody > tr.info > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table > tbody > tr > td.info .pulse, .table > tbody > tr > th.info .pulse, .table > tbody > tr.info > td .pulse, .table > tbody > tr.info > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table > tbody > tr > td.info .pulse:before, .table > tbody > tr > th.info .pulse:before, .table > tbody > tr.info > td .pulse:before, .table > tbody > tr.info > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.info .pulse:after, .table > tbody > tr > th.info .pulse:after, .table > tbody > tr.info > td .pulse:after, .table > tbody > tr.info > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { color: inherit; background-color: inherit; } .table-hover > tbody > tr > td.info:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr > th.info:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr.info:hover > td[headers*="view-field-status-table-column"], .table-hover > tbody > tr:hover > .info[headers*="view-field-status-table-column"], .table-hover > tbody > tr.info:hover > th[headers*="view-field-status-table-column"] { color: #0054ff; background-color: inherit; } .table-hover > tbody > tr > td.info:hover .pulse, .table-hover > tbody > tr > th.info:hover .pulse, .table-hover > tbody > tr.info:hover > td .pulse, .table-hover > tbody > tr:hover > .info .pulse, .table-hover > tbody > tr.info:hover > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table-hover > tbody > tr > td.info:hover .pulse:before, .table-hover > tbody > tr > th.info:hover .pulse:before, .table-hover > tbody > tr.info:hover > td .pulse:before, .table-hover > tbody > tr:hover > .info .pulse:before, .table-hover > tbody > tr.info:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.info:hover .pulse:after, .table-hover > tbody > tr > th.info:hover .pulse:after, .table-hover > tbody > tr.info:hover > td .pulse:after, .table-hover > tbody > tr:hover > .info .pulse:after, .table-hover > tbody > tr.info:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table-hover > tbody > tr > td.info:hover .pulse, .table-hover > tbody > tr > th.info:hover .pulse, .table-hover > tbody > tr.info:hover > td .pulse, .table-hover > tbody > tr:hover > .info .pulse, .table-hover > tbody > tr.info:hover > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table-hover > tbody > tr > td.info:hover .pulse:before, .table-hover > tbody > tr > th.info:hover .pulse:before, .table-hover > tbody > tr.info:hover > td .pulse:before, .table-hover > tbody > tr:hover > .info .pulse:before, .table-hover > tbody > tr.info:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.info:hover .pulse:after, .table-hover > tbody > tr > th.info:hover .pulse:after, .table-hover > tbody > tr.info:hover > td .pulse:after, .table-hover > tbody > tr:hover > .info .pulse:after, .table-hover > tbody > tr.info:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table-hover > tbody > tr > td.info:hover .pulse, .table-hover > tbody > tr > th.info:hover .pulse, .table-hover > tbody > tr.info:hover > td .pulse, .table-hover > tbody > tr:hover > .info .pulse, .table-hover > tbody > tr.info:hover > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table-hover > tbody > tr > td.info:hover .pulse:before, .table-hover > tbody > tr > th.info:hover .pulse:before, .table-hover > tbody > tr.info:hover > td .pulse:before, .table-hover > tbody > tr:hover > .info .pulse:before, .table-hover > tbody > tr.info:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.info:hover .pulse:after, .table-hover > tbody > tr > th.info:hover .pulse:after, .table-hover > tbody > tr.info:hover > td .pulse:after, .table-hover > tbody > tr:hover > .info .pulse:after, .table-hover > tbody > tr.info:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th { color: inherit; background-color: inherit; } .table > tbody > tr > td.warning[headers*="view-field-status-table-column"], .table > tbody > tr > th.warning[headers*="view-field-status-table-column"], .table > tbody > tr.warning > td[headers*="view-field-status-table-column"], .table > tbody > tr.warning > th[headers*="view-field-status-table-column"] { color: #ffcc33; background-color: inherit; } .table > tbody > tr > td.warning .pulse, .table > tbody > tr > th.warning .pulse, .table > tbody > tr.warning > td .pulse, .table > tbody > tr.warning > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table > tbody > tr > td.warning .pulse:before, .table > tbody > tr > th.warning .pulse:before, .table > tbody > tr.warning > td .pulse:before, .table > tbody > tr.warning > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.warning .pulse:after, .table > tbody > tr > th.warning .pulse:after, .table > tbody > tr.warning > td .pulse:after, .table > tbody > tr.warning > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table > tbody > tr > td.warning .pulse, .table > tbody > tr > th.warning .pulse, .table > tbody > tr.warning > td .pulse, .table > tbody > tr.warning > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table > tbody > tr > td.warning .pulse:before, .table > tbody > tr > th.warning .pulse:before, .table > tbody > tr.warning > td .pulse:before, .table > tbody > tr.warning > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.warning .pulse:after, .table > tbody > tr > th.warning .pulse:after, .table > tbody > tr.warning > td .pulse:after, .table > tbody > tr.warning > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table > tbody > tr > td.warning .pulse, .table > tbody > tr > th.warning .pulse, .table > tbody > tr.warning > td .pulse, .table > tbody > tr.warning > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table > tbody > tr > td.warning .pulse:before, .table > tbody > tr > th.warning .pulse:before, .table > tbody > tr.warning > td .pulse:before, .table > tbody > tr.warning > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.warning .pulse:after, .table > tbody > tr > th.warning .pulse:after, .table > tbody > tr.warning > td .pulse:after, .table > tbody > tr.warning > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { color: inherit; background-color: inherit; } .table-hover > tbody > tr > td.warning:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr > th.warning:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr.warning:hover > td[headers*="view-field-status-table-column"], .table-hover > tbody > tr:hover > .warning[headers*="view-field-status-table-column"], .table-hover > tbody > tr.warning:hover > th[headers*="view-field-status-table-column"] { color: #ffcc33; background-color: inherit; } .table-hover > tbody > tr > td.warning:hover .pulse, .table-hover > tbody > tr > th.warning:hover .pulse, .table-hover > tbody > tr.warning:hover > td .pulse, .table-hover > tbody > tr:hover > .warning .pulse, .table-hover > tbody > tr.warning:hover > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table-hover > tbody > tr > td.warning:hover .pulse:before, .table-hover > tbody > tr > th.warning:hover .pulse:before, .table-hover > tbody > tr.warning:hover > td .pulse:before, .table-hover > tbody > tr:hover > .warning .pulse:before, .table-hover > tbody > tr.warning:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.warning:hover .pulse:after, .table-hover > tbody > tr > th.warning:hover .pulse:after, .table-hover > tbody > tr.warning:hover > td .pulse:after, .table-hover > tbody > tr:hover > .warning .pulse:after, .table-hover > tbody > tr.warning:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table-hover > tbody > tr > td.warning:hover .pulse, .table-hover > tbody > tr > th.warning:hover .pulse, .table-hover > tbody > tr.warning:hover > td .pulse, .table-hover > tbody > tr:hover > .warning .pulse, .table-hover > tbody > tr.warning:hover > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table-hover > tbody > tr > td.warning:hover .pulse:before, .table-hover > tbody > tr > th.warning:hover .pulse:before, .table-hover > tbody > tr.warning:hover > td .pulse:before, .table-hover > tbody > tr:hover > .warning .pulse:before, .table-hover > tbody > tr.warning:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.warning:hover .pulse:after, .table-hover > tbody > tr > th.warning:hover .pulse:after, .table-hover > tbody > tr.warning:hover > td .pulse:after, .table-hover > tbody > tr:hover > .warning .pulse:after, .table-hover > tbody > tr.warning:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table-hover > tbody > tr > td.warning:hover .pulse, .table-hover > tbody > tr > th.warning:hover .pulse, .table-hover > tbody > tr.warning:hover > td .pulse, .table-hover > tbody > tr:hover > .warning .pulse, .table-hover > tbody > tr.warning:hover > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table-hover > tbody > tr > td.warning:hover .pulse:before, .table-hover > tbody > tr > th.warning:hover .pulse:before, .table-hover > tbody > tr.warning:hover > td .pulse:before, .table-hover > tbody > tr:hover > .warning .pulse:before, .table-hover > tbody > tr.warning:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 204, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.warning:hover .pulse:after, .table-hover > tbody > tr > th.warning:hover .pulse:after, .table-hover > tbody > tr.warning:hover > td .pulse:after, .table-hover > tbody > tr:hover > .warning .pulse:after, .table-hover > tbody > tr.warning:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ffcc33; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th { color: inherit; background-color: inherit; } .table > tbody > tr > td.danger[headers*="view-field-status-table-column"], .table > tbody > tr > th.danger[headers*="view-field-status-table-column"], .table > tbody > tr.danger > td[headers*="view-field-status-table-column"], .table > tbody > tr.danger > th[headers*="view-field-status-table-column"] { color: #ff3333; background-color: inherit; } .table > tbody > tr > td.danger .pulse, .table > tbody > tr > th.danger .pulse, .table > tbody > tr.danger > td .pulse, .table > tbody > tr.danger > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table > tbody > tr > td.danger .pulse:before, .table > tbody > tr > th.danger .pulse:before, .table > tbody > tr.danger > td .pulse:before, .table > tbody > tr.danger > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.danger .pulse:after, .table > tbody > tr > th.danger .pulse:after, .table > tbody > tr.danger > td .pulse:after, .table > tbody > tr.danger > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table > tbody > tr > td.danger .pulse, .table > tbody > tr > th.danger .pulse, .table > tbody > tr.danger > td .pulse, .table > tbody > tr.danger > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table > tbody > tr > td.danger .pulse:before, .table > tbody > tr > th.danger .pulse:before, .table > tbody > tr.danger > td .pulse:before, .table > tbody > tr.danger > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.danger .pulse:after, .table > tbody > tr > th.danger .pulse:after, .table > tbody > tr.danger > td .pulse:after, .table > tbody > tr.danger > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table > tbody > tr > td.danger .pulse, .table > tbody > tr > th.danger .pulse, .table > tbody > tr.danger > td .pulse, .table > tbody > tr.danger > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table > tbody > tr > td.danger .pulse:before, .table > tbody > tr > th.danger .pulse:before, .table > tbody > tr.danger > td .pulse:before, .table > tbody > tr.danger > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table > tbody > tr > td.danger .pulse:after, .table > tbody > tr > th.danger .pulse:after, .table > tbody > tr.danger > td .pulse:after, .table > tbody > tr.danger > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { color: inherit; background-color: inherit; } .table-hover > tbody > tr > td.danger:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr > th.danger:hover[headers*="view-field-status-table-column"], .table-hover > tbody > tr.danger:hover > td[headers*="view-field-status-table-column"], .table-hover > tbody > tr:hover > .danger[headers*="view-field-status-table-column"], .table-hover > tbody > tr.danger:hover > th[headers*="view-field-status-table-column"] { color: #ff3333; background-color: inherit; } .table-hover > tbody > tr > td.danger:hover .pulse, .table-hover > tbody > tr > th.danger:hover .pulse, .table-hover > tbody > tr.danger:hover > td .pulse, .table-hover > tbody > tr:hover > .danger .pulse, .table-hover > tbody > tr.danger:hover > th .pulse { height: 30px; width: 30px; display: block; position: relative; } .table-hover > tbody > tr > td.danger:hover .pulse:before, .table-hover > tbody > tr > th.danger:hover .pulse:before, .table-hover > tbody > tr.danger:hover > td .pulse:before, .table-hover > tbody > tr:hover > .danger .pulse:before, .table-hover > tbody > tr.danger:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.danger:hover .pulse:after, .table-hover > tbody > tr > th.danger:hover .pulse:after, .table-hover > tbody > tr.danger:hover > td .pulse:after, .table-hover > tbody > tr:hover > .danger .pulse:after, .table-hover > tbody > tr.danger:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .table-hover > tbody > tr > td.danger:hover .pulse, .table-hover > tbody > tr > th.danger:hover .pulse, .table-hover > tbody > tr.danger:hover > td .pulse, .table-hover > tbody > tr:hover > .danger .pulse, .table-hover > tbody > tr.danger:hover > th .pulse { height: 25px; width: 25px; display: block; position: relative; } .table-hover > tbody > tr > td.danger:hover .pulse:before, .table-hover > tbody > tr > th.danger:hover .pulse:before, .table-hover > tbody > tr.danger:hover > td .pulse:before, .table-hover > tbody > tr:hover > .danger .pulse:before, .table-hover > tbody > tr.danger:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.danger:hover .pulse:after, .table-hover > tbody > tr > th.danger:hover .pulse:after, .table-hover > tbody > tr.danger:hover > td .pulse:after, .table-hover > tbody > tr:hover > .danger .pulse:after, .table-hover > tbody > tr.danger:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .table-hover > tbody > tr > td.danger:hover .pulse, .table-hover > tbody > tr > th.danger:hover .pulse, .table-hover > tbody > tr.danger:hover > td .pulse, .table-hover > tbody > tr:hover > .danger .pulse, .table-hover > tbody > tr.danger:hover > th .pulse { height: 20px; width: 20px; display: block; position: relative; } .table-hover > tbody > tr > td.danger:hover .pulse:before, .table-hover > tbody > tr > th.danger:hover .pulse:before, .table-hover > tbody > tr.danger:hover > td .pulse:before, .table-hover > tbody > tr:hover > .danger .pulse:before, .table-hover > tbody > tr.danger:hover > th .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .table-hover > tbody > tr > td.danger:hover .pulse:after, .table-hover > tbody > tr > th.danger:hover .pulse:after, .table-hover > tbody > tr.danger:hover > td .pulse:after, .table-hover > tbody > tr:hover > .danger .pulse:after, .table-hover > tbody > tr.danger:hover > th .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 0; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; border: 0; } } .tiles:nth-child(2) .col-md-3:nth-child(2) .tile { background-color: #23b5c7; } .tiles:nth-child(2) .col-md-3:nth-child(3) .tile { background-color: #1f5be3; } .tiles:nth-child(3) .col-md-3:nth-child(1) .tile { background-color: #0eadff; } .tiles:nth-child(3) .col-md-3:nth-child(2) .tile { background-color: #2f1f94; } body.user-logged-in .tiles:nth-child(3) .col-md-3:nth-child(2) .tile { background-color: #23b5c7; } body.user-logged-in .tiles:nth-child(3) .col-md-3:nth-child(3) .tile { background-color: #1f5be3; } body.user-logged-in .tiles:nth-child(4) .col-md-3:nth-child(1) .tile { background-color: #0eadff; } body.user-logged-in .tiles:nth-child(4) .col-md-3:nth-child(2) .tile { background-color: #2f1f94; } .tile { color: white; position: relative; background-size: cover; background-position: center; } .tile.inverted { color: #0a0a0b; } .tile.tile-teal { background-color: #23b5c7 !important; } .tile.tile-blue { background-color: #1f5be3 !important; } .tile.tile-light-blue { background-color: #0eadff !important; } .tile.tile-black { background-color: #0a0a0b !important; } .tile.tile-purple { background-color: #2f1f94 !important; } .tile .title-default { margin-bottom: 0; } .tile .btn-inverse { color: white; background-color: transparent; border-color: white; } .tile .btn-inverse .icon path { fill: white; } .tile .btn-inverse:focus, .tile .btn-inverse.focus { color: white; background-color: rgba(26, 26, 26, 0); border-color: white; } .tile .btn-inverse:focus .icon path, .tile .btn-inverse.focus .icon path { fill: white; } .tile .btn-inverse:hover { color: white; background-color: rgba(26, 26, 26, 0); border-color: white; } .tile .btn-inverse:hover .icon path { fill: white; } .tile .btn-inverse:hover.btn-inverse { color: white; background-color: white; border-color: white; } .tile .btn-inverse:hover.btn-inverse .icon path { fill: white; } .tile .btn-inverse:active, .tile .btn-inverse.active, .open > .tile .btn-inverse.dropdown-toggle { color: white; background-color: rgba(26, 26, 26, 0); border-color: white; } .tile .btn-inverse:active .icon path, .tile .btn-inverse.active .icon path, .open > .tile .btn-inverse.dropdown-toggle .icon path { fill: white; } .tile .btn-inverse:active:hover, .tile .btn-inverse:active:focus, .tile .btn-inverse:active.focus, .tile .btn-inverse.active:hover, .tile .btn-inverse.active:focus, .tile .btn-inverse.active.focus, .open > .tile .btn-inverse.dropdown-toggle:hover, .open > .tile .btn-inverse.dropdown-toggle:focus, .open > .tile .btn-inverse.dropdown-toggle.focus { color: white; background-color: rgba(26, 26, 26, 0); border-color: white; } .tile .btn-inverse:active:hover .icon path, .tile .btn-inverse:active:focus .icon path, .tile .btn-inverse:active.focus .icon path, .tile .btn-inverse.active:hover .icon path, .tile .btn-inverse.active:focus .icon path, .tile .btn-inverse.active.focus .icon path, .open > .tile .btn-inverse.dropdown-toggle:hover .icon path, .open > .tile .btn-inverse.dropdown-toggle:focus .icon path, .open > .tile .btn-inverse.dropdown-toggle.focus .icon path { fill: white; } .tile .btn-inverse:active:hover.btn-inverse, .tile .btn-inverse:active:focus.btn-inverse, .tile .btn-inverse:active.focus.btn-inverse, .tile .btn-inverse.active:hover.btn-inverse, .tile .btn-inverse.active:focus.btn-inverse, .tile .btn-inverse.active.focus.btn-inverse, .open > .tile .btn-inverse.dropdown-toggle:hover.btn-inverse, .open > .tile .btn-inverse.dropdown-toggle:focus.btn-inverse, .open > .tile .btn-inverse.dropdown-toggle.focus.btn-inverse { color: white; background-color: white; border-color: white; } .tile .btn-inverse:active:hover.btn-inverse .icon path, .tile .btn-inverse:active:focus.btn-inverse .icon path, .tile .btn-inverse:active.focus.btn-inverse .icon path, .tile .btn-inverse.active:hover.btn-inverse .icon path, .tile .btn-inverse.active:focus.btn-inverse .icon path, .tile .btn-inverse.active.focus.btn-inverse .icon path, .open > .tile .btn-inverse.dropdown-toggle:hover.btn-inverse .icon path, .open > .tile .btn-inverse.dropdown-toggle:focus.btn-inverse .icon path, .open > .tile .btn-inverse.dropdown-toggle.focus.btn-inverse .icon path { fill: white; } .tile .btn-inverse:active, .tile .btn-inverse.active, .open > .tile .btn-inverse.dropdown-toggle { background-image: none; } .tile .btn-inverse.disabled:hover, .tile .btn-inverse.disabled:focus, .tile .btn-inverse.disabled.focus, .tile .btn-inverse[disabled]:hover, .tile .btn-inverse[disabled]:focus, .tile .btn-inverse[disabled].focus, fieldset[disabled] .tile .btn-inverse:hover, fieldset[disabled] .tile .btn-inverse:focus, fieldset[disabled] .tile .btn-inverse.focus { background-color: transparent; border-color: white; } .tile .btn-inverse .badge { color: transparent; background-color: white; } .tile .btn-inverse:hover { color: #0a0a0b !important; } .tile-offer { border-radius: 4px; background-image: url("../img/offers/offer-pdo.jpg"); } .tile-offer.tile-offer-cars { background-image: url("../img/offers/offer-cars.jpg"); } .tile-offer .tile-description { padding: 8px 0; font-size: 18px; font-size: 1.8rem; } @media only screen and (max-width: 1300px) { .tile-offer .tile-description { font-size: 16px; font-size: 1.6rem; line-height: 18px; } } @media only screen and (max-width: 768px) { .tile-offer .tile-description { font-size: 12px; font-size: 1.2rem; padding: 0; } } .tile-offer .btn { margin-top: 12px; } @media only screen and (max-width: 600px) { .tile-offer { padding-bottom: 30.149253% !important; } } a.tile { color: white; position: relative; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 1s; /* FireFox */ -webkit-transition-duration: 1s; /* Safari / Chrome */ transition-duration: 1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile .vertical-align-content { padding: 0 20px; } a.tile img { height: auto; width: 100%; position: absolute; left: 0; z-index: 1; -webkit-transform: scale(1); /* Saf3.1+, Chrome */ -moz-transform: scale(1); /* FF3.5+ */ -ms-transform: scale(1); /* IE9 */ transform: scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-backface-visibility: hidden; } a.tile img.tile-icon { max-width: calc(100% - 40px); position: static; width: auto; } a.tile img.tile-icon + h2 { margin-top: 40px; } a.tile:before { content: ''; width: 0px; height: 100%; position: absolute; display: block; left: 0; background-color: white; z-index: 3; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile:after { content: ''; width: 0px; height: 100%; position: absolute; display: block; right: 0; background-color: white; z-index: 3; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile .top-bottom-hover { height: 100%; width: 100%; position: absolute; left: 0; z-index: 1; } a.tile .top-bottom-hover:before { content: ''; height: 0px; width: 100%; position: absolute; display: block; top: 0; background-color: white; z-index: 3; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile .top-bottom-hover:after { content: ''; height: 0px; width: 100%; position: absolute; display: block; bottom: 0; background-color: white; z-index: 3; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.3s; /* FireFox */ -webkit-transition-duration: 0.3s; /* Safari / Chrome */ transition-duration: 0.3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile.embed-responsive-1by1 .icon, a.tile.embed-responsive-2by1 .icon { margin: 0 auto 40px; display: block; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.25s; /* FireFox */ -webkit-transition-duration: 0.25s; /* Safari / Chrome */ transition-duration: 0.25s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } a.tile.embed-responsive-1by1 .icon.icon-instagram-fr, a.tile.embed-responsive-1by1 .icon.icon-instagram-en, a.tile.embed-responsive-2by1 .icon.icon-instagram-fr, a.tile.embed-responsive-2by1 .icon.icon-instagram-en { visibility: hidden; } a.tile.embed-responsive-1by1 .icon.icon-instagram-fr, a.tile.embed-responsive-1by1 .icon.icon-instagram-en, a.tile.embed-responsive-1by1 .icon.icon-yqb-2018, a.tile.embed-responsive-2by1 .icon.icon-instagram-fr, a.tile.embed-responsive-2by1 .icon.icon-instagram-en, a.tile.embed-responsive-2by1 .icon.icon-yqb-2018 { margin: 0 auto; width: calc(65% + 80px); max-width: 100%; } a.tile.embed-responsive-1by1 .icon.icon-instagram-fr + h2, a.tile.embed-responsive-1by1 .icon.icon-instagram-en + h2, a.tile.embed-responsive-1by1 .icon.icon-yqb-2018 + h2, a.tile.embed-responsive-2by1 .icon.icon-instagram-fr + h2, a.tile.embed-responsive-2by1 .icon.icon-instagram-en + h2, a.tile.embed-responsive-2by1 .icon.icon-yqb-2018 + h2 { position: absolute; visibility: hidden; } @media only screen and (max-width: 1300px) { a.tile.embed-responsive-1by1 .icon, a.tile.embed-responsive-2by1 .icon { margin: 0 auto 25px; -webkit-transform: scale(0.9); /* Saf3.1+, Chrome */ -moz-transform: scale(0.9); /* FF3.5+ */ -ms-transform: scale(0.9); /* IE9 */ transform: scale(0.9); } } @media only screen and (max-width: 992px) { a.tile.embed-responsive-1by1 .icon, a.tile.embed-responsive-2by1 .icon { -webkit-transform: scale(0.8); /* Saf3.1+, Chrome */ -moz-transform: scale(0.8); /* FF3.5+ */ -ms-transform: scale(0.8); /* IE9 */ transform: scale(0.8); } } @media only screen and (max-width: 600px) { a.tile.embed-responsive-1by1 .icon, a.tile.embed-responsive-2by1 .icon { -webkit-transform: scale(0.65); /* Saf3.1+, Chrome */ -moz-transform: scale(0.65); /* FF3.5+ */ -ms-transform: scale(0.65); /* IE9 */ transform: scale(0.65); margin: 0 auto 5px; } } @media only screen and (max-width: 768px) { a.tile.embed-responsive-2by1 { display: none; } } a.tile .btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 30%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 30%); /* FF3.5+ */ -ms-transform: translate(-50%, 30%); /* IE9 */ transform: translate(-50%, 30%); zoom: 1; margin-top: 0px; opacity: 0; } a.tile .tile-description { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 5px); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 5px); /* FF3.5+ */ -ms-transform: translate(-50%, 5px); /* IE9 */ transform: translate(-50%, 5px); zoom: 1; width: 80%; } a.tile .title-default { line-height: 100%; -webkit-transform: translate(0, -20px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -20px); /* FF3.5+ */ -ms-transform: translate(0, -20px); /* IE9 */ transform: translate(0, -20px); zoom: 1; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 992px) { a.tile .title-default { -webkit-transform: translate(0, -10px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -10px); /* FF3.5+ */ -ms-transform: translate(0, -10px); /* IE9 */ transform: translate(0, -10px); zoom: 1; } } a.tile .vertical-align-content.content-hidden h2, a.tile .vertical-align-content.content-hidden .tile-description { position: absolute; visibility: hidden; } .tile-description { display: block; -moz-transition-property: opacity; /* FireFox */ -webkit-transition-property: opacity; /* Safari / Chrome */ transition-property: opacity; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .tile-col-extra { display: none; } @media only screen and (min-width: 601px) { .tile-col-extra.tile-col-extra-break { display: block; } } @media only screen and (min-width: 993px) { .tile-col-extra.tile-col-extra-lg { display: block; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .tile-col-extra.tile-col-extra-md { display: block; } .tile-col-extra.tile-col-extra-extra-md { display: block; } } @media only screen and (min-width: 601px) and (max-width: 768px) { .tile-col-extra.tile-col-extra-sm { display: block; } } .tile-motto-wrapper { background-color: #e5eeff; position: relative; overflow: hidden; } .tile-motto-wrapper .pulse { height: 125px; width: 125px; display: block; position: relative; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 50%); /* FF3.5+ */ -ms-transform: translate(-50%, 50%); /* IE9 */ transform: translate(-50%, 50%); zoom: 1; } .tile-motto-wrapper .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.2); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .tile-motto-wrapper .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 75px; height: 75px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; -webkit-box-shadow: 0px 12.5px 25px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 12.5px 25px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 12.5px 25px 0px rgba(0, 0, 0, 0.3); } .tile-motto-wrapper > .tile-motto-inner { padding: 130px 70px; text-align: center; color: #0054ff; } .tile-motto-wrapper > .tile-motto-inner > .tile-label { display: block; font-weight: 700; letter-spacing: 2px; line-height: 1; margin: 0 0 20px 0; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; } .tile-motto-wrapper > .tile-motto-inner > .text-motto { font-weight: 700; margin: 0; line-height: 32px; margin-bottom: 20px; font-size: 50px; font-size: 5rem; } @media only screen and (max-width: 1300px) { .tile-motto-wrapper > .tile-motto-inner > .text-motto { font-size: 38px; font-size: 3.8rem; } } @media only screen and (max-width: 768px) { .tile-motto-wrapper > .tile-motto-inner > .text-motto { font-size: 30px; font-size: 3rem; line-height: 32px; } } .tile-priorities-wrapper > .tile-priorities-inner { padding: 60px 70px; } .tile-priorities-wrapper > .tile-priorities-inner > span { display: block; font-weight: 700; letter-spacing: 2px; line-height: 1; margin: 0 0 20px 0; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; } .tile-priorities-wrapper > .tile-priorities-inner > .hook-txt p { margin: 0 0 20px 0; } .tile-priorities-wrapper > .tile-priorities-inner > h2 { font-weight: 700 !important; margin: 0 auto !important; margin: 0; font-size: 24px; font-size: 2.4rem; font-weight: 400; } @media only screen and (max-width: 1300px) { .tile-priorities-wrapper > .tile-priorities-inner > h2 { font-size: 21px; font-size: 2.1rem; } } @media only screen and (max-width: 768px) { .tile-priorities-wrapper > .tile-priorities-inner > h2 { font-size: 19px; font-size: 1.9rem; } } .tile-priorities-wrapper > .tile-priorities-inner > .body-txt p { line-height: 1.25; margin: 20px 0 0 0; } @media only screen and (max-width: 1200px) { .tile-priorities-wrapper > .tile-priorities-inner { padding: 40px; } } @media only screen and (max-width: 600px) { .tile-priorities-wrapper > .tile-priorities-inner { padding: 20px; } .tile-priorities-wrapper > .tile-priorities-inner > span { margin: 0 0 20px 0; } } .tile-blockquote { text-align: center; } .tile-blockquote blockquote { padding: 75px; } .tile-blockquote blockquote p { font-style: italic; line-height: 1.33; font-size: 30px; font-size: 3rem; } .tile-blockquote footer { margin: 40px 0 0 0; } @media only screen and (max-width: 1300px) { .tile-blockquote blockquote { padding: 40px; } .tile-blockquote blockquote p { font-size: 24px; font-size: 2.4rem; } } @media only screen and (max-width: 600px) { .tile-blockquote blockquote { padding: 20px; } .tile-blockquote blockquote p { font-size: 21px; font-size: 2.1rem; } .tile-blockquote footer { margin: 20px 0 0 0; } } @media only screen and (max-width: 600px) { .view-tiles .embed-responsive-1by1 { padding-bottom: 0; height: auto; } } .view-tiles .tile { color: #404040; } @media only screen and (max-width: 1200px) { .view-tiles .tile { font-size: 14px; font-size: 1.4rem; } } .view-tiles .tile .tile-content { padding: 0 13% 13%; } @media only screen and (max-width: 1200px) { .view-tiles .tile .tile-content { padding: 0 10% 10%; } } @media only screen and (max-width: 600px) { .view-tiles .tile .tile-content { padding: 0 10% 7%; } } .view-tiles .tile .views-field-field-color-logo { height: 170px; position: relative; } @media only screen and (max-width: 1300px) { .view-tiles .tile .views-field-field-color-logo { height: 110px; } } @media only screen and (max-width: 1200px) { .view-tiles .tile .views-field-field-color-logo { max-width: 80%; height: 90px; } } .view-tiles .tile .views-field-field-color-logo .field-content { z-index: 2; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; width: 100%; } .view-tiles .tile .views-field-field-color-logo img { width: auto; max-width: 100%; max-height: 60px; } @media only screen and (max-width: 1200px) { .view-tiles .tile .views-field-field-color-logo img { max-height: 50px; } } .view-tiles .tile .views-field-field-phone-numbers { margin-top: 10%; min-height: 40px; margin-bottom: 7%; } @media only screen and (max-width: 1300px) { .view-tiles .tile .views-field-field-phone-numbers { margin-top: 5%; } } @media only screen and (max-width: 1200px) { .view-tiles .tile .views-field-field-phone-numbers { margin-top: 0; } } @media only screen and (max-width: 600px) { .view-tiles .tile .views-field-field-phone-numbers { min-height: 0; } } .view-tiles .tile a { text-decoration: underline; color: #0054ff; } .view-tiles .tile a:hover, .view-tiles .tile a:focus { color: #0054ff; text-decoration: none; } .view-tiles .col-lg-3:nth-child(odd) { background-color: #f7f7f7; } .view-tiles .col-lg-3:nth-child(even) { background-color: white; } @media only screen and (min-width: 993px) { .view-tiles .col-lg-3:nth-child(8n - 3) { background: white; } .view-tiles .col-lg-3:nth-child(8n - 2) { background: #f7f7f7; } .view-tiles .col-lg-3:nth-child(8n - 1) { background: white; } .view-tiles .col-lg-3:nth-child(8n) { background: #f7f7f7; } } @media only screen and (min-width: 601px) and (max-width: 768px) { .view-tiles .col-lg-3:nth-child(4n - 1) { background: white; } .view-tiles .col-lg-3:nth-child(4n) { background: #f7f7f7; } } .view-tiles .tile-airline-title { background-color: #0054ff; color: white; text-align: center; } .view-tiles .tile-airline-title .title-content { margin-bottom: 0; } .title-page { font-weight: 400; margin-top: 0; margin-bottom: 0; padding: 40px; border-bottom: 1px solid #e5e5e5; font-size: 36px; font-size: 3.6rem; line-height: 40px; } @media only screen and (max-width: 1300px) { .title-page { padding: 30px; font-size: 30px; font-size: 3rem; line-height: 34px; } } @media only screen and (max-width: 950px) { .title-page { padding: 20px; } } @media only screen and (max-width: 768px) { .title-page { font-size: 28px; font-size: 2.8rem; line-height: 32px; } } .title-page span { display: block; } .title-main { margin: 0; font-weight: 700; color: white; font-size: 48px; font-size: 4.8rem; } @media only screen and (max-width: 1300px) { .title-main { font-size: 42px; font-size: 4.2rem; } } @media only screen and (max-width: 992px) { .title-main { font-size: 36px; font-size: 3.6rem; } } @media only screen and (max-width: 768px) { .title-main { font-size: 32px; font-size: 3.2rem; } } .title-default { margin: 0; font-size: 24px; font-size: 2.4rem; font-weight: 400; } @media only screen and (max-width: 1300px) { .title-default { font-size: 21px; font-size: 2.1rem; } } @media only screen and (max-width: 768px) { .title-default { font-size: 19px; font-size: 1.9rem; } } .title-content { margin: 0; font-weight: 700; font-size: 36px; font-size: 3.6rem; line-height: 40px; margin-bottom: 35px; } @media only screen and (max-width: 1300px) { .title-content { font-size: 30px; font-size: 3rem; line-height: 34px; margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .title-content { font-size: 28px; font-size: 2.8rem; line-height: 32px; margin-bottom: 25px; } } .title-section { margin: 0; font-weight: 700; font-size: 30px; font-size: 3rem; line-height: 40px; margin-bottom: 36px; } @media only screen and (max-width: 1300px) { .title-section { font-size: 26px; font-size: 2.6rem; line-height: 34px; margin-bottom: 32px; } } @media only screen and (max-width: 768px) { .title-section { font-size: 22px; font-size: 2.2rem; line-height: 28px; margin-bottom: 25px; } } .title-bordered { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-weight: 400; line-height: 1; margin: 0; padding: 45px 0 45px 40px; font-size: 36px; font-size: 3.6rem; } @media only screen and (max-width: 1300px) { .title-bordered { padding: 35px 0 35px 30px; font-size: 30px; font-size: 3rem; } } @media only screen and (max-width: 950px) { .title-bordered { padding: 25px 20px; } } @media only screen and (max-width: 768px) { .title-bordered { font-size: 28px; font-size: 2.8rem; } } /** * Toolbar module styling. */ body.toolbar-fixed .toolbar-oriented .toolbar-bar { z-index: 1031; } body.toolbar-fixed .navbar-fixed-top { top: 39px; } body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top { top: 79px; } body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top { left: 240px; } body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed { margin-left: 240px; } body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray { padding-bottom: 40px; } body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray, body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray > .toolbar-lining:before { width: 240px; } #trigger-menu-mobile { background: transparent; color: #0a0a0b; display: none; outline: 0; position: absolute; width: 84px; top: 0; height: 100px; float: right; z-index: 400; left: 0; } @media only screen and (max-width: 950px) { #trigger-menu-mobile { display: block; } } #trigger-menu-mobile:hover, #trigger-menu-mobile:focus, #trigger-menu-mobile:active { outline: 0; } #trigger-menu-mobile span:first-child, #trigger-menu-mobile span:last-child { width: 20px; height: 1px; display: block; position: absolute; right: 32px; background-color: #0a0a0b; -webkit-transform: translate(0, 0); /* Saf3.1+, Chrome */ -moz-transform: translate(0, 0); /* FF3.5+ */ -ms-transform: translate(0, 0); /* IE9 */ transform: translate(0, 0); zoom: 1; -moz-transition-duration: 0.8s; /* FireFox */ -webkit-transition-duration: 0.8s; /* Safari / Chrome */ transition-duration: 0.8s; /* W3C */ -webkit-transition-property: -webkit-transform, translate; /* Safari / Chrome */ -moz-transition-property: -moz-transform, translate; /* FireFox */ transition-property: transform, translate; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } #trigger-menu-mobile span:first-child { margin-top: -6px; top: 50%; } #trigger-menu-mobile span:last-child { bottom: 50%; margin-bottom: -5px; } #trigger-menu-mobile span.middle { width: 20px; height: 1px; display: block; position: absolute; right: 32px; top: 50%; margin-top: -1px; background-color: white; } #trigger-menu-mobile span.middle:after { content: ''; width: 20px; height: 1px; display: block; position: absolute; -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(0deg); /* FF3.5+ */ -ms-transform: rotate(0deg); /* IE9 */ transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; -moz-transition-duration: 1.3s; /* FireFox */ -webkit-transition-duration: 1.3s; /* Safari / Chrome */ transition-duration: 1.3s; /* W3C */ -webkit-transition-property: -webkit-transform, rotate; /* Safari / Chrome */ -moz-transition-property: -moz-transform, rotate; /* FireFox */ transition-property: transform, rotate; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); background-color: #0a0a0b; transition-delay: 0.3s; } #trigger-menu-mobile span.middle:before { content: ''; width: 20px; height: 1px; display: block; position: absolute; -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(0deg); /* FF3.5+ */ -ms-transform: rotate(0deg); /* IE9 */ transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; /* IE6-IE9 Can't implement rotate for IE, no COS functions available in SASS Example : 7.5deg filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand'); */ zoom: 1; -moz-transition-duration: 1.3s; /* FireFox */ -webkit-transition-duration: 1.3s; /* Safari / Chrome */ transition-duration: 1.3s; /* W3C */ -webkit-transition-property: -webkit-transform, rotate; /* Safari / Chrome */ -moz-transition-property: -moz-transform, rotate; /* FireFox */ transition-property: transform, rotate; /* W3C */ -moz-transition-delay: 0s; /* FireFox */ -webkit-transition-delay: 0s; /* Safari / Chrome */ transition-delay: 0s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); background-color: #0a0a0b; transition-delay: 0.3s; } .trigger-menu-parent.open #trigger-menu-mobile + .js-dropdown-menu { display: none; } .trigger-map { background-color: white; color: black; height: 60px; outline: 0; position: relative; text-align: center; width: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -moz-transition-property: background-color; /* FireFox */ -webkit-transition-property: background-color; /* Safari / Chrome */ transition-property: background-color; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } @media only screen and (max-width: 1300px) { .trigger-map { width: 53px; height: 53px; } } .trigger-map:hover span:first-child { -webkit-transform: translateX(-100%); /* Saf3.1+, Chrome */ -moz-transform: translateX(-100%); /* FF3.5+ */ -ms-transform: translateX(-100%); /* IE9 */ transform: translateX(-100%); } .trigger-map:hover, .trigger-map.is-active { background-color: black; } .trigger-map:hover span:first-child, .trigger-map.is-active span:first-child { color: white; background-color: black; } .trigger-map:hover .icon path, .trigger-map.is-active .icon path { fill: white; } .trigger-map.is-active span:first-child { color: black; } .trigger-map.is-active:hover span:first-child { color: white; } .trigger-map span { margin: auto; position: relative; z-index: 10; } .trigger-map span:first-child { background-color: white; color: white; height: 100%; padding: 0 30px; position: absolute; top: 0; left: 0; z-index: 1; min-width: 120px; line-height: 60px; -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); /* Saf3.1+, Chrome */ -moz-transform: translateX(0); /* FF3.5+ */ -ms-transform: translateX(0); /* IE9 */ transform: translateX(0); } @media only screen and (max-width: 1300px) { .trigger-map span:first-child { line-height: 53px; } } .trigger-map .icon path { fill: black; } .window-is-mobile .block-parking-booker .is-mobile, .window-is-mobile .block-reminders .is-mobile { display: none !important; } .window-is-mobile .block-parking-booker .is-desktop, .window-is-mobile .block-reminders .is-desktop { display: block !important; } .window-is-mobile.inputtypes-time .block-parking-booker .is-mobile, .window-is-mobile.inputtypes-time .block-reminders .is-mobile { display: block !important; } .window-is-mobile.inputtypes-time .block-parking-booker .is-desktop, .window-is-mobile.inputtypes-time .block-reminders .is-desktop { display: none !important; } .window-is-mobile #planifier-son-vol-reserver-un-stationnement .region-content .block-parking-booker form, .window-is-mobile #plan-a-flight-parking-reservation .region-content .block-parking-booker form { max-width: 660px; } @media only screen and (max-width: 768px) { .window-is-mobile #planifier-son-vol-reserver-un-stationnement .region-content .block-parking-booker form, .window-is-mobile #plan-a-flight-parking-reservation .region-content .block-parking-booker form { max-width: 100%; } } .window-is-not-mobile .block-parking-booker .is-mobile, .window-is-not-mobile .block-reminders .is-mobile { display: none !important; } .window-is-not-mobile .block-parking-booker .is-desktop, .window-is-not-mobile .block-reminders .is-desktop { display: block !important; } .touchevents .table-striped > tbody > tr:nth-of-type(odd):hover { background-color: #0a0a0b; } .touchevents .table-striped > tbody > tr:nth-of-type(even):hover { background-color: #1f1f1f; } .touchevents a.tile .btn { opacity: 1; } .touchevents a.tile .tile-description { display: none; } .touchevents #layout-header .dropdown-menu { -webkit-overflow-scrolling: auto; overflow-y: scroll !important; } .touchevents #layout-header .dropdown-menu.no-overflow { overflow-y: hidden !important; } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(25) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(24) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(23) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(22) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(21) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(20) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(19) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(18) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(17) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(16) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(15) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(14) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(13) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(12) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(11) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(10) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(9) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(8) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(7) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(6) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(5) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(4) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(3) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(2) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(1) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 nav > ul > li:nth-child(0) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-yqb-languageswitcher > ul > li > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-yqb-languageswitcher > ul > li > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-yqb-languageswitcher > ul > li > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-useraccountmenu > ul > li > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } } @media only screen and (max-width: 950px) and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-useraccountmenu > ul > li > a:hover { margin-left: -5px; } } @media only screen and (max-width: 950px) { .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-useraccountmenu > ul > li > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu.dropdown-menu-0 #block-useraccountmenu > ul > li > a:hover .icon-user path { fill: #0054ff; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(25) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(25) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(25) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(25) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(24) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(24) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(24) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(24) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(23) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(23) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(23) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(23) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(22) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(22) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(22) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(22) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(21) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(21) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(21) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(21) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(20) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(20) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(20) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(20) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(19) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(19) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(19) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(19) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(18) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(18) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(18) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(18) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(17) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(17) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(17) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(17) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(16) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(16) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(16) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(16) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(15) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(15) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(15) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(15) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(14) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(14) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(14) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(14) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(13) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(13) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(13) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(13) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(12) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(12) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(12) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(12) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(11) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(11) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(11) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(11) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(10) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(10) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(10) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(10) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(9) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(9) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(9) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(9) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(8) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(8) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(8) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(8) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(7) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(7) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(7) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(7) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(6) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(6) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(6) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(6) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(5) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(5) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(5) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(5) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(4) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(4) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(4) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(4) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(3) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(3) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(3) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(3) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(2) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(2) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(2) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(2) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(1) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(1) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(1) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(1) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(0) > a:hover { background-color: white; color: #0054ff; font-size: 110%; margin-left: -10px; } @media only screen and (max-width: 1024px) { .no-touchevents #layout-header .dropdown-menu > li:nth-child(0) > a:hover { margin-left: -5px; } } .no-touchevents #layout-header .dropdown-menu > li:nth-child(0) > a:hover .icon-right-arrow path { fill: #0054ff; } .no-touchevents #layout-header .dropdown-menu > li:nth-child(0) > a:hover .icon-extern-link path { fill: #0054ff; } .no-touchevents .content-toggle { -moz-transition-property: height, opacity, top; /* FireFox */ -webkit-transition-property: height, opacity, top; /* Safari / Chrome */ transition-property: height, opacity, top; /* W3C */ -moz-transition-duration: 0.1s; /* FireFox */ -webkit-transition-duration: 0.1s; /* Safari / Chrome */ transition-duration: 0.1s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } .no-touchevents a.tile:hover { color: white; } .no-touchevents a.tile:hover:before { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; width: 10px; } @media only screen and (max-width: 950px) { .no-touchevents a.tile:hover:before { width: 5px; } } .no-touchevents a.tile:hover:after { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; width: 10px; } @media only screen and (max-width: 950px) { .no-touchevents a.tile:hover:after { width: 5px; } } .no-touchevents a.tile:hover .top-bottom-hover:before { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; height: 10px; } @media only screen and (max-width: 950px) { .no-touchevents a.tile:hover .top-bottom-hover:before { height: 5px; } } .no-touchevents a.tile:hover .top-bottom-hover:after { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; height: 10px; } @media only screen and (max-width: 950px) { .no-touchevents a.tile:hover .top-bottom-hover:after { height: 5px; } } .no-touchevents a.tile:hover .tile-description { opacity: 0; } .no-touchevents a.tile:hover .btn { -webkit-transform: translate(-50%, 10%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, 10%); /* FF3.5+ */ -ms-transform: translate(-50%, 10%); /* IE9 */ transform: translate(-50%, 10%); zoom: 1; -moz-transition-delay: 0.1s; /* FireFox */ -webkit-transition-delay: 0.1s; /* Safari / Chrome */ transition-delay: 0.1s; /* W3C */ opacity: 1; } .no-touchevents a.tile.embed-responsive-2by1:hover img.background-image { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 3s; /* FireFox */ -webkit-transition-duration: 3s; /* Safari / Chrome */ transition-duration: 3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(1.1); /* Saf3.1+, Chrome */ -moz-transform: scale(1.1); /* FF3.5+ */ -ms-transform: scale(1.1); /* IE9 */ transform: scale(1.1); } .no-touchevents a.tile.embed-responsive-2by1:hover .icon { margin-bottom: 20px; } @media only screen and (max-width: 1300px) { .no-touchevents a.tile.embed-responsive-2by1:hover .icon { margin-bottom: 12px; } } @media only screen and (max-width: 600px) { .no-touchevents a.tile.embed-responsive-2by1:hover .icon { margin-bottom: 2px; } } .no-touchevents a.tile.embed-responsive-2by1:hover .title-default { -webkit-transform: translate(0, -25px); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -25px); /* FF3.5+ */ -ms-transform: translate(0, -25px); /* IE9 */ transform: translate(0, -25px); zoom: 1; font-size: 160%; } @media only screen and (max-width: 1300px) { .no-touchevents a.tile.embed-responsive-2by1:hover .title-default { font-size: 150%; } } .no-touchevents a.tile.embed-responsive-1by1:hover img.background-image { -moz-transition-property: all; /* FireFox */ -webkit-transition-property: all; /* Safari / Chrome */ transition-property: all; /* W3C */ -moz-transition-duration: 3s; /* FireFox */ -webkit-transition-duration: 3s; /* Safari / Chrome */ transition-duration: 3s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-backface-visibility: hidden; -webkit-transform: scale(1.1); /* Saf3.1+, Chrome */ -moz-transform: scale(1.1); /* FF3.5+ */ -ms-transform: scale(1.1); /* IE9 */ transform: scale(1.1); } .no-touchevents a.tile.embed-responsive-1by1:hover .icon { margin-bottom: 20px; } @media only screen and (max-width: 1300px) { .no-touchevents a.tile.embed-responsive-1by1:hover .icon { margin-bottom: 12px; } } @media only screen and (max-width: 600px) { .no-touchevents a.tile.embed-responsive-1by1:hover .icon { margin-bottom: 2px; } } .no-touchevents a.tile.embed-responsive-1by1:hover .tile-icon + h2 { margin-top: 20px; } @media only screen and (max-width: 1300px) { .no-touchevents a.tile.embed-responsive-1by1:hover .tile-icon + h2 { margin-top: 12px; } } @media only screen and (max-width: 600px) { .no-touchevents a.tile.embed-responsive-1by1:hover .tile-icon + h2 { margin-top: 2px; } } .no-touchevents a.tile .btn:hover { background-color: transparent !important; color: white !important; } .no-videoautoplay #block-herosearchblock { background: url(../img/yqb2019.jpg) no-repeat center center/cover; } .no-videoautoplay #block-herosearchblock .block-title { text-shadow: 2px 2px 1px rgba(10, 10, 11, 0.6); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ } .no-videoautoplay #block-herosearchblock .block-weather { text-shadow: 1px 1px 1px rgba(10, 10, 11, 0.6); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ } .no-videoautoplay #block-herosearchblock .block-weather .icon { -webkit-filter: drop-shadow(1px 1px 1px rgba(10, 10, 11, 0.6)); filter: drop-shadow(1px 1px 1px rgba(10, 10, 11, 0.6)); /* Same syntax as box-shadow */ } /*.no-videoautoplay #block-herosearchblock video {*/ /* display: none; }*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "nimbus-sans", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #e5e5e5; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 11px; margin-bottom: 11px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } h1 { margin: 0; font-size: 36px; font-size: 3.6rem; line-height: 40px; margin-bottom: 35px; } @media only screen and (max-width: 1300px) { h1 { font-size: 30px; font-size: 3rem; line-height: 34px; } } @media only screen and (max-width: 768px) { h1 { font-size: 28px; font-size: 2.8rem; line-height: 32px; } } h2 { margin: 0; font-weight: 700; font-size: 27px; font-size: 2.7rem; line-height: 32px; margin-bottom: 20px; } @media only screen and (max-width: 1300px) { h2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; } } @media only screen and (max-width: 768px) { h2 { font-size: 21px; font-size: 2.1rem; line-height: 26px; } } h3 { margin: 0; font-size: 23px; font-size: 2.3rem; font-weight: 400; margin-bottom: 20px; } @media only screen and (max-width: 1300px) { h3 { font-size: 20px; font-size: 2rem; } } @media only screen and (max-width: 768px) { h3 { font-size: 18px; font-size: 1.8rem; } } p { margin: 0 0 20px; } .page-header { padding: 39px 40px; margin: 0 -40px; border-bottom: 1px solid #e5e5e5; margin-bottom: 0; margin: 0; font-weight: 700; font-size: 36px; font-size: 3.6rem; line-height: 40px; margin-bottom: 35px; font-weight: 400; } @media only screen and (max-width: 1300px) { .page-header { font-size: 30px; font-size: 3rem; line-height: 34px; margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .page-header { font-size: 28px; font-size: 2.8rem; line-height: 32px; margin-bottom: 25px; } } @media only screen and (max-width: 1300px) { .page-header { padding: 33px 40px; } } @media only screen and (max-width: 950px) { .page-header { margin: 0 -20px; padding: 25px 20px; } } .embed-responsive { display: block; position: relative; width: 100%; } .embed-responsive:after { content: ''; display: block; } .embed-responsive .embed-responsive-content { display: block; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .embed-responsive-1by1 { padding-bottom: 100%; } .embed-responsive-2by1 { padding-bottom: 50%; } .vertical-align { position: relative; } .vertical-align .vertical-align-content { z-index: 2; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(0, -50%); /* FF3.5+ */ -ms-transform: translate(0, -50%); /* IE9 */ transform: translate(0, -50%); zoom: 1; width: 100%; } .pulse { height: 30px; width: 30px; display: block; position: relative; } .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.66667); /* Saf3.1+, Chrome */ -moz-transform: scale(0.66667); /* FF3.5+ */ -ms-transform: scale(0.66667); /* IE9 */ transform: scale(0.66667); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } @media only screen and (max-width: 992px) { .pulse { height: 25px; width: 25px; display: block; position: relative; } .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.6); /* Saf3.1+, Chrome */ -moz-transform: scale(0.6); /* FF3.5+ */ -ms-transform: scale(0.6); /* IE9 */ transform: scale(0.6); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } @media only screen and (max-width: 600px) { .pulse { height: 20px; width: 20px; display: block; position: relative; } .pulse:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(255, 51, 51, 0.4); width: 100%; height: 100%; -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */ -moz-transform: scale(0.5); /* FF3.5+ */ -ms-transform: scale(0.5); /* IE9 */ transform: scale(0.5); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .pulse:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #ff3333; width: 10px; height: 10px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; } } .pulse-2 { height: 380px; width: 380px; display: block; position: relative; } .pulse-2:before { position: absolute; z-index: 1; content: ''; display: block; border-radius: 50%; background-color: rgba(0, 84, 255, 0.2); width: 100%; height: 100%; -webkit-transform: scale(0.69474); /* Saf3.1+, Chrome */ -moz-transform: scale(0.69474); /* FF3.5+ */ -ms-transform: scale(0.69474); /* IE9 */ transform: scale(0.69474); -webkit-animation: pulse 1.8s infinite ease-out; -moz-animation: pulse 1.8s infinite ease-out; animation: pulse 1.8s infinite ease-out; } .pulse-2:after { z-index: 2; position: absolute; content: ''; display: block; border-radius: 50%; background-color: #0054ff; width: 264px; height: 264px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Saf3.1+, Chrome */ -moz-transform: translate(-50%, -50%); /* FF3.5+ */ -ms-transform: translate(-50%, -50%); /* IE9 */ transform: translate(-50%, -50%); zoom: 1; -webkit-box-shadow: 0px 29px 58px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 29px 58px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 29px 58px 0px rgba(0, 0, 0, 0.3); } .c-align { text-align: center; } .is-static { position: static; } .is-relative { position: relative; } .is-display-none { display: none; } .modal-backdrop { display: none !important; } /** * Missing Bootstrap 2 tab styling. * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 * @see http://bootply.com/74926 */ .tabbable { margin-bottom: 20px; } .tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { border-bottom: 0; } .tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary { color: #e5e5e5; font-size: 12px; } .tab-pane > .panel-heading { display: none; } .tab-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #0054ff; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #0054ff; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #0054ff #0054ff #0054ff; } .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { padding-bottom: 20px; width: 220px; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li:focus, .tabs-right > .nav-tabs > li:focus { outline: 0; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus { outline: 0; } .tabs-left > .tab-content, .tabs-right > .tab-content { border-radius: 0 4px 4px 4px; border: 1px solid #0054ff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); overflow: hidden; padding: 10px 15px; } .tabs-left > .nav-tabs { float: left; margin-right: -1px; } .tabs-left > .nav-tabs > li > a { border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #f7f7f7 #0054ff #f7f7f7 #f7f7f7; } .tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:hover, .tabs-left > .nav-tabs > .active > a:focus { border-color: #0054ff transparent #0054ff #0054ff; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs { float: right; margin-left: -1px; } .tabs-right > .nav-tabs > li > a { border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #f7f7f7 #0054ff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:hover, .tabs-right > .nav-tabs > .active > a:focus { border-color: #0054ff #0054ff #0054ff transparent; } .icon { background-size: contain; display: inline-block; vertical-align: middle; } .icon circle, .icon ellipse, .icon path { -moz-transition-property: fill, stroke; /* FireFox */ -webkit-transition-property: fill, stroke; /* Safari / Chrome */ transition-property: fill, stroke; /* W3C */ -moz-transition-duration: 0.15s; /* FireFox */ -webkit-transition-duration: 0.15s; /* Safari / Chrome */ transition-duration: 0.15s; /* W3C */ /* linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n); */ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-backface-visibility: hidden; } /*------------------------------------------------------------------- Icon positioning -------------------------------------------------------------------*/ .icon-padded-left { margin-left: 5px; } .icon-padded-right { margin-right: 5px; } /*------------------------------------------------------------------- List of icons -------------------------------------------------------------------*/ .icon-arrow { height: 41px; width: 20px; } .icon-blog { height: 40px; width: 40px; } .icon-left-arrow { height: 41px; width: 20px; } .icon-close { height: 41px; width: 41px; } .icon-logo-text-fr { height: 56px; width: 152px; } .icon-logo-text-en { height: 56px; width: 152px; } .icon-logo-75-fr { height: 85px; width: 195px; } .icon-logo-75-en { height: 85px; width: 195px; } .icon-walking { height: 40px; width: 24px; } .icon-facebook { height: 40px; width: 40px; } .icon-twitter { height: 40px; width: 40px; } .icon-youtube { height: 40px; width: 40px; } .icon-instagram { height: 40px; width: 40px; } .icon-linkedin { height: 40px; width: 40px; } .icon-access { height: 28px; width: 28px; } .icon-arrow-arrow { height: 20px; width: 21px; } .icon-car-parking { height: 20px; width: 29px; } .icon-destinations-served { height: 60px; width: 60px; } .icon-gouvernance { height: 28px; width: 28px; } .icon-key-car-rental { height: 60px; width: 62px; } .icon-luggage { height: 65px; width: 40px; } .icon-add { height: 30px; width: 30px; } .icon-remove { height: 30px; width: 30px; } .icon-account { height: 16px; width: 17px; } .icon-plane-arrival { height: 21px; width: 28px; } .icon-plane-departure { height: 23px; width: 33px; } .icon-plane-flights { height: 28px; width: 28px; } .icon-restauration { height: 60px; width: 35px; } .icon-planning { height: 28px; width: 19px; } .icon-right-arrow { height: 22px; width: 9px; } .icon-down-arrow { height: 9px; width: 22px; } .icon-down-arrow-2 { height: 9px; width: 15px; } .icon-down-arrow-blue { height: 9px; width: 15px; } .icon-search { height: 24px; width: 25px; } .icon-user { height: 16px; width: 17px; } .icon-info { height: 28px; width: 28px; } .icon-watch { height: 26px; width: 26px; } .icon-thumb-up { height: 21px; width: 26px; } .icon-gouvernance { height: 40px; width: 40px; } .icon-sunny { height: 20px; width: 20px; } .icon-clear { height: 20px; width: 20px; } .icon-cloud { height: 20px; width: 20px; } .icon-day-cloud { height: 20px; width: 20px; } .icon-night-cloud { height: 20px; width: 20px; } .icon-rain { height: 20px; width: 20px; } .icon-snow { height: 20px; width: 20px; } .icon-map-list { height: 20px; width: 20px; } .icon-map-view { height: 24px; width: 24px; } .icon-crossroad { height: 18px; width: 20px; } .icon-parking { height: 40px; width: 40px; } .icon-inparq { height: 70px; width: 89px; } .icon-proxiparq { height: 70px; width: 139px; } .icon-cellparq { height: 83px; width: 123px; } .icon-electric-car { height: 60px; width: 60px; } .icon-visa { height: 40px; width: 65px; } .icon-mastercard { height: 40px; width: 65px; } .icon-americanexpress { height: 40px; width: 65px; } .icon-extern-link { height: 29px; width: 29px; } .icon-shaving { height: 46px; width: 22px; } .icon-briefcase { height: 44px; width: 50px; } .icon-prescription { height: 46px; width: 38px; } .icon-watches-clasp { height: 28px; width: 46px; } .icon-jacket { height: 49px; width: 50px; } .icon-marker-app { height: 48px; width: 32px; } .icon-arrow-app-mobile { height: 12px; width: 19px; } .icon-gift { height: 51px; width: 51px; } .icon-mobile { height: 66px; width: 39px; } .icon svg { height: 100%; width: 100%; vertical-align: top; } .icon-add.icon-add-close { -webkit-transform: rotate(45deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(45deg); /* FF3.5+ */ -ms-transform: rotate(45deg); /* IE9 */ transform: rotate(45deg); } .icon-yqb-2018 { background: url(/themes/custom/yqb/img/yqb-2018.png) center center/contain no-repeat; height: 274px; width: 274px; } a[target="_blank"]:after { content: "\e164"; top: 1px; display: inherit; font-family: "Glyphicons Halflings"; font-style: normal; padding-left: 3px; font-size: 65%; } a.no-after:after { display: none !important; } /*# sourceMappingURL=style.css.map */ #block-navigationprincipale-2 .dropdown-menu, #block-navigationprincipaleenglish .dropdown-menu { /* max-height:300px; */ overflow-y: scroll !important; }