Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
...
`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 719px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%; }
/**
* Halves
*/
.palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm-one-third, .palm-two-sixths, .palm-four-twelfths {
width: 33.333%; }
.palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
width: 25%; }
.palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.palm-one-fifth, .palm-two-tenths {
width: 20%; }
.palm-two-fifths, .palm-four-tenths {
width: 40%; }
.palm-three-fifths, .palm-six-tenths {
width: 60%; }
.palm-four-fifths, .palm-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%; }
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%; }
.palm-three-eighths {
width: 37.5%; }
.palm-five-eighths {
width: 62.5%; }
.palm-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm-one-tenth {
width: 10%; }
.palm-three-tenths {
width: 30%; }
.palm-seven-tenths {
width: 70%; }
.palm-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm-one-twelfth {
width: 8.333%; }
.palm-five-twelfths {
width: 41.666%; }
.palm-seven-twelfths {
width: 58.333%; }
.palm-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 720px) and (max-width: 899px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-one-third, .lap-two-sixths, .lap-four-twelfths {
width: 33.333%; }
.lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
width: 25%; }
.lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-one-fifth, .lap-two-tenths {
width: 20%; }
.lap-two-fifths, .lap-four-tenths {
width: 40%; }
.lap-three-fifths, .lap-six-tenths {
width: 60%; }
.lap-four-fifths, .lap-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%; }
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%; }
.lap-three-eighths {
width: 37.5%; }
.lap-five-eighths {
width: 62.5%; }
.lap-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-one-tenth {
width: 10%; }
.lap-three-tenths {
width: 30%; }
.lap-seven-tenths {
width: 70%; }
.lap-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-one-twelfth {
width: 8.333%; }
.lap-five-twelfths {
width: 41.666%; }
.lap-seven-twelfths {
width: 58.333%; }
.lap-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 720px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
width: 33.333%; }
.lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
width: 25%; }
.lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width: 20%; }
.lap-and-up-two-fifths, .lap-and-up-four-tenths {
width: 40%; }
.lap-and-up-three-fifths, .lap-and-up-six-tenths {
width: 60%; }
.lap-and-up-four-fifths, .lap-and-up-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width: 16.666%; }
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-and-up-one-eighth {
width: 12.5%; }
.lap-and-up-three-eighths {
width: 37.5%; }
.lap-and-up-five-eighths {
width: 62.5%; }
.lap-and-up-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-and-up-one-tenth {
width: 10%; }
.lap-and-up-three-tenths {
width: 30%; }
.lap-and-up-seven-tenths {
width: 70%; }
.lap-and-up-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-and-up-one-twelfth {
width: 8.333%; }
.lap-and-up-five-twelfths {
width: 41.666%; }
.lap-and-up-seven-twelfths {
width: 58.333%; }
.lap-and-up-eleven-twelfths {
width: 91.666%; } }
@media only screen and (max-width: 899px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%; }
/**
* Halves
*/
.portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.portable-one-third, .portable-two-sixths, .portable-four-twelfths {
width: 33.333%; }
.portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
width: 25%; }
.portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.portable-one-fifth, .portable-two-tenths {
width: 20%; }
.portable-two-fifths, .portable-four-tenths {
width: 40%; }
.portable-three-fifths, .portable-six-tenths {
width: 60%; }
.portable-four-fifths, .portable-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%; }
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%; }
.portable-three-eighths {
width: 37.5%; }
.portable-five-eighths {
width: 62.5%; }
.portable-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.portable-one-tenth {
width: 10%; }
.portable-three-tenths {
width: 30%; }
.portable-seven-tenths {
width: 70%; }
.portable-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.portable-one-twelfth {
width: 8.333%; }
.portable-five-twelfths {
width: 41.666%; }
.portable-seven-twelfths {
width: 58.333%; }
.portable-eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 900px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-one-third, .desk-two-sixths, .desk-four-twelfths {
width: 33.333%; }
.desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
width: 25%; }
.desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%; }
.desk-two-fifths, .desk-four-tenths {
width: 40%; }
.desk-three-fifths, .desk-six-tenths {
width: 60%; }
.desk-four-fifths, .desk-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%; }
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%; }
.desk-three-eighths {
width: 37.5%; }
.desk-five-eighths {
width: 62.5%; }
.desk-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-one-tenth {
width: 10%; }
.desk-three-tenths {
width: 30%; }
.desk-seven-tenths {
width: 70%; }
.desk-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%; }
.desk-five-twelfths {
width: 41.666%; }
.desk-seven-twelfths {
width: 58.333%; }
.desk-eleven-twelfths {
width: 91.666%; } }
/**
* If you have set the additional `$responsive-extra` variable to ‘true’ in
* `_vars.scss` then you now have access to the following class available to
* accomodate much larger screen resolutions.
*/
/* endif */
/*------------------------------------* $PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: "Helvetica Neue", sans-serif!important;
color: #4a8ec2!important; }
.brand-face {
font-family: "Helvetica Neue", sans-serif!important; }
.brand-color,
.brand-colour {
color: #4a8ec2!important; }
/*------------------------------------* $HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important; }
.float--left {
float: left !important; }
.float--none {
float: none !important; }
/**
* Text alignment
*/
.text--left {
text-align: left !important; }
.text--center {
text-align: center !important; }
.text--right {
text-align: right !important; }
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important; }
.weight--normal {
font-weight: 400 !important; }
.weight--semibold {
font-weight: 600 !important; }
/**
* Add/remove margins
*/
.push {
margin: 24px !important; }
.push--top {
margin-top: 24px !important; }
.push--right {
margin-right: 24px !important; }
.push--bottom {
margin-bottom: 24px !important; }
.push--left {
margin-left: 24px !important; }
.push--ends {
margin-top: 24px !important;
margin-bottom: 24px !important; }
.push--sides {
margin-right: 24px !important;
margin-left: 24px !important; }
.push-half {
margin: 12px !important; }
.push-half--top {
margin-top: 12px !important; }
.push-half--right {
margin-right: 12px !important; }
.push-half--bottom {
margin-bottom: 12px !important; }
.push-half--left {
margin-left: 12px !important; }
.push-half--ends {
margin-top: 12px !important;
margin-bottom: 12px !important; }
.push-half--sides {
margin-right: 12px !important;
margin-left: 12px !important; }
.flush {
margin: 0 !important; }
.flush--top {
margin-top: 0 !important; }
.flush--right {
margin-right: 0 !important; }
.flush--bottom {
margin-bottom: 0 !important; }
.flush--left {
margin-left: 0 !important; }
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important; }
/**
* Add/remove paddings
*/
.soft {
padding: 24px !important; }
.soft--top {
padding-top: 24px !important; }
.soft--right {
padding-right: 24px !important; }
.soft--bottom {
padding-bottom: 24px !important; }
.soft--left {
padding-left: 24px !important; }
.soft--ends {
padding-top: 24px !important;
padding-bottom: 24px !important; }
.soft--sides {
padding-right: 24px !important;
padding-left: 24px !important; }
.soft-half {
padding: 12px !important; }
.soft-half--top {
padding-top: 12px !important; }
.soft-half--right {
padding-right: 12px !important; }
.soft-half--bottom {
padding-bottom: 12px !important; }
.soft-half--left {
padding-left: 12px !important; }
.soft-half--ends {
padding-top: 12px !important;
padding-bottom: 12px !important; }
.soft-half--sides {
padding-right: 12px !important;
padding-left: 12px !important; }
.hard {
padding: 0 !important; }
.hard--top {
padding-top: 0 !important; }
.hard--right {
padding-right: 0 !important; }
.hard--bottom {
padding-bottom: 0 !important; }
.hard--left {
padding-left: 0 !important; }
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important; }
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -24px !important;
margin-left: -24px !important; }
.islet .full-bleed {
margin-right: -12px !important;
margin-left: -12px !important; }
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important; }
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important; }
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
*
*/
.proceed {
text-align: right !important; }
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after {
content: " " "»" !important; }
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important; }
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
@media only screen and (max-width: 719px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 720px) and (max-width: 899px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 720px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (max-width: 899px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 900px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 1160px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
/* endif */
/*====================================
* ADD MIXINS
* (optional)
*===================================*/
/*=====================================* CONTENTS
--------
- svg
- clearfix
- break-text
- triangle
- scrollbar-styling
- transition
- aspect-ratio
- tile-right-border
- font-light
- font-strong
- font-bold
- tint
\*=====================================*/
/*
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
/*==================================
* IMPORT PARTIAL CUSTOM STYLES
* (+ fonts, mixins)
*=================================*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/*@import "imports/side-comments";*/
/*@import "imports/side-comments-default-theme";*/
/*@import "imports/fixedsticky";*/
.expand-block {
display: none; }
.expand-block.active {
display: block; }
.expand-block--partial {
display: block;
overflow: hidden;
max-height: 240px; }
.expand-block--partial.expand-block--partial-4 {
max-height: 120px; }
.expand-block--partial.expand-block--partial-10 {
max-height: 240px; }
.expand-block--partial.active {
max-height: none; }
.expand-toggle {
font-weight: 600;
color: #00759a;
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
text-decoration: none;
margin-bottom: 24px; }
.expand-toggle:before {
content: '';
display: inline-block;
border-bottom: 1px solid #00759a;
height: 14px;
margin-right: 12px;
-ms-flex: 1;
flex-grow: 1; }
.expand-toggle:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid #00759a;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
margin-left: 12px;
top: 9px; }
.expand-toggle span {
vertical-align: middle; }
.expand-toggle .less {
display: none; }
.expand-toggle.active:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.expand-toggle.active .more {
display: none; }
.expand-toggle.active .less {
display: inline; }
.expand-toggle--static-arrow:after {
transform: none !important; }
.expand-toggle--plain:before {
display: none; }
.expandable-section {
margin-bottom: 24px; }
.expandable-section .expand-toggle {
margin-bottom: 0;
margin-top: -24px; }
.expandable-section .expand-block--partial {
margin-bottom: 24px; }
.custom-select {
position: relative;
color: #13294a; }
.custom-select[disabled] {
color: #bbb !important; }
.custom-select select {
position: absolute;
top: 0;
right: 0;
padding: 0;
opacity: 0.001;
-webkit-appearance: none; }
.custom-select select,
.custom-select .btn-select {
/* the hidden select and the button should line up */
width: 100%;
padding: 6px;
padding-right: 24px; }
.custom-select .btn-select {
position: relative;
display: inline-block;
border-bottom: 1px solid #d0d4db;
border-radius: .2em;
height: 36px;
overflow: hidden; }
.btn-select.btn-focus {
border-color: #81B9F5;
box-shadow: 0 0 0.4em rgba(200, 200, 200, 0.8); }
.custom-select .btn-select:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 6px solid currentColor;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
top: 15px;
right: 6px;
border-left-width: 6px;
border-right-width: 6px; }
.custom-select .btn-select:after {
/*@include svg('icon-chevron-down');*/
/*background-size: contain;*/
/*content: " "; */
/*display: block;*/
/*width: 12px;*/
/*height: 1em;*/
/*position: absolute;*/
/*top: 7px;*/
/*right: 6px;*/
/*background-position: 0 .5em;*/ }
.custom-select .label-text {
display: inline-block;
padding: 0 1em .3em 0; }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
/* perfect-scrollbar v0.6.3 */
.ps-container {
-ms-touch-action: none;
overflow: hidden !important; }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block; }
.ps-container.ps-in-scrolling {
pointer-events: none; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px; }
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 8px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 8px; }
.ps-container:hover.ps-in-scrolling {
pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999; }
.overthrow-enabled .overthrow {
overflow: auto;
-webkit-overflow-scrolling: touch; }
.map-canvas img {
max-width: none; }
.ps-container.ps-active-y {
padding-right: 18px; }
.ps-container .ps-scrollbar-y-rail {
width: 12px;
opacity: 0.7 !important;
right: 0;
background: #d0d4db;
border-radius: 0; }
.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
width: 12px;
border-radius: 0;
background: #bbb;
opacity: 0.7; }
body {
font-family: 'Open Sans', sans-serif;
font-size: 100%;
color: #13294a; }
strong {
font-weight: 600; }
a {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
color: inherit; }
a:hover {
color: inherit;
opacity: 0.6; }
p {
color: #666;
font-weight: 300; }
h1, h2, h3, h4, h5, h6 {
font-weight: normal; }
ol,
ul {
margin-left: 24px; }
ol p,
ul p {
margin-bottom: 0; }
button {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
line-height: 24px; }
button:hover {
opacity: 0.6; }
.blockquote__image {
width: 72px;
height: 72px;
margin-bottom: 0;
margin: 0 auto; }
.blockquote__image + .blockquote__quote {
margin-top: -24px; }
@media (min-width: 500px) {
.blockquote__image {
float: left;
margin-bottom: 24px; }
.blockquote__image + .blockquote__quote {
margin-top: 0; } }
blockquote,
.blockquote__quote {
font-weight: 300;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
color: #666;
overflow: hidden;
position: relative;
padding: 24px 0;
text-indent: 0;
text-align: center; }
blockquote:before, blockquote:after,
.blockquote__quote:before,
.blockquote__quote:after {
font-size: 62px;
font-size: 3.875rem;
line-height: 1.1612903226;
color: #bbb;
font-family: Georgia, serif;
content: open-quote;
display: block;
left: 12px;
top: 12px;
text-align: center; }
blockquote:before,
.blockquote__quote:before {
margin-bottom: -18px; }
blockquote:after,
.blockquote__quote:after {
content: close-quote;
left: auto;
right: 12px;
margin-top: 18px; }
@media (min-width: 500px) {
blockquote,
.blockquote__quote {
padding: 24px 72px;
text-align: left; }
blockquote:before, blockquote:after,
.blockquote__quote:before,
.blockquote__quote:after {
position: absolute;
text-align: left;
margin: 0; }
blockquote:before,
.blockquote__quote:before {
left: 18px; } }
.highlighted-text {
background: #d8e3ed; }
.show-all {
clear: left;
text-decoration: none;
display: block; }
.show-all:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px;
margin-top: 6px;
vertical-align: top; }
body {
background: #fff;
overflow: hidden;
display: table;
table-layout: fixed;
width: 100%; }
.container {
max-width: 1280px;
margin: 0 auto;
padding: 24px; }
.container:after {
content: "";
display: table;
clear: both; }
section, footer {
clear: both; }
section:after, footer:after {
content: "";
display: table;
clear: both; }
a:focus,
input:focus,
button:focus {
outline: none;
opacity: 0.7; }
.print-only--block {
display: none !important; }
.svg-sprite {
display: none !important; }
.offscreen-element {
display: table-caption; }
/*.hero-element {*/
/*margin-top: $header-height-bp0;*/
/*@media (min-width: $header-bp1) {*/
/*margin-top: $header-height-bp1;*/
/*}*/
/*@media (min-width: $header-bp2) {*/
/*margin-top: 0;*/
/*}*/
/*}*/
.body-overlay {
transition: all 0.3s linear;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
background: #000;
background: rgba(0, 0, 0, 0.8); }
.body-overlay.primary {
z-index: 99; }
.body-overlay.secondary {
z-index: 120; }
.email-obfuscate:before {
content: attr(data-first) "@"; }
.email-obfuscate:after {
content: attr(data-last); }
@media (max-width: 899px) {
.offcanvas-enabled.csstransforms .nav-block {
background: #fff;
width: 85%;
max-width: 300px;
position: fixed;
z-index: 112;
top: 0;
left: 0;
bottom: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.offcanvas-enabled.csstransforms.offcanvas-transition .nav-block {
transition: transform 0.25s; }
.offcanvas-enabled.csstransforms.offcanvas-active {
overflow: hidden; }
.offcanvas-enabled.csstransforms.offcanvas-active .nav-block {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.offcanvas-enabled.csstransforms.offcanvas-active .body-overlay.primary {
visibility: visible;
opacity: 1; } }
.main-block {
background: #fff;
/*box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.5);*/ }
@media (min-width: 720px) {
.main-block {
background: #eaeaea; }
.home-page .main-block {
background: #d0d4db; } }
@media (min-width: 900px) {
.main-block {
box-shadow: none; } }
.main-block .container-inner {
position: relative; }
.main-block .main-block__part {
display: inline-block;
vertical-align: top;
width: 100%; }
@media (min-width: 900px) {
.main-block .main-content {
width: 66.6666666%; } }
@media (min-width: 1160px) {
.main-block .main-content {
width: 75%; } }
@media (min-width: 900px) {
.main-block .sidebar {
position: relative;
right: 0;
bottom: -504px;
bottom: 0;
/*top: -61px;*/
padding-left: 12px;
width: 33.3333333%; } }
@media (min-width: 1160px) {
.main-block .sidebar {
width: 25%;
margin-top: -61px; } }
@media (min-width: 900px) {
footer .container {
overflow: hidden; }
footer .container > * {
overflow: hidden; } }
@media (min-width: 720px) {
.js-description-no-expertise {
width: 50% !important; } }
@media (max-width: 720px) {
.js-description-no-expertise {
width: 100% !important; } }
/*-----------------------------* * form-block
#Reusable objects
\*-----------------------------*/
/**
* CONTENTS
*
* btn.................basic button styles
* text-button.........stripping button styles
* button-block
* icon................really basic styling for svgs
* person-element......picture on left, text on right
* action-bar
* video-player
* lightbox-overlay
* telephone-numbers
* locations-list
* tags
* event
* tabbed-section
* calendar
* dl-box.............download box with image and dl info
* two-state-block.......reusable expand behavior
* tweet
* form-block
* testimonials
* presented-by
* location-info
* type-filter
* search-list
* desks
* localization-note
*
*/
.btn {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
font-weight: 600;
border: none;
background: #abb300;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 12px 24px; }
.btn:hover {
opacity: 0.6;
color: #fff; }
.btn .icon {
fill: none;
stroke: #fff;
float: left;
margin-right: 12px;
margin-left: -6px; }
.btn .icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.btn .icon .icon_eguide {
stroke-width: 0;
fill: #fff; }
.btn--no-border,
.general-page__actions .share {
padding: 0;
background: none;
color: #3e75a7; }
.btn--no-border:hover,
.general-page__actions .share:hover {
color: #3e75a7; }
.btn--no-border .icon, .general-page__actions .share .icon {
fill: none;
stroke: #13294a;
margin-left: 0; }
.btn--no-border .icon .icon_xing, .general-page__actions .share .icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_twitter, .general-page__actions .share .icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_linkedin, .general-page__actions .share .icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_calendar, .general-page__actions .share .icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_share_alt, .general-page__actions .share .icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_lawnow, .general-page__actions .share .icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.btn--no-border .icon .icon_eguide, .general-page__actions .share .icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.btn--blue {
background: #5a77a2; }
.btn--left {
float: left;
width: auto; }
.btn--right {
float: right;
width: auto; }
.btn--more-results {
margin: 0 auto;
margin-top: 24px;
display: block;
width: 200px; }
.btn.input-btn {
margin-left: 24px; }
.text-button {
background: none;
border: none;
padding: 0; }
.button-block {
margin-bottom: 24px;
margin-left: -6px; }
.button-block:after {
content: "";
display: table;
clear: both; }
.button-block .button-block__button {
width: auto;
float: left;
margin-bottom: 6px;
padding-left: 6px; }
.button-block .button-block__button-link {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
display: inline-block;
padding: 24px 24px;
background: #d0d4db;
text-decoration: none;
vertical-align: top; }
.button-block .button-block__button-link .icon {
display: inline-block;
margin-top: -17px;
margin-bottom: -12px;
margin-right: 12px;
vertical-align: middle;
height: 48px;
width: 48px;
float: left; }
.button-block .button-block__button-link svg {
height: 48px;
width: 48px;
stroke: #3e75a7; }
.button-block .button-block__button-link span {
overflow: hidden; }
.button-block .button-block__button-link--highlight {
color: #fff;
background: #13294a; }
.button-block .button-block__button-link--highlight svg {
stroke: #fff; }
.button-block .button-block__button-link--user-action {
color: #fff;
background: #abb300; }
.button-block .button-block__button-link--user-action svg {
stroke: #fff; }
.icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
position: relative;
width: 24px;
height: 24px; }
.icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.icon svg,
.icon img {
display: block;
height: 24px;
width: 24px; }
.icon .icon_phone {
stroke-width: 15; }
.icon .icon_bookmark {
stroke-width: 24px; }
.icon svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 24px;
width: 24px; }
.icon.icon--white svg {
fill: none;
stroke: #fff; }
.icon.icon--white svg .icon_xing {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_twitter {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_calendar {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.icon.icon--white svg .icon_eguide {
stroke-width: 0;
fill: #fff; }
.person-photo,
.person-element .person-image,
.sidebar-block.partner .person-image,
.sidebar-block.latest-comment .topic-img {
border-radius: 50%;
overflow: hidden;
margin-bottom: 24px;
position: relative; }
.person-photo:after,
.person-element .person-image:after,
.sidebar-block.partner .person-image:after,
.sidebar-block.latest-comment .topic-img:after {
display: block;
content: '';
background: rgba(19, 41, 74, 0.05);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%; }
.person-element,
.sidebar-block.partner {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
position: relative;
margin-bottom: 0; }
.person-element .person-link, .sidebar-block.partner .person-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3; }
.person-element .person-image, .sidebar-block.partner .person-image {
width: 72px;
height: 72px; }
.person-element .person-text, .sidebar-block.partner .person-text {
margin-bottom: 6px; }
.person-element .person-actions, .sidebar-block.partner .person-actions {
text-align: left;
position: relative;
z-index: 10;
background: none; }
.person-element .person-actions .action, .sidebar-block.partner .person-actions .action {
margin-right: 6px; }
.person-element .person-actions a.tel, .sidebar-block.partner .person-actions a.tel {
text-decoration: none;
cursor: default;
display: none; }
.person-element .person-actions a.tel:hover, .sidebar-block.partner .person-actions a.tel:hover {
opacity: 1; }
.person-element.phone-displayed .action--phone, .phone-displayed.sidebar-block.partner .action--phone {
display: none; }
.person-element.phone-displayed a.tel, .phone-displayed.sidebar-block.partner a.tel {
display: inline; }
.person-element .name, .sidebar-block.partner .name {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
margin-bottom: 6px; }
.person-element .address, .sidebar-block.partner .address {
font-weight: 600;
line-height: 18px;
/*margin-bottom: $space/4;*/ }
.person-element .title, .sidebar-block.partner .title {
line-height: 18px; }
.person-element--block {
text-align: center; }
.person-element--block .person-image {
float: none;
margin: 0 auto 24px auto; }
.person-element--block .person-text {
margin: 0 auto;
display: inline-block;
height: 100px;
text-align: center; }
.person-element--full-size {
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
.action-bar {
clear: left;
text-align: center;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 12px 0; }
.action-bar:after {
content: "";
display: table;
clear: both; }
.action-bar + h3 {
margin-top: 24px; }
.action-bar .action {
width: 33.3333333%;
display: inline-block;
vertical-align: top;
text-align: right;
text-decoration: none; }
.action-bar .action a {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
stroke-width: 24;
display: block;
width: 24px;
float: right;
-webkit-backface-visibility: hidden; }
.action-bar .action a .icon_xing {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.action-bar .action a svg,
.action-bar .action a img {
display: block;
height: 24px;
width: 24px; }
.action-bar .action a .icon_phone {
stroke-width: 15; }
.action-bar .action a .icon_bookmark {
stroke-width: 24px; }
.action-bar .action a .icon_bookmark {
stroke-width: 27px; }
.action-bar .action .icon_phone {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.action-bar .action:first-child {
width: auto !important; }
.action-bar.icon-count-2 .action {
width: 50%; }
.action-bar.icon-count-4 .action {
width: 25%; }
.action-bar.icon-count-5 .action {
width: 17%; }
.action-bar.person-actions {
border: none; }
.video-player {
margin-bottom: 24px; }
.telephone-numbers {
font-weight: 300; }
.telephone-numbers .entry {
margin-bottom: 12px; }
.telephone-numbers .type {
font-weight: 700; }
.telephone-numbers .name {
display: block; }
.telephone-numbers .number {
text-decoration: none; }
@media (min-width: 400px) {
.telephone-numbers .entry {
margin-bottom: 0; }
.telephone-numbers .name {
float: right;
margin-bottom: 0; } }
.locations-list ul {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
margin-bottom: 0; }
.locations-list li {
border-top: 1px solid rgba(122, 122, 122, 0.1); }
.locations-list a {
font-weight: 600;
color: #5a77a2; }
.tags {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
margin-left: -6px; }
.tags:after {
content: "";
display: table;
clear: both; }
.tags > a,
.tags > button,
.tags .area__header,
.tags .tag,
.tags .heading {
width: auto;
margin-left: 6px;
margin-bottom: 12px;
float: left;
padding-left: 0; }
.tags .area__header,
.tags .tag {
background: #edeff2;
text-transform: uppercase;
text-decoration: none;
padding: 0px 6px; }
.tags .tag__close {
display: inline-block;
text-decoration: none;
margin-left: 6px; }
.tags .tag__close:after {
content: 'X'; }
.event {
text-decoration: none; }
.event .event__date {
color: #bbb;
text-align: center; }
.event .event__text {
padding-left: 12px;
border-left: 1px solid #bbb; }
.event .day {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700; }
.event .month {
font-size: 12px;
font-size: 0.75rem;
line-height: 2; }
.event .name {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700; }
.tabbed ul {
color: #666;
font-weight: 300; }
.tabbed-section .tabs-list {
list-style: none;
margin-left: 0;
margin-bottom: 0;
background: #edeff2; }
.tabbed-section .tab__header {
text-decoration: none;
display: block;
padding: 6px 12px; }
.tabbed-section .tab__header:hover {
opacity: 1;
background-color: #d0d4db; }
.tabbed-section .current .tab__header {
background: #00759a;
color: #fff; }
.tabbed-section .current .tab__header:hover {
background: #00759a; }
.tabbed-section .tab__body {
margin-bottom: 24px;
padding: 24px 12px 0 12px; }
.js .tabbed-section .tab__body {
transition: opacity 0.7s;
display: block;
/* undo display:none */
height: 0;
/* height:0 is also invisible */
overflow-y: hidden;
/* no-overflow */
padding: 0 12px 0 12px;
margin: 0;
opacity: 0; }
.js .tabbed-section .tab__body.current {
height: auto;
margin-bottom: 24px;
padding: 24px 12px 0 12px;
opacity: 1; }
.tabbed-section .tabhead {
display: none; }
.tabbed-section .current-info {
display: none; }
@media (min-width: 1160px) {
.tabbed-section .tabs-list li {
display: inline-block;
position: relative; }
.tabbed-section .tabs-list li:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 9px solid transparent;
border-left: 4.5px solid transparent;
border-right: 4.5px solid transparent;
transition: border-color 0.2s linear 0.1s;
border-left-width: 9px;
border-right-width: 9px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -9px;
display: none; }
.tabbed-section .tabs-list li.current:after {
border-top-color: #00759a; } }
.area-infos .areas {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
margin-left: -6px; }
.area-infos .areas:after {
content: "";
display: table;
clear: both; }
.area-infos .areas > a,
.area-infos .areas > button,
.area-infos .areas .area__header,
.area-infos .areas .tag,
.area-infos .areas .heading {
width: auto;
margin-left: 6px;
margin-bottom: 12px;
float: left;
padding-left: 0; }
.area-infos .areas .area__header,
.area-infos .areas .tag {
background: #edeff2;
text-transform: uppercase;
text-decoration: none;
padding: 0px 6px; }
.area-infos .areas .tag__close {
display: inline-block;
text-decoration: none;
margin-left: 6px; }
.area-infos .areas .tag__close:after {
content: 'X'; }
.area-infos .area-infos__top {
padding: 24px; }
.area-infos .area-infos__top .area__header {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143; }
.no-js .area-infos .area-infos__top {
display: none; }
.area-infos .area-infos__bottom {
padding: 24px;
padding-bottom: 0;
background: #13294a;
color: #fff; }
.area-infos .area-infos__bottom h3 {
color: #fff; }
.area-infos .area-infos__bottom h3:focus {
outline: none; }
.area-infos .area-infos__bottom p {
color: #fff; }
.area-infos .area-infos__bottom .show-all {
margin-bottom: 24px; }
.area-infos .area-infos__bottom .area__body {
display: none; }
.area-infos .area-infos__bottom .area__body.current {
display: block; }
.area-infos .current .area__header {
background: #13294a;
color: #fff; }
.area-infos .current .area__header:hover {
opacity: 1; }
.area-infos .current-info {
display: none; }
@media (min-width: 900px) {
.area-infos .area-infos__bottom {
padding: 48px;
padding-bottom: 24px; } }
.calendar .clndr {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
margin: 0 auto;
max-width: 350px;
text-align: center; }
.calendar .clndr-controls {
position: relative; }
.calendar .clndr-controls:after {
content: "";
display: table;
clear: both; }
.calendar .clndr-controls .month {
position: absolute;
top: 0;
left: 0;
right: 0; }
.calendar .clndr-controls .clndr-control-button {
float: left;
margin-bottom: 12px; }
.calendar .clndr-controls .clndr-control-button span {
text-indent: -9999px;
width: 24px;
display: block;
position: relative;
z-index: 5;
cursor: pointer; }
.calendar .clndr-controls .clndr-control-button span:after {
content: '<';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
text-indent: 0;
display: block; }
.calendar .clndr-controls .clndr-control-button span.clndr-next-button:after {
content: '>';
left: auto;
right: 0; }
.calendar .clndr-controls .clndr-control-button.rightalign {
float: right; }
.calendar .clndr-table {
margin-bottom: 0; }
.calendar .clndr-table tr {
border-bottom: 1px solid #5a77a2; }
.calendar .clndr-table td {
text-align: center; }
.calendar .clndr-table .day {
padding: 6px;
position: relative; }
.calendar .clndr-table .day.event {
margin-bottom: 0;
background: #5a77a2;
color: #fff;
cursor: pointer;
display: table-cell; }
.calendar .clndr-table .day.selected {
background: #13294a; }
.calendar .clndr-table .dots {
position: absolute;
bottom: 1px;
left: 0;
right: 0;
padding: 0 6px;
text-align: center; }
.calendar .clndr-table .header-day {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
padding: 0; }
.dl-box {
width: 100%;
background: #d0d4db;
margin-bottom: 24px; }
.dl-box .dl-box__image {
display: none;
width: 100%;
height: 200px;
background-size: cover; }
.dl-box .dl-box__body {
padding: 24px; }
.dl-box .dl-box__type {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
line-height: 24px;
border-bottom: 2px solid #3e75a7;
color: #3e75a7;
display: inline-block;
text-transform: uppercase; }
.dl-box .dl-box__title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.7142857143;
line-height: 36px;
margin-bottom: 36px;
word-wrap: break-word; }
.dl-box .dl-box__link {
font-weight: 600;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
display: inline-block;
text-decoration: none;
vertical-align: middle;
margin-right: 24px;
margin-bottom: 12px; }
.dl-box .dl-box__link .icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
stroke: #5a77a2;
display: inline-block;
vertical-align: middle;
margin-top: -12px;
width: 48px;
height: 48px; }
.dl-box .dl-box__link .icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.dl-box .dl-box__link .icon svg,
.dl-box .dl-box__link .icon img {
display: block;
height: 48px;
width: 48px; }
.dl-box .dl-box__link .icon .icon_phone {
stroke-width: 15; }
.dl-box .dl-box__link .icon .icon_bookmark {
stroke-width: 24px; }
.dl-box .dl-box__info {
color: #666;
display: inline-block;
vertical-align: middle;
padding-left: 6px;
margin-bottom: 12px; }
@media (min-width: 720px) {
.dl-box {
position: relative; }
.dl-box .dl-box__image {
display: block;
position: absolute;
top: 0;
right: 50%;
bottom: 0;
left: 0;
width: auto;
height: auto; }
.dl-box .dl-box__body {
margin-left: 50%; } }
.two-state-block > * {
transition: opacity 0.3s;
overflow: hidden; }
.two-state-block .two-state-block__second {
transition: opacity 0.3s, height 0 linear 0.3s;
height: 0;
opacity: 0; }
.two-state-block.two-state-block--expanded .two-state-block__initial {
transition: opacity 0.3s, height 0 linear 0.3s;
height: 0;
opacity: 0; }
.two-state-block.two-state-block--expanded .two-state-block__second {
height: auto;
opacity: 1; }
.tweet {
/*@include font-size(14px);*/
clear: left;
margin-bottom: 24px; }
.tweet:after {
content: "";
display: table;
clear: both; }
.tweet:last-child {
margin-bottom: 0; }
.tweet a {
text-decoration: underline; }
.tweet a:hover {
text-decoration: none; }
.tweet .tweet__account-link {
margin-bottom: 12px;
opacity: 0.6; }
.tweet .tweet__body {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 12px;
word-wrap: break-word; }
.tweet .tweet__time {
float: left;
opacity: 0.6; }
.tweet .tweet__actions {
position: relative;
z-index: 15;
float: right; }
.tweet .tweet__action {
display: inline-block; }
.tweet.tweet--small .tweet__body {
margin-bottom: 0; }
@media (min-width: 720px) {
.tweet .tweet__body {
/*@include font-size(14px);*/ } }
.form-block {
margin-bottom: 12px;
padding: 12px 24px;
background: #717f92; }
.form-block:after {
content: "";
display: table;
clear: both; }
.form-block,
.form-block p {
color: #fff; }
.form-block a {
color: #fff !important;
opacity: 0.6;
text-decoration: none;
display: inline-block; }
.form-block a.lost-password {
margin-top: 12px; }
.form-block label {
margin-bottom: 24px; }
.form-block input,
.form-block select,
.form-block .custom-select {
margin-bottom: 12px; }
.form-block .btn-select,
.form-block input[type=text],
.form-block input[type=email],
.form-block input[type=password] {
background: #fff;
border: 1px solid #d0d4db; }
.form-block input[type=submit] {
margin-bottom: 0;
margin-right: 24px; }
.form-block input[type=submit].btn--right {
margin-right: 0; }
.form-block .form-block__message {
background: #abb300;
color: #fff;
padding: 12px;
margin-bottom: 12px; }
.form-block .form-block__legal {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
line-height: 18px;
margin-top: -12px;
margin-bottom: 12px; }
.form-block.form-block--plain {
background: none;
padding: 0;
color: #13294a; }
.form-block.form-block--plain a {
color: #13294a !important; }
.slider .slick-list {
opacity: 1 !important; }
.slider .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 12px; }
.slider .slick-arrow svg {
stroke: #fff; }
.slider .slick-arrow .icon + .icon {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 20px; }
.slider .slick-arrow .icon + .icon svg {
stroke: #13294a;
width: 20px;
height: 20px; }
.slider .slick-prev {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
left: 12px;
right: auto; }
.slider .slick-dots {
list-style: none;
margin-left: 0;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 12px;
/*z-index: 110;*/
/*@media (min-width: $header-bp1) {*/
/*display: block;*/
/*button {*/
/*border-color: #fff;*/
/*}*/
/*.slick-active button {*/
/*background: #fff;*/
/*}*/
/*}*/ }
.slider .slick-dots li {
display: inline-block; }
.slider .slick-dots button {
position: relative;
overflow: hidden;
border-radius: 50%;
border: 2px solid #13294a;
width: 12px;
height: 12px;
background: #fff;
margin: 0 6px;
padding: 0;
text-indent: 48px; }
.slider .slick-dots button:before {
/*content: '';*/
display: block;
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
background: #fff; }
.slider .slick-dots button:focus {
opacity: 1; }
.slider .slick-dots .slick-active button {
background: #13294a;
border-color: #fff; }
.testimonials {
margin-bottom: 24px;
padding: 0 48px; }
.testimonials .testimonial {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-style: italic; }
.testimonials .testimonial p {
margin-bottom: 0; }
.testimonials .testimonial__meta {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
color: #13294a; }
.testimonials .slick-arrow svg {
fill: none;
stroke: #d0d4db; }
.testimonials .slick-arrow svg .icon_xing {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_twitter {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_linkedin {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_calendar {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_share_alt {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_lawnow {
stroke-width: 0;
fill: #d0d4db; }
.testimonials .slick-arrow svg .icon_eguide {
stroke-width: 0;
fill: #d0d4db; }
.presented-by {
color: #717f92;
margin-top: 24px;
margin-bottom: 24px; }
.presented-by > * {
display: inline-block;
margin-right: 24px;
vertical-align: middle; }
.presented-by .presented-by__entry {
height: 72px; }
.presented-by .presented-by__entry img {
max-height: 100%; }
@media (min-width: 720px) {
.presented-by {
margin-bottom: 0; } }
.location-info .location-info__title {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
position: relative;
text-transform: none;
margin-bottom: 24px;
/*padding-left: $space*2;*/ }
.location-info .location-info__title .icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
float: left;
margin-right: 24px;
position: absolute;
top: 0;
left: 0; }
.location-info .location-info__title .icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.location-info .location-info__title .icon svg,
.location-info .location-info__title .icon img {
display: block;
height: 48px;
width: 24px; }
.location-info .location-info__title .icon .icon_phone {
stroke-width: 15; }
.location-info .location-info__title .icon .icon_bookmark {
stroke-width: 24px; }
.type-filter {
margin-top: 24px;
margin-bottom: 24px; }
.type-filter:after {
content: "";
display: table;
clear: both; }
.type-filter .type-filter__filter {
display: inline-block;
margin-bottom: 3px;
padding: 6px 12px;
background: #edeff2;
text-decoration: none;
border: none;
vertical-align: top;
text-align: left; }
.type-filter .type-filter__filter-count {
color: #717f92;
height: 24px; }
.type-filter .type-filter__filter-name {
color: #3e75a7; }
.type-filter .type-filter__filter--selected {
background: #13294a; }
.type-filter .type-filter__filter--selected,
.type-filter .type-filter__filter--selected .type-filter__filter-name,
.type-filter .type-filter__filter--selected .type-filter__filter-count {
color: #fff; }
.search-list,
.search-list ul {
margin-left: 0;
list-style: none; }
.search-list li {
padding: 0; }
.search-list a {
clear: left;
text-decoration: none;
font-weight: 300;
position: relative;
text-transform: uppercase; }
.search-list a:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px;
margin-top: 6px;
vertical-align: top; }
.spelling-notice .spelling-notice__intro {
color: #3e75a7;
margin-bottom: 12px; }
.spelling-notice .spelling-notice__intro + * {
margin-bottom: 12px; }
.spelling-notice .spelling-notice__instead {
color: #717f92;
margin-bottom: 24px; }
@media (min-width: 1160px) {
.spelling-notice + .page-box__element.right-sided {
padding-top: 36px; } }
.desks .desks__selector {
background: #3e75a7; }
.desks .desks__selector:after {
content: "";
display: table;
clear: both; }
.desks .tabs-list {
display: none; }
.desks .tabs-list:after {
content: "";
display: table;
clear: both; }
.desks .tabhead {
display: block;
float: none !important; }
.desks .tabhead,
.desks .desks__selector-option {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.0909090909;
font-weight: 300;
background: #3e75a7;
display: block;
color: #fff;
padding: 24px;
text-decoration: none;
text-align: center;
float: left;
width: 100%; }
.desks .tabhead:hover,
.desks .desks__selector-option:hover {
background: #3e75a7; }
.desks .tabhead.active,
.desks .desks__selector-option.active {
background: #13294a; }
.desks .tabhead.active:hover,
.desks .desks__selector-option.active:hover {
opacity: 1; }
.desks .desks__selector-option.only-tab {
width: 100%; }
.desks .current .desks__selector-option {
background: #13294a; }
.desks .current .desks__selector-option:hover {
opacity: 1;
background: #13294a; }
.desks .tab__body {
padding: 0;
margin-bottom: 0; }
.desks .desks__goto {
padding: 24px; }
.desks .desks__goto a {
font-weight: 600; }
.desks .desks__map {
display: none;
background-color: #eaeaea; }
.desks img {
display: block; }
@media (max-width: 719px) {
.desks .tab__body {
display: block !important; } }
@media (min-width: 720px) {
.desks .tabs-list {
display: block; }
.desks .tabhead {
display: none; }
.desks .desks__selector-option {
display: inline-block;
width: 50%;
position: relative; }
.desks .desks__selector-option.active:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 12px solid #13294a;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-width: 12px;
border-right-width: 12px;
position: absolute;
bottom: -12px;
left: 0;
right: 0;
margin: auto; }
.desks .desks__map {
display: block; }
.desks .desks__goto a {
display: inline-block;
margin-left: 24px; } }
@media (min-width: 1160px) {
.desks .tabs-list li {
display: block; } }
.switch .cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden; }
.switch .cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none; }
.switch input.cmn-toggle-round + label {
padding: 2px;
width: 48px;
height: 24px;
background-color: #dddddd;
border-radius: 60px; }
.switch input.cmn-toggle-round + label:before,
.switch input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: ""; }
.switch input.cmn-toggle-round + label:before {
right: 1px;
background-color: #f1f1f1;
border-radius: 24px;
transition: background 0.4s; }
.switch input.cmn-toggle-round + label:after {
width: 22px;
background-color: #fff;
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
transition: margin 0.4s; }
.switch input.cmn-toggle-round:checked + label:after {
margin-left: 24px; }
.login-register:after {
content: "";
display: table;
clear: both; }
@media (min-width: 720px) {
.login-register > * {
width: 50%; } }
.localization-note {
position: relative;
padding: 6px;
text-align: center;
color: #fff; }
.localization-note:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 12px solid #edeff2;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
right: 0;
left: 0;
bottom: -12px;
margin: auto;
border-left-width: 12px;
border-right-width: 12px;
z-index: 2; }
.localization-note.localization-note--success {
background: #abb300; }
.localization-note.localization-note--success:after {
border-top-color: #abb300; }
.localization-note.localization-note--failure {
background: #d2492a; }
.localization-note.localization-note--failure:after {
border-top-color: #d2492a; }
.localization-note .localization-note__button {
background: rgba(0, 0, 0, 0.2);
display: inline-block;
padding: 3px 12px;
text-transform: uppercase;
text-decoration: none;
margin-left: 3px; }
.newsletter-widget .form-block__message--success {
display: none; }
.newsletter-widget.newsletter-widget--wrong select,
.newsletter-widget.newsletter-widget--wrong .btn-select,
.newsletter-widget.newsletter-widget--wrong input[type=email],
.newsletter-widget.newsletter-widget--wrong input[type=text] {
border: 1px solid #e51313; }
.newsletter-widget.newsletter-widget--submitting .btn-select,
.newsletter-widget.newsletter-widget--submitting input[type=email],
.newsletter-widget.newsletter-widget--submitting input[type=text] {
opacity: 0.5; }
.newsletter-widget.newsletter-widget--sent .form-block__message--success {
display: block; }
.input-square, .input-round {
position: relative;
margin: 20px auto;
font-size: 0; }
.input-square label, .input-round label {
padding-left: 25px;
font-size: 1rem;
word-wrap: break-word; }
.input-square label:before, .input-square label:after, .input-round label:before, .input-round label:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 2px;
left: 0;
cursor: pointer; }
.input-square label:before, .input-round label:before {
background: #f5f5f5; }
.input-square label:after, .input-round label:after {
background: #abb300;
opacity: 0; }
.input-square label:hover::after, .input-round label:hover::after {
opacity: 0.3; }
.input-square input[type=checkbox], .input-square input[type=radio], .input-round input[type=checkbox], .input-round input[type=radio] {
position: absolute;
visibility: hidden; }
.input-square input[type=checkbox]:checked + label:after, .input-square input[type=radio]:checked + label:after, .input-round input[type=checkbox]:checked + label:after, .input-round input[type=radio]:checked + label:after {
opacity: 1; }
.input-square label:before, .input-square label:after {
border: 1px solid #ebebeb; }
.input-round label:before, .input-round label:after {
border-radius: 20px; }
/*
* SCROLLBAR OVERRIDE
*/
.secondary-overlay-21 .ps-in-scrolling .ps-scrollbar-y-rail, .secondary-overlay-21 .psy-y .ps-scrollbar-y-rail {
background-color: #7cb0dd !important; }
.secondary-overlay-21 .ps-in-scrolling .ps-scrollbar-y-rail .ps-scrollbar-y, .secondary-overlay-21 .psy-y .ps-scrollbar-y-rail .ps-scrollbar-y {
background-color: #1e4f86 !important; }
.secondary-overlay-21 .ps-scrollbar-y-rail {
background: #7cb0dd; }
.secondary-overlay-21 .ps-scrollbar-y-rail .ps-scrollbar-y {
background: #567eb9; }
.secondary-overlay-21 .ps-scrollbar-y-rail:hover, .secondary-overlay-21 .ps-scrollbar-y-rail:focus {
background-color: #7cb0dd !important; }
.secondary-overlay-21 .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .secondary-overlay-21 .ps-scrollbar-y-rail:focus .ps-scrollbar-y {
background-color: #1e4f86 !important; }
input,
textarea {
font-weight: 300;
width: 100%;
background: #f5f5f5;
border: 1px solid #ebebeb;
border-radius: 0;
box-shadow: none;
padding: 6px; }
input:hover,
textarea:hover {
opacity: 0.8; }
input[type=search],
textarea[type=search] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/* 2 */
box-sizing: border-box; }
input[type=checkbox],
textarea[type=checkbox] {
width: auto;
margin-right: 12px;
margin-bottom: 0; }
#date-range-inputs .btn.input-btn {
margin-bottom: 12px;
margin-left: 12px;
padding: 6px 24px 7px;
vertical-align: middle; }
#date-range-inputs .custom-input.wrong {
border: 1px solid #e51313; }
/*.custom-select {
margin-top: 0;
&:hover {
border: initial;
}
&:after {
@include triangle('down',6px, #bbb);
background-image: none;
margin-left: 6px;
border-left-width: 4px;
border-right-width: 4px;
content: "";
display: inline-block;
vertical-align: middle;
}
}*/
.table th,
.table td {
padding: 0;
text-align: right; }
.table th p,
.table td p {
margin: 0; }
.table th:first-child,
.table td:first-child {
text-align: left; }
.table th {
border-bottom: 2px solid #00afd8;
color: #00afd8; }
.table th p {
color: #00afd8;
font-weight: bold; }
header {
/*position: absolute;*/
position: relative;
top: 0;
left: 0;
right: 0;
/*box-shadow: 0 2px 6px rgba(19, 41, 74, 0.3);*/
background: #fff; }
header .container {
padding-bottom: 12px; }
@media (min-width: 900px) {
header {
position: static; }
header .container {
padding-bottom: 24px; } }
.header__link {
display: block;
margin-top: 10px;
color: #13294a;
text-transform: uppercase;
position: absolute;
top: 12px; }
@media (min-width: 720px) {
.header__link {
top: 18px; } }
.header__link a {
text-decoration: none;
padding: 12px;
display: block; }
.header__link.menu {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
left: 12px; }
.header__link.menu .icon_xing {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.header__link.menu .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.header__link.menu svg,
.header__link.menu img {
display: block;
height: 24px;
width: 24px; }
.header__link.menu .icon_phone {
stroke-width: 15; }
.header__link.menu .icon_bookmark {
stroke-width: 24px; }
.header__link.menu a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.header__link.local {
float: right;
right: 24px;
background: #fff; }
.logo-container {
text-align: center; }
.logo {
text-align: center;
display: inline-block;
text-decoration: none; }
.logo:hover {
opacity: 1; }
.logo__part {
margin: 0 auto; }
.logo .top {
background-image: url("../bundles/etecturedpcms/img/logo-header.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 107px 36px;
height: 36px;
width: 118px;
margin-top: -6px; }
.no-js .logo .top, .no-svg .logo .top {
background-image: url("../bundles/etecturedpcms/img/logo-header.png"); }
.header--france .logo .top {
background-image: url("../bundles/etecturedpcms/img/logo-france.png");
background-size: contain;
margin-top: 2px; }
.header--angola .logo .top {
background-image: url("../bundles/etecturedpcms/img/logo-angola.png");
background-size: contain;
margin-top: 2px; }
@media (min-width: 450px) {
.header--france .logo .top, .header--angola .logo .top {
width: 250px; } }
@media (min-width: 720px) {
.header--france .logo .top, .header--angola .logo .top {
margin-top: 6px; } }
@media (min-width: 900px) {
.logo .top {
margin-top: 0;
background-size: auto;
height: 48px;
/*width: 150px;*/
width: 157px; }
.header--france .logo .top, .header--angola .logo .top {
width: 434px;
margin-top: 0;
margin-left: 20px;
background-position: top center; } }
.logo .bottom {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
/*display: none;*/
color: #13294a;
border-top: 1px solid #766a62;
padding-top: 3px;
margin-top: 9px;
width: 92px; }
.header--france .logo .bottom, .header--angola .logo .bottom {
display: none; }
@media (min-width: 900px) {
.logo .bottom {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
width: 125px;
margin-top: 12px;
padding-top: 6px; } }
@media (min-width: 900px) {
.logo .bottom {
display: block; } }
.nav-part a {
text-decoration: none; }
.nav-part ul {
list-style: none;
margin: 0; }
.nav-part li {
margin-top: 12px; }
.nav-part li:first-child {
margin-top: 0; }
.nav-part.top {
background: #fff; }
.nav-part.top a {
color: #666; }
.nav-part.top a.selected {
color: #6B94D0; }
.nav-part.top .hide-menu {
display: block;
margin: 10px 0 12px;
text-transform: uppercase; }
.nav-part.top .search {
margin-bottom: 12px;
position: relative; }
.nav-part.top .search .search-icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
position: absolute;
right: 0;
top: 3px;
fill: #000;
opacity: 0.1;
padding: 6px;
border: none;
background-color: transparent; }
.nav-part.top .search .search-icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.nav-part.top .search .search-icon svg,
.nav-part.top .search .search-icon img {
display: block;
height: 18px;
width: 18px; }
.nav-part.top .search .search-icon .icon_phone {
stroke-width: 15; }
.nav-part.top .search .search-icon .icon_bookmark {
stroke-width: 24px; }
.nav-part.top .search .search-icon--clear {
opacity: 0.8;
display: none; }
.nav-part.top .search .autocomplete {
border: 1px solid #13294a;
background: #f5f5f5;
border: 1px solid #ebebeb;
position: absolute;
left: 0;
right: 0;
z-index: 999;
overflow: hidden;
display: none; }
.nav-part.top .search .autocomplete ul {
position: static;
/*padding: $space/4 0;*/ }
.nav-part.top .search .autocomplete li {
margin-top: 0; }
.nav-part.top .search .autocomplete a {
font-weight: 300;
padding: 6px 6px;
display: block; }
.nav-part.top .search .autocomplete a:hover {
/*opacity: 1;*/
/*background: $color-light-gray;*/ }
.nav-part.top .search.search--not-empty .autocomplete {
display: block; }
.nav-part.top .search.search--not-empty .search-icon--search {
display: none; }
.nav-part.top .search.search--not-empty .search-icon--clear {
display: block; }
.nav-part.bottom {
background: #13294a; }
.nav-part.bottom a {
color: #fff; }
.nav-part.bottom a.selected, .nav-part.bottom a.active {
color: #bbb; }
.nav-part.login .container {
margin-left: -12px; }
.nav-part.login .nav-button {
display: inline-block;
margin-bottom: 24px;
margin-left: 12px;
padding: 6px 24px; }
.nav-part.login .nav-button--login {
background: #abb300;
color: #fff; }
.nav-part.login .nav-button--international {
background: #edeef1;
display: none; }
.secondary-menu {
display: none; }
@media (min-width: 900px) and (max-width: 1160px) {
.header--france ~ .nav-block, .header--angola .nav-block {
height: 199px; } }
@media (min-width: 1160px) and (max-width: 1279px) {
.header--france ~ .nav-block, .header--angola .nav-block {
height: 163px; } }
@media (min-width: 900px) {
.top-bar,
.offscreen-element {
transition: box-shadow 0.2s linear;
position: relative;
background: #fff;
z-index: 1;
/*box-shadow: 0 2px 6px rgba(19, 41, 74, 0.3);*/ }
.offcanvas-sec-active .top-bar, .offcanvas-sec-active
.offscreen-element {
box-shadow: none; }
.top-bar .wrap,
.offscreen-element .wrap {
position: relative;
max-width: 1280px;
margin: 0 auto; }
header {
float: left;
box-shadow: none; }
.logo {
float: left;
position: relative;
left: -12px; }
.header__link {
top: 28px; }
.header__link.menu {
display: none; }
.nav-block {
height: 139px; }
.nav-part li {
display: inline-block;
margin-right: 48px;
margin-top: 0; }
.nav-part a {
position: relative; }
.nav-part a:after {
transition: opacity 0.2s linear;
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-bottom: 12px solid #edeff2;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
right: 0;
left: 0;
bottom: -25px;
margin: auto;
opacity: 0;
border-left-width: 12px;
border-right-width: 12px;
display: none; }
.nav-part a.active:after {
opacity: 1 !important; }
.nav-part a.active:hover {
opacity: 1; }
.nav-part.top .container {
padding: 0 24px; }
.nav-part.top ul {
position: absolute;
bottom: 24px;
right: 318px;
left: 209px; }
.nav-part.top ul:after {
content: "";
display: table;
clear: both; }
.nav-part.top ul.ul--france {
left: 36px; }
.nav-part.top li {
width: 50%;
/*max-width: 204px;*/
margin: 0;
margin-top: 12px;
padding-right: 12px; }
.nav-part.top .hide-menu {
display: none; }
.nav-part.top .search {
width: 318px;
position: absolute;
right: 12px;
padding: 12px;
padding-bottom: 18px;
/*bottom: $space - $space/4;*/
bottom: 0;
margin-bottom: 0;
/*overflow: hidden;*/ }
.nav-part.top .search .search-icon {
right: 12px;
top: 14px; }
.nav-part.top .search .autocomplete {
left: 12px;
right: 12px; }
.nav-part.top .search .search-overlay {
transition: all 0.2s linear;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1; }
.nav-part.top .search .search-overlay.active {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.nav-part.bottom a:after {
bottom: auto;
top: -25px;
border-top: 12px solid #204067;
border-bottom: none; }
.nav-part.bottom.footer {
display: none; }
.nav-part.login {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
position: absolute;
top: 0;
right: 24px; }
.nav-part.login .container {
padding: 0; }
.nav-part.login .nav-button--international {
display: inline-block; }
.secondary-menu {
display: block;
/*box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.5);*/ }
.secondary-menu ul {
padding-left: 12px; } }
@media (min-width: 1280px) {
.nav-part a:after {
display: block; } }
@media (min-width: 1255px) {
.nav-part.top li {
width: auto;
max-width: none;
margin-right: 26px;
padding-right: 0; } }
.header--angola .locale-select__instance.country {
display: none; }
.header--angola .locale-select__toggle {
display: none; }
.locale-select__toggle {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
fill: #bbb;
stroke: none;
float: right; }
.locale-select__toggle .icon_xing {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.locale-select__toggle svg,
.locale-select__toggle img {
display: block;
height: 24px;
width: 24px; }
.locale-select__toggle .icon_phone {
stroke-width: 15; }
.locale-select__toggle .icon_bookmark {
stroke-width: 24px; }
.locale-select__toggle svg,
.locale-select__toggle img {
display: inline-block;
vertical-align: top; }
.locale-select__toggle:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 6px solid #bbb;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: static;
margin-left: 6px;
border-left-width: 4px;
border-right-width: 4px;
display: inline-block;
vertical-align: middle; }
.locale-select__instance {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
display: none;
text-transform: none;
vertical-align: top;
background-color: #fff; }
.locale-select__instance .icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
display: inline-block;
position: relative;
top: 8px;
vertical-align: top;
fill: #13294a; }
.locale-select__instance .icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.locale-select__instance .icon svg,
.locale-select__instance .icon img {
display: block;
height: 18px;
width: 18px; }
.locale-select__instance .icon .icon_phone {
stroke-width: 15; }
.locale-select__instance .icon .icon_bookmark {
stroke-width: 24px; }
.locale-select__instance ul {
margin-bottom: 0;
padding-right: 12px; }
.locale-select__instance.country {
margin-right: 12px; }
.locale-select__instance.country .locale-select__options {
padding-left: 22px; }
.locale-select__instance.language {
display: block;
margin-top: -11px;
margin-right: 12px;
padding-left: 14px; }
.locale-select__instance.language .language-option--desktop {
display: none; }
.locale-select__selected {
display: inline-block; }
.locale-select__selected button {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
background: none;
border: none;
padding: 6px;
padding-right: 0;
padding-bottom: 0; }
.locale-select__selected button:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 6px solid #bbb;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: static;
border-left-width: 4px;
border-right-width: 4px;
display: inline-block;
margin-left: 4px;
vertical-align: middle; }
.locale-select__options {
background: #fff;
position: absolute;
z-index: 99;
display: none; }
.locale-select__options ul {
list-style: none;
margin-left: 0; }
.locale-select__options a {
padding: 6px; }
/*.locale-select__locale-menu {*/
/*display: none;*/
/*position: fixed;*/
/*top: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*left: 0;*/
/*z-index: 9999;*/
/*background: $color-white;*/
/*.locale-menu-open & {*/
/*display: block;*/
/*}*/
/*}*/
/*.locale-select__country-list {*/
/*clear: both;*/
/*}*/
.country-menu {
display: none;
padding: 24px;
overflow: hidden;
position: absolute;
top: 103px;
left: 0;
right: 0;
z-index: 9999;
background: #fff; }
.locale-menu-open .country-menu {
display: block; }
.country-menu .nav-button--international {
display: inline-block;
margin-bottom: 24px;
padding: 6px 24px;
background: #edeef1;
text-decoration: none; }
.country-menu__close {
width: 24px;
height: 24px;
background: none;
border: none;
position: absolute;
top: 24px;
right: 12px; }
.country-menu__close svg {
width: 12px;
height: 12px;
stroke: #13294a;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.country-menu__list h4 {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
margin-bottom: 0; }
.country-menu__list ul {
list-style: none;
margin-left: 0; }
.country-menu__list li {
padding-left: 0; }
.country-menu__list a {
text-decoration: none;
color: #666; }
@media (min-width: 720px) {
.locale-select__instance.language {
display: inline-block;
margin-top: 6px; }
.locale-select__instance.language .language-option--mobile {
display: none; }
.locale-select__instance.language .language-option--desktop {
display: inline; } }
@media (min-width: 900px) {
.country-menu {
position: static; }
.country-menu .nav-button--international {
display: none; }
.country-menu__column {
float: left;
width: 50%; }
.country-menu__list {
width: 50%;
float: left; }
.country-menu__list--two-column {
width: 100%; }
.country-menu__list--two-column ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2; }
.locale-select {
position: relative;
z-index: 999; }
a.locale-select__toggle {
display: none; }
.locale-select__instance {
display: inline-block; }
.locale-select__instance.language {
margin: 0;
padding-left: 0; }
.locale-menu-open .header__link.local,
.locale-menu-open .nav-block {
display: none; } }
.hero-element {
position: relative;
overflow: hidden;
text-align: center; }
.hero-element .secondary-overlay {
text-align: left; }
@media (min-width: 900px) {
.hero-element {
transition: height 0.2s linear;
height: 0; }
.slider-active .hero-element {
height: 384px; }
.offcanvas-sec-active .hero-element {
height: 768px; } }
@media (min-width: 1160px) {
.slider-active .hero-element,
.offcanvas-sec-active .hero-element {
height: 384px; } }
.main-slider {
position: relative; }
.main-slider a {
text-decoration: none; }
.main-slider h2 {
font-weight: 700;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.8461538462;
line-height: 36px;
text-transform: uppercase; }
.main-slider h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
max-width: 700px;
margin: 0 auto;
margin-bottom: 24px;
text-transform: uppercase;
display: none; }
.main-slider .slide {
/*@include text-shadow-light;*/
display: block;
overflow: hidden;
text-align: center;
padding: 24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 24px 48px;
padding-bottom: 48px; }
.main-slider .slide--dark {
/*@include text-shadow-dark;*/
color: #fff; }
@media (min-width: 720px) {
.main-slider h2 {
font-size: 44px;
font-size: 2.75rem;
line-height: 1.0909090909;
max-width: 610px;
margin: 0 auto 24px auto; }
.main-slider h3 {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.0909090909;
display: block; }
.main-slider .slide {
padding: 48px 24px;
height: 384px; } }
@media (min-width: 1160px) {
.main-slider .slide {
padding: 72px 24px; } }
@media (min-width: 1280px) {
.main-slider .slide {
/*width: $container-size!important;*/ } }
.block-list,
.block-list ul {
list-style: none;
margin-left: 0; }
.block-list li ul li,
.block-list ul li ul li {
padding-left: 24px; }
.block-list li {
border-top-width: 1px;
border-top-style: solid;
padding: 12px 0; }
.block-list li.selected {
background: rgba(187, 187, 187, 0.7); }
.block-list li.selected li {
background: #edeff2; }
.block-list li:first-child {
border-top: none; }
.block-list a {
text-decoration: none;
display: block; }
.block-list .icon {
display: inline-block;
margin-right: 24px;
vertical-align: middle;
top: -2px; }
.block-list .figure {
float: right;
display: inline-block; }
.block-list .count {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
border-radius: 12px;
padding: 0 6px;
background: #13294a;
color: #fff;
display: inline-block;
float: right; }
.block-list .show-all {
color: #5a77a2; }
.secondary-overlay .block-list ul {
margin-bottom: 0; }
.secondary-overlay .block-list + .show-all {
margin-top: 12px; }
.secondary-overlay .block-list li:first-child {
padding-top: 0; }
.block-list--caps a {
font-weight: 600;
text-transform: uppercase; }
.block-list--arrow-links a {
clear: left;
text-decoration: none; }
.block-list--arrow-links a:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px;
margin-top: 6px;
vertical-align: top; }
.block-list--arrow-links a:after {
float: right; }
.block-list--border-gray li {
border-top-color: #d0d4db; }
.block-list--padding-none li {
padding: 0; }
.block-list--padding-small li {
padding-top: 6px;
padding-bottom: 6px; }
.block-list--padding-large li {
padding-top: 36px;
padding-bottom: 36px; }
.block-list--font-small {
font-size: 12px;
font-size: 0.75rem;
line-height: 2; }
.block-list--font-gray {
opacity: 0.6; }
.block-list--font-gray li {
border-top-color: #d0d4db; }
.block-list--big-blocks a {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
background: #13294a;
padding: 15px;
color: #fff; }
.block-list--big-blocks li {
margin-bottom: 12px;
padding: 0;
border: none; }
.block-list--big-blocks.block-list--arrow-links a {
position: relative;
padding-right: 30px; }
.block-list--big-blocks.block-list--arrow-links a:after {
position: absolute;
bottom: 21px;
right: 15px;
top: auto; }
.event-list {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143; }
.event-list li {
border: none !important;
margin-bottom: 12px;
padding: 0; }
.event-list h4 {
text-transform: uppercase; }
.event-list .event-list__additional {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
opacity: 0.6; }
.event-list .event-list__title {
text-transform: uppercase; }
.general-page .location-info li {
color: #fff; }
.secondary-overlay-1 {
background: #edeef1;
color: #13294a; }
.search-overlay-1 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-1:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-1:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-1 .tile:after,
.home-page .secondary-overlay-1 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-2 {
background: #edeef1;
color: #13294a; }
.search-overlay-2 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-2:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-2:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-2 .tile:after,
.home-page .secondary-overlay-2 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-3 {
background: #edeef1;
color: #13294a; }
.search-overlay-3 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-3:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-3:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-3 .tile:after,
.home-page .secondary-overlay-3 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-4 {
background: #edeef1;
color: #13294a; }
.search-overlay-4 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-4:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-4:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-4 .tile:after,
.home-page .secondary-overlay-4 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-5 {
background: #edeef1;
color: #13294a; }
.search-overlay-5 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-5:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-5:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-5 .tile:after,
.home-page .secondary-overlay-5 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-6 {
background: #edeef1;
color: #13294a; }
.search-overlay-6 {
background: #edeef1; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-6:after {
border-top: 12px solid #edeef1; }
.nav-part.top .secondary-overlay-link-6:after {
border-bottom: 12px solid #edeef1; }
.secondary-overlay-6 .tile:after,
.home-page .secondary-overlay-6 .tile:after {
display: block;
content: "";
background: #edeef1;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-21 {
background: #9ad3e6;
color: #13294a; }
.search-overlay-21 {
background: #9ad3e6; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-21:after {
border-top: 12px solid #9ad3e6; }
.nav-part.top .secondary-overlay-link-21:after {
border-bottom: 12px solid #9ad3e6; }
.secondary-overlay-21 .tile:after,
.home-page .secondary-overlay-21 .tile:after {
display: block;
content: "";
background: #9ad3e6;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-22 {
background: #cbebf2;
color: #13294a; }
.search-overlay-22 {
background: #cbebf2; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-22:after {
border-top: 12px solid #cbebf2; }
.nav-part.top .secondary-overlay-link-22:after {
border-bottom: 12px solid #cbebf2; }
.secondary-overlay-22 .tile:after,
.home-page .secondary-overlay-22 .tile:after {
display: block;
content: "";
background: #cbebf2;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-23 {
background: #f6e9d9;
color: #13294a; }
.search-overlay-23 {
background: #f6e9d9; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-23:after {
border-top: 12px solid #f6e9d9; }
.nav-part.top .secondary-overlay-link-23:after {
border-bottom: 12px solid #f6e9d9; }
.secondary-overlay-23 .tile:after,
.home-page .secondary-overlay-23 .tile:after {
display: block;
content: "";
background: #f6e9d9;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay-24 {
background: #f6edee;
color: #13294a; }
.search-overlay-24 {
background: #f6edee; }
@media (min-width: 900px) {
.nav-part.bottom .secondary-overlay-link-24:after {
border-top: 12px solid #f6edee; }
.nav-part.top .secondary-overlay-link-24:after {
border-bottom: 12px solid #f6edee; }
.secondary-overlay-24 .tile:after,
.home-page .secondary-overlay-24 .tile:after {
display: block;
content: "";
background: #f6edee;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
.secondary-overlay h3 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
/*text-align: center;*/
opacity: 0.7;
text-align: left;
max-width: 276px;
width: 100%;
margin: 0 auto;
margin-bottom: 24px; }
.secondary-overlay .overlay-parts {
text-align: center; }
.secondary-overlay .overlay-parts:after {
content: "";
display: table;
clear: both; }
.secondary-overlay .overlay-part {
/*float: left;*/
text-align: center;
margin-bottom: 24px;
position: relative; }
.secondary-overlay .overlay-part.hidden {
display: none; }
.secondary-overlay .overlay-part--map {
text-align: center; }
.secondary-overlay .overlay-part--map .overlay-part__content {
text-align: center; }
.secondary-overlay .overlay-part--map .show-all {
float: none;
display: inline-block; }
.secondary-overlay .overlay-part--map .custom-select {
margin-bottom: 0 !important; }
.secondary-overlay .overlay-part--map .map {
max-height: 230px; }
.secondary-overlay .overlay-part--map .map img {
max-height: 100%; }
.secondary-overlay .overlay-part--map h3 {
margin-bottom: 0; }
.secondary-overlay .overlay-part--map h4 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
margin-bottom: 0; }
.secondary-overlay .overlay-part--map .custom-select {
margin-bottom: 24px;
width: 250px;
display: inline-block;
margin-right: 24px; }
.secondary-overlay .overlay-part__content {
text-align: left;
display: inline-block;
max-width: 276px;
width: 100%; }
.secondary-overlay .tile__image {
display: none; }
.secondary-overlay .tile__heading {
min-height: 0; }
.secondary-overlay .action-bar {
border-top-color: #13294a;
border-bottom-color: #13294a; }
.secondary-overlay .locations-list h4 {
margin-bottom: 12px; }
.secondary-overlay .overlay-part--search .custom-select {
width: 100%;
margin-bottom: 24px; }
.secondary-overlay .more-link,
.secondary-overlay .show-all {
font-weight: 600;
/*float: right;*/
position: relative;
z-index: 15; }
.secondary-overlay .more-link:after,
.secondary-overlay .show-all:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px;
vertical-align: top;
margin-top: 6px; }
@media (min-width: 720px) {
.secondary-overlay .overlay-parts {
text-align: left; }
.secondary-overlay .tile {
width: 100%;
padding-bottom: 100%; }
.secondary-overlay .tile__image {
display: block; }
.secondary-overlay .tile__heading {
min-height: 48px; }
.secondary-overlay .tile--twitter + .tile--twitter {
display: none; }
.secondary-overlay .overlay-part {
width: 50%;
/*max-width: 300px;*/ }
.secondary-overlay .overlay-part--one-half {
display: block;
margin: 0 auto 24px auto;
width: 100%;
max-width: 600px; }
.secondary-overlay .overlay-part--one-half h3,
.secondary-overlay .overlay-part--one-half .overlay-part__content {
max-width: 576px; }
.secondary-overlay .overlay-part--one-half .tile--small {
width: 50%;
padding-bottom: 50%;
padding-bottom: calc(50% - 12px); }
.secondary-overlay .overlay-part--one-half .tile--middle {
width: 100%;
padding-bottom: 50%;
padding-bottom: calc(50% - 12px); }
.secondary-overlay .overlay-part--one-half .person-grid:after {
content: "";
display: table;
clear: both; }
.secondary-overlay .overlay-part--one-half .person-grid .person-element {
width: 50%;
float: right; }
.secondary-overlay .overlay-part--three-quarters {
width: 100%;
max-width: 900px; }
.secondary-overlay .overlay-part--three-quarters .overlay-part__content {
max-width: 876px; }
.secondary-overlay .overlay-part--three-quarters .tile--small {
width: 50%;
padding-bottom: 50%;
padding-bottom: calc(50% - 12px); }
.secondary-overlay .overlay-part--people .tile:nth-child(2) {
display: none; }
.secondary-overlay .overlay-part--map {
float: left;
width: 50%; }
.secondary-overlay .overlay-part--map h4 {
text-align: left; }
.secondary-overlay .overlay-part--map + .overlay-part {
clear: left;
float: left; } }
@media (max-width: 899px) {
.secondary-overlay .overlay-part--map h3,
.secondary-overlay .map,
.secondary-overlay .overlay-part--results h3 {
display: none; }
.secondary-overlay .overlay-part--map h4 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
opacity: 0.7; }
.secondary-overlay .overlay-part--country .overlay-part__list {
display: none; }
.secondary-overlay .overlay-part--country .overlay-part__dropdown {
display: block; }
.secondary-overlay.secondary-overlay-2 .overlay-part {
float: left; }
.secondary-overlay.secondary-overlay-2 .overlay-part:nth-child(2n) {
float: right; } }
@media (min-width: 900px) {
.secondary-overlay .overlay-part--three-quarters {
width: 100%;
max-width: 900px; }
.secondary-overlay .overlay-part--three-quarters .tile--small {
width: 33.33333%;
padding-bottom: 33.33333%;
padding-bottom: calc(33.33333% - 12px); }
.secondary-overlay .overlay-part--map {
float: none; }
.secondary-overlay .overlay-part--map h4 {
text-align: center; }
.secondary-overlay .overlay-part--map + .overlay-part {
clear: none;
float: none; }
.secondary-overlay .overlay-part--country .overlay-part__dropdown {
display: none; } }
@media (min-width: 1160px) {
.secondary-overlay .tile--twitter + .tile--twitter {
display: inline-block; }
.secondary-overlay .overlay-part {
width: 25%;
margin-bottom: 0;
max-width: none; }
.secondary-overlay .overlay-part--twitter,
.secondary-overlay .overlay-part--one-half {
display: inline-block;
width: 50%; }
.secondary-overlay .overlay-part--twitter {
max-width: 600px; }
.secondary-overlay .overlay-part--twitter h3,
.secondary-overlay .overlay-part--twitter .overlay-part__content {
max-width: 576px; }
.secondary-overlay .overlay-part--twitter .tile--small {
width: 50%;
padding-bottom: 50%;
padding-bottom: calc(50% - 12px); }
.secondary-overlay .overlay-part--twitter .tile--middle {
width: 100%;
padding-bottom: 50%;
padding-bottom: calc(50% - 12px); }
.secondary-overlay .overlay-part--twitter .person-grid:after {
content: "";
display: table;
clear: both; }
.secondary-overlay .overlay-part--twitter .person-grid .person-element {
width: 50%;
float: right; }
.secondary-overlay .overlay-part--results {
width: 25%; }
.secondary-overlay .overlay-part--search {
width: 25%; }
.secondary-overlay .overlay-part--people {
width: 75%; }
.secondary-overlay .overlay-part--people .overlay-part__content {
max-width: 876px; }
.secondary-overlay .overlay-part--people .tile--small {
width: 33.333333%;
padding-bottom: 33.333333%;
padding-bottom: calc(33.33333% - 12px); }
.secondary-overlay .overlay-part--people .tile:nth-child(2) {
display: inline-block; }
.secondary-overlay .overlay-part--map {
width: 50%; }
.secondary-overlay .overlay-part--map h4 {
text-align: center; }
.secondary-overlay .overlay-part--map select {
margin: auto;
display: block; } }
.offcanvas-transition .secondary-overlay {
transition: transform 0.2s linear; }
@media (max-width: 899px) {
.offcanvas-enabled.csstransforms .secondary-overlay {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
width: 85%;
position: fixed;
z-index: 130;
top: 0;
right: 0;
bottom: 0; }
.offcanvas-enabled.csstransforms .secondary-overlay.active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.offcanvas-enabled.csstransforms.offcanvas-sec-active {
overflow: hidden; }
.offcanvas-enabled.csstransforms.offcanvas-sec-active .body-overlay.secondary {
visibility: visible;
opacity: 1; } }
@media (min-width: 900px) {
.offcanvas-enabled.csstransforms .secondary-overlay {
height: 768px;
position: absolute;
top: -768px;
right: 0;
left: 0; }
.offcanvas-enabled.csstransforms .secondary-overlay.secondary-overlay--bottom {
top: auto;
bottom: -768px; }
.offcanvas-enabled.csstransforms .secondary-overlay.active {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.offcanvas-enabled.csstransforms .secondary-overlay.active.secondary-overlay--bottom {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); }
.offcanvas-enabled.csstransforms .overlay-part {
overflow: hidden;
position: relative; }
.offcanvas-enabled.csstransforms .overlay-part__content {
position: relative;
height: 280px; }
.offcanvas-enabled.csstransforms .overlay-part--map .overlay-part__content {
height: 306px; } }
@media (min-width: 1160px) {
.offcanvas-enabled.csstransforms .secondary-overlay {
height: 384px;
top: -384px; }
.offcanvas-enabled.csstransforms .secondary-overlay.secondary-overlay--bottom {
top: auto;
bottom: -384px; } }
.overlay-part--people .tile__heading {
max-height: 4.1em; }
.overlay-part--calendar {
/*.calendar {*/
/*padding: $space;*/
/*padding-top: $space/2;*/
/*background: $color-dark-blue;*/
/*color: $color-white;*/
/*}*/ }
.feed {
margin-top: 24px;
clear: left; }
@media (min-width: 720px) {
.feed {
background: #d0d4db; }
.feed:before, .feed:after {
content: '';
background: #d0d4db;
width: 50vw;
position: absolute;
top: 0;
bottom: 0; }
.feed:before {
left: -50vw; }
.feed:after {
right: -50vw; } }
@media (min-width: 720px) {
.feed {
padding: 24px 0;
position: relative;
margin-bottom: -24px; } }
.feed__title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.7142857143;
font-weight: 600;
margin-bottom: 0;
float: left;
margin-right: 48px; }
.tile-grid {
margin-left: 0; }
.tile-grid:after {
content: "";
display: table;
clear: both; }
@media (min-width: 720px) {
.tile-grid:after {
display: block;
content: "";
background: #d0d4db;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 3px; } }
.tile {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
position: relative;
float: left;
padding-left: 0;
margin-bottom: 24px;
width: 100%;
overflow: hidden;
text-decoration: none; }
.tile.a:hover {
opacity: 0.8; }
.tile.load-more-section {
text-align: center;
padding: 48px 0;
padding-bottom: 0 !important;
height: 144px; }
@media (max-width: 719px) {
.tile {
top: 0 !important;
position: relative !important; } }
@media (min-width: 720px) {
.tile {
width: 50%;
height: 0;
padding-bottom: 50%;
margin-bottom: 2px;
color: #fff !important; }
.tile:after {
display: block;
content: "";
background: #eaeaea;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; }
.home-page .tile:after,
.feed .tile:after {
display: block;
content: "";
background: #d0d4db;
width: 2px;
position: absolute;
top: 0;
right: 0;
bottom: 0; }
.tile.load-more-section {
height: 240px;
padding: 96px 0;
clear: both; }
.tile:hover {
color: #fff; }
.tile .tile__person {
position: absolute;
top: 12px;
right: 24px;
left: 24px; }
.tile .tile__person a {
float: none; }
.tile .tile__content {
padding: 12px 18px;
position: absolute;
left: 0;
bottom: 0;
right: 0;
max-height: 100%; }
.tile .tile__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
padding-bottom: 0;
margin: 0; }
.tile .tile__more {
color: #13294a; }
.tile--small .tile__teaser {
display: none; }
.tile--small .tile__teaser.tile__teaser--persistent {
display: block; }
.tile--middle, .tile--big {
width: 100%;
padding-bottom: 50%; }
.tile.tile--image.tile--middle .tile__image {
right: 50%; }
.tile.tile--image.tile--middle .tile__content {
left: 50.1%; }
.tile.tile--image.tile--big .tile__image {
right: 33.3333%; }
.tile.tile--image.tile--big .tile__content {
left: 66.7666%; } }
@media (min-width: 1160px) {
.tile {
width: 33.333333%;
padding-bottom: 33.333333%; }
.tile--middle {
width: 66.666%;
padding-bottom: 33.334%; }
.tile--big {
width: 100%;
padding-bottom: 33.333333%; } }
.tile__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10; }
.tile__link:hover {
background: rgba(255, 255, 255, 0.4); }
.tile__image {
position: relative;
width: 33.33333%;
float: left;
padding-bottom: 33.333333%;
margin-right: 24px;
margin-bottom: 12px;
height: 0;
background-size: cover;
background-position: center center; }
.tile__image .icon {
fill: none;
stroke: #fff;
position: absolute;
display: block;
width: 72px;
height: 72px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.tile__image .icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile__image .icon .icon_eguide {
stroke-width: 0;
fill: #fff; }
.tile__image .icon svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 36px;
width: 36px;
margin: auto; }
.tile__image .icon svg.icon_lawnow {
width: 48px;
height: 48px; }
.tile__image .name {
font-weight: 700;
padding: 12px 18px;
color: #13294a;
background: rgba(255, 255, 255, 0.5);
display: none; }
@media (min-width: 720px) {
.tile__image:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 12px solid #13294a;
border-top-width: 12px;
border-bottom-width: 12px;
top: 12px;
right: 0; }
.tile--small .tile__image:after {
display: none; }
.tile__image .name {
display: block; } }
.tile__icon {
fill: none;
stroke: #fff;
position: absolute;
display: block;
width: 33.3333333%;
height: 0;
padding-bottom: 33.333333%;
top: 0;
left: 0;
margin: auto; }
.tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; }
.tile__icon svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 36px;
width: 36px;
margin: auto; }
.tile__icon svg.icon_lawnow {
width: 48px;
height: 48px; }
@media (min-width: 720px) {
.tile__icon {
width: 72px;
height: 72px;
padding-bottom: 0;
left: 18px;
bottom: auto;
right: auto;
background: #455f87; } }
.tile__highlight-flag {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
height: 48px;
width: 48px; }
.tile__highlight-flag .icon_xing {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.tile__highlight-flag svg,
.tile__highlight-flag img {
display: block;
height: 24px;
width: 24px; }
.tile__highlight-flag .icon_phone {
stroke-width: 15; }
.tile__highlight-flag .icon_bookmark {
stroke-width: 24px; }
.tile__highlight-flag:after {
/*content: '';*/
display: block;
position: absolute;
top: 0;
left: 0;
border-style: solid;
border-width: 48px 48px 0 0;
border-color: #e51313 transparent transparent transparent; }
.tile__highlight-flag svg {
fill: #fff;
stroke: #13294a;
stroke-width: 6;
position: absolute;
top: 5px;
left: 5px;
z-index: 2;
width: 24px;
height: 24px; }
@media (min-width: 720px) {
.tile__highlight-flag {
display: block;
top: 3px;
right: 3px;
left: auto;
z-index: 2; }
.tile__highlight-flag:after {
border-width: 48px 0 0 48px;
border-color: #e51313 transparent transparent transparent; }
.tile__highlight-flag svg {
left: auto;
right: 5px;
stroke: #fff; }
.tile--dark-bg .tile__highlight-flag {
fill: #fff;
stroke: #fff; } }
.tile__content {
overflow: hidden; }
.tile__date {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143; }
.tile__name {
display: none; }
@media (min-width: 720px) {
.tile__name {
display: block;
position: absolute;
top: 12px;
left: 50.1%;
padding-left: 18px; }
.tile--small .tile__name {
left: auto;
right: 18px; } }
@media (min-width: 1160px) {
.tile--big .tile__name {
left: 66.9%; } }
.tile__heading {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 600;
overflow: hidden;
text-transform: uppercase;
margin-bottom: 12px;
min-height: 48px;
word-wrap: break-word; }
@media (min-width: 720px) {
.tile__heading {
font-size: 24px;
font-size: 1.5rem;
line-height: 1; } }
@media (min-width: 720px) {
.tile__heading--big {
font-size: 32px;
font-size: 2rem;
line-height: 1.5;
line-height: 36px;
margin-bottom: 24px; } }
.tile__teaser {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 12px;
display: none;
max-height: 48px;
overflow: hidden; }
@media (min-width: 720px) {
.tile__teaser {
display: block; } }
.tile__tags {
position: relative;
z-index: 15;
margin-top: -6px;
overflow: hidden; }
.tile__tags .tag,
.tile__tags .heading {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
display: block;
text-decoration: none;
float: left;
clear: left;
margin-right: 6px;
margin-top: 6px;
height: 24px;
overflow: hidden;
white-space: nowrap; }
.tile__tags .heading {
font-weight: 700;
position: absolute;
left: 0;
top: 0;
display: none; }
.tile__tags .tag {
position: relative;
background: #3e75a7;
background: rgba(62, 117, 167, 0.4);
color: #fff;
padding: 0 6px;
text-transform: uppercase;
max-width: 100%; }
.tile__tags .tag:after {
position: absolute;
display: none;
content: '';
top: 0;
right: 0;
bottom: 0;
background: #3e75a7;
background: rgba(62, 117, 167, 0.4);
width: 6px; }
@media (min-width: 720px) {
.tile__tags .tag:after {
display: block; } }
.tile--bucket-news .tile__image {
background-color: #00759a; }
@media (min-width: 720px) {
.tile--bucket-news {
background-color: #00759a; }
.tile--bucket-news .tile__image:after {
border-right-color: #00759a; }
.tile--bucket-news .tile__icon {
background: #009ccd; }
.tile--bucket-news .tile__content {
background: #00759a; }
.tile--bucket-news .tag {
background: #009ccd; }
.tile--bucket-news .tag:after {
background: -moz-linear-gradient(left, #009ccd 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #009ccd 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #009ccd 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #009ccd 0%, rgba(255, 255, 255, 0) 100%); }
.tile--bucket-news .video-button {
background: #00759a; }
.tile--bucket-news .tile__date,
.tile--bucket-news .tile__teaser {
opacity: 0.8; }
.tile--bucket-news .icon,
.tile--bucket-news .tile__icon {
fill: none;
stroke: #fff; }
.tile--bucket-news .icon .icon_xing,
.tile--bucket-news .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_twitter,
.tile--bucket-news .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_linkedin,
.tile--bucket-news .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_calendar,
.tile--bucket-news .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_share_alt,
.tile--bucket-news .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_lawnow,
.tile--bucket-news .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--bucket-news .icon .icon_eguide,
.tile--bucket-news .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--bucket-publication .tile__image {
background-color: #00afd8; }
@media (min-width: 720px) {
.tile--bucket-publication {
background-color: #00afd8; }
.tile--bucket-publication .tile__image:after {
border-right-color: #00afd8; }
.tile--bucket-publication .tile__icon {
background: #0cd1ff; }
.tile--bucket-publication .tile__content {
background: #00afd8; }
.tile--bucket-publication .tag {
background: #0cd1ff; }
.tile--bucket-publication .tag:after {
background: -moz-linear-gradient(left, #0cd1ff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #0cd1ff 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #0cd1ff 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #0cd1ff 0%, rgba(255, 255, 255, 0) 100%); }
.tile--bucket-publication .video-button {
background: #00afd8; }
.tile--bucket-publication .tile__date,
.tile--bucket-publication .tile__teaser {
opacity: 0.8; }
.tile--bucket-publication .icon,
.tile--bucket-publication .tile__icon {
fill: none;
stroke: #fff; }
.tile--bucket-publication .icon .icon_xing,
.tile--bucket-publication .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_twitter,
.tile--bucket-publication .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_linkedin,
.tile--bucket-publication .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_calendar,
.tile--bucket-publication .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_share_alt,
.tile--bucket-publication .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_lawnow,
.tile--bucket-publication .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--bucket-publication .icon .icon_eguide,
.tile--bucket-publication .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--bucket-event .tile__image {
background-color: #e98300; }
@media (min-width: 720px) {
.tile--bucket-event {
background-color: #e98300; }
.tile--bucket-event .tile__image:after {
border-right-color: #e98300; }
.tile--bucket-event .tile__icon {
background: #ff9c1d; }
.tile--bucket-event .tile__content {
background: #e98300; }
.tile--bucket-event .tag {
background: #ff9c1d; }
.tile--bucket-event .tag:after {
background: -moz-linear-gradient(left, #ff9c1d 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #ff9c1d 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #ff9c1d 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #ff9c1d 0%, rgba(255, 255, 255, 0) 100%); }
.tile--bucket-event .video-button {
background: #e98300; }
.tile--bucket-event .tile__date,
.tile--bucket-event .tile__teaser {
opacity: 0.8; }
.tile--bucket-event .icon,
.tile--bucket-event .tile__icon {
fill: none;
stroke: #fff; }
.tile--bucket-event .icon .icon_xing,
.tile--bucket-event .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_twitter,
.tile--bucket-event .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_linkedin,
.tile--bucket-event .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_calendar,
.tile--bucket-event .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_share_alt,
.tile--bucket-event .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_lawnow,
.tile--bucket-event .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--bucket-event .icon .icon_eguide,
.tile--bucket-event .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--bucket-social .tile__image {
background-color: #dc222d; }
@media (min-width: 720px) {
.tile--bucket-social {
background-color: #dc222d; }
.tile--bucket-social .tile__image:after {
border-right-color: #dc222d; }
.tile--bucket-social .tile__icon {
background: #e44d56; }
.tile--bucket-social .tile__content {
background: #dc222d; }
.tile--bucket-social .tag {
background: #e44d56; }
.tile--bucket-social .tag:after {
background: -moz-linear-gradient(left, #e44d56 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #e44d56 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #e44d56 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #e44d56 0%, rgba(255, 255, 255, 0) 100%); }
.tile--bucket-social .video-button {
background: #dc222d; }
.tile--bucket-social .tile__date,
.tile--bucket-social .tile__teaser {
opacity: 0.8; }
.tile--bucket-social .icon,
.tile--bucket-social .tile__icon {
fill: none;
stroke: #fff; }
.tile--bucket-social .icon .icon_xing,
.tile--bucket-social .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_twitter,
.tile--bucket-social .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_linkedin,
.tile--bucket-social .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_calendar,
.tile--bucket-social .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_share_alt,
.tile--bucket-social .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_lawnow,
.tile--bucket-social .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--bucket-social .icon .icon_eguide,
.tile--bucket-social .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--red .tile__image {
background-color: #e51313; }
@media (min-width: 720px) {
.tile--red {
background-color: #e51313; }
.tile--red .tile__image:after {
border-right-color: #e51313; }
.tile--red .tile__icon {
background: #ef3c3c; }
.tile--red .tile__content {
background: #e51313; }
.tile--red .tag {
background: #ef3c3c; }
.tile--red .tag:after {
background: -moz-linear-gradient(left, #ef3c3c 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #ef3c3c 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #ef3c3c 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #ef3c3c 0%, rgba(255, 255, 255, 0) 100%); }
.tile--red .video-button {
background: #e51313; }
.tile--red .tile__date,
.tile--red .tile__teaser {
opacity: 0.8; }
.tile--red .icon,
.tile--red .tile__icon {
fill: none;
stroke: #fff; }
.tile--red .icon .icon_xing,
.tile--red .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_twitter,
.tile--red .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_linkedin,
.tile--red .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_calendar,
.tile--red .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_share_alt,
.tile--red .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_lawnow,
.tile--red .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--red .icon .icon_eguide,
.tile--red .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--blue .tile__image {
background-color: #13294a; }
@media (min-width: 720px) {
.tile--blue {
background-color: #13294a; }
.tile--blue .tile__image:after {
border-right-color: #13294a; }
.tile--blue .tile__icon {
background: #1d3f73; }
.tile--blue .tile__content {
background: #13294a; }
.tile--blue .tag {
background: #1d3f73; }
.tile--blue .tag:after {
background: -moz-linear-gradient(left, #1d3f73 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #1d3f73 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #1d3f73 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #1d3f73 0%, rgba(255, 255, 255, 0) 100%); }
.tile--blue .video-button {
background: #13294a; }
.tile--blue .tile__date,
.tile--blue .tile__teaser {
opacity: 0.8; }
.tile--blue .icon,
.tile--blue .tile__icon {
fill: none;
stroke: #fff; }
.tile--blue .icon .icon_xing,
.tile--blue .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_twitter,
.tile--blue .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_linkedin,
.tile--blue .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_calendar,
.tile--blue .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_share_alt,
.tile--blue .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_lawnow,
.tile--blue .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--blue .icon .icon_eguide,
.tile--blue .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--gray .tile__image {
background-color: #717f92; }
@media (min-width: 720px) {
.tile--gray {
background-color: #717f92; }
.tile--gray .tile__image:after {
border-right-color: #717f92; }
.tile--gray .tile__icon {
background: #8e99a8; }
.tile--gray .tile__content {
background: #717f92; }
.tile--gray .tag {
background: #8e99a8; }
.tile--gray .tag:after {
background: -moz-linear-gradient(left, #8e99a8 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #8e99a8 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #8e99a8 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #8e99a8 0%, rgba(255, 255, 255, 0) 100%); }
.tile--gray .video-button {
background: #717f92; }
.tile--gray .tile__date,
.tile--gray .tile__teaser {
opacity: 0.8; }
.tile--gray .icon,
.tile--gray .tile__icon {
fill: none;
stroke: #fff; }
.tile--gray .icon .icon_xing,
.tile--gray .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_twitter,
.tile--gray .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_linkedin,
.tile--gray .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_calendar,
.tile--gray .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_share_alt,
.tile--gray .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_lawnow,
.tile--gray .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--gray .icon .icon_eguide,
.tile--gray .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
.tile--turquoise .tile__image {
background-color: #3095b4; }
@media (min-width: 720px) {
.tile--turquoise {
background-color: #3095b4; }
.tile--turquoise .tile__image:after {
border-right-color: #3095b4; }
.tile--turquoise .tile__icon {
background: #49afce; }
.tile--turquoise .tile__content {
background: #3095b4; }
.tile--turquoise .tag {
background: #49afce; }
.tile--turquoise .tag:after {
background: -moz-linear-gradient(left, #49afce 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #49afce 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left, #49afce 0%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to left, #49afce 0%, rgba(255, 255, 255, 0) 100%); }
.tile--turquoise .video-button {
background: #3095b4; }
.tile--turquoise .tile__date,
.tile--turquoise .tile__teaser {
opacity: 0.8; }
.tile--turquoise .icon,
.tile--turquoise .tile__icon {
fill: none;
stroke: #fff; }
.tile--turquoise .icon .icon_xing,
.tile--turquoise .tile__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_twitter,
.tile--turquoise .tile__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_linkedin,
.tile--turquoise .tile__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_calendar,
.tile--turquoise .tile__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_share_alt,
.tile--turquoise .tile__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_lawnow,
.tile--turquoise .tile__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.tile--turquoise .icon .icon_eguide,
.tile--turquoise .tile__icon .icon_eguide {
stroke-width: 0;
fill: #fff; } }
@media (min-width: 720px) {
.tile--profile .tile__image, .tile--video .tile__image, .tile--doc .tile__image {
position: absolute;
top: 0;
right: 0;
left: 0; } }
@media (min-width: 720px) {
.tile--middle.tile--video .tile__image, .tile--middle.tile--doc .tile__image, .tile--big.tile--video .tile__image, .tile--big.tile--doc .tile__image {
right: 50%; }
.tile--middle.tile--video .tile__content, .tile--middle.tile--doc .tile__content, .tile--big.tile--video .tile__content, .tile--big.tile--doc .tile__content {
left: 50.1%; } }
@media (min-width: 1160px) {
.tile--big.tile--video .tile__image, .tile--big.tile--doc .tile__image {
right: 33.33333%; }
.tile--big.tile--video .tile__content, .tile--big.tile--doc .tile__content {
left: 66.766666%; } }
@media (min-width: 720px) {
.tile--profile .tile__image {
bottom: 0; }
.tile--profile .tile__content {
position: absolute;
right: 0;
bottom: 0;
left: 0; }
.tile--small.tile--profile .tile__heading {
background: #fff;
background: rgba(255, 255, 255, 0.7);
color: #13294a;
display: inline; }
.tile--small.tile--profile .tile__heading:after {
display: block;
content: "";
height: 9px; }
.tile--middle.tile--profile .tile__image, .tile--big.tile--profile .tile__image {
right: 50%; }
.tile--middle.tile--profile .tile__content, .tile--big.tile--profile .tile__content {
left: 50.1%; }
.tile--middle.tile--double.tile--profile .tile__content {
left: 0; } }
@media (min-width: 1160px) {
.tile--big.tile--profile .tile__image {
right: 66.666666%; }
.tile--big.tile--profile .tile__content {
left: 33.433333%; }
.tile--big.tile--profile .tile__teaser {
display: block; } }
.tile--profile.tile--small .tile__content {
background: none; }
.tile--linkedin > svg {
display: none; }
.tile--linkedin .tile__image {
/*-webkit-filter: blur(3px); */
/*-moz-filter: blur(3px);*/
/*-ms-filter: blur(3px);*/
/*-o-filter: blur(3px);*/
/*filter: blur(3px);*/
-webkit-filter: url(../bundles/etecturedpcms/css/#blur);
filter: url(../bundles/etecturedpcms/css/#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); }
.tile--linkedin .icon svg {
width: 24px;
height: 24px; }
.tile--full-img .tile__content {
display: none; }
@media (min-width: 720px) {
.tile--calendar .tile__date {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6;
text-transform: uppercase; }
.tile--calendar .day {
font-weight: 600; } }
@media (min-width: 720px) {
.tile--video .video-button {
border-radius: 50%;
width: 56px;
height: 56px;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto; }
.tile--video .video-button:before {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 18px solid #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 6px;
margin: auto; }
.tile--video.tile--small .video-button {
top: 16%;
bottom: auto; }
.tile--video.tile--middle .video-button, .tile--video.tile--big .video-button {
width: 78px;
height: 78px; }
.tile--video.tile--middle .video-button:before, .tile--video.tile--big .video-button:before {
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 24px solid #fff;
left: 8px; } }
.tile--full-image .tile__image:after {
display: none; }
.tile--full-image .tile__content {
background: none !important; }
@media (min-width: 720px) {
.tile--full-image .tile__heading {
overflow: visible; } }
#loading {
width: 100%;
height: 177px;
background: url("../bundles/etecturedpcms/img/loading.gif") no-repeat top center;
background-size: auto 100px;
position: absolute;
z-index: 999;
top: 20px;
text-align: center; }
.feed-layer-parent {
position: relative; }
.feed-layer {
position: absolute;
height: 100%;
width: 100%;
background-color: #d0d4db;
z-index: 10000;
/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=90);
/* Older than Firefox 0.9 */
-moz-opacity: 0.9;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.9;
/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.9; }
@media (max-width: 720px) {
.feed-layer {
background-color: #fff; } }
.general-page {
background: #fff; }
.general-page .tile-grid {
margin-bottom: 24px; }
.general-page .tile-grid:after {
content: "";
display: table;
clear: both; }
.general-page .tile-grid:after {
position: static; }
.general-page .search-results .search-result:after {
display: none; }
@media (min-width: 720px) {
.general-page .search-results {
margin: 0 -72px 0 -48px; } }
.general-page li {
color: #666;
font-weight: 300; }
.general-page__extranet-head {
margin: -24px -24px 0 -24px;
padding: 6px 12px;
background: #5a77a2;
color: #fff; }
.general-page__extranet-head .logout {
display: inline-block;
float: right;
background: #13294a;
text-decoration: none;
padding: 6px 12px;
margin-top: -6px;
margin-right: -12px; }
.general-page__extranet-head + .general-page__head {
margin-top: 0; }
@media (min-width: 720px) {
.general-page__extranet-head {
margin: 0; } }
.general-page__head {
/*@include text-shadow-light;*/
position: relative;
background: linear-gradient(to bottom, white 0%, #edeff2 100%);
/* W3C */
background-size: cover;
margin: -24px -24px 0 -24px;
text-align: center;
text-transform: uppercase;
overflow: hidden;
padding: 24px; }
.general-page__head:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.2); }
.general-page__head > * {
z-index: 2;
position: relative; }
.general-page__head--dark {
/*@include text-shadow-dark;*/
color: #fff; }
.general-page__head--dark:before {
background-color: rgba(0, 0, 0, 0.2); }
.general-page__head img {
display: block; }
.general-page__head.general-page__head--boxed-content {
padding: 0;
background: #13294a; }
@media (min-width: 720px) {
.general-page__head {
margin: 0;
padding: 48px; } }
.general-page__head-content {
text-shadow: none;
background: #13294a;
color: #fff;
padding: 48px 24px;
text-align: left;
display: table;
width: 100%; }
.general-page__head-content svg {
fill: none;
stroke: #fff; }
.general-page__head-content svg .icon_xing {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_twitter {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_calendar {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.general-page__head-content svg .icon_eguide {
stroke-width: 0;
fill: #fff; }
.general-page__head-content ul {
margin-bottom: 0; }
.general-page__head-content li {
/*border-color: $color-light-blue;*/
/*color: $color-light-blue;*/
text-transform: none; }
.general-page__head-content .general-page__head-content-container {
display: table-cell;
vertical-align: middle;
width: 100%; }
@media (min-width: 720px) {
.general-page__head--boxed-content .general-page__head-content {
float: left;
width: 50%;
min-height: 264px; } }
@media (min-width: 1160px) {
.general-page__head--boxed-content .general-page__head-content {
float: left;
width: 33.33333%; } }
.general-page__head-image {
margin: -24px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 144px; }
.general-page__head--boxed-content .general-page__head-image {
margin: 0; }
@media (min-width: 720px) {
.general-page__head-image {
margin: -48px;
min-height: none; }
.general-page__head--boxed-content .general-page__head-image {
float: left;
width: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0; } }
@media (min-width: 1160px) {
.general-page__head--boxed-content .general-page__head-image {
width: 66.666666%; } }
.general-page__title {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.8461538462;
line-height: 36px; }
.general-page__head .general-page__title {
margin: 0 auto;
margin-bottom: 24px; }
@media (min-width: 720px) {
.general-page__head .general-page__title {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3333333333;
max-width: 610px; } }
.general-page__subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
display: inline-block; }
.general-page__subtitle.general-page__subtitle--top {
margin-bottom: 0;
margin-top: 0; }
.general-page__head .general-page__subtitle {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
max-width: 700px;
display: inline-block; }
.general-page__body .general-page__subtitle {
font-weight: 300;
margin-right: 12px;
margin-top: -12px; }
.general-page__subtitle-link {
display: inline-block;
margin-bottom: 24px; }
@media (min-width: 1160px) {
.general-page__subtitle-link {
float: right;
margin-top: -1px; } }
.general-page__subheader {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
margin-bottom: 24px; }
.general-page__actions:after {
content: "";
display: table;
clear: both; }
.general-page__actions .bookmark {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
float: left;
stroke-width: 12px; }
.general-page__actions .bookmark .icon_xing {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark svg,
.general-page__actions .bookmark img {
display: block;
height: 36px;
width: 36px; }
.general-page__actions .bookmark .icon_phone {
stroke-width: 15; }
.general-page__actions .bookmark .icon_bookmark {
stroke-width: 24px; }
.general-page__actions .share {
color: #13294a;
float: right;
padding: 6px 0; }
.general-page__actions .applies-to {
padding: 18px 24px 12px 24px;
float: left; }
@media (min-width: 720px) {
.general-page__actions {
padding: 24px 48px;
padding-top: 0; }
.general-page__actions .bookmark {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/ }
.general-page__actions .bookmark .icon_xing {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.general-page__actions .bookmark svg,
.general-page__actions .bookmark img {
display: block;
height: 48px;
width: 36px; }
.general-page__actions .bookmark .icon_phone {
stroke-width: 15; }
.general-page__actions .bookmark .icon_bookmark {
stroke-width: 24px; }
.general-page__actions .share {
margin-top: 12px; } }
.general-page__body {
padding-top: 24px; }
.general-page__body a {
color: #3e75a7; }
@media (min-width: 720px) {
.general-page__body {
padding: 24px 72px 24px 48px; } }
.general-page__perex {
font-weight: 600; }
.general-page__date {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 300;
color: #5a77a2;
margin-bottom: 24px; }
.general-page__perex .general-page__date {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 600;
color: inherit;
margin-bottom: 0; }
.general-page__date .past-event {
color: #e51313; }
@media (min-width: 720px) {
.general-page__date .past-event {
display: inline-block;
border-left: 12px solid #e51313;
margin-left: -48px;
padding-left: 36px;
margin-right: 24px; } }
.general-page__image {
margin-bottom: 24px; }
.general-page__image .caption {
font-size: 10px;
font-size: 0.625rem;
line-height: 2.4;
background: #edeff2;
color: #bbb;
text-align: right;
padding: 0 12px; }
.general-page__image img {
display: block; }
@media (min-width: 720px) {
.general-page__image.left, .general-page__image.right {
width: 50%; }
.general-page__image.left {
float: left;
padding-right: 24px; }
.general-page__image.right {
float: right;
padding-left: 24px; }
.general-page__image.block-left {
padding-right: 50%; }
.general-page__image.block-right {
padding-left: 50%; }
.general-page__image.block-middle {
padding-left: 20%;
padding-right: 20%; } }
.general-page__gallery {
background: #edeff2;
padding: 24px; }
.general-page__gallery .title {
font-weight: 600;
margin-bottom: 24px; }
.general-page__gallery .images:after {
content: "";
display: table;
clear: both; }
.general-page__gallery .image {
margin-bottom: 24px;
margin-top: 0 !important;
margin-left: 0 !important;
float: left; }
.general-page__gallery .image img {
display: block; }
.general-page__gallery .image a {
display: block; }
@media (min-width: 720px) {
.general-page__gallery .image {
width: 50%; } }
@media (min-width: 1160px) {
.general-page__gallery .image {
width: 33.333333%; } }
.general-page__list {
font-weight: 300; }
.general-page__list .title {
font-weight: 600; }
.general-page__list--break-after li {
margin-bottom: 12px; }
.general-page__authors,
.general-page__people {
padding: 48px;
padding-bottom: 24px;
background: #d0d4db;
position: relative; }
.general-page__authors:after,
.general-page__people:after {
content: "";
display: table;
clear: both; }
.general-page__authors h3,
.general-page__people h3 {
float: left;
margin-bottom: 36px; }
.general-page__authors .show-all,
.general-page__people .show-all {
clear: none;
float: right;
display: block; }
.general-page__authors p,
.general-page__people p {
clear: left; }
.general-page__authors .grid, .general-page__authors .button-block, .general-page__authors .tags, .general-page__authors .area-infos .areas, .area-infos .general-page__authors .areas, .general-page__authors .login-register, .general-page__authors .secondary-overlay .overlay-parts, .secondary-overlay .general-page__authors .overlay-parts, .general-page__authors .tile-grid, .general-page__authors .general-page__gallery .images, .general-page__gallery .general-page__authors .images, .general-page__authors .listing-filters, .general-page__authors .listing__results, .general-page__authors .search-result__actions, .general-page__authors .page-boxes, .general-page__authors .page-box__links .links, .page-box__links .general-page__authors .links, .general-page__authors .sidebar-grid,
.general-page__people .grid,
.general-page__people .button-block,
.general-page__people .tags,
.general-page__people .area-infos .areas, .area-infos
.general-page__people .areas,
.general-page__people .login-register,
.general-page__people .secondary-overlay .overlay-parts, .secondary-overlay
.general-page__people .overlay-parts,
.general-page__people .tile-grid,
.general-page__people .general-page__gallery .images, .general-page__gallery
.general-page__people .images,
.general-page__people .listing-filters,
.general-page__people .listing__results,
.general-page__people .search-result__actions,
.general-page__people .page-boxes,
.general-page__people .page-box__links .links, .page-box__links
.general-page__people .links,
.general-page__people .sidebar-grid {
clear: left; }
.general-page__authors .grid:after, .general-page__authors .button-block:after, .general-page__authors .tags:after, .general-page__authors .area-infos .areas:after, .area-infos .general-page__authors .areas:after, .general-page__authors .login-register:after, .general-page__authors .secondary-overlay .overlay-parts:after, .secondary-overlay .general-page__authors .overlay-parts:after, .general-page__authors .tile-grid:after, .general-page__authors .general-page__gallery .images:after, .general-page__gallery .general-page__authors .images:after, .general-page__authors .listing-filters:after, .general-page__authors .listing__results:after, .general-page__authors .search-result__actions:after, .general-page__authors .page-boxes:after, .general-page__authors .page-box__links .links:after, .page-box__links .general-page__authors .links:after, .general-page__authors .sidebar-grid:after,
.general-page__people .grid:after,
.general-page__people .button-block:after,
.general-page__people .tags:after,
.general-page__people .area-infos .areas:after, .area-infos
.general-page__people .areas:after,
.general-page__people .login-register:after,
.general-page__people .secondary-overlay .overlay-parts:after, .secondary-overlay
.general-page__people .overlay-parts:after,
.general-page__people .tile-grid:after,
.general-page__people .general-page__gallery .images:after, .general-page__gallery
.general-page__people .images:after,
.general-page__people .listing-filters:after,
.general-page__people .listing__results:after,
.general-page__people .search-result__actions:after,
.general-page__people .page-boxes:after,
.general-page__people .page-box__links .links:after, .page-box__links
.general-page__people .links:after,
.general-page__people .sidebar-grid:after {
content: "";
display: table;
clear: both; }
.general-page__authors .grid__item, .general-page__authors .button-block .button-block__button, .button-block .general-page__authors .button-block__button, .general-page__authors .tags > a, .general-page__authors
.tags > button, .general-page__authors
.tags .area__header,
.tags .general-page__authors .area__header, .general-page__authors
.tags .tag,
.tags .general-page__authors .tag, .general-page__authors
.tags .heading,
.tags .general-page__authors .heading, .general-page__authors .area-infos .areas > a, .area-infos .general-page__authors .areas > a, .general-page__authors
.area-infos .areas > button,
.area-infos .general-page__authors .areas > button, .general-page__authors
.area-infos .areas .area__header,
.area-infos .areas .general-page__authors .area__header, .general-page__authors
.area-infos .areas .tag,
.area-infos .areas .general-page__authors .tag, .general-page__authors
.area-infos .areas .heading,
.area-infos .areas .general-page__authors .heading, .general-page__authors .login-register > *, .general-page__authors .secondary-overlay .overlay-part, .secondary-overlay .general-page__authors .overlay-part, .general-page__authors .tile, .general-page__authors .general-page__gallery .image, .general-page__gallery .general-page__authors .image, .general-page__authors .listing-filter, .general-page__authors .listing__result, .general-page__authors .search-result__actions .action, .search-result__actions .general-page__authors .action, .general-page__authors .page-box, .general-page__authors .page-box__links .links a, .page-box__links .links .general-page__authors a, .general-page__authors .sidebar-block,
.general-page__people .grid__item,
.general-page__people .button-block .button-block__button, .button-block
.general-page__people .button-block__button,
.general-page__people .tags > a,
.general-page__people
.tags > button,
.general-page__people
.tags .area__header,
.tags
.general-page__people .area__header,
.general-page__people
.tags .tag,
.tags
.general-page__people .tag,
.general-page__people
.tags .heading,
.tags
.general-page__people .heading,
.general-page__people .area-infos .areas > a, .area-infos
.general-page__people .areas > a,
.general-page__people
.area-infos .areas > button,
.area-infos
.general-page__people .areas > button,
.general-page__people
.area-infos .areas .area__header,
.area-infos .areas
.general-page__people .area__header,
.general-page__people
.area-infos .areas .tag,
.area-infos .areas
.general-page__people .tag,
.general-page__people
.area-infos .areas .heading,
.area-infos .areas
.general-page__people .heading,
.general-page__people .login-register > *,
.general-page__people .secondary-overlay .overlay-part, .secondary-overlay
.general-page__people .overlay-part,
.general-page__people .tile,
.general-page__people .general-page__gallery .image, .general-page__gallery
.general-page__people .image,
.general-page__people .listing-filter,
.general-page__people .listing__result,
.general-page__people .search-result__actions .action, .search-result__actions
.general-page__people .action,
.general-page__people .page-box,
.general-page__people .page-box__links .links a, .page-box__links .links
.general-page__people a,
.general-page__people .sidebar-block {
float: left;
margin-bottom: 24px; }
.general-page__authors .grid__item:nth-child(3) ~ *, .general-page__authors .button-block .button-block__button:nth-child(3) ~ *, .button-block .general-page__authors .button-block__button:nth-child(3) ~ *, .general-page__authors .tags > a:nth-child(3) ~ *, .general-page__authors
.tags > button:nth-child(3) ~ *, .general-page__authors
.tags .area__header:nth-child(3) ~ *,
.tags .general-page__authors .area__header:nth-child(3) ~ *, .general-page__authors
.tags .tag:nth-child(3) ~ *,
.tags .general-page__authors .tag:nth-child(3) ~ *, .general-page__authors
.tags .heading:nth-child(3) ~ *,
.tags .general-page__authors .heading:nth-child(3) ~ *, .general-page__authors .area-infos .areas > a:nth-child(3) ~ *, .area-infos .general-page__authors .areas > a:nth-child(3) ~ *, .general-page__authors
.area-infos .areas > button:nth-child(3) ~ *,
.area-infos .general-page__authors .areas > button:nth-child(3) ~ *, .general-page__authors
.area-infos .areas .area__header:nth-child(3) ~ *,
.area-infos .areas .general-page__authors .area__header:nth-child(3) ~ *, .general-page__authors
.area-infos .areas .tag:nth-child(3) ~ *,
.area-infos .areas .general-page__authors .tag:nth-child(3) ~ *, .general-page__authors
.area-infos .areas .heading:nth-child(3) ~ *,
.area-infos .areas .general-page__authors .heading:nth-child(3) ~ *, .general-page__authors .login-register > :nth-child(3) ~ *, .general-page__authors .secondary-overlay .overlay-part:nth-child(3) ~ *, .secondary-overlay .general-page__authors .overlay-part:nth-child(3) ~ *, .general-page__authors .tile:nth-child(3) ~ *, .general-page__authors .general-page__gallery .image:nth-child(3) ~ *, .general-page__gallery .general-page__authors .image:nth-child(3) ~ *, .general-page__authors .listing-filter:nth-child(3) ~ *, .general-page__authors .listing__result:nth-child(3) ~ *, .general-page__authors .search-result__actions .action:nth-child(3) ~ *, .search-result__actions .general-page__authors .action:nth-child(3) ~ *, .general-page__authors .page-box:nth-child(3) ~ *, .general-page__authors .page-box__links .links a:nth-child(3) ~ *, .page-box__links .links .general-page__authors a:nth-child(3) ~ *, .general-page__authors .sidebar-block:nth-child(3) ~ *,
.general-page__people .grid__item:nth-child(3) ~ *,
.general-page__people .button-block .button-block__button:nth-child(3) ~ *, .button-block
.general-page__people .button-block__button:nth-child(3) ~ *,
.general-page__people .tags > a:nth-child(3) ~ *,
.general-page__people
.tags > button:nth-child(3) ~ *,
.general-page__people
.tags .area__header:nth-child(3) ~ *,
.tags
.general-page__people .area__header:nth-child(3) ~ *,
.general-page__people
.tags .tag:nth-child(3) ~ *,
.tags
.general-page__people .tag:nth-child(3) ~ *,
.general-page__people
.tags .heading:nth-child(3) ~ *,
.tags
.general-page__people .heading:nth-child(3) ~ *,
.general-page__people .area-infos .areas > a:nth-child(3) ~ *, .area-infos
.general-page__people .areas > a:nth-child(3) ~ *,
.general-page__people
.area-infos .areas > button:nth-child(3) ~ *,
.area-infos
.general-page__people .areas > button:nth-child(3) ~ *,
.general-page__people
.area-infos .areas .area__header:nth-child(3) ~ *,
.area-infos .areas
.general-page__people .area__header:nth-child(3) ~ *,
.general-page__people
.area-infos .areas .tag:nth-child(3) ~ *,
.area-infos .areas
.general-page__people .tag:nth-child(3) ~ *,
.general-page__people
.area-infos .areas .heading:nth-child(3) ~ *,
.area-infos .areas
.general-page__people .heading:nth-child(3) ~ *,
.general-page__people .login-register > :nth-child(3) ~ *,
.general-page__people .secondary-overlay .overlay-part:nth-child(3) ~ *, .secondary-overlay
.general-page__people .overlay-part:nth-child(3) ~ *,
.general-page__people .tile:nth-child(3) ~ *,
.general-page__people .general-page__gallery .image:nth-child(3) ~ *, .general-page__gallery
.general-page__people .image:nth-child(3) ~ *,
.general-page__people .listing-filter:nth-child(3) ~ *,
.general-page__people .listing__result:nth-child(3) ~ *,
.general-page__people .search-result__actions .action:nth-child(3) ~ *, .search-result__actions
.general-page__people .action:nth-child(3) ~ *,
.general-page__people .page-box:nth-child(3) ~ *,
.general-page__people .page-box__links .links a:nth-child(3) ~ *, .page-box__links .links
.general-page__people a:nth-child(3) ~ *,
.general-page__people .sidebar-block:nth-child(3) ~ * {
display: none; }
.general-page__authors.active .grid__item, .general-page__authors.active .button-block .button-block__button, .button-block .general-page__authors.active .button-block__button, .general-page__authors.active .tags > a, .general-page__authors.active
.tags > button, .general-page__authors.active
.tags .area__header,
.tags .general-page__authors.active .area__header, .general-page__authors.active
.tags .tag,
.tags .general-page__authors.active .tag, .general-page__authors.active
.tags .heading,
.tags .general-page__authors.active .heading, .general-page__authors.active .area-infos .areas > a, .area-infos .general-page__authors.active .areas > a, .general-page__authors.active
.area-infos .areas > button,
.area-infos .general-page__authors.active .areas > button, .general-page__authors.active
.area-infos .areas .area__header,
.area-infos .areas .general-page__authors.active .area__header, .general-page__authors.active
.area-infos .areas .tag,
.area-infos .areas .general-page__authors.active .tag, .general-page__authors.active
.area-infos .areas .heading,
.area-infos .areas .general-page__authors.active .heading, .general-page__authors.active .login-register > *, .general-page__authors.active .secondary-overlay .overlay-part, .secondary-overlay .general-page__authors.active .overlay-part, .general-page__authors.active .tile, .general-page__authors.active .general-page__gallery .image, .general-page__gallery .general-page__authors.active .image, .general-page__authors.active .listing-filter, .general-page__authors.active .listing__result, .general-page__authors.active .search-result__actions .action, .search-result__actions .general-page__authors.active .action, .general-page__authors.active .page-box, .general-page__authors.active .page-box__links .links a, .page-box__links .links .general-page__authors.active a, .general-page__authors.active .sidebar-block,
.general-page__people.active .grid__item,
.general-page__people.active .button-block .button-block__button, .button-block
.general-page__people.active .button-block__button,
.general-page__people.active .tags > a,
.general-page__people.active
.tags > button,
.general-page__people.active
.tags .area__header,
.tags
.general-page__people.active .area__header,
.general-page__people.active
.tags .tag,
.tags
.general-page__people.active .tag,
.general-page__people.active
.tags .heading,
.tags
.general-page__people.active .heading,
.general-page__people.active .area-infos .areas > a, .area-infos
.general-page__people.active .areas > a,
.general-page__people.active
.area-infos .areas > button,
.area-infos
.general-page__people.active .areas > button,
.general-page__people.active
.area-infos .areas .area__header,
.area-infos .areas
.general-page__people.active .area__header,
.general-page__people.active
.area-infos .areas .tag,
.area-infos .areas
.general-page__people.active .tag,
.general-page__people.active
.area-infos .areas .heading,
.area-infos .areas
.general-page__people.active .heading,
.general-page__people.active .login-register > *,
.general-page__people.active .secondary-overlay .overlay-part, .secondary-overlay
.general-page__people.active .overlay-part,
.general-page__people.active .tile,
.general-page__people.active .general-page__gallery .image, .general-page__gallery
.general-page__people.active .image,
.general-page__people.active .listing-filter,
.general-page__people.active .listing__result,
.general-page__people.active .search-result__actions .action, .search-result__actions
.general-page__people.active .action,
.general-page__people.active .page-box,
.general-page__people.active .page-box__links .links a, .page-box__links .links
.general-page__people.active a,
.general-page__people.active .sidebar-block {
display: inline-block; }
.general-page__authors .title,
.general-page__people .title {
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
.general-page__authors .person-image,
.general-page__people .person-image {
width: 84px;
height: 84px; }
@media (min-width: 720px) {
.general-page__authors .grid__item, .general-page__authors .button-block .button-block__button, .button-block .general-page__authors .button-block__button, .general-page__authors .tags > a, .general-page__authors
.tags > button, .general-page__authors
.tags .area__header,
.tags .general-page__authors .area__header, .general-page__authors
.tags .tag,
.tags .general-page__authors .tag, .general-page__authors
.tags .heading,
.tags .general-page__authors .heading, .general-page__authors .area-infos .areas > a, .area-infos .general-page__authors .areas > a, .general-page__authors
.area-infos .areas > button,
.area-infos .general-page__authors .areas > button, .general-page__authors
.area-infos .areas .area__header,
.area-infos .areas .general-page__authors .area__header, .general-page__authors
.area-infos .areas .tag,
.area-infos .areas .general-page__authors .tag, .general-page__authors
.area-infos .areas .heading,
.area-infos .areas .general-page__authors .heading, .general-page__authors .login-register > *, .general-page__authors .secondary-overlay .overlay-part, .secondary-overlay .general-page__authors .overlay-part, .general-page__authors .tile, .general-page__authors .general-page__gallery .image, .general-page__gallery .general-page__authors .image, .general-page__authors .listing-filter, .general-page__authors .listing__result, .general-page__authors .search-result__actions .action, .search-result__actions .general-page__authors .action, .general-page__authors .page-box, .general-page__authors .page-box__links .links a, .page-box__links .links .general-page__authors a, .general-page__authors .sidebar-block,
.general-page__people .grid__item,
.general-page__people .button-block .button-block__button, .button-block
.general-page__people .button-block__button,
.general-page__people .tags > a,
.general-page__people
.tags > button,
.general-page__people
.tags .area__header,
.tags
.general-page__people .area__header,
.general-page__people
.tags .tag,
.tags
.general-page__people .tag,
.general-page__people
.tags .heading,
.tags
.general-page__people .heading,
.general-page__people .area-infos .areas > a, .area-infos
.general-page__people .areas > a,
.general-page__people
.area-infos .areas > button,
.area-infos
.general-page__people .areas > button,
.general-page__people
.area-infos .areas .area__header,
.area-infos .areas
.general-page__people .area__header,
.general-page__people
.area-infos .areas .tag,
.area-infos .areas
.general-page__people .tag,
.general-page__people
.area-infos .areas .heading,
.area-infos .areas
.general-page__people .heading,
.general-page__people .login-register > *,
.general-page__people .secondary-overlay .overlay-part, .secondary-overlay
.general-page__people .overlay-part,
.general-page__people .tile,
.general-page__people .general-page__gallery .image, .general-page__gallery
.general-page__people .image,
.general-page__people .listing-filter,
.general-page__people .listing__result,
.general-page__people .search-result__actions .action, .search-result__actions
.general-page__people .action,
.general-page__people .page-box,
.general-page__people .page-box__links .links a, .page-box__links .links
.general-page__people a,
.general-page__people .sidebar-block {
width: 33.3333333%; }
.general-page__authors .show-all,
.general-page__people .show-all {
position: absolute;
top: 48px;
right: 24px; } }
.general-page__contact {
padding: 48px;
background: #13294a;
color: #fff; }
.general-page__contact:after {
content: "";
display: table;
clear: both; }
.general-page__contact .grid__item, .general-page__contact .button-block .button-block__button, .button-block .general-page__contact .button-block__button, .general-page__contact .tags > a, .general-page__contact
.tags > button, .general-page__contact
.tags .area__header,
.tags .general-page__contact .area__header, .general-page__contact
.tags .tag,
.tags .general-page__contact .tag, .general-page__contact
.tags .heading,
.tags .general-page__contact .heading, .general-page__contact .area-infos .areas > a, .area-infos .general-page__contact .areas > a, .general-page__contact
.area-infos .areas > button,
.area-infos .general-page__contact .areas > button, .general-page__contact
.area-infos .areas .area__header,
.area-infos .areas .general-page__contact .area__header, .general-page__contact
.area-infos .areas .tag,
.area-infos .areas .general-page__contact .tag, .general-page__contact
.area-infos .areas .heading,
.area-infos .areas .general-page__contact .heading, .general-page__contact .login-register > *, .general-page__contact .secondary-overlay .overlay-part, .secondary-overlay .general-page__contact .overlay-part, .general-page__contact .tile, .general-page__contact .general-page__gallery .image, .general-page__gallery .general-page__contact .image, .general-page__contact .listing-filter, .general-page__contact .listing__result, .general-page__contact .search-result__actions .action, .search-result__actions .general-page__contact .action, .general-page__contact .page-box, .general-page__contact .page-box__links .links a, .page-box__links .links .general-page__contact a, .general-page__contact .sidebar-block {
float: left; }
.general-page__contact .person-image {
width: 84px;
height: 84px; }
@media (min-width: 720px) {
.general-page__contact .grid__item, .general-page__contact .button-block .button-block__button, .button-block .general-page__contact .button-block__button, .general-page__contact .tags > a, .general-page__contact
.tags > button, .general-page__contact
.tags .area__header,
.tags .general-page__contact .area__header, .general-page__contact
.tags .tag,
.tags .general-page__contact .tag, .general-page__contact
.tags .heading,
.tags .general-page__contact .heading, .general-page__contact .area-infos .areas > a, .area-infos .general-page__contact .areas > a, .general-page__contact
.area-infos .areas > button,
.area-infos .general-page__contact .areas > button, .general-page__contact
.area-infos .areas .area__header,
.area-infos .areas .general-page__contact .area__header, .general-page__contact
.area-infos .areas .tag,
.area-infos .areas .general-page__contact .tag, .general-page__contact
.area-infos .areas .heading,
.area-infos .areas .general-page__contact .heading, .general-page__contact .login-register > *, .general-page__contact .secondary-overlay .overlay-part, .secondary-overlay .general-page__contact .overlay-part, .general-page__contact .tile, .general-page__contact .general-page__gallery .image, .general-page__gallery .general-page__contact .image, .general-page__contact .listing-filter, .general-page__contact .listing__result, .general-page__contact .search-result__actions .action, .search-result__actions .general-page__contact .action, .general-page__contact .page-box, .general-page__contact .page-box__links .links a, .page-box__links .links .general-page__contact a, .general-page__contact .sidebar-block {
width: 50%; } }
.general-page__calendar {
margin-bottom: 24px;
padding: 24px;
color: #fff;
background: #13294a; }
.general-page__calendar:after {
content: "";
display: table;
clear: both; }
.general-page__calendar .clndr {
margin: 0;
margin-bottom: 24px; }
.general-page__calendar .select-date-prompt {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
color: #fff;
text-align: center;
/*padding-top: $space;*/ }
.general-page__calendar .hidden {
display: none; }
@media (min-width: 720px) {
.general-page__calendar .calendar {
float: left;
width: 50%;
padding-right: 12px; }
.general-page__calendar .calendar .day.selected {
background: #fff;
color: #13294a; }
.general-page__calendar .event-list {
float: right;
width: 50%;
padding-left: 12px; }
.general-page__calendar .event-list a {
color: #fff; } }
.darksite .primary-footer .container:before,
.darksite .sidebar,
.darksite .secondary-menu {
display: none; }
.darksite .top-bar .nav-button--login,
.darksite .top-bar .locale-select,
.darksite .top-bar .search,
.darksite .top-bar .nav-part.top ul,
.darksite .offscreen-element .nav-button--login,
.darksite .offscreen-element .locale-select,
.darksite .offscreen-element .search,
.darksite .offscreen-element .nav-part.top ul {
display: none; }
.darksite .main-block {
background: #13294a; }
.darksite .main-content {
width: 100%;
max-width: 924px;
margin: 0 auto;
display: block;
margin-top: 24px;
margin-bottom: 24px; }
.darksite .general-page .general-page__head {
margin: 0; }
.darksite .general-page .general-page__body {
padding: 24px; }
.darksite .darksite__continue {
padding: 24px;
text-align: center; }
.darksite .darksite__continue .locale-select {
display: inline-block;
vertical-align: middle; }
.darksite .darksite__continue .locale-select .link {
padding: 12px;
padding-top: 6px; }
.darksite .darksite__continue .locale-select__instance {
display: block; }
.darksite .darksite__continue .text {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
color: #fff;
font-weight: 300;
display: inline-block;
padding: 24px;
vertical-align: middle; }
.filter-bar {
padding: 6px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 24px; }
.filter-bar:after {
content: "";
display: table;
clear: both; }
.feed__header .filter-bar {
border-bottom: none;
padding-top: 12px; }
@media (min-width: 720px) {
.filter-bar {
margin-bottom: 0; } }
.filter-bar__block {
display: inline-block; }
.filter-bar__block > * {
vertical-align: middle; }
.filter-bar__block label {
display: inline-block;
margin-left: 12px;
height: 24px; }
.filter-bar__block select,
.filter-bar__block .btn-select {
padding-top: 0;
padding-bottom: 0;
height: auto; }
.filter-bar__block select:after,
.filter-bar__block .btn-select:after {
top: 9px; }
@media (min-width: 720px) {
.filter-bar__block.filter-bar__block--right {
float: right; } }
.filter-bar__header {
font-weight: 300;
font-style: italic;
display: inline-block;
color: #5a6676; }
.filter-bar__tags {
margin-bottom: -12px;
display: inline-block;
vertical-align: middle;
margin-left: 0; }
.filter-bar__tags .tag {
background: none;
max-width: 200px;
overflow: hidden;
height: 24px;
text-overflow: ellipsis;
white-space: nowrap; }
.filter-bar__highlights {
padding-left: 12px; }
.filter-bar__highlights .icon {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px; }
.filter-bar__highlights svg {
stroke: #13294a;
stroke-width: 6;
width: 18px;
height: 18px; }
.listing {
margin-bottom: 24px; }
.listing-filters {
margin-bottom: 24px; }
.listing-filters-header {
float: left;
padding-top: 6px; }
.listing-filters-content {
overflow: hidden;
margin-bottom: -24px; }
.listing-filter {
color: #717f92;
width: auto;
vertical-align: middle;
margin-bottom: 12px; }
.listing-filter--small {
max-width: 144px; }
.listing-filter--hidden {
display: none; }
.listing-filter--hidden.show {
display: inline-block; }
.date-range-picker {
position: relative;
z-index: 9; }
.listing-calendar {
max-width: 350px; }
.listing-calendar .clndr {
margin: 0;
margin-bottom: 24px;
padding: 24px;
background: #13294a;
color: #fff;
max-width: 350px; }
.listing-calendar .day {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
cursor: pointer; }
.listing-calendar .day:hover {
opacity: 0.6; }
.listing__result-count {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 300;
color: #3e75a7;
margin-bottom: 24px; }
.listing__results {
margin-left: -6px; }
.listing__results:after {
content: "";
display: table;
clear: both; }
@media (min-width: 720px) {
.listing__results {
margin-left: -54px;
margin-right: -72px; } }
.listing__result {
padding-left: 6px;
margin-bottom: 6px;
float: left; }
.listing__results--tax .listing__result,
.listing__results--countries .listing__result {
width: 50%; }
@media (min-width: 720px) {
.listing__results--tax .listing__result,
.listing__results--countries .listing__result {
width: 33.3333%; } }
@media (min-width: 900px) {
.listing__results--events .listing__result {
width: 50%; } }
@media (min-width: 1160px) {
.listing__results--events .listing__result {
width: 33.33333%; }
.listing__results--tax .listing__result,
.listing__results--countries .listing__result {
width: 20%; } }
.listing__result-link {
text-decoration: none;
display: block;
position: relative; }
.result-basic {
padding: 24px;
padding-bottom: 48px;
background: #d0d4db; }
.result-basic .result-basic__title {
text-transform: uppercase;
color: #fff;
min-height: 96px; }
.result-basic .result-basic__link {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px; }
.result-event {
padding: 24px;
padding-bottom: 18px;
background: #d0d4db;
text-transform: uppercase; }
.result-event .heading,
.result-event .tag {
margin-bottom: 6px; }
.result-event .result-event__date {
float: left;
margin-right: 24px; }
.result-event .result-event__day {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3333333333; }
.result-event .result-event__month {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
font-weight: 300;
text-transform: uppercase; }
.result-event .result-event__data {
overflow: hidden; }
.result-event .result-event__type {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143; }
.result-event .result-event__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700;
color: #13294a;
min-height: 72px; }
.result-event .result-event__place {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
color: #13294a;
text-transform: none;
margin-bottom: 24px; }
.result-country {
background: #d0d4db;
position: relative;
padding: 24px;
height: 168px;
color: #13294a; }
.result-country .result-country__vacancies {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
color: #13294a;
position: relative;
z-index: 2; }
.result-country .result-country__vacancies .count {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
font-weight: 600;
display: block; }
.result-country .result-country__hover {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
visibility: hidden;
opacity: 0;
position: absolute;
top: 24px;
right: 24px;
bottom: 24px;
left: 24px; }
.result-country .result-country__picture {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center;
opacity: 0.2; }
.result-country .result-country__country {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
z-index: 2;
color: #13294a; }
.result-country:hover {
opacity: 1;
background-color: #204067;
color: #fff; }
.result-country:hover .result-country__hover {
visibility: visible;
opacity: 1;
color: #fff; }
.result-country:hover .result-country__country {
color: #fff; }
.result-country:hover .result-country__vacancies {
opacity: 0; }
.listing__load-more {
margin-top: 24px;
color: #fff;
text-align: center; }
.listing__load-more > * {
display: inline-block; }
.listing-switch {
float: left;
margin-bottom: 6px; }
.listing-switch .listing-switch__option {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
opacity: 0.3;
cursor: pointer; }
.listing-switch .listing-switch__option.active {
opacity: 1; }
.listing-switch .listing-switch__head {
color: #717f92;
padding-right: 24px; }
.listing-switch > * {
display: inline-block;
vertical-align: middle; }
.listing-switch[disabled] {
opacity: 0.3; }
.modal {
display: none;
background: #fff;
z-index: 1;
position: relative; }
.modal.show {
display: block; }
.modal-overlay {
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.search-input {
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
margin-bottom: 24px;
max-width: 350px; }
.search-input:after {
content: "";
display: table;
clear: both; }
.search-input__text {
border: none;
background: #edeff2;
float: left;
width: auto;
-ms-flex: 1;
flex-grow: 1; }
.search-input__submit {
background: #717f92;
color: #fff;
float: right;
width: auto;
padding: 6px; }
.search-input__submit .icon {
margin: 0;
fill: white; }
.search-input__submit svg {
height: 18px;
width: 18px; }
.search-suggestions {
margin-bottom: 24px;
color: #717f92; }
.search-suggestions a {
color: #3e75a7;
text-decoration: none; }
.search-counter {
margin-bottom: 24px; }
.search-counter__counter {
font-size: 34px;
font-size: 2.125rem;
line-height: 1.4117647059;
font-weight: 700;
margin-bottom: 24px;
line-height: 36px;
text-transform: uppercase; }
.search-counter__counter .count {
color: #3e75a7; }
.search-counter__explanation {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333; }
.search-result {
position: relative;
clear: left;
width: 100%;
padding: 24px 0;
padding-right: 12px;
border-top: 1px solid #eaeaea; }
.search-result:first-child {
border-top: none; }
.search-result > * {
overflow: hidden;
vertical-align: top;
display: inline-block; }
.search-result:after {
position: absolute;
display: block;
content: '';
top: 24px;
right: 0;
bottom: 24px;
width: 6px; }
.search-result--news:after {
background: #00759a; }
.search-result--publication:after {
background: #00afd8; }
.search-result--event:after {
background: #e98300; }
.search-result--social:after {
background: #dc222d; }
.search-result a {
position: relative;
z-index: 10; }
@media (min-width: 720px) {
.search-result {
display: table;
min-height: 140px;
margin-bottom: 0;
padding: 24px;
padding-right: 30px;
/*padding-left: 164px;*/ }
.search-result > * {
display: table-cell; }
.search-result:after {
top: 0;
bottom: 0; } }
a.search-result__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2; }
a.search-result__link:hover {
background: rgba(255, 255, 255, 0.6); }
.search-result__highlight {
position: relative;
width: 100px;
height: 100px;
margin-bottom: 6px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.search-result__highlight .icon {
fill: none;
stroke: #fff;
position: absolute;
background: #13294a;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: auto;
height: auto; }
.search-result__highlight .icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.search-result__highlight .icon .icon_eguide {
stroke-width: 0;
fill: #fff; }
@media (min-width: 720px) {
.search-result__highlight {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 140px;
height: auto;
margin-bottom: 0; } }
.search-result__big-date {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 84px;
text-align: center; }
.search-result__big-date .day {
font-size: 48px;
font-size: 3rem;
line-height: 1;
font-weight: 600; }
.search-result__big-date .month {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.7142857143;
line-height: 36px;
text-transform: uppercase; }
.search-result__person-photo {
width: 84px;
height: 84px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.search-result__content {
width: 100%; }
@media (min-width: 720px) {
.search-result__content {
width: auto; }
.search-result__highlight + .search-result__content {
padding-left: 140px; } }
@media (min-width: 1160px) {
.search-result__content {
padding-bottom: 24px; } }
.search-result__content--two-column:after {
content: "";
display: table;
clear: both; }
@media (min-width: 1160px) {
.search-result__content--two-column > * {
width: 50%;
padding-right: 12px;
float: left;
clear: left; } }
.search-result__further-content {
font-weight: 300;
color: #717f92;
clear: left; }
@media (min-width: 1160px) {
.search-result__further-content {
overflow: hidden;
float: none;
clear: none;
padding-right: 0;
padding-left: 12px; } }
.search-result__headline {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700;
display: inline-block; }
@media (min-width: 720px) {
.search-result__country {
display: inline-block;
float: right; } }
.search-result__subheadline {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-style: italic;
font-weight: 300; }
.search-result__excerpt {
font-weight: 300; }
.search-result__excerpt .keyword {
color: #3e75a7;
font-weight: 600; }
.search-result__tags {
margin-top: 12px;
margin-bottom: -12px; }
@media (min-width: 1160px) {
.search-result__tags {
position: absolute;
bottom: 24px; } }
.search-result__tags--secondary {
float: right;
margin-top: 0;
display: block; }
.search-result__tags--secondary .tag {
background: #edeff2;
color: #3e75a7; }
@media (min-width: 720px) {
.search-result__tags--secondary {
position: absolute;
bottom: 24px;
right: 24px; } }
.search-result__actions {
width: 144px;
padding-bottom: 24px; }
.search-result__actions:after {
content: "";
display: table;
clear: both; }
.search-result__actions svg {
fill: none;
stroke: #13294a; }
.search-result__actions svg .icon_xing {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.search-result__actions svg .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.search-result__actions .action {
float: left;
width: auto; }
.search-additional {
padding: 10px 15px;
text-transform: uppercase;
background: #fff;
color: #3095b4;
font-size: 0.9em; }
@media (min-width: 720px) {
.search-additional {
background: #eaeaea; } }
.page-boxes {
margin-left: -12px;
margin-bottom: -24px; }
.page-boxes:after {
content: "";
display: table;
clear: both; }
.page-box {
overflow: hidden;
float: left;
padding-left: 12px;
margin-bottom: 24px; }
.page-box:after {
content: "";
display: table;
clear: both; }
.page-box .subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 600;
color: #666; }
.page-box .subtitle + .subtitle {
margin-top: -12px; }
.page-box__inside {
position: relative;
background: #fff; }
.page-box__inside:after {
content: "";
display: table;
clear: both; }
.page-box__inside--padded {
padding: 24px; }
@media (min-width: 720px) {
.page-box--combo .page-box__inside {
padding: 24px 24px 0 0; }
.page-box--combo .page-box__inside:after {
content: "";
display: table;
clear: both; }
.page-box--combo .page-box__element {
padding: 0 0 0 24px;
width: 100%;
clear: none;
overflow: hidden; }
.page-box--combo .page-box__image {
float: left;
overflow: visible; }
.page-box--combo .left-sided {
width: 50%; }
.page-box--combo .right-sided {
width: 50%; }
.page-box--combo .page-box__body {
padding-bottom: 24px;
width: 100%;
clear: both; }
.page-box--combo .page-box__body ul li, .page-box--combo .page-box__body ol li {
color: #666;
font-weight: 300; }
.page-box--combo .image {
margin-left: -24px;
margin-top: -24px; }
.page-box--combo .image img {
display: block; }
.page-box--combo .back-link {
font-weight: 300;
margin-left: -24px;
display: block;
text-decoration: none; }
.page-box--combo .back-link:before {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid currentColor;
margin-right: 12px; }
.page-box--combo .page-box__inside > .page-box__element.right-sided:first-child {
float: right; } }
@media (min-width: 1160px) {
.page-box--combo .left-sided {
width: 33.333333%;
float: left;
clear: left; }
.page-box--combo .right-sided {
width: 66.666666%;
overflow: hidden;
clear: none; }
.page-box--combo .half {
width: 50%; }
.page-box--combo .full {
width: 100%; } }
.page-box--full-width .page-box__inside {
padding: 24px; }
.page-box--small,
.page-box--middle {
position: relative; }
@media (min-width: 720px) {
.page-box--small,
.page-box--middle {
height: 0; }
.page-box--small .tile,
.page-box--middle .tile {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-bottom: 0;
height: auto;
margin-bottom: 0; }
.page-box--small .page-box__inside,
.page-box--middle .page-box__inside {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 12px; } }
@media (min-width: 1160px) {
.page-box--small .tile--middle,
.page-box--middle .tile--middle {
width: 100%;
padding-bottom: 50%; } }
.page-box--middle .tile--middle.tile--double {
width: 100%;
padding-bottom: 0; }
.page-box--middle .tile--middle.tile--double .tile__image:after {
display: none; }
@media (min-width: 720px) {
.page-box--middle .tile--middle.tile--double {
width: 50%;
padding-bottom: 30%; }
.page-box--middle .tile--middle.tile--double:first-child {
left: 50%; }
.page-box--middle .tile--middle.tile--double .tile__highlight-flag {
display: block; } }
@media (min-width: 720px) {
.page-box--small {
width: 100%;
padding-bottom: 50%; } }
@media (min-width: 1160px) {
.page-box--small {
width: 33.33333%;
padding-bottom: 33.333333%; } }
@media (min-width: 720px) {
.page-box--middle {
width: 100%;
padding-bottom: 50%; } }
@media (min-width: 1160px) {
.page-box--middle {
width: 66.66666%;
padding-bottom: 33.33333%; } }
.page-box--expertise {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143; }
.page-box--expertise .page-box__inside {
position: relative;
padding: 24px;
min-height: 312px;
background: #bbb;
overflow: hidden; }
.page-box--expertise .tags {
position: absolute;
top: 72px;
left: 24px;
right: 24px;
bottom: 24px;
margin-bottom: 12px;
/*height: $space*7.5;*/ }
.page-box--expertise .tags:after {
content: "";
display: table;
clear: both; }
.page-box--expertise .tags .tag:nth-child(5) ~ .tag {
display: none; }
.page-box--expertise.active .tags {
/*height: auto;*/ }
.page-box--expertise.active .tags .tag:nth-child(5) ~ .tag {
display: block; }
.page-box--expertise .tag {
clear: left;
color: #fff;
background: #aaacaf;
background: rgba(0, 0, 0, 0.1); }
.page-box--expertise .show-all {
color: #666;
margin-bottom: 0; }
.page-box--expertise .show-all:after {
border-left-color: #666; }
.page-box--expertise.active {
/*padding-bottom: 0;*/
/*height: auto;*/ }
.page-box--expertise.active .tags {
/*height: auto;*/ }
.page-box--expertise.active .page-box__inside {
/*position: static;*/ }
.page-box__element {
background: #fff; }
.page-box__title .title {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.0909090909;
margin-bottom: 12px;
font-weight: 600; }
.page-box__title .subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-style: italic; }
.page-box__title .applies-to {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 300; }
.page-box__title .applies-to a {
font-weight: 700;
text-decoration: none; }
.page-box__title .link {
font-weight: 700;
margin-top: -12px;
margin-bottom: 24px; }
@media (min-width: 720px) {
.page-box__title .title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.7142857143;
line-height: 36px; }
.page-box__title .subtitle {
font-size: 24px;
font-size: 1.5rem;
line-height: 1; } }
.page-box__image {
margin-bottom: 24px; }
.page-box__image img {
display: block; }
.page-box__image .back-link {
background: #13294a;
color: #fff;
padding: 6px 12px; }
.page-box__contacts {
max-width: 300px; }
.page-box__contacts .telephone-numbers {
margin-bottom: 24px; }
.page-box__contacts .email {
margin-bottom: 24px; }
.page-box__contacts .email a {
text-decoration: none; }
.page-box__contacts .address {
margin-bottom: 24px; }
.page-box__contacts .languages {
margin-bottom: 24px; }
.page-box__partner .subtitle {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: normal; }
.page-box__links {
min-height: 72px; }
.page-box__links .links {
margin-bottom: 24px; }
.page-box__links .links a {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
width: auto; }
.page-box__links .links a .icon_xing {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.page-box__links .links a svg,
.page-box__links .links a img {
display: block;
height: 24px;
width: 30px; }
.page-box__links .links a .icon_phone {
stroke-width: 15; }
.page-box__links .links a .icon_bookmark {
stroke-width: 24px; }
.page-box__links .links a.right {
float: right; }
.page-box__links .links a.user_card {
fill: #bbb;
stroke: #bbb; }
@media (min-width: 1160px) {
.page-box__links {
height: 24px; }
.page-box__links .links {
position: absolute;
bottom: 0;
left: 24px;
width: 50%;
padding-right: 24px; } }
@media (min-width: 1160px) {
.page-box__links .links {
width: 33.33333%; } }
.page-box--location .text {
padding: 24px; }
.page-box--location .text a {
clear: left;
text-decoration: none;
display: block;
color: #666;
margin-bottom: 24px; }
.page-box--location .text a:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px;
margin-top: 6px;
vertical-align: top; }
.page-box--location .text .locations-list a {
margin-bottom: 0; }
.page-box--location .text .locations-list a:after {
display: none; }
.page-box--location .address {
margin-bottom: 24px; }
.page-box--location .map {
width: 100%;
height: 100%;
min-height: 312px; }
@media (min-width: 1160px) {
.page-box--location .page-box__inside {
min-height: 312px; }
.page-box--location .page-box__element {
float: left; }
.page-box--location .left-sided {
width: 33.333333%; }
.page-box--location .right-sided {
position: absolute;
width: auto;
top: 0;
right: 0;
bottom: 0;
left: 33.3333333%;
min-height: 0; } }
.page-box--three-news {
float: none; }
.page-box--three-news .tile {
margin-bottom: 0; }
.sidebar-block.hot-topics .topic, .sidebar-block.latest-comment .comment-topic, .sidebar-block.related-content .related-topic {
padding-top: 12px;
margin-bottom: 0;
text-decoration: none;
display: block; }
.sidebar-block.hot-topics .topic:hover, .sidebar-block.latest-comment .comment-topic:hover, .sidebar-block.related-content .related-topic:hover {
opacity: 1; }
.sidebar-block.hot-topics .topic:hover .title, .sidebar-block.latest-comment .comment-topic:hover .title, .sidebar-block.related-content .related-topic:hover .title {
transition: background-color 0.2s, color 0.2s, opacity 0.2s;
opacity: 0.6; }
.sidebar-block.hot-topics .topic .topic-img, .sidebar-block.latest-comment .comment-topic .topic-img, .sidebar-block.related-content .related-topic .topic-img {
background-size: cover;
width: 48px;
height: 48px; }
.sidebar-block.hot-topics .topic .topic-body .title, .sidebar-block.latest-comment .comment-topic .topic-body .title, .sidebar-block.related-content .related-topic .topic-body .title {
font-weight: 600; }
.sidebar-block.hot-topics .topic .topic-body .date, .sidebar-block.latest-comment .comment-topic .topic-body .date, .sidebar-block.related-content .related-topic .topic-body .date {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
color: #766a62;
text-align: right; }
.sidebar-block.hot-topics .topic .topic-body .body-text, .sidebar-block.latest-comment .comment-topic .topic-body .body-text, .sidebar-block.related-content .related-topic .topic-body .body-text {
/*@include font-size(12px);*/ }
.cms-near-link {
transition: transform 0.2s;
text-transform: uppercase;
position: fixed;
bottom: 0;
left: 0;
right: 0;
text-align: center;
z-index: 99999; }
.cms-near-link.hidden {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.cms-near-link a {
display: inline-block;
background: #766a62;
color: #fff;
text-decoration: none;
padding: 6px 24px; }
@media (min-width: 900px) {
.cms-near-link {
display: none; } }
.sidebar-content {
background: #fff;
margin: 0 auto;
margin-top: 24px;
max-width: 400px;
bottom: 0;
top: 0; }
@media (min-width: 720px) {
.sidebar-content {
padding: 24px;
padding-top: 0; } }
@media (min-width: 900px) {
.sidebar-content {
/*box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);*/
margin-top: 0;
height: 100%; } }
.sidebar-grid:after {
content: "";
display: table;
clear: both; }
.sidebar-block {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857143;
display: block;
width: auto;
padding-top: 24px; }
.sidebar-block h3 {
font-weight: 600;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
margin-bottom: 12px; }
.sidebar-block p {
margin-bottom: 12px; }
.sidebar-block .btn {
text-transform: none;
width: 100%; }
.sidebar-block .highlighted {
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
.sidebar-block .show-all {
color: #666;
display: block;
text-align: right; }
.sidebar-block .event .name {
word-wrap: break-word; }
.sidebar-block--actions h3 {
color: #abb300; }
.sidebar-block--actions svg {
stroke: #fff; }
.sidebar-block--actions .action-bar {
background: #abb300; }
.sidebar-shariff {
display: none;
overflow: auto; }
.sidebar-shariff .close {
display: inline-block;
float: right;
background: white;
border: 1px solid #ddd;
padding: 3px 15px;
clear: both;
transition: all 300ms; }
.sidebar-shariff .close:hover {
background: #eee;
color: #4B70A8;
cursor: pointer; }
.sidebar-shariff .shariff .orientation-horizontal li .share_text {
display: none; }
.sidebar-shariff .shariff .orientation-horizontal li {
min-width: 0;
flex: none; }
.sidebar-block.social-media .block-list li {
border-color: #bbb; }
.sidebar-block.social-media .block-list--padding-large li {
padding: 18px 0; }
.sidebar-block.motto {
text-align: center;
border-top: 1px solid #d0d4db;
border-bottom: 1px solid #d0d4db;
padding-bottom: 12px;
padding-left: 0; }
.sidebar-block.motto .motto-text {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
font-weight: 300;
color: #766a62; }
.sidebar-block.office .map {
margin-bottom: 24px;
height: 200px; }
.sidebar-block.office .map img {
display: block; }
.sidebar-block.office .country-link {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 600;
display: block;
margin-bottom: 24px;
text-decoration: none; }
.sidebar-block.office .country-link:not(.no-arrow):after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid currentColor;
margin-left: 12px; }
.sidebar-block.office .address {
margin-bottom: 24px; }
.sidebar-block.office .address .show-all {
text-align: left;
margin-top: 12px; }
.sidebar-block.hot-topics a {
padding-bottom: 12px; }
.sidebar-block.hot-topics h3 {
margin-bottom: 0; }
.sidebar-block.hot-topics .topic {
border-top: 1px solid #bbb; }
.sidebar-block.hot-topics h3 + .topic {
border-top: none; }
.sidebar-block.hot-topics .twitter:hover .title {
opacity: 1; }
.sidebar-block.hot-topics .twitter .topic-img {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/ }
.sidebar-block.hot-topics .twitter .topic-img .icon_xing {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.hot-topics .twitter .topic-img svg,
.sidebar-block.hot-topics .twitter .topic-img img {
display: block;
height: 48px;
width: 48px; }
.sidebar-block.hot-topics .twitter .topic-img .icon_phone {
stroke-width: 15; }
.sidebar-block.hot-topics .twitter .topic-img .icon_bookmark {
stroke-width: 24px; }
.sidebar-block.hot-topics .twitter a {
color: #3e75a7;
text-decoration: none;
display: block; }
.sidebar-block.tags:after {
content: "";
display: table;
clear: both; }
.sidebar-block.tags .tag {
color: #666;
margin-left: 0;
display: block;
clear: both; }
.sidebar-block.latest-comment .topic-body {
font-size: 12px;
font-size: 0.75rem;
line-height: 2;
line-height: 18px; }
.sidebar-block.related-content .twitter:hover .title {
opacity: 1; }
.sidebar-block.related-content .twitter .topic-img {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/ }
.sidebar-block.related-content .twitter .topic-img .icon_xing {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.related-content .twitter .topic-img svg,
.sidebar-block.related-content .twitter .topic-img img {
display: block;
height: 48px;
width: 48px; }
.sidebar-block.related-content .twitter .topic-img .icon_phone {
stroke-width: 15; }
.sidebar-block.related-content .twitter .topic-img .icon_bookmark {
stroke-width: 24px; }
.sidebar-block.related-content .twitter a {
color: #3e75a7;
text-decoration: none;
display: block; }
.sidebar-block.statistics {
margin-right: -24px;
padding: 24px;
background: #766a62;
color: #fff; }
.sidebar-block.statistics h3 {
margin-bottom: 12px; }
.sidebar-block.statistics .statistic {
margin-bottom: 24px; }
.sidebar-block.statistics .statistic__icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
fill: none;
stroke: #fff;
margin-right: 24px;
float: left; }
.sidebar-block.statistics .statistic__icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__icon svg,
.sidebar-block.statistics .statistic__icon img {
display: block;
height: 24px;
width: 24px; }
.sidebar-block.statistics .statistic__icon .icon_phone {
stroke-width: 15; }
.sidebar-block.statistics .statistic__icon .icon_bookmark {
stroke-width: 24px; }
.sidebar-block.statistics .statistic__icon .icon_xing {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_twitter {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_linkedin {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_calendar {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_share_alt {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_lawnow {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__icon .icon_eguide {
stroke-width: 0;
fill: #fff; }
.sidebar-block.statistics .statistic__text {
font-weight: 300;
overflow: hidden; }
.sidebar-block.statistics .statistic__name {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
margin-bottom: 12px; }
.sidebar-block.statistics .statistic__name .icon {
fill: none;
stroke: #13294a;
overflow: hidden;
/*.icon_xing,*/
/*.icon_twitter,*/
/*.icon_linkedin {*/
/*stroke-width: 0;*/
/*fill: $color-dark-blue;*/
/*}*/
margin-left: 12px;
display: inline-block; }
.sidebar-block.statistics .statistic__name .icon .icon_xing {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_twitter {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_linkedin {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_calendar {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_share_alt {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_lawnow {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon .icon_eguide {
stroke-width: 0;
fill: #13294a; }
.sidebar-block.statistics .statistic__name .icon svg,
.sidebar-block.statistics .statistic__name .icon img {
display: block;
height: 12px;
width: 12px; }
.sidebar-block.statistics .statistic__name .icon .icon_phone {
stroke-width: 15; }
.sidebar-block.statistics .statistic__name .icon .icon_bookmark {
stroke-width: 24px; }
.sidebar-block.statistics .statistic__name .icon.rise {
fill: #abb300;
stroke: #abb300; }
.sidebar-block.statistics .statistic__name .icon.fall {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
fill: #e51313;
stroke: #e51313; }
.sidebar-block.statistics .statistic__subline {
line-height: 18px;
color: rgba(255, 255, 255, 0.3); }
.sidebar-block.statistics .statistic__subline .date {
font-weight: 600;
display: block; }
.sidebar-block.statistics .show-all {
background: #5a77a2;
text-align: left;
color: #fff;
display: block;
margin: 0 -24px -24px -24px;
text-decoration: none;
padding: 12px 24px;
float: none; }
.sidebar-block.statistics .show-all:after {
transition: transform 0.2s linear;
vertical-align: middle;
height: 0;
width: 0;
position: static;
display: inline-block;
content: '';
position: relative;
top: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
margin-left: 12px; }
.sidebar-block.statistics .show-all:hover {
opacity: 1;
color: rgba(255, 255, 255, 0.7); }
.sidebar-block.contact-widget form {
position: relative; }
.sidebar-block.contact-widget input[type=email],
.sidebar-block.contact-widget input[type=text],
.sidebar-block.contact-widget textarea {
margin-bottom: 12px;
background: #fff;
border-color: #d0d4db; }
.sidebar-block.contact-widget textarea {
height: 216px; }
.sidebar-block.contact-widget .contact-widget__overlay {
display: none; }
.sidebar-block.contact-widget .contact-widget__error {
color: #e51313;
display: none; }
.sidebar-block.contact-widget .contact-widget__head--sent {
display: none; }
.sidebar-block.contact-widget.contact-widget--wrong textarea,
.sidebar-block.contact-widget.contact-widget--wrong input[type=text],
.sidebar-block.contact-widget.contact-widget--wrong input[type=email] {
border: 1px solid #e51313; }
.sidebar-block.contact-widget.contact-widget--wrong .contact-widget__error {
display: block; }
.sidebar-block.contact-widget.contact-widget--submitting > * {
opacity: 0.4; }
.sidebar-block.contact-widget.contact-widget--submitting .contact-widget__overlay {
display: table;
content: '';
opacity: 1;
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 216px;
background: #abb300;
text-align: center; }
.sidebar-block.contact-widget.contact-widget--submitting .contact-widget__overlay-content {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
display: table-cell;
vertical-align: middle;
color: #fff; }
.sidebar-block.contact-widget.contact-widget--sent .contact-widget__head--initial {
display: none; }
.sidebar-block.contact-widget.contact-widget--sent .contact-widget__head--sent {
display: block; }
@media (min-width: 720px) {
.sidebar-block.motto {
border-top: none;
margin-right: -24px; } }
footer .primary-footer {
background: #204067;
color: #fff; }
footer .secondary-footer {
background: #13294a; }
footer .secondary-footer.home {
background: #fff; }
footer .secondary-footer .buttons {
text-align: center; }
footer .secondary-footer .buttons:after {
content: "";
display: table;
clear: both; }
footer .secondary-footer .buttons .buttons__element {
max-width: 200px;
margin: 0 auto;
margin-bottom: 24px; }
footer .secondary-footer .buttons .btn {
max-width: 200px; }
@media (min-width: 720px) {
footer .secondary-footer .buttons {
padding: 24px 0; }
footer .secondary-footer .buttons .buttons__element {
width: 33.33333%;
float: left;
max-width: none;
margin-bottom: 0; } }
footer .secondary-footer .motto {
font-weight: 300;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
color: #fff;
text-align: center; }
footer .footer-list {
list-style: none;
margin: 0;
margin-bottom: 12px;
text-align: center; }
footer .footer-list:after {
content: "";
display: table;
clear: both; }
footer .footer-list li {
margin-bottom: 24px;
text-align: center; }
footer .footer-list a {
text-decoration: none; }
@media (min-width: 720px) {
footer .footer-list li {
display: inline-block;
margin: 0 12px 24px 12px; }
footer .footer-list li:first-child {
display: block; } }
@media (min-width: 900px) {
footer .footer-list {
margin-bottom: -24px; } }
@media (min-width: 1160px) {
footer .footer-list li {
margin: 0 24px 24px 24px; }
footer .footer-list li:first-child {
display: inline-block; } }
.newsletter__form:after {
content: "";
display: table;
clear: both; }
.newsletter__form .input-round {
display: inline-block; }
.newsletter__form .input-round:not(:first-of-type) {
margin-left: 25px; }
/*!
* shariff - v1.24.0 - 29.06.2016
* https://github.com/heiseonline/shariff
* Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
* Licensed under the MIT license
*/@font-face{font-family:FontAwesome;src:url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.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-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.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-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.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-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{height:35px;box-sizing:border-box;overflow:hidden}.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal{display:-webkit-box}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;min-width:80px;width:auto;-ms-flex:1 0 auto;flex:1 0 auto}.shariff .orientation-horizontal li .share_count{display:block}.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal li{min-width:110px;max-width:160px}.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:1 0 auto;flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li{height:30px}.shariff li a{height:30px}.shariff li .fa{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#F67C1A}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#F67C1A}@media only screen and (min-width:600px){.shariff .flattr .fa-money{font-size:19px}}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:22px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33AAE8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465D}.shariff .tumblr a:hover{background-color:#44546B}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#F56770}.shariff .weibo a:hover{background-color:#FA7F8A}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#F56770}.shariff .theme-white .weibo a{color:#F56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ACE0}.shariff .tencent-weibo a:hover{background-color:#38BBEB}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ACE0}.shariff .theme-white .tencent-weibo a{color:#26ACE0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .qzone a{background-color:#2B82D9}.shariff .qzone a:hover{background-color:#398FE6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2B82D9}.shariff .theme-white .qzone a{color:#2B82D9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}}