@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.3.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* Add the correct display in IE.
*/
main {
display: block;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
*/
button {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
button,
[type=button],
[type=reset],
[type=submit] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Show the overflow in Edge.
*/
input {
overflow: visible;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
color: inherit; /* 2 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/*
* Add the correct display in IE 9-.
*/
menu {
display: block;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.foundation-mq {
font-family: "small=0em&medium=48em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #ffffff;
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: rgb(24, 35, 63);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 6px;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 6px;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 6px;
background: transparent;
line-height: 1;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 73.125rem;
margin-right: auto;
margin-left: auto;
}
.row::before, .row::after {
display: table;
content: " ";
}
.row::after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.row .row {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 48em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
@media screen and (min-width: 90em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-right: auto;
margin-left: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.column, .columns {
width: 100%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 48em) {
.column, .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child, .column.collection__item:last-child:last-child:last-of-type, .end.columns:last-child:last-child, .columns.collection__item:last-child:last-child:last-of-type {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
.small-1 {
width: 8.3333333333%;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
}
.small-pull-1 {
position: relative;
left: -8.3333333333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.6666666667%;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
}
.small-pull-2 {
position: relative;
left: -16.6666666667%;
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.small-4 {
width: 33.3333333333%;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
}
.small-pull-4 {
position: relative;
left: -33.3333333333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.6666666667%;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
}
.small-pull-5 {
position: relative;
left: -41.6666666667%;
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.small-7 {
width: 58.3333333333%;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
}
.small-pull-7 {
position: relative;
left: -58.3333333333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.6666666667%;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
}
.small-pull-8 {
position: relative;
left: -66.6666666667%;
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.small-10 {
width: 83.3333333333%;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
}
.small-pull-10 {
position: relative;
left: -83.3333333333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.6666666667%;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
}
.small-pull-11 {
position: relative;
left: -91.6666666667%;
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.small-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
.small-centered {
margin-right: auto;
margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
@media print, screen and (min-width: 48em) {
.medium-1 {
width: 8.3333333333%;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
}
.medium-pull-1 {
position: relative;
left: -8.3333333333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
}
.medium-pull-2 {
position: relative;
left: -16.6666666667%;
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
}
.medium-pull-4 {
position: relative;
left: -33.3333333333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
}
.medium-pull-5 {
position: relative;
left: -41.6666666667%;
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
}
.medium-pull-7 {
position: relative;
left: -58.3333333333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
}
.medium-pull-8 {
position: relative;
left: -66.6666666667%;
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
}
.medium-pull-10 {
position: relative;
left: -83.3333333333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
}
.medium-pull-11 {
position: relative;
left: -91.6666666667%;
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%;
}
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%;
}
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%;
}
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%;
}
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%;
}
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.medium-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.medium-centered {
margin-right: auto;
margin-left: auto;
}
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.3333333333%;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
}
.large-pull-1 {
position: relative;
left: -8.3333333333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.6666666667%;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
}
.large-pull-2 {
position: relative;
left: -16.6666666667%;
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.large-4 {
width: 33.3333333333%;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
}
.large-pull-4 {
position: relative;
left: -33.3333333333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.6666666667%;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
}
.large-pull-5 {
position: relative;
left: -41.6666666667%;
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.large-7 {
width: 58.3333333333%;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
}
.large-pull-7 {
position: relative;
left: -58.3333333333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.6666666667%;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
}
.large-pull-8 {
position: relative;
left: -66.6666666667%;
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.large-10 {
width: 83.3333333333%;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
}
.large-pull-10 {
position: relative;
left: -83.3333333333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.6666666667%;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
}
.large-pull-11 {
position: relative;
left: -91.6666666667%;
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%;
}
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%;
}
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%;
}
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%;
}
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%;
}
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.large-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.large-centered {
margin-right: auto;
margin-left: auto;
}
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width: 90em) {
.xxlarge-1 {
width: 8.3333333333%;
}
.xxlarge-push-1 {
position: relative;
left: 8.3333333333%;
}
.xxlarge-pull-1 {
position: relative;
left: -8.3333333333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
width: 16.6666666667%;
}
.xxlarge-push-2 {
position: relative;
left: 16.6666666667%;
}
.xxlarge-pull-2 {
position: relative;
left: -16.6666666667%;
}
.xxlarge-offset-1 {
margin-left: 8.3333333333%;
}
.xxlarge-3 {
width: 25%;
}
.xxlarge-push-3 {
position: relative;
left: 25%;
}
.xxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxlarge-offset-2 {
margin-left: 16.6666666667%;
}
.xxlarge-4 {
width: 33.3333333333%;
}
.xxlarge-push-4 {
position: relative;
left: 33.3333333333%;
}
.xxlarge-pull-4 {
position: relative;
left: -33.3333333333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
width: 41.6666666667%;
}
.xxlarge-push-5 {
position: relative;
left: 41.6666666667%;
}
.xxlarge-pull-5 {
position: relative;
left: -41.6666666667%;
}
.xxlarge-offset-4 {
margin-left: 33.3333333333%;
}
.xxlarge-6 {
width: 50%;
}
.xxlarge-push-6 {
position: relative;
left: 50%;
}
.xxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxlarge-offset-5 {
margin-left: 41.6666666667%;
}
.xxlarge-7 {
width: 58.3333333333%;
}
.xxlarge-push-7 {
position: relative;
left: 58.3333333333%;
}
.xxlarge-pull-7 {
position: relative;
left: -58.3333333333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
width: 66.6666666667%;
}
.xxlarge-push-8 {
position: relative;
left: 66.6666666667%;
}
.xxlarge-pull-8 {
position: relative;
left: -66.6666666667%;
}
.xxlarge-offset-7 {
margin-left: 58.3333333333%;
}
.xxlarge-9 {
width: 75%;
}
.xxlarge-push-9 {
position: relative;
left: 75%;
}
.xxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxlarge-offset-8 {
margin-left: 66.6666666667%;
}
.xxlarge-10 {
width: 83.3333333333%;
}
.xxlarge-push-10 {
position: relative;
left: 83.3333333333%;
}
.xxlarge-pull-10 {
position: relative;
left: -83.3333333333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
width: 91.6666666667%;
}
.xxlarge-push-11 {
position: relative;
left: 91.6666666667%;
}
.xxlarge-pull-11 {
position: relative;
left: -91.6666666667%;
}
.xxlarge-offset-10 {
margin-left: 83.3333333333%;
}
.xxlarge-12 {
width: 100%;
}
.xxlarge-offset-11 {
margin-left: 91.6666666667%;
}
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
float: left;
}
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
float: left;
}
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
float: left;
}
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
float: left;
}
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
float: left;
}
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
float: left;
}
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
float: left;
}
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
float: left;
}
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.xxlarge-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .xxlarge-collapse.row {
margin-right: 0;
margin-left: 0;
}
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.xxlarge-centered {
margin-right: auto;
margin-left: auto;
}
.xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xxlarge-uncentered,
.xxlarge-push-0,
.xxlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0;
}
}
.column-block {
margin-bottom: 1.25rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
.column-block {
margin-bottom: 1.875rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: 500;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 300;
color: inherit;
text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #cacaca;
}
h1 {
font-size: 2.4375rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2 {
font-size: 1.375rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
h1 {
font-size: 3.9375rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.1875rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #0071BC;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: #0061a2;
text-decoration: underline;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 100%;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #d0d8e3;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: 500;
}
blockquote {
margin: 0 0 1rem;
padding: 1.125rem 0 0 0;
border-left: none;
}
blockquote, blockquote p {
line-height: 1.6;
color: rgb(63, 79, 101);
}
cite {
display: block;
font-size: 0.875rem;
color: #2d3744;
}
cite:before {
content: "— ";
}
abbr {
border-bottom: 1px dotted #0a0a0a;
color: rgb(24, 35, 63);
cursor: help;
}
figure {
margin: 0;
}
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #767c83;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #767c83;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
border-radius: 6px;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #2d3744;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 48em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 90em) {
.xxlarge-text-left {
text-align: left;
}
.xxlarge-text-right {
text-align: right;
}
.xxlarge-text-center {
text-align: center;
}
.xxlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #2d3744;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 6px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #0071BC;
color: rgb(255, 255, 255);
}
[data-whatinput=mouse] .button {
outline: 0;
}
.button:hover, .button:focus {
background-color: #008eec;
color: rgb(255, 255, 255);
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.8125rem;
}
.button.large {
font-size: 1.125rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button.primary {
background-color: #0071BC;
color: rgb(255, 255, 255);
}
.button.primary:hover, .button.primary:focus {
background-color: #005a96;
color: rgb(255, 255, 255);
}
.button.secondary {
background-color: #35373d;
color: rgb(255, 255, 255);
}
.button.secondary:hover, .button.secondary:focus {
background-color: #2a2c31;
color: rgb(255, 255, 255);
}
.button.success {
background-color: #89bf13;
color: rgb(255, 255, 255);
}
.button.success:hover, .button.success:focus {
background-color: #6e990f;
color: rgb(255, 255, 255);
}
.button.warning {
background-color: #e22526;
color: rgb(255, 255, 255);
}
.button.warning:hover, .button.warning:focus {
background-color: #ba191a;
color: rgb(255, 255, 255);
}
.button.alert {
background-color: #e22626;
color: rgb(255, 255, 255);
}
.button.alert:hover, .button.alert:focus {
background-color: #ba1919;
color: rgb(255, 255, 255);
}
.button.hollow {
border: 1px solid #0071BC;
color: #0071BC;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent;
}
.button.hollow:hover, .button.hollow:focus {
border-color: #00395e;
color: #00395e;
}
.button.hollow.primary {
border: 1px solid #0071BC;
color: #0071BC;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #00395e;
color: #00395e;
}
.button.hollow.secondary {
border: 1px solid #35373d;
color: #35373d;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #1b1c1f;
color: #1b1c1f;
}
.button.hollow.success {
border: 1px solid #89bf13;
color: #89bf13;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #45600a;
color: #45600a;
}
.button.hollow.warning {
border: 1px solid #e22526;
color: #e22526;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #740f10;
color: #740f10;
}
.button.hollow.alert {
border: 1px solid #e22626;
color: #e22626;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #741010;
color: #741010;
}
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
background-color: #0071BC;
color: rgb(255, 255, 255);
}
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #0071BC;
color: rgb(255, 255, 255);
}
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #35373d;
color: rgb(255, 255, 255);
}
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #89bf13;
color: rgb(255, 255, 255);
}
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #e22526;
color: rgb(255, 255, 255);
}
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #e22626;
color: rgb(255, 255, 255);
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #ffffff transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em;
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid rgb(166, 181, 202);
border-radius: 6px;
background-color: #ffffff;
box-shadow: none;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
color: #34383d;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
outline: none;
border: 1px solid #999;
background-color: #ffffff;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca;
}
input::placeholder,
textarea::placeholder {
color: #cacaca;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #ddd;
cursor: default;
}
[type=submit],
[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 6px;
}
input[type=search] {
box-sizing: border-box;
}
[type=file],
[type=checkbox],
[type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
color: #453F3C;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #333;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child {
border-radius: 6px 0 0 6px;
}
.input-group > :last-child > * {
border-radius: 0 6px 6px 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid rgb(166, 181, 202);
background: rgb(247, 248, 250);
color: rgb(63, 79, 101);
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
height: 2.5rem;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
background: #ffffff;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid rgb(166, 181, 202);
border-radius: 6px;
background-color: #ffffff;
font-family: inherit;
font-size: 1rem;
line-height: normal;
color: #34383d;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:focus {
outline: none;
border: 1px solid #999;
background-color: #ffffff;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #ddd;
cursor: default;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus) {
border-color: #e22626;
background-color: #fce9e9;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #e22626;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #e22626;
}
.is-invalid-input:not(:focus)::placeholder {
color: #e22626;
}
.is-invalid-label {
color: #e22626;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: 500;
color: #e22626;
}
.form-error.is-visible {
display: block;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width: 47.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 48em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 48em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 47.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::before, .clearfix::after {
display: table;
content: " ";
}
.clearfix::after {
clear: both;
}
.is-accordion-submenu-parent > a {
position: relative;
}
.is-accordion-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #0071BC transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
}
.is-accordion-submenu-parent[aria-expanded=true] > a::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #0071BC;
color: #ffffff;
}
.badge.primary {
background: #0071BC;
color: #ffffff;
}
.badge.secondary {
background: #35373d;
color: #ffffff;
}
.badge.success {
background: #89bf13;
color: #0a0a0a;
}
.badge.warning {
background: #e22526;
color: #0a0a0a;
}
.badge.alert {
background: #e22626;
color: #0a0a0a;
}
.button-group {
margin-bottom: 1rem;
font-size: 0;
}
.button-group::before, .button-group::after {
display: table;
content: " ";
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.8125rem;
}
.button-group.large .button {
font-size: 1.125rem;
}
.button-group.expanded {
margin-right: -1px;
}
.button-group.expanded::before, .button-group.expanded::after {
display: none;
}
.button-group.expanded .button:first-child:last-child {
width: 100%;
}
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.3333333333% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.6666666667% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px;
}
.button-group.primary .button {
background-color: #0071BC;
color: rgb(255, 255, 255);
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: #005a96;
color: rgb(255, 255, 255);
}
.button-group.secondary .button {
background-color: #35373d;
color: rgb(255, 255, 255);
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #2a2c31;
color: rgb(255, 255, 255);
}
.button-group.success .button {
background-color: #89bf13;
color: rgb(255, 255, 255);
}
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #6e990f;
color: rgb(255, 255, 255);
}
.button-group.warning .button {
background-color: #e22526;
color: rgb(255, 255, 255);
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #ba191a;
color: rgb(255, 255, 255);
}
.button-group.alert .button {
background-color: #e22626;
color: rgb(255, 255, 255);
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: #ba1919;
color: rgb(255, 255, 255);
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
width: 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0;
}
}
@media screen and (max-width: 47.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 6px;
background-color: white;
color: rgb(24, 35, 63);
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #cfecff;
color: rgb(24, 35, 63);
}
.callout.secondary {
background-color: #dfe0e3;
color: rgb(24, 35, 63);
}
.callout.success {
background-color: #effbd6;
color: rgb(24, 35, 63);
}
.callout.warning {
background-color: #fbdede;
color: rgb(24, 35, 63);
}
.callout.alert {
background-color: #fbdede;
color: rgb(24, 35, 63);
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.close-button {
position: absolute;
color: #2d3744;
cursor: pointer;
}
[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #0a0a0a;
}
.close-button.small {
right: 1rem;
top: 0.3rem;
font-size: 2em;
line-height: 1;
}
.close-button, .close-button.medium {
right: 1rem;
top: 0.3rem;
font-size: 2em;
line-height: 1;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block;
}
.is-drilldown.animate-height {
transition: height 0.5s;
}
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #ffffff;
transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.drilldown-submenu-cover-previous {
min-height: 100%;
}
.is-drilldown-submenu-parent > a {
position: relative;
}
.is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #767c83;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
}
.js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #767c83 transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0;
}
.dropdown-pane {
position: absolute;
z-index: 10;
display: block;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid rgb(208, 216, 227);
border-radius: 6px;
background-color: #ffffff;
font-size: 1rem;
}
.dropdown-pane.is-open {
visibility: visible;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: currentColor transparent transparent;
right: 5px;
margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
outline: 0;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.vertical > li > a::after {
right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent currentColor transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent currentColor;
}
@media print, screen and (min-width: 48em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: currentColor transparent transparent;
right: 5px;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent currentColor transparent transparent;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent currentColor;
}
}
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: currentColor transparent transparent;
right: 5px;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent currentColor transparent transparent;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent currentColor;
}
}
@media screen and (min-width: 90em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: currentColor transparent transparent;
right: 5px;
margin-top: -3px;
}
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.xxlarge-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent currentColor transparent transparent;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent currentColor;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #ffffff;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent currentColor transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent currentColor;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 6px;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #0071BC;
color: #ffffff;
}
.label.primary {
background: #0071BC;
color: #ffffff;
}
.label.secondary {
background: #35373d;
color: #ffffff;
}
.label.success {
background: #89bf13;
color: #0a0a0a;
}
.label.warning {
background: #e22526;
color: #0a0a0a;
}
.label.alert {
background: #e22626;
color: #0a0a0a;
}
.menu {
margin: 0;
list-style-type: none;
}
.menu > li {
display: table-cell;
vertical-align: middle;
}
[data-whatinput=mouse] .menu > li {
outline: 0;
}
.menu > li > a {
display: block;
padding: 0.8rem 1rem;
line-height: 1;
}
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
vertical-align: middle;
}
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
vertical-align: middle;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem;
display: inline-block;
}
.menu > li, .menu.horizontal > li {
display: table-cell;
}
.menu.expanded {
display: table;
width: 100%;
table-layout: fixed;
}
.menu.expanded > li:first-child:last-child {
width: 100%;
}
.menu.vertical > li {
display: block;
}
@media print, screen and (min-width: 48em) {
.menu.medium-horizontal > li {
display: table-cell;
}
.menu.medium-expanded {
display: table;
width: 100%;
table-layout: fixed;
}
.menu.medium-expanded > li:first-child:last-child {
width: 100%;
}
.menu.medium-vertical > li {
display: block;
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell;
}
.menu.large-expanded {
display: table;
width: 100%;
table-layout: fixed;
}
.menu.large-expanded > li:first-child:last-child {
width: 100%;
}
.menu.large-vertical > li {
display: block;
}
}
@media screen and (min-width: 90em) {
.menu.xxlarge-horizontal > li {
display: table-cell;
}
.menu.xxlarge-expanded {
display: table;
width: 100%;
table-layout: fixed;
}
.menu.xxlarge-expanded > li:first-child:last-child {
width: 100%;
}
.menu.xxlarge-vertical > li {
display: block;
}
}
.menu.simple li {
display: inline-block;
vertical-align: top;
line-height: 1;
}
.menu.simple a {
padding: 0;
}
.menu.simple li {
margin-left: 0;
margin-right: 1rem;
}
.menu.simple.align-right li {
margin-right: 0;
margin-left: 1rem;
}
.menu.align-right::before, .menu.align-right::after {
display: table;
content: " ";
}
.menu.align-right::after {
clear: both;
}
.menu.align-right > li {
float: right;
}
.menu.icon-top > li > a {
text-align: center;
}
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem;
}
.menu.icon-top.vertical a > span {
margin: auto;
}
.menu.nested {
margin-left: 1rem;
}
.menu .active > a {
background: #0071BC;
color: #ffffff;
}
.menu.menu-bordered li {
border: 1px solid #767c83;
}
.menu.menu-bordered li:not(:first-child) {
border-top: 0;
}
.menu.menu-hover li:hover {
background-color: #767c83;
}
.menu-text {
padding-top: 0;
padding-bottom: 0;
padding: 0.8rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit;
}
.menu-centered {
text-align: center;
}
.menu-centered > .menu {
display: inline-block;
vertical-align: top;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: rgb(31, 48, 80);
box-shadow: 0 7px 0 rgb(31, 48, 80), 0 14px 0 rgb(31, 48, 80);
content: "";
}
.menu-icon:hover::after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
}
.menu-icon.dark:hover::after {
background: #2d3744;
box-shadow: 0 7px 0 #2d3744, 0 14px 0 #2d3744;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(10, 10, 10, 0.5);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
position: fixed;
z-index: 1;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #767c83;
}
[data-whatinput=mouse] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-overlap {
z-index: 10;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-absolute {
position: absolute;
z-index: 1;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #767c83;
}
[data-whatinput=mouse] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 10;
}
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.position-left {
top: 0;
left: 0;
width: 320px;
height: 100%;
-webkit-transform: translateX(-320px);
-ms-transform: translateX(-320px);
transform: translateX(-320px);
overflow-y: auto;
}
.position-left.is-open ~ .off-canvas-content {
-webkit-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}
.position-left.is-transition-push::after {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " ";
}
.position-left.is-transition-overlap.is-open ~ .off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.position-right {
top: 0;
right: 0;
width: 320px;
height: 100%;
-webkit-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
overflow-y: auto;
}
.position-right.is-open ~ .off-canvas-content {
-webkit-transform: translateX(-320px);
-ms-transform: translateX(-320px);
transform: translateX(-320px);
}
.position-right.is-transition-push::after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " ";
}
.position-right.is-transition-overlap.is-open ~ .off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.position-top {
top: 0;
left: 0;
width: 100%;
height: 250px;
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
overflow-x: auto;
}
.position-top.is-open ~ .off-canvas-content {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.position-top.is-transition-push::after {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " ";
}
.position-top.is-transition-overlap.is-open ~ .off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
height: 250px;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
overflow-x: auto;
}
.position-bottom.is-open ~ .off-canvas-content {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.position-bottom.is-transition-push::after {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " ";
}
.position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content {
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media print, screen and (min-width: 48em) {
.position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 320px;
}
.position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 320px;
}
.position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 320px;
}
.position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 320px;
}
}
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 320px;
}
.position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 320px;
}
.position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 320px;
}
.position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 320px;
}
}
@media screen and (min-width: 90em) {
.position-left.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 320px;
}
.position-right.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 320px;
}
.position-top.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-top.reveal-for-xxlarge ~ .off-canvas-content {
margin-top: 320px;
}
.position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
margin-bottom: 320px;
}
}
.orbit {
position: relative;
}
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.orbit-slide {
width: 100%;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #ffffff;
}
.orbit-next, .orbit-previous {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #ffffff;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
position: relative;
margin-top: 2.25rem;
margin-bottom: 0.8rem;
text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 0.9375rem;
height: 0.9375rem;
margin: 0.3125rem;
border-radius: 50%;
background-color: rgb(255, 255, 255);
}
.orbit-bullets button:hover {
background-color: #0071BC;
}
.orbit-bullets button.is-active {
background-color: #0071BC;
}
.pagination {
margin-left: 0;
margin-bottom: 1.5rem;
}
.pagination::before, .pagination::after {
display: table;
content: " ";
}
.pagination::after {
clear: both;
}
.pagination li {
margin-right: 0.0625rem;
border-radius: 6px;
font-size: 0.875rem;
display: inline-block;
}
.pagination a,
.pagination button {
display: block;
padding: auto;
border-radius: 6px;
color: #767c83;
}
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6;
}
.pagination .current {
padding: auto;
background: #34383d;
color: #fff;
cursor: default;
}
.pagination .disabled {
padding: auto;
color: #cacaca;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
padding: auto;
content: "…";
color: #222;
}
.slider {
position: relative;
height: 0.3rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: rgb(208, 216, 227);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.3rem;
background-color: rgb(99, 166, 255);
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
transition: all 0s linear;
}
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
background-color: rgb(247, 248, 250);
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #c9d0dd;
}
.slider-handle.is-dragging {
transition: all 0s linear;
}
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical {
display: inline-block;
width: 0.3rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.slider.vertical .slider-fill {
top: 0;
width: 0.3rem;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
position: relative;
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%;
}
body.is-reveal-open {
overflow: hidden;
}
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000001;
display: none;
background-color: rgba(10, 10, 10, 0.8);
overflow-y: scroll;
}
.reveal {
z-index: 1000002;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #453F3C;
border-radius: 6px;
background-color: #ffffff;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
outline: 0;
}
@media print, screen and (min-width: 48em) {
.reveal {
min-height: 0;
}
}
.reveal .column,
.reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
.reveal {
width: 600px;
max-width: 73.125rem;
}
}
@media print, screen and (min-width: 48em) {
.reveal .reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 48em) {
.reveal.tiny {
width: 30%;
max-width: 73.125rem;
}
}
@media print, screen and (min-width: 48em) {
.reveal.small {
width: 50%;
max-width: 73.125rem;
}
}
@media print, screen and (min-width: 48em) {
.reveal.large {
width: 90%;
max-width: 73.125rem;
}
}
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width: 47.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0;
}
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 6px;
background: #cacaca;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 6px;
background: #ffffff;
transition: all 0.25s ease-out;
content: "";
}
input:checked ~ .switch-paddle {
background: rgb(51, 204, 102);
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-inactive, .switch-active {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny {
height: 1.5rem;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem;
}
.switch.small {
height: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem;
}
.switch.large {
height: 2.5rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem;
}
table {
width: 100%;
margin-bottom: 1rem;
border-radius: 6px;
}
thead,
tbody,
tfoot {
border: 1px dotted rgb(208, 216, 227);
background-color: #ffffff;
}
caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: 500;
}
thead {
background: #fff;
color: #453F3C;
}
tfoot {
background: #f2f2f2;
color: rgb(24, 35, 63);
}
thead tr,
tfoot tr {
background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: 500;
text-align: left;
}
tbody th,
tbody td {
padding: 0.5rem 0.625rem 0.625rem;
}
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f9f9f9;
}
table.unstriped tbody {
background-color: #ffffff;
}
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px dotted rgb(208, 216, 227);
background-color: #ffffff;
}
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none;
}
table.stack tfoot {
display: none;
}
table.stack tr,
table.stack th,
table.stack td {
display: block;
}
table.stack td {
border-top: 0;
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto;
}
table.hover thead tr:hover {
background-color: #fafafa;
}
table.hover tfoot tr:hover {
background-color: #ededed;
}
table.hover tbody tr:hover {
background-color: #fafafa;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ededed;
}
.table-scroll {
overflow-x: auto;
}
.table-scroll table {
width: auto;
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #ffffff;
border-radius: 6px;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
}
a.thumbnail {
transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(0, 113, 188, 0.5);
}
a.thumbnail image {
box-shadow: none;
}
.title-bar {
padding: 0;
background: rgb(255, 255, 255);
color: rgb(31, 48, 80);
}
.title-bar::before, .title-bar::after {
display: table;
content: " ";
}
.title-bar::after {
clear: both;
}
.title-bar .menu-icon {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.title-bar-left {
float: left;
}
.title-bar-right {
float: right;
text-align: right;
}
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: 800;
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #ccc;
font-weight: normal;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 6px;
background-color: #2d3744;
font-size: 80%;
color: #ffffff;
}
.tooltip::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #2d3744;
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #2d3744 transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2d3744;
top: 50%;
bottom: auto;
left: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: "";
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2d3744 transparent transparent;
top: 50%;
right: 100%;
bottom: auto;
left: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-bar {
padding: 0 0 0 1.5rem;
}
.top-bar::before, .top-bar::after {
display: table;
content: " ";
}
.top-bar::after {
clear: both;
}
.top-bar,
.top-bar ul {
background-color: rgb(255, 255, 255);
}
.top-bar ul ul {
background-color: #2d3744;
}
.top-bar input {
max-width: 180px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%;
}
@media print, screen and (min-width: 48em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto;
}
}
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%;
}
}
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
width: 100%;
}
.top-bar-title {
display: inline-block;
float: left;
padding: 0 1rem 0 0;
}
.top-bar-title .menu-icon {
bottom: 2px;
}
.top-bar-left {
float: left;
}
.top-bar-right {
float: right;
}
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity;
}
.fade-in.mui-enter.mui-enter-active {
opacity: 1;
}
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity;
}
.fade-out.mui-leave.mui-leave-active {
opacity: 0;
}
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0;
}
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0;
}
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0;
}
.slow {
transition-duration: 750ms !important;
}
.fast {
transition-duration: 250ms !important;
}
.linear {
transition-timing-function: linear !important;
}
.ease {
transition-timing-function: ease !important;
}
.ease-in {
transition-timing-function: ease-in !important;
}
.ease-out {
transition-timing-function: ease-out !important;
}
.ease-in-out {
transition-timing-function: ease-in-out !important;
}
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.short-delay {
transition-delay: 300ms !important;
}
.long-delay {
transition-delay: 700ms !important;
}
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7;
}
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.spin-ccw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg;
}
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important;
}
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important;
}
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important;
}
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important;
}
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important;
}
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
}
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important;
}
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important;
}
/* Clearing Styles */
/* line 44, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-thumbs, [data-clearing] {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
/* line 239, ../../foundation/bower_components/foundation/scss/foundation/components/_global.scss */
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
content: " ";
display: table;
}
/* line 240, ../../foundation/bower_components/foundation/scss/foundation/components/_global.scss */
.clearing-thumbs:after, [data-clearing]:after {
clear: both;
}
/* line 50, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
/*
commented out by herm - weird things happen in IE
.clearing-thumbs li, [data-clearing] li {
float: left;
margin-right: 10px;
}*/
/* line 55, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
margin-right: 0;
}
/* line 60, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-blackout {
background: #333333;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 998;
left: 0;
}
/* line 69, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-blackout .clearing-close {
display: block;
}
/* line 72, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-container {
height: 100%;
margin: 0;
overflow: hidden;
position: relative;
z-index: 998;
}
/* line 80, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-touch-label {
color: #AAAAAA;
font-size: 0.6em;
left: 50%;
position: absolute;
top: 50%;
}
/* line 88, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.visible-img {
height: 95%;
position: relative;
}
/* line 92, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.visible-img > img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%;
}
/* line 115, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-caption {
background: rgba(51, 51, 51, 0.8);
bottom: 0;
color: #ffffff;
font-size: 0.875rem;
line-height: 1.3;
margin-bottom: 0;
padding: 0.9375rem;
position: absolute;
text-align: center;
width: 100%;
left: 0;
}
/* line 129, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-close {
color: #CCCCCC;
display: none;
font-size: 30px;
line-height: 1;
padding-left: 20px;
padding-top: 10px;
z-index: 999;
}
/* line 138, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-close:hover, .clearing-close:focus {
color: #CCCCCC;
}
/* line 142, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container {
height: 100%;
}
/* line 143, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul {
display: none;
}
/* line 147, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-feature li {
display: none;
}
/* line 149, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-feature li.clearing-featured-img {
display: block;
}
@media only screen and (min-width: 48em) {
/* line 156, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev,
.clearing-main-next {
height: 100%;
position: absolute;
top: 0;
width: 40px;
}
/* line 162, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev > span,
.clearing-main-next > span {
border: solid 12px;
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0;
}
/* line 169, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev > span:hover,
.clearing-main-next > span:hover {
opacity: 0.8;
}
/* line 172, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev {
left: 0;
}
/* line 174, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev > span {
left: 5px;
border-color: transparent;
border-right-color: #CCCCCC;
}
/* line 180, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-next {
right: 0;
}
/* line 182, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-next > span {
border-color: transparent;
border-left-color: #CCCCCC;
}
/* line 188, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-main-prev.disabled,
.clearing-main-next.disabled {
opacity: 0.3;
}
/* line 193, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, 0.8);
height: 120px;
margin-top: 10px;
text-align: center;
}
/* line 199, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none;
}
/* line 206, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li {
clear: none;
cursor: pointer;
display: block;
float: left;
margin-right: 0;
min-height: inherit;
opacity: 0.4;
overflow: hidden;
padding: 0;
position: relative;
width: 120px;
}
/* line 220, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li.fix-height img {
height: 100%;
max-width: none;
}
/* line 226, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
box-shadow: none;
display: block;
}
/* line 232, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li img {
cursor: pointer !important;
width: 100% !important;
}
/* line 237, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li.visible {
opacity: 1;
}
/* line 238, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .carousel > ul li:hover {
opacity: 0.8;
}
/* line 243, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-assembled .clearing-container .visible-img {
background: #333333;
height: 85%;
overflow: hidden;
}
/* line 250, ../../foundation/bower_components/foundation/scss/foundation/components/_clearing.scss */
.clearing-close {
padding-left: 0;
padding-top: 0;
position: absolute;
top: 10px;
right: 20px;
}
}
@font-face {
font-family: "FontAwesome";
src: url("/fonts/font-awesome/fonts/FontAwesome.woff2?c4bgej1") format("woff2"), url("/fonts/font-awesome/fonts/FontAwesome.woff?c4bgej1") format("woff"), url("/fonts/font-awesome/fonts/FontAwesome.ttf?c4bgej1") format("truetype"), url("/fonts/font-awesome/fonts/FontAwesome.svg?c4bgej1#FontAwesome") format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "FontAwesome" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-instagram:before {
content: "\e90c";
}
.fa-bookmark-o:before {
content: "\e909";
}
.fa-bookmark:before {
content: "\e90a";
}
.fa-chevron-down:before {
content: "\e907";
}
.fa-chevron-up:before {
content: "\e908";
}
.fa-tag:before {
content: "\e906";
}
.fa-eye-slash:before {
content: "\e905";
}
.fa-chevron-right:before {
content: "\e902";
}
.fa-chevron-left:before {
content: "\e903";
}
.fa-envelope-o:before {
content: "\e904";
}
.fa-plus:before {
content: "\f067";
}
.fa-question:before {
content: "\f128";
}
.fa-search:before {
content: "\f002";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-check:before {
content: "\f00c";
}
.fa-close:before {
content: "\f00d";
}
.fa-remove:before {
content: "\f00d";
}
.fa-times:before {
content: "\f00d";
}
.fa-cog:before {
content: "\f013";
}
.fa-gear:before {
content: "\f013";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-lock:before {
content: "\f023";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-list:before {
content: "\f03a";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-eye:before {
content: "\f06e";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-warning:before {
content: "\f071";
}
.fa-calendar:before {
content: "\f073";
}
.fa-comment:before {
content: "\f075";
}
.fa-comments:before {
content: "\f086";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-phone:before {
content: "\f095";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-facebook-f:before {
content: "\f09a";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-group:before {
content: "\f0c0";
}
.fa-users:before {
content: "\f0c0";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-dashboard:before {
content: "\f0e4";
}
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-star-half-empty:before {
content: "\f123";
}
.fa-star-half-full:before {
content: "\f123";
}
.fa-star-half-o:before {
content: "\f123";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-mail-forward:before {
content: "\e901";
}
.fa-share:before {
content: "\e901";
}
.fa-crop:before {
content: "\e900";
}
@font-face {
font-family: "Font Awesome 5 Light";
src: url("/fonts/font-awesome-5-light/fonts/fa-light-300.woff2?20190711") format("woff2"), url("/fonts/font-awesome-5-light/fonts/fa-light-300.woff?20190711") format("woff"), url("/fonts/font-awesome-5-light/fonts/fa-light-300.eot?20190711#iefix") format("embedded-opentype"), url("/fonts/font-awesome-5-light/fonts/fa-light-300.ttf?20190711") format("truetype"), url("/fonts/font-awesome-5-light/fonts/fa-light-300.svg?20190711#Font Awesome 5 Light") format("svg"); /* iOS 4.1- */
font-style: normal;
font-weight: normal;
}
.fal {
font-family: "Font Awesome 5 Light";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fal.fa-fw {
text-align: center;
width: 1.25em;
}
.fal.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fal.fa-bars:before {
content: "\f0c9";
}
.fal.fa-bell-slash:before {
content: "\f1f6";
}
.fal.fa-bell:before {
content: "\f0f3";
}
.fal.fa-chart-line:before {
content: "\f201";
}
.fal.fa-check:before {
content: "\f00c";
}
.fal.fa-check-circle:before {
content: "\f058";
}
.fal.fa-check-square:before {
content: "\f14a";
}
.fal.fa-clipboard-check:before {
content: "\f46c";
}
.fal.fa-cog:before {
content: "\f013";
}
.fal.fa-cogs:before {
content: "\f085";
}
.fal.fa-comments:before {
content: "\f086";
}
.fal.fa-dollar-sign:before {
content: "\f155";
}
.fal.fa-gift:before {
content: "\f06b";
}
.fal.fa-heart:before {
content: "\f004";
}
.fal.fa-image:before {
content: "\f03e";
}
.fal.fa-list:before {
content: "\f03a";
}
.fal.fa-lock-alt:before {
content: "\f30d";
}
.fal.fa-map-marker:before {
content: "\f041";
}
.fal.fa-newspaper:before {
content: "\f1ea";
}
.fal.fa-pencil:before {
content: "\f040";
}
.fal.fa-plus:before {
content: "\f067";
}
.fal.fa-power-off:before {
content: "\f011";
}
.fal.fa-search:before {
content: "\f002";
}
.fal.fa-star:before {
content: "\f005";
}
.fal.fa-stethoscope:before {
content: "\f0f1";
}
.fal.fa-thumbs-down:before {
content: "\f165";
}
.fal.fa-thumbs-up:before {
content: "\f164";
}
.fal.fa-times:before {
content: "\f00d";
}
.fal.fa-trash-alt:before {
content: "\f2ed";
}
.fal.fa-usd-circle:before {
content: "\f2e8";
}
.fal.fa-user-circle:before {
content: "\f2bd";
}
.fal.fa-users:before {
content: "\f0c0";
}
.fal.fa-video:before {
content: "\f03d";
}
/* USAGE:
.foo {
@include placeholder {
font-style:italic;
color: white;
font-weight:100;
}
}
*/
/* JQUERY CHOSEN PLUGIN */
/* Chosen v1.3.0 | (c) 2011-2014 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chosen-container * {
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: linear-gradient(to bottom, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(/scripts/chosen/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(/scripts/chosen/chosen-sprite.png) no-repeat 0 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: #fff url(/scripts/chosen/chosen-sprite.png) no-repeat 100% -20px;
background: url(/scripts/chosen/chosen-sprite.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(/scripts/chosen/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(#eee 20%, #fff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: 0;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222 !important;
}
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: 0;
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: #fff url(/scripts/chosen/chosen-sprite.png) no-repeat -30px -20px;
background: url(/scripts/chosen/chosen-sprite.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { /*background-image:url(/scripts/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important*/ }
}
textarea,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]) {
border: 1px solid rgb(166, 181, 202);
border-radius: 6px;
height: 2.625rem;
font-size: 1rem;
line-height: 1.5rem;
padding: 0.3125rem 0.75rem;
}
textarea:not([readonly]):focus, textarea:not([readonly]):hover, textarea:not(:disabled):focus, textarea:not(:disabled):hover,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]):not([readonly]):focus,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]):not([readonly]):hover,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]):not(:disabled):focus,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]):not(:disabled):hover {
border-color: rgb(99, 166, 255);
box-shadow: 0 0 3px 0 rgb(99, 166, 255);
}
textarea[readonly], textarea:disabled,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly],
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]):disabled {
background: #eceff4;
color: rgb(166, 181, 202);
}
textarea.large,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]).large {
height: 3rem;
padding: 0.6875rem 0.75rem;
}
textarea.xlarge,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]).xlarge {
height: 3.375rem;
padding: 0.9375rem;
}
select.large {
height: 3rem;
}
@media screen and (max-width: 47.9375em) {
textarea,
input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
font-size: 1rem;
}
}
textarea {
height: auto;
min-height: 8.125rem;
}
input[type=checkbox] {
width: 18px;
height: 18px;
}
.input-group {
position: relative;
margin: 0 0 1rem 0;
font-weight: 400;
vertical-align: top;
}
.input-group > input {
margin: 0;
text-overflow: ellipsis;
}
.input-group > select {
margin: 0;
}
.input-group--prefix > input {
padding-left: 2.5rem !important;
}
.input-group--prefix i {
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.5rem;
color: rgb(166, 181, 202);
}
.input-group--prefix i.fa-fw {
left: 0.4375rem;
}
.input-group--postfix > input {
padding-right: 2rem !important;
}
.input-group > input ~ .js-clear-input {
color: rgb(166, 181, 202);
cursor: pointer;
display: block;
font-size: 1.5rem;
position: absolute;
right: 3px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
width: 1.875rem;
}
.input-group-button > .button {
height: 36px;
}
a,
.link,
.link.link--alt {
color: #0071BC;
cursor: pointer;
}
a:visited,
.link:visited,
.link.link--alt:visited {
color: #0071BC;
}
a:focus, a:hover,
.link:focus,
.link:hover,
.link.link--alt:focus,
.link.link--alt:hover {
color: rgb(63, 79, 101);
}
.link.link--alt {
text-decoration: none;
}
.link.link--alt:hover {
text-decoration: underline;
}
.link {
text-decoration: underline;
color: #453F3C;
}
.link:visited {
color: rgb(63, 79, 101);
}
.link:hover {
text-decoration: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
ul,
ol,
table {
margin: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #453F3C;
letter-spacing: 0.12px;
}
h1,
.h1 {
color: rgb(24, 35, 63);
font-size: 2.4375rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.625rem;
text-transform: none;
}
h2,
.h2 {
color: rgb(31, 48, 80);
font-size: 1.375rem;
font-weight: 700;
text-transform: none;
margin: 0 0 1.5rem 0;
}
h3,
.h3 {
color: rgb(31, 48, 80);
font-size: 1.1875rem;
font-weight: 700;
text-transform: none;
margin: 0 0 0.375rem 0;
border-bottom: 0;
padding-bottom: 0;
}
h4,
.h4 {
font-size: 1.125rem;
font-weight: 300;
line-height: 1.5rem;
text-transform: none;
margin: 0 0 0.375rem 0;
}
h5,
.h5 {
font-size: 1.0625rem;
font-weight: normal;
line-height: 1.5rem;
text-transform: none;
}
strong {
font-weight: bold;
}
p {
color: #453F3C;
font-size: 1rem;
letter-spacing: 0;
line-height: 24px;
}
.size-lg {
font-size: 1.1875rem;
font-weight: 300;
line-height: 2.25rem;
}
.size-sm {
color: #453F3C;
font-size: 0.8125rem;
line-height: 1.5;
}
blockquote {
font-size: 0.875rem;
letter-spacing: 0.36px;
margin: 0 0 1.5rem 0;
text-align: left;
}
blockquote.blockquote--altdash > cite::before {
content: "⁓ ";
}
blockquote cite {
color: #0071BC;
font-style: normal;
margin-top: 0.75rem;
text-align: right;
}
small.small {
font-size: 0.75rem;
color: #453F3C;
}
@media print, screen and (min-width: 48em) {
h1,
.h1 {
font-size: 3.9375rem;
line-height: 4.5rem;
}
h1.small,
.h1.small {
font-size: 2.375rem;
line-height: 2.875rem;
}
h2,
.h2 {
font-size: 1.5rem;
}
h2.alt,
.h2.alt {
font-size: 1.375rem;
}
h3,
.h3 {
font-size: 1.375rem;
}
h4,
.h4 {
font-size: 1.1875rem;
line-height: 1.5rem;
}
h5,
.h5 {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media screen and (max-width: 47.9375em) {
h1.small,
.h1.small {
font-size: 1.875rem;
line-height: 1.15;
}
}
.collection--threads .collection__item {
margin-bottom: 0;
}
.collection--threads .collection__item:last-of-type > * {
border-bottom: 0;
}
.collection__clear {
clear: left;
}
.collection__item {
margin-bottom: 1.5rem;
}
.collection__item:last-of-type {
margin-bottom: 0;
}
.collection--procedures .collection__item {
margin-bottom: 3rem;
}
.collection--reviews {
margin-top: -0.75rem;
}
.collection--reviews .collection__item {
margin-bottom: 0;
border-bottom: 1px dotted rgb(208, 216, 227);
padding: 0.75rem 0 1.5rem 0;
}
.collection--events .collection__item, .collection--doctors .collection__item {
margin-bottom: 1.5rem;
}
.collection--beaf .collection__item {
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.collection--beaf {
margin-left: -0.375rem !important;
margin-right: -0.375rem !important;
}
.collection--beaf .columns {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
.collection--articles .collection__item, .collection--videos .collection__item {
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.collection--border-top {
border-top: 1px solid rgb(208, 216, 227);
padding-top: 1.5rem;
}
.collection--reviews .collection__item {
border-bottom: 1px solid rgb(208, 216, 227);
padding: 1.5rem 0 2.25rem 0;
}
.collection--articles .collection__item, .collection--videos .collection__item {
margin-bottom: 1.5rem;
}
.collection--articles .collection__item:first-of-type .media__title, .collection--videos .collection__item:first-of-type .media__title {
margin-top: 1.125rem;
}
.collection--events .collection__item {
margin-bottom: 2.25rem;
}
}
.image {
display: inline-block;
max-width: 100%;
height: auto;
position: relative;
}
.image--rounded, .avatar .image {
border-radius: 50%;
}
.image--rounded img, .avatar .image img {
border-radius: 50%;
}
.image--rounded4 {
border-radius: 4px;
}
.image--rounded4 img {
border-radius: 4px;
}
.image--video:after {
content: "";
width: 25%;
padding-top: 25%;
background: url("../pictures/redesign2018/ico-player.svg") 50% 50% no-repeat;
background-size: cover;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.image__meta {
background: rgba(10, 10, 10, 0.7);
bottom: 0;
color: rgb(255, 255, 255);
font-size: 0.8125rem;
font-weight: 300;
line-height: 1.5;
padding: 0.125rem 0.375rem;
position: absolute;
right: 0;
}
.image__meta--likes {
border-radius: 6px;
bottom: 0.125rem;
font-size: 0.75rem;
padding: 0 0.3125rem;
right: 0.125rem;
}
.image--aspect-ratio-1-1 {
height: 0;
padding-bottom: 100%;
}
.image--aspect-ratio-16-9 {
height: 0;
padding-bottom: 56.25%;
}
.image__over {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
color: #fff;
}
.image img {
vertical-align: top;
}
.wysiwyg {
font-size: 0.875rem;
}
.wysiwyg > :last-child {
margin-bottom: 0;
}
.wysiwyg h1 {
margin-bottom: 1.5rem;
}
.wysiwyg h2 {
margin-bottom: 0.75rem;
border-bottom: 0;
padding-bottom: 0;
}
.wysiwyg h3 {
margin-bottom: 0.75rem;
}
.wysiwyg h4 {
margin-bottom: 0.75rem;
}
.wysiwyg h5 {
margin-bottom: 0.75rem;
}
.wysiwyg p + a,
.wysiwyg p {
margin-bottom: 0.75rem;
}
.wysiwyg p + a + h1,
.wysiwyg p + h1 {
margin-top: 2.25rem;
}
.wysiwyg p + a + h2,
.wysiwyg p + h2 {
margin-top: 2.25rem;
}
.wysiwyg p + a + h3,
.wysiwyg p + h3 {
margin-top: 2.25rem;
}
.wysiwyg p + a + h4,
.wysiwyg p + h4 {
margin-top: 2.25rem;
}
.wysiwyg p + a + h5,
.wysiwyg p + h5 {
margin-top: 2.25rem;
}
.wysiwyg p + a + ul, .wysiwyg p + a + ol,
.wysiwyg p + ul,
.wysiwyg p + ol {
margin-top: 0.75rem;
}
.wysiwyg p + a + p,
.wysiwyg p + p {
margin-top: 1.5rem;
}
.wysiwyg p + a + blockquote,
.wysiwyg p + blockquote {
margin-top: 2.25rem;
}
.wysiwyg p + a + table,
.wysiwyg p + table {
margin-top: 2.25rem;
}
.wysiwyg ul, .wysiwyg ol {
margin-bottom: 2.25rem;
padding: 0;
}
.wysiwyg ul ul, .wysiwyg ul ol, .wysiwyg ol ul, .wysiwyg ol ol {
margin-bottom: 0;
margin-top: 0.375rem;
}
.wysiwyg ul li, .wysiwyg ol li {
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
list-style-type: none;
position: relative;
padding-left: 0.75rem;
}
.wysiwyg ol {
counter-reset: counter;
}
.wysiwyg ol li p {
margin: 0;
padding: 0;
line-height: inherit;
font-size: inherit;
}
.wysiwyg ol li:before {
content: counter(counter, decimal) ".";
counter-increment: counter;
position: absolute;
left: 0;
top: 3px;
line-height: inherit;
}
.wysiwyg ul li > p {
margin: 0;
}
.wysiwyg ul li:before {
color: rgb(166, 181, 202);
content: ">";
position: absolute;
left: 0;
top: 0.1875rem;
}
.wysiwyg table {
margin-bottom: 2.25rem;
}
.wysiwyg img[data-src],
.wysiwyg img[data-srcset] {
display: inline-block;
}
.wysiwyg p img {
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
.wysiwyg p img {
margin: 0 1.875rem 0.5rem 1.875rem;
}
.wysiwyg p img[style*="float: left"] {
margin-left: 0;
}
.wysiwyg p img[style*="float: right"] {
margin-right: 0;
}
}
.wysiwyg figure {
color: #453F3C;
font-size: 0.8125rem;
font-style: italic;
text-align: center;
margin: 1rem 40px;
}
.wysiwyg figure > figcaption {
margin-top: 0.3rem;
width: 100%;
}
.wysiwyg figure.multiple-2 img {
max-width: 45%;
}
.wysiwyg figure.multiple-3 img {
max-width: 30%;
}
@media print, screen and (min-width: 48em) {
.wysiwyg figure {
margin: 0 1.875rem 0.5rem 1.875rem;
}
.wysiwyg figure.left {
margin-left: 0;
}
.wysiwyg figure.right {
margin-right: 0;
}
}
.accordion-item {
border-bottom: 1px solid rgb(208, 216, 227);
}
.accordion-item.is-active .accordion-content {
display: block;
}
.accordion-item.is-active .accordion-title {
text-decoration: none;
}
.accordion-item.is-active .accordion-title:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.accordion-title {
display: block;
line-height: 1.5rem;
font-size: 1.1875rem;
font-weight: 400;
padding: 0.75rem 1rem;
position: relative;
}
.accordion-title:before, .accordion-title:after {
background: #0071BC;
content: "";
display: block;
position: absolute;
transition: transfrom 300ms ease;
}
.accordion-title:after {
height: 1px;
width: 25px;
right: 16px;
top: 24px;
}
.accordion-title:before {
height: 24px;
width: 1px;
right: 28px;
top: 12px;
}
.accordion-content {
display: none;
padding: 0.75rem 0 1.5rem 0;
}
@media print, screen and (min-width: 48em) {
.accordion-content {
display: block;
}
.accordion-item {
margin: 0;
padding: 1.5rem 0;
border: 0;
margin: 0 0 0.375rem 0;
padding: 0;
}
.accordion-item:first-child {
margin-top: 0;
padding-top: 0;
}
.accordion-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.accordion.tabs-content .accordion-item {
margin: 0;
padding: 0;
}
.accordion.tabs-content .accordion-title {
display: none !important;
}
.accordion.tabs-content .accordion-content {
padding: 0;
}
}
.avatar {
border-radius: 50%;
display: inline-block;
height: 4.75rem;
position: relative;
width: 4.75rem;
}
.avatar .badge, .avatar .badge--mexpe {
position: absolute;
bottom: 4px;
right: 0;
}
.avatar--center {
width: 100%;
text-align: center;
}
.avatar--large {
width: 9.75rem;
height: 9.75rem;
}
.avatar--large .badge, .avatar--large .badge--mexpe {
bottom: 8px;
}
.avatar--medium {
width: 6rem;
height: 6rem;
}
.avatar--sub-medium {
width: 3rem;
height: 3rem;
}
.avatar--small {
width: 2.25rem;
height: 2.25rem;
}
.avatar--tiny {
width: 1.5rem;
height: 1.5rem;
}
.avatar--border {
border: 0.375rem solid #f4f6f8;
height: 5.5rem;
width: 5.5rem;
}
.avatar--border.avatar--medium {
width: 6.75rem;
height: 6.75rem;
}
.avatar--border .image {
box-shadow: 0 1px 3px #d0d8e3;
}
.autocomplete-results,
ul.ui-autocomplete {
background-color: rgb(255, 255, 255) !important;
border: 1px solid rgb(166, 181, 202);
border-top: 1px dotted rgb(208, 216, 227);
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
line-height: 32px;
position: absolute;
padding: 0 10px;
width: 100%;
z-index: 12;
}
.autocomplete-results > li,
ul.ui-autocomplete > li {
line-height: 1.4;
}
.autocomplete-results > li > a,
ul.ui-autocomplete > li > a {
color: #453F3C;
display: block;
font-size: 13px;
width: 100%;
}
.autocomplete-results > li > a:hover,
ul.ui-autocomplete > li > a:hover {
text-decoration: none;
}
.autocomplete-results strong,
ul.ui-autocomplete strong {
font-weight: 700;
}
.autocomplete-results .ui-state-focus,
ul.ui-autocomplete .ui-state-focus {
background: #e0e5ed;
}
.ui-menu-item--emph.ui-menu-item.ui-menu-item {
background-color: #f0f3f6;
border-top: 1px solid #e0e5ed;
}
.ui-menu-item--emph.ui-menu-item.ui-menu-item > a,
.ui-menu-item--emph.ui-menu-item.ui-menu-item > a:hover {
color: #0071BC;
font-size: 0.9375rem;
padding-top: 0.75rem;
padding-bottom: 0.625rem;
}
.ui-menu-item__meta {
color: #b6c2d4;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
/*
ul.ui-autocomplete {
max-height: 500px;
overflow-y: auto;
}*/
.autocomplete-results {
max-height: 450px;
overflow-y: auto;
}
.autocomplete-large-results ul.ui-autocomplete {
border-width: 1px;
}
.autocomplete-results.top, ul.ui-autocomplete.top {
border-width: 1px 1px 0 1px;
}
/*ul.ui-autocomplete .ui-state-active, ul.ui-autocomplete .ui-state-hover, ul.ui-autocomplete .ui-state-focus {
}*/
.autocomplete .ui-helper-hidden-accessible, .ui-front .ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete-input--loading {
background-image: url("/pictures/loading.svg");
background-position: 99% 50%;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
}
.back-to-top.back-to-top {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
top: auto;
left: auto;
right: 1rem;
bottom: 1.2rem;
opacity: 0;
position: fixed;
text-decoration: none;
transition: opacity 0.3s;
z-index: 11;
}
.back-to-top.back-to-top .fa {
color: rgb(255, 255, 255);
font-size: 35px;
line-height: 42px;
}
.back-to-top.back-to-top.is-active {
opacity: 0.6;
}
.back-to-top.back-to-top.is-active:hover {
opacity: 0.8;
}
.badge {
background-color: currentColor;
border: 1px solid currentColor;
color: #453F3C;
display: inline-block;
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
font-weight: 300;
height: 1.5rem;
line-height: 1.5rem;
min-width: 1.5rem;
padding: 0;
position: relative;
vertical-align: middle;
width: 1.5rem;
}
.badge span {
color: rgb(255, 255, 255);
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.badge span .fa {
line-height: inherit;
}
.badge.small {
font-size: 0.625rem;
font-weight: 400;
height: 1.125rem;
line-height: 1.125rem;
min-width: 1.125rem;
width: 1.125rem;
}
.badge.x-medium {
font-size: 1rem;
height: 2.25rem;
line-height: 2.25rem;
min-width: 2.25rem;
width: 2.25rem;
}
.badge.large {
font-size: 1.1875rem;
height: 3rem;
line-height: 3rem;
min-width: 3rem;
width: 3rem;
}
.badge--green {
color: rgb(51, 204, 102);
}
.badge--blue {
color: #0071BC;
}
.badge--orange {
color: #ffc300;
}
.badge--red {
color: rgb(204, 85, 82);
}
.badge--outline {
background-color: rgb(255, 255, 255);
}
.badge--outline span {
color: currentColor;
}
.badge--mexpe.x-medium > img {
width: 1.75rem;
height: 2.125rem;
}
.badge-list {
display: inline-block;
margin: 0;
}
.badge-list .badge {
vertical-align: top;
}
.badge-list__item {
clear: left;
float: left;
height: 1.125rem;
margin: 0.1875rem 0;
overflow: hidden;
white-space: nowrap;
max-width: 150px;
}
.badge-list__text, .badge-list__link {
display: inline-block;
font-size: 0.8125rem;
letter-spacing: 0.12px;
line-height: 1.125rem;
margin-left: 0.125rem;
vertical-align: top;
}
.badge-list__text {
color: #453F3C;
}
@media screen and (max-width: 47.9375em) {
.badge-list__item {
clear: none;
margin-right: 0.5rem;
}
}
.banner {
width: 100%;
}
.banner.widget {
margin-top: 1rem;
margin-bottom: 1rem;
}
.banner__title {
color: rgb(166, 181, 202);
display: block;
font-size: 0.625rem;
line-height: 1.5;
text-transform: uppercase;
}
@media screen and (max-width: 47.9375em) {
.banner {
max-width: 99vw !important;
}
}
.widget--side .banner__title {
text-align: center;
}
@media screen and (max-width: 47.9375em) {
.js-html-ad {
position: relative;
}
.js-html-ad .banner__title {
position: absolute;
bottom: -1rem;
text-align: center;
left: -20px;
right: -20px;
}
.js-html-ad.widget:not(.widget--nocard) {
margin-bottom: 30px;
outline-width: 30px;
}
}
/* flash */
.banner embed, .banner object {
height: auto;
}
/* floating banner: */
.banner.floating.bottom {
position: absolute;
}
.banner.fixed {
border: none;
left: auto;
top: 5.75rem;
margin-top: 0;
position: fixed !important;
z-index: 10;
}
.banner.banner--skyscraper {
position: absolute;
height: 623px;
left: 55%;
top: 10px;
margin-left: 510px;
overflow: hidden;
text-align: left;
}
.banner--skyscraper.fixed {
top: 4.5rem;
}
.banner--skyscraper embed {
height: 600px;
width: 10rem;
}
.homepage .banner--skyscraper {
margin-top: 33vw;
}
.homepage .banner--skyscraper.fixed, .homepage .banner--skyscraper.bottom {
margin-top: 0;
}
.banner--leaderboard > .row {
margin-top: -3px;
margin-bottom: 5px;
}
.js-sticky-bar-expanded .banner.fixed {
margin-top: 4.5rem;
}
/* .js-sticky-bar-expanded .banner.sticky { */
/* margin-top: 2*$topbar-height !important; */
/* } */
.banner--html {
position: relative;
}
.banner--html iframe {
width: 100%;
}
@media only screen and (max-width: 83.125rem) {
.banner--skyscraper {
display: none;
}
}
.banner--review {
text-align: center;
border-radius: 0.25rem;
border: 1px solid #e0e5ed;
background: linear-gradient(#e0e5ed, #FFF);
padding: 0 1.25rem 0.625rem 1.25rem;
margin-top: 0.75rem;
}
.banner--review .avatar {
top: -0.75rem;
}
.banner--review blockquote {
color: #0071BC;
text-align: center;
margin-bottom: 0.75rem;
padding-top: 0;
}
.banner--review blockquote p {
font-size: 1rem;
color: inherit;
}
.banner--review blockquote span {
display: inline-block;
padding-top: 6px;
}
.banner--review__logo {
display: block;
margin: 12px auto 0 auto;
width: 130px;
}
.infobox {
border: 1px solid #cad4e2;
border-radius: 5px;
padding: 18px;
position: relative;
}
.infobox::before, .infobox::after {
display: table;
content: " ";
}
.infobox::after {
clear: both;
}
.infobox__heading {
color: #5289d3;
font-size: 14px;
font-weight: 500;
margin: 0 145px 5px 140px;
}
.infobox__img {
float: left;
}
.infobox__text {
font-size: 13px;
margin-left: 140px;
}
.infobox__ad {
background: #cad4e2;
border-bottom-left-radius: 3px;
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 5px 10px;
position: absolute;
right: 0;
top: 0;
}
@media only screen and (max-width: 400px) {
.infobox {
text-align: center;
padding-top: 50px;
}
.infobox__img {
float: none;
height: 60px;
margin-bottom: 1rem;
width: 60px;
}
.infobox__heading, .infobox__text {
margin: 0;
}
.infobox__text {
line-height: 1.5;
}
}
.beaf {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.beaf > .image:not(:first-child) {
margin-top: 1px;
}
.beaf > .beaf__small:first-child + .beaf__small {
margin-top: 0;
}
.beaf__big {
width: 100%;
}
.beaf__big:first-child img {
border-radius: 4px 4px 0 0;
}
.beaf__big:last-child img {
border-radius: 0 0 4px 4px;
}
.beaf__small {
width: calc(50% - 0.5px);
}
.beaf__small:nth-last-child(2) img {
border-radius: 0 0 0 4px;
}
.beaf__small:last-child img {
border-radius: 0 0 4px 0;
}
.beaf__small:first-child + .beaf__small img {
border-radius: 0 4px 0 0;
}
.beaf__small:first-child img {
border-radius: 4px 0 0 0;
}
@media print, screen and (min-width: 48em) {
.beaf .image {
width: calc(33.3333333333% - 4px);
margin: 0;
}
.beaf .image img {
border-radius: 4px;
}
}
.beauty-story .person .avatar {
float: left;
margin-right: 0.75rem;
}
.beauty-story__heading .rating__stars {
vertical-align: middle;
}
.beauty-story__heading .fa {
position: relative;
top: 5px;
left: 4px;
}
.beauty-story__meta, .beauty-story__author {
padding: 0;
}
.beauty-story__meta .item, .beauty-story__author .item {
display: block;
font-size: 0.875rem;
line-height: 1.5rem;
margin-right: 0.75rem;
}
.beauty-story__meta .item--small, .beauty-story__author .item--small {
color: #453F3C;
font-size: 0.8125rem;
}
.beauty-story__meta .item strong, .beauty-story__author .item strong {
font-weight: 500;
}
.beauty-story__meta .avatar, .beauty-story__author .avatar {
vertical-align: middle;
}
@media print, screen and (min-width: 48em) {
.beauty-story__meta .avatar, .beauty-story__author .avatar {
margin-right: 0.375rem;
}
}
.beauty-story__author .avatar {
margin-bottom: 6px;
}
@media print, screen and (min-width: 48em) {
.beauty-story__author .avatar {
margin-bottom: 0;
}
}
.beauty-story__meta {
line-height: 1.125rem;
color: #8595ab;
display: block;
font-size: 0.8125rem;
margin-bottom: 0.5625rem;
}
.beauty-story__author {
padding: 0 0 1.5rem 0;
}
.beauty-story__topic {
border-bottom: 1px solid rgba(69, 63, 60, 0.18);
}
.beauty-story__topic h2 {
margin: 0;
font-size: 36px;
letter-spacing: -0.51px;
line-height: 1.1;
}
@media screen and (max-width: 47.9375em) {
.beauty-story__topic h2 {
font-size: 21px;
letter-spacing: -0.3px;
line-height: 27px;
}
}
@media print, screen and (min-width: 48em) {
.beauty-story__topic {
margin-top: 0.75rem;
}
}
.beauty-story__response {
padding: 0 0 1.5rem 0;
}
@media screen and (max-width: 47.9375em) {
.beauty-story__response {
padding-bottom: 6px;
}
}
.beauty-story__response:not(:last-of-type) {
border-bottom: 1px solid rgba(69, 63, 60, 0.18);
margin-bottom: 1.5rem;
}
.beauty-story__response .beauty-story__response {
margin-left: 1rem;
}
.beauty-story__responses {
padding: 1rem 0 0 0;
border-left: 1px solid rgb(208, 216, 227);
}
.beauty-story__actions {
margin-top: 18px;
}
.beauty-story__rating {
color: #453F3C;
font-size: 13px;
letter-spacing: 0;
line-height: 18px;
}
@media screen and (max-width: 47.9375em) {
.beauty-story__rating {
max-width: 350px;
}
}
.beauty-story__overall-rating-title {
font-size: 15px;
font-weight: bold;
line-height: 24px;
}
@media print, screen and (min-width: 48em) {
.beauty-story__overall-rating-title {
font-size: 18px;
line-height: 18px;
}
}
.beauty-story__reaction {
background: rgb(247, 248, 250);
padding: 0.75rem 1rem 1.5rem 1rem;
position: relative;
top: -1px;
}
.beauty-story__reaction .avatar {
margin-right: 8px;
float: left;
}
.beauty-story__reaction textarea {
height: 2.25rem;
min-height: initial;
transition: height 0.3s;
}
.beauty-story__reaction .form {
width: calc(100% - 44px);
}
.beauty-story__reaction .form__controls {
display: none;
}
.beauty-story__reaction:not(:last-of-type) {
border-bottom: 1px solid rgb(208, 216, 227);
}
.beauty-story__reaction.is-active textarea {
height: 6.25rem;
}
.beauty-story__reaction.is-active .form__controls {
display: block;
}
.beauty-story__post:not(:last-of-type) {
margin-bottom: 1.5rem;
}
.beauty-story__post .beauty-story__author {
padding-top: 1.5rem;
}
.beauty-story__sub {
border-bottom: 1px solid rgb(208, 216, 227);
padding-left: 2.75rem;
margin-left: 1rem;
margin-right: 1rem;
}
.beauty-story__sub .beauty-story__response {
margin-left: 0;
margin-right: 0;
}
.beauty-story__show-responses {
display: inline-block;
font-size: 1.1875rem;
line-height: 1.5rem;
margin: 1rem;
}
.beauty-story__show-responses .label {
margin: 0 0.375rem;
vertical-align: middle;
}
.beauty-story__show-responses i {
position: relative;
top: 4px;
}
.beauty-story__response-title {
color: rgb(63, 79, 101);
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
.beauty-story__response-title:before {
content: "";
border-bottom: 1px solid #0071BC;
border-left: 1px solid #0071BC;
display: inline-block;
height: 12px;
margin-right: 7px;
position: relative;
top: -3px;
width: 12px;
}
.beauty-story__show-sub {
font-size: 0.875rem;
padding: 1.5rem 0 0 2.75rem;
}
.beauty-story__show-sub a {
display: inline-block;
}
.beauty-story__show-sub i {
position: relative;
top: 4px;
left: 4px;
}
.beauty-story .thread__show-responses {
margin: 0.5rem 0 0 0;
}
@media print, screen and (min-width: 48em) {
.beauty-story__author .item {
display: inline-block;
}
.beauty-story__meta .item {
display: inline-block;
}
}
@media screen and (max-width: 47.9375em) {
.beauty-story__author .item--inline {
display: inline;
line-height: 1rem;
}
.beauty-story .image-group--slider {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
}
.breadcrumbs {
background-color: rgb(255, 255, 255);
display: block;
font-size: 0.8125rem;
list-style: none;
margin-top: 0.5rem;
overflow: hidden;
}
.breadcrumbs__item {
color: #453F3C;
display: inline;
position: relative;
}
.breadcrumbs__item:not(:last-child):after {
color: #453F3C;
content: "\f105";
font-family: "FontAwesome";
margin: 0 8px;
}
@media screen and (max-width: 47.9375em) {
.breadcrumbs {
margin-bottom: 0.5rem;
}
}
.has-hero-image .breadcrumbs {
position: relative;
margin-bottom: -100%;
background-color: transparent;
text-shadow: 2px 0px 5px #000;
z-index: 1;
}
.has-hero-image .breadcrumbs .breadcrumbs__item,
.has-hero-image .breadcrumbs .breadcrumbs__item:after,
.has-hero-image .breadcrumbs a {
color: rgb(255, 255, 255);
}
.button-menu .button {
white-space: nowrap;
line-height: 1.5rem;
padding: 0.3125rem 1rem;
}
.button-menu li:not(:last-child) {
padding-right: 10px;
}
.button-menu .menu {
border-color: #0071BC;
border-radius: 6px;
margin-top: 3px;
font-weight: 500;
z-index: 11;
}
@media screen and (max-width: 47.9375em) {
.button-menu {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.button-menu::-webkit-scrollbar {
display: none;
}
}
.button {
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.4375rem;
letter-spacing: 0;
margin: 0;
padding: 0.5rem 1rem;
text-decoration: none !important;
overflow: hidden;
position: relative;
min-height: 42px;
border-radius: 3.125rem;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.button:visited {
color: rgb(255, 255, 255);
}
.button .fa,
.button .fal {
line-height: inherit;
}
.button .fa.left,
.button .fal.left {
margin-right: 6px;
}
.button .fa.right,
.button .fal.right {
margin-left: 6px;
}
.button--pill {
border-radius: 1.125rem;
font-weight: normal;
}
.button--square {
padding-left: 0 !important;
padding-right: 0 !important;
width: 2.25rem;
min-height: 2.25rem;
}
.button--block {
display: block;
width: 100%;
}
.button--nowrap {
white-space: nowrap;
}
.button.tiny {
line-height: 1.35;
}
.button.tiny > .fa {
top: auto;
}
.button.small {
line-height: 1.375rem;
padding: 0 0.75rem;
height: auto !important;
min-height: 0;
}
.button.small.button--pill {
border-radius: 0.75rem;
}
.button.small.button--square {
width: 1.5rem;
}
.button.medium {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
font-size: 0.8125rem;
line-height: 1.125rem;
height: auto;
min-height: 0;
}
.button.medium.button--pill {
border-radius: 0.9375rem;
}
.button.large {
letter-spacing: 0.43px;
}
.button.large.button--pill {
border-radius: 1.5rem;
}
.button.large.button--square {
width: 3rem;
}
.button.xlarge {
font-size: 1.1875rem;
}
.button.xlarge.button--pill {
border-radius: 1.5rem;
}
.button.xlarge.button--square {
width: 5.25rem;
}
.button--nomargin {
margin: 0;
}
.button--secondary {
background: #0071BC;
border: 1px solid #0071BC;
box-shadow: none;
color: rgb(255, 255, 255);
font-weight: 700;
text-shadow: none;
}
.button--secondary:hover, .button--secondary:focus {
background: rgb(99, 166, 255);
border-color: rgb(99, 166, 255);
}
.button--secondary:active {
background: #0071BC;
border-color: #0071BC;
}
.button.is-fixed-bottom {
bottom: -3px;
position: fixed;
right: 0.625rem;
}
.button.button--outline {
border-style: solid;
border-width: 1px;
border-color: rgb(31, 48, 80);
background: none;
background: #fff;
color: #453F3C;
text-shadow: none;
}
.button.button--outline:hover, .button.button--outline:focus {
color: #0071BC;
box-shadow: none;
}
.button.button--outline:active, .button.button--outline.is-active {
background: #0071BC;
border-color: #0071BC;
box-shadow: none;
color: rgb(255, 255, 255);
}
.button.button--blue {
border-color: #0071BC;
}
.button.button--red {
background: rgb(204, 85, 82);
border-color: rgb(204, 85, 82);
}
.button.button--red:hover {
background: rgb(204, 85, 82);
border-color: rgb(204, 85, 82);
}
.button.button--green {
background: rgb(51, 204, 102);
border-color: rgb(51, 204, 102);
}
.button.button--green:hover {
background: rgb(51, 204, 102);
border-color: rgb(51, 204, 102);
}
.button.button--gray {
border-color: #F3F6F8;
background-color: #F3F6F8;
color: #95A5BA;
}
.button.button--outline.button--gray {
border-color: rgb(208, 216, 227);
box-shadow: 0 0.063rem 0.063rem rgb(247, 248, 250);
background: #fff;
color: #453F3C;
}
.button.button--outline.button--gray:hover {
color: #0071BC;
border-color: #0071BC;
}
.button.button--outline.button--white {
border: 0.125rem solid white;
box-shadow: 0 0.063rem 0.063rem rgba(52, 56, 60, 0.6);
background: none;
color: white;
font-size: 0.938rem;
height: auto;
padding: 0.25rem 1.25rem;
text-transform: none;
}
.button.button.button--noshadow {
box-shadow: none;
}
.button.button--text {
background: none;
border: 0;
box-shadow: none;
color: #0071BC;
text-transform: none;
}
.button.button--text:hover {
color: #0071BC;
text-decoration: underline !important;
}
.button .button__icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 55%;
}
.button.inactive, .button.disabled, .button:disabled {
pointer-events: none;
opacity: 0.5;
}
.button--bottom-right {
position: fixed;
bottom: -0.375rem;
right: 1.25rem;
z-index: 1000003;
}
.button--bottom-right.small {
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
}
.button.alert, .button.alert:hover, .button.alert:active {
color: rgb(255, 255, 255);
}
.button.button--outline.button--transparent {
background-color: transparent;
}
.button.button--light-blue {
border-color: #D2E5FF;
color: #D2E5FF;
}
.button.button--light-blue:hover, .button.button--light-blue:focus {
border-color: rgb(255, 255, 255);
}
.button.button--pl-0 {
padding-left: 0;
}
.button--find-doctor {
background-color: rgb(255, 255, 255);
border: 1px solid #0071BC;
font-weight: bold;
padding: 0 50px 0 68px;
color: #0071BC;
height: 60px;
line-height: 60px;
background: url("/pictures/redesign2018/ico-button-doctor.svg") 18px 50% no-repeat, url("/pictures/redesign2018/ico-caret-right.svg") right 22px top 50% no-repeat;
background-size: 37px 37px, 6px 10px;
display: block;
text-align: left;
}
.button--find-doctor:visited {
color: #0071BC;
}
.button--find-doctor:hover, .button--find-doctor:focus {
background-color: rgb(99, 166, 255);
border-color: rgb(99, 166, 255);
color: rgb(255, 255, 255);
}
.button--find-doctor:active, .button--find-doctor.is-active {
background-color: #0071BC;
border-color: #0071BC;
color: rgb(255, 255, 255);
}
.button.secondary {
color: #0071BC;
letter-spacing: -0.1px;
line-height: 18px;
font-weight: normal;
border-radius: 20px;
border: 1px solid transparent;
background-color: rgba(0, 113, 188, 0.06);
text-align: left;
}
.button.secondary.small {
font-size: 13px;
padding: 1px 12px;
min-height: 21px;
}
.button.secondary:hover {
background-color: rgb(255, 255, 255);
border-color: #0071BC;
color: #0071BC;
}
.button.secondary:active, .button.secondary:focus, .button.secondary.is-active {
color: rgb(255, 255, 255);
background-color: #0071BC;
}
.button.secondary--alt.hollow {
border-color: transparent;
background-color: transparent;
}
.button.is-loading {
background-image: url("/pictures/loading.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
}
.button.is-loading > span {
visibility: hidden;
}
/* CALENDAR */
.calendar {
background: url("/pictures/iconset/calendar-bg.png") repeat;
border: none;
font-weight: 500;
text-align: center;
}
.calendar > tbody > tr > td,
.calendar > tbody > tr:hover > td {
color: inherit;
background: none;
}
.calendar th {
background: #34373c;
border: 1px solid #34373c;
color: #fff;
font-weight: 500;
font-size: 14px;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.calendar th .date {
color: #82b3f4;
display: inline-block;
margin-top: 7px;
word-wrap: break-word;
}
.calendar > tbody td {
border: 1px solid #e7e7e7;
font-size: 14px;
padding: 0;
text-align: center;
}
.calendar .link {
text-decoration: underline;
color: #0071BC;
cursor: pointer;
}
.calendar .link:hover {
text-decoration: none;
}
.calendar .item:not(.hide) {
display: block;
line-height: 32px;
}
.calendar .item.active {
background: #21508a;
color: #fff;
text-decoration: none;
}
.calendar .show-all {
background-color: #f2f8ff;
padding: 15px 20px;
}
/*
@include breakpoint(small only) {
.calendar th {padding:6px 3px;font-size:13px}
.calendar th .date {font-size:11px}
.calendar > tbody td {font-size:13px}
}*/
.callout {
border: 0;
border-bottom: 1px dotted rgb(208, 216, 227);
padding: 0 0 2.25rem 0;
position: relative;
border-radius: 0;
margin: 0 0 1.125rem 0;
}
.callout .button.large {
min-width: 290px;
}
.callout__content {
position: relative;
z-index: 1;
}
.callout form .button.large {
min-width: initial;
}
.callout--alt {
border: 0;
padding-top: 0;
padding-bottom: 0.75rem;
}
.close-button {
text-decoration: none !important;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
.close-button span {
position: relative;
}
.close-button:hover {
opacity: 0.5;
}
.close-button:visited {
color: currentColor;
}
.close-button--inversed {
color: #ffffff;
}
.close-button--inversed:hover {
color: #eee;
}
.close-button:before {
content: "";
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.collegue-review {
background: repeat-x 0 24px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAMAAAAsPuSGAAAABlBMVEX////Q2OOoqRqbAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjYGRgAAAABwACODHGEwAAAABJRU5ErkJggg==);
overflow: hidden;
}
.collegue-review__heading {
background: rgb(255, 255, 255);
float: left;
padding-right: 6px;
}
.collegue-review__heading .badge {
float: left;
}
.collegue-review__title {
display: block;
font-size: 0.875rem;
line-height: 1.5rem;
margin-left: 4rem;
padding: 0.75rem 0;
}
.collegue-review__doctors {
background: rgb(255, 255, 255);
display: none;
float: right;
font-size: 0;
text-align: right;
margin-top: 0.375rem;
height: 2.25rem;
overflow: hidden;
}
.collegue-review__doctors.is-active {
overflow: auto;
height: auto;
}
.collegue-review__doctors .item {
margin: 0 0.375rem;
float: left;
}
.collegue-review__doctors .item:nth-of-type(7n) + .item {
clear: both;
}
.collegue-review__doctors .item:nth-of-type(n+8) {
margin-top: 6px;
float: right;
}
@media print, screen and (min-width: 48em) {
.collegue-review__doctors {
display: block;
}
}
.combine-search {
border-radius: 3px;
}
.combine-search--homepage input.input-group-field.input-group-field {
border: 0;
color: rgb(166, 181, 202);
font-size: 1.1875rem;
}
.combine-search--homepage .button {
box-shadow: none !important;
min-width: 9.875rem;
}
.combine-search .input-group {
margin: 0;
}
@media screen and (max-width: 47.9375em) {
.combine-search {
padding: 1.5rem 1rem 2.25rem 1rem;
height: auto;
}
.combine-search .button {
min-width: 0;
width: 100%;
margin-top: 12px;
}
}
.combine-search--generic {
background: rgb(247, 248, 250);
padding: 1rem;
padding-bottom: 2.5rem;
}
.combine-search--generic .heading {
color: #453F3C;
font-weight: 700;
margin-bottom: 0.75rem;
}
.combine-search--generic .combine-search__label {
font-size: 18px;
}
@media screen and (max-width: 47.9375em) {
.combine-search--generic {
padding-bottom: 1rem;
}
}
.combine-search__inputs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media print, screen and (min-width: 48em) {
.combine-search__inputs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.combine-search__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media print, screen and (min-width: 48em) {
.combine-search__input {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.combine-search__input:not(:last-child) {
margin-right: 24px;
}
}
.combine-search__input .input-group {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.combine-search__label {
font-weight: 800;
font-size: 16px;
font-style: italic;
line-height: 24px;
display: block;
}
@media print, screen and (min-width: 48em) {
.combine-search__label {
font-size: 21px;
margin-right: 10px;
}
}
.combine-search__subtitle {
font-size: 11px;
color: #453F3C;
line-height: 15px;
margin: 6px 0;
}
@media print, screen and (min-width: 48em) {
.combine-search__subtitle {
margin: 0;
position: absolute;
bottom: -24px;
}
}
.consultation {
/*
&.is-fixed {
margin-top: 0;
position: fixed;
top: $topbar-height;
z-index: 1;
/ *
.consultation__content {
&:before,
&:after {
display: none;
}
}* /
}*/
/*
// we do not have company logo right now
&__place {
display: flex;
margin-bottom: rem-calc(12px);
text-align: left;
align-items: center;
align-content: center;
.image {
width: 84px;
margin-right: 12px;
flex-shrink: 0;
}
}*/
}
.consultation__heading {
background-color: rgba(0, 113, 188, 0.78);
color: rgb(255, 255, 255);
display: block;
line-height: 60px;
margin-bottom: 0;
text-align: center;
}
.consultation__content {
background: rgb(255, 255, 255);
border: 1px solid rgb(208, 216, 227);
border-top: 0;
padding: 2.25rem;
position: relative;
text-align: center;
/* WHY? &:before,
&:after {
background-color: color(white);
content:"";
height: 100%;
position: absolute;
top: 0;
width: 28px;
}
&:before {
left: -29px;
}
&:after {
right: -29px;
}*/
}
.consultation__meta {
font-size: 0.8125rem;
}
.consultation__meta li {
color: #453F3C;
display: inline-block;
margin: 0 0.3125rem;
}
.consultation__meta a {
color: inherit;
}
.cont-menu {
border-radius: 4px;
border: 1px solid #0071BC;
}
.cont-menu__heading {
padding: 24px 15px 0 15px;
}
.cont-menu__heading span {
display: block;
}
.cont-menu__heading h3 {
font-size: 24px;
font-weight: bold;
margin: 0;
line-height: 30px;
}
.cont-menu__score {
padding: 12px 15px 24px 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cont-menu__score p {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 12px;
}
.cont-menu__links {
margin: 0;
padding: 0;
list-style: none;
}
@media print, screen and (min-width: 48em) {
.cont-menu__links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 48em) {
.cont-menu__links li {
width: 50%;
}
}
.cont-menu__link {
border-top: 1px solid rgb(208, 216, 227);
line-height: 24px;
padding: 12px 0 12px 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
position: relative;
}
.cont-menu__link:hover {
text-decoration: none;
}
.cont-menu__link::after {
content: "";
background: url(/pictures/redesign2018/ico-caret-right.svg) no-repeat;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 10px;
background-size: cover;
}
.cont-menu__icon {
width: 36px;
text-align: center;
}
.cont-menu__badge {
line-height: 18px;
border-radius: 9px;
background: rgba(208, 216, 227, 0.24);
font-size: 13px;
text-align: center;
color: #453F3C;
padding: 0 9px;
display: inline-block;
margin-left: 6px;
font-weight: normal;
}
.contact-map__title {
margin-bottom: 0.75rem;
}
.contact-map__sub-nav {
font-size: 0;
margin-bottom: 6px;
}
.contact-map__sub-nav li {
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
}
.contact-map__address {
font-size: 0.875rem;
margin-top: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.contact-map {
position: relative;
height: 420px;
overflow: hidden;
}
.contact-map__canvas {
width: 100%;
height: 420px;
position: absolute;
left: 0;
top: 0;
}
.contact-map__address-box {
background: #FFF;
position: absolute;
height: calc(100% - 30px);
top: 15px;
bottom: 15px;
left: 15px;
z-index: 1;
}
.contact-map__content {
padding: 30px;
}
.contact-map__hours {
font-size: 0.8rem;
}
}
.context-menu {
background-color: #11192d;
}
.context-menu > ul {
height: 3.75rem;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0 0.75rem;
position: relative;
}
.context-menu__item {
float: left;
margin-right: 0.0625rem;
}
.context-menu__item > a {
color: #ffffff;
display: inline-block;
height: 3.75rem;
font-size: 0.9375rem;
line-height: 3.75rem;
padding: 0 0.6875rem 0 0.75rem;
text-transform: uppercase;
}
.context-menu__item.is-active > a {
border-bottom: 0.1875rem solid #f58e12;
color: #aebbcc;
}
.context-menu__item.highlight > a {
color: #ffffff;
background-color: #ffc300;
}
.context-menu__item:hover {
background-color: #000000;
}
.context-menu__item:hover > a {
text-decoration: none;
}
.context-menu.js-expanded ul {
overflow: visible;
height: auto;
}
.context-menu.js-expanded .js-expandable:hover {
background: #000000;
}
.context-menu.js-expanded .is-active > a {
border: none;
}
.context-menu.js-expanded .js-expandable, .context-menu.js-expanded .js-expandable > a {
width: 100%;
}
.top-bar + .context-menu {
border-top: 1px solid #3c4247;
margin-bottom: 0;
}
@media screen and (max-width: 47.9375em) {
.context-menu ul {
height: 48px;
padding: 0;
}
.context-menu__item, .context-menu__item > a {
display: block;
height: 48px;
line-height: 48px;
}
.context-menu__item > a {
font-size: 0.65rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.context-menu__title > a {
font-size: 0.75rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
}
}
.conversation {
max-width: 800px;
margin: 0 auto;
width: 100%;
}
.message {
margin: 0.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.message time {
color: #453F3C;
}
.message__bubble {
border-radius: 6px;
margin-bottom: 0.5rem;
padding: 0.5rem 0.7rem;
text-align: left;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
max-width: 80%;
position: relative;
}
.message__bubble a {
color: inherit;
}
.message--me .title {
display: none;
}
.message--me .meta {
text-align: right;
}
.message--me .avatar {
display: none;
}
.message--me time {
text-align: right;
}
.message--me .message__bubble {
background-color: #0071BC;
color: rgb(255, 255, 255);
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.message--me .message__bubble--text::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #0071BC;
top: 12px;
right: -6px;
}
.message--user {
margin-left: 0;
padding-left: 48px;
}
.message--user .message__bubble {
background-color: #edf0f4;
}
.message--user .message__bubble--text::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 6px 0;
border-color: transparent #edf0f4 transparent transparent;
top: 12px;
left: -6px;
}
.message--user .avatar {
position: absolute;
left: 0;
top: 24px;
}
.message--me .message__bubble.message__bubble--attachment, .message--user .message__bubble.message__bubble--attachment {
background-color: transparent;
color: rgb(63, 79, 101);
padding: 0;
}
.attachment__delete {
display: block;
line-height: 2;
float: right;
margin-left: 0.5rem;
}
.cookie-consent {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
z-index: 500;
top: inherit;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
}
.cookie-consent__text {
text-align: left;
color: #FFF;
font-size: 0.875rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cookie-consent__close {
margin-left: 10px;
}
@media screen and (max-width: 47.9375em) {
.cookie-consent {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cookie-consent__close {
margin-top: 10px;
margin-left: 0;
width: 100%;
}
}
/**
* Styles for utils/counter.js
*/
.countdown {
color: #999;
float: right;
font-size: 12px;
margin-top: -1.5rem;
line-height: 2;
}
.countdown--bottom {
margin-top: -1rem;
margin-bottom: 0.5rem;
}
.demand-form__top .media--doctor {
margin-left: 0.75rem;
}
.demand-form__content {
background-color: rgb(247, 248, 250);
padding: 0.75rem 2.25rem;
}
.demand-form .errors {
margin-top: 0.3rem;
margin-bottom: 0;
}
.demand-form .sprite {
margin-left: 0.375rem;
}
.demand-form__tip {
background-color: rgb(255, 255, 255);
box-shadow: 0 0 3px 0 rgba(166, 181, 202, 0.3);
border-radius: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 36px;
margin-top: 1.5rem;
padding: 0 0.875rem;
position: relative;
}
.demand-form__tip:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 9px 6.5px 0 6.5px;
border-color: #EDF0F4 transparent transparent transparent;
position: absolute;
left: 15px;
bottom: -9px;
}
.demand-form__tip:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5.5px 0 5.5px;
border-color: #FFF transparent transparent transparent;
position: absolute;
left: 16px;
bottom: -7px;
}
.demand-form__tip strong {
color: #a7c5ef;
font-size: 0.9375rem;
font-weight: normal;
margin-right: 0.375rem;
}
.demand-form__tip p {
color: #453F3C;
font-size: 0.75rem;
line-height: 0.75rem;
}
.demand-form__add-photos {
background-color: #EDF0F4;
box-shadow: 0 0 3px 0 rgba(166, 181, 202, 0.6) inset;
border-radius: 0.1875rem;
text-align: center;
margin-top: 0.75rem;
padding: 0.75rem 1.5rem;
}
.demand-form__added-photos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.demand-form__added-photos > div {
position: relative;
margin: 0 0.375rem 0.375rem 0.375rem;
}
.demand-form__added-photos .close {
width: 2.25rem;
height: 2.25rem;
text-align: center;
line-height: 2.25rem;
background-color: rgb(255, 255, 255);
box-shadow: 0 1px 3px 0 rgba(45, 55, 68, 0.48);
border-radius: 50%;
position: absolute;
right: -6px;
top: -6px;
}
.demand-form__added-photos .close:hover img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: -webkit-transform 200ms linear;
transition: transform 200ms linear;
transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.demand-form .add-schedule {
margin-bottom: 0;
}
.demand-form__toggle {
text-align: center;
display: block;
margin-top: 0.75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative;
}
.demand-form__toggle:before {
content: "";
width: 100%;
position: absolute;
top: 12px;
height: 1px;
background-color: rgb(208, 216, 227);
left: 0;
}
.demand-form__toggle span {
position: absolute;
top: 0;
background-color: rgb(255, 255, 255);
border: 1px solid rgb(208, 216, 227);
width: 1.5rem;
height: 1.5rem;
line-height: 1.375rem;
display: inline-block;
border-radius: 50%;
left: 50%;
margin-left: -12px;
}
.demand-form .autocomplete-results > li, .demand-form ul.ui-autocomplete > li {
margin: 0;
}
.demand-form .ui-autocomplete {
position: relative;
}
.demand-form .demand-form__title--consultation {
display: none;
}
.demand-form.is-consultation .demand-form__title {
display: none;
}
.demand-form.is-consultation .demand-form__title--consultation {
display: block;
}
.demand-form .secondary-doctors {
margin: 0.5rem 0 0 0 !important;
}
.demand-form .secondary-doctors__checkbox {
float: left;
margin-top: 0.7rem;
margin-right: 0.3rem;
}
.demand-form__promo-doctor {
padding-top: 6px !important;
padding-bottom: 6px !important;
padding-left: 1rem !important;
position: relative;
margin-bottom: 0.3rem !important;
}
.demand-form__promo-doctor label {
display: block;
position: static !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.demand-form__promo-doctor input[type=checkbox] {
position: absolute;
left: 0;
top: 25%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.demand-form__promo-doctor .media--doctor .media__section:last-child {
width: calc(100% - 44px);
}
.demand-form__promo-doctor .media--doctor .media__meta {
font-weight: 300;
}
.demand-form__promo-doctor .media--doctor .rating {
margin-bottom: 0 !important;
}
.demand-form__text {
min-height: 7.5rem;
}
.demand-form__survey-response {
font-size: 0.75rem;
}
.demand-form__survey-response > dt {
margin-bottom: 0;
margin-top: 0.3rem;
}
.demand-form .js-prev {
margin-top: -2.5rem;
padding-left: 0;
}
@media print, screen and (min-width: 48em) {
.demand-form__promo-doctor {
/*&:nth-of-type(odd) {
padding-right: 6px !important;
}
&:nth-of-type(even) {
padding-left: 6px !important;
}*/
}
}
@media print, screen and (min-width: 64em) {
.demand-form__content {
padding-left: 9rem;
padding-right: 9rem;
}
.reveal .demand-form__content {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
}
.demand-form .fa {
vertical-align: middle;
}
.client-detail-box .demand-form {
box-shadow: 0 0.5px 1px 1px rgba(0, 0, 0, 0.08);
}
@-webkit-keyframes slide-next {
from {
-webkit-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes slide-next {
from {
-webkit-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes slide-prev {
from {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes slide-prev {
from {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.js-form-step.is-next {
-webkit-animation: slide-next 0.65s forwards;
animation: slide-next 0.65s forwards;
}
.js-form-step.is-prev {
-webkit-animation: slide-prev 0.65s forwards;
animation: slide-prev 0.65s forwards;
}
.demand-form--forward-simple .demand-form__content {
background: none;
padding: 1rem !important;
}
.demand-form--forward-simple textarea[name=comment] {
min-height: 30px;
}
.demand-form--shadow.demand-form {
box-shadow: 0px 2px 6px 3px rgba(0, 0, 0, 0.2);
}
.demand-form--multi.demand-form .js-clients-error {
margin-bottom: 1rem;
}
.demand-form--multi.demand-form .media--doctor {
padding-bottom: 0;
}
.demand-form--multi.demand-form .media--doctor .media__title {
line-height: 1.25;
}
.demand-form--multi .demand-form__content {
padding: 1rem !important;
}
.demand-form--multi .demand-form__text {
min-height: 3rem;
height: auto;
}
.demand-form--multi .demand-form__text:focus {
min-height: 7.5rem;
}
.demand-form--multi .js-hidden {
display: none;
}
.demand-form--multi .js-doctor label {
cursor: pointer;
font-weight: 400;
line-height: 1.5;
margin-right: 0;
}
.demand-form--multi .js-doctor .media__title {
color: #0071BC;
}
.demand-form--multi .js-doctor .js-arrow {
position: absolute;
top: 10px;
right: 10px;
}
.demand-form--multi .js-doctor.is-active span.js-hidden {
display: inline-block;
}
.demand-form--multi .js-doctor.is-active div.js-hidden {
display: block;
}
.demand-form--multi .js-doctor.is-active .media__title {
color: #453F3C;
}
.demand-form--multi .js-doctor.is-active .rating__suffix {
display: inline-block !important;
/* @include breakpoint(medium) {
margin-left: 0;
}*/
}
.demand-form--multi .demand-form__promo-doctor .secondary-doctors__checkbox.secondary-doctors__checkbox {
top: 25px;
}
.demand-form--multi .rating__suffix {
display: none;
font-weight: 400;
font-size: 11px;
margin-left: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
.demand-form--multi .rating__suffix {
display: inline-block !important;
font-size: 0.8rem;
}
.demand-form--multi .text-xs,
.demand-form--multi .media--doctor.media--small .media__meta {
font-size: 0.8rem;
}
.demand-form--multi .demand-form .media--doctor .media__title {
font-size: 0.9rem;
}
}
@media screen and (max-width: 47.9375em) {
.doctor-header .avatar {
margin-right: 1.125rem;
}
}
@media print, screen and (min-width: 48em) {
.doctor-header .avatar {
margin-right: 1.875rem;
}
}
@media screen and (max-width: 47.9375em) {
.doctor-header__title {
font-size: 21px !important;
letter-spacing: -0.3px;
line-height: 27px !important;
}
}
.doctor-header .tl-badge {
display: block;
margin: 1.5rem auto;
}
.doctor-header__hero {
max-height: 21rem;
min-height: 120px;
height: 40vw;
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
background-color: #F7F8FA;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: cover;
}
.doctor-header__hero + .doctor-header__content {
margin-top: calc(40vw - 72px);
}
.doctor-header__meta {
color: #453F3C;
font-size: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.doctor-header__meta strong {
font-weight: 500;
}
.doctor-header__meta--call a {
color: #453F3C;
}
.doctor-header__consult-price {
margin-top: 0.25rem;
}
.doctor-header__contacts {
display: inline-block;
font-size: 0.8125rem;
/*i {
font-size: rem-calc(16px);
margin-right: rem-calc(6px);
vertical-align: bottom;
}*/
}
.doctor-header__contacts li {
color: #453F3C;
display: inline-block;
margin: 0 0.3125rem 0.3125rem 0.3125rem;
}
.doctor-header__contacts a {
color: inherit;
}
.doctor-header__numbers {
background: #F7F8FA;
position: relative;
padding: 1.5rem 0.75rem;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.doctor-header__numbers .item {
color: #453F3C;
font-size: 0.8125rem;
line-height: 1.5rem;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.doctor-header__numbers .item strong {
font-weight: 300;
font-size: 1.375rem;
vertical-align: middle;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0.375rem;
}
.doctor-header__numbers .item span {
line-height: 1.125rem;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.doctor-header .js-open-review-form {
vertical-align: top;
}
@media print, screen and (min-width: 48em) {
.doctor-header__hero {
display: block;
}
.doctor-header .tl-badge {
display: inline-block;
margin: 0;
}
.doctor-header__numbers .item {
font-size: 0.75rem;
}
.doctor-header__numbers .item strong {
font-size: 1rem;
}
}
@media screen and (min-width: 845px) {
.doctor-header__hero + .doctor-header__content {
margin-top: 16.5rem;
}
}
@media print, screen and (min-width: 64em) {
.doctor-header__hero + .doctor-header__content {
margin-top: 21rem;
}
.doctor-header__pullup {
margin-top: -6.75rem;
}
.doctor-header__numbers .item {
font-size: 0.8125rem;
}
.doctor-header__numbers .item strong {
font-size: 1.5625rem;
}
}
@media screen and (max-width: 47.9375em) {
.doctor-header {
margin-bottom: 0;
}
.doctor-header .tl-badge {
margin: 0;
position: absolute;
top: 2.5rem;
right: 10%;
width: 3.75rem;
}
.doctor-header__meta {
font-size: 15px;
letter-spacing: 0;
line-height: 21px;
}
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: auto;
bottom: 110%;
}
.event__date {
background: #0071BC;
border-radius: 50%;
color: rgb(255, 255, 255);
display: inline-block;
line-height: 1.5rem;
height: 96px;
margin-bottom: 1.5rem;
text-align: center;
width: 96px;
padding-top: 0.75rem;
}
.event__date strong {
display: block;
font-size: 2.375rem;
line-height: 3rem;
font-weight: 300;
}
.event__date small {
display: block;
font-size: 1rem;
line-height: 1.5rem;
text-transform: uppercase;
}
.is-completed .event__date {
background: rgb(166, 181, 202);
}
.event__term {
font-size: 1.1875rem;
font-weight: 300;
}
.event__header {
text-align: center;
padding-bottom: 1.5rem;
}
.event__side .widget {
margin-bottom: 1.5rem;
}
.event__side .content {
font-size: 1.1875rem;
font-weight: 300;
}
@media print, screen and (min-width: 48em) {
.event__date {
float: left;
height: 156px;
margin-bottom: 0;
margin-left: 36px;
padding-top: 2.625rem;
width: 156px;
}
.event__date + .box {
margin-left: 260px;
}
.event__header {
text-align: left;
padding-bottom: 3.75rem;
}
.event__header .button {
display: inline-block;
}
}
.events__date {
background: #0071BC;
border-radius: 50%;
color: rgb(255, 255, 255);
line-height: 1.5rem;
height: 72px;
text-align: center;
width: 72px;
padding-top: 0.9375rem;
}
.events__date strong {
display: block;
font-size: 1.1875rem;
font-weight: normal;
}
.events__date small {
display: block;
font-size: 0.8125rem;
line-height: 1.125rem;
text-transform: uppercase;
}
.is-completed .events__date {
background: rgb(166, 181, 202);
}
.expose-overlay {
background: #222;
opacity: 0.8;
z-index: 9999;
}
.feed .filters {
margin: 0;
background: #fff;
}
.feed .text {
color: #33383d;
background-color: white;
font-size: 13px;
margin: 5px 0;
padding: 0px;
}
.feed__item {
background: #fff;
font-size: 12px;
padding: 30px 0 15px 0;
}
.feed__item .left-col {
max-width: 90px;
width: 22%;
}
.feed__item .right-col {
width: 78%;
}
.feed__item .title {
color: #6289bd;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 0.4em;
}
.feed__item .name {
color: #33383d;
font-weight: 500;
}
.feed__item .datetime {
color: #adaeaf;
}
.feed__item .additional-info {
color: #33383d;
margin-bottom: 10px;
}
.feed__item .text {
color: #33383d;
clear: both;
font-size: 13px;
margin: 7px 0;
padding: 0;
}
.feed__item .text br + br {
display: none;
} /* hide second BR */
.feed__item .comment-count {
color: #adaeaf;
display: inline-block;
margin-bottom: 0.3em;
}
.feed__item .comment-count:hover {
text-decoration: none;
}
.feed__item .comment {
background-color: #f3f3f3;
color: #9e9e9e;
cursor: pointer;
font-size: 13px;
padding: 15px;
}
.feed__item .comment + .comment {
margin-top: 0.5rem;
}
/*
.feed__item.video .image {display: inline-block;position:relative}
.feed__item.video .image:before {display:inline-block;content:'';background-color:#000;opacity:0.3;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}
.feed__item.video .image:after {display:inline-block;content:"\e631";font-family:'icons';/*.icon-play* /position:absolute;left:50%;top:50%;z-index:3;font-size:60px;line-height:1;width:60px;height:60px;margin:-30px 0 0 -30px;color:#fff}
*/
/* MEDIUM DOWN devices (tablets and phones) */
@media only screen and (max-width: 1023px) {
.feed__item .left-col {
min-width: 45px;
width: auto;
}
}
/* small device styles here: */
@media only screen and (max-width: 767px) {
.feed {
margin: -10px;
background: #e9e9ea;
}
.feed .text {
margin: 15px 0;
}
.feed .filters {
padding: 0 15px;
}
.feed__item {
padding: 15px;
margin-bottom: 10px;
}
}
@media print, screen and (min-width: 48em) {
.hp-switch {
float: right;
}
}
.filters {
border-top: 1px solid rgb(208, 216, 227);
margin-bottom: 0.75rem;
padding-top: 1.5rem;
}
.callout + .filters {
background: rgb(255, 255, 255);
margin-top: -1.5rem;
padding-top: 1.5rem;
position: relative;
}
.filters--alt {
border-top: 0;
margin-top: 0.75rem;
padding-top: 0;
}
@media print, screen and (min-width: 48em) {
.filters {
margin-bottom: 1.5rem;
}
.callout + .filters {
border-top: 0;
padding-top: 0;
}
.filters--alt {
border-bottom: 1px dotted rgb(208, 216, 227);
padding-bottom: 1.5rem;
}
}
.fixed-buttons {
bottom: 0;
left: 0;
position: fixed;
transition: bottom 0.5s ease;
width: 100%;
z-index: 12;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.fixed-buttons--hidden {
bottom: -9.375rem;
}
.fixed-buttons__button {
border-radius: 0;
font-size: 0.9375rem !important;
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.fixed-buttons__button:active, .fixed-buttons__button:hover {
outline: 0;
border-color: transparent;
}
.fixed-buttons__button .helper {
max-width: 60%;
}
.fixed-buttons__button:nth-child(2) {
border-left: 1px solid #a7c5ef;
}
.fixed-buttons__icon {
margin-right: 0.375rem;
position: relative;
top: -1px;
}
.follow-button {
padding-left: 0;
}
.follow-button__followers {
color: #453F3C;
display: inline-block;
font-size: 0.8125rem;
line-height: 1.25rem;
margin-left: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
.follow-button {
line-height: 1.375rem;
padding: 0 0.75rem;
font-size: 0.8125rem;
}
}
/* FORMS */
form .input--noborder {
border-color: #ffffff !important;
}
form .input--fake {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid rgb(166, 181, 202);
border-radius: 6px;
background-color: #ffffff;
box-shadow: none;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
color: #34383d;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
color: rgb(166, 181, 202);
height: 3rem;
padding-bottom: 0.6875rem;
padding-top: 0.6875rem;
}
form .input--fake:focus {
outline: none;
border: 1px solid #999;
background-color: #ffffff;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
/*
form.custom .custom.dropdown, .custom.dropdown .selector, .translation-group .selector, .form-element-counter .selector, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .input {
// background:#fff;
// height:40px;
// color:#34383d;
// border-color:#c8cdd3;
// font-size:1em;
// transition: border 0.15s linear;
// border-radius: $global-radius;
}
*/
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
background-color: #fff;
}
input.datepicker {
background: #fff url("/pictures/iconset/calendar.png") 98% 11px no-repeat;
}
input.disabled {
background-color: #dddddd;
}
.translation-group {
position: relative;
}
.translation-group .selector,
.form-element-counter .selector {
position: absolute;
right: 15px;
top: 10px;
}
.translation-group input,
.form-element-counter input {
padding-right: 40px !important;
}
.form-element-counter input {
text-align: center;
}
.translation-group .selector .input-language-label {
position: relative;
left: 9px;
right: 9px;
top: 6px;
}
.translation-group.open .selector .input-language-label {
top: 18px;
left: 8px;
}
.translation-group .selector,
.form-element-counter .selector {
cursor: pointer;
width: 2.5em;
height: 2.3125em;
display: block;
right: 3px !important;
top: 3px !important;
}
.translation-group .selector:after,
.form-element-counter .selector.down:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #aaaaaa transparent transparent transparent;
border-top-style: solid;
position: absolute;
left: 0.9375em;
top: 50%;
margin-top: 3px;
margin-left: -1px;
}
.translation-group .selector:hover:after,
.form-element-counter .selector.down:hover:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #222222 transparent transparent transparent;
border-top-style: solid;
}
.translation-group.open .selector:after,
.form-element-counter .selector.up:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent #aaaaaa transparent;
border-bottom-style: solid;
position: absolute;
left: 0.9375em;
top: 50%;
margin-top: -12px;
margin-left: 0px;
}
.translation-group.open .selector:hover:after,
.form-element-counter .selector.up:hover:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent #222222 transparent;
border-bottom-style: solid;
}
.translation-group .other {
display: none;
}
.translation-group.open .other {
display: block;
}
.translation-group.open .other .input-language-label {
float: right;
margin-top: -41px;
margin-right: 13px;
}
.form-element-counter {
position: relative;
}
.form-element-counter .selector {
height: 16.5px !important;
right: 3px !important;
}
.form-element-counter .selector.down {
top: 21px !important;
}
.form-element-counter .selector.down:after {
margin-top: -1px;
margin-left: 1px;
}
.form-element-counter .selector.up:after {
margin-top: -6px;
margin-left: 1px;
}
.hp-field,
.a-spm {
display: none !important;
}
label,
.label-text {
color: #453F3C;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
margin: 6px 0px 6px 0;
}
label.disabled {
color: #aaa;
}
label.required {
color: #453F3C;
font-weight: 700;
}
label.required::after {
content: "*";
display: inline;
color: #4BC1B4;
}
.label-text {
margin: 0;
padding-top: 0.625em;
}
label.inline,
.label-text.inline {
display: inline-block;
}
.collapse label {
padding-right: 15px;
}
.errors {
font-size: 0.8125rem;
font-weight: 400;
color: #ee0e33;
margin-bottom: 0.3rem;
line-height: 1.2;
}
.warns {
color: #0071BC;
}
.successes {
color: #89bf13;
}
.error input,
input.error,
.error textarea,
textarea.error,
.error select,
select.error,
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus,
.error select:focus,
select.error:focus {
border-color: #ee0e33 !important;
margin-bottom: 0.3em !important;
}
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
box-shadow: 0 0 3px 0 #ee0e33 !important;
}
.warn input,
input.warn,
.warn textarea,
textarea.warn,
.warn input:focus,
input.warn:focus,
.warn textarea:focus,
textarea.warn:focus {
border-color: #0071BC;
margin-bottom: 0.3em;
}
.success input,
input.success,
.success textarea,
textarea.success,
.success input:focus,
input.success:focus,
.success textarea:focus,
textarea.success:focus {
border-color: #89bf13;
margin-bottom: 0.3em;
}
form > .row.small {
min-height: 30px;
line-height: 30px;
}
/* FAKE FILE INPUTS
- used label.button from foundation instead
form .fileinput {position: relative;}
form .fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;width:100%;}
form .fakefile > input {display:inline-block;width:70%}
form input.original-file {height:27px;margin-bottom:0;position: relative;text-align: right;opacity: 0;z-index: 2;}
*/
/* Needed in discussion form */
label.radios {
padding-left: 30px;
}
label.radios .radio,
label.radios .checkbox {
margin-left: -30px !important;
}
/* CUSTOM CHECKBOXES - do not work with custom zurb forms :(
input[type=checkbox].custom, input[type=radio].custom{vertical-align:middle;}
input[type=checkbox].custom+label, input[type=radio].custom+label{cursor:pointer;display:inline-block;}
input[type=checkbox].custom+label:before, input[type=radio].custom+label:before {content:"";display:inline-block;height:28px;margin:0 0 0 -25px;vertical-align:middle;width:28px;}
input[type=checkbox].custom+label:before, input[type=radio].custom+label:before{background: url('/pictures/redesign/checkbox_sprite.png') no-repeat top left;}
input[type=checkbox][disabled=disabled].custom+label:before, input[type=radio][disabled=disabled].custom+label:before{background-position: 0 -78px !important;}
input[type=checkbox][disabled=disabled].custom:checked+label:before, input[type=radio][disabled=disabled].custom:checked+label:before{background-position: 0 -156px !important;}
.basic input[type=checkbox].custom:checked+label:before, .basic input[type=radio].custom:checked+label:before{background-position: 0 -234px;}
.starter input[type=checkbox].custom:checked+label:before, .starter input[type=radio].custom:checked+label:before{background-position: 0 -312px;}
.premium input[type=checkbox].custom:checked+label:before, .premium input[type=radio].custom:checked+label:before{background-position: 0 -390px;}
.lt-ie9 input[disabled=disabled].custom.checked+label:before{background-position: 0 -156px !important;}
.lt-ie9 .basic input.custom.checked+label:before{background-position: 0 -234px;}
.lt-ie9 .starter input.custom.checked+label:before{background-position: 0 -312px;}
.lt-ie9 .premium input.custom.checked+label:before{background-position: 0 -390px;}
*/
form input + .description,
form select + .description,
form .custom.dropdown + .description,
.description.below {
margin-bottom: 1.5em;
}
form .errors + .description {
margin-top: 0;
margin-bottom: 1.5em;
} /* style description after error message */
form .valid ~ .errors {
display: none;
}
form .description.privacy {
display: block;
}
/* FILTERS */
form .row .worth-it {
margin: 0.5em -0.5em 20px -0.5em;
}
form .worth-it .custom.radio {
width: 28px;
height: 28px;
}
form.custom .worth-it .custom.radio.checked:before {
height: 12px;
margin: 7px;
width: 12px;
}
form .worth-it label {
padding: 6px 0;
margin: 0;
}
form .worth-it .yes {
color: rgb(51, 204, 102);
}
form .worth-it .yes .custom.radio.checked:before {
background: rgb(51, 204, 102);
}
form .worth-it .no {
color: rgb(204, 85, 82);
}
form .worth-it .no .custom.radio.checked:before {
background: rgb(204, 85, 82);
}
form .worth-it .dont-know {
color: #0071BC;
}
form .worth-it .dont-know .custom.radio.checked:before {
background: #0071BC;
}
form .worth-it .havent-been-yet {
color: #453F3C;
}
form .worth-it .havent-been-yet .custom.radio.checked:before {
background: #453F3C;
}
form .worth-it i {
font-size: 1.3em;
margin-right: 0.2em;
}
.terms {
padding-left: 30px;
}
form.custom .terms .custom.checkbox,
.terms input {
float: left;
margin-left: -30px;
margin-top: 0.5em;
}
.form__file {
overflow: hidden;
white-space: nowrap;
}
.form__file .errors {
white-space: normal;
}
.form__progress {
display: block;
margin-bottom: 1rem;
width: 100%;
}
/* TODO
.form__progress-fallback {}
*/
/* AUTOCOMPLETE MULTISELECT + MULTISELECT RESULTS */
ul.autocomplete-selected li:hover,
ul.autocomplete-selected li .remove:hover {
background-color: #5289d2;
}
ul.autocomplete-selected {
font-size: 0.8125rem;
margin: -5px;
}
ul.autocomplete-selected li dt,
ul.autocomplete-selected li dd {
display: none;
}
ul.autocomplete-selected li {
max-width: 100%;
white-space: nowrap;
float: left;
text-align: right;
background-color: #b2cef4;
color: #fff;
margin: 5px;
width: auto;
height: 25px;
color: #fff;
font-weight: 500;
border-radius: 12px;
overflow: hidden;
}
ul.autocomplete-selected li .content {
padding: 2px 0px 0px 12px;
}
ul.autocomplete-selected li .remove {
display: inline-block;
float: right;
margin: 0;
width: 31px;
background: url("/pictures/iconset/wizzard-autocomplete-item-remove.png") 10px 3px no-repeat;
background-color: inherit;
position: relative;
}
ul.autocomplete-selected li.loading {
background-color: transparent !important;
background-position: 100% 50% !important;
color: #757c84;
float: none !important;
text-align: left !important;
}
ul.autocomplete-selected li.loading .content {
padding: 2px 20px 0px 12px !important;
}
ul.autocomplete-selected li.loading .remove {
display: none !important;
}
label.check {
padding: 0.1875rem 0 0.1875rem 1.25rem;
line-height: 1.125rem;
}
label.check input {
float: left;
margin: 0.125rem 0 0 -1.25rem !important;
}
form .autocomplete-results,
ul.ui-autocomplete {
padding: 0;
}
form .autocomplete-results {
width: 100% !important;
}
form .ui-menu .ui-menu-item a {
padding: 6px 15px;
}
@media screen and (max-width: 47.9375em) {
form .ui-menu .ui-menu-item a {
padding: 8px 15px;
font-size: 14px;
}
}
/*input*/
.js-has-pwd-reveal {
padding-right: 2.4rem !important;
}
@media screen and (max-width: 47.9375em) {
.form-group {
margin-top: 0.375rem;
}
}
.form-group {
position: relative;
margin-top: 0.75rem;
}
.form-group label {
left: 12px;
top: 3px;
margin: 0;
position: absolute;
transition: 0.2s all ease-in;
opacity: 0;
color: #453F3C;
line-height: 0.75rem;
font-size: 0.625rem;
font-weight: 500;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
visibility: hidden;
z-index: 1;
}
.form-group--large label {
top: 4px;
line-height: 1.125rem;
font-size: 0.75rem;
}
.form-group input,
.form-group textarea {
margin: 0;
transition: 0.2s padding ease-in, 0.2s min-height;
}
.form-group.is-active label {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
transition: 0.2s all ease-out;
}
.form-group.is-active input, .form-group.is-active textarea {
padding-top: 0.625rem !important;
padding-bottom: 0 !important;
transition: 0.2s padding ease-out, 0.2s min-height;
}
.form-group--large.is-active input.large, .form-group--large.is-active textarea.large {
padding-top: 1.25rem !important;
padding-bottom: 0.125rem !important;
transition: 0.2s padding ease-out, 0.2s min-height;
}
.form-group.is-active ::-webkit-input-placeholder {
/* WebKit browsers */
opacity: 1;
}
.form-group.is-active :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
opacity: 1;
}
.form-group.is-active ::-moz-placeholder {
/* Mozilla Firefox 19+ */
opacity: 1;
}
.form-group.is-active :-ms-input-placeholder {
/* Internet Explorer 10+ */
opacity: 1;
}
.form-group.is-active textarea::-webkit-input-placeholder {
/* WebKit browsers */
opacity: 1;
}
.form-group.is-active textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
opacity: 1;
}
.form-group.is-active textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
opacity: 1;
}
.form-group.is-active textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
opacity: 1;
}
.form-group--icon input, .form-group--icon textarea {
padding-left: 42px !important;
}
.form-group--icon label {
left: 42px;
}
.form-group__icon {
position: absolute;
left: 0;
top: 0;
width: 42px;
height: 48px;
}
.form-group__icon svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgb(166, 181, 202);
}
.form-group textarea:focus ~ .form-group__icon svg,
.form-group input:focus ~ .form-group__icon svg {
color: #0071BC;
}
.form-group textarea.error ~ .form-group__icon svg,
.form-group input.error ~ .form-group__icon svg {
color: rgb(204, 85, 82);
}
.input-group .input-group-field,
.input-group .input-group-field.error {
margin-bottom: 0;
}
.input-group > :last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.form-check {
padding-left: 27px;
position: relative;
font-weight: 400;
}
.form-checkbox {
display: none;
}
.form-check input[type=checkbox],
.form-check input[type=radio] {
display: none;
}
.form-check .form-checkbox {
width: 18px;
height: 18px;
position: absolute;
border-radius: 3px;
left: 0;
top: 3px;
border: 1px solid #0071BC;
background-color: rgb(255, 255, 255);
transition: all 250ms ease-in;
display: block;
}
.form-check .form-checkbox .fa {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 0.7rem;
}
.form-check input:checked ~ .form-checkbox {
background-color: #0071BC;
transition: all 250ms ease-out;
}
.message-form {
padding-left: 2.875rem;
}
.message-form .avatar {
float: left;
margin-left: -2.875rem;
}
.message-form textarea {
height: 4rem;
min-height: initial;
transition: height 0.3s;
}
.message-form.is-active textarea {
height: 8.125rem;
}
@media screen and (max-width: 47.9375em) {
.message-form__actions .button {
margin-left: 1rem;
}
.message-form__actions .button,
.message-form__actions .js-show-files-link {
float: right;
}
}
footer {
background-color: rgb(24, 35, 63);
color: #e0e0e0;
padding: 1.875rem 0.9375rem;
}
footer::after {
display: block;
content: "";
background: #2F2F2F url("/pictures/redesign/footer-delimiter.png") center 0 repeat-y;
background-size: contain;
height: 2px;
margin: 1.875rem -0.9375rem -1.875rem -0.9375rem;
}
footer > .row > .columns {
padding: 0 5% 0 0;
font-size: 13px;
}
footer > .row > .columns:last-child {
padding-right: 0;
}
footer .title {
color: #fff;
display: block;
font-weight: 300;
font-size: 13px;
text-transform: uppercase;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
.footer__title.footer__title--first {
margin-top: 0;
}
.footer__delimiter {
border-bottom: 1px solid #D2E5FF;
opacity: 0.2;
margin-left: 2.4rem;
margin-right: 2.4rem;
}
footer a, footer .link {
color: #D2E5FF;
font-size: 13px;
}
/*
footer p {
font-size:13px
}*/
footer a:visited, footer .link:visited {
color: #c9d5e5;
}
footer a:hover, footer a:focus, footer .link:hover {
color: #fff;
text-decoration: none;
}
footer ul {
margin: 0;
}
footer li {
margin-bottom: 5px;
line-height: 20px;
}
footer ul li > a::after, footer ul li > .link::after {
display: block;
height: 1px;
width: 45px;
border-top: 1px dotted #c5c5c5;
content: "";
}
.footer__social-link {
font-size: 0.65rem;
height: 2.5rem;
width: 2.5rem;
display: inline-block;
line-height: 3rem;
border: 2px solid currentColor;
border-radius: 50px;
text-align: center;
margin-right: 5px;
}
.store-badge.store-badge {
margin-bottom: 0.5rem;
}
.store-badge.store-badge > img {
display: inline-block;
}
.store-badge:hover {
opacity: 0.8;
}
.under-footer {
background-color: #0d1221;
color: #e0e0e0;
padding: 0 0.9375rem;
}
.under-footer a {
color: #fff;
}
@media print, screen and (min-width: 48em) {
footer .sitewide li {
float: left;
width: 25%;
}
.footer__title {
margin-top: 0;
margin-bottom: 0.9375rem;
}
.footer::after {
background-size: cover;
}
}
.language-dropdown {
display: inline-block;
}
.language-dropdown__submenu {
border-radius: 6px;
}
.language-dropdown__submenu a,
.language-dropdown__submenu a:visited {
padding-top: 0.65rem !important;
padding-bottom: 0.65rem !important;
color: #0071BC;
font-weight: 500;
}
.language-dropdown__submenu a::after,
.language-dropdown__submenu a:visited::after {
display: none;
}
.language-dropdown__submenu a:hover,
.language-dropdown__submenu a:focus {
background-color: #D2E5FF;
color: rgb(31, 48, 80);
text-decoration: none;
}
.language-dropdown__item {
margin-bottom: 0;
}
.footer-mexpe {
padding-top: 64px;
}
.footer-mexpe__logo {
width: 69px;
height: 18px;
}
@media print, screen and (min-width: 48em) {
.footer-mexpe__logo {
width: 92px;
height: 24px;
}
}
.footer-mexpe__line {
height: 3px;
background: linear-gradient(187.03deg, #0071BC 0%, #4BC1B4 100%);
margin-top: 32px;
}
main + .footer-mexpe {
border-top: 1px solid rgba(69, 63, 60, 0.12);
}
.footer-ad-button {
bottom: -2px;
right: 0.5rem;
position: fixed;
z-index: 12;
}
.footer-ad {
bottom: -213px;
left: 0;
max-height: 180px;
position: fixed;
transition: bottom 0.3s ease;
width: 100%;
z-index: 12;
}
.footer-ad__content {
background: #fff;
padding: 0.75rem;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
border-top: 1px solid #0071BC;
margin-top: -1px;
}
.footer-ad__button {
float: right;
margin-right: 1rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.footer-ad .media__image-group,
.footer-ad p {
display: none;
}
.geo-doctors__link {
display: inline-block;
font-size: 0.875rem;
line-height: 2.25rem;
vertical-align: top;
}
.geo-doctors__change-location-name {
border: 1px solid rgb(208, 216, 227);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-right: 0;
float: left;
font-size: 0.8125rem;
line-height: 1.125rem;
padding: 0.75rem;
width: calc(100% - 9rem);
}
.geo-doctors__change-location {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.geo-doctors__change-location .button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 9rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
.geo-doctors__change-location-name {
width: calc(100% - 9rem);
}
.geo-doctors__change-location .button {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
width: 9rem;
}
}
.gsc-control-cse table {
border: none;
margin-bottom: 0.3rem;
}
.gsc-control-cse tbody {
border: none;
}
.gsc-control-cse td {
padding: 0;
}
.gsc-control-cse .gsc-webResult .gsc-result {
border-color: #ffffff;
}
.gsc-control-cse .gs-webResult div.gs-visibleUrl-long, .gsc-control-cse .gs-promotion div.gs-visibleUrl-long {
display: inline;
font-size: 0.8125rem;
}
.gsc-control-cse strong, .gsc-control-cse b {
color: inherit;
}
.gsc-completion-container tbody {
border: none;
}
.edit-toolbar {
position: absolute;
right: 5px;
top: 5px;
}
.edit-toolbar .button {
min-height: 26px;
}
.edit-toolbar .button > .fa {
top: 1px;
}
.horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.horizontal::-webkit-scrollbar {
display: none;
}
.horizontal > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.horizontal > *:not(:first-child) {
margin-left: 12px;
}
.horizontal--small > *:not(:first-child) {
margin-left: 6px;
}
.horizontal--large > *:not(:first-child) {
margin-left: 24px;
}
.horizontal--dotted > *:not(:first-child) {
margin-left: 0;
}
.horizontal--dotted > *:not(:last-child)::after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: rgba(69, 63, 60, 0.6);
display: inline-block;
margin: 0 6px;
vertical-align: middle;
}
.horizontal--gallery > *:not(:first-child) {
margin-left: 2px;
}
.fa {
display: inline-block;
}
.fa.fa-sm {
font-size: 80%;
}
.fa.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa.fa-2x {
font-size: 2em;
}
.fa.fa-3x {
font-size: 3em;
}
.fa.fa-4x {
font-size: 4em;
}
.fa.fa-5x {
font-size: 5em;
}
.fa.fa--blue {
color: #0071BC;
}
.fa.fa--success {
color: rgb(51, 204, 102);
}
.fa.fa--error {
color: rgb(204, 85, 82);
}
.fal {
display: inline-block;
}
.fal.fa-2x {
font-size: 2em;
}
.fa--animate {
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate--45 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.i .fa {
vertical-align: middle;
}
.i .left {
margin-right: 4px;
}
.fa-stack-instalment {
font-size: 0.9rem;
white-space: nowrap;
border: none;
}
.fa-stack-instalment > .fa-money {
display: inline-block;
margin-left: -14px;
vertical-align: text-bottom;
font-size: 0.7em;
background: #fff;
border-left: 1px solid #fff;
}
.image-group {
/*
&--fixed {
.image-group__item {
height: 48px;
width: 48px;
overflow: hidden;
}
&.large {
.image-group__item {
height: rem-calc(84px);
width: rem-calc(84px);
}
}
}
*/
}
.image-group__item {
display: inline-block;
margin: 0.125rem 0;
overflow: hidden;
vertical-align: top;
}
.image-group--rounded .image-group__item:first-child {
border-radius: 0.375rem 0 0 0.375rem;
}
.image-group--rounded .image-group__item:last-child {
border-radius: 0 0.375rem 0.375rem 0;
}
@media screen and (max-width: 47.9375em) {
.image-group--slider {
white-space: nowrap;
overflow-x: scroll;
}
}
/*
* The MIT License
* Copyright (c) 2012 Matias Meno <m@tias.me>
*/
@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.dropzone, .dropzone * {
box-sizing: border-box;
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0;
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: "";
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
.dropzone {
border-style: dashed;
background-color: #EDF0F4;
box-shadow: 0 0 3px 0 rgba(166, 181, 202, 0.6) inset;
border-radius: 0.1875rem;
text-align: center;
margin-top: 0.75rem;
padding: 1.5rem 1.5rem;
border: 0;
}
.dropzone .dz-preview {
margin: 10px;
z-index: 0;
}
.dropzone .dz-preview:hover {
z-index: 1;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
margin-left: -1.5rem;
margin-top: -1.875rem;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
z-index: 2;
}
.dropzone .dz-preview .dz-success-mark > .fa,
.dropzone .dz-preview .dz-error-mark > .fa {
font-size: 3.75rem;
}
.dropzone .dz-preview .dz-success-mark {
color: rgb(51, 204, 102);
}
.dropzone .dz-preview .dz-error-mark {
color: rgb(204, 85, 82);
}
.dropzone .dz-preview .dz-remove {
color: rgb(63, 79, 101);
position: absolute;
top: -8px;
right: -5px;
z-index: 3;
font-size: 25px;
background: #fff;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
line-height: 42px;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: none;
}
.dropzone .dz-preview .dz-progress {
border: 1px solid #cacaca;
height: 10px;
margin-top: -6px;
z-index: 2;
}
.dropzone .dz-preview .dz-progress > .dz-upload {
background: rgb(99, 166, 255);
}
.dropzone .dz-preview .dz-image.dz-image {
background: rgb(255, 255, 255);
border-radius: 6px;
height: 100px;
width: 100px;
z-index: 1;
border-radius: 0;
}
.dropzone .dz-preview .dz-image img {
width: 100%;
}
.dropzone .dz-message {
margin: 0.5rem 0 0 0;
}
.dropzone.dz-started .dz-message {
display: block;
}
.dropzone.dz-started .dz-message__text {
display: none;
}
.dropzone .dz-error-message {
display: none;
}
.dropzone .dz-preview .dz-error-message {
left: -20px;
top: 100px;
}
.dropzone.dz-max-files-reached .dz-error-message {
display: block;
}
.dropzone.dz-max-files-reached .dz-message {
display: none;
}
.dropzone .dz-filename {
display: inline-block;
font-size: 0.75rem;
position: absolute;
bottom: 5px;
line-height: 1.2;
z-index: 2;
left: 5px;
}
.dropzone .dz-filename__value {
display: block;
height: 28px;
text-overflow: ellipsis;
overflow: hidden;
width: 90px;
word-wrap: break-word;
}
.dropzone .dz-image-preview .dz-filename {
display: none;
}
.dropzone .dz-file-preview .dz-image img {
width: 40px;
margin: 15px auto;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-filter: none;
filter: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.inline-gallery {
border-bottom: 1px solid rgb(208, 216, 227);
border-top: 1px solid rgb(208, 216, 227);
padding: 1.5rem 0 2.25rem 0;
position: relative;
}
.inline-gallery__button {
border: 0 !important;
position: absolute;
top: 48px;
}
.inline-gallery__button--prev {
left: -24px;
}
.inline-gallery__button--next {
right: -24px;
}
.inline-gallery__content {
overflow: hidden;
}
.inline-gallery .image-group {
position: relative;
width: 9999rem;
}
.label {
border-radius: 0.5625rem;
font-size: 0.6875rem;
line-height: 1.125rem;
margin: 0.125rem 0;
padding: 0 0.375rem;
}
.label--action {
background-color: #faa946;
}
.label--blue {
background-color: #0071BC;
}
.label--popular {
background-color: #a7c5ef;
}
.list-navigation__item {
position: relative;
}
.list-navigation__item:not(:last-child) {
border-bottom: 1px dotted rgb(208, 216, 227);
}
.list-navigation__item.is-active:before {
color: rgb(166, 181, 202);
content: "\f105";
font-family: "FontAwesome";
left: -10px;
position: absolute;
top: 6px;
}
.list-navigation__item.is-active .list-navigation__link {
color: #453F3C;
}
.list-navigation__item > a, .list-navigation__link {
display: block;
line-height: 1.5rem;
padding: 0.75rem 0;
overflow-wrap: break-word;
}
.list-navigation__link + .list-navigation__text {
margin-bottom: -6px;
top: -9px;
position: relative;
}
.list-navigation__text {
color: #453F3C;
line-height: 1.125rem;
font-size: 0.8125rem;
}
.list-navigation .list-navigation {
font-size: 0.8125rem;
margin-left: 0.75rem;
margin-bottom: 0;
}
.list-navigation .list-navigation .list-navigation__item {
border: 0;
}
.list-navigation .list-navigation .list-navigation__item:before {
color: #0071BC;
content: "\f105";
font-family: "FontAwesome";
left: -12px;
position: absolute;
top: 4px;
}
.list-navigation .list-navigation .list-navigation__item.is-active:before {
color: rgb(166, 181, 202);
}
.list-navigation .list-navigation .list-navigation__link {
padding: 0.1875rem 0;
}
.list-navigation--large {
font-size: 1.1875rem;
}
.list-navigation--large .list-navigation__item.is-active:before {
top: 9px;
}
.list-navigation--large .list-navigation__link {
padding: 0.75rem 0;
}
.list-navigation--compact .list-navigation__item > a,
.list-navigation--compact .list-navigation__link {
font-size: 0.875rem;
padding: 0;
}
.list-navigation--compact .list-navigation__item:not(:last-child) {
border-bottom: none;
}
@media print, screen and (min-width: 48em) {
.list-navigation--2columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.list-navigation--2columns .list-navigation__item {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
position: static;
}
}
.loading-indicator {
display: inline-block;
font-size: 0.9rem;
}
.loading-indicator .fa {
vertical-align: -4%;
}
.loading-indicator .js-loading {
background-size: 1rem 1rem;
}
.loading-indicator__progress {
color: rgb(51, 204, 102);
display: none;
}
.loading-indicator__success {
color: rgb(51, 204, 102);
display: none;
}
.loading-indicator__failure {
color: rgb(204, 85, 82);
display: none;
}
.loading-indicator.is-inprogress .loading-indicator__progress {
display: inline-block;
}
.loading-indicator.is-success .loading-indicator__success {
display: inline-block;
}
.loading-indicator.is-failure .loading-indicator__failure {
display: inline-block;
}
/**
* Logo within topbar, titlebar, ...
*/
.logo {
font-size: 1.1rem;
font-weight: 300;
line-height: 4.5rem;
white-space: nowrap;
color: #D2E5FF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 1px;
}
.logo:hover, .logo:visited {
color: #d2e5ff;
text-decoration: none;
}
.logo > img {
height: 1.875rem;
margin-right: 0.375rem;
}
.logo--small {
line-height: 2.8rem;
}
@media print, screen and (min-width: 48em) {
.logo {
font-size: 1.4rem;
}
.logo > img {
height: 2.25rem;
}
}
@media print, screen and (min-width: 64em) {
.logo > img {
height: 2.5rem;
}
}
.media {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 6px 0;
}
.media:first-of-type {
padding-top: 0;
}
.media:last-of-type {
padding-bottom: 12px;
}
.media__section {
max-width: 100%;
position: relative;
}
.media__section--last-to-right {
margin-left: auto;
}
.media__meta {
color: #453F3C;
letter-spacing: 0.12px;
font-size: 0.8125rem;
font-style: normal;
}
.media__meta .avatar {
margin: 0 0.75rem 0 0;
}
.media__meta a {
color: currentColor;
text-decoration: underline;
}
.media__meta-date {
color: rgba(69, 63, 60, 0.6);
}
.media__title {
letter-spacing: 0.36px;
font-weight: 500;
margin: 0;
}
@media print, screen and (min-width: 48em) {
.media__title {
font-size: 21px;
line-height: 30px;
}
}
.media--left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.media--left .media__section:first-of-type {
margin-right: 1rem;
}
.media--left .media__section:first-of-type + .media__section {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.media--left .media__section--full {
margin-top: 0.75rem;
width: 100%;
}
.media--halfs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.media--halfs .media__section {
width: calc((100% - 36px) / 2);
}
.media--align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.media--border {
padding: 18px 0;
}
.media--border:not(:last-child) {
border-bottom: 1px solid #0071BC;
}
.media--media .media__title {
font-size: 0.8125rem;
line-height: 1.25rem;
margin-bottom: 0;
}
.media--media.media--left .media__section:first-of-type {
width: 40%;
}
.media--media.media--left .media__section:first-of-type + .media__section {
min-width: 0;
}
.media--media.media--left .media__title {
max-height: 2.5rem;
overflow: hidden;
}
.media--media.media--left .media__meta .author {
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.media--media.media--left p {
display: none;
}
.widget--side .media--media .media__title {
font-size: 0.875rem;
}
.widget--side .media--media.media--left .media__section:first-of-type {
margin-right: 0.9375rem;
width: 8.25rem;
}
.media--procedure {
display: block;
}
.media--procedure.media--left .media__section:first-of-type {
margin-right: 1.875rem;
}
.media--review {
overflow: hidden;
border: 1px solid rgba(69, 63, 60, 0.12);
border-radius: 6px;
background-color: rgb(255, 255, 255);
padding: 20px 24px !important;
}
.media--review .media__section > .avatar {
margin: 0 1.75rem 0 0.875rem;
}
.media--review .media__title {
font-size: 1.3125rem;
letter-spacing: -0.3px;
line-height: 27px;
padding: 0.375rem 0 0.375rem 0;
color: rgb(31, 48, 80);
font-weight: bold;
}
.media--review .media__title > a {
color: rgb(31, 48, 80);
font-weight: bold;
}
@media screen and (max-width: 47.9375em) {
.media--review .media__title {
font-size: 18px;
letter-spacing: -0.26px;
line-height: 24px;
}
}
.media--review .image-group {
margin-top: 0.75rem;
}
.media--review__score {
clear: left;
display: block;
margin: 0.375rem 0;
}
.media--review__score strong {
font-size: 0.875rem;
font-weight: 500;
vertical-align: middle;
}
.media--review__score .badge {
vertical-align: text-bottom;
}
.media--review__rating {
display: block;
margin-bottom: 0.375rem;
}
.media--review__rating .rating {
float: left;
}
.media--review .box .avatar {
float: left;
margin-right: 0.75rem;
}
.media--review .box .media__meta {
line-height: 1.125rem;
}
.media--beaf {
background-color: rgb(255, 255, 255);
border-radius: 6px;
box-shadow: 0 1px 1px 0 rgb(208, 216, 227), 0 0 3px 0 rgb(208, 216, 227);
}
.media--beaf .avatar {
vertical-align: middle;
}
.media--beaf .avatar + .media__title {
margin-left: 0.75rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.media--beaf .image--height {
max-width: 50%;
float: left;
}
.media--beaf .media__section {
width: 100%;
}
.media--beaf .media__section:nth-of-type(2) {
clear: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.5625rem;
}
.media--beaf .media__title {
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
vertical-align: middle;
}
.media--event {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.media--event .media__section:first-of-type {
margin-right: 1rem;
}
.media--event .media__section:first-of-type + .media__section {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.media--event .media__title {
font-size: 0.875rem;
line-height: 1.125rem;
margin-bottom: 0.375rem;
}
.media--event .media__location {
color: rgb(63, 79, 101);
display: block;
margin-top: 0.375rem;
}
.media--event .media__date {
color: #453F3C;
display: block;
font-size: 0.8125rem;
}
.media--event p {
color: #453F3C;
line-height: 1.5rem;
}
.media--top-procedure {
text-align: center;
}
.media--top-procedure .media__section {
width: 100%;
}
.media--top-procedure .media__title {
display: block;
margin-top: 0.375rem;
font-size: 0.9375rem;
line-height: 1.5rem;
}
.media--top-procedure .media__meta {
display: block;
line-height: 1.125rem;
font-size: 0.8125rem;
color: gray;
}
@media print, screen and (min-width: 48em) {
.media__meta {
font-size: 0.8125rem;
}
.media--media.media--left .media__section:first-of-type {
width: 18.4375rem;
margin-right: 30px;
}
.media--media.media--left .media__title {
max-height: none;
overflow: initial;
}
.media--media.media--left .media__meta .author {
display: inline;
width: auto;
white-space: initial;
overflow: initial;
}
.media--media.media--left p {
display: block;
}
.media--media .media__title {
font-size: 1.1875rem;
line-height: 1.5rem;
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
}
@media print, screen and (min-width: 64em) {
.media--review .media__meta {
padding-top: 0;
}
.media--review__score {
padding-top: 0;
}
.media--review .image-group {
float: right;
margin: 0;
max-width: 10.875rem;
text-align: right;
margin-bottom: 0.75rem;
}
.media--review .image-group + .box {
margin-right: 12.25rem;
}
}
.media--doctor {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.media--doctor .media__section:first-of-type + .media__section {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.media--doctor address {
margin-bottom: 0.375rem;
}
.media--doctor .media__label {
position: relative;
float: left;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
margin-right: -100%;
margin-left: -6px;
}
.media--doctor.media--left .media__meta,
.media--doctor.media--left .media__title {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
max-height: 54px;
}
.media--doctor.media--small .media__section:first-of-type + .media__section {
width: calc(100% - 60px);
}
.media--doctor.media--small .media__title {
font-size: 0.725rem;
line-height: 18px;
margin: 0 0 0.1rem 0;
padding-right: 0.3rem;
max-height: 54px;
}
.media--doctor.media--small .media__meta {
font-size: 0.65rem;
line-height: 1.35;
margin-bottom: 0;
}
.media--doctor.media--small .media__section:first-of-type {
margin-right: 0.5rem;
}
.media--doctor .media__title {
font-size: 21px;
font-weight: bold;
letter-spacing: -0.3px;
line-height: 27px;
color: #453F3C;
}
.media--doctor .media__title > a {
color: inherit;
}
.media--doctor .media__meta {
color: #453F3C;
font-size: 15px;
letter-spacing: 0;
line-height: 21px;
}
.media--doctor .badge--mexpe {
position: absolute;
right: 0;
bottom: 2px;
}
.more {
font-size: 0.875rem;
}
.more.right i {
margin-left: 0.375rem;
}
.table + .more {
margin-top: -1.5rem;
}
/*.newsletter {
&__form {
margin-top: rem-calc(24px);
}
input[type="text"] {
width: calc(100% - 144px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
float: left;
}
.button {
width: 144px;
float: right;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}*/
.newsletter .input-group-button .button {
height: 36px;
}
.notice {
border-radius: 0.25rem;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
letter-spacing: 0.12px;
line-height: 1.5rem;
padding: 0.75rem 0.75rem 0.75rem 3rem;
position: relative;
margin: 10px 0;
}
.notice b,
.notice strong {
color: inherit;
font-weight: 500;
}
.notice a,
.notice .link {
color: inherit;
text-decoration: underline;
}
.notice a:hover,
.notice .link:hover {
text-decoration: none;
}
.notice.info {
background: #0071BC;
}
.notice.error {
background: rgb(204, 85, 82);
}
.notice.success {
background: rgb(51, 204, 102);
}
.notice.disabled {
background: #dddddd;
}
.notice::before {
display: block;
font-family: "FontAwesome";
content: "\f06a";
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
margin: 0 -1.5rem -1.5rem -2.25rem;
}
.notice.info::before, .notice.disabled::before {
content: "\f05a";
}
.notice.success::before {
content: "\f058";
}
.notice__close,
.notice .notice-close {
color: inherit;
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.75rem;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.widget-close {
top: 5px;
color: #fff !important;
}
/* .right-column .notice {margin:0} */
/* .notifications .notice h3 { color:#fff; } */
/* .notifications .notice .content { background:none !important; } */
/* .notifications .notice {font-size:1em !important; padding:21px 0 0 0; } */
/* .notifications .notice:before {margin-left:15px} */
/* .notifications .notice img.no-entry { margin-right:2px; } */
/* .notifications .notice h3 { padding-left:70px; } */
.sticky-bar-notices {
bottom: 10px;
left: 10px;
max-width: 100%;
padding-right: 10px;
position: fixed;
width: 350px;
z-index: 130;
}
.sticky-bar-notices .notice {
box-shadow: 0 1px 1px rgba(20, 20, 20, 0.2);
margin: 5px 0 0 0;
padding: 0.9375rem;
padding-left: 4.6875rem;
}
.sticky-bar-notices .notice::before {
position: absolute;
margin-left: -3.4375rem;
margin-top: -0.625rem;
top: 50%;
}
.sticky-bar-notices .notice > .notice__close {
margin-top: -0.4375rem;
right: 20px;
top: 50%;
}
.off-canvas.off-canvas {
z-index: 120;
}
.off-canvas {
background: #0071BC;
}
.off-canvas a {
color: #fff;
}
.off-canvas a:hover {
text-decoration: none;
color: #d2e5ff;
}
.off-canvas .menu > li > a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px 24px;
line-height: 30px;
font-weight: bold;
}
.off-canvas__user {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 6px 12px 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.off-canvas__user .avatar {
margin-right: 1rem;
}
.off-canvas__user__name {
font-size: 20px;
font-weight: bold;
display: block;
white-space: nowrap;
overflow: hidden;
margin-top: 6px;
text-overflow: ellipsis;
width: calc(100% - 60px);
}
.off-canvas__user__link {
font-size: 13px;
color: rgb(255, 255, 255);
font-weight: normal;
display: block;
}
.off-canvas .js-notif-counter {
position: absolute;
top: -5px;
right: 15px;
}
.off-canvas .close-button {
color: #fff;
font-size: 30px;
right: 12px;
top: 12px;
border: 0;
outline: 0;
box-shadow: none;
}
.off-canvas .close-button::before {
background: none;
}
.off-canvas--left {
padding-top: 54px;
}
.off-canvas--left .menu {
border-top: 3px solid rgba(255, 255, 255, 0.1);
}
.off-canvas--right {
/*.nested {
margin-left: 0;
}*/
}
.off-canvas--right .is-accordion-submenu-parent > a::after {
border-color: #FFF transparent transparent;
}
.off-canvas--right .menu > li > a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 66px;
position: relative;
}
.off-canvas--right .menu > li[aria-expanded=true] {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.off-canvas--right .menu > li[aria-expanded=true] > a {
color: #D2E5FF;
text-decoration: none !important;
}
.off-canvas--right .nested > li > a {
padding-left: 24px;
padding-top: 6px;
padding-bottom: 6px;
border: 0;
}
.off-canvas--right .menu__icon {
position: absolute;
width: 66px;
left: 0;
top: 50%;
text-align: center;
font-size: 21px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 0;
}
.position-left {
max-width: 100%;
}
.position-right.is-transition-push::after {
box-shadow: none;
}
.orbit-bullets button {
border: 1px solid rgb(208, 216, 227);
}
.orbit-bullets button.is-active, .orbit-bullets button:hover {
border-color: #0071BC;
}
/*
.orbit-slide:not(.is-active) {
display: none;
}*/
.outline-button {
border: 1px solid white;
border-radius: 0.375rem;
box-shadow: 0 1px 1px rgba(52, 56, 60, 0.6);
color: #ffffff;
font-size: 0.9375rem;
height: 2.25rem !important;
line-height: 2.2 !important;
padding: 0 1.125rem;
transition: background-color 300ms ease-out;
}
.outline-button:hover, .outline-button:active, .outline-button:focus {
color: #ffffff;
text-decoration: none;
background-color: #566981;
}
.overflow-gradient {
overflow: hidden;
position: relative;
}
.overflow-gradient::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #fff);
content: " ";
display: block;
height: 100%;
position: absolute;
pointer-events: none;
right: 0;
top: 0;
width: 100%;
}
.overflow-gradient--horizontal::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 75%, white);
}
.pagination {
clear: both;
line-height: 1.5rem;
text-align: center;
margin-top: 1.5rem;
}
.pagination + * {
margin-top: 1.5rem;
}
.pagination li {
margin: 0;
vertical-align: middle;
}
.pagination li.pagination-previous {
margin-right: 1.25rem;
}
.pagination li.pagination-next {
margin-left: 1.25rem;
}
.pagination a:hover {
background-color: transparent;
}
.pagination > .disabled {
opacity: 0.4;
}
.pagination input {
margin: 0 0.1875rem 0 0;
text-align: right;
width: 3.125rem;
}
.pagination .button {
margin: 0;
}
.pagination-next .button {
text-align: left;
}
.pagination-previous .button {
text-align: right;
}
@media print, screen and (min-width: 48em) {
.pagination .button {
min-width: 6.75rem;
}
}
.panel {
background-color: rgb(247, 248, 250);
border-radius: 6px;
}
.panel__heading {
background-color: rgb(99, 166, 255);
border-radius: 6px;
color: rgb(255, 255, 255);
padding: 0.75rem;
}
.panel__body {
padding: 0.75rem;
}
.person__name {
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
margin-top: 0.5rem;
}
.person__procedure, .person__position {
color: #453F3C;
display: block;
font-size: 0.8125rem;
line-height: 1.125rem;
}
.person__dropdown {
box-shadow: 0 1px 1px 0 rgb(247, 248, 250);
padding: 0;
text-align: left;
width: 22.5rem;
}
.person__dropdown:before, .person__dropdown:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12.5px 6px 12.5px;
border-color: transparent transparent rgb(208, 216, 227) transparent;
position: absolute;
left: 1.5625rem;
top: -6px;
}
.person__dropdown:after {
top: -5px;
border-color: transparent transparent #FFF transparent;
}
.person__dropdown .box {
margin-left: 5.4375rem;
}
.person__dropdown__body {
padding: 1.125rem 0.9375rem 1.5rem 0.9375rem;
}
.person__dropdown__body .badge-list {
margin: 0 !important;
}
.person__dropdown__body .columns:first-child {
margin-right: -15px;
}
.person__dropdown__name {
display: block;
font-size: 1.1875rem;
line-height: 1.5rem;
max-height: 3rem;
overflow: hidden;
}
.person__dropdown__meta {
color: #453F3C;
display: block;
font-size: 0.8125rem;
margin-bottom: 0.5rem;
}
.person__dropdown__actions {
clear: left;
line-height: 1.7;
}
.person__dropdown__actions a {
font-size: 0.875rem;
vertical-align: middle;
}
.person__dropdown.left:before, .person__dropdown.left:after {
border-width: 12.5px 0 12.5px 6px;
border-color: transparent transparent transparent rgb(208, 216, 227);
left: auto;
top: 1.5625rem;
right: -6px;
}
.person__dropdown.left:after {
right: -5px;
border-color: transparent transparent transparent #FFF;
}
.person--author {
margin-bottom: 12px;
overflow: hidden;
}
.person--author .avatar {
float: left;
}
.person--author .person__name {
margin: 0;
margin-left: 48px;
padding-top: 6px;
}
@media print, screen and (min-width: 48em) {
.person--author {
text-align: center;
}
.person--author .avatar {
float: none;
}
.person--author .person__name {
margin: 12px 0 0 0;
padding: 0;
}
}
.person--offset {
padding: 12px 24px 24px 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.person--offset .avatar {
float: left;
}
.person--offset .person__name {
margin: 0;
margin-left: 66px;
}
.person--offset .off-canvas__user__link {
margin-top: 6px;
}
.picture-toolbar {
border-radius: 20px;
position: absolute;
z-index: 9;
right: 5px;
top: 5px;
border: 1px solid rgb(208, 216, 227);
background-color: rgb(247, 248, 250);
}
.picture-toolbar__item {
border-radius: 50%;
color: rgb(166, 181, 202);
cursor: pointer;
display: block;
font-size: 16px;
padding: 3px;
width: 34px;
height: 34px;
margin: 3px;
border: 2px solid rgb(166, 181, 202);
background-color: rgb(255, 255, 255);
text-align: center;
}
.picture-toolbar__item:hover {
border-color: #0071BC;
color: #0071BC;
}
.picture-toolbar__item .fa {
line-height: 1.6;
}
.picture-toolbar__item .fa.fa-chevron-up {
line-height: 1;
}
input.placeholder {
color: rgb(166, 181, 202) !important;
opacity: 1;
}
::-webkit-input-placeholder {
color: rgb(166, 181, 202) !important;
opacity: 1;
}
:-moz-placeholder {
color: rgb(166, 181, 202) !important;
opacity: 1;
}
::-moz-placeholder {
color: rgb(166, 181, 202) !important;
opacity: 1;
}
:-ms-input-placeholder {
color: rgb(166, 181, 202) !important;
opacity: 1;
}
.poll__question {
font-size: 1.1875rem;
font-weight: 300;
letter-spacing: 0.36px;
line-height: 1.875rem;
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.poll {
background: rgb(247, 248, 250);
border-radius: 6px;
padding: 1.875rem 1.125rem 1.875rem 1.125rem;
}
}
.post-count {
border: 1px solid rgb(208, 216, 227);
border-radius: 0.1875rem;
box-shadow: 0 1px 1px 0 rgb(247, 248, 250);
display: inline-block;
font-size: 0.8125rem;
margin-left: 0.625rem;
min-width: 26px;
text-align: center;
padding: 0 0.1875rem;
position: relative;
}
.post-count:after, .post-count:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 5px 5.5px 0;
border-color: transparent rgb(208, 216, 227) transparent transparent;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -5px;
}
.post-count:after {
border-color: transparent rgb(255, 255, 255) transparent transparent;
left: -3px;
}
.price-table,
.price-table tr,
.price-table td {
padding: 0;
border: 0;
background: none;
}
.price-table tr {
border: none !important;
}
.price-table {
border-top: 1px solid rgb(208, 216, 227);
border-bottom: 1px solid rgb(208, 216, 227);
}
.price-table td {
padding: 0 10px;
background: rgb(255, 255, 255);
}
@media print, screen and (min-width: 48em) {
.price-table td {
padding: 20px;
}
}
@media print, screen and (min-width: 48em) {
.price-table td:first-child {
width: 50%;
}
}
.price-table .first td {
padding-top: 10px;
}
@media print, screen and (min-width: 48em) {
.price-table .first td {
padding-top: 20px;
}
}
.price-table .last td {
padding-bottom: 10px;
}
.price-table .odd td {
background: rgb(247, 248, 250);
}
.price-table__price {
color: rgb(24, 35, 63);
font-size: 16px;
}
.price-table__place {
font-size: 13px;
}
.price-table__name {
font-size: 13px;
}
@media print, screen and (min-width: 48em) {
.price-table__name {
font-size: 16px;
}
}
.price-table__flag {
float: left;
margin-right: 6px;
}
@media print, screen and (min-width: 48em) {
.price-table__flag {
margin-right: 0;
}
}
.price-table__box {
margin-left: 27px;
}
.pricing-table {
border: solid 1px #dddddd;
height: 86%;
}
.pricing-table.basic {
background: #fbfdfe;
}
.pricing-table.premium {
background: #fffbf4;
}
.pricing-table.premiumplus {
background: #fde7e7;
}
.pricing-table.ultimate {
background: #f0f8ff;
}
.pricing-tables .footer,
.pricing-tables .header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.pricing-tables .footer .pricing-table {
background-color: #34383d;
height: 100%;
border: 0;
margin: 0 -9px;
}
.pricing-tables .footer .pricing-table .price {
margin: 0;
}
.pricing-tables .footer .pricing-table .cta-button {
margin: 0;
padding-left: 5px;
padding-right: 5px;
}
.pricing-tables__flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.pricing-tables__flex :nth-child(2) {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.procedure-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgb(255, 221, 146);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px 30px;
margin-left: -15px;
margin-right: -15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 48em) {
.procedure-box {
border-radius: 6px;
padding: 48px 30px;
margin-left: 0;
margin-right: 0;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.procedure-box__title {
font-size: 33px;
line-height: 42px;
font-weight: 300;
margin: 0;
}
.procedure-box__icon {
margin-left: auto;
}
@media print, screen and (min-width: 48em) {
.procedure-box__icon {
display: none;
}
}
.procedure-box .button {
margin-top: 24px;
margin-left: auto;
margin-right: auto;
width: 240px;
}
@media print, screen and (min-width: 48em) {
.procedure-box .button {
margin: 0;
}
}
.procedure-box--blue {
background-color: #D2E5FF;
}
.procedure-wizard {
background-color: #D2E5FF;
padding: 20px 20px 36px 20px;
margin-left: -15px;
margin-right: -15px;
}
@media print, screen and (min-width: 48em) {
.procedure-wizard {
margin-left: 0;
margin-right: 0;
}
}
.procedure-wizard__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 13px;
color: #453F3C;
}
.procedure-wizard__title {
font-size: 22px;
margin: 0;
}
.procedure-wizard ul {
list-style-type: disc;
list-style-position: inside;
}
.procedure-wizard__buttons {
padding: 0 16px;
}
.progress-bar {
color: #5289d3;
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
position: relative;
}
.progress-bar .progress-bar__title {
color: #453F3C;
display: block;
font-weight: 300;
margin-bottom: 0.2rem;
}
.progress-bar .progress-bar__value {
font-style: normal;
font-weight: 300;
}
.progress-bar--circle {
background: #ffffff;
border-radius: 50%;
max-height: 10.5rem;
max-width: 10.5rem;
margin: 1rem auto;
}
.progress-bar--circle .progress-bar__value {
font-size: 3.75rem;
line-height: 3.75rem;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.progress-bar--circle .progress-bar__value::after {
content: "%";
display: inline;
font-size: 2.25rem;
}
.progress-bar--line {
margin: 1rem 0;
padding-right: 5rem;
}
.progress-bar--line .progress-bar__value {
float: right;
font-size: 1.5rem;
font-weight: 400;
margin-top: -0.45rem;
margin-right: -5rem;
}
.progress-bar--line .progress-bar__value::after {
font-size: 1.25rem;
}
.progress-bar--line .progress-bar__wrapper {
background-color: #d2e5ff;
height: 10px;
overflow: hidden;
}
.progress-bar--line:first-child {
margin-top: 0;
}
.progress-bar__tip {
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 0.8rem;
line-height: 1rem;
margin-top: 0.2rem;
text-align: right;
}
.progressbar-bullets {
counter-reset: step;
text-align: center;
}
.progressbar-bullets > li {
color: rgb(166, 181, 202);
display: inline-block;
list-style-type: none;
width: 20%;
font-size: 12px;
font-weight: 500;
position: relative;
text-align: center;
vertical-align: middle;
}
.progressbar-bullets > li::before {
width: 1.5rem;
height: 1.5rem;
content: counter(step);
counter-increment: step;
line-height: 1.8;
border: 2px solid rgb(166, 181, 202);
display: block;
text-align: center;
margin: 0 auto 5px auto;
border-radius: 50%;
background-color: white;
position: relative;
transition: all 0.3s;
z-index: 1;
}
.progressbar-bullets > li::after {
width: 100%;
height: 2px;
content: "";
position: absolute;
background-color: rgb(166, 181, 202);
top: 0.75rem;
left: -50%;
transition: all 0.3s;
z-index: 0;
}
.progressbar-bullets > li:first-child::after {
content: none;
}
.progressbar-bullets li.is-active {
color: #0071BC;
}
.progressbar-bullets li.is-active::before {
border-color: #0071BC;
}
.progressbar-bullets li.is-active::after {
background-color: #0071BC;
}
.progressbar-bullets li.is-done::before {
color: white;
content: "\f00c";
background-color: #0071BC;
border-color: #0071BC;
font-family: "FontAwesome";
}
.progressbar-bullets--small > li {
width: 0.9rem;
}
.progressbar-bullets--small > li.is-active::before {
width: 0.8rem;
height: 0.8rem;
}
.progressbar-bullets--small > li::before,
.progressbar-bullets--small > li.is-done::before {
content: " ";
width: 0.5rem;
height: 0.5rem;
}
.progressbar-bullets--small > li::after {
display: none;
}
.rating {
display: inline-block;
margin: 0;
font-size: 0;
vertical-align: middle;
}
.rating--mexpe {
border: 1px solid #FFC145;
border-radius: 50px;
padding: 0 8px;
}
.rating--mexpe.rating--large {
padding: 0 1rem;
}
.rating--mexpe .rating__element::before {
vertical-align: middle;
}
.rating--mexpe .rating__prefix {
font-size: 0.9375rem;
font-weight: 700;
line-height: 22px;
}
.rating--mexpe .rating__suffix {
font-weight: 700;
line-height: 22px;
}
@media screen and (max-width: 47.9375em) {
.rating--mexpe {
padding-inline: 0.5rem;
}
}
.rating__stars {
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
white-space: nowrap;
}
.rating__prefix {
color: rgb(63, 79, 101);
display: inline-block;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
margin-right: 0.2rem;
vertical-align: top;
}
.rating--base-gray .rating__item {
color: rgba(69, 63, 60, 0.12);
}
.rating__item {
color: #FFC145;
display: inline-block;
font-size: 0.8125rem;
padding: 0 2px;
text-align: center;
vertical-align: top;
}
.rating__item:first-of-type {
padding-left: 0;
}
.rating__item:last-of-type {
padding-right: 0;
}
.rating__item .rating__picker {
color: inherit;
}
.rating__element:before {
content: "\f006";
font-family: "FontAwesome";
}
.rating__suffix {
color: #453F3C;
display: inline-block;
font-size: 0.8125rem;
line-height: 1.25rem;
margin-left: 0.25rem;
vertical-align: top;
}
.rating__suffix a {
color: #453F3C;
text-decoration: underline;
}
.rating--pick .rating__element {
cursor: pointer;
}
.rating--compact {
line-height: 1;
}
.rating--compact .rating__suffix {
display: block;
margin-left: 0;
margin-top: -3px;
}
.rating--bs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: 20.3125rem;
margin-inline: auto;
vertical-align: middle;
line-height: 2.25rem;
}
.rating--bs .rating__element::before {
vertical-align: middle;
content: "";
background-image: url("/pictures/mexpe/Star-blue@2x.png");
background-size: 48px 48px;
width: 48px;
height: 48px;
display: block;
}
@media print, screen and (min-width: 48em) {
.rating--bs .rating__element::before {
background-size: 42px 42px;
width: 42px;
height: 42px;
}
}
.rating--bs.rating[data-rating^="1"] .rating__item:nth-of-type(-n+1) .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="1"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(1) + .rating__item .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="2"] .rating__item:nth-of-type(-n+2) .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="2"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(2) + .rating__item .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="3"] .rating__item:nth-of-type(-n+3) .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="3"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(3) + .rating__item .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="4"] .rating__item:nth-of-type(-n+4) .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="4"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(4) + .rating__item .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="5"] .rating__item:nth-of-type(-n+5) .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
.rating--bs.rating[data-rating^="5"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(5) + .rating__item .rating__element:before {
content: "";
background-image: url("/pictures/mexpe/Star-yellow.svg");
}
@media print, screen and (min-width: 48em) {
.rating--bs {
margin-inline: 0;
max-width: 16.875rem;
}
}
.rating--bs.rating--1 {
padding-bottom: 1.5rem;
position: relative;
max-width: 20.3125rem;
}
.rating--bs.rating--1 .rating__suffix {
display: block;
position: absolute;
line-height: 1.3;
bottom: 0;
font-size: 11px;
letter-spacing: 0;
text-align: center;
}
@media print, screen and (min-width: 48em) {
.rating--bs.rating--1 .rating__suffix {
bottom: 2px;
}
}
.rating--bs.rating--1 .rating__item {
margin-top: 4px;
}
.rating--bs.rating--1 .rating__element::before {
width: 48px;
height: 48px;
background-size: 48px 48px;
}
.rating--bs .rating__suffix {
display: none;
}
.rating--bs .rating__suffix {
color: rgb(63, 79, 101);
font-size: 0.8125rem;
line-height: inherit;
}
.rating[data-rating^="1"] .rating__item:nth-of-type(-n+1) {
color: #FFC145;
}
.rating[data-rating^="1"] .rating__item:nth-of-type(-n+1) .rating__element:before {
content: "\f005";
}
.rating[data-rating^="1"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(1) + .rating__item {
color: #FFC145;
}
.rating[data-rating^="1"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(1) + .rating__item .rating__element:before {
content: "\f123";
}
.rating[data-rating^="2"] .rating__item:nth-of-type(-n+2) {
color: #FFC145;
}
.rating[data-rating^="2"] .rating__item:nth-of-type(-n+2) .rating__element:before {
content: "\f005";
}
.rating[data-rating^="2"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(2) + .rating__item {
color: #FFC145;
}
.rating[data-rating^="2"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(2) + .rating__item .rating__element:before {
content: "\f123";
}
.rating[data-rating^="3"] .rating__item:nth-of-type(-n+3) {
color: #FFC145;
}
.rating[data-rating^="3"] .rating__item:nth-of-type(-n+3) .rating__element:before {
content: "\f005";
}
.rating[data-rating^="3"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(3) + .rating__item {
color: #FFC145;
}
.rating[data-rating^="3"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(3) + .rating__item .rating__element:before {
content: "\f123";
}
.rating[data-rating^="4"] .rating__item:nth-of-type(-n+4) {
color: #FFC145;
}
.rating[data-rating^="4"] .rating__item:nth-of-type(-n+4) .rating__element:before {
content: "\f005";
}
.rating[data-rating^="4"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(4) + .rating__item {
color: #FFC145;
}
.rating[data-rating^="4"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(4) + .rating__item .rating__element:before {
content: "\f123";
}
.rating[data-rating^="5"] .rating__item:nth-of-type(-n+5) {
color: #FFC145;
}
.rating[data-rating^="5"] .rating__item:nth-of-type(-n+5) .rating__element:before {
content: "\f005";
}
.rating[data-rating^="5"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(5) + .rating__item {
color: #FFC145;
}
.rating[data-rating^="5"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(5) + .rating__item .rating__element:before {
content: "\f123";
}
.rating__table .rating {
display: block;
float: none;
}
.rating__table .rating__stars {
float: right;
}
.rating__table--alt .rating {
display: block;
width: 100%;
}
.rating__table--alt .rating__prefix {
margin-right: 0;
width: calc(100% - 90px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rating__table--alt .rating__stars {
float: left;
margin-right: 0.75rem;
}
.rating.rating--small .rating__item {
font-size: 0.625rem;
padding-right: 0;
}
.rating.rating--large {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.rating.rating--large .rating__prefix {
font-size: 1.125rem;
font-weight: 700;
}
.rating.rating--large .rating__suffix {
font-size: 0.9375rem;
font-weight: 700;
}
.rating.rating--large .rating__item {
font-size: 1.125rem;
height: 1.875rem;
line-height: 1.6875rem;
}
.rating.rating--xlarge {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
padding-inline: 12px;
}
.rating.rating--xlarge .rating__prefix {
font-size: 1.125rem;
font-weight: 700;
margin-right: 0;
}
.rating.rating--xlarge .rating__suffix {
font-size: 0.9375rem;
font-weight: 700;
}
.rating.rating--xlarge .rating__item {
font-size: 1.25rem;
height: 2.0625rem;
line-height: 1.875rem;
}
@media screen and (max-width: 47.9375em) {
.rating.rating--medium\@small {
gap: 0.2rem;
}
.rating.rating--medium\@small .rating__prefix,
.rating.rating--medium\@small .rating__suffix {
font-size: 13px;
}
.rating.rating--medium\@small .rating__item {
font-size: 0.75rem;
height: auto;
line-height: 20px;
}
}
.rating--dark .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="1"] .rating__item:nth-of-type(-n+1) {
color: #1A3152;
}
.rating--dark[data-rating^="1"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(1) + .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="2"] .rating__item:nth-of-type(-n+2) {
color: #1A3152;
}
.rating--dark[data-rating^="2"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(2) + .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="3"] .rating__item:nth-of-type(-n+3) {
color: #1A3152;
}
.rating--dark[data-rating^="3"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(3) + .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="4"] .rating__item:nth-of-type(-n+4) {
color: #1A3152;
}
.rating--dark[data-rating^="4"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(4) + .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="5"] .rating__item:nth-of-type(-n+5) {
color: #1A3152;
}
.rating--dark[data-rating^="5"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(5) + .rating__item {
color: #1A3152;
}
.rating--dark[data-rating^="1"].is-active .rating__item:nth-of-type(-n+1) {
color: #1A3152;
}
.rating--dark[data-rating^="2"].is-active .rating__item:nth-of-type(-n+2) {
color: #1A3152;
}
.rating--dark[data-rating^="3"].is-active .rating__item:nth-of-type(-n+3) {
color: #1A3152;
}
.rating--dark[data-rating^="4"].is-active .rating__item:nth-of-type(-n+4) {
color: #1A3152;
}
.rating--dark[data-rating^="5"].is-active .rating__item:nth-of-type(-n+5) {
color: #1A3152;
}
.rating--light .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="1"] .rating__item:nth-of-type(-n+1) {
color: #8196AD;
}
.rating--light[data-rating^="1"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(1) + .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="2"] .rating__item:nth-of-type(-n+2) {
color: #8196AD;
}
.rating--light[data-rating^="2"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(2) + .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="3"] .rating__item:nth-of-type(-n+3) {
color: #8196AD;
}
.rating--light[data-rating^="3"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(3) + .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="4"] .rating__item:nth-of-type(-n+4) {
color: #8196AD;
}
.rating--light[data-rating^="4"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(4) + .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="5"] .rating__item:nth-of-type(-n+5) {
color: #8196AD;
}
.rating--light[data-rating^="5"]:not([data-rating$="0"]):not(.is-active) .rating__item:nth-of-type(5) + .rating__item {
color: #8196AD;
}
.rating--light[data-rating^="1"].is-active .rating__item:nth-of-type(-n+1) {
color: #8196AD;
}
.rating--light[data-rating^="2"].is-active .rating__item:nth-of-type(-n+2) {
color: #8196AD;
}
.rating--light[data-rating^="3"].is-active .rating__item:nth-of-type(-n+3) {
color: #8196AD;
}
.rating--light[data-rating^="4"].is-active .rating__item:nth-of-type(-n+4) {
color: #8196AD;
}
.rating--light[data-rating^="5"].is-active .rating__item:nth-of-type(-n+5) {
color: #8196AD;
}
/* MODALS */
.reveal {
padding: 0;
margin-bottom: 2.5%;
}
.reveal:not(.reveal--nopadding) > .content {
margin: 1.25rem;
}
.reveal iframe, iframe.late-content {
width: 100%;
overflow: hidden;
border: none;
}
.reveal.history-detail-dialog iframe {
height: 100%;
}
.reveal.history-detail-dialog .content {
height: 90%;
}
.reveal .close-button {
right: 0.4em;
top: 0.17em;
}
.reveal .close-button > span {
vertical-align: 13%;
}
.reveal.sign-up > .content, .reveal.sign-in > .content {
margin: 0 20px;
}
/* display only notice - without borders */
@media print, screen and (min-width: 48em) {
.reveal.login,
.reveal.signup,
.reveal.agecheck {
max-width: 375px;
}
.reveal.login > .content,
.reveal.signup > .content,
.reveal.agecheck > .content {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
/*.reveal:not(.full) {
margin-top: 2.5%;
min-height: 0;
left: 2.5% !important;
right:auto;
width:95% !important;
}*/
}
/*
// small
@include breakpoint(small only) {
.reveal {
max-width:none !important;
.close-button {
width: $reveal-close-size;
height: $reveal-close-size;
text-align: center;
right: 0.2em;
}
}
}*/
.reveal {
overflow-x: hidden;
}
.reveal.loading {
min-height: 15.625rem;
}
.reveal .reveal-heading {
background-color: #000;
color: #ffffff;
font-size: 22px;
line-height: 1.2;
margin: -1.25rem -0.625rem 1.25rem -0.625rem;
padding: 0.625rem 2.5rem;
text-align: center;
}
.reveal.has-heading .close-button {
color: #ffffff;
}
.reveal.has-heading > .content {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
.reveal--medium-for-medium.reveal {
width: 60%;
}
}
@media screen and (max-width: 47.9375em) {
.reveal,
.reveal-overlay {
-webkit-overflow-scrolling: touch;
}
}
.reveal.contact-form-modal .row {
margin-left: -0.625rem;
margin-right: -0.625rem;
}
.reveal.contact-form-modal .close-button {
color: rgb(255, 255, 255);
}
.reveal.contact-form-modal .close-button::before {
background: transparent;
}
.reveal.contact-form-modal .reveal-heading {
margin: 0 0 5px 0;
}
@media print, screen and (min-width: 48em) {
.reveal.contact-form-modal {
min-width: 28.125rem;
}
.reveal.contact-form-modal .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
@media screen and (max-width: 47.9375em) {
.reveal.contact-form-modal .demand-form__content {
padding-bottom: 3.75rem;
}
}
.quality-meter {
margin-bottom: 8px;
}
.quality-meter-progress {
height: 8px;
background-color: #eee;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.quality-meter-bar {
height: 100%;
width: 0;
transition: width 0.3s ease;
border-radius: 4px;
}
.quality-meter-label {
font-size: 14px;
text-align: center;
color: #666;
margin-top: 4px;
}
.quality-meter.inactive .quality-meter-bar {
background-color: #bbb !important;
}
.ribbon {
height: 30px;
text-align: center;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
line-height: 30px;
width: 120px;
}
.ribbon--pink {
color: #FFF;
background-color: #FC246E;
}
.has-ribbon {
position: relative;
overflow: hidden;
}
.has-ribbon .ribbon {
position: absolute;
left: -30px;
top: 15px;
}
.search {
background: url("../pictures/ico-search.svg") 0 50% no-repeat;
height: 2.25rem;
}
.search__input {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
border-right: 0;
float: left;
margin: 0 0 0 2.25rem;
width: calc(75% - 36px);
}
.search__button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
float: left;
margin-bottom: 0 !important;
width: 25%;
}
@media print, screen and (min-width: 48em) {
.search__input {
width: calc(100% - 228px);
}
.search__button {
width: 12rem;
}
}
table[class^=gsc] tr,
table[class^=gstl_] tr {
border: 0;
background: transparent;
}
table[class^=gsc] tr td,
table[class^=gstl_] tr td {
background: rgb(255, 255, 255);
border: 0;
color: rgb(31, 48, 80);
}
table[class^=gsc] tr:hover td,
table[class^=gstl_] tr:hover td {
background: rgb(255, 255, 255);
color: rgb(31, 48, 80);
}
table[class^=gsc] tr.gsc-completion-selected td,
table[class^=gstl_] tr.gsc-completion-selected td {
background-color: rgb(99, 166, 255);
color: rgb(255, 255, 255);
}
.chosen-container {
max-width: 100%;
}
.chosen-container-single .chosen-single {
background: rgb(255, 255, 255);
border: 1px solid rgb(166, 181, 202);
border-radius: 0.25rem;
color: #34383d;
font-size: 1rem;
height: 2.625rem;
line-height: 2rem;
padding: 0.3125rem 0 0.3125rem 1rem;
box-shadow: none;
}
.chosen-container-single .chosen-single div b {
background: none;
}
.chosen-container-single .chosen-single div b:after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.chosen-container-single.chosen-container-active .chosen-single {
background: transparent;
box-shadow: none;
}
.chosen-container-single.chosen-container-active .chosen-single div b {
background: none;
}
.chosen-container-single.chosen-container-active .chosen-single div b:after {
content: "\f106";
}
.chosen-container .chosen-drop {
border-top: 1px solid rgb(166, 181, 202);
background: #fff;
}
.chosen-single.chosen-default {
color: rgb(166, 181, 202);
}
.chosen-container-single .chosen-single abbr {
top: 16px;
border-bottom: none;
cursor: pointer;
}
.chosen-container .chosen-results {
padding: 0;
margin: 0 0 0.375rem 0;
}
.chosen-container .chosen-results li {
color: #0071BC;
line-height: 1.5rem;
font-size: 0.875rem;
padding: 0.1875rem 0.75rem;
}
.chosen-container-single .chosen-search {
background-color: rgb(247, 248, 250);
padding: 0.375rem;
}
.chosen-container .chosen-results li.highlighted {
background: #D2E5FF;
color: rgb(31, 48, 80);
}
.chosen-container-single .chosen-search.chosen-search input[type=text] {
background: rgb(255, 255, 255) url(../pictures/ico-search-1.svg) no-repeat 9px 50%;
border: 2px solid rgb(208, 216, 227) !important;
box-shadow: none !important;
padding-left: 1.875rem;
}
.chosen-container-multi .chosen-choices.chosen-choices {
border: 1px solid #a6b5ca;
border-radius: 4px;
box-shadow: 1px 1px 2px 0 #d0d8e3 inset;
height: 2.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
padding: 0.3125rem 0.5rem;
}
.chosen-container-multi .chosen-choices.chosen-choices li.search-choice {
border-radius: 20px;
padding: 5px 20px 5px 8px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: 6px;
right: 4px;
}
.chosen-container-multi .search-field > input {
box-shadow: none !important;
}
.slider-handle {
border: 1px solid #453F3C;
}
#smartbanner {
background: #f4f9ff;
position: absolute;
left: 0;
top: -82px;
width: 100%;
height: 78px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
z-index: 1000002;
font-smoothing: antialiased;
overflow: hidden;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
#smartbanner {
transition: all 0.3s ease;
}
.sb-container {
margin: 0 auto;
}
.sb-close {
color: #34383d;
position: absolute;
left: 5px;
top: 20px;
display: block;
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 25px;
text-decoration: none;
}
.sb-close:active {
color: #aaa;
}
.sb-icon {
position: absolute;
left: 30px;
top: 10px;
display: block;
width: 57px;
height: 57px;
background-size: cover;
border-radius: 10px;
box-shadow: 0 0.028rem 0.085rem rgba(81, 136, 211, 0.36);
}
#smartbanner.no-icon .sb-icon {
display: none;
}
.sb-info {
position: absolute;
left: 98px;
top: 15px;
width: 44%;
font-size: 0.625rem;
line-height: 1rem;
font-weight: 500;
color: #828d99;
max-height: 58px;
overflow: hidden;
}
#smartbanner.no-icon .sb-info {
left: 34px;
}
.sb-info > strong {
display: block;
font-size: 0.68rem;
color: #34383d;
letter-spacing: 0.018rem;
max-height: 18px;
overflow: hidden;
}
.sb-info > span {
display: block;
}
.sb-info em {
font-style: normal;
text-transform: uppercase;
}
.sb-button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 6px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #0071BC;
color: rgb(255, 255, 255);
border-radius: 3px;
position: absolute;
right: 20px;
top: 24px;
padding: 0 15px;
min-width: 10%;
height: 26px;
font-size: 14px;
line-height: 26px;
}
[data-whatinput=mouse] .sb-button {
outline: 0;
}
.sb-button:hover, .sb-button:focus {
background-color: #008eec;
color: rgb(255, 255, 255);
}
.sb-button:active, .sb-button:hover {
background: linear-gradient(to bottom, #dcdcdc 0%, #efefef 100%);
}
.social-buttons {
margin-bottom: 1.5rem;
}
.social-buttons li {
display: inline-block;
font-size: 0;
margin-right: 0.375rem;
margin-bottom: 0.625rem;
vertical-align: top;
}
.social-buttons a {
display: block;
font-size: 1.125rem;
line-height: 2.25rem;
background: rgb(97, 95, 93);
text-align: center;
text-decoration: none;
width: 50px;
color: rgb(255, 255, 255);
}
.social-buttons a[href*=twitter] {
background: rgb(71, 199, 250);
}
.social-buttons a[href*=linkedin] {
background: rgb(0, 119, 181);
}
.social-buttons a[href*=facebook] {
background: rgb(60, 90, 152);
}
.social-buttons a:hover {
text-decoration: none;
opacity: 0.8;
}
.social-buttons a .fa {
vertical-align: middle;
}
@media print, screen and (min-width: 48em) {
.social-buttons li {
margin-bottom: 0;
}
}
.social-buttons__instagram.social-buttons__instagram {
background: #cd486b;
font-size: 1.2rem;
}
.js-sticky-bar-expanded .is-stuck.is-at-top {
margin-top: 9rem !important;
}
.sticky {
z-index: 11;
/*
// Make it visible only when user scrolls UP
&.is-stuck.sticky--stick-on-scrollup {
transform: translateY(-100%);
transition: transform 0.2s ease-in-out;
&.is-scrollup {
transform: translateY(0);
}
}
*/
}
.sticky .show-on-stuck {
display: none;
}
.sticky.is-stuck .show-on-stuck {
display: block;
}
.js-mobile-ad.sticky {
z-index: 1;
}
.sticky-nav.is-stuck {
padding: 12px 0 0 0;
z-index: 100;
}
.sticky-nav__title {
font-size: 14px;
line-height: 1.3;
font-weight: 500;
color: #453F3C;
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sticky-nav.is-stuck > hr,
.sticky-nav--buttonless > hr {
content: "";
border-bottom-color: rgba(69, 63, 60, 0.12);
height: 1px;
width: 200vw;
bottom: 0;
left: -100%;
position: absolute;
max-width: none;
margin: 0;
}
.sticky-nav.is-stuck .button-menu li,
.sticky-nav--buttonless .button-menu li {
padding-right: 0;
}
@media screen and (max-width: 47.9375em) {
.sticky-nav.is-stuck .button-menu,
.sticky-nav--buttonless .button-menu {
margin-left: -10px;
}
}
.sticky-nav.is-stuck .button,
.sticky-nav--buttonless .button {
border-color: transparent;
box-shadow: none;
transition: none;
padding: 0 15px 1rem;
position: relative;
font-weight: 400;
border-radius: 0;
height: 42px;
color: #0071BC;
}
.sticky-nav.is-stuck .button[data-counter]::after,
.sticky-nav--buttonless .button[data-counter]::after {
display: inline;
content: attr(data-counter);
height: 24px;
width: 16px;
color: #453F3C;
font-size: 13px;
font-weight: bold;
letter-spacing: 0;
line-height: 24px;
border: 1px solid #FFC145;
padding: 2px 6px;
border-radius: 12px;
box-sizing: border-box;
margin-left: 6px;
}
.sticky-nav.is-stuck .button:hover,
.sticky-nav.is-stuck .button:focus,
.sticky-nav.is-stuck .button.is-active,
.sticky-nav--buttonless .button:hover,
.sticky-nav--buttonless .button:focus,
.sticky-nav--buttonless .button.is-active {
background: none;
border-color: transparent;
border-radius: 0;
box-shadow: none;
color: rgb(24, 35, 63);
}
@media screen and (max-width: 47.9375em) {
.sticky-nav.is-stuck .button,
.sticky-nav--buttonless .button {
padding-top: 0.4rem;
font-size: 15px;
padding-inline: 12px;
}
.sticky-nav.is-stuck .button:hover,
.sticky-nav.is-stuck .button:focus,
.sticky-nav--buttonless .button:hover,
.sticky-nav--buttonless .button:focus {
color: #0071BC;
}
}
.sticky-nav.is-stuck .button.is-active,
.sticky-nav--buttonless .button.is-active {
color: rgb(24, 35, 63);
font-weight: bold;
}
.sticky-nav.is-stuck .button.is-active::before,
.sticky-nav--buttonless .button.is-active::before {
content: " ";
border-bottom: 3px solid #3B8DC4;
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.sticky-nav.is-stuck .is-dropdown-submenu-parent a::after,
.sticky-nav--buttonless .is-dropdown-submenu-parent a::after {
top: 35%;
}
@media screen and (max-width: 47.9375em) {
.sticky-nav::before,
.sticky-nav::after {
bottom: 1px;
color: #0071BC;
display: none;
font-family: "FontAwesome";
height: 40px;
line-height: 1.9;
padding: 0 4px;
pointer-events: none;
position: absolute;
width: 70px;
z-index: 1;
}
.sticky-nav::before {
box-shadow: inset 60px 0 40px -25px #ffffff;
content: "\f104";
left: -10px;
}
.sticky-nav::after {
box-shadow: inset -60px 0 40px -25px #ffffff;
content: "\f105";
right: -10px;
text-align: right;
}
.sticky-nav.is-scrollable-left::before {
display: block;
}
.sticky-nav.is-scrollable-right::after {
display: block;
}
}
.story-header {
border-radius: 6px;
background-color: rgb(255, 255, 255);
padding: 12px;
}
.story-header--border {
border: 1px solid rgba(69, 63, 60, 0.12);
margin: 6px 0;
}
@media print, screen and (min-width: 64em) {
.story-header {
margin: 6px -18px;
padding: 12px 18px;
}
}
.story-header a:hover {
text-decoration: none;
}
.story-header__avatar {
margin-right: 18px;
}
.story-header__avatar .avatar {
width: 60px;
height: 60px;
}
@media print, screen and (min-width: 48em) {
.story-header__avatar .avatar {
width: 72px;
height: 72px;
}
}
.story-header__title {
color: #453F3C;
font-size: 18px;
letter-spacing: -0.26px;
line-height: 24px;
}
@media print, screen and (min-width: 48em) {
.story-header__title {
font-size: 21px;
letter-spacing: -0.3px;
line-height: 27px;
}
}
.story-header__meta {
font-size: 15px;
letter-spacing: 0;
line-height: 21px;
color: rgba(69, 63, 60, 0.6);
}
@media print, screen and (min-width: 48em) {
.story-header__meta {
font-size: 16px;
}
}
/* SUBNAV */
.sub-nav {
margin-top: 15px;
margin-bottom: 0;
}
.sub-nav dd {
float: left;
margin-left: 6px;
}
.sub-nav dt.active a, .sub-nav dd.active a {
color: #fff;
background: #5289d2;
padding: 3px 8px;
border-radius: 3px;
}
.sub-nav dt a, .sub-nav dd a {
color: #1c4b89;
font-size: 13px;
font-weight: 500;
padding: 3px 8px;
}
.sub-nav dd:after {
content: "|";
color: #9caec7;
display: inline-block;
margin-left: 2px;
}
.sub-nav dd:last-child:after {
display: none;
}
.surgeon {
background-color: rgb(255, 255, 255);
box-shadow: 0 1px 3px #d0d8e3, 0 1px 1px #d0d8e3;
border-radius: 6px;
padding: 14px;
}
.surgeon:not(:first-child) {
margin-top: 12px;
}
.surgeon__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.surgeon__avatar {
margin-right: 24px;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
.surgeon__avatar {
margin-right: 12px;
}
}
.surgeon__info {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.surgeon__prices {
margin: 0 24px 0 48px;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
.surgeon__prices {
margin: 0 12px;
}
}
.surgeon__actions {
padding-left: 20px;
margin-left: auto;
border-left: 1px dotted #CED8E4;
}
.surgeon__footer {
margin-top: 12px;
padding-top: 12px;
border-top: 1px dotted #ced8e4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.surgeon__footer .left {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.surgeon__footer .left p {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.surgeon__footer .left .image-group {
margin-right: 18px;
}
.surgeon__footer .left + .rating {
margin-left: 36px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 47.9375em) {
.surgeon__content {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.surgeon__avatar {
margin-right: 12px;
}
.surgeon__prices {
margin: 12px 0 0 0;
margin-left: 90px;
width: 100%;
}
.surgeon__actions {
border-left: none;
width: 100%;
margin: 16px 0 0 0;
padding: 0;
}
.surgeon__actions > .button {
margin-left: auto;
margin-right: auto;
width: auto !important;
max-width: 220px;
}
.surgeon__footer .left {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.surgeon__footer .image-group {
margin-bottom: 6px;
text-align: center;
width: 100%;
}
}
.surgeons-list__sort {
color: #453F3C;
font-size: 0.8125rem;
}
.surgeons-list__sort strong {
color: rgb(31, 48, 80);
}
.surgeons-list__badge {
position: absolute;
left: 20px;
top: 20px;
text-transform: uppercase;
color: rgb(255, 255, 255) !important;
font-weight: bold;
background-color: #0071BC;
text-align: center;
height: 20px;
line-height: 20px;
width: 200px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
font-size: 12px;
}
@media print, screen and (min-width: 48em) {
.surgeons-list__badge {
left: 30px;
top: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}
}
.surgeons-list__item {
overflow: hidden;
padding: 0.75rem 0;
position: relative;
}
.surgeons-list__item:nth-of-type(even) {
background-color: rgb(247, 248, 250);
}
.surgeons-list__item .rating {
margin-top: 1.125rem;
}
.surgeons-list__item.is-active .is-hidden {
display: inline-block !important;
}
.surgeons-list__item.is-active .is-hidden.is-hidden--block {
display: block !important;
}
.surgeons-list__item .title {
color: #0071BC;
font-size: 0.875rem;
}
@media screen and (max-width: 47.9375em) {
.surgeons-list__item .title {
text-decoration: none !important;
}
}
.surgeons-list__avatar {
float: left;
margin-left: 0.9375rem;
margin-right: 0.9375rem;
text-align: center;
width: 4.5rem;
}
.surgeons-list__avatar .badge.large {
margin-top: 2.625rem;
position: relative;
display: none !important;
}
.surgeons-list__avatar .badge.large:before {
content: "";
height: 36px;
border-right: 1px dotted rgb(208, 216, 227);
position: absolute;
left: 50%;
top: -39px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.surgeons-list__box {
margin-left: 6.375rem;
}
.surgeons-list__box p {
line-height: 1.38;
margin-top: 0.375rem;
}
.surgeons-list__buttons {
clear: both;
padding: 1.875rem 3.75rem 0 3.75rem;
text-align: center;
}
.surgeons-list__review {
clear: both;
padding: 1.25rem 0.9375rem 0 0.9375rem;
}
.survey {
background: rgb(247, 248, 250);
border: 1px solid #efefef;
padding: 1.125rem;
}
@media print, screen and (min-width: 48em) {
.survey {
border-radius: 6px;
}
}
@media screen and (max-width: 47.9375em) {
.survey {
border-width: 1px 0;
margin-left: -0.625rem;
margin-right: -0.625rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
}
@keyframes slide-next {
from {
-webkit-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes slide-prev {
from {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.js-survey-question.is-next {
-webkit-animation: slide-next 0.65s forwards;
animation: slide-next 0.65s forwards;
}
.js-survey-question.is-prev {
-webkit-animation: slide-prev 0.65s forwards;
animation: slide-prev 0.65s forwards;
}
.js-survey-prev {
position: absolute;
margin-top: 0.7rem;
}
table {
border: 0;
border-collapse: collapse;
}
table thead, table tbody, table tfoot {
border: 0;
}
table thead {
border-bottom: 1px solid rgb(208, 216, 227);
}
table thead .arrow-up {
display: inline-block;
margin-left: 0.375rem;
}
table thead .arrow-up:after {
content: "\f106";
font-family: "FontAwesome";
}
table thead .arrow-down {
display: inline-block;
margin-left: 0.375rem;
}
table thead .arrow-down:after {
content: "\f107";
font-family: "FontAwesome";
}
table thead th {
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.5rem;
padding: 0.375rem 0.5rem;
}
table tbody tr {
background-color: rgb(247, 248, 250);
border-bottom: 1px dotted rgb(208, 216, 227);
}
table tbody tr:nth-of-type(even) {
border-bottom: 1px dotted rgb(208, 216, 227);
background-color: rgb(255, 255, 255);
}
table tbody tr.even {
background-color: rgb(255, 255, 255);
border-bottom: none;
}
table tbody tr.odd {
background-color: rgb(247, 248, 250);
border-bottom: none;
}
table tbody td {
color: #453F3C;
font-size: 0.875rem;
line-height: 1.5rem;
padding: 0.375rem 0.5rem;
vertical-align: top;
}
table tbody td strong {
color: rgb(63, 79, 101);
font-weight: 500;
}
table tbody tr:hover td {
color: rgb(31, 48, 80);
}
table tbody tr:hover td p,
table tbody tr:hover td strong {
color: currentColor;
}
table tbody tr:hover td a:not(.button) {
color: currentColor;
text-decoration: underline;
}
@media print, screen and (min-width: 48em) {
table thead th {
padding: 0.375rem 1rem 0.75rem 1rem;
}
table tbody td {
padding: 0.75rem 1rem;
}
}
.table {
/* NOT USED!
&__sort {
display: block;
color: color(gray);
&:after {
content: "^";
font-family: "FontAwesome";
color: color(gray, dark);
margin-left: rem-calc(6px);
}
&--asc:after {
content:"";
}
&--desc:after {
content: "";
}
&:hover {
text-decoration: none;
color: color(blue);
&:after {
color: color(blue, dark);
}
}
}*/
}
.table--condensed td {
line-height: 1.3;
}
.table--middle td {
vertical-align: middle;
}
@media screen and (max-width: 47.9375em) {
.table.stack-for-small thead {
display: none;
}
.table.stack-for-small tfoot {
display: none;
}
.table.stack-for-small tr,
.table.stack-for-small th,
.table.stack-for-small td {
display: block;
}
.table.stack-for-small td {
border-top: 0;
}
}
.table--mobile thead {
display: none;
}
.table--mobile tbody tr {
display: block;
overflow: hidden;
}
.table--mobile tbody td {
display: inline-block;
float: left;
width: 50%;
}
.table--mobile tbody td.mobile-first {
padding-bottom: 0;
width: 100%;
}
.table--mobile tbody td.mobile-auto {
width: auto;
}
@media print, screen and (min-width: 48em) {
.table--mobile thead {
display: table-header-group;
}
.table--mobile tbody tr {
display: table-row;
overflow: auto;
}
.table--mobile tbody td {
display: table-cell;
float: none;
width: auto;
}
.table--mobile tbody td.mobile-first {
padding-bottom: 0.75rem;
width: auto;
}
}
@media print, screen and (min-width: 48em) {
.table--condensed thead th {
padding: 0.375rem 0.5rem 0.375rem 0.5rem;
}
.table--condensed tbody td,
.table--condensed tbody td.mobile-first {
padding: 0.375rem 0.5rem;
}
}
.tag-list__item {
float: left;
margin-bottom: 0.2rem;
margin-right: 0.2rem;
}
.title-bar {
overflow: hidden;
height: 3.375rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative;
}
@media screen and (min-width: 23.4375em) {
.title-bar {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.thread {
border-bottom: 1px solid rgb(208, 216, 227);
padding: 0.75rem 0 1.5rem 0;
/*
@include breakpoint(large) {
padding: rem-calc(24px 0 36px 0);
&__body {
padding-right: rem-calc(18px);
padding-left: rem-calc(18px);
}
&__meta {
clear: both;
}
.badge-list {
display: inline-block;
}
.person {
margin: rem-calc(0);
padding-bottom: 0;
text-align: center;
&__name {
padding-top: rem-calc(0);
}
.avatar {
height: 72px;
float: none;
margin-right: rem-calc(0);
width: 72px;
}
}
}*/
}
.thread--first {
border-top: 1px solid rgb(208, 216, 227);
}
.thread--reaction .thread__title:before {
content: "";
border-bottom: 1px solid #0071BC;
border-left: 1px solid #0071BC;
display: inline-block;
height: 12px;
margin-right: 7px;
position: relative;
top: -3px;
width: 12px;
}
.thread__show-sub {
font-size: 0.875rem;
padding: 0.5rem 0 0 2.75rem;
}
.thread__show-sub a {
display: inline-block;
}
.thread__show-sub i {
position: relative;
top: 4px;
left: 4px;
}
.thread__responses {
margin-top: 0.4rem;
padding-left: 2rem;
}
.thread__body {
font-size: 0.875rem;
}
.thread__meta {
color: #453F3C;
display: block;
font-size: 0.8125rem;
margin-bottom: 0.5625rem;
}
.thread__title {
color: rgb(63, 79, 101);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5rem;
padding: 0.375rem 0;
margin-bottom: 0;
}
.thread .badge-list {
display: none;
margin-left: 14px;
}
.thread .person {
text-align: left;
}
.thread .person__name {
padding: 0;
}
.thread .person .avatar {
float: left;
margin-right: 0.75rem;
}
.thread .wysiwyg {
clear: both;
}
@media print, screen and (min-width: 48em) {
.thread--first {
border: 1px solid rgb(208, 216, 227);
border-radius: 6px;
box-shadow: 0 1px 1px 0 rgb(208, 216, 227);
background: rgb(255, 255, 255);
}
.thread__body {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
img.has-tip {
border: none;
}
.has-tip--inline {
display: inline;
}
.has-tip.label {
border-bottom: none;
}
/*body*/
.js-topbar-fixed {
padding-top: 4.5rem;
}
.js-topbar-fixed.js-sticky-bar-expanded {
padding-top: 9rem;
}
@media screen and (max-width: 47.9375em) {
.js-topbar-fixed {
padding-top: 3rem;
}
.js-topbar-fixed.js-sticky-bar-expanded {
padding-top: 6rem;
}
}
.sticky-bar {
background: rgb(255, 255, 255);
border-bottom: 1px solid rgba(69, 63, 60, 0.12);
}
.sticky-bar.is-sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 100;
left: 0;
}
.top-bar {
color: #2d3744;
position: relative;
z-index: 100;
background-color: rgb(255, 255, 255);
padding-left: 0;
}
.top-bar ul {
background-color: rgb(255, 255, 255);
}
.top-bar-title {
margin: 0;
position: absolute;
left: 24px;
}
.top-bar--search {
background-color: rgb(255, 255, 255);
}
.top-bar.js-uninitialized {
height: 4.5rem;
overflow: hidden;
}
.top-bar .is-dropdown-submenu-parent.is-active {
background-color: rgb(255, 255, 255);
color: inherit;
text-decoration: none;
}
.top-bar .is-dropdown-submenu {
border: none;
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
right: 8px;
}
.top-bar .dropdown.menu > li.no-arrow > a {
padding-right: 0.5625rem;
}
.top-bar .dropdown.menu > li.no-arrow > a::after {
display: none;
}
.top-bar .top-bar-right-search {
padding: 12px 15px;
width: 100%;
border-top: 1px solid #183150;
}
@media print, screen and (min-width: 64em) {
.top-bar .top-bar-right-search {
width: 100vw;
position: absolute;
right: -24px;
top: 72px;
background-color: #18233F;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.top-bar .searchform .searchform__input {
width: 100%;
height: 42px !important;
border-radius: 21px !important;
font-size: 16px !important;
}
.top-bar .searchform .searchform__input.is-autocomplete-open {
border-radius: 1.3125rem 1.3125rem 0 0 !important;
}
.top-bar .top-bar-right {
float: none;
}
@media screen and (max-width: 63.9375em) {
.top-bar {
background-color: rgb(255, 255, 255);
padding: 0;
}
.top-bar--rightmenu .top-bar-left, .top-bar--rightmenu .top-bar-right-search {
display: none !important;
}
.top-bar--search .top-bar-left, .top-bar--search .top-bar-right-menu {
display: none !important;
}
}
.top-bar .button {
margin-left: 0.5rem;
}
@media print, screen and (min-width: 64em) {
.top-bar .top-bar-right {
position: absolute;
right: 24px;
}
.top-bar__flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 4.5rem;
}
}
@media screen and (min-width: 90em) {
.top-bar .top-bar-right {
right: 0px;
}
}
.top-bar__icon .badge {
position: absolute;
top: 1rem;
right: 0.25rem;
}
.topbar-notifications {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255) !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
letter-spacing: 0.36px;
width: 25rem;
}
.topbar-notifications__heading {
color: white;
font-size: 14px;
line-height: 18px;
padding: 0.5rem 0.9375rem 0.6875rem 0.9375rem;
}
.topbar-notifications__footer {
background: white;
border-top: 1px solid #d0d8e3;
padding: 0.5rem;
font-size: 14px;
}
.notifications-list {
background: #ffffff;
border-width: 0 1px;
color: #3f4f65;
font-size: 0.8125rem;
list-style: none;
margin: 0;
}
.notifications-list__item {
border-bottom: 1px solid #d0d8e3;
position: relative;
}
.notifications-list__item a {
color: inherit;
display: block;
font-size: inherit !important;
letter-spacing: 0 !important;
line-height: 1.4;
min-height: 3.75rem;
padding: 0.75rem 0.75rem 0.75rem 3.75rem;
text-shadow: none !important;
}
.notifications-list__item:hover {
background-color: #f7f8fa;
}
.notifications-list__timestamp {
color: #8595ab;
float: right;
letter-spacing: 0.12px;
margin-left: 0.5rem;
}
.notifications-list .avatar {
left: 0.75rem;
position: absolute;
top: 0.75rem;
}
.notifications-list--scrollbar {
max-height: 60vh;
overflow: auto;
}
.notifications-list--scrollbar .notifications-list__item:last-child {
border-bottom: none;
}
.top-bar__icon {
color: rgb(31, 48, 80);
display: inline-block;
text-align: center;
padding: 9px 14px;
}
.top-bar__icon > i,
.top-bar__icon > .menu-icon,
.top-bar__icon > img {
margin: 0 !important;
}
.top-bar__icon > i {
color: inherit;
font-size: 1.5rem;
}
.top-bar__icon:hover, .top-bar__icon--active {
background-color: rgb(255, 255, 255);
color: inherit;
text-decoration: none;
}
.top-bar__icon--fav {
color: #f58e12 !important;
}
.top-bar__icon--search {
font-size: 24px;
border-right: 1px solid rgba(69, 63, 60, 0.12);
}
.top-bar__icon--guest {
font-size: 24px;
}
.top-bar__icon--user {
padding-left: 8px;
padding-right: 8px;
}
.top-bar__icon.title-bar-title:hover {
background: none;
}
.title-bar .label,
.top-bar .label {
font-size: 0.8125rem;
letter-spacing: 0.0325rem;
margin: 0.5rem 0 0 -0.9375rem;
vertical-align: top !important;
}
.title-bar .top-bar__icon .badge {
top: 0.75rem;
}
.menu--topbar {
color: rgb(31, 48, 80);
}
.menu--topbar li > a {
color: inherit;
}
.menu--topbar li > a:hover {
color: inherit;
text-decoration: none;
}
.menu--topbar li > a.divider {
border-top: 1px solid #3c4247;
height: 1px !important;
padding: 0 !important;
}
.menu--topbar li > a.c2a {
color: #ffc300;
}
@media print, screen and (min-width: 48em) {
.menu--topbar > li > a {
height: 4.5rem;
line-height: 4.5rem;
padding: 0 0.75rem;
font-weight: 800;
}
.menu--topbar > li > a:not(.button):hover {
background-color: rgb(255, 255, 255);
}
.menu--topbar .menu > li > a {
background-color: rgb(255, 255, 255);
line-height: 1;
}
.menu--topbar .menu > li > a:hover {
background-color: rgb(255, 255, 255);
}
}
@media screen and (max-width: 63.9375em) {
.menu--topbar {
background-color: rgb(255, 255, 255) !important;
}
}
@media print, screen and (min-width: 48em) {
.menu--topbarmain > li > a {
padding: 0 0.75rem;
}
}
.menu--topbaruser > li > a {
padding-left: 0.5625rem;
padding-right: 0.5625rem;
}
.searchform {
position: relative;
}
.searchform .searchform__input {
border: none !important;
border-radius: 2.5rem;
font-family: "Nunito Sans", "Roboto", "Helvetica Neue", "Segoe UI", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
height: 2.25rem;
margin: 0;
max-width: 100%;
padding: 0 0 0 2.5rem !important;
width: 180px;
}
.searchform__button {
background: transparent;
color: #453F3C;
font-size: 1.25rem;
line-height: 42px;
margin-left: 0.75rem;
padding: 0;
position: absolute;
top: 0;
}
@media print, screen and (min-width: 48em) {
.searchform--collapsed {
overflow: hidden;
position: absolute;
right: 2.8125rem;
transition: width 0.3s;
width: 0;
}
.searchform--collapsed .searchform__input {
max-width: none;
width: 100%;
}
.searchform--reveal {
overflow: visible;
width: 18.75rem;
}
}
@media print, screen and (min-width: 64em) {
.searchform {
width: 50%;
}
}
.top-bar-right-menu > li > a {
border-bottom: 1px solid #183150;
padding: 15px;
line-height: 30px;
display: block;
}
.top-bar__menu-toggle {
position: absolute;
left: 0;
top: 0;
border-right: 1px solid #183150;
border-radius: 0;
}
.top-bar__right {
position: absolute;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
list-style: none;
}
.menu-icon {
width: 22px;
}
.menu-icon__title {
display: block;
font-size: 8px;
line-height: 12px;
letter-spacing: 0.3px;
}
@media screen and (max-width: 63.9375em) {
.no-js .top-bar {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.no-js .title-bar {
display: none;
}
}
.language-cs .menu--topbar li > a.c2a,
.language-de .menu--topbar li > a.c2a {
color: rgb(51, 204, 102);
}
.language-cs .menu--topbar li > a.c2a:hover,
.language-de .menu--topbar li > a.c2a:hover {
color: rgb(51, 204, 102);
}
.unit__header {
padding-bottom: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media print, screen and (min-width: 48em) {
.unit__header {
padding-bottom: 24px;
}
}
.unit__header__title {
margin: 0;
}
.unit__header select {
margin-left: auto;
margin: 0;
min-width: 110px;
font-size: 13px;
height: 30px;
padding: 0 20px 0 9px;
width: auto;
}
.unit__footer {
border-top: 1px solid #0071BC;
padding: 18px 0;
}
.unit__footer__more {
font-weight: bold;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.unit__footer__more .fa.left {
margin-right: 12px;
}
.unit__footer--borderless {
border-top: none;
}
.unit__content--cuk {
margin-left: -10px;
margin-right: -10px;
}
.unit--side .unit__header__title {
font-size: 24px;
line-height: 30px;
font-weight: bold;
color: rgb(31, 48, 80);
}
@media print, screen and (min-width: 48em) {
.unit--side .unit__header {
padding-bottom: 12px;
}
}
.video-carousel__list {
border-bottom: 1px solid rgb(208, 216, 227);
border-top: 1px solid rgb(208, 216, 227);
z-index: 1;
}
.video-carousel__link {
background: rgb(255, 255, 255);
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
padding: 1.25rem 3.75rem 1.25rem 1.5rem;
position: relative;
}
.video-carousel__link > span {
display: block;
overflow: hidden;
max-height: 3.9375rem;
}
.video-carousel__link:after {
content: "\f105";
font-family: "FontAwesome";
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-carousel__link.is-active, .video-carousel__link:hover {
color: rgb(63, 79, 101);
background: #f6f7fa;
text-decoration: none;
}
.video-carousel__link:not(:last-child) {
border-bottom: 1px solid rgb(208, 216, 227);
}
.video-carousel__item {
display: none;
position: relative;
}
.video-carousel__item.is-active {
display: block;
}
.video-carousel__title {
background: rgba(31, 48, 80, 0.3);
bottom: 0;
color: rgb(255, 255, 255);
font-size: 0.875rem;
font-weight: 400;
left: 0;
padding: 0.9375rem;
position: absolute;
right: 0;
}
.video-carousel__duration {
background: rgba(10, 10, 10, 0.7);
bottom: 0;
font-size: 0.8125rem;
font-weight: 300;
color: rgb(255, 255, 255);
padding: 0.125rem 0.375rem;
position: absolute;
right: 0;
}
.video-carousel__more {
float: right;
line-height: 3rem;
font-size: 0.875rem;
}
.video-carousel__more i {
line-height: inherit;
}
@media print, screen and (min-width: 64em) {
.video-carousel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.video-carousel__box {
width: 68%;
}
.video-carousel__list {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 32%;
}
.video-carousel__link {
padding: 0.625rem 3.75rem 0.625rem 1.5rem;
}
}
@media screen and (min-width: 75em) {
.video-carousel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.video-carousel__box {
width: 68%;
}
.video-carousel__list {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 32%;
}
.video-carousel__link {
padding: 0.9375rem 3.75rem 0.9375rem 1.5rem;
}
}
.well {
background-color: rgb(255, 255, 255);
padding: 24px 0;
}
@media print, screen and (min-width: 48em) {
.well {
padding: 24px 36px 36px 36px;
border-radius: 6px;
border: 6px solid rgb(247, 248, 250);
}
}
@media screen and (max-width: 47.9375em) {
.widget.banner {
border: 0;
padding: 0;
}
}
.widget--side {
margin-bottom: 1.5rem;
}
.widget--ad {
text-align: center;
}
.widget--callout {
background-color: rgb(255, 221, 146);
border-radius: 6px;
padding: 1.5rem;
text-align: center;
}
.widget__heading {
color: #2d3744;
font-weight: 700;
margin-bottom: 0.75rem;
}
.widget.closable {
position: relative;
}
.widget__close {
position: absolute;
top: 12px;
right: 12px;
}
.wir {
font-size: 13px;
color: #453F3C;
text-align: center;
}
.wir__rating {
font-size: 40px;
font-weight: bold;
line-height: 40px;
}
.wir__title {
text-transform: uppercase;
}
/* Common style for CategoryBeforeAfter.php and ClientDetailBaPhotos.php*/
.blur {
cursor: pointer;
position: relative;
}
.blur > .clearing-thumbs,
.blur > .clearing-assembled,
.blur > .collection,
.blur > .ba-gallery__slide {
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0.25;
}
.blur__overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.ba-gallery__slide {
transition: opacity 0.3s;
}
.ba-gallery.js-loading .ba-gallery__slide {
opacity: 0.1;
}
.ba-gallery__img {
max-height: 80vh;
}
.clearing-blackout .media--beaf .media__section:nth-of-type(2) {
display: none;
}
/*
.clearing-thumbs--strip {
white-space: nowrap;
img {
height: 100px;
}
li {
display: inline-block;
float: none;
}
}
// reset in clearing lightbox
.clearing-blackout .clearing-thumbs--strip {
img {
height: auto;
}
}
.clearing-strip {
margin-bottom:0.7rem;
}
.list.before-after .item {
padding: 15px 15px 0 15px;
}
.before-after .clearing-blackout .item {
border: none;
}
.clearing-blackout {
.item .text, .clearing-blackout .item h3 {
display:none !important;
}
.visible-img {
background-image: url("/pictures/iconset/clearing.spinner.gif") !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
// display BA pair in carousel
/ *.carousel .item > .image {
margin: 0;
}
.clearing-container .carousel > ul > li > a.image.thumb-13 > img {
width: 50% !important; // original clearing style is very specific :-(
}* /
}
.clearing-caption {
font-family: $font-family-headings;
font-weight: 300;
}
.clearing-caption-inner {
margin: 0 auto 1rem auto;
max-width: 60%;
padding-right: 200px;
text-align: left;
}
.clearing-caption .title {
color: #fff;
font-size:15px;
}
.clearing-caption .button {
margin: 0 -200px 0.7rem 0.7rem;
}
@include breakpoint(medium only) {
.clearing-caption-inner {
font-size: 0.8rem;
max-width: 100%;
}
}
@include breakpoint(small only) {
.clearing-caption-inner {
max-width: 100%;
padding-right: 0;
text-align: center;
}
.clearing-caption .button {
display:none;
}
.clearing-container .visible-img > .button {
right: 0.6rem;
top: 0;
position: absolute;
margin-top: rem-calc(-30px);
max-width: 70%;
}
}*/
.completion-wrapper {
margin: 8px;
}
.completion {
padding: 1rem 0;
background-color: rgb(255, 255, 255);
border-radius: 0.188rem;
font-size: 0.813rem;
line-height: 1.125rem;
}
.completion .progress-bar {
width: 50px;
margin: 0;
}
.completion .progress-bar .progress-bar__value {
font-size: 1.3rem;
font-weight: 500;
}
.completion .progress-bar .progress-bar__value::after {
font-size: 1rem;
}
.completion__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.completion__title {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.5;
}
.completion__subtitle {
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.completion a {
color: #0071BC;
}
.completion a:hover {
color: #0071BC;
text-decoration: underline;
}
.completion--endorse .item {
background: #ffffff;
border: 0.063rem solid #ffdd92;
padding: 1.5rem;
width: 49%;
z-index: 10;
}
/*body*/
.mexpe .row {
max-width: 54.375rem !important;
}
.mexpe .gray-section {
background-color: #f9f9f9;
}
.mexpe .gray-border-top {
border-top: 1px solid rgba(69, 63, 60, 0.12);
}
@media print, screen and (min-width: 48em) {
.mexpe .gray-section\@medium {
background-color: #f9f9f9;
}
.mexpe .gray-border-top\@medium {
border-top: 1px solid rgba(69, 63, 60, 0.12);
}
}
.mexpe main {
padding-bottom: 0;
}
.mexpe header + main {
padding-top: 0;
}
.mexpe .top-bar__menu-toggle {
display: none;
}
.mexpe .title-bar-title {
position: absolute;
left: 0;
top: -5px;
}
.mexpe .title-bar-title img {
width: 172px;
height: 30px;
}
.mexpe .white-panel {
border: 1px solid rgba(69, 63, 60, 0.12);
border-radius: 12px 12px 0 0;
background-color: #FFFFFF;
}
@media print, screen and (min-width: 48em) {
.mexpe .white-panel\@medium {
border: 1px solid rgba(69, 63, 60, 0.12);
border-radius: 12px 12px 0 0;
background-color: #FFFFFF;
}
.mexpe .story-form__content {
padding-inline: 11.25rem;
}
}
.mexpe .story-form__title {
font-size: 21px;
font-weight: bold;
letter-spacing: -0.3px;
line-height: 27px;
}
@media print, screen and (min-width: 48em) {
.mexpe .story-form__title {
font-size: 24px;
letter-spacing: -0.34px;
line-height: 27px;
}
}
.mexpe .story-form__text {
font-size: 16px;
letter-spacing: 0;
line-height: 18px;
}
.mexpe form.custom .custom.checkbox {
border: 1px solid rgb(166, 181, 202);
width: 18px;
height: 18px;
border-radius: 3px;
}
.mexpe form.custom .custom.checkbox.checked:before {
width: 10px;
height: 10px;
}
.reviews-disclaimer {
font-size: 0.9375rem;
line-height: 1.3125rem;
}
.reviews-disclaimer__badge {
margin-right: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
.reviews-disclaimer__badge {
width: 12px;
height: 14px;
}
}
.custom-select {
position: relative;
display: inline-block;
width: 100%;
}
.custom-select::after {
content: url(/pictures/mexpe/Select.svg);
position: absolute;
top: 45%;
right: 1rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
width: 10px;
height: 14px;
}
.custom-select > select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: transparent;
background-image: none;
border: 1px solid #0071BC;
border-radius: 6px;
padding: 4px 18px;
height: 39px;
color: rgb(31, 48, 80);
font-size: 15px;
font-family: inherit;
font-weight: bold;
letter-spacing: 0;
line-height: 24px;
cursor: pointer;
width: 100%;
margin: 0;
}
.custom-select > select:hover {
color: #0071BC;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.relative {
position: relative;
}
.vertical-top {
vertical-align: top;
}
.vertical-middle {
vertical-align: middle;
}
.vertical-bottom {
vertical-align: bottom;
}
.u-inherit-color,
.u-inherit-color:visited {
color: inherit;
}
.u-cursor-pointer {
cursor: pointer;
}
.round {
border-radius: 1000px !important;
}
.rounded,
.radius {
border-radius: 6px !important;
}
.u-nowrap,
.nowrap {
white-space: nowrap;
}
.loading,
.js-loading {
background-image: url("/pictures/loading.svg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
min-height: 3.125rem;
}
.cleaner,
.clear {
clear: both;
}
.color--white {
color: rgb(255, 255, 255);
}
.color--blue {
color: #0071BC;
}
.color--black {
color: rgb(24, 35, 63);
}
.color--gray {
color: #453F3C;
}
.color--red {
color: rgb(204, 85, 82);
}
.text-xs {
font-size: 12px;
}
.text-sm {
font-size: 13px;
}
.text-lg {
font-size: 1.125rem; /* 18px */
}
.text-large {
font-size: 21px;
}
.no-underline {
text-decoration: none !important;
}
.font-normal {
font-weight: 400;
}
.bg-blue-light {
background-color: rgba(0, 113, 188, 0.06);
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.shrink-0 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.grow {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.justify-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.w-full {
width: 100%;
}
.grid {
display: -ms-grid;
display: grid;
}
.grid-cols-3 {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2 {
gap: 0.5rem; /* 8px */
}
.gap-3 {
gap: 0.75rem; /* 12px */
}
.gap-4 {
gap: 1rem; /* 16px */
}
.gap-8 {
gap: 2rem; /* 32px */
}
.gap-12 {
gap: 3rem; /* 48px */
}
.mb-0\@small {
margin-bottom: 0rem;
}
.mt-0\@small {
margin-top: 0rem;
}
.mr-0\@small {
margin-right: 0rem;
}
.ml-0\@small {
margin-left: 0rem;
}
.pb-0\@small {
padding-bottom: 0rem;
}
.pt-0\@small {
padding-top: 0rem;
}
.pr-0\@small {
padding-right: 0rem;
}
.pl-0\@small {
padding-left: 0rem;
}
.px-0\@small {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.mb--0\@small {
margin-bottom: 0rem;
}
.mt--0\@small {
margin-top: 0rem;
}
.ml--0\@small {
margin-left: 0rem;
}
.pb--0\@small {
padding-bottom: 0rem;
}
.pt--0\@small {
padding-top: 0rem;
}
.mb-1\@small {
margin-bottom: 0.75rem;
}
.mt-1\@small {
margin-top: 0.75rem;
}
.mr-1\@small {
margin-right: 0.75rem;
}
.ml-1\@small {
margin-left: 0.75rem;
}
.pb-1\@small {
padding-bottom: 0.75rem;
}
.pt-1\@small {
padding-top: 0.75rem;
}
.pr-1\@small {
padding-right: 0.75rem;
}
.pl-1\@small {
padding-left: 0.75rem;
}
.px-1\@small {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mb--1\@small {
margin-bottom: -0.75rem;
}
.mt--1\@small {
margin-top: -0.75rem;
}
.ml--1\@small {
margin-left: -0.75rem;
}
.pb--1\@small {
padding-bottom: -0.75rem;
}
.pt--1\@small {
padding-top: -0.75rem;
}
.mb-2\@small {
margin-bottom: 1.5rem;
}
.mt-2\@small {
margin-top: 1.5rem;
}
.mr-2\@small {
margin-right: 1.5rem;
}
.ml-2\@small {
margin-left: 1.5rem;
}
.pb-2\@small {
padding-bottom: 1.5rem;
}
.pt-2\@small {
padding-top: 1.5rem;
}
.pr-2\@small {
padding-right: 1.5rem;
}
.pl-2\@small {
padding-left: 1.5rem;
}
.px-2\@small {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mb--2\@small {
margin-bottom: -1.5rem;
}
.mt--2\@small {
margin-top: -1.5rem;
}
.ml--2\@small {
margin-left: -1.5rem;
}
.pb--2\@small {
padding-bottom: -1.5rem;
}
.pt--2\@small {
padding-top: -1.5rem;
}
.mb-3\@small {
margin-bottom: 2.25rem;
}
.mt-3\@small {
margin-top: 2.25rem;
}
.mr-3\@small {
margin-right: 2.25rem;
}
.ml-3\@small {
margin-left: 2.25rem;
}
.pb-3\@small {
padding-bottom: 2.25rem;
}
.pt-3\@small {
padding-top: 2.25rem;
}
.pr-3\@small {
padding-right: 2.25rem;
}
.pl-3\@small {
padding-left: 2.25rem;
}
.px-3\@small {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.mb--3\@small {
margin-bottom: -2.25rem;
}
.mt--3\@small {
margin-top: -2.25rem;
}
.ml--3\@small {
margin-left: -2.25rem;
}
.pb--3\@small {
padding-bottom: -2.25rem;
}
.pt--3\@small {
padding-top: -2.25rem;
}
.mb-4\@small {
margin-bottom: 3rem;
}
.mt-4\@small {
margin-top: 3rem;
}
.mr-4\@small {
margin-right: 3rem;
}
.ml-4\@small {
margin-left: 3rem;
}
.pb-4\@small {
padding-bottom: 3rem;
}
.pt-4\@small {
padding-top: 3rem;
}
.pr-4\@small {
padding-right: 3rem;
}
.pl-4\@small {
padding-left: 3rem;
}
.px-4\@small {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mb--4\@small {
margin-bottom: -3rem;
}
.mt--4\@small {
margin-top: -3rem;
}
.ml--4\@small {
margin-left: -3rem;
}
.pb--4\@small {
padding-bottom: -3rem;
}
.pt--4\@small {
padding-top: -3rem;
}
.mb-5\@small {
margin-bottom: 3.75rem;
}
.mt-5\@small {
margin-top: 3.75rem;
}
.mr-5\@small {
margin-right: 3.75rem;
}
.ml-5\@small {
margin-left: 3.75rem;
}
.pb-5\@small {
padding-bottom: 3.75rem;
}
.pt-5\@small {
padding-top: 3.75rem;
}
.pr-5\@small {
padding-right: 3.75rem;
}
.pl-5\@small {
padding-left: 3.75rem;
}
.px-5\@small {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.mb--5\@small {
margin-bottom: -3.75rem;
}
.mt--5\@small {
margin-top: -3.75rem;
}
.ml--5\@small {
margin-left: -3.75rem;
}
.pb--5\@small {
padding-bottom: -3.75rem;
}
.pt--5\@small {
padding-top: -3.75rem;
}
.mb-6\@small {
margin-bottom: 4.5rem;
}
.mt-6\@small {
margin-top: 4.5rem;
}
.mr-6\@small {
margin-right: 4.5rem;
}
.ml-6\@small {
margin-left: 4.5rem;
}
.pb-6\@small {
padding-bottom: 4.5rem;
}
.pt-6\@small {
padding-top: 4.5rem;
}
.pr-6\@small {
padding-right: 4.5rem;
}
.pl-6\@small {
padding-left: 4.5rem;
}
.px-6\@small {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.mb--6\@small {
margin-bottom: -4.5rem;
}
.mt--6\@small {
margin-top: -4.5rem;
}
.ml--6\@small {
margin-left: -4.5rem;
}
.pb--6\@small {
padding-bottom: -4.5rem;
}
.pt--6\@small {
padding-top: -4.5rem;
}
.mb-7\@small {
margin-bottom: 5.25rem;
}
.mt-7\@small {
margin-top: 5.25rem;
}
.mr-7\@small {
margin-right: 5.25rem;
}
.ml-7\@small {
margin-left: 5.25rem;
}
.pb-7\@small {
padding-bottom: 5.25rem;
}
.pt-7\@small {
padding-top: 5.25rem;
}
.pr-7\@small {
padding-right: 5.25rem;
}
.pl-7\@small {
padding-left: 5.25rem;
}
.px-7\@small {
padding-left: 5.25rem !important;
padding-right: 5.25rem !important;
}
.mb--7\@small {
margin-bottom: -5.25rem;
}
.mt--7\@small {
margin-top: -5.25rem;
}
.ml--7\@small {
margin-left: -5.25rem;
}
.pb--7\@small {
padding-bottom: -5.25rem;
}
.pt--7\@small {
padding-top: -5.25rem;
}
.mb-8\@small {
margin-bottom: 6rem;
}
.mt-8\@small {
margin-top: 6rem;
}
.mr-8\@small {
margin-right: 6rem;
}
.ml-8\@small {
margin-left: 6rem;
}
.pb-8\@small {
padding-bottom: 6rem;
}
.pt-8\@small {
padding-top: 6rem;
}
.pr-8\@small {
padding-right: 6rem;
}
.pl-8\@small {
padding-left: 6rem;
}
.px-8\@small {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mb--8\@small {
margin-bottom: -6rem;
}
.mt--8\@small {
margin-top: -6rem;
}
.ml--8\@small {
margin-left: -6rem;
}
.pb--8\@small {
padding-bottom: -6rem;
}
.pt--8\@small {
padding-top: -6rem;
}
.mb-9\@small {
margin-bottom: 6.75rem;
}
.mt-9\@small {
margin-top: 6.75rem;
}
.mr-9\@small {
margin-right: 6.75rem;
}
.ml-9\@small {
margin-left: 6.75rem;
}
.pb-9\@small {
padding-bottom: 6.75rem;
}
.pt-9\@small {
padding-top: 6.75rem;
}
.pr-9\@small {
padding-right: 6.75rem;
}
.pl-9\@small {
padding-left: 6.75rem;
}
.px-9\@small {
padding-left: 6.75rem !important;
padding-right: 6.75rem !important;
}
.mb--9\@small {
margin-bottom: -6.75rem;
}
.mt--9\@small {
margin-top: -6.75rem;
}
.ml--9\@small {
margin-left: -6.75rem;
}
.pb--9\@small {
padding-bottom: -6.75rem;
}
.pt--9\@small {
padding-top: -6.75rem;
}
.mb-10\@small {
margin-bottom: 7.5rem;
}
.mt-10\@small {
margin-top: 7.5rem;
}
.mr-10\@small {
margin-right: 7.5rem;
}
.ml-10\@small {
margin-left: 7.5rem;
}
.pb-10\@small {
padding-bottom: 7.5rem;
}
.pt-10\@small {
padding-top: 7.5rem;
}
.pr-10\@small {
padding-right: 7.5rem;
}
.pl-10\@small {
padding-left: 7.5rem;
}
.px-10\@small {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important;
}
.mb--10\@small {
margin-bottom: -7.5rem;
}
.mt--10\@small {
margin-top: -7.5rem;
}
.ml--10\@small {
margin-left: -7.5rem;
}
.pb--10\@small {
padding-bottom: -7.5rem;
}
.pt--10\@small {
padding-top: -7.5rem;
}
.mb-0-5\@small {
margin-bottom: 0.375rem;
}
.mt-0-5\@small {
margin-top: 0.375rem;
}
.pb-0-5\@small {
padding-bottom: 0.375rem;
}
.pt-0-5\@small {
padding-top: 0.375rem;
}
.pr-0-5\@small {
padding-right: 0.375rem;
}
.mb--0-5\@small {
margin-bottom: -0.375rem;
}
.mt--0-5\@small {
margin-top: -0.375rem;
}
.pb--0-5\@small {
padding-bottom: -0.375rem;
}
.pt--0-5\@small {
padding-top: -0.375rem;
}
.mb-1-5\@small {
margin-bottom: 1.125rem;
}
.mt-1-5\@small {
margin-top: 1.125rem;
}
.pb-1-5\@small {
padding-bottom: 1.125rem;
}
.pt-1-5\@small {
padding-top: 1.125rem;
}
.mb--1-5\@small {
margin-bottom: -1.125rem;
}
.ml--4-5\@small {
margin-left: -3.375rem;
}
.mt--1-5\@small {
margin-top: -1.125rem;
}
.pb--1-5\@small {
padding-bottom: -1.125rem;
}
.pt--1-5\@small {
padding-top: -1.125rem;
}
.left\@small {
float: left;
}
.right\@small {
float: right;
}
.text-left\@small {
text-align: left;
}
.text-center\@small {
text-align: center;
}
.text-right\@small {
text-align: right;
}
.text-large\@small {
font-size: 21px;
}
.inline-flex\@small {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex\@small {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.grid\@small {
display: -ms-grid;
display: grid;
}
.grid-cols-1\@small {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-cols-2\@small {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3\@small {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4\@small {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2\@small {
gap: 0.5rem; /* 8px */
}
.gap-4\@small {
gap: 1rem; /* 16px */
}
.gap-5\@small {
gap: 1.25rem; /* 20px */
}
.flex-col\@small {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@small {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.inline-block\@small {
display: inline-block;
}
.block\@small {
display: block;
}
@media print, screen and (min-width: 48em) {
.mb-0\@medium {
margin-bottom: 0rem;
}
.mt-0\@medium {
margin-top: 0rem;
}
.mr-0\@medium {
margin-right: 0rem;
}
.ml-0\@medium {
margin-left: 0rem;
}
.pb-0\@medium {
padding-bottom: 0rem;
}
.pt-0\@medium {
padding-top: 0rem;
}
.pr-0\@medium {
padding-right: 0rem;
}
.pl-0\@medium {
padding-left: 0rem;
}
.px-0\@medium {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.mb--0\@medium {
margin-bottom: 0rem;
}
.mt--0\@medium {
margin-top: 0rem;
}
.ml--0\@medium {
margin-left: 0rem;
}
.pb--0\@medium {
padding-bottom: 0rem;
}
.pt--0\@medium {
padding-top: 0rem;
}
.mb-1\@medium {
margin-bottom: 0.75rem;
}
.mt-1\@medium {
margin-top: 0.75rem;
}
.mr-1\@medium {
margin-right: 0.75rem;
}
.ml-1\@medium {
margin-left: 0.75rem;
}
.pb-1\@medium {
padding-bottom: 0.75rem;
}
.pt-1\@medium {
padding-top: 0.75rem;
}
.pr-1\@medium {
padding-right: 0.75rem;
}
.pl-1\@medium {
padding-left: 0.75rem;
}
.px-1\@medium {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mb--1\@medium {
margin-bottom: -0.75rem;
}
.mt--1\@medium {
margin-top: -0.75rem;
}
.ml--1\@medium {
margin-left: -0.75rem;
}
.pb--1\@medium {
padding-bottom: -0.75rem;
}
.pt--1\@medium {
padding-top: -0.75rem;
}
.mb-2\@medium {
margin-bottom: 1.5rem;
}
.mt-2\@medium {
margin-top: 1.5rem;
}
.mr-2\@medium {
margin-right: 1.5rem;
}
.ml-2\@medium {
margin-left: 1.5rem;
}
.pb-2\@medium {
padding-bottom: 1.5rem;
}
.pt-2\@medium {
padding-top: 1.5rem;
}
.pr-2\@medium {
padding-right: 1.5rem;
}
.pl-2\@medium {
padding-left: 1.5rem;
}
.px-2\@medium {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mb--2\@medium {
margin-bottom: -1.5rem;
}
.mt--2\@medium {
margin-top: -1.5rem;
}
.ml--2\@medium {
margin-left: -1.5rem;
}
.pb--2\@medium {
padding-bottom: -1.5rem;
}
.pt--2\@medium {
padding-top: -1.5rem;
}
.mb-3\@medium {
margin-bottom: 2.25rem;
}
.mt-3\@medium {
margin-top: 2.25rem;
}
.mr-3\@medium {
margin-right: 2.25rem;
}
.ml-3\@medium {
margin-left: 2.25rem;
}
.pb-3\@medium {
padding-bottom: 2.25rem;
}
.pt-3\@medium {
padding-top: 2.25rem;
}
.pr-3\@medium {
padding-right: 2.25rem;
}
.pl-3\@medium {
padding-left: 2.25rem;
}
.px-3\@medium {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.mb--3\@medium {
margin-bottom: -2.25rem;
}
.mt--3\@medium {
margin-top: -2.25rem;
}
.ml--3\@medium {
margin-left: -2.25rem;
}
.pb--3\@medium {
padding-bottom: -2.25rem;
}
.pt--3\@medium {
padding-top: -2.25rem;
}
.mb-4\@medium {
margin-bottom: 3rem;
}
.mt-4\@medium {
margin-top: 3rem;
}
.mr-4\@medium {
margin-right: 3rem;
}
.ml-4\@medium {
margin-left: 3rem;
}
.pb-4\@medium {
padding-bottom: 3rem;
}
.pt-4\@medium {
padding-top: 3rem;
}
.pr-4\@medium {
padding-right: 3rem;
}
.pl-4\@medium {
padding-left: 3rem;
}
.px-4\@medium {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mb--4\@medium {
margin-bottom: -3rem;
}
.mt--4\@medium {
margin-top: -3rem;
}
.ml--4\@medium {
margin-left: -3rem;
}
.pb--4\@medium {
padding-bottom: -3rem;
}
.pt--4\@medium {
padding-top: -3rem;
}
.mb-5\@medium {
margin-bottom: 3.75rem;
}
.mt-5\@medium {
margin-top: 3.75rem;
}
.mr-5\@medium {
margin-right: 3.75rem;
}
.ml-5\@medium {
margin-left: 3.75rem;
}
.pb-5\@medium {
padding-bottom: 3.75rem;
}
.pt-5\@medium {
padding-top: 3.75rem;
}
.pr-5\@medium {
padding-right: 3.75rem;
}
.pl-5\@medium {
padding-left: 3.75rem;
}
.px-5\@medium {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.mb--5\@medium {
margin-bottom: -3.75rem;
}
.mt--5\@medium {
margin-top: -3.75rem;
}
.ml--5\@medium {
margin-left: -3.75rem;
}
.pb--5\@medium {
padding-bottom: -3.75rem;
}
.pt--5\@medium {
padding-top: -3.75rem;
}
.mb-6\@medium {
margin-bottom: 4.5rem;
}
.mt-6\@medium {
margin-top: 4.5rem;
}
.mr-6\@medium {
margin-right: 4.5rem;
}
.ml-6\@medium {
margin-left: 4.5rem;
}
.pb-6\@medium {
padding-bottom: 4.5rem;
}
.pt-6\@medium {
padding-top: 4.5rem;
}
.pr-6\@medium {
padding-right: 4.5rem;
}
.pl-6\@medium {
padding-left: 4.5rem;
}
.px-6\@medium {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.mb--6\@medium {
margin-bottom: -4.5rem;
}
.mt--6\@medium {
margin-top: -4.5rem;
}
.ml--6\@medium {
margin-left: -4.5rem;
}
.pb--6\@medium {
padding-bottom: -4.5rem;
}
.pt--6\@medium {
padding-top: -4.5rem;
}
.mb-7\@medium {
margin-bottom: 5.25rem;
}
.mt-7\@medium {
margin-top: 5.25rem;
}
.mr-7\@medium {
margin-right: 5.25rem;
}
.ml-7\@medium {
margin-left: 5.25rem;
}
.pb-7\@medium {
padding-bottom: 5.25rem;
}
.pt-7\@medium {
padding-top: 5.25rem;
}
.pr-7\@medium {
padding-right: 5.25rem;
}
.pl-7\@medium {
padding-left: 5.25rem;
}
.px-7\@medium {
padding-left: 5.25rem !important;
padding-right: 5.25rem !important;
}
.mb--7\@medium {
margin-bottom: -5.25rem;
}
.mt--7\@medium {
margin-top: -5.25rem;
}
.ml--7\@medium {
margin-left: -5.25rem;
}
.pb--7\@medium {
padding-bottom: -5.25rem;
}
.pt--7\@medium {
padding-top: -5.25rem;
}
.mb-8\@medium {
margin-bottom: 6rem;
}
.mt-8\@medium {
margin-top: 6rem;
}
.mr-8\@medium {
margin-right: 6rem;
}
.ml-8\@medium {
margin-left: 6rem;
}
.pb-8\@medium {
padding-bottom: 6rem;
}
.pt-8\@medium {
padding-top: 6rem;
}
.pr-8\@medium {
padding-right: 6rem;
}
.pl-8\@medium {
padding-left: 6rem;
}
.px-8\@medium {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mb--8\@medium {
margin-bottom: -6rem;
}
.mt--8\@medium {
margin-top: -6rem;
}
.ml--8\@medium {
margin-left: -6rem;
}
.pb--8\@medium {
padding-bottom: -6rem;
}
.pt--8\@medium {
padding-top: -6rem;
}
.mb-9\@medium {
margin-bottom: 6.75rem;
}
.mt-9\@medium {
margin-top: 6.75rem;
}
.mr-9\@medium {
margin-right: 6.75rem;
}
.ml-9\@medium {
margin-left: 6.75rem;
}
.pb-9\@medium {
padding-bottom: 6.75rem;
}
.pt-9\@medium {
padding-top: 6.75rem;
}
.pr-9\@medium {
padding-right: 6.75rem;
}
.pl-9\@medium {
padding-left: 6.75rem;
}
.px-9\@medium {
padding-left: 6.75rem !important;
padding-right: 6.75rem !important;
}
.mb--9\@medium {
margin-bottom: -6.75rem;
}
.mt--9\@medium {
margin-top: -6.75rem;
}
.ml--9\@medium {
margin-left: -6.75rem;
}
.pb--9\@medium {
padding-bottom: -6.75rem;
}
.pt--9\@medium {
padding-top: -6.75rem;
}
.mb-10\@medium {
margin-bottom: 7.5rem;
}
.mt-10\@medium {
margin-top: 7.5rem;
}
.mr-10\@medium {
margin-right: 7.5rem;
}
.ml-10\@medium {
margin-left: 7.5rem;
}
.pb-10\@medium {
padding-bottom: 7.5rem;
}
.pt-10\@medium {
padding-top: 7.5rem;
}
.pr-10\@medium {
padding-right: 7.5rem;
}
.pl-10\@medium {
padding-left: 7.5rem;
}
.px-10\@medium {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important;
}
.mb--10\@medium {
margin-bottom: -7.5rem;
}
.mt--10\@medium {
margin-top: -7.5rem;
}
.ml--10\@medium {
margin-left: -7.5rem;
}
.pb--10\@medium {
padding-bottom: -7.5rem;
}
.pt--10\@medium {
padding-top: -7.5rem;
}
.mb-0-5\@medium {
margin-bottom: 0.375rem;
}
.mt-0-5\@medium {
margin-top: 0.375rem;
}
.pb-0-5\@medium {
padding-bottom: 0.375rem;
}
.pt-0-5\@medium {
padding-top: 0.375rem;
}
.pr-0-5\@medium {
padding-right: 0.375rem;
}
.mb--0-5\@medium {
margin-bottom: -0.375rem;
}
.mt--0-5\@medium {
margin-top: -0.375rem;
}
.pb--0-5\@medium {
padding-bottom: -0.375rem;
}
.pt--0-5\@medium {
padding-top: -0.375rem;
}
.mb-1-5\@medium {
margin-bottom: 1.125rem;
}
.mt-1-5\@medium {
margin-top: 1.125rem;
}
.pb-1-5\@medium {
padding-bottom: 1.125rem;
}
.pt-1-5\@medium {
padding-top: 1.125rem;
}
.mb--1-5\@medium {
margin-bottom: -1.125rem;
}
.ml--4-5\@medium {
margin-left: -3.375rem;
}
.mt--1-5\@medium {
margin-top: -1.125rem;
}
.pb--1-5\@medium {
padding-bottom: -1.125rem;
}
.pt--1-5\@medium {
padding-top: -1.125rem;
}
.left\@medium {
float: left;
}
.right\@medium {
float: right;
}
.text-left\@medium {
text-align: left;
}
.text-center\@medium {
text-align: center;
}
.text-right\@medium {
text-align: right;
}
.text-large\@medium {
font-size: 21px;
}
.inline-flex\@medium {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex\@medium {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.grid\@medium {
display: -ms-grid;
display: grid;
}
.grid-cols-1\@medium {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-cols-2\@medium {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3\@medium {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4\@medium {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2\@medium {
gap: 0.5rem; /* 8px */
}
.gap-4\@medium {
gap: 1rem; /* 16px */
}
.gap-5\@medium {
gap: 1.25rem; /* 20px */
}
.flex-col\@medium {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@medium {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.inline-block\@medium {
display: inline-block;
}
.block\@medium {
display: block;
}
}
@media print, screen and (min-width: 64em) {
.mb-0\@large {
margin-bottom: 0rem;
}
.mt-0\@large {
margin-top: 0rem;
}
.mr-0\@large {
margin-right: 0rem;
}
.ml-0\@large {
margin-left: 0rem;
}
.pb-0\@large {
padding-bottom: 0rem;
}
.pt-0\@large {
padding-top: 0rem;
}
.pr-0\@large {
padding-right: 0rem;
}
.pl-0\@large {
padding-left: 0rem;
}
.px-0\@large {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.mb--0\@large {
margin-bottom: 0rem;
}
.mt--0\@large {
margin-top: 0rem;
}
.ml--0\@large {
margin-left: 0rem;
}
.pb--0\@large {
padding-bottom: 0rem;
}
.pt--0\@large {
padding-top: 0rem;
}
.mb-1\@large {
margin-bottom: 0.75rem;
}
.mt-1\@large {
margin-top: 0.75rem;
}
.mr-1\@large {
margin-right: 0.75rem;
}
.ml-1\@large {
margin-left: 0.75rem;
}
.pb-1\@large {
padding-bottom: 0.75rem;
}
.pt-1\@large {
padding-top: 0.75rem;
}
.pr-1\@large {
padding-right: 0.75rem;
}
.pl-1\@large {
padding-left: 0.75rem;
}
.px-1\@large {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mb--1\@large {
margin-bottom: -0.75rem;
}
.mt--1\@large {
margin-top: -0.75rem;
}
.ml--1\@large {
margin-left: -0.75rem;
}
.pb--1\@large {
padding-bottom: -0.75rem;
}
.pt--1\@large {
padding-top: -0.75rem;
}
.mb-2\@large {
margin-bottom: 1.5rem;
}
.mt-2\@large {
margin-top: 1.5rem;
}
.mr-2\@large {
margin-right: 1.5rem;
}
.ml-2\@large {
margin-left: 1.5rem;
}
.pb-2\@large {
padding-bottom: 1.5rem;
}
.pt-2\@large {
padding-top: 1.5rem;
}
.pr-2\@large {
padding-right: 1.5rem;
}
.pl-2\@large {
padding-left: 1.5rem;
}
.px-2\@large {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mb--2\@large {
margin-bottom: -1.5rem;
}
.mt--2\@large {
margin-top: -1.5rem;
}
.ml--2\@large {
margin-left: -1.5rem;
}
.pb--2\@large {
padding-bottom: -1.5rem;
}
.pt--2\@large {
padding-top: -1.5rem;
}
.mb-3\@large {
margin-bottom: 2.25rem;
}
.mt-3\@large {
margin-top: 2.25rem;
}
.mr-3\@large {
margin-right: 2.25rem;
}
.ml-3\@large {
margin-left: 2.25rem;
}
.pb-3\@large {
padding-bottom: 2.25rem;
}
.pt-3\@large {
padding-top: 2.25rem;
}
.pr-3\@large {
padding-right: 2.25rem;
}
.pl-3\@large {
padding-left: 2.25rem;
}
.px-3\@large {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.mb--3\@large {
margin-bottom: -2.25rem;
}
.mt--3\@large {
margin-top: -2.25rem;
}
.ml--3\@large {
margin-left: -2.25rem;
}
.pb--3\@large {
padding-bottom: -2.25rem;
}
.pt--3\@large {
padding-top: -2.25rem;
}
.mb-4\@large {
margin-bottom: 3rem;
}
.mt-4\@large {
margin-top: 3rem;
}
.mr-4\@large {
margin-right: 3rem;
}
.ml-4\@large {
margin-left: 3rem;
}
.pb-4\@large {
padding-bottom: 3rem;
}
.pt-4\@large {
padding-top: 3rem;
}
.pr-4\@large {
padding-right: 3rem;
}
.pl-4\@large {
padding-left: 3rem;
}
.px-4\@large {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mb--4\@large {
margin-bottom: -3rem;
}
.mt--4\@large {
margin-top: -3rem;
}
.ml--4\@large {
margin-left: -3rem;
}
.pb--4\@large {
padding-bottom: -3rem;
}
.pt--4\@large {
padding-top: -3rem;
}
.mb-5\@large {
margin-bottom: 3.75rem;
}
.mt-5\@large {
margin-top: 3.75rem;
}
.mr-5\@large {
margin-right: 3.75rem;
}
.ml-5\@large {
margin-left: 3.75rem;
}
.pb-5\@large {
padding-bottom: 3.75rem;
}
.pt-5\@large {
padding-top: 3.75rem;
}
.pr-5\@large {
padding-right: 3.75rem;
}
.pl-5\@large {
padding-left: 3.75rem;
}
.px-5\@large {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.mb--5\@large {
margin-bottom: -3.75rem;
}
.mt--5\@large {
margin-top: -3.75rem;
}
.ml--5\@large {
margin-left: -3.75rem;
}
.pb--5\@large {
padding-bottom: -3.75rem;
}
.pt--5\@large {
padding-top: -3.75rem;
}
.mb-6\@large {
margin-bottom: 4.5rem;
}
.mt-6\@large {
margin-top: 4.5rem;
}
.mr-6\@large {
margin-right: 4.5rem;
}
.ml-6\@large {
margin-left: 4.5rem;
}
.pb-6\@large {
padding-bottom: 4.5rem;
}
.pt-6\@large {
padding-top: 4.5rem;
}
.pr-6\@large {
padding-right: 4.5rem;
}
.pl-6\@large {
padding-left: 4.5rem;
}
.px-6\@large {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.mb--6\@large {
margin-bottom: -4.5rem;
}
.mt--6\@large {
margin-top: -4.5rem;
}
.ml--6\@large {
margin-left: -4.5rem;
}
.pb--6\@large {
padding-bottom: -4.5rem;
}
.pt--6\@large {
padding-top: -4.5rem;
}
.mb-7\@large {
margin-bottom: 5.25rem;
}
.mt-7\@large {
margin-top: 5.25rem;
}
.mr-7\@large {
margin-right: 5.25rem;
}
.ml-7\@large {
margin-left: 5.25rem;
}
.pb-7\@large {
padding-bottom: 5.25rem;
}
.pt-7\@large {
padding-top: 5.25rem;
}
.pr-7\@large {
padding-right: 5.25rem;
}
.pl-7\@large {
padding-left: 5.25rem;
}
.px-7\@large {
padding-left: 5.25rem !important;
padding-right: 5.25rem !important;
}
.mb--7\@large {
margin-bottom: -5.25rem;
}
.mt--7\@large {
margin-top: -5.25rem;
}
.ml--7\@large {
margin-left: -5.25rem;
}
.pb--7\@large {
padding-bottom: -5.25rem;
}
.pt--7\@large {
padding-top: -5.25rem;
}
.mb-8\@large {
margin-bottom: 6rem;
}
.mt-8\@large {
margin-top: 6rem;
}
.mr-8\@large {
margin-right: 6rem;
}
.ml-8\@large {
margin-left: 6rem;
}
.pb-8\@large {
padding-bottom: 6rem;
}
.pt-8\@large {
padding-top: 6rem;
}
.pr-8\@large {
padding-right: 6rem;
}
.pl-8\@large {
padding-left: 6rem;
}
.px-8\@large {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mb--8\@large {
margin-bottom: -6rem;
}
.mt--8\@large {
margin-top: -6rem;
}
.ml--8\@large {
margin-left: -6rem;
}
.pb--8\@large {
padding-bottom: -6rem;
}
.pt--8\@large {
padding-top: -6rem;
}
.mb-9\@large {
margin-bottom: 6.75rem;
}
.mt-9\@large {
margin-top: 6.75rem;
}
.mr-9\@large {
margin-right: 6.75rem;
}
.ml-9\@large {
margin-left: 6.75rem;
}
.pb-9\@large {
padding-bottom: 6.75rem;
}
.pt-9\@large {
padding-top: 6.75rem;
}
.pr-9\@large {
padding-right: 6.75rem;
}
.pl-9\@large {
padding-left: 6.75rem;
}
.px-9\@large {
padding-left: 6.75rem !important;
padding-right: 6.75rem !important;
}
.mb--9\@large {
margin-bottom: -6.75rem;
}
.mt--9\@large {
margin-top: -6.75rem;
}
.ml--9\@large {
margin-left: -6.75rem;
}
.pb--9\@large {
padding-bottom: -6.75rem;
}
.pt--9\@large {
padding-top: -6.75rem;
}
.mb-10\@large {
margin-bottom: 7.5rem;
}
.mt-10\@large {
margin-top: 7.5rem;
}
.mr-10\@large {
margin-right: 7.5rem;
}
.ml-10\@large {
margin-left: 7.5rem;
}
.pb-10\@large {
padding-bottom: 7.5rem;
}
.pt-10\@large {
padding-top: 7.5rem;
}
.pr-10\@large {
padding-right: 7.5rem;
}
.pl-10\@large {
padding-left: 7.5rem;
}
.px-10\@large {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important;
}
.mb--10\@large {
margin-bottom: -7.5rem;
}
.mt--10\@large {
margin-top: -7.5rem;
}
.ml--10\@large {
margin-left: -7.5rem;
}
.pb--10\@large {
padding-bottom: -7.5rem;
}
.pt--10\@large {
padding-top: -7.5rem;
}
.mb-0-5\@large {
margin-bottom: 0.375rem;
}
.mt-0-5\@large {
margin-top: 0.375rem;
}
.pb-0-5\@large {
padding-bottom: 0.375rem;
}
.pt-0-5\@large {
padding-top: 0.375rem;
}
.pr-0-5\@large {
padding-right: 0.375rem;
}
.mb--0-5\@large {
margin-bottom: -0.375rem;
}
.mt--0-5\@large {
margin-top: -0.375rem;
}
.pb--0-5\@large {
padding-bottom: -0.375rem;
}
.pt--0-5\@large {
padding-top: -0.375rem;
}
.mb-1-5\@large {
margin-bottom: 1.125rem;
}
.mt-1-5\@large {
margin-top: 1.125rem;
}
.pb-1-5\@large {
padding-bottom: 1.125rem;
}
.pt-1-5\@large {
padding-top: 1.125rem;
}
.mb--1-5\@large {
margin-bottom: -1.125rem;
}
.ml--4-5\@large {
margin-left: -3.375rem;
}
.mt--1-5\@large {
margin-top: -1.125rem;
}
.pb--1-5\@large {
padding-bottom: -1.125rem;
}
.pt--1-5\@large {
padding-top: -1.125rem;
}
.left\@large {
float: left;
}
.right\@large {
float: right;
}
.text-left\@large {
text-align: left;
}
.text-center\@large {
text-align: center;
}
.text-right\@large {
text-align: right;
}
.text-large\@large {
font-size: 21px;
}
.inline-flex\@large {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex\@large {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.grid\@large {
display: -ms-grid;
display: grid;
}
.grid-cols-1\@large {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-cols-2\@large {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3\@large {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4\@large {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2\@large {
gap: 0.5rem; /* 8px */
}
.gap-4\@large {
gap: 1rem; /* 16px */
}
.gap-5\@large {
gap: 1.25rem; /* 20px */
}
.flex-col\@large {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@large {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.inline-block\@large {
display: inline-block;
}
.block\@large {
display: block;
}
}
@media screen and (min-width: 90em) {
.mb-0\@xxlarge {
margin-bottom: 0rem;
}
.mt-0\@xxlarge {
margin-top: 0rem;
}
.mr-0\@xxlarge {
margin-right: 0rem;
}
.ml-0\@xxlarge {
margin-left: 0rem;
}
.pb-0\@xxlarge {
padding-bottom: 0rem;
}
.pt-0\@xxlarge {
padding-top: 0rem;
}
.pr-0\@xxlarge {
padding-right: 0rem;
}
.pl-0\@xxlarge {
padding-left: 0rem;
}
.px-0\@xxlarge {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
.mb--0\@xxlarge {
margin-bottom: 0rem;
}
.mt--0\@xxlarge {
margin-top: 0rem;
}
.ml--0\@xxlarge {
margin-left: 0rem;
}
.pb--0\@xxlarge {
padding-bottom: 0rem;
}
.pt--0\@xxlarge {
padding-top: 0rem;
}
.mb-1\@xxlarge {
margin-bottom: 0.75rem;
}
.mt-1\@xxlarge {
margin-top: 0.75rem;
}
.mr-1\@xxlarge {
margin-right: 0.75rem;
}
.ml-1\@xxlarge {
margin-left: 0.75rem;
}
.pb-1\@xxlarge {
padding-bottom: 0.75rem;
}
.pt-1\@xxlarge {
padding-top: 0.75rem;
}
.pr-1\@xxlarge {
padding-right: 0.75rem;
}
.pl-1\@xxlarge {
padding-left: 0.75rem;
}
.px-1\@xxlarge {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mb--1\@xxlarge {
margin-bottom: -0.75rem;
}
.mt--1\@xxlarge {
margin-top: -0.75rem;
}
.ml--1\@xxlarge {
margin-left: -0.75rem;
}
.pb--1\@xxlarge {
padding-bottom: -0.75rem;
}
.pt--1\@xxlarge {
padding-top: -0.75rem;
}
.mb-2\@xxlarge {
margin-bottom: 1.5rem;
}
.mt-2\@xxlarge {
margin-top: 1.5rem;
}
.mr-2\@xxlarge {
margin-right: 1.5rem;
}
.ml-2\@xxlarge {
margin-left: 1.5rem;
}
.pb-2\@xxlarge {
padding-bottom: 1.5rem;
}
.pt-2\@xxlarge {
padding-top: 1.5rem;
}
.pr-2\@xxlarge {
padding-right: 1.5rem;
}
.pl-2\@xxlarge {
padding-left: 1.5rem;
}
.px-2\@xxlarge {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mb--2\@xxlarge {
margin-bottom: -1.5rem;
}
.mt--2\@xxlarge {
margin-top: -1.5rem;
}
.ml--2\@xxlarge {
margin-left: -1.5rem;
}
.pb--2\@xxlarge {
padding-bottom: -1.5rem;
}
.pt--2\@xxlarge {
padding-top: -1.5rem;
}
.mb-3\@xxlarge {
margin-bottom: 2.25rem;
}
.mt-3\@xxlarge {
margin-top: 2.25rem;
}
.mr-3\@xxlarge {
margin-right: 2.25rem;
}
.ml-3\@xxlarge {
margin-left: 2.25rem;
}
.pb-3\@xxlarge {
padding-bottom: 2.25rem;
}
.pt-3\@xxlarge {
padding-top: 2.25rem;
}
.pr-3\@xxlarge {
padding-right: 2.25rem;
}
.pl-3\@xxlarge {
padding-left: 2.25rem;
}
.px-3\@xxlarge {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}
.mb--3\@xxlarge {
margin-bottom: -2.25rem;
}
.mt--3\@xxlarge {
margin-top: -2.25rem;
}
.ml--3\@xxlarge {
margin-left: -2.25rem;
}
.pb--3\@xxlarge {
padding-bottom: -2.25rem;
}
.pt--3\@xxlarge {
padding-top: -2.25rem;
}
.mb-4\@xxlarge {
margin-bottom: 3rem;
}
.mt-4\@xxlarge {
margin-top: 3rem;
}
.mr-4\@xxlarge {
margin-right: 3rem;
}
.ml-4\@xxlarge {
margin-left: 3rem;
}
.pb-4\@xxlarge {
padding-bottom: 3rem;
}
.pt-4\@xxlarge {
padding-top: 3rem;
}
.pr-4\@xxlarge {
padding-right: 3rem;
}
.pl-4\@xxlarge {
padding-left: 3rem;
}
.px-4\@xxlarge {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mb--4\@xxlarge {
margin-bottom: -3rem;
}
.mt--4\@xxlarge {
margin-top: -3rem;
}
.ml--4\@xxlarge {
margin-left: -3rem;
}
.pb--4\@xxlarge {
padding-bottom: -3rem;
}
.pt--4\@xxlarge {
padding-top: -3rem;
}
.mb-5\@xxlarge {
margin-bottom: 3.75rem;
}
.mt-5\@xxlarge {
margin-top: 3.75rem;
}
.mr-5\@xxlarge {
margin-right: 3.75rem;
}
.ml-5\@xxlarge {
margin-left: 3.75rem;
}
.pb-5\@xxlarge {
padding-bottom: 3.75rem;
}
.pt-5\@xxlarge {
padding-top: 3.75rem;
}
.pr-5\@xxlarge {
padding-right: 3.75rem;
}
.pl-5\@xxlarge {
padding-left: 3.75rem;
}
.px-5\@xxlarge {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}
.mb--5\@xxlarge {
margin-bottom: -3.75rem;
}
.mt--5\@xxlarge {
margin-top: -3.75rem;
}
.ml--5\@xxlarge {
margin-left: -3.75rem;
}
.pb--5\@xxlarge {
padding-bottom: -3.75rem;
}
.pt--5\@xxlarge {
padding-top: -3.75rem;
}
.mb-6\@xxlarge {
margin-bottom: 4.5rem;
}
.mt-6\@xxlarge {
margin-top: 4.5rem;
}
.mr-6\@xxlarge {
margin-right: 4.5rem;
}
.ml-6\@xxlarge {
margin-left: 4.5rem;
}
.pb-6\@xxlarge {
padding-bottom: 4.5rem;
}
.pt-6\@xxlarge {
padding-top: 4.5rem;
}
.pr-6\@xxlarge {
padding-right: 4.5rem;
}
.pl-6\@xxlarge {
padding-left: 4.5rem;
}
.px-6\@xxlarge {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important;
}
.mb--6\@xxlarge {
margin-bottom: -4.5rem;
}
.mt--6\@xxlarge {
margin-top: -4.5rem;
}
.ml--6\@xxlarge {
margin-left: -4.5rem;
}
.pb--6\@xxlarge {
padding-bottom: -4.5rem;
}
.pt--6\@xxlarge {
padding-top: -4.5rem;
}
.mb-7\@xxlarge {
margin-bottom: 5.25rem;
}
.mt-7\@xxlarge {
margin-top: 5.25rem;
}
.mr-7\@xxlarge {
margin-right: 5.25rem;
}
.ml-7\@xxlarge {
margin-left: 5.25rem;
}
.pb-7\@xxlarge {
padding-bottom: 5.25rem;
}
.pt-7\@xxlarge {
padding-top: 5.25rem;
}
.pr-7\@xxlarge {
padding-right: 5.25rem;
}
.pl-7\@xxlarge {
padding-left: 5.25rem;
}
.px-7\@xxlarge {
padding-left: 5.25rem !important;
padding-right: 5.25rem !important;
}
.mb--7\@xxlarge {
margin-bottom: -5.25rem;
}
.mt--7\@xxlarge {
margin-top: -5.25rem;
}
.ml--7\@xxlarge {
margin-left: -5.25rem;
}
.pb--7\@xxlarge {
padding-bottom: -5.25rem;
}
.pt--7\@xxlarge {
padding-top: -5.25rem;
}
.mb-8\@xxlarge {
margin-bottom: 6rem;
}
.mt-8\@xxlarge {
margin-top: 6rem;
}
.mr-8\@xxlarge {
margin-right: 6rem;
}
.ml-8\@xxlarge {
margin-left: 6rem;
}
.pb-8\@xxlarge {
padding-bottom: 6rem;
}
.pt-8\@xxlarge {
padding-top: 6rem;
}
.pr-8\@xxlarge {
padding-right: 6rem;
}
.pl-8\@xxlarge {
padding-left: 6rem;
}
.px-8\@xxlarge {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mb--8\@xxlarge {
margin-bottom: -6rem;
}
.mt--8\@xxlarge {
margin-top: -6rem;
}
.ml--8\@xxlarge {
margin-left: -6rem;
}
.pb--8\@xxlarge {
padding-bottom: -6rem;
}
.pt--8\@xxlarge {
padding-top: -6rem;
}
.mb-9\@xxlarge {
margin-bottom: 6.75rem;
}
.mt-9\@xxlarge {
margin-top: 6.75rem;
}
.mr-9\@xxlarge {
margin-right: 6.75rem;
}
.ml-9\@xxlarge {
margin-left: 6.75rem;
}
.pb-9\@xxlarge {
padding-bottom: 6.75rem;
}
.pt-9\@xxlarge {
padding-top: 6.75rem;
}
.pr-9\@xxlarge {
padding-right: 6.75rem;
}
.pl-9\@xxlarge {
padding-left: 6.75rem;
}
.px-9\@xxlarge {
padding-left: 6.75rem !important;
padding-right: 6.75rem !important;
}
.mb--9\@xxlarge {
margin-bottom: -6.75rem;
}
.mt--9\@xxlarge {
margin-top: -6.75rem;
}
.ml--9\@xxlarge {
margin-left: -6.75rem;
}
.pb--9\@xxlarge {
padding-bottom: -6.75rem;
}
.pt--9\@xxlarge {
padding-top: -6.75rem;
}
.mb-10\@xxlarge {
margin-bottom: 7.5rem;
}
.mt-10\@xxlarge {
margin-top: 7.5rem;
}
.mr-10\@xxlarge {
margin-right: 7.5rem;
}
.ml-10\@xxlarge {
margin-left: 7.5rem;
}
.pb-10\@xxlarge {
padding-bottom: 7.5rem;
}
.pt-10\@xxlarge {
padding-top: 7.5rem;
}
.pr-10\@xxlarge {
padding-right: 7.5rem;
}
.pl-10\@xxlarge {
padding-left: 7.5rem;
}
.px-10\@xxlarge {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important;
}
.mb--10\@xxlarge {
margin-bottom: -7.5rem;
}
.mt--10\@xxlarge {
margin-top: -7.5rem;
}
.ml--10\@xxlarge {
margin-left: -7.5rem;
}
.pb--10\@xxlarge {
padding-bottom: -7.5rem;
}
.pt--10\@xxlarge {
padding-top: -7.5rem;
}
.mb-0-5\@xxlarge {
margin-bottom: 0.375rem;
}
.mt-0-5\@xxlarge {
margin-top: 0.375rem;
}
.pb-0-5\@xxlarge {
padding-bottom: 0.375rem;
}
.pt-0-5\@xxlarge {
padding-top: 0.375rem;
}
.pr-0-5\@xxlarge {
padding-right: 0.375rem;
}
.mb--0-5\@xxlarge {
margin-bottom: -0.375rem;
}
.mt--0-5\@xxlarge {
margin-top: -0.375rem;
}
.pb--0-5\@xxlarge {
padding-bottom: -0.375rem;
}
.pt--0-5\@xxlarge {
padding-top: -0.375rem;
}
.mb-1-5\@xxlarge {
margin-bottom: 1.125rem;
}
.mt-1-5\@xxlarge {
margin-top: 1.125rem;
}
.pb-1-5\@xxlarge {
padding-bottom: 1.125rem;
}
.pt-1-5\@xxlarge {
padding-top: 1.125rem;
}
.mb--1-5\@xxlarge {
margin-bottom: -1.125rem;
}
.ml--4-5\@xxlarge {
margin-left: -3.375rem;
}
.mt--1-5\@xxlarge {
margin-top: -1.125rem;
}
.pb--1-5\@xxlarge {
padding-bottom: -1.125rem;
}
.pt--1-5\@xxlarge {
padding-top: -1.125rem;
}
.left\@xxlarge {
float: left;
}
.right\@xxlarge {
float: right;
}
.text-left\@xxlarge {
text-align: left;
}
.text-center\@xxlarge {
text-align: center;
}
.text-right\@xxlarge {
text-align: right;
}
.text-large\@xxlarge {
font-size: 21px;
}
.inline-flex\@xxlarge {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex\@xxlarge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.grid\@xxlarge {
display: -ms-grid;
display: grid;
}
.grid-cols-1\@xxlarge {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid-cols-2\@xxlarge {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3\@xxlarge {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4\@xxlarge {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2\@xxlarge {
gap: 0.5rem; /* 8px */
}
.gap-4\@xxlarge {
gap: 1rem; /* 16px */
}
.gap-5\@xxlarge {
gap: 1.25rem; /* 20px */
}
.flex-col\@xxlarge {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row\@xxlarge {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.inline-block\@xxlarge {
display: inline-block;
}
.block\@xxlarge {
display: block;
}
}
.u-text-fadeout-parent {
overflow: hidden;
position: relative;
}
.u-text-fadeout {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 52%, rgb(255, 255, 255) 98%);
left: 0;
bottom: 0;
padding: 100px 0 10px 0;
position: absolute;
width: 100%;
}
.summary-price > label {
font-size: 22px;
}
/*
html, html body {
overflow-x: hidden;
}*/
html {
scroll-behavior: smooth;
}
.over {
display: block;
text-decoration: none;
}
.over:hover {
text-decoration: none;
}
address {
font-style: normal;
}
ul {
list-style: none;
margin-left: 0;
}
main {
padding-bottom: 4.5rem;
padding-top: 0.5rem;
position: relative;
overflow-x: hidden;
}
header + main {
padding-top: 2rem;
}
#search-input-discussions {
background: #fff !important;
padding: 0.3125rem 0.75rem !important;
}
.add-schedule,
.add-photo,
.add-files {
display: inline-block;
background-position: 0 50%;
background-repeat: no-repeat;
font-size: 0.875rem;
line-height: 2.25rem;
padding-left: 2.6875rem;
}
.add-schedule--small,
.add-photo--small,
.add-files--small {
padding-left: 2rem;
background-size: 1.5rem;
}
.add-photo {
background-image: url(/pictures/iconset/ico-camera.svg);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.add-schedule {
background-image: url(/pictures/iconset/ico-calendar.svg);
margin-bottom: 1.25rem;
}
.add-files {
background-image: url(/pictures/iconset/attach.png);
background-size: 20px 20px;
padding-left: 1.75rem;
}
.chosen-container {
min-width: 100%;
}
#cse-search-results iframe {
width: 100%;
height: 1400px;
}
.gs-visibleUrl-short {
display: none;
}
.js-topbar-fixed .gssb_c {
position: fixed !important;
top: 50px !important;
}
.input-group-field {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
@media print, screen and (min-width: 48em) {
.columns--right .widget:first-child {
margin-top: 0;
}
.template-39 .widget--side:first-child,
.template-9 .widget--side:first-child {
margin-top: 3.9375rem;
}
}
.accordion .accordion-item:not(.is-active) .accordion-content {
display: none;
}
.fa.form__input-icon {
font-size: 18px;
position: absolute;
right: 10px;
top: 0;
width: 22px;
height: 36px;
line-height: 36px;
}
.large ~ .fa.form__input-icon {
height: 48px;
line-height: 48px;
}
.form__input-icon--pwd {
color: rgb(166, 181, 202);
}
.banner.adsense {
margin-bottom: 1.125rem;
}
/*
.js-topbar-fixed {
:target:not(.reveal):not(.js-post) {
padding-top: $topbar-height+1rem;
margin-top: -($topbar-height+1rem);
vertical-align: top;
@include breakpoint(small only) {
padding-top: $topbar-height-small;
margin-top: -$topbar-height-small;
}
}
&.js-sticky-bar-expanded {
:target:not(.reveal):not(.js-post) {
padding-top: $topbar-height*2+1rem;
margin-top: -($topbar-height*2+1rem);
@include breakpoint(small only) {
padding-top: $topbar-height-small*2;
margin-top: -$topbar-height-small*2;
}
}
}
}
*/
.surgeon.ad {
position: relative;
}
.surgeon.ad::before {
color: #fff;
background-color: rgb(166, 181, 202);
border-top-left-radius: 3px;
display: block;
content: "Ad";
font-size: 0.65rem;
position: absolute;
top: 0;
left: 0;
padding: 2px;
line-height: 0.65rem;
}
.language-fr .surgeon.ad::before {
content: "Sponsor";
}
.is-drilldown-submenu-parent {
position: static;
}
.is-drilldown-submenu {
min-height: 21.875rem;
}
#right-column .widget__heading {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-datepicker-calendar th {
font-weight: 500 !important;
}
.ui-datepicker-calendar tr:hover td > a:not(.button) {
color: #555;
text-decoration: none;
}
@media print, screen and (min-width: 48em) {
.media--media.media--left .media__section:first-of-type {
width: 9.6875rem;
}
}
@media print, screen and (min-width: 64em) {
.media--media.media--left .media__section:first-of-type {
width: 18.4375rem;
}
}
@media screen and (max-width: 47.9375em) {
.hp-box {
margin-left: 48px;
}
#upper-content {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
#upper-content .widget:last-of-type {
margin-bottom: 0;
}
#upper-content + #main-content {
margin-top: -10px;
}
}
#baguetteBox-slider .button {
margin: 1rem;
}
#baguetteBox-slider .h3 {
color: rgb(255, 255, 255);
margin: 0.5rem;
}
.reveal .notice__close {
display: none;
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
#geo-doctors-hp-widget .media--doctor {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#geo-doctors-hp-widget .media--doctor .media__section:first-child {
width: 100%;
margin: 0;
text-align: center;
}
}
.star-rating-box .star-rating-row:last-of-type {
margin-bottom: 0.75rem;
}
.star-rating-box .star-rating-row:nth-of-type(2) {
margin-top: -0.75rem;
}
.star-rating-box .star-rating-row:first-of-type {
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.table--pricelist th:first-child,
.table--pricelist td:first-child {
padding-left: 12px;
padding-right: 12px;
}
.table--pricelist th:nth-child(2),
.table--pricelist td:nth-child(2) {
padding-left: 0;
}
}
.table--pricelist .surgeons-list__item {
padding: 0;
}
.table--pricelist .surgeons-list__item:nth-of-type(odd) {
background-color: #fff;
}
.table--pricelist .surgeons-list__buttons {
padding: 0.5rem 3rem 0 3rem;
}
.table--pricelist__ad {
border: none;
}
.table--pricelist__ad td {
background-color: #fff;
width: 100% !important;
padding: 0 !important;
}
.table--pricelist__ad .widget {
background: none !important;
margin: 1.5rem 0 !important;
outline: none;
}
.table--pricelist .button {
width: 8.75rem;
}
@media screen and (max-width: 47.9375em) {
html.is-reveal-open,
body.is-reveal-open {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
@media screen and (max-width: 47.9375em) {
.reveal {
margin-bottom: 0;
top: 0 !important;
}
}
.person__dropdown .badge-list__item {
max-width: 15rem;
}
.ui-autocomplete > li.ui-menu-item--no-margin {
margin-left: 0;
margin-right: 0;
}
.ui-autocomplete > li.ui-menu-item--no-margin > a {
padding: 0;
}
.message__bubble .image > img {
height: 150px;
width: 150px;
}
.context-menu .label,
.accordion-title .label {
vertical-align: middle;
}
.cr-boundary {
background: url(/pictures/loading.gif) 50% 50% no-repeat;
}
@media print, screen and (min-width: 48em) {
.wizzard-procedures-table {
width: calc(100% + 80px);
margin: 0 -40px;
}
}
table thead th h2 {
padding: 0;
border: 0;
margin: 0;
font-size: 1em;
line-height: 1.5rem;
}
.image .js-mark-before-picture {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.2;
color: white;
background: black;
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 50%;
}
.image .js-mark-before-picture:hover,
.image .js-mark-before-picture.is-before {
opacity: 1;
}
.off-canvas.is-open ~ .off-canvas-content > .banner.banner--leaderboard {
display: none;
}
.title-bar .top-bar__icon {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.homepage__search .input-group-button button {
height: auto;
}
@media screen and (max-width: 47.9375em) {
.client-detail-general.u-text-fadeout-parent {
max-height: 500px;
}
}
@media screen and (max-width: 47.9375em) {
.client-detail-suppliers.u-text-fadeout-parent {
max-height: 380px;
}
}
@media screen and (max-width: 47.9375em) {
.client-detail-box h2 {
border-width: 3px;
border-color: rgb(63, 79, 101);
color: rgb(63, 79, 101);
font-weight: 700;
padding-bottom: 0.5rem;
}
}
.client-detail-box__content {
border: 1px solid rgba(69, 63, 60, 0.12);
border-radius: 6px;
background-color: rgb(255, 255, 255);
padding: 20px 24px !important;
}
#sticky-context-menu {
height: 42px !important;
}
#sticky-consultation.is-stuck {
padding-top: 5rem;
}
.review-top .wir {
float: left;
margin: 0 18px 6px 0;
}
@media print, screen and (min-width: 48em) {
.review-top .wir {
width: 25%;
margin: 0;
}
}
@media print, screen and (min-width: 48em) {
.review-top__box {
margin-left: calc(25% + 30px);
}
}
.js-html-ad .media--doctor .media__title {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
max-height: 50px;
margin-top: 0;
}
.js-html-ad .media--doctor .avatar {
width: 48px;
height: 48px;
}
.js-html-ad .media__section:not(.media__section--full) {
color: #8595ab;
letter-spacing: 0.12px;
font-size: 0.8125rem;
}
.js-html-ad .media__section.media__section--full {
font-weight: 500;
}
.js-html-ad .media__section.media__section--full > blockquote {
font-weight: 400;
}
.widgets-configurator > .row:not(:last-child) {
margin-bottom: 8px;
}
img[data-src],
img[data-srcset] {
display: block;
min-height: 1px;
}
@media screen and (min-width: 90em) {
.position-right.reveal-for-xxlarge ~ .off-canvas-content .button--bottom-right[data-ybug],
.position-right.reveal-for-xxlarge ~ .off-canvas-content .back-to-top {
display: none;
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content .top-bar-right-search {
right: 0;
width: calc(100vw - 320px);
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content .top-bar-right-search > .searchform {
width: 100%;
}
}
.js-report-post-button.is-loading {
background-image: url("/pictures/loading.svg");
background-position: 4px 0;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
}
.js-report-post-button.is-loading > img {
visibility: hidden;
}
/*!
* baguetteBox.js
* @author feimosi
* @version %%INJECT_VERSION%%
* @url https://github.com/feimosi/baguetteBox.js
*/
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, -webkit-transform 0.4s ease;
transition: left 0.4s ease, transform 0.4s ease;
transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
-webkit-animation: bounceFromRight 0.4s ease-out;
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
-webkit-animation: bounceFromLeft 0.4s ease-out;
animation: bounceFromLeft 0.4s ease-out;
}
@-webkit-keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@-webkit-keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
}
/*
Preloader
Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}