html.wf-active {
opacity: 1;
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.8.1
Create your own skin at http://designer.videojs.com
*/
#emea-wrapper {
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
/*.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
background-color: #fbf069\9
}*/
/*.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
background-color: #efe24b\9
}*/
/*.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
background-color: #666\9
}*/
/*.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
background-color: #039\9
}*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
}
#emea-wrapper .vjs-default-skin {
color: #ccc;
}
#emea-wrapper .vjs-default-skin .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
background-color: #333;
background-color: rgba(51, 51, 51, 0.9);
}
#emea-wrapper .vjs-default-skin .vjs-slider:focus {
box-shadow: 0 0 2em #fff;
}
#emea-wrapper .vjs-default-skin .vjs-slider-handle {
position: absolute;
left: 0;
top: 0;
}
#emea-wrapper .vjs-default-skin .vjs-slider-handle:before {
content: "\E009";
font-family: VideoJS;
font-size: 1em;
line-height: 1;
text-align: center;
text-shadow: 0 0 1em #fff;
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#emea-wrapper .vjs-default-skin .vjs-control-bar {
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
}
#emea-wrapper .vjs-default-skin .vjs-control-bar .vjs-play-control:before {
background: url(sitefiles/dist/6744792fca7252b060281b1377265399.png) no-repeat;
}
#emea-wrapper .vjs-default-skin.vjs-playing .vjs-play-control:before {
background: url(sitefiles/dist/322e30e7885e46d62afe709978e421b0.png) no-repeat;
}
#emea-wrapper .vjs-default-skin.vjs-has-started .vjs-control-bar {
display: none;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
#emea-wrapper .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
display: block;
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
#emea-wrapper .vjs-default-skin.vjs-controls-disabled .vjs-control-bar,
#emea-wrapper .vjs-default-skin.vjs-error .vjs-control-bar,
#emea-wrapper .vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
display: none;
}
#emea-wrapper .vjs-default-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 40px;
width: 40px;
}
#emea-wrapper .vjs-default-skin .vjs-control:before {
font-family: VideoJS;
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 4px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#emea-wrapper .vjs-default-skin .vjs-control:focus:before,
#emea-wrapper .vjs-default-skin .vjs-control:hover:before {
text-shadow: 0 0 1em #fff;
}
#emea-wrapper .vjs-default-skin .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#emea-wrapper .vjs-default-skin .vjs-play-control {
width: 5em;
cursor: pointer;
}
#emea-wrapper .vjs-default-skin .vjs-play-control:before {
content: "";
background: url(sitefiles/dist/bf456c6ede4c3413ad4fbe288795d8b2.png) no-repeat 50%;
}
#emea-wrapper .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#emea-wrapper .vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
width: 4em;
left: -2em;
list-style: none;
}
#emea-wrapper .vjs-default-skin .vjs-mute-control,
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button {
cursor: pointer;
float: right;
}
#emea-wrapper .vjs-default-skin .vjs-mute-control:before,
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button:before {
content: "";
background: url(sitefiles/dist/46e47fdd2be4bb8c33274711e89d59d9.png) no-repeat;
}
#emea-wrapper .vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
content: "";
background: url(sitefiles/dist/20f31b58f8136540fac259ae2b9e9830.png) no-repeat;
}
#emea-wrapper .vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
content: "";
background: url(sitefiles/dist/c8bf753440c2822fc8cf72bcf1099c23.png) no-repeat;
}
#emea-wrapper .vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
content: "";
background: url(sitefiles/dist/b7b1a51d99be025d92528d94c1f71aaf.png) no-repeat;
}
#emea-wrapper .vjs-default-skin .vjs-volume-control {
width: 5em;
float: right;
margin-right: 10px;
}
#emea-wrapper .vjs-default-skin .vjs-volume-bar {
width: 5em;
height: .6em;
margin: 1.1em auto 0;
}
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
height: 2.9em;
}
#emea-wrapper .vjs-default-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: .5em;
width: 100%;
background: #db011c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
#emea-wrapper .vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width: .5em;
height: .5em;
left: 4.5em;
}
#emea-wrapper .vjs-default-skin .vjs-volume-handle:before {
font-size: .9em;
top: -0.2em;
left: -0.2em;
width: 1em;
height: 1em;
}
#emea-wrapper .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
width: 6em;
left: -4em;
}
#emea-wrapper .vjs-default-skin .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: auto;
font-size: .3em;
height: 1em;
top: -1em;
transition: all 0.4s;
}
#emea-wrapper .vjs-default-skin:hover .vjs-progress-control {
font-size: .9em;
transition: all 0.2s;
}
#emea-wrapper .vjs-default-skin .vjs-progress-holder {
height: 100%;
}
#emea-wrapper .vjs-default-skin .vjs-progress-holder .vjs-load-progress,
#emea-wrapper .vjs-default-skin .vjs-progress-holder .vjs-load-progress div,
#emea-wrapper .vjs-default-skin .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;
}
#emea-wrapper .vjs-default-skin .vjs-play-progress {
background: #db011c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
#emea-wrapper .vjs-default-skin .vjs-load-progress {
background: #646464;
background: rgba(255, 255, 255, 0.2);
}
#emea-wrapper .vjs-default-skin .vjs-load-progress div {
background: #787878;
background: rgba(255, 255, 255, 0.1);
}
#emea-wrapper .vjs-default-skin .vjs-seek-handle {
width: 1.5em;
height: 100%;
}
#emea-wrapper .vjs-default-skin .vjs-seek-handle:before {
padding-top: 0.1em;
}
#emea-wrapper .vjs-default-skin.vjs-live .vjs-progress-control,
#emea-wrapper .vjs-default-skin.vjs-live .vjs-time-controls,
#emea-wrapper .vjs-default-skin.vjs-live .vjs-time-divider {
display: none;
}
#emea-wrapper .vjs-default-skin.vjs-live .vjs-live-display {
display: block;
}
#emea-wrapper .vjs-default-skin .vjs-live-display {
display: none;
font-size: 1em;
line-height: 3em;
}
#emea-wrapper .vjs-default-skin .vjs-time-controls {
font-size: 1em;
line-height: 3em;
}
#emea-wrapper .vjs-default-skin .vjs-current-time,
#emea-wrapper .vjs-default-skin .vjs-duration {
float: left;
}
#emea-wrapper .vjs-default-skin .vjs-remaining-time {
display: none;
float: left;
}
#emea-wrapper .vjs-time-divider {
float: left;
line-height: 3em;
}
#emea-wrapper .vjs-default-skin .vjs-fullscreen-control {
width: 3.8em;
cursor: pointer;
float: right;
display: none;
}
#emea-wrapper .vjs-default-skin .vjs-fullscreen-control:before {
content: "\E000";
}
#emea-wrapper .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\E00B";
}
#emea-wrapper .vjs-default-skin .vjs-big-play-button {
left: .5em;
top: .5em;
font-size: 3em;
display: block;
z-index: 2;
position: absolute;
width: 150px;
height: 150px;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: .7;
color: #fff;
font-size: 42px;
transition: all 0.4s;
}
#emea-wrapper .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
left: 50%;
margin-left: -75.1px;
top: 50%;
margin-top: -75.1px;
}
#emea-wrapper .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,
#emea-wrapper .vjs-default-skin.vjs-has-started .vjs-big-play-button,
#emea-wrapper .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
#emea-wrapper .vjs-default-skin .vjs-big-play-button:focus,
#emea-wrapper .vjs-default-skin:hover .vjs-big-play-button {
outline: 0;
opacity: 1;
transition: all 0s;
}
#emea-wrapper .vjs-default-skin .vjs-big-play-button:before {
content: "";
background: url(sitefiles/dist/bf456c6ede4c3413ad4fbe288795d8b2.png) no-repeat 50%;
font-family: VideoJS;
line-height: 2.2em;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .vjs-error-display,
#emea-wrapper .vjs-error .vjs-big-play-button {
display: none;
}
#emea-wrapper .vjs-error .vjs-error-display {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .vjs-error .vjs-error-display:before {
content: "X";
font-family: Arial;
font-size: 4em;
color: #666;
line-height: 1;
text-shadow: .05em .05em .1em #000;
text-align: center;
vertical-align: middle;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5em;
width: 100%;
}
#emea-wrapper .vjs-error-display div {
position: absolute;
bottom: 1em;
right: 0;
left: 0;
font-size: 1.4em;
text-align: center;
padding: 3px;
background: #000;
background: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .vjs-error-display a,
#emea-wrapper .vjs-error-display a:visited {
color: #f4a460;
}
#emea-wrapper .vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 4em;
line-height: 1;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0.75;
}
#emea-wrapper .vjs-seeking .vjs-loading-spinner,
#emea-wrapper .vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
}
#emea-wrapper .vjs-error .vjs-loading-spinner {
display: none;
-webkit-animation: none;
animation: none;
}
#emea-wrapper .vjs-default-skin .vjs-loading-spinner:before {
content: "\E01E";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0 0 0.1em #000;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
#emea-wrapper .vjs-default-skin .vjs-menu-button {
float: right;
cursor: pointer;
}
#emea-wrapper .vjs-default-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
margin-bottom: 3em;
border-left: 2em solid transparent;
border-right: 2em solid transparent;
border-top: 1.55em solid #000;
border-top-color: rgba(7, 40, 50, 0.5);
}
#emea-wrapper .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
position: absolute;
width: 10em;
bottom: 1.5em;
max-height: 15em;
overflow: auto;
left: -5em;
background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
#emea-wrapper .vjs-default-skin .vjs-menu-button:hover .vjs-menu {
display: block;
}
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: .3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li.vjs-selected {
background-color: #000;
}
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li:focus,
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li:hover {
outline: 0;
color: #111;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0 0 1em #fff;
}
#emea-wrapper .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em;
font-weight: 700;
cursor: default;
}
#emea-wrapper .vjs-default-skin .vjs-subtitles-button:before {
content: "\E00C";
}
#emea-wrapper .vjs-default-skin .vjs-captions-button:before {
content: "\E008";
}
#emea-wrapper .vjs-default-skin .vjs-chapters-button:before {
content: "\E00C";
}
#emea-wrapper .vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
width: 24em;
left: -12em;
}
#emea-wrapper .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
#emea-wrapper .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
box-shadow: 0 0 1em #fff;
}
#emea-wrapper .video-js {
background-color: #fff;
position: relative;
padding: 0;
vertical-align: middle;
font-weight: 400;
font-style: normal;
font-family: Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .video-js:-moz-full-screen {
position: absolute;
}
#emea-wrapper body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
#emea-wrapper .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
_position: absolute;
}
#emea-wrapper .video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
#emea-wrapper .video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
#emea-wrapper .vjs-poster {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#emea-wrapper .vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
}
#emea-wrapper .video-js.vjs-using-native-controls .vjs-poster {
display: none;
}
#emea-wrapper .video-js .vjs-text-track-display {
text-align: center;
position: absolute;
bottom: 4em;
left: 1em;
right: 1em;
}
#emea-wrapper .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
#emea-wrapper .video-js .vjs-text-track {
display: none;
font-size: 1.4em;
text-align: center;
margin-bottom: .1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .video-js .vjs-subtitles {
color: #fff;
}
#emea-wrapper .video-js .vjs-captions {
color: #fc6;
}
#emea-wrapper .vjs-tt-cue {
display: block;
}
#emea-wrapper .vjs-default-skin .vjs-hidden {
display: none;
}
#emea-wrapper .vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
#emea-wrapper .vjs-no-js {
padding: 20px;
color: #ccc;
background-color: #333;
font-size: 18px;
font-family: Arial, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto;
}
#emea-wrapper .vjs-no-js a,
#emea-wrapper .vjs-no-js a:visited {
color: #f4a460;
}
#emea-wrapper .slick-slider {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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;
}
#emea-wrapper .slick-list,
#emea-wrapper .slick-slider {
position: relative;
display: block;
}
#emea-wrapper .slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
#emea-wrapper .slick-list:focus {
outline: none;
}
#emea-wrapper .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
#emea-wrapper .slick-slider .slick-list,
#emea-wrapper .slick-slider .slick-track {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
#emea-wrapper .slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
#emea-wrapper .slick-track:after,
#emea-wrapper .slick-track:before {
content: "";
display: table;
}
#emea-wrapper .slick-track:after {
clear: both;
}
#emea-wrapper .slick-loading .slick-track {
visibility: hidden;
}
#emea-wrapper .slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
#emea-wrapper [dir=rtl] .slick-slide {
float: right;
}
#emea-wrapper .slick-slide img {
display: block;
}
#emea-wrapper .slick-slide.slick-loading img {
display: none;
}
#emea-wrapper .slick-slide.dragging img {
pointer-events: none;
}
#emea-wrapper .slick-initialized .slick-slide {
display: block;
}
#emea-wrapper .slick-loading .slick-slide {
visibility: hidden;
}
#emea-wrapper .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
#emea-wrapper .slick-arrow.slick-hidden {
display: none;
}
#emea-wrapper .slick-loading .slick-list {
background: #fff url(sitefiles/dist/68b0c4fcb84d239f261c1a5e65818142.gif) 50% no-repeat;
}
#emea-wrapper .slick-next,
#emea-wrapper .slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
border: none;
}
#emea-wrapper .slick-next,
#emea-wrapper .slick-next:focus,
#emea-wrapper .slick-next:hover,
#emea-wrapper .slick-prev,
#emea-wrapper .slick-prev:focus,
#emea-wrapper .slick-prev:hover {
background: transparent;
color: transparent;
outline: none;
}
#emea-wrapper .slick-next:focus:before,
#emea-wrapper .slick-next:hover:before,
#emea-wrapper .slick-prev:focus:before,
#emea-wrapper .slick-prev:hover:before {
opacity: 1;
}
#emea-wrapper .slick-next.slick-disabled:before,
#emea-wrapper .slick-prev.slick-disabled:before {
opacity: 0.25;
}
#emea-wrapper .slick-next:before,
#emea-wrapper .slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#emea-wrapper .slick-prev {
left: -25px;
}
#emea-wrapper .slick-prev[dir=rtl] {
left: auto;
right: -25px;
}
#emea-wrapper .slick-prev:before {
content: "\2190";
}
#emea-wrapper .slick-prev:before[dir=rtl] {
content: "\2192";
}
#emea-wrapper .slick-next {
right: -25px;
}
#emea-wrapper .slick-next[dir=rtl] {
left: -25px;
right: auto;
}
#emea-wrapper .slick-next:before {
content: "\2192";
}
#emea-wrapper .slick-next:before[dir=rtl] {
content: "\2190";
}
#emea-wrapper .slick-dotted .slick-slider {
margin-bottom: 30px;
}
#emea-wrapper .slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
#emea-wrapper .slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
}
#emea-wrapper .slick-dots li,
#emea-wrapper .slick-dots li button {
height: 20px;
width: 20px;
cursor: pointer;
}
#emea-wrapper .slick-dots li button {
border: 0;
background: transparent;
display: block;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
}
#emea-wrapper .slick-dots li button:focus,
#emea-wrapper .slick-dots li button:hover {
outline: none;
}
#emea-wrapper .slick-dots li button:focus:before,
#emea-wrapper .slick-dots li button:hover:before {
opacity: 1;
}
#emea-wrapper .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: slick;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#emea-wrapper .slick-dots li.slick-active button:before {
color: #000;
opacity: 0.75;
}
#emea-wrapper .mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
}
#emea-wrapper .mCustomScrollbar.mCS_no_scrollbar,
#emea-wrapper .mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
#emea-wrapper .mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
#emea-wrapper .mCSB_container {
overflow: hidden;
width: auto;
height: auto;
}
#emea-wrapper .mCSB_inside > .mCSB_container {
margin-right: 30px;
}
#emea-wrapper .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
margin-right: 0;
margin-left: 30px;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
#emea-wrapper .mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
#emea-wrapper .mCSB_outside + .mCSB_scrollTools {
right: -26px;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
#emea-wrapper .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
right: auto;
left: 0;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
#emea-wrapper .mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
#emea-wrapper .mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1;
}
#emea-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center;
}
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
}
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
#emea-wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
#emea-wrapper .mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}
#emea-wrapper .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
#emea-wrapper .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#emea-wrapper .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto;
}
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
#emea-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
#emea-wrapper .mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
#emea-wrapper .mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
box-sizing: border-box;
}
#emea-wrapper .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
#emea-wrapper .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
#emea-wrapper .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
#emea-wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#emea-wrapper .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
#emea-wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
#emea-wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px;
}
#emea-wrapper .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
}
#emea-wrapper .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
}
#emea-wrapper .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0;
}
#emea-wrapper .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
#emea-wrapper .mCSB_scrollTools,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp,
#emea-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
#emea-wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
#emea-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#emea-wrapper .mCSB_scrollTools {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
#emea-wrapper .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
#emea-wrapper .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
#emea-wrapper .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
#emea-wrapper .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
#emea-wrapper .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
#emea-wrapper .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
#emea-wrapper .mCustomScrollBox:hover > .mCSB_scrollTools,
#emea-wrapper .mCustomScrollBox:hover ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp {
background-image: url(sitefiles/dist/9d42e4ccef1c3519af20d355fe4a4faa.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown:hover,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonLeft:hover,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonRight:hover,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
#emea-wrapper .mCSB_scrollTools .mCSB_buttonDown:active,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonLeft:active,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonRight:active,
#emea-wrapper .mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
#emea-wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 1px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 1px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto;
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}
#emea-wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 1px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}
#emea-wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 2px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}
#emea-wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 2px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}
#emea-wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}
#emea-wrapper .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
#emea-wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
}
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px;
}
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px;
}
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px;
}
#emea-wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px;
}
#emea-wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: 50%;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px;
}
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px;
}
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px;
}
#emea-wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px;
}
#emea-wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0));
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0));
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
#emea-wrapper .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
#emea-wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools,
#emea-wrapper .mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
border-radius: 16px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto;
}
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
#emea-wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
#emea-wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px;
}
#emea-wrapper .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
#emea-wrapper .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto;
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
#emea-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
#emea-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
#emea-wrapper .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
#emea-wrapper .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}
#emea-wrapper .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#emea-wrapper .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#emea-wrapper .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#emea-wrapper .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}
#emea-wrapper .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
#emea-wrapper .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto;
}
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
#emea-wrapper .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px;
}
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
#emea-wrapper .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px;
}
#emea-wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
#emea-wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
#emea-wrapper .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0;
}
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
#emea-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
#emea-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
#emea-wrapper .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0;
}
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
#emea-wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
#emea-wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
}
#emea-wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2);
}
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#emea-wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
#emea-wrapper .tooltipster-base {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
pointer-events: none;
position: absolute;
}
#emea-wrapper .tooltipster-box {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
#emea-wrapper .tooltipster-content {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
overflow: auto;
}
#emea-wrapper .tooltipster-ruler {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
#emea-wrapper .tooltipster-fade {
opacity: 0;
transition-property: opacity;
}
#emea-wrapper .tooltipster-fade.tooltipster-show {
opacity: 1;
}
#emea-wrapper .tooltipster-grow {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-backface-visibility: hidden;
}
#emea-wrapper .tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
#emea-wrapper .tooltipster-swing {
opacity: 0;
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
#emea-wrapper .tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
#emea-wrapper .tooltipster-fall {
transition-property: top;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
#emea-wrapper .tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
#emea-wrapper .tooltipster-fall.tooltipster-dying {
transition-property: all;
top: 0 !important;
opacity: 0;
}
#emea-wrapper .tooltipster-slide {
transition-property: left;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
#emea-wrapper .tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
#emea-wrapper .tooltipster-slide.tooltipster-dying {
transition-property: all;
left: 0 !important;
opacity: 0;
}
@-webkit-keyframes tooltipster-fading {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tooltipster-fading {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
#emea-wrapper .tooltipster-update-fade {
-webkit-animation: tooltipster-fading 0.4s;
animation: tooltipster-fading 0.4s;
}
@-webkit-keyframes tooltipster-rotating {
25% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes tooltipster-rotating {
25% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
to {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
#emea-wrapper .tooltipster-update-rotate {
-webkit-animation: tooltipster-rotating 0.6s;
animation: tooltipster-rotating 0.6s;
}
@-webkit-keyframes tooltipster-scaling {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes tooltipster-scaling {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
#emea-wrapper .tooltipster-update-scale {
-webkit-animation: tooltipster-scaling 0.6s;
animation: tooltipster-scaling 0.6s;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-box {
background: #565656;
border: 2px solid #000;
border-radius: 4px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-content {
color: #fff;
line-height: 18px;
padding: 6px 14px;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
margin-left: -10px;
top: 0;
width: 20px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
top: 0;
width: 10px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
top: 0;
width: 10px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow-background,
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0;
top: 3px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0;
top: -3px;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #000;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: #000;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: #000;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #000;
}
#emea-wrapper .tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
#emea-wrapper .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
#emea-wrapper .AgilityDataExport .AttributesReorderList {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .AgilityDataExport .AttributesReorderList ul {
padding-left: 0;
}
#emea-wrapper .AgilityDataExport .AttributesReorderList ul li {
cursor: pointer;
list-style: none;
font-size: 1.4em;
}
#emea-wrapper .AgilityDataExport .AttributesReorderList ul .DragHandle {
padding-left: 0;
color: #0074d9;
}
#emea-wrapper .WebPartContent {
margin-top: 30px;
}
#emea-wrapper .community p {
margin-bottom: 20px;
line-height: 180%;
}
#emea-wrapper .blog {
border: 1px solid #c2c2c2;
background: #efefef;
}
#emea-wrapper .blogPad {
padding: 10px;
}
#emea-wrapper .blog h2 {
display: block;
padding: 15px 10px;
background: #db011c;
color: #fff;
text-transform: uppercase;
font-size: 107.7%;
}
#emea-wrapper .forum {
margin-top: 25px;
}
#emea-wrapper .blog.forum h2 {
margin-bottom: 15px;
background: #323232;
}
#emea-wrapper .blog.forum .blogItem {
padding: 0 0 25px;
}
#emea-wrapper .blog.forum .blogItem img {
border: none;
}
#emea-wrapper .blogGrid {
border: 0;
background: none;
}
#emea-wrapper .blogGrid .blogItem {
float: left;
}
#emea-wrapper .blogItem {
margin-left: 10px;
padding: 0 0 25px;
}
#emea-wrapper .blogItem .ForumImageDefault {
display: block;
width: 143px;
height: 112px;
background: url(sitefiles/dist/1ca27c361872dcde38b8045c6c8d9018.png) no-repeat;
}
#emea-wrapper .blogItem p {
margin-bottom: 0;
line-height: 150%;
}
#emea-wrapper .blogItem .blogTitle p {
margin-bottom: 0;
line-height: 31px;
}
#emea-wrapper .blogItem img {
border: 1px solid #c2c2c2;
}
#emea-wrapper .blogPad .blogTitle {
text-transform: uppercase;
font-size: 210%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .blogPad .blogTitle,
#emea-wrapper .HUHU .blogPad .blogTitle,
#emea-wrapper .PLPL .blogPad .blogTitle,
#emea-wrapper .RURU .blogPad .blogTitle {
font-family: Arimo, sans-serif;
}
#emea-wrapper .blogPad .blogImage {
margin-bottom: 10px;
padding-bottom: 10px;
}
#emea-wrapper .blogPad .blogContinue {
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #db011c;
}
#emea-wrapper .blogPad .blogContinue a {
color: #000;
}
#emea-wrapper .blogDetails {
float: left;
}
#emea-wrapper .forumItem .blogDetails {
float: right;
clear: both;
}
#emea-wrapper .forumItem .nameDate + .blogDetails {
clear: none;
}
#emea-wrapper .forumItem h5 {
float: left;
}
#emea-wrapper .blogDetails ul {
margin: 0;
padding: 0;
}
#emea-wrapper .blogDetails ul li {
float: left;
padding-bottom: 10px;
list-style: none;
}
#emea-wrapper .forumFilter,
#emea-wrapper .forumFilter a,
#emea-wrapper .forumFilter h3 {
color: #fff;
}
#emea-wrapper .blogItem .blogDetails ul li img {
display: none;
}
#emea-wrapper .blogDetails img,
#emea-wrapper .blogView .blogDetails img {
float: none;
margin-top: -9px;
margin-right: 0;
margin-bottom: 0;
max-width: 40px;
width: auto;
border: none;
}
#emea-wrapper .blogView {
padding: 25px;
border: 1px solid #c2c2c2;
background: #efefef;
}
#emea-wrapper .blogView h2 {
margin-bottom: 15px;
padding: 0;
background: none;
color: #db011c;
font-size: 138.5%;
}
#emea-wrapper .blogView img {
float: left;
margin-right: 15px;
margin-bottom: 5px;
max-width: 300px;
width: 50%;
border: 1px solid #c2c2c2;
}
#emea-wrapper .blogComment {
padding: 25px;
border: 1px solid #323232;
background: #c7c7c7;
}
#emea-wrapper .blogComment + .blogComment {
border-top: none;
}
#emea-wrapper .blogComment label {
display: block;
margin-bottom: 10px;
font-weight: 400;
font-size: 120%;
}
#emea-wrapper .blogComment .checkLbl {
margin: 0;
width: 100%;
}
#emea-wrapper .blogComment input {
padding-right: 5px;
padding-left: 5px;
height: 49px;
}
#emea-wrapper .blogComment input,
#emea-wrapper .blogComment textarea {
margin-bottom: 15px;
border: 1px solid #323232;
border-radius: 5px;
font-size: 120%;
}
#emea-wrapper .blogComment textarea {
padding: 5px;
height: 160px;
}
#emea-wrapper .blogComment .standardGreyBtn {
width: auto;
height: auto;
}
#emea-wrapper .tableSurround {
padding: 15px;
border: 1px solid #c2c2c2;
background: #efefef;
}
#emea-wrapper .forumTable,
#emea-wrapper .forumTable table,
#emea-wrapper .forumTable tr {
width: 100%;
}
#emea-wrapper input[type=file] {
border: none;
}
#emea-wrapper .forumTable .tableHead {
height: 48px;
background: #323232;
color: #fff;
text-transform: uppercase;
font-size: 107.7%;
}
#emea-wrapper .forumTable .tableHead td {
padding-left: 10px;
}
#emea-wrapper .forumTable h2 {
margin-bottom: 10px;
color: #db011c;
}
#emea-wrapper .forumTd {
margin-right: 1%;
width: 49%;
}
#emea-wrapper .forumTd img {
float: left;
margin-bottom: 30px;
max-width: 50px;
width: 20%;
}
#emea-wrapper .threadsTd {
margin-right: 1%;
width: 14%;
}
#emea-wrapper .threadsTd p {
font-weight: 700;
}
#emea-wrapper .postsTd {
margin-right: 1%;
width: 14%;
}
#emea-wrapper .postsTd p {
font-weight: 700;
}
#emea-wrapper .lastPostTd {
width: 20%;
}
#emea-wrapper .lastPostTd p {
font-weight: 700;
}
#emea-wrapper .forumTable .gap {
height: 10px;
}
#emea-wrapper .forumTable .line {
height: 5px;
border-top: 2px solid #c2c2c2;
}
#emea-wrapper .forumTable .smallGap {
height: 5px;
}
#emea-wrapper .tableMain p {
margin: 0;
line-height: 130%;
}
#emea-wrapper .tableMain td {
vertical-align: top;
}
#emea-wrapper .forumView {
padding: 20px 15px;
background: #c7c7c7;
}
#emea-wrapper .forumView h2 {
margin-bottom: 15px;
color: #db011c;
font-size: 138.5%;
}
#emea-wrapper .forumFilter {
padding: 7px 35px;
background: #323232;
}
#emea-wrapper .forumFilter .forumFilterLeft {
float: left;
width: 30%;
}
#emea-wrapper .forumFilter .forumFilterRight {
float: left;
width: 70%;
}
#emea-wrapper .forumFilter label {
display: block;
margin-top: 5px;
color: #fff;
font-weight: 400;
font-size: 120%;
}
#emea-wrapper .forumFilter .chosen-container-single .chosen-single,
#emea-wrapper .forumFilter select {
height: 32px;
}
#emea-wrapper .forumFilter .chosen-container-single .chosen-single span {
padding-top: 3px;
height: 32px;
}
#emea-wrapper .forumFilter .chosen-container-single .chosen-single div {
top: 3px;
}
#emea-wrapper .forumFilter .chosen-container .chosen-results li {
line-height: 19px;
}
#emea-wrapper .forumItem {
padding: 15px;
border: 1px solid #c2c2c2;
border-right: 2px solid #c2c2c2;
border-left: 2px solid #c2c2c2;
background: #f6f6f6;
color: #323232;
}
#emea-wrapper .forumItem:nth-child(2n) {
background: #c7c7c7;
}
#emea-wrapper .forumItem .nameDate {
float: right;
}
#emea-wrapper .forumItem .forumItemImg {
float: left;
width: 10%;
}
#emea-wrapper .forumItem .forumItemText {
float: left;
margin-left: 1%;
width: 89%;
}
#emea-wrapper .forumItem p.bold {
margin-bottom: 0;
}
#emea-wrapper .chosen-container {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
position: relative;
display: inline-block;
*display: inline;
margin-bottom: 15px;
width: 100% !important;
vertical-align: middle;
font-size: 13px;
-ms-zoom: 1;
zoom: 1;
}
#emea-wrapper .chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
#emea-wrapper .chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
#emea-wrapper .chosen-container a {
cursor: pointer;
}
#emea-wrapper .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 40px;
border: 1px solid #aaa;
background: #fff;
color: #323232;
background-clip: padding-box;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
#emea-wrapper .chosen-container-single .chosen-single:hover {
background: #ab0116;
border: #ab0116;
color: #fff;
box-shadow: none !important;
}
#emea-wrapper .chosen-container-single .chosen-default {
color: #999;
}
#emea-wrapper .chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 40px;
font-size: 120%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
#emea-wrapper .chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(sitefiles/dist/e6b190422fa7aea671edba068d408592.png) -42px 1px no-repeat;
font-size: 1px;
}
#emea-wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover,
#emea-wrapper .chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
#emea-wrapper #ShareYourStory .chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
margin: 5px;
width: 28px;
height: 28px;
}
#emea-wrapper #ShareYourStory .chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -41px -574px no-repeat;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
#emea-wrapper #ShareYourStory .chosen-container-active.chosen-with-drop .chosen-single div b {
transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}
#emea-wrapper .chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
display: none;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
#emea-wrapper .chosen-container-single .chosen-search input[type=text] {
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
border-radius: 0;
background: #d1cfd0;
color: #323232;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
}
#emea-wrapper .chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
#emea-wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
#emea-wrapper .chosen-container .chosen-results {
-webkit-overflow-scrolling: touch;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
}
#emea-wrapper .chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
}
#emea-wrapper #ShareYourStory .chosen-container .chosen-results li {
font-size: 127%;
}
#emea-wrapper .chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
#emea-wrapper .chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
#emea-wrapper .chosen-container .chosen-results li.highlighted {
background-color: #db011c;
background-image: linear-gradient(#db011c 20%, #c40119 90%);
color: #fff;
}
#emea-wrapper .chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4;
}
#emea-wrapper .chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default;
}
#emea-wrapper .chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
#emea-wrapper .chosen-container .chosen-results li em {
text-decoration: underline;
font-style: normal;
}
#emea-wrapper .chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: 1%;
height: auto !important;
border: 1px solid #aaa;
background: #d1cfd0;
color: #323232;
cursor: text;
}
#emea-wrapper .chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-field .default {
color: #999;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
background: #d1cfd0;
color: #323232;
background-clip: padding-box;
box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, 0.05);
line-height: 13px;
cursor: default;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(sitefiles/dist/e6b190422fa7aea671edba068d408592.png) -42px 1px no-repeat;
font-size: 1px;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background: #d1cfd0;
color: #323232;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d1cfd0;
color: #323232;
}
#emea-wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
#emea-wrapper .chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
#emea-wrapper .chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
#emea-wrapper .chosen-container-active .chosen-single {
border: 1px solid #db011c;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#emea-wrapper .chosen-container-active.chosen-with-drop .chosen-single {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #d1cfd0;
color: #323232;
}
#emea-wrapper #ShareYourStory .chosen-container-active.chosen-with-drop .chosen-single {
background: #323232;
border: #323232;
color: #fff;
}
#emea-wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
#emea-wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 9px;
}
#emea-wrapper .chosen-container-active .chosen-choices {
border: 1px solid #db011c;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#emea-wrapper .chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #111 !important;
}
#emea-wrapper .chosen-disabled {
opacity: .5 !important;
cursor: default;
}
#emea-wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close,
#emea-wrapper .chosen-disabled .chosen-single {
cursor: default;
}
#emea-wrapper .chosen-rtl {
text-align: right;
}
#emea-wrapper .chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
#emea-wrapper .chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
#emea-wrapper .chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
#emea-wrapper .chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
#emea-wrapper .chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
#emea-wrapper .chosen-rtl .chosen-choices li {
float: right;
}
#emea-wrapper .chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl;
}
#emea-wrapper .chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
#emea-wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
#emea-wrapper .chosen-rtl.chosen-container-single-nosearch .chosen-search,
#emea-wrapper .chosen-rtl .chosen-drop {
left: 9999px;
}
#emea-wrapper .chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
#emea-wrapper .chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
#emea-wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
#emea-wrapper .chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url(sitefiles/dist/e6b190422fa7aea671edba068d408592.png) no-repeat -30px -20px, linear-gradient(#eee 1%, #fff 15%);
background: #fff url(sitefiles/dist/e6b190422fa7aea671edba068d408592.png) no-repeat -30px -20px;
direction: rtl;
}
#emea-wrapper .chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
#emea-wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
#emea-wrapper .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
#emea-wrapper .chosen-container-single .chosen-search input[type=text],
#emea-wrapper .chosen-container-single .chosen-single abbr,
#emea-wrapper .chosen-container-single .chosen-single div b,
#emea-wrapper .chosen-container .chosen-results-scroll-down span,
#emea-wrapper .chosen-container .chosen-results-scroll-up span,
#emea-wrapper .chosen-rtl .chosen-search input[type=text] {
background-image: url(sitefiles/dist/8791e59c97956c190aa749e3f3d57ca3.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
#emea-wrapper html {
-ms-overflow-style: scrollbar;
}
#emea-wrapper #page-wrapper {
position: relative;
background: #db011c;
min-height: 100vh;
}
#emea-wrapper .page-over {
overflow: hidden;
}
#emea-wrapper label {
cursor: pointer;
}
#emea-wrapper .fl {
float: left;
}
#emea-wrapper .btn-default {
border-color: #474949;
background-color: #474949;
color: #fff;
}
#emea-wrapper .col-xs-pull-6 {
float: left !important;
}
#emea-wrapper .col-xs-push-6 {
float: right !important;
}
#emea-wrapper .collapse {
display: block;
height: auto !important;
}
#emea-wrapper a,
#emea-wrapper a:active,
#emea-wrapper a:hover {
outline: none;
}
#emea-wrapper ::-moz-selection {
background: #db011c;
color: #fff;
text-shadow: none;
}
#emea-wrapper ::selection {
background: #323232;
color: #fff;
text-shadow: none;
}
#emea-wrapper a {
outline: none !important;
color: #db011c;
}
#emea-wrapper a,
#emea-wrapper a:focus,
#emea-wrapper a:hover {
text-decoration: none;
}
#emea-wrapper a:focus,
#emea-wrapper a:hover {
color: #4a4a4a;
}
#emea-wrapper img {
max-width: 100%;
border: none;
}
#emea-wrapper select {
width: 100%;
}
#emea-wrapper input,
#emea-wrapper select,
#emea-wrapper textarea {
box-sizing: border-box;
width: 100%;
height: 32px;
}
#emea-wrapper button {
width: auto;
}
#emea-wrapper .CSCZ button,
#emea-wrapper .CSCZ input,
#emea-wrapper .CSCZ select,
#emea-wrapper .CSCZ textarea,
#emea-wrapper .HUHU button,
#emea-wrapper .HUHU input,
#emea-wrapper .HUHU select,
#emea-wrapper .HUHU textarea,
#emea-wrapper .PLPL button,
#emea-wrapper .PLPL input,
#emea-wrapper .PLPL select,
#emea-wrapper .PLPL textarea,
#emea-wrapper .RURU button,
#emea-wrapper .RURU input,
#emea-wrapper .RURU select,
#emea-wrapper .RURU textarea {
font-family: Arimo, sans-serif;
}
#emea-wrapper textarea {
height: 200px;
}
#emea-wrapper select {
height: auto;
}
#emea-wrapper .uneditable-input:focus,
#emea-wrapper input[type=color]:focus,
#emea-wrapper input[type=date]:focus,
#emea-wrapper input[type=datetime-local]:focus,
#emea-wrapper input[type=datetime]:focus,
#emea-wrapper input[type=email]:focus,
#emea-wrapper input[type=month]:focus,
#emea-wrapper input[type=number]:focus,
#emea-wrapper input[type=password]:focus,
#emea-wrapper input[type=search]:focus,
#emea-wrapper input[type=tel]:focus,
#emea-wrapper input[type=text]:focus,
#emea-wrapper input[type=time]:focus,
#emea-wrapper input[type=url]:focus,
#emea-wrapper input[type=week]:focus,
#emea-wrapper textarea:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(219, 1, 28, 0.8);
}
#emea-wrapper .IE8 select {
box-sizing: border-box;
width: 100%;
}
#emea-wrapper .fRight {
float: right !important;
}
#emea-wrapper .fLeft,
#emea-wrapper .fRight {
margin: 0 !important;
}
#emea-wrapper .fLeft {
float: left !important;
}
#emea-wrapper .bold {
font-weight: 700;
}
#emea-wrapper .black {
color: #000 !important;
}
#emea-wrapper .red {
color: #db011c !important;
}
#emea-wrapper .standardRedBtn {
display: block;
margin-bottom: 7px;
padding: 5px 10px;
width: 100%;
background: #db011c;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-family: HelveticaNeue;
transition: background-color 0.3s ease;
}
#emea-wrapper .CSCZ .standardRedBtn,
#emea-wrapper .HUHU .standardRedBtn,
#emea-wrapper .PLPL .standardRedBtn,
#emea-wrapper .RURU .standardRedBtn {
font-family: Arimo, sans-serif;
}
#emea-wrapper .squareGreyBtn,
#emea-wrapper .standardRedBtn:active,
#emea-wrapper .standardRedBtn:hover {
background: #323232;
color: #fff;
}
#emea-wrapper .squareGreyBtn {
display: inline-block;
margin-bottom: 7px;
padding: 5px 10px;
width: auto;
height: auto !important;
border: 0;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 100% !important;
font-family: HelveticaNeue;
transition: background-color 0.3s ease;
}
#emea-wrapper .squareGreyBtn:hover {
background: #db011c;
color: #fff;
}
#emea-wrapper .ConsentButtons .ConsentButton,
#emea-wrapper .FormButton,
#emea-wrapper .standardGreyBtn,
#emea-wrapper input[type=submit].SubmitButton {
display: inline-block;
margin-bottom: 7px;
padding: 5px 10px;
width: auto;
height: auto !important;
border: 0;
border-radius: 5px;
background: #323232;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 100% !important;
font-family: HelveticaNeue;
transition: background-color 0.3s ease;
}
#emea-wrapper .CSCZ .ConsentButtons .ConsentButton,
#emea-wrapper .CSCZ .FormButton,
#emea-wrapper .CSCZ .standardGreyBtn,
#emea-wrapper .CSCZ input[type=submit].SubmitButton,
#emea-wrapper .HUHU .ConsentButtons .ConsentButton,
#emea-wrapper .HUHU .FormButton,
#emea-wrapper .HUHU .standardGreyBtn,
#emea-wrapper .HUHU input[type=submit].SubmitButton,
#emea-wrapper .PLPL .ConsentButtons .ConsentButton,
#emea-wrapper .PLPL .FormButton,
#emea-wrapper .PLPL .standardGreyBtn,
#emea-wrapper .PLPL input[type=submit].SubmitButton,
#emea-wrapper .RURU .ConsentButtons .ConsentButton,
#emea-wrapper .RURU .FormButton,
#emea-wrapper .RURU .standardGreyBtn,
#emea-wrapper .RURU input[type=submit].SubmitButton {
font-family: Arimo, sans-serif;
}
#emea-wrapper .ConsentButtons .ConsentButton:hover,
#emea-wrapper .FormButton:hover,
#emea-wrapper .standardGreyBtn:active,
#emea-wrapper .standardGreyBtn:hover,
#emea-wrapper input[type=submit].SubmitButton:hover {
background: #db011c;
color: #fff;
}
#emea-wrapper .standardLightGreyBtn {
display: block;
padding: 10px 20px;
border: 1px solid #c2c2c2;
border-radius: 5px;
background: #efefef;
background: linear-gradient(180deg, #efefef 0, #e6e6e6);
color: #323232;
text-align: center;
}
#emea-wrapper .standardLightGreyBtn:active,
#emea-wrapper .standardLightGreyBtn:hover {
background: #e5e5e5;
background: linear-gradient(180deg, #e5e5e5 0, #bfbfbf);
}
#emea-wrapper h1,
#emea-wrapper h2,
#emea-wrapper h3,
#emea-wrapper h4,
#emea-wrapper h5 {
margin: 0;
padding: 0;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ a,
#emea-wrapper .CSCZ h1,
#emea-wrapper .CSCZ h2,
#emea-wrapper .CSCZ h3,
#emea-wrapper .CSCZ h4,
#emea-wrapper .CSCZ h5,
#emea-wrapper .CSCZ h6,
#emea-wrapper .CSCZ p,
#emea-wrapper .ETEE a,
#emea-wrapper .ETEE h1,
#emea-wrapper .ETEE h2,
#emea-wrapper .ETEE h3,
#emea-wrapper .ETEE h4,
#emea-wrapper .ETEE h5,
#emea-wrapper .ETEE h6,
#emea-wrapper .ETEE p,
#emea-wrapper .HUHU a,
#emea-wrapper .HUHU h1,
#emea-wrapper .HUHU h2,
#emea-wrapper .HUHU h3,
#emea-wrapper .HUHU h4,
#emea-wrapper .HUHU h5,
#emea-wrapper .HUHU h6,
#emea-wrapper .HUHU p,
#emea-wrapper .LTLT a,
#emea-wrapper .LTLT h1,
#emea-wrapper .LTLT h2,
#emea-wrapper .LTLT h3,
#emea-wrapper .LTLT h4,
#emea-wrapper .LTLT h5,
#emea-wrapper .LTLT h6,
#emea-wrapper .LTLT p,
#emea-wrapper .LVLV a,
#emea-wrapper .LVLV h1,
#emea-wrapper .LVLV h2,
#emea-wrapper .LVLV h3,
#emea-wrapper .LVLV h4,
#emea-wrapper .LVLV h5,
#emea-wrapper .LVLV h6,
#emea-wrapper .LVLV p,
#emea-wrapper .PLPL a,
#emea-wrapper .PLPL h1,
#emea-wrapper .PLPL h2,
#emea-wrapper .PLPL h3,
#emea-wrapper .PLPL h4,
#emea-wrapper .PLPL h5,
#emea-wrapper .PLPL h6,
#emea-wrapper .PLPL p,
#emea-wrapper .RURU a,
#emea-wrapper .RURU h1,
#emea-wrapper .RURU h2,
#emea-wrapper .RURU h3,
#emea-wrapper .RURU h4,
#emea-wrapper .RURU h5,
#emea-wrapper .RURU h6,
#emea-wrapper .RURU p {
font-weight: 700;
font-family: Arimo, sans-serif !important;
}
#emea-wrapper h4 {
font-size: 87.5%;
}
#emea-wrapper h1 {
font-size: 131.3%;
}
#emea-wrapper h3 {
margin-bottom: 20px;
color: #4a4a4a;
font-size: 114.3%;
line-height: 110%;
}
#emea-wrapper body {
overflow-x: hidden;
margin: 0;
min-width: 270px;
max-width: 100%;
background: #f1f1f1;
color: #323232;
font-size: 13px;
font-family: HelveticaNeueMed;
}
#emea-wrapper .widget {
margin-bottom: 25px !important;
}
#emea-wrapper .smallGap {
margin-bottom: 15px;
}
#emea-wrapper .smallerGap {
margin-bottom: 8px;
}
#emea-wrapper .alCenter {
text-align: center;
}
#emea-wrapper .alLeft {
text-align: left;
}
#emea-wrapper .alRight {
text-align: right;
}
#emea-wrapper .placeHolders label {
display: none;
}
#emea-wrapper .unsubscribe-box {
margin: 0 auto;
width: 100%;
max-width: 767px;
}
#emea-wrapper .unsubscribe-box .unsubscribe-messages {
text-align: center;
display: block;
}
#emea-wrapper .unsubscribe-box input,
#emea-wrapper .unsubscribe-box label {
margin-bottom: 25px;
}
#emea-wrapper .unsubscribe-box input[type=submit] {
background: #ab0116;
border: 0 none;
border-radius: 0;
color: #fff;
font-family: HelveticaNeueMed;
height: auto;
padding: 10px 7px;
text-transform: uppercase;
line-height: normal;
text-align: center;
}
#emea-wrapper .unsubscribe-box input[type=submit]:hover {
background: #323232;
}
@media (max-width: 767px) {
#emea-wrapper .unsubscribe-box {
width: 100%;
padding: 0 25px;
}
}
#emea-wrapper .hidden {
display: none !important;
visibility: hidden;
}
#emea-wrapper .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#emea-wrapper .visuallyhidden.focusable:active,
#emea-wrapper .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
#emea-wrapper .invisible {
visibility: hidden;
}
#emea-wrapper .contact-type {
background-color: #fff;
}
#emea-wrapper .datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr;
}
#emea-wrapper .datepicker-inline {
width: 220px;
}
#emea-wrapper .datepicker.datepicker-rtl {
direction: rtl;
}
#emea-wrapper .datepicker.datepicker-rtl table tr td span {
float: right;
}
#emea-wrapper .datepicker-dropdown {
top: 0;
left: 0;
}
#emea-wrapper .datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
#emea-wrapper .datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-top:before {
top: -7px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-top:after {
top: -6px;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
#emea-wrapper .datepicker-dropdown.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
#emea-wrapper .datepicker > div {
display: none;
}
#emea-wrapper .datepicker.days div.datepicker-days,
#emea-wrapper .datepicker.months div.datepicker-months,
#emea-wrapper .datepicker.years div.datepicker-years {
display: block;
}
#emea-wrapper .datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .datepicker td,
#emea-wrapper .datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: none;
}
#emea-wrapper .table-striped .datepicker table tr td,
#emea-wrapper .table-striped .datepicker table tr th {
background-color: transparent;
}
#emea-wrapper .datepicker table tr td.day.focused,
#emea-wrapper .datepicker table tr td.day:hover {
background: #eee;
cursor: pointer;
}
#emea-wrapper .datepicker table tr td.new,
#emea-wrapper .datepicker table tr td.old {
color: #999;
}
#emea-wrapper .datepicker table tr td.disabled,
#emea-wrapper .datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
#emea-wrapper .datepicker table tr td.today,
#emea-wrapper .datepicker table tr td.today.disabled,
#emea-wrapper .datepicker table tr td.today.disabled:hover,
#emea-wrapper .datepicker table tr td.today:hover {
background-color: #fde19a;
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #000;
}
#emea-wrapper .datepicker table tr td.today.active,
#emea-wrapper .datepicker table tr td.today.disabled,
#emea-wrapper .datepicker table tr td.today.disabled.active,
#emea-wrapper .datepicker table tr td.today.disabled.disabled,
#emea-wrapper .datepicker table tr td.today.disabled:active,
#emea-wrapper .datepicker table tr td.today.disabled:hover,
#emea-wrapper .datepicker table tr td.today.disabled:hover.active,
#emea-wrapper .datepicker table tr td.today.disabled:hover.disabled,
#emea-wrapper .datepicker table tr td.today.disabled:hover:active,
#emea-wrapper .datepicker table tr td.today.disabled:hover:hover,
#emea-wrapper .datepicker table tr td.today.disabled:hover[disabled],
#emea-wrapper .datepicker table tr td.today.disabled[disabled],
#emea-wrapper .datepicker table tr td.today:active,
#emea-wrapper .datepicker table tr td.today:hover,
#emea-wrapper .datepicker table tr td.today:hover.active,
#emea-wrapper .datepicker table tr td.today:hover.disabled,
#emea-wrapper .datepicker table tr td.today:hover:active,
#emea-wrapper .datepicker table tr td.today:hover:hover,
#emea-wrapper .datepicker table tr td.today:hover[disabled],
#emea-wrapper .datepicker table tr td.today[disabled] {
background-color: #fdf59a;
}
#emea-wrapper .datepicker table tr td.today:hover:hover {
color: #000;
}
#emea-wrapper .datepicker table tr td.today.active:hover {
color: #fff;
}
#emea-wrapper .datepicker table tr td.range,
#emea-wrapper .datepicker table tr td.range.disabled,
#emea-wrapper .datepicker table tr td.range.disabled:hover,
#emea-wrapper .datepicker table tr td.range:hover {
background: #eee;
border-radius: 0;
}
#emea-wrapper .datepicker table tr td.range.today,
#emea-wrapper .datepicker table tr td.range.today.disabled,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover,
#emea-wrapper .datepicker table tr td.range.today:hover {
background-color: #f3d17a;
background-image: linear-gradient(top, #f3c17a, #f3e97a);
background-repeat: repeat-x;
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 0;
}
#emea-wrapper .datepicker table tr td.range.today.active,
#emea-wrapper .datepicker table tr td.range.today.disabled,
#emea-wrapper .datepicker table tr td.range.today.disabled.active,
#emea-wrapper .datepicker table tr td.range.today.disabled.disabled,
#emea-wrapper .datepicker table tr td.range.today.disabled:active,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover.active,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover.disabled,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover:active,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover:hover,
#emea-wrapper .datepicker table tr td.range.today.disabled:hover[disabled],
#emea-wrapper .datepicker table tr td.range.today.disabled[disabled],
#emea-wrapper .datepicker table tr td.range.today:active,
#emea-wrapper .datepicker table tr td.range.today:hover,
#emea-wrapper .datepicker table tr td.range.today:hover.active,
#emea-wrapper .datepicker table tr td.range.today:hover.disabled,
#emea-wrapper .datepicker table tr td.range.today:hover:active,
#emea-wrapper .datepicker table tr td.range.today:hover:hover,
#emea-wrapper .datepicker table tr td.range.today:hover[disabled],
#emea-wrapper .datepicker table tr td.range.today[disabled] {
background-color: #f3e97a;
}
#emea-wrapper .datepicker table tr td.selected,
#emea-wrapper .datepicker table tr td.selected.disabled,
#emea-wrapper .datepicker table tr td.selected.disabled:hover,
#emea-wrapper .datepicker table tr td.selected:hover {
background-color: #9e9e9e;
background-image: linear-gradient(top, #b3b3b3, gray);
background-repeat: repeat-x;
border-color: gray gray #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#emea-wrapper .datepicker table tr td.selected.active,
#emea-wrapper .datepicker table tr td.selected.disabled,
#emea-wrapper .datepicker table tr td.selected.disabled.active,
#emea-wrapper .datepicker table tr td.selected.disabled.disabled,
#emea-wrapper .datepicker table tr td.selected.disabled:active,
#emea-wrapper .datepicker table tr td.selected.disabled:hover,
#emea-wrapper .datepicker table tr td.selected.disabled:hover.active,
#emea-wrapper .datepicker table tr td.selected.disabled:hover.disabled,
#emea-wrapper .datepicker table tr td.selected.disabled:hover:active,
#emea-wrapper .datepicker table tr td.selected.disabled:hover:hover,
#emea-wrapper .datepicker table tr td.selected.disabled:hover[disabled],
#emea-wrapper .datepicker table tr td.selected.disabled[disabled],
#emea-wrapper .datepicker table tr td.selected:active,
#emea-wrapper .datepicker table tr td.selected:hover,
#emea-wrapper .datepicker table tr td.selected:hover.active,
#emea-wrapper .datepicker table tr td.selected:hover.disabled,
#emea-wrapper .datepicker table tr td.selected:hover:active,
#emea-wrapper .datepicker table tr td.selected:hover:hover,
#emea-wrapper .datepicker table tr td.selected:hover[disabled],
#emea-wrapper .datepicker table tr td.selected[disabled] {
background-color: gray;
}
#emea-wrapper .datepicker table tr td.active,
#emea-wrapper .datepicker table tr td.active.disabled,
#emea-wrapper .datepicker table tr td.active.disabled:hover,
#emea-wrapper .datepicker table tr td.active:hover {
background-color: #db011c;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#emea-wrapper .datepicker table tr td.active.active,
#emea-wrapper .datepicker table tr td.active.disabled,
#emea-wrapper .datepicker table tr td.active.disabled.active,
#emea-wrapper .datepicker table tr td.active.disabled.disabled,
#emea-wrapper .datepicker table tr td.active.disabled:active,
#emea-wrapper .datepicker table tr td.active.disabled:hover,
#emea-wrapper .datepicker table tr td.active.disabled:hover.active,
#emea-wrapper .datepicker table tr td.active.disabled:hover.disabled,
#emea-wrapper .datepicker table tr td.active.disabled:hover:active,
#emea-wrapper .datepicker table tr td.active.disabled:hover:hover,
#emea-wrapper .datepicker table tr td.active.disabled:hover[disabled],
#emea-wrapper .datepicker table tr td.active.disabled[disabled],
#emea-wrapper .datepicker table tr td.active:active,
#emea-wrapper .datepicker table tr td.active:hover,
#emea-wrapper .datepicker table tr td.active:hover.active,
#emea-wrapper .datepicker table tr td.active:hover.disabled,
#emea-wrapper .datepicker table tr td.active:hover:active,
#emea-wrapper .datepicker table tr td.active:hover:hover,
#emea-wrapper .datepicker table tr td.active:hover[disabled],
#emea-wrapper .datepicker table tr td.active[disabled] {
background-color: #db011c;
}
#emea-wrapper .datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
#emea-wrapper .datepicker table tr td span:hover {
background: #eee;
}
#emea-wrapper .datepicker table tr td span.disabled,
#emea-wrapper .datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
#emea-wrapper .datepicker table tr td span.active,
#emea-wrapper .datepicker table tr td span.active.disabled,
#emea-wrapper .datepicker table tr td span.active.disabled:hover,
#emea-wrapper .datepicker table tr td span.active:hover {
background-color: #db011c;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#emea-wrapper .datepicker table tr td span.active.active,
#emea-wrapper .datepicker table tr td span.active.disabled,
#emea-wrapper .datepicker table tr td span.active.disabled.active,
#emea-wrapper .datepicker table tr td span.active.disabled.disabled,
#emea-wrapper .datepicker table tr td span.active.disabled:active,
#emea-wrapper .datepicker table tr td span.active.disabled:hover,
#emea-wrapper .datepicker table tr td span.active.disabled:hover.active,
#emea-wrapper .datepicker table tr td span.active.disabled:hover.disabled,
#emea-wrapper .datepicker table tr td span.active.disabled:hover:active,
#emea-wrapper .datepicker table tr td span.active.disabled:hover:hover,
#emea-wrapper .datepicker table tr td span.active.disabled:hover[disabled],
#emea-wrapper .datepicker table tr td span.active.disabled[disabled],
#emea-wrapper .datepicker table tr td span.active:active,
#emea-wrapper .datepicker table tr td span.active:hover,
#emea-wrapper .datepicker table tr td span.active:hover.active,
#emea-wrapper .datepicker table tr td span.active:hover.disabled,
#emea-wrapper .datepicker table tr td span.active:hover:active,
#emea-wrapper .datepicker table tr td span.active:hover:hover,
#emea-wrapper .datepicker table tr td span.active:hover[disabled],
#emea-wrapper .datepicker table tr td span.active[disabled] {
background-color: #db011c;
}
#emea-wrapper .datepicker table tr td span.new,
#emea-wrapper .datepicker table tr td span.old {
color: #999;
}
#emea-wrapper .datepicker th.datepicker-switch {
width: 145px;
}
#emea-wrapper .datepicker tfoot tr th,
#emea-wrapper .datepicker thead tr:first-child th {
cursor: pointer;
}
#emea-wrapper .datepicker tfoot tr th:hover,
#emea-wrapper .datepicker thead tr:first-child th:hover {
background: #eee;
}
#emea-wrapper .datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
#emea-wrapper .datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
#emea-wrapper .input-append.date .add-on i,
#emea-wrapper .input-prepend.date .add-on i {
cursor: pointer;
width: 16px;
height: 16px;
}
#emea-wrapper .input-daterange input {
text-align: center;
}
#emea-wrapper .input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
#emea-wrapper .input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
#emea-wrapper .input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: 400;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
#emea-wrapper .datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
#emea-wrapper .datepicker.dropdown-menu td,
#emea-wrapper .datepicker.dropdown-menu th {
padding: 4px 5px;
}
#emea-wrapper .event-filter-wrapper {
margin-bottom: 20px;
border-bottom: 1px solid #323232;
}
#emea-wrapper .event-filter-wrapper .event-filter-title {
display: inline-block;
line-height: 30px;
padding-bottom: 15px;
color: #db011c;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.69230769em;
}
#emea-wrapper .event-filter-wrapper .btn-reset,
#emea-wrapper .event-filter-wrapper .event-filter {
margin-bottom: 10px;
}
#emea-wrapper .event-filter-wrapper .chosen-container-single .chosen-single,
#emea-wrapper .event-filter-wrapper .chosen-container-single .chosen-single span {
height: 30px;
line-height: 30px;
}
#emea-wrapper .event-filter-wrapper .chosen-container-single .chosen-single div {
top: -4px;
}
#emea-wrapper .event-filter-wrapper .btn-reset {
margin-bottom: 15px;
padding: 10px 14px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1em;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #323232;
border-radius: 8px;
}
#emea-wrapper .event-filter-wrapper .btn-reset:focus,
#emea-wrapper .event-filter-wrapper .btn-reset:hover {
background: #db011c;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month {
position: relative;
float: left;
width: 50%;
margin-bottom: 30px;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month .event-month-title {
display: block;
margin: 0 4px;
border-bottom: 4px solid #db011c;
padding: 4px 0;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.23076923em;
color: #323232;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month .event-month-count {
display: block;
position: absolute;
bottom: -13px;
right: 4px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 1em;
color: #fff;
background: #db011c;
text-align: center;
border-radius: 15px;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month.selected .event-month-title,
#emea-wrapper .event-calendar .event-calendar-months .event-month:focus .event-month-title,
#emea-wrapper .event-calendar .event-calendar-months .event-month:hover .event-month-title {
border-bottom-color: #454746;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month.selected .event-month-count,
#emea-wrapper .event-calendar .event-calendar-months .event-month:focus .event-month-count,
#emea-wrapper .event-calendar .event-calendar-months .event-month:hover .event-month-count {
background: #454746;
}
#emea-wrapper .event-calendar .event-calendar-header {
padding: 14px;
background: #323232;
}
#emea-wrapper .event-calendar .btn-load-more,
#emea-wrapper .event-calendar .event-calendar-header .event-calendar-title {
color: #fff;
text-transform: uppercase;
}
#emea-wrapper .event-calendar .btn-load-more {
display: inline-block;
margin: 10px 0;
padding: 10px 14px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1em;
background: #323232;
border-radius: 8px;
}
#emea-wrapper .event-calendar .btn-load-more:focus,
#emea-wrapper .event-calendar .btn-load-more:hover {
background: #db011c;
}
@media (min-width: 992px) {
#emea-wrapper .event-filter-wrapper .event-filter-container {
float: right;
width: 60%;
text-align: right;
}
#emea-wrapper .event-filter-wrapper .btn-reset,
#emea-wrapper .event-filter-wrapper .event-filter {
display: inline-block;
min-width: 24%;
}
#emea-wrapper .event-filter-wrapper .event-filter {
min-width: 32%;
text-align: left;
}
#emea-wrapper .event-filter-wrapper .btn-reset {
padding-top: 5px;
padding-bottom: 5px;
}
#emea-wrapper .event-calendar .event-calendar-months .event-month {
width: 25%;
}
}
#emea-wrapper .event-detail .title {
line-height: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #323232;
padding-bottom: 15px;
color: #db011c;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.69230769em;
}
#emea-wrapper .event-detail .date {
display: block;
margin-bottom: 10px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1em;
color: #323232;
}
#emea-wrapper .repeated-wrapper .repeated-item {
padding: 14px;
background: #ededed;
}
#emea-wrapper .repeated-wrapper .repeated-item:nth-child(2n) {
background: #c7c7c7;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-content,
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-image {
float: left;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-image {
width: 25%;
padding-right: 14px;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-image + .repeated-item-content {
width: 75%;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-image img {
display: block;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-date {
display: block;
margin-bottom: 10px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1em;
color: #323232;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-title {
margin-bottom: 10px;
font-family: HelveticaNeueMed;
font-size: 1.23076923em;
font-weight: 400;
color: #db011c;
text-transform: uppercase;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-subtitle {
margin-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-link {
display: inline-block;
margin-bottom: 10px;
padding: 10px 14px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1em;
text-transform: uppercase;
color: #fff;
background: #323232;
border-radius: 8px;
}
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-link:focus,
#emea-wrapper .repeated-wrapper .repeated-item .repeated-item-link:hover {
background: #db011c;
}
#emea-wrapper .repeated-wrapper .repeated-no-results {
margin: 10px 0;
}
#emea-wrapper .fancybox-image,
#emea-wrapper .fancybox-inner,
#emea-wrapper .fancybox-nav,
#emea-wrapper .fancybox-nav span,
#emea-wrapper .fancybox-outer,
#emea-wrapper .fancybox-skin,
#emea-wrapper .fancybox-tmp,
#emea-wrapper .fancybox-wrap,
#emea-wrapper .fancybox-wrap iframe,
#emea-wrapper .fancybox-wrap object {
margin: 0;
padding: 0;
outline: none;
border: 0;
vertical-align: top;
}
#emea-wrapper .fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
#emea-wrapper .fancybox-skin {
position: relative;
border-radius: 4px;
background: #f9f9f9;
color: #444;
text-shadow: none;
}
#emea-wrapper .fancybox-opened {
z-index: 8030;
}
#emea-wrapper .fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#emea-wrapper .fancybox-inner,
#emea-wrapper .fancybox-outer {
position: relative;
}
#emea-wrapper .fancybox-inner {
overflow: hidden;
}
#emea-wrapper .fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
#emea-wrapper .fancybox-error {
margin: 0;
padding: 15px;
color: #444;
white-space: nowrap;
font: 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}
#emea-wrapper .fancybox-iframe,
#emea-wrapper .fancybox-image {
display: block;
width: 100%;
height: 100%;
}
#emea-wrapper .fancybox-image {
max-width: 100%;
max-height: 100%;
}
#emea-wrapper #fancybox-loading,
#emea-wrapper .fancybox-close,
#emea-wrapper .fancybox-next span,
#emea-wrapper .fancybox-prev span {
background-image: url(sitefiles/dist/4116e02e6a2430ce92277ccc41ea95c9.png);
}
#emea-wrapper #fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
z-index: 8060;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
}
#emea-wrapper #fancybox-loading div {
width: 44px;
height: 44px;
background: url(sitefiles/dist/a7ba70bab12759a5d0ceba3286ff34f6.gif) 50% no-repeat;
}
#emea-wrapper .fancybox-close {
top: -18px;
right: -18px;
width: 36px;
height: 36px;
}
#emea-wrapper .fancybox-close,
#emea-wrapper .fancybox-nav {
position: absolute;
z-index: 8040;
cursor: pointer;
}
#emea-wrapper .fancybox-nav {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 40%;
height: 100%;
background: transparent url(sitefiles/dist/325472601571f31e1bf00674c368d335.gif);
text-decoration: none;
}
#emea-wrapper .fancybox-prev {
left: 0;
}
#emea-wrapper .fancybox-next {
right: 0;
}
#emea-wrapper .fancybox-nav span {
position: absolute;
top: 50%;
z-index: 8040;
visibility: hidden;
margin-top: -18px;
width: 36px;
height: 34px;
cursor: pointer;
}
#emea-wrapper .fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
#emea-wrapper .fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
#emea-wrapper .fancybox-nav:hover span {
visibility: visible;
}
#emea-wrapper .fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
overflow: visible !important;
max-width: 99999px;
max-height: 99999px;
}
#emea-wrapper .fancybox-lock {
width: auto;
}
#emea-wrapper .fancybox-lock,
#emea-wrapper .fancybox-lock body {
overflow: hidden !important;
}
#emea-wrapper .fancybox-lock-test {
overflow-y: hidden !important;
}
#emea-wrapper .fancybox-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 8010;
display: none;
overflow: hidden;
background: url(sitefiles/dist/ada2d81c103904b90a362ee3d5ccdf32.png);
}
#emea-wrapper .fancybox-overlay-fixed {
position: fixed;
right: 0;
bottom: 0;
}
#emea-wrapper .fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
#emea-wrapper .fancybox-title {
position: relative;
z-index: 8050;
visibility: hidden;
text-shadow: none;
font: normal 13px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}
#emea-wrapper .fancybox-opened .fancybox-title {
visibility: visible;
}
#emea-wrapper .fancybox-title-float-wrap {
position: absolute;
right: 50%;
bottom: 0;
z-index: 8050;
margin-bottom: -35px;
text-align: center;
}
#emea-wrapper .fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
border-radius: 15px;
background: rgba(0, 0, 0, 0.8);
background: transparent;
color: #fff;
text-shadow: 0 1px 2px #222;
white-space: nowrap;
font-weight: 700;
line-height: 24px;
}
#emea-wrapper .fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
#emea-wrapper .fancybox-title-inside-wrap {
padding-top: 10px;
}
#emea-wrapper .fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#emea-wrapper #fancybox-loading,
#emea-wrapper .fancybox-close,
#emea-wrapper .fancybox-next span,
#emea-wrapper .fancybox-prev span {
background-image: url(sitefiles/dist/ef447fac32944c79be0f031c2895582e.png);
background-size: 44px 152px;
}
#emea-wrapper #fancybox-loading div {
background-image: url(sitefiles/dist/5bafaeb221caf96cf68f94654d2e19a7.gif);
background-size: 24px 24px;
}
}
#emea-wrapper #fancybox-buttons {
position: fixed;
left: 0;
z-index: 8050;
width: 100%;
}
#emea-wrapper #fancybox-buttons.top {
top: 10px;
}
#emea-wrapper #fancybox-buttons.bottom {
bottom: 10px;
}
#emea-wrapper #fancybox-buttons ul {
display: block;
margin: 0 auto;
padding: 0;
width: 166px;
height: 30px;
border: 1px solid #111;
border-radius: 3px;
background: linear-gradient(top, #444, #343434 50%, #292929 0, #333);
background: #323232;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
list-style: none;
}
#emea-wrapper #fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#emea-wrapper #fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
outline: none;
background-color: transparent;
background-image: url(sitefiles/dist/eb2da7f70eb79e70b81f080fca242013.png);
background-repeat: no-repeat;
text-indent: -9999px;
opacity: 0.8;
}
#emea-wrapper #fancybox-buttons a:hover {
opacity: 1;
}
#emea-wrapper #fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#emea-wrapper #fancybox-buttons a.btnNext {
border-right: 1px solid #3e3e3e;
background-position: -33px 0;
}
#emea-wrapper #fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#emea-wrapper #fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#emea-wrapper #fancybox-buttons a.btnToggle {
width: 35px;
border-right: 1px solid #3e3e3e;
border-left: 1px solid #111;
background-position: 3px -60px;
}
#emea-wrapper #fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#emea-wrapper #fancybox-buttons a.btnClose {
width: 35px;
border-left: 1px solid #111;
background-position: -56px 0;
}
#emea-wrapper #fancybox-buttons a.btnDisabled {
opacity: .4;
cursor: default;
}
#emea-wrapper .flex-container a:active,
#emea-wrapper .flex-container a:focus,
#emea-wrapper .flexslider a:active,
#emea-wrapper .flexslider a:focus {
outline: none;
}
#emea-wrapper .flex-control-nav,
#emea-wrapper .flex-direction-nav,
#emea-wrapper .slides {
margin: 0;
padding: 0;
list-style: none;
}
#emea-wrapper .flexslider {
padding: 0;
}
#emea-wrapper .prodImagesSec #carousel li {
max-width: 88px;
}
#emea-wrapper .flexslider .slides > li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
text-align: center;
}
#emea-wrapper .flexslider .slides img {
display: block;
width: 100%;
}
#emea-wrapper .flex-pauseplay span {
text-transform: capitalize;
}
#emea-wrapper .slides:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
line-height: 0;
}
#emea-wrapper html[xmlns] .slides {
display: block;
}
#emea-wrapper * html .slides {
height: 1%;
}
#emea-wrapper .no-js .slides > li:first-child {
display: block;
}
#emea-wrapper .flexslider {
position: relative;
margin: 0;
background: #fff;
-ms-zoom: 1;
zoom: 1;
}
#emea-wrapper .flex-viewport {
max-height: 2000px;
transition: all 1s ease;
}
#emea-wrapper .loading .flex-viewport {
max-height: 300px;
}
#emea-wrapper .flexslider .slides {
-ms-zoom: 1;
zoom: 1;
}
#emea-wrapper .carousel li {
margin-right: 5px;
}
#emea-wrapper #slider .flex-direction-nav,
#emea-wrapper #vidslider .flex-direction-nav {
display: none !important;
}
#emea-wrapper .flex-direction-nav .flex-prev {
background: #db011c;
color: #fff;
display: block;
font-size: 34px;
margin-top: -42px;
padding: 20px;
z-index: 20;
position: absolute;
top: 50%;
left: 0;
}
#emea-wrapper .flex-direction-nav .flex-disabled {
background: #c2c2c2;
}
#emea-wrapper .flex-direction-nav .flex-disabled:hover {
background: #c2c2c2 !important;
}
#emea-wrapper .flex-direction-nav .flex-prev:hover {
background: #323232;
}
#emea-wrapper .flex-direction-nav .flex-next {
background: #db011c;
color: #fff;
display: block;
font-size: 34px;
margin-top: -42px;
padding: 20px;
z-index: 20;
position: absolute;
top: 50%;
right: 0;
}
#emea-wrapper .flex-direction-nav .flex-next:hover {
background: #323232;
}
#emea-wrapper #carousel,
#emea-wrapper #vidcarousel {
position: relative;
padding: 0 54px;
min-height: 99px;
background: #fff;
}
#emea-wrapper #carousel img,
#emea-wrapper #vidcarousel img {
border: 3px solid #fff;
}
#emea-wrapper #carousel img:hover,
#emea-wrapper #vidcarousel img:hover {
border: 3px solid #db011c;
}
#emea-wrapper #vidcarousel,
#emea-wrapper #vidslider {
display: none;
}
#emea-wrapper .flex-control-nav {
position: absolute;
bottom: -40px;
width: 100%;
text-align: center;
}
#emea-wrapper .flex-control-nav li {
display: inline-block;
*display: inline;
margin: 0 6px;
-ms-zoom: 1;
zoom: 1;
}
#emea-wrapper .flex-control-paging li a {
display: block;
width: 11px;
height: 11px;
border-radius: 20px;
background: #666;
background: rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
text-indent: -9999px;
cursor: pointer;
}
#emea-wrapper .flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
#emea-wrapper .flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
#emea-wrapper .flex-control-thumbs {
position: static;
overflow: hidden;
margin: 5px 0 0;
}
#emea-wrapper .flex-control-thumbs li {
float: left;
margin: 0;
width: 25%;
}
#emea-wrapper .flex-control-thumbs img {
display: block;
width: 100%;
opacity: .7;
cursor: pointer;
}
#emea-wrapper .flex-control-thumbs img:hover {
opacity: 1;
}
#emea-wrapper .flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media (max-width: 991px) {
#emea-wrapper .flex-direction-nav .flex-next,
#emea-wrapper .flex-direction-nav .flex-prev {
margin-top: -32px;
padding: 10px;
}
}
#emea-wrapper #FooterMenu,
#emea-wrapper #FooterMenu li,
#emea-wrapper .noBullet,
#emea-wrapper .noBullet li {
list-style: none;
}
#emea-wrapper #FooterMenu {
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
#emea-wrapper #FooterMenu {
float: right;
}
}
#emea-wrapper .footerBox {
position: relative;
z-index: 10;
padding: 15px 40px;
width: 100%;
margin-top: -105px;
}
#emea-wrapper .footerBoxInner {
margin-bottom: 15px;
padding: 15px 25px;
background: #db011c;
box-shadow: 0 4px 14px -1px #780110;
text-align: center;
}
#emea-wrapper .footerBoxInner .row-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#emea-wrapper footer {
padding: 50px 0;
background: #cd011a;
background: linear-gradient(180deg, #cd011a 0, #ab0116);
}
#emea-wrapper footer .background-layer {
background: #cd011a;
background: linear-gradient(180deg, #ab0116 0, #cd011a);
width: 100%;
display: block;
position: absolute;
bottom: 0;
}
#emea-wrapper footer .heavy {
max-width: 176px;
}
#emea-wrapper .IE8 footer .heavy {
max-width: none;
}
#emea-wrapper footer .milwaukee {
max-width: 185px;
}
#emea-wrapper .IE8 footer .milwaukee {
max-width: none;
}
#emea-wrapper footer .socialFootIcons h4 {
margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-size: 76.9%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ footer .socialFootIcons h4,
#emea-wrapper .HUHU footer .socialFootIcons h4,
#emea-wrapper .PLPL footer .socialFootIcons h4,
#emea-wrapper .RURU footer .socialFootIcons h4 {
font-weight: 700;
font-size: 82%;
font-family: Arimo, sans-serif;
}
#emea-wrapper .footIcons a {
display: inline-block;
margin-right: 2px;
margin-bottom: 10px;
margin-left: 2px;
width: 30px;
height: 30px;
text-indent: -2000em;
transition: background 0.5s linear;
}
#emea-wrapper .footIcons .face {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -249px -249px no-repeat;
}
#emea-wrapper .footIcons .face:hover {
background-position: -249px -289px;
}
#emea-wrapper .footIcons .twit {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -289px -249px no-repeat;
}
#emea-wrapper .footIcons .twit:hover {
background-position: -289px -289px;
}
#emea-wrapper .footIcons .yout {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -329px -249px no-repeat;
}
#emea-wrapper .footIcons .yout:hover {
background-position: -329px -289px;
}
#emea-wrapper .footIcons .flick {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -369px -249px no-repeat;
}
#emea-wrapper .footIcons .flick:hover {
background-position: -369px -289px;
}
#emea-wrapper .footIcons .pin {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -409px -249px no-repeat;
}
#emea-wrapper .footIcons .pin:hover {
background-position: -409px -289px;
}
#emea-wrapper .footIcons .goog {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -449px -249px no-repeat;
}
#emea-wrapper .footIcons .goog:hover {
background-position: -449px -289px;
}
#emea-wrapper .footIcons .insta {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -489px -249px no-repeat;
}
#emea-wrapper .footIcons .insta:hover {
background-position: -489px -289px;
}
#emea-wrapper .footLinks p {
float: left;
color: #fff;
}
#emea-wrapper .footLinks a {
color: #fff;
}
#emea-wrapper .footLinks li + li a {
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid #fff;
}
#emea-wrapper .footLinks .HighLighted a,
#emea-wrapper .footLinks a:hover {
color: #323232;
}
#emea-wrapper .footLinks iframe {
display: none;
}
#emea-wrapper #FooterMenu li {
float: left;
}
#emea-wrapper .netc {
display: block;
float: right;
width: 83px;
height: 37px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -1px -34px no-repeat;
text-indent: -2000em;
}
#emea-wrapper .connected {
padding: 25px 15px;
background: #e5e4e4;
background: linear-gradient(180deg, #e5e4e4 0, #b0afaf);
box-shadow: inset -3px 1px 10px 1px #8f8f8f;
}
#emea-wrapper .connected h3 {
margin-bottom: 10px;
font-size: 92.3%;
}
#emea-wrapper .mainContent .say-hello {
padding: 25px;
margin-top: -5px;
background: #323232;
}
#emea-wrapper .mainContent .say-hello .newsletterSignUpInnerArea .closeNews,
#emea-wrapper .mainContent .say-hello .newsletterSignUpInnerArea h2 {
display: none;
}
#emea-wrapper .mainContent .say-hello h2 {
color: #fff;
font-size: 230%;
margin-bottom: 25px;
text-align: center;
text-transform: uppercase;
}
#emea-wrapper .mainContent .say-hello .social-icons ul {
margin: 0;
padding: 0;
list-style: none;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li {
float: left;
margin: 0 35px 5px 0;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .socialIcon {
width: 64px;
height: 64px;
display: block;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 0 no-repeat;
transition: background .5s linear;
margin-bottom: 10px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li i {
width: 64px;
height: 64px;
font-size: 64px;
margin-bottom: 10px;
color: #fff;
transition: all .25s ease;
cursor: pointer;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li i:hover {
color: #db011c;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .socialText {
color: #fff;
display: block;
margin-bottom: 10px;
text-align: center;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .facebookIcon {
background-position: -247px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .facebookIcon:hover {
background-position: -247px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .twitterIcon {
background-position: -361px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .twitterIcon:hover {
background-position: -361px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .youtubeIcon {
background-position: -475px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .youtubeIcon:hover {
background-position: -475px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .flickrIcon {
background-position: -589px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .flickrIcon:hover {
background-position: -589px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .pinterestIcon {
background-position: -703px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .pinterestIcon:hover {
background-position: -703px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .googleIcon {
background-position: -817px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .googleIcon:hover {
background-position: -817px -526px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .instagramIcon {
background-position: -913px -456px;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li .instagramIcon:hover {
background-position: -913px -526px;
}
#emea-wrapper .mainContent .say-hello .Subscription h3 {
color: #fff;
font-size: 94%;
margin-bottom: 8px;
}
#emea-wrapper .mainContent .say-hello .Subscription input[type=email],
#emea-wrapper .mainContent .say-hello .Subscription input[type=text] {
background: #d2d2d2;
border: none;
padding: 8px;
font-size: 120%;
}
#emea-wrapper .mainContent .say-hello .Subscription .emailArea input[type=submit] {
background: #ab0116;
border: 0 none;
border-radius: 0;
color: #fff;
font-family: HelveticaNeueMed;
height: auto;
padding: 5px 7px;
position: absolute;
right: 7px;
text-transform: uppercase;
top: 3px;
width: auto;
line-height: normal;
}
#emea-wrapper .mainContent .say-hello .Subscription .emailArea input[type=submit]:hover {
background: #323232;
}
#emea-wrapper .mainContent .say-hello .Subscription .removePad {
padding: 0 4px;
}
#emea-wrapper .mainContent .say-hello .Subscription .addMarg {
margin: 0 -11px;
}
#emea-wrapper .mainContent .say-hello .Subscription .ErrorMessage,
#emea-wrapper .mainContent .say-hello .Subscription .InfoMessage {
color: #fff;
margin-left: 12px;
display: block;
}
#emea-wrapper .heavyDuty {
text-align: right;
}
#emea-wrapper .footerBox .rightlinks {
float: right;
}
#emea-wrapper .footerBox .rightlinks .registerFoot a {
background: #db011c url(sitefiles/dist/cde4ad3bbc4c0b29fc4e381fea2669e9.png) no-repeat 0;
background-size: 30px 23px;
color: #fff;
display: block;
font-size: 100%;
padding: 15px 15px 15px 50px;
text-align: left;
position: relative;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .footerBox .rightlinks .registerFoot a:hover {
background-color: #323232;
}
#emea-wrapper .footerBox .rightlinks .storeFoot a {
background: #db011c url(sitefiles/dist/753a1cffcef9e125604d962aa6d7251c.png) no-repeat 0;
background-size: 30px 23px;
color: #fff;
display: block;
font-size: 100%;
padding: 15px 15px 15px 50px;
text-align: left;
position: relative;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .footerBox .rightlinks .storeFoot a:hover {
background-color: #ab0116;
}
#emea-wrapper .footerBox .rightlinks .havCalcFoot a {
background: #db011c url(sitefiles/dist/e569d6281c443add2f6734327e65abc9.png) no-repeat 0;
background-size: 18px 26px;
background-position: 12px;
color: #fff;
display: block;
font-size: 100%;
padding: 15px 15px 15px 50px;
text-align: left;
position: relative;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .footerBox .rightlinks .havCalcFoot a:hover {
background-color: #323232;
}
#emea-wrapper .emailArea {
position: relative;
clear: both;
}
#emea-wrapper .emailArea input {
padding-right: 92px;
}
#emea-wrapper .emailArea input[type=submit] {
position: absolute;
top: 4px;
right: 18px;
padding: 2px 3px 3px;
width: 79px;
height: 25px;
border: 0;
border-radius: 5px;
background: #323232;
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueMed;
}
#emea-wrapper .CSCZ .emailArea input[type=submit],
#emea-wrapper .HUHU .emailArea input[type=submit],
#emea-wrapper .PLPL .emailArea input[type=submit],
#emea-wrapper .RURU .emailArea input[type=submit] {
font-family: Arimo, sans-serif;
}
#emea-wrapper .emailArea input[type=submit]:hover {
background: #3a3c3c;
}
#emea-wrapper .socials {
text-align: center;
}
#emea-wrapper .downloadLink {
display: inline-block;
margin-bottom: 7px;
padding: 5px 10px;
border-radius: 5px;
background: #313131;
color: #fff;
text-align: left;
text-transform: uppercase;
font-weight: 700;
font-size: 100%;
font-family: HelveticaNeue;
}
#emea-wrapper .downloadLink:hover {
background: #db011c;
color: #fff;
}
#emea-wrapper .footerDownloads a {
display: block;
float: left;
clear: both;
width: 100%;
color: #fff;
text-align: left;
text-transform: uppercase;
}
#emea-wrapper .footerDownloads a:hover {
color: #323232;
}
#emea-wrapper .footerDownloads {
text-align: left;
}
#emea-wrapper .footerDownloads h4 {
display: inline-block;
margin-bottom: 7px;
padding: 5px 10px;
border-radius: 5px;
background: #313131;
color: #fff;
text-align: left;
font-weight: 700;
font-size: 100%;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .footerDownloads h4,
#emea-wrapper .HUHU .footerDownloads h4,
#emea-wrapper .PLPL .footerDownloads h4,
#emea-wrapper .RURU .footerDownloads h4 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .downloadIcon {
display: block;
float: left;
margin: -2px 10px 10px 0;
width: 19px;
height: 20px;
background: url(sitefiles/dist/70558490020ad80fbd3887791a4d97e1.jpg) no-repeat;
}
#emea-wrapper .footerTopNav {
display: none;
}
@media (max-width: 1199px) {
#emea-wrapper .say-hello .social-icons ul li {
margin-right: 20px;
}
}
@media (max-width: 991px) {
#emea-wrapper #FooterMenu {
clear: both;
}
#emea-wrapper .footerDownloads a {
font-size: 88%;
text-align: center;
}
#emea-wrapper .say-hello .social-icons ul li {
margin-right: 30px;
}
#emea-wrapper .footerDownloads,
#emea-wrapper .footerDownloads a,
#emea-wrapper .footerDownloads h4 {
text-align: center;
}
}
@media (max-width: 767px) {
#emea-wrapper .upcoming-events .event {
height: auto !important;
}
#emea-wrapper .heavyDuty,
#emea-wrapper .mainContent .say-hello .social-icons {
text-align: center;
}
#emea-wrapper .mainContent .say-hello .social-icons ul li {
float: none;
display: inline-block;
margin: 0 15px 5px;
}
#emea-wrapper footer .dropdown-menu a,
#emea-wrapper footer .footerDownloads .topNav a {
color: #fff !important;
}
#emea-wrapper footer .dropdown-menu a {
float: none;
}
#emea-wrapper footer .dropdown-menu > li > a:focus,
#emea-wrapper footer .dropdown-menu > li > a:hover {
background: none;
color: #323232;
text-decoration: none;
}
#emea-wrapper footer .viewMore {
display: block;
color: #fff;
}
#emea-wrapper footer .viewMore:hover {
background: none;
color: #323232;
}
#emea-wrapper .footerDownloads a {
margin-bottom: 10px;
}
#emea-wrapper .footerBox {
margin-top: 0;
padding: 0;
}
#emea-wrapper .mainContent .say-hello {
margin-bottom: 0 !important;
}
#emea-wrapper .footerTopNav {
background: #fff;
display: block;
padding-bottom: 15px;
}
#emea-wrapper .footerTopNav .topNav {
padding: 15px 25px;
display: block;
}
#emea-wrapper .footerTopNav .topNav li {
float: none;
display: block;
margin-bottom: 5px;
padding: 0;
font-weight: 700;
}
#emea-wrapper .footerTopNav .topNav li a {
color: #595959;
padding: 3px 0;
font-size: 125%;
}
#emea-wrapper .footerTopNav .topNav li .dropdown-menu {
display: block;
position: static;
padding-left: 10px;
font-weight: 400;
float: none;
background: none;
border-radius: 0;
border: none;
color: #595959;
box-shadow: none;
}
#emea-wrapper .footerTopNav .topNav li .dropdown-menu a {
color: #595959;
margin: 0;
padding: 3px 0;
font-size: 125%;
}
#emea-wrapper .footerTopNav .topNav li .dropdown-menu a:hover {
color: #595959;
background: none;
}
#emea-wrapper .footerTopNav .topNav:last-child {
padding: 0;
}
#emea-wrapper .footerBoxInner #FooterMenu {
display: block;
text-align: center;
}
#emea-wrapper .footerBoxInner #FooterMenu li {
display: block;
float: none;
margin-bottom: 5px;
}
#emea-wrapper .footerBoxInner #FooterMenu li a {
color: #fff;
}
#emea-wrapper footer {
padding: 0 0 50px;
background: #db011c;
}
#emea-wrapper footer .footerBoxInner {
box-shadow: none;
padding: 15px 10px;
}
#emea-wrapper footer .heavyDuty {
display: none;
}
#emea-wrapper footer .footLinks {
text-align: center;
}
#emea-wrapper footer .footLinks p {
float: none;
}
}
@media (max-width: 620px) {
#emea-wrapper .footLinks p {
float: none;
}
#emea-wrapper #FooterMenu:after,
#emea-wrapper #FooterMenu:before {
display: table;
content: " ";
}
#emea-wrapper #FooterMenu:after {
clear: both;
}
}
@media (max-width: 480px) {
#emea-wrapper .footerDownloads h4 {
font-size: 100%;
}
#emea-wrapper .footerBox {
padding: 15px;
}
#emea-wrapper .socialIcons a {
margin: 0 3px 10px;
}
#emea-wrapper .connected {
padding: 15px 10px;
}
#emea-wrapper .mainContent .say-hello {
padding: 15px;
}
#emea-wrapper footer {
padding: 0;
}
}
#emea-wrapper .footerBoxInner {
padding: 40px 100px;
text-align: left;
}
@media (max-width: 991px) {
#emea-wrapper .footerBoxInner {
padding: 20px 40px;
text-align: center;
}
}
#emea-wrapper .footerBoxInner h2 {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 26px;
margin-bottom: 15px;
}
#emea-wrapper .footerBoxInner ul {
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
#emea-wrapper .footerBoxInner ul {
margin-bottom: 30px;
}
}
#emea-wrapper .footerBoxInner li {
list-style: none;
margin-left: 15px;
}
#emea-wrapper .footerBoxInner li a {
margin-bottom: 10px;
font-size: 15px;
text-transform: none;
float: none;
}
#emea-wrapper .footerBoxInner #FooterMenu {
display: none;
}
#emea-wrapper .footerBoxInner .milwaukee {
max-width: 400px;
width: 100%;
}
@media (max-width: 767px) {
#emea-wrapper .footerBoxInner .milwaukee {
display: none;
}
}
#emea-wrapper .footerBoxInner .social-icons ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#emea-wrapper .footerBoxInner .social-icons ul li {
display: inline-block;
margin: 0 15px 5px 0;
}
@media (max-width: 991px) {
#emea-wrapper .footerBoxInner .social-icons ul li {
float: none;
display: inline-block;
}
}
@media (min-width: 1200px) {
#emea-wrapper .footerBoxInner .social-icons ul li {
margin: 0 20px 5px 0;
}
}
@media (min-width: 1550px) {
#emea-wrapper .footerBoxInner .social-icons ul li {
margin: 0 35px 5px 0;
}
}
#emea-wrapper .footerBoxInner .social-icons ul li .socialIcon {
width: 48px;
height: 48px;
display: block;
margin-bottom: 10px;
}
@media (max-width: 660px) {
#emea-wrapper .footerBoxInner .social-icons ul li .socialIcon {
width: 30px;
height: 30px;
}
}
#emea-wrapper .footerBoxInner .social-icons ul li .socialText {
color: #fff;
display: block;
margin-bottom: 10px;
text-align: center;
}
#emea-wrapper .footerBoxInner .social-icons ul li .facebookIcon {
background-image: url(sitefiles/dist/5c36987c762fbdd7cdb157ca526ec7e9.svg);
}
#emea-wrapper .footerBoxInner .social-icons ul li .twitterIcon {
background-image: url(sitefiles/dist/e9c76c040514010b58969dc3704531c3.svg);
}
#emea-wrapper .footerBoxInner .social-icons ul li .youtubeIcon {
background-image: url(sitefiles/dist/2feb8b84c4f50668825d055728aa02e8.svg);
}
#emea-wrapper .footerBoxInner .social-icons ul li .flickrIcon {
background-position: -589px -456px;
}
#emea-wrapper .footerBoxInner .social-icons ul li .pinterestIcon {
background-position: -703px -456px;
}
#emea-wrapper .footerBoxInner .social-icons ul li .googleIcon {
background-image: url(sitefiles/dist/df47cba803c94f52282fab2442106543.svg);
}
#emea-wrapper .footerBoxInner .social-icons ul li .instagramIcon {
background-image: url(sitefiles/dist/1a43c45513bbe5daa4076d812d28884f.svg);
}
#emea-wrapper .footLinks {
padding: 0 40px;
}
#emea-wrapper .footLinks p {
float: none;
}
#emea-wrapper .footLinks .right-col {
text-align: right;
}
@media (max-width: 767px) {
#emea-wrapper .footLinks .right-col {
text-align: center;
}
}
@media (max-width: 767px) {
#emea-wrapper .footLinks #FooterMenu li {
float: none;
display: block;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
#emea-wrapper .footLinks #FooterMenu li a {
border: none;
}
}
#emea-wrapper .great-stories {
background: #c2c2c2;
padding: 25px;
}
#emea-wrapper .great-stories h3 {
text-align: center;
color: #404040;
text-transform: uppercase;
}
#emea-wrapper .great-stories h3 a {
color: #404040;
}
#emea-wrapper .great-stories h3 a:hover {
color: #ab0116;
}
#emea-wrapper .great-stories h4 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 120%;
}
#emea-wrapper .great-stories h4,
#emea-wrapper .great-stories p {
text-align: left;
color: #595959;
margin: 0 0 5px;
}
#emea-wrapper .great-stories p {
padding: 0;
}
#emea-wrapper .great-stories .item {
background: #fff;
padding: 25px 30px;
}
#emea-wrapper .great-stories .owl-next {
position: absolute;
right: -30px;
top: 50%;
}
#emea-wrapper .great-stories .owl-prev {
position: absolute;
left: -30px;
top: 50%;
}
@media (max-width: 480px) {
#emea-wrapper .great-stories {
padding: 15px;
}
}
#emea-wrapper .hav__header {
padding: 40px 0;
}
#emea-wrapper .hav__header h1 {
color: #fff;
font-size: 40px;
text-transform: uppercase;
margin-bottom: 25px;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 768px) {
#emea-wrapper .hav__header h1 {
text-align: center;
}
}
#emea-wrapper .hav__header h3 {
color: #fff;
font-size: 18px;
line-height: 28px;
}
@media (max-width: 768px) {
#emea-wrapper .hav__header h3 {
text-align: center;
}
}
#emea-wrapper .hav__header img {
display: block;
margin: 0 auto;
}
#emea-wrapper .hav__main-content__inner {
display: table;
width: 100%;
}
#emea-wrapper .hav__accordion-col {
display: table-cell;
float: none;
border-left: 25px solid #ab0116;
padding: 0;
background: #323232;
padding: 30px;
}
@media (max-width: 991px) {
#emea-wrapper .hav__accordion-col {
float: left;
display: block;
}
}
@media (max-width: 991px) and (min-width: 768px) {
#emea-wrapper .hav__accordion-col {
border-right: 25px solid #ab0116;
}
}
@media (max-width: 768px) {
#emea-wrapper .hav__accordion-col {
border: none;
margin-left: -15px;
margin-right: -15px;
float: none;
}
}
#emea-wrapper .hav__calculator-col {
display: table-cell;
float: none;
border-right: 25px solid #ab0116;
padding: 0;
background: #e9e9e9;
padding: 50px 30px 30px;
}
@media (max-width: 991px) {
#emea-wrapper .hav__calculator-col {
float: left;
display: block;
}
}
@media (max-width: 991px) and (min-width: 768px) {
#emea-wrapper .hav__calculator-col {
border-left: 25px solid #ab0116;
}
}
@media (max-width: 768px) {
#emea-wrapper .hav__calculator-col {
border: none;
margin-left: -15px;
margin-right: -15px;
float: none;
}
}
#emea-wrapper .hav__accordion__title {
color: #fff;
background: #db011c;
font-size: 18px;
padding: 13px 55px 13px 20px;
margin-bottom: 7px;
position: relative;
cursor: pointer;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .hav__accordion__drop {
background: #fff;
color: #323232;
padding: 20px;
margin-bottom: 7px;
}
#emea-wrapper .hav__accordion__item--closed .hav__accordion__title:after {
content: "\F0D7";
}
#emea-wrapper .hav__accordion__item--closed .hav__accordion__title:after,
#emea-wrapper .hav__accordion__item--open .hav__accordion__title:after {
font-family: FontAwesome;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 40px;
}
#emea-wrapper .hav__accordion__item--open .hav__accordion__title:after {
content: "\F0D8";
}
#emea-wrapper .hav__calculator hr {
border-top: 1px solid #323232;
clear: both;
}
#emea-wrapper .hav__calculator__title {
font-size: 28px;
}
#emea-wrapper .hav__calculator__drop-title,
#emea-wrapper .hav__calculator__title {
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .hav__calculator__drop-title {
display: none;
font-size: 20px;
text-transform: uppercase;
cursor: pointer;
}
#emea-wrapper .hav__calculator__drop-title .fa {
color: #db011c;
font-size: 40px;
vertical-align: sub;
padding-left: 10px;
}
#emea-wrapper .hav__calculator__drop-title img {
padding-right: 20px;
vertical-align: -9px;
}
#emea-wrapper .hav__calculator__result,
#emea-wrapper .hav__calculator__subtitle {
text-align: center;
font-size: 18px;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .hav__calculator__result--error,
#emea-wrapper .hav__calculator__subtitle--error {
color: #db011c;
}
#emea-wrapper .hav__calculator__edit-tools {
position: relative;
line-height: 30px;
padding-right: 50px;
}
#emea-wrapper .hav__calculator__edit-tools .edit-tool {
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
border: 1px solid #b3b3b3;
color: #db011c;
cursor: pointer;
}
#emea-wrapper .hav__calculator__edit-tools .edit-tool .fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .hav__calculator__edit-tools .delete-tool {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
border: 1px solid #b3b3b3;
color: #db011c;
cursor: pointer;
}
#emea-wrapper .hav__calculator__edit-tools .delete-tool .fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .hav__calculator__new-tool {
font-size: 18px;
padding-right: 40px;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .hav__calculator__new-tool .add-new {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 50%;
background: #fff;
border: 1px solid #b3b3b3;
color: #db011c;
cursor: pointer;
}
#emea-wrapper .hav__calculator__new-tool .add-new.disabled {
opacity: .5;
color: #323232;
}
#emea-wrapper .hav__calculator__new-tool .add-new .fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .hav__calculator__submit {
border: none;
text-transform: uppercase;
color: #fff;
font-size: 18px;
display: block;
margin: 0 auto;
width: auto;
height: 52px;
padding: 0 30px 0 60px;
background: url(sitefiles/dist/e569d6281c443add2f6734327e65abc9.png) no-repeat #323232;
background-position: 25px 8px;
border-radius: 10px;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 768px) {
#emea-wrapper .hav__calculator__submit {
font-size: 12px;
}
}
#emea-wrapper .hav__calculator__information ul {
font-size: 16px;
padding-left: 30px;
list-style: none;
}
#emea-wrapper .hav__calculator__information ul li {
position: relative;
margin-bottom: 5px;
}
#emea-wrapper .hav__calculator__information ul li:before {
content: "\F111";
font-family: FontAwesome;
font-size: 5px;
position: absolute;
left: -15px;
top: 8px;
}
#emea-wrapper .hav__calculator__information .icon-container {
height: 165px;
width: 165px;
border-radius: 50%;
position: relative;
margin: 0 auto;
}
@media (max-width: 768px) {
#emea-wrapper .hav__calculator__information .icon-container {
margin-bottom: 20px;
}
}
#emea-wrapper .hav__calculator__information .icon-container .fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 80px;
}
#emea-wrapper .hav__calculator__information .heading-block {
color: #fff;
font-weight: 700;
font-size: 17px;
padding: 5px 10px;
margin-bottom: 10px;
}
#emea-wrapper .hav__calculator__information--danger ul li:before {
color: #db011c;
}
#emea-wrapper .hav__calculator__information--danger .heading-block,
#emea-wrapper .hav__calculator__information--danger .icon-container {
background: #db011c;
}
#emea-wrapper .hav__calculator__information--warning ul li:before {
color: #f90;
}
#emea-wrapper .hav__calculator__information--warning .heading-block,
#emea-wrapper .hav__calculator__information--warning .icon-container {
background: #f90;
}
#emea-wrapper .hav__calculator__information--acceptable ul li:before {
color: #07a036;
}
#emea-wrapper .hav__calculator__information--acceptable .heading-block,
#emea-wrapper .hav__calculator__information--acceptable .icon-container {
background: #07a036;
}
@media (max-width: 768px) {
#emea-wrapper .hav .chosen-container-single .chosen-single span {
line-height: 40px;
}
}
#emea-wrapper .mainContent .hav__calculator {
background: #e9e9e9;
padding: 10px 30px;
}
@media (min-width: 992px) {
#emea-wrapper .mainContent .hav__calculator .duration-selector {
border-left: 1px solid #404040;
}
}
#emea-wrapper .mainContent .hav__calculator__drop-title {
display: block;
}
#emea-wrapper .mainContent .hav__calculator__title {
text-align: center;
font-size: 28px;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .mainContent .hav__calculator__subtitle--error {
color: #db011c;
}
#emea-wrapper .mainContent .hav__calculator__information {
margin-bottom: 30px;
}
@media (max-width: 1200px) and (min-width: 991px) {
#emea-wrapper .mainContent .hav__calculator__information .icon-container {
height: 130px;
width: 130px;
}
}
@media (max-width: 991px) {
#emea-wrapper .mainContent .hav__calculator .chosen-container-single .chosen-single span {
line-height: 40px;
}
}
#emea-wrapper .cookie-consent-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 998;
background: #fff;
display: none;
}
#emea-wrapper .cookie-consent-container--visible {
display: block;
}
#emea-wrapper .cookie-consent {
height: auto !important;
padding: 10px 0;
width: 100%;
color: #a9a9a9;
text-align: center;
font-size: 85%;
background-color: #fff;
border-top: 1px solid #a9a9a9;
display: table;
}
#emea-wrapper .cookie-consent .consent-text {
padding-right: 5%;
padding-left: 5%;
width: 65%;
color: #000;
display: table-cell;
vertical-align: middle;
}
@media (max-width: 768px) {
#emea-wrapper .cookie-consent .consent-text {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
#emea-wrapper .cookie-consent .consent-buttons {
width: 15%;
display: table-cell;
vertical-align: middle;
}
@media (max-width: 768px) {
#emea-wrapper .cookie-consent .consent-buttons {
display: block;
width: 100%;
}
}
#emea-wrapper .cookie-consent .consent-buttons .consent-button {
float: right;
margin-right: 5%;
border: 1px solid #a9a9a9;
background-color: #323232;
color: #fff;
width: auto;
}
@media (max-width: 768px) {
#emea-wrapper .cookie-consent .consent-buttons .consent-button {
float: none;
margin-right: 0;
}
}
#emea-wrapper .cookie-consent .consent-buttons .consent-button:hover {
background-color: #fff !important;
color: #323232 !important;
border: 1px solid #a9a9a9 !important;
}
#emea-wrapper .topArea {
height: 47px;
background: #d1cfd0;
}
#emea-wrapper .topLinks {
margin-top: 15px;
}
#emea-wrapper .topNav ul {
margin: 0;
padding: 0;
}
#emea-wrapper .topNav ul li {
float: left;
margin-right: 15px;
list-style: none;
font-size: 92.3%;
}
#emea-wrapper .plus {
display: none;
float: left;
margin-top: -3px;
margin-left: 20px;
cursor: pointer;
}
#emea-wrapper .viewMore {
padding: 3px 20px;
color: #e9132e;
}
#emea-wrapper .viewMore:hover {
background-color: #db011c;
background-image: linear-gradient(180deg, #e9132e 0, #db011c);
background-repeat: repeat-x;
color: #fff;
text-decoration: underline;
}
#emea-wrapper .topLinks .dropdown-menu li {
float: none;
margin-right: 0;
}
#emea-wrapper .dropdown-menu > li > a {
color: #fff;
}
#emea-wrapper .dropdown-menu > li > a:focus,
#emea-wrapper .dropdown-menu > li > a:hover {
background-color: #db011c;
background-image: linear-gradient(180deg, #e9132e 0, #db011c);
background-repeat: repeat-x;
color: #fff;
text-decoration: none;
}
#emea-wrapper .dropdown-menu {
position: absolute;
top: auto;
bottom: 55px;
left: -488px;
z-index: 1000;
display: none;
float: left;
margin: 2px 0 0;
padding: 5px 0;
min-width: 575px;
border: none;
border-radius: 4px 4px 4px 4px;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
list-style: none outside none;
}
@media (max-width: 768px) {
#emea-wrapper .dropdown-menu {
left: -232px;
}
}
#emea-wrapper .dropdown-menu ul {
padding: 10px;
margin-bottom: 0;
-webkit-column-count: 2;
column-count: 2;
}
#emea-wrapper .dropdown-menu ul li {
list-style: none;
min-width: 140px;
}
#emea-wrapper .dropdown-menu ul .flag {
width: 36px;
}
#emea-wrapper .dropdown-menu ul .flag,
#emea-wrapper .dropdown-menu ul a {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
#emea-wrapper .dropdown-menu ul a {
padding-left: 5px;
padding-right: 10px;
}
#emea-wrapper .dropdown-menu > .active > a,
#emea-wrapper .dropdown-menu > .active > a:focus,
#emea-wrapper .dropdown-menu > .active > a:hover {
outline: 0 none;
background-color: #357ebd;
background-image: linear-gradient(180deg, #e9132e 0, #db011c);
background-repeat: repeat-x;
color: #fff;
text-decoration: none;
}
#emea-wrapper .topNav a,
#emea-wrapper .topNav a:active {
color: #323232;
}
#emea-wrapper .topNav a:focus,
#emea-wrapper .topNav a:hover {
color: #db011c;
}
#emea-wrapper .topLinks .btn {
margin-top: -4px;
padding: 3px 6px;
border-radius: 4px !important;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .topLinks .btn,
#emea-wrapper .HUHU .topLinks .btn,
#emea-wrapper .PLPL .topLinks .btn,
#emea-wrapper .RURU .topLinks .btn {
font-family: Arimo, sans-serif;
}
#emea-wrapper .topLinks .btn-group,
#emea-wrapper .topLinks .btn-group-vertical {
display: block;
float: left;
}
#emea-wrapper .search-area,
#emea-wrapper .searchArea {
width: 320px;
display: inline-block;
}
#emea-wrapper .noSearchArea .searchArea {
display: none;
}
#emea-wrapper .search-area input,
#emea-wrapper .searchArea input {
padding-right: 40px;
padding-left: 5px;
}
#emea-wrapper .search-area .searchIcon,
#emea-wrapper .searchArea .searchIcon {
position: absolute;
top: 8px;
right: 4px;
width: 26px;
height: 26px;
border: none;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -419px no-repeat;
background-color: none;
text-indent: -2000em;
}
#emea-wrapper .search-area .searchIcon:hover,
#emea-wrapper .searchArea .searchIcon:hover {
background-position: 0 -448px;
}
#emea-wrapper .search-area .goBtn,
#emea-wrapper .searchArea .goBtn {
position: absolute;
top: 4px;
right: 3px;
padding: 0;
width: 30px;
height: 26px;
border: 0;
border-radius: 5px;
background: #323232;
color: #fff;
font-family: HelveticaNeueMed;
}
#emea-wrapper .CSCZ .searchArea .goBtn,
#emea-wrapper .HUHU .searchArea .goBtn,
#emea-wrapper .PLPL .searchArea .goBtn,
#emea-wrapper .RURU .searchArea .goBtn {
font-family: Arimo, sans-serif;
}
#emea-wrapper .search-area .gobtn:hover,
#emea-wrapper .searchArea .goBtn:hover {
border-color: #2e2f2f;
background: #3a3c3c;
color: #fff;
}
#emea-wrapper .flag {
display: block;
height: 25px;
background: url(sitefiles/dist/9d7e70210e726e12ceab2b4fdf1b2eba.png) 0 0 no-repeat;
background-size: 36px;
cursor: pointer;
}
#emea-wrapper .flag.cs-CZ {
background-position: 0 -30px;
}
#emea-wrapper .flag.da-DK {
background-position: 0 -60px;
}
#emea-wrapper .flag.de-DE {
background-position: 0 -90px;
}
#emea-wrapper .flag.en-GB {
background-position: 0 -120px;
}
#emea-wrapper .flag.es-ES {
background-position: 0 -150px;
}
#emea-wrapper .flag.fi-FI {
background-position: 0 -180px;
}
#emea-wrapper .flag.fr-FR {
background-position: 0 -210px;
}
#emea-wrapper .flag.hu-HU {
background-position: 0 -240px;
}
#emea-wrapper .flag.it-IT {
background-position: 0 -270px;
}
#emea-wrapper .flag.nl-NL {
background-position: 0 -300px;
}
#emea-wrapper .flag.nn-NO {
background-position: 0 -330px;
}
#emea-wrapper .flag.pl-PL {
background-position: 0 -360px;
}
#emea-wrapper .flag.ru-RU {
background-position: 0 -390px;
}
#emea-wrapper .flag.sv-SE {
background-position: 0 -420px;
}
#emea-wrapper .flag.be-BE,
#emea-wrapper .flag.fr-BE,
#emea-wrapper .flag.nl-BE {
background-position: 0 -450px;
}
#emea-wrapper .flag.lt-LT {
background-position: 0 -480px;
}
#emea-wrapper .flag.lv-LV {
background-position: 0 -510px;
}
#emea-wrapper .flag.et-EE {
background-position: 0 -540px;
}
#emea-wrapper .flag.de-CH {
background-position: 0 -569px;
}
#emea-wrapper .flag.ar-AE {
background-position: 0 -599px;
}
#emea-wrapper .flag.en-ZA {
background-position: 0 -629px;
}
#emea-wrapper .flag.pt-PT {
background-position: 0 -659px;
}
#emea-wrapper .flag.sk-SK {
background-position: 0 -688px;
}
#emea-wrapper .flag.tr-TR {
background-position: 0 -721px;
}
#emea-wrapper .cmsFlag {
background-position: 0 -6px;
}
#emea-wrapper .flag span {
float: right;
width: 20px;
height: 100%;
background: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
background-position: 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .logo {
float: none;
display: inline-block;
vertical-align: top;
margin-right: 15px;
width: 20%;
}
@media (max-width: 767px) {
#emea-wrapper .logo {
float: none;
}
}
#emea-wrapper .logo.center-logo {
float: none;
text-align: center;
margin: 0 auto;
}
#emea-wrapper .logo img {
max-width: 276px;
max-height: 86px;
height: auto;
width: 100%;
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .logo img {
padding-left: 10px;
}
}
@media (max-width: 768px) {
#emea-wrapper .logo img {
padding-left: 10px;
}
}
#emea-wrapper header .FeedLink {
display: none;
}
#emea-wrapper .rel {
position: relative;
}
#emea-wrapper .navi {
display: inline-block;
width: 58%;
text-align: right;
}
#emea-wrapper .nav {
text-align: center;
}
#emea-wrapper .navbar {
position: static;
margin-bottom: 0;
padding-right: 0;
padding-left: 15px;
min-height: 0;
border: none;
border-radius: 0;
background: none;
}
#emea-wrapper .movetohere .havCalcSide,
#emea-wrapper .movetohere .registerSide,
#emea-wrapper .movetohere .storeSide {
display: none;
}
#emea-wrapper .navbar .storeSide {
display: none !important;
}
#emea-wrapper .navbar-toggle + .nav-collapse {
margin-top: 0;
}
#emea-wrapper .nav-justified {
border-right: 1px solid #e32235;
border-left: 1px solid #960000;
}
#emea-wrapper .nav-justified > li {
height: 86px;
border-right: 1px solid #960000;
vertical-align: middle;
}
#emea-wrapper .nav-justified > li,
#emea-wrapper .nav-justified > li:first-child {
border-left: 1px solid #e32235;
}
#emea-wrapper .nav-justified > li > .topNavPosition,
#emea-wrapper .nav-justified > li > a {
display: block;
padding-top: 33px;
height: 86px;
color: #fff;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 110%;
font-family: HelveticaNeue, Helvetica, sans-serif;
cursor: pointer;
font-weight: 700;
}
#emea-wrapper .nav-justified > li > a:focus {
background-color: #fff;
color: #db011c;
}
#emea-wrapper .CSCZ .nav-justified > li .topNavPosition,
#emea-wrapper .CSCZ .nav-justified > li a,
#emea-wrapper .HUHU .nav-justified > li .topNavPosition,
#emea-wrapper .HUHU .nav-justified > li a,
#emea-wrapper .PLPL .nav-justified > li .topNavPosition,
#emea-wrapper .PLPL .nav-justified > li a,
#emea-wrapper .RURU .nav-justified > li .topNavPosition,
#emea-wrapper .RURU .nav-justified > li a {
font-weight: 700;
font-family: Arimo, sans-serif;
}
#emea-wrapper .nav-justified > li .topNavPosition {
background: none !important;
}
#emea-wrapper .nav-justified > li .topNavPosition.openNavDrop + .navDrop {
display: block;
}
#emea-wrapper .nav-justified > li .topNavPosition:hover,
#emea-wrapper .nav-justified > li a:hover {
color: #3a3c3c;
text-shadow: none;
}
#emea-wrapper .topNavPosition.openNavDrop {
background: #db011c;
background: linear-gradient(180deg, #db011c 58%, #a20114);
}
#emea-wrapper .IE .topNavPosition.openNavDrop {
background: none !important;
-webkit-filter: none !important;
filter: none !important;
}
#emea-wrapper .navbar-toggle:focus,
#emea-wrapper .navbar-toggle:hover {
background-color: #fff;
}
#emea-wrapper .dropArrow {
position: absolute;
bottom: 5px;
margin-left: -7px;
width: 15px;
height: 13px;
background: url(sitefiles/dist/914fa7d7a13b55ba8605ba6c318459e6.png) no-repeat;
}
#emea-wrapper .dropArrow,
#emea-wrapper .noDrop .dropArrow {
display: none !important;
}
#emea-wrapper .IE .dropArrow {
margin-left: 80px;
}
#emea-wrapper .IE11 .dropArrow {
margin-left: 88px;
}
#emea-wrapper .navDrop {
position: absolute;
left: 0;
z-index: 100;
display: none;
padding: 0 15px 10px;
width: 100%;
background: #c2c2c2;
}
#emea-wrapper .navDrop,
#emea-wrapper .navDrop .navDropInner {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#emea-wrapper .navDrop .navDropInner {
padding: 25px;
background: #4d4d4d;
text-align: left;
}
#emea-wrapper .navDrop .navDropInner .viewAllBox {
text-align: center;
}
#emea-wrapper .navDrop .navDropInner .viewAll {
font-weight: 700;
display: inline-block;
}
#emea-wrapper .navDrop .navDropInner .sub-categories {
float: left;
width: 25%;
}
#emea-wrapper .navDrop .navDropInner .sub-categories a {
display: block;
padding: 15px 10px;
background: #c50119;
color: #fff;
font-size: 1.07692308em;
float: none;
margin-bottom: 3px;
position: relative;
}
#emea-wrapper .navDrop .navDropInner .sub-categories a.active-a {
background: #db011c;
color: #fff;
}
#emea-wrapper .navDrop .navDropInner .sub-categories a.active-a:after {
content: "";
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #db011c;
position: absolute;
top: 0;
right: -24px;
}
#emea-wrapper .navDrop .navDropInner .sub-categories a:hover {
background: #db011c;
color: #fff;
}
#emea-wrapper .navDrop .navDropInner .sub-types {
float: left;
width: 75%;
padding-left: 25px;
}
#emea-wrapper .navDrop .navDropInner .sub-types .sub-type,
#emea-wrapper .navDrop .navDropInner .sub-types h4 {
display: none;
}
#emea-wrapper .navDrop .navDropInner .sub-types .sub-type a {
position: relative;
padding-left: 25px;
}
#emea-wrapper .navDrop .navDropInner .sub-types .sub-type a .leftRedArrow {
position: absolute;
top: 10px;
left: 0;
background: url(sitefiles/dist/88d4e16a378912e6fc5dab95d09a05f2.png) no-repeat;
width: 7px;
height: 8px;
}
#emea-wrapper .navDrop .closeNav {
display: block;
float: right;
margin-top: 10px;
width: 25px;
height: 25px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -83px no-repeat;
text-indent: -2000em;
}
#emea-wrapper .navDrop .navDropInner h2 {
margin-bottom: 20px;
color: #fff;
text-transform: uppercase;
font-size: 184.6%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .navDrop .navDropInner h2 a {
padding: 0;
background: none;
color: #fff;
font-size: inherit;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .navDrop .navDropInner h2,
#emea-wrapper .CSCZ .navDrop .navDropInner h2 a,
#emea-wrapper .HUHU .navDrop .navDropInner h2,
#emea-wrapper .HUHU .navDrop .navDropInner h2 a,
#emea-wrapper .PLPL .navDrop .navDropInner h2,
#emea-wrapper .PLPL .navDrop .navDropInner h2 a,
#emea-wrapper .RURU .navDrop .navDropInner h2,
#emea-wrapper .RURU .navDrop .navDropInner h2 a {
font-family: Arimo, sans-serif;
}
#emea-wrapper .nav > li {
position: static;
}
#emea-wrapper .navDrop .navDropInner a {
display: block;
padding: 5px 0 5px 5px;
height: auto;
color: #fff;
text-shadow: none;
font-size: 107.7%;
font-family: HelveticaNeueMed;
}
#emea-wrapper .CSCZ .navDrop .navDropInner a,
#emea-wrapper .HUHU .navDrop .navDropInner a,
#emea-wrapper .PLPL .navDrop .navDropInner a,
#emea-wrapper .RURU .navDrop .navDropInner a {
font-family: Arimo, sans-serif;
}
#emea-wrapper .navDrop .navDropInner a.categoryImage {
background: none;
}
#emea-wrapper .navDrop .navDropInner a:hover {
color: #db011c;
}
#emea-wrapper .redArrow {
display: inline-block;
margin-right: 5px;
width: 7px;
height: 13px;
background: url(sitefiles/dist/88d4e16a378912e6fc5dab95d09a05f2.png) 0 5px no-repeat;
}
#emea-wrapper .icon-hard-hat {
background-image: url(sitefiles/dist/84a7a46bca7ade756cb34871be772456.png);
background-repeat: no-repeat;
width: 167px;
height: 47px;
display: inline-block;
margin-top: -10px;
margin-left: -40px;
}
#emea-wrapper .icon-hard-hat:hover {
background-image: url(sitefiles/dist/84a7a46bca7ade756cb34871be772456.png);
background-position-x: -175px;
}
#emea-wrapper .nav--onekey {
display: inline-block;
position: relative;
margin-top: 30px;
vertical-align: top;
}
#emea-wrapper .nav--onekey ul {
padding: 0;
list-style: none;
}
#emea-wrapper .nav--onekey > ul > li:hover .nav--onekey__dropdown {
display: block;
position: absolute;
z-index: 100;
padding-top: 22px;
margin-left: -30px;
}
#emea-wrapper .nav--onekey .one-key-link {
background-color: #dc2328;
}
#emea-wrapper .nav--onekey img {
margin-top: 9px;
}
#emea-wrapper .nav--onekey__dropdown {
display: none;
min-width: 290px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
z-index: 100;
margin-top: -8px !important;
}
#emea-wrapper .nav--onekey__dropdown:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
top: -8px;
position: relative;
}
#emea-wrapper .nav--onekey__dropdown li {
background-color: #fff;
width: 100%;
min-height: 65px;
display: table;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
}
#emea-wrapper .nav--onekey__dropdown li + li {
border-top: 1px solid #e2e2e2;
}
#emea-wrapper .nav--onekey__dropdown li a {
color: #323232;
display: table-cell;
vertical-align: middle;
}
#emea-wrapper .nav--onekey__dropdown-inner li:hover {
background-color: #dc2328;
}
#emea-wrapper .nav--onekey__dropdown-inner li:hover a {
color: #fff;
}
#emea-wrapper .nav--onekey__dropdown-inner li:last-child {
border-top: 2px solid #e2e2e2;
}
@media (max-width: 1199px) {
#emea-wrapper .search-area,
#emea-wrapper .searchArea {
width: 147px;
}
#emea-wrapper .IE8 .searchArea {
width: 65px;
}
#emea-wrapper .IE11 .dropArrow {
margin-left: 73px;
}
}
@media (max-width: 991px) {
#emea-wrapper .topArea {
min-height: 47px;
height: auto;
}
#emea-wrapper .search-area,
#emea-wrapper .searchArea {
position: relative;
width: 100%;
float: none;
padding-bottom: 10px;
}
#emea-wrapper .logo {
width: auto;
text-align: left;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
#emea-wrapper .nav--onekey__dropdown {
left: -20px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#emea-wrapper .nav--onekey__dropdown:before {
left: -111px;
}
#emea-wrapper .navi {
width: 90%;
}
#emea-wrapper .IE8 .search-area,
#emea-wrapper .IE8 .searchArea,
#emea-wrapper .ie9 .search-area,
#emea-wrapper .ie9 .searchArea {
width: 89px;
}
#emea-wrapper .topLinks .btn {
padding: 3px;
font-size: 10px;
}
#emea-wrapper .topLinks .btn-group {
display: inline-block;
float: none;
}
#emea-wrapper .topNav {
max-width: 100%;
text-align: center;
margin: 0 auto;
display: inline-block;
padding-bottom: 20px;
}
#emea-wrapper .topNav ul li {
margin-right: 7px;
font-size: 86.3%;
float: none;
display: inline-block;
}
#emea-wrapper .IE11 .dropArrow {
margin-left: 79px;
}
}
@media (max-width: 767px) {
#emea-wrapper .navDrop .navDropInner .sub-categories {
display: none;
}
#emea-wrapper .navDrop .navDropInner .sub-types {
float: none;
width: 100%;
padding-left: 0;
}
#emea-wrapper .navDrop {
display: none;
}
#emea-wrapper .navDrop .navDropInner .sub-types ul {
padding: 0;
display: none;
margin-bottom: 5px;
}
#emea-wrapper .navDrop .navDropInner .sub-types h4 {
display: block;
color: #fff;
font-weight: 700;
text-align: left;
padding-left: 10px;
font-size: 110%;
margin: 0 0 7px;
cursor: pointer;
}
#emea-wrapper .navDrop .navDropInner .sub-types h4:hover {
color: #db011c;
}
#emea-wrapper .navDrop .navDropInner .sub-types h4:last-of-type {
margin: 0;
}
#emea-wrapper .nav-justified > li .topNavPosition {
margin: 0 !important;
}
#emea-wrapper .nav--onekey {
display: none;
}
#emea-wrapper .nav--onekey__dropdown {
display: block;
padding-left: 0;
min-width: 100%;
}
#emea-wrapper .nav--onekey__dropdown:before {
border: none;
left: 0;
top: 0;
}
#emea-wrapper .nav--onekey__dropdown li {
min-height: 40px;
}
#emea-wrapper .nav--onekey__dropdown li a {
font-size: 16px;
}
#emea-wrapper .nav--onekey__dropdown li + li,
#emea-wrapper .nav--onekey__dropdown li:last-child {
border: none;
}
#emea-wrapper .nav--onekey__dropdown .nav--onekey__dropdown-inner {
text-align: left;
padding: 10px 0;
}
#emea-wrapper .nav--onekey__dropdown .nav--onekey__dropdown-inner ul {
padding-left: 0;
}
#emea-wrapper .nav--onekey__dropdown .nav--onekey__dropdown-inner ul li {
margin-bottom: 10px;
}
#emea-wrapper .nav--onekey__dropdown .nav--onekey__dropdown-inner ul li a {
padding: 5px 20px;
}
#emea-wrapper .nav--onekey__dropdown .nav--onekey__dropdown-inner ul li.one-key-link {
background-color: #db011c;
text-align: center;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea {
margin-top: 15px;
padding: 15px 25px;
background: #c2c2c2;
position: relative;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea .emailArea input[type=submit] {
position: static;
margin-top: 8px;
display: block;
background: #db011c;
text-align: center;
border-radius: 0;
width: 100%;
height: auto;
text-transform: none;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea input {
padding: 10px;
border: none;
font-family: HelveticaNeueLTStd-BdEx;
height: auto;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea .emailArea input[type=text] {
padding-right: 10px;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea h3 {
text-align: left;
color: #595959;
font-size: 105%;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea h2 {
text-align: left;
display: block;
color: #595959;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 150%;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea .closeNews {
display: block;
font-size: 159%;
position: absolute;
right: 25px;
top: 13px;
cursor: pointer;
}
#emea-wrapper .movetohere .tradesBox {
display: block !important;
padding: 25px !important;
background: #fff;
}
#emea-wrapper .movetohere .tradesBox h2 {
text-align: left;
color: #595959;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 150%;
}
#emea-wrapper .movetohere .tradesBox .closeBox {
display: none !important;
}
#emea-wrapper .movetohere .tradesBox img {
display: inline-block;
width: 30%;
}
#emea-wrapper .movetohere .tradesBox span {
display: inline-block !important;
width: 63%;
color: #323232;
font-size: 110%;
text-align: left;
}
#emea-wrapper .movetohere .tradesBox .col-lg-3.col-md-3.col-sm-3 {
padding: 0 15px !important;
}
#emea-wrapper .movetohere .tradesBox .col-lg-3.col-md-3.col-sm-3 a {
display: block;
vertical-align: middle;
}
#emea-wrapper .movetohere .systemsBox {
display: block !important;
padding: 25px !important;
background: #db011c;
}
#emea-wrapper .movetohere .systemsBox h2 {
text-align: left;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 150%;
margin-bottom: 15px;
}
#emea-wrapper .movetohere .systemsBox .closeBox {
display: none !important;
}
#emea-wrapper .movetohere .systemsBox img {
display: inline-block;
width: 30%;
margin-right: 5%;
}
#emea-wrapper .movetohere .systemsBox span {
display: inline-block !important;
width: 63%;
color: #fff;
font-size: 110%;
text-align: left;
vertical-align: middle;
}
#emea-wrapper .movetohere .systemsBox a {
display: block;
vertical-align: middle;
margin-bottom: 10px;
}
#emea-wrapper .movetohere .registerSide {
background: #db011c url(sitefiles/dist/cde4ad3bbc4c0b29fc4e381fea2669e9.png) no-repeat 0;
color: #fff;
display: block;
font-size: 130%;
padding: 15px 15px 15px 70px;
text-align: left;
position: relative;
}
#emea-wrapper .movetohere .registerSide a {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .movetohere .havCalcSide {
background: #db011c url(sitefiles/dist/e569d6281c443add2f6734327e65abc9.png) no-repeat 0;
background-position: 23px;
color: #fff;
display: block;
font-size: 130%;
padding: 15px 15px 15px 70px;
text-align: left;
position: relative;
}
#emea-wrapper .movetohere .havCalcSide a {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .movetohere .storeSide {
background: #db011c url(sitefiles/dist/753a1cffcef9e125604d962aa6d7251c.png) no-repeat 0;
color: #fff;
display: block;
font-size: 130%;
padding: 15px 15px 15px 70px;
text-align: left;
position: relative;
}
#emea-wrapper .movetohere .storeSide a {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .topArea {
display: none;
}
#emea-wrapper .logo {
padding-right: 45px;
text-align: left;
}
#emea-wrapper header .topLinks .search-area,
#emea-wrapper header .topLinks .searchArea,
#emea-wrapper header .topNav {
display: none;
}
#emea-wrapper .logo img {
max-height: none;
max-width: 100%;
}
#emea-wrapper .search-area .searchIcon,
#emea-wrapper .searchArea .searchIcon {
top: 0;
right: 25px;
width: 37px;
height: 37px;
padding: 0;
background-color: #94cd72;
background-position: 0 -488px;
}
#emea-wrapper .search-area .searchIcon:hover,
#emea-wrapper .searchArea .searchIcon:hover {
background-position: 0 -488px;
}
#emea-wrapper .search-area input,
#emea-wrapper .searchArea input {
height: 37px;
border: none;
}
#emea-wrapper .topNav {
clear: both;
}
#emea-wrapper .topNav ul li {
float: none;
}
#emea-wrapper .navbar-toggle {
position: absolute;
top: 46px;
left: -50px;
float: none;
padding: 8px;
width: auto;
height: 32px;
border: none;
border-radius: 0;
background-color: #fff;
}
#emea-wrapper .navbar {
position: absolute;
top: -37px;
right: -1px;
width: 0;
background: #4d4d4d;
padding-left: 0;
}
#emea-wrapper .nav-justified {
border: none;
}
#emea-wrapper .nav-justified > li {
border: none;
display: block;
padding-left: 10px;
width: 100%;
height: auto;
vertical-align: top;
text-align: left;
}
#emea-wrapper .open-slide + .navbar-responsive-collapse {
display: block !important;
}
#emea-wrapper .navDrop .navDropInner {
background: none !important;
}
#emea-wrapper .nav-justified > li:first-child {
border-left: none;
}
#emea-wrapper .nav-justified > li.dropdown > a {
background: #db011c;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .nav-justified > li.dropdown > a:after {
content: "\F054";
font-family: FontAwesome;
float: right;
}
#emea-wrapper .nav-justified > li .topNavPosition,
#emea-wrapper .nav-justified > li a {
display: block;
padding: 5px 0;
height: auto;
color: #3a3c3c;
text-align: left;
text-shadow: none;
font-family: HelveticaNeueMed;
font-weight: 400;
cursor: pointer;
}
#emea-wrapper .nav-justified > li .topNavPosition {
margin-bottom: 10px;
color: #fff;
font-size: 120%;
}
#emea-wrapper .nav-justified .redArrow {
display: none;
}
#emea-wrapper .CSCZ .nav-justified > li .topNavPosition,
#emea-wrapper .CSCZ .nav-justified > li a,
#emea-wrapper .HUHU .nav-justified > li .topNavPosition,
#emea-wrapper .HUHU .nav-justified > li a,
#emea-wrapper .PLPL .nav-justified > li .topNavPosition,
#emea-wrapper .PLPL .nav-justified > li a,
#emea-wrapper .RURU .nav-justified > li .topNavPosition,
#emea-wrapper .RURU .nav-justified > li a {
font-family: Arimo, sans-serif;
}
#emea-wrapper .nav-justified > li .topNavPosition:hover,
#emea-wrapper .nav-justified > li a:hover {
color: #db011c;
text-shadow: none;
}
#emea-wrapper .navbar-responsive-collapse {
padding: 5px 15px;
height: auto !important;
}
#emea-wrapper .topNavPosition.openNavDrop {
background: #fff;
-webkit-filter: none;
filter: none;
}
#emea-wrapper .navDrop {
position: relative;
background: none;
}
#emea-wrapper .navDrop,
#emea-wrapper .navDrop .navDropInner {
padding: 0;
}
#emea-wrapper .navDrop .closeNav,
#emea-wrapper .navDrop h2 {
display: none;
}
#emea-wrapper .navDrop .navDropInner a {
display: block;
}
#emea-wrapper .navDrop .navDropInner a:last-child {
border: none;
}
#emea-wrapper .searchArea {
margin-top: -7px;
margin-right: 0;
padding: 0 25px;
}
#emea-wrapper .navbar-toggle .icon-bar {
background: #595959;
}
#emea-wrapper .dropArrow {
display: none !important;
}
#emea-wrapper .topArea {
padding: 0 5px;
}
#emea-wrapper .topNav {
position: relative;
}
#emea-wrapper .topLinks .btn {
margin-top: 0;
}
#emea-wrapper .search-area,
#emea-wrapper .searchArea {
width: 100%;
margin: 0;
float: none;
}
#emea-wrapper .logo {
max-width: 100%;
max-height: none;
}
#emea-wrapper .logo,
#emea-wrapper .navi {
width: 100%;
}
#emea-wrapper .navbar-responsive-collapse.nav-collapse {
width: 80%;
left: auto;
right: -80%;
display: none;
}
#emea-wrapper .navbar-responsive-collapse.nav-collapse .nav-justified {
border-left: 0;
border-right: 0;
}
#emea-wrapper .navbar-responsive-collapse.nav-collapse .nav-justified > li {
border-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#emea-wrapper .navbar-responsive-collapse.nav-collapse .nav-justified > li .navDrop {
display: block;
}
}
@media (max-width: 767px) and (max-width: 768px) {
#emea-wrapper .logo {
padding-right: 55px;
}
}
@media (max-width: 480px) {
#emea-wrapper .logo img {
max-width: 100%;
}
#emea-wrapper .movetohere .tradesBox span {
width: 62%;
}
#emea-wrapper .movetohere .newsletterSignUpInnerArea h2 {
font-size: 125%;
padding-right: 20px;
}
#emea-wrapper .movetohere .systemsBox span {
width: 70%;
font-size: 80%;
}
#emea-wrapper .movetohere .systemsBox img {
width: 23%;
}
}
@media (max-width: 320px) {
#emea-wrapper .flag {
margin-right: 10px;
}
}
@media (max-width: 290px) {
#emea-wrapper .flag {
margin-right: 0;
}
}
@media (max-width: 1200px) {
#emea-wrapper .icon-hard-hat {
margin-left: 0;
}
#emea-wrapper .navi {
width: 50%;
}
}
#emea-wrapper .nav {
text-align: left;
}
#emea-wrapper .nav > li {
display: table-cell;
}
#emea-wrapper .nav-justified {
margin-top: 13px;
border: none;
display: inline-block;
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .nav-justified {
padding-left: 10px;
margin-top: 0;
}
}
#emea-wrapper .nav-justified > li {
height: auto;
width: auto;
border: none;
padding: 10px 0 20px;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified > li {
padding: 0;
display: block;
max-width: none;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified > li .nav-drop-down__lead-link {
border-bottom: 1px solid #c2c2c2;
margin-left: -15px;
margin-right: -15px;
min-height: auto;
font-size: 15px;
color: #db011c;
padding: 15px;
}
#emea-wrapper .nav-justified > li .nav-drop-down__lead-link:after {
content: "\F054";
font-family: FontAwesome;
float: right;
}
}
#emea-wrapper .nav-justified > li .nav-drop-down__back-btn {
padding: 12px 15px;
font-size: 15px;
font-family: HelveticaNeueLTStd-BdEx;
background-color: #000;
color: #db011c;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified > li .nav-drop-down__sub-links a {
padding: 12px 15px;
}
}
#emea-wrapper .nav-justified > li:first-child {
border-left: none;
}
#emea-wrapper .nav-justified > li:first-child > a {
border-left: 1px solid #960000;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified > li:first-child > a {
border-left: none;
}
}
#emea-wrapper .nav-justified > li.active,
#emea-wrapper .nav-justified > li:hover {
background-color: #fff !important;
}
#emea-wrapper .nav-justified > li.active > .topNavPosition,
#emea-wrapper .nav-justified > li.active > a,
#emea-wrapper .nav-justified > li:hover > .topNavPosition,
#emea-wrapper .nav-justified > li:hover > a {
background-color: transparent;
border-right: 1px solid #fff;
border-left: none;
color: #db011c;
}
#emea-wrapper .nav-justified > li > a {
text-shadow: none;
text-align: left;
}
#emea-wrapper .nav-justified > li > .topNavPosition,
#emea-wrapper .nav-justified > li > a {
border-right: 1px solid #960000;
border-left: none;
padding: 0 10px;
height: 100%;
display: inline-block;
text-shadow: none;
font-size: 15px;
}
#emea-wrapper .nav-justified > li > .topNavPosition .fa,
#emea-wrapper .nav-justified > li > a .fa {
margin-left: 5px;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified > li > .topNavPosition,
#emea-wrapper .nav-justified > li > a {
padding: 12px 15px;
border-right: none;
border-left: none;
border-bottom: 1px solid #c2c2c2;
word-spacing: normal;
display: block;
font-size: 15px;
color: #db011c;
}
}
#emea-wrapper .navDrop {
top: 94%;
}
#emea-wrapper .search-area {
padding: 0 15px;
vertical-align: middle;
position: relative;
width: 100%;
transition-property: top;
transition-duration: 0.5s;
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .search-area {
width: auto;
margin-left: auto;
}
}
@media (min-width: 1200px) {
#emea-wrapper .search-area {
width: 245px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .search-area {
width: 468px;
}
}
@media (max-width: 767px) {
#emea-wrapper .search-area .searchBox {
margin-top: 10px;
}
}
@media (min-width: 767px) {
#emea-wrapper .search-area .searchBox.initialised {
margin-top: -18px;
}
}
#emea-wrapper .search-area .twitter-typeahead {
width: 80%;
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .search-area .twitter-typeahead {
width: 80%;
}
}
@media (min-width: 1200px) {
#emea-wrapper .search-area .twitter-typeahead {
width: 174px;
position: relative;
display: inline-block;
}
}
@media (min-width: 1550px) {
#emea-wrapper .search-area .twitter-typeahead {
width: 397px;
}
}
#emea-wrapper .search-area .twitter-typeahead .twitter-typeahead {
position: relative;
display: inline-block;
}
@media (max-width: 767px) {
#emea-wrapper .search-area .twitter-typeahead .twitter-typeahead {
width: 100%;
}
}
@media (max-width: 767px) {
#emea-wrapper .search-area .twitter-typeahead > .twitter-typeahead:first-child {
display: none !important;
}
}
#emea-wrapper .search-area .twitter-typeahead .tt-query {
background-color: #fff;
color: #747474;
border-radius: 0;
box-shadow: none;
height: 54px;
padding: 10px 30px;
}
@media (min-width: 768px) and (max-width: 1550px) {
#emea-wrapper .search-area .twitter-typeahead .tt-query {
padding: 10px;
}
}
@media (max-width: 767px) {
#emea-wrapper .search-area .twitter-typeahead .tt-query {
font-family: HelveticaNeueLTStd-BdEx;
height: 45px;
font-size: 15px;
border-bottom: 1px solid #c2c2c2;
padding: 10px;
}
}
#emea-wrapper .search-area .searchIcon {
height: 54px;
width: 54px;
padding: 0;
border: 1px solid #c2c2c2;
border-left: none;
border-radius: 0;
background-image: url(sitefiles/dist/cd8cf84668e6e85e57b7ca1d5229816c.svg);
background-color: transparent;
background-size: 38px 41px;
background-position: 6px 4px;
top: 0;
}
@media (max-width: 767px) {
#emea-wrapper .search-area .searchIcon {
height: 45px;
width: 45px;
background-image: url(sitefiles/dist/7048151da9b5d53eab5daeb00fff76db.svg);
background-position: 3px 1px;
top: 0;
right: 10px;
border: none;
}
}
#emea-wrapper .search-area .searchIcon:hover {
background-image: url(sitefiles/dist/7fedc3c9e84a02c7c96e41c97aab3967.svg);
background-position: 6px 4px;
background-size: 38px 41px;
}
@media (max-width: 767px) {
#emea-wrapper .search-area .searchIcon:hover {
background-position: 3px 1px;
}
}
#emea-wrapper .heated-banner {
display: block;
position: relative;
}
#emea-wrapper .heated-banner .heated-banner-img {
display: block;
width: 100%;
}
#emea-wrapper .heated-banner .heated-banner-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#emea-wrapper .heated-banner .heated-banner-overlay .container {
position: relative;
height: 100%;
}
#emea-wrapper .heated-banner .heated-banner-overlay h1 {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin-top: -55px;
padding: 33px 25px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 307.7%;
text-transform: uppercase;
color: #fff;
}
#emea-wrapper .csstransforms .heated-banner .heated-banner-overlay h1 {
top: 50%;
margin-top: 0;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#emea-wrapper .heated-title {
background: #fff;
padding: 0 25px;
}
#emea-wrapper .heated-overlayBtn {
display: none;
}
#emea-wrapper .heated-tabbed-area {
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
background: #edecec;
}
#emea-wrapper .heated-tabbed-area .jacket-img {
text-align: right;
}
#emea-wrapper .heated-tabbed-area h2 {
color: #ab0116;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 2.53846154em;
}
#emea-wrapper .heated-tabbed-area .heat-btm {
padding-bottom: 25px;
}
#emea-wrapper .heated-tabbed-area .heated-content {
padding: 40px 25px;
background: #fff;
}
#emea-wrapper .heated-tabbed-area .heated-content h1,
#emea-wrapper .heated-tabbed-area .heated-content h2,
#emea-wrapper .heated-tabbed-area .heated-content h3,
#emea-wrapper .heated-tabbed-area .heated-content h4,
#emea-wrapper .heated-tabbed-area .heated-content h5,
#emea-wrapper .heated-tabbed-area .heated-content h6 {
margin-bottom: 10px;
}
#emea-wrapper .heated-tabbed-area .how-it-works {
position: relative;
display: block;
width: 100%;
height: 456px;
background-color: #fff;
margin-bottom: 0;
padding: 32px 0;
}
#emea-wrapper .heated-tabbed-area .how-it-works .image-container {
position: relative;
text-align: center;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail {
position: absolute;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 16px;
width: 200px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail .grey-line {
text-indent: -9999px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail span {
display: block;
position: absolute;
border-top: 2px solid #bababa;
width: 100px;
right: -110px;
top: 50%;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail span:before {
display: block;
height: 6px;
border-radius: 50%;
width: 6px;
padding: 2px;
content: " ";
background: #6f6f6f;
border: 2px solid #bababa;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1,
#emea-wrapper .heated-tabbed-area .how-it-works .how2,
#emea-wrapper .heated-tabbed-area .how-it-works .how3 {
left: 40px;
text-align: right;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1 span:before,
#emea-wrapper .heated-tabbed-area .how-it-works .how2 span:before,
#emea-wrapper .heated-tabbed-area .how-it-works .how3 span:before {
position: absolute;
right: -5px;
top: -4px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4,
#emea-wrapper .heated-tabbed-area .how-it-works .how5,
#emea-wrapper .heated-tabbed-area .how-it-works .how6 {
right: 40px;
text-align: left;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 span:before,
#emea-wrapper .heated-tabbed-area .how-it-works .how5 span:before,
#emea-wrapper .heated-tabbed-area .how-it-works .how6 span:before {
position: absolute;
left: -5px;
top: -5px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1 {
top: 83px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1 .grey-line {
top: 27%;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how2 {
top: 173px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how2 .grey-line {
top: 50%;
right: -90px;
width: 79px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how3 {
top: 276px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how3 .grey-line {
top: 50%;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 {
top: 72px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 .grey-line {
width: 168px;
right: auto;
left: -183px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 {
top: 192px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 .grey-line {
width: 156px;
right: auto;
left: -174px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 {
top: 356px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 .grey-line {
width: 293px;
right: auto;
left: -302px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item {
float: left;
width: 100%;
cursor: pointer;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item:focus {
outline: none;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.two {
width: 50%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.three {
width: 33.3%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.four {
width: 25%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.five {
width: 20%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.six {
width: 16.6%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item.active-tab .item-inner,
#emea-wrapper .heated-tabbed-area .heated-tab-item.active-tab .item-inner:hover {
background: #fff;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner {
padding: 10px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner:focus {
outline: none;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner:hover {
background: #f6f6f6;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents {
padding: 40px 25px;
background: #fff;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .heated-content {
display: none;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents h3 {
color: #ab0116;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 2.07692308em;
margin: 0;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents h4 {
color: #404040;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 138.5%;
margin: 0;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents h5 {
margin: 0 0 10px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature {
background: #edecec;
padding: 25px 25px 25px 100px;
position: relative;
min-height: 110px;
margin-bottom: 6px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature img {
position: absolute;
top: 25px;
left: 25px;
width: 60px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature h4 {
font-weight: 700;
color: #323232;
margin: 0 0 10px;
font-size: 16px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature p {
font-size: 1em;
font-family: HelveticaNeueMed;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .heated-image {
text-align: center;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer p {
font-size: 13px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .prodImage {
text-align: center;
display: block;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox {
padding: 10px 0;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox .prod .remove {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 -393px;
text-indent: -9999px;
margin-right: 5px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox input[type=checkbox] + .checkLbl span {
display: inline-block;
float: none;
width: 21px;
height: 21px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat -24px -257px;
cursor: pointer;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 -257px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox input[type=checkbox] + .checkLbl p {
line-height: 21px;
cursor: pointer;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox .checkLbl p {
display: inline-block;
float: none;
margin: 0;
margin-left: 10px;
vertical-align: top;
cursor: pointer;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .standardRedBtn {
font-size: 105%;
font-family: HelveticaNeueMed;
text-align: left;
font-weight: 400;
position: relative;
background: #ab0116;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .standardRedBtn:hover {
background: #323232;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .standardRedBtn .productRightArrow {
padding: 3px 10px;
background: #db011c;
float: right;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .rating-retailer .compareBox .compareItems {
line-height: 18px;
margin-left: 10px;
}
#emea-wrapper .heated-tabbed-area .compareBox {
padding-left: 0;
}
#emea-wrapper .heated-tabbed-area .heated-media {
position: relative;
background-color: #fff;
padding: 25px 0 40px;
}
#emea-wrapper .heated-tabbed-area .heated-media a:hover .heated-overlayBtn {
opacity: 0.8;
}
#emea-wrapper .heated-tabbed-area .heated-media .heated-overlayBtn {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -47px -42px;
height: 92px;
width: 94px;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear {
padding: 15px 30px;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .slick-slider .item-inner {
padding: 10px;
}
@media (max-width: 991px) {
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .slick-slider .item-inner {
padding: 10px;
}
}
@media (max-width: 550px) {
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .slick-slider .item-inner {
padding: 10px;
}
}
@media (max-width: 480px) {
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .slick-slider .item-inner {
padding: 10px;
}
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear ul {
margin: 0;
padding: 0;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear ul li {
width: 100%;
border-left: none;
list-style: none;
max-width: none;
min-width: 1px;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button {
background: #db011c;
color: #fff;
display: block;
font-size: 34px;
margin-top: -42px;
z-index: 20;
position: absolute;
top: 67%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button.next {
padding: 20px 10px;
right: -30px;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button.prev {
padding: 20px 10px;
left: -30px;
}
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button:hover {
background-color: #404040;
}
@media (max-width: 991px) {
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button {
top: 80%;
}
}
@media (max-width: 550px) {
#emea-wrapper .heated-tabbed-area .carousel-heated-gear .nav-button {
top: 80%;
}
}
@media (max-width: 1199px) {
#emea-wrapper .heated-tabbed-area .how-it-works .how1 .grey-line {
top: 27%;
right: -84px;
width: 73px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how2 .grey-line {
top: 30%;
right: -72px;
width: 65px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how3 {
top: 230px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 .grey-line {
width: 68px;
right: auto;
left: -78px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how3 .grey-line {
top: 36%;
width: 62px;
right: -72px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 {
top: 158px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 .grey-line {
width: 66px;
right: auto;
left: -79px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 {
top: 266px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 .grey-line {
width: 151px;
right: auto;
left: -167px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .image-container img {
width: 700px;
left: 28px;
top: 15px;
position: relative;
}
}
@media (max-width: 991px) {
#emea-wrapper .heated-tabbed-area .how-it-works {
height: 304px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner {
padding: 20px 40px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how2 {
top: 115px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how3 {
top: 166px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4,
#emea-wrapper .heated-tabbed-area .how-it-works .how5,
#emea-wrapper .heated-tabbed-area .how-it-works .how6 {
right: 15px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 {
top: 62px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how4 .grey-line {
width: 43px;
right: auto;
left: -52px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 {
top: 129px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how5 .grey-line {
width: 39px;
right: auto;
left: -50px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 {
top: 198px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how6 .grey-line {
width: 102px;
right: auto;
left: -112px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail {
font-size: 1em;
width: 176px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .image-container img {
width: 492px;
left: 24px;
top: 15px;
position: relative;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1,
#emea-wrapper .heated-tabbed-area .how-it-works .how2,
#emea-wrapper .heated-tabbed-area .how-it-works .how3 {
left: -8px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how1 {
top: 72px;
}
}
@media (max-width: 767px) {
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail {
position: relative;
top: 0;
left: 0;
text-align: left;
width: 100%;
margin: 10px 0;
padding: 0 25px;
padding-left: 88px;
margin-bottom: 28px;
font-size: 1.23076923em;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail .grey-line {
top: -11px;
text-indent: 0;
left: 26px;
right: auto;
height: 40px;
width: 40px;
background: #ab0116;
color: #fff;
padding: 8px 14px;
border-radius: 50%;
border: none;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail .grey-line:before {
display: none;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents h3,
#emea-wrapper .heated-tabbed-area h2 {
font-size: 1.53846154em;
}
#emea-wrapper .heated-top-content p {
margin: 10px -15px;
}
#emea-wrapper .heated-banner .heated-banner-overlay h1 {
font-size: 230.7%;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents {
padding: 40px 0;
}
#emea-wrapper .heated-banner .heated-banner-overlay h1 img {
width: 84px;
}
#emea-wrapper .heated-tabbed-area .jacket-img {
text-align: center;
}
#emea-wrapper .heated-tabbed-area .jacket-img img {
width: 220px;
}
#emea-wrapper .heated-tabbed-area {
margin: 0 -15px;
}
#emea-wrapper .heated-tabbed-area .how-it-works .image-container img {
width: auto;
left: 24px;
top: 15px;
position: static;
}
#emea-wrapper .heated-tabbed-area .how-it-works {
height: auto;
}
}
@media (max-width: 550px) {
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner {
padding: 10px 20px;
}
}
@media (max-width: 480px) {
#emea-wrapper .heated-tabbed-area .heated-content .heated-top-content {
padding: 40px 25px 0;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail .grey-line {
top: -3px;
text-indent: 0;
left: 26px;
right: auto;
height: 32px;
width: 32px;
background: #ab0116;
color: #fff;
padding: 5px 10px;
border-radius: 50%;
border: none;
}
#emea-wrapper .heated-tabbed-area .how-it-works .how-detail {
padding-left: 72px;
font-size: 1.07692308em;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature img {
position: relative;
top: -10px;
left: 0;
right: 0;
width: 60px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents .feature {
background: #edecec;
padding: 35px 25px 9px 16px;
}
#emea-wrapper .heated-tabbed-area .heated-content {
padding: 40px 14px;
}
#emea-wrapper .heated-banner .heated-banner-overlay h1 {
font-size: 155.7%;
}
#emea-wrapper .heated-banner .heated-banner-overlay h1 img {
width: 48px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-item .item-inner {
padding: 5px 10px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents {
padding: 20px 10px;
}
#emea-wrapper .heated-banners .tech-banner .items .item .title {
font-size: 26px;
}
#emea-wrapper .heated-tabbed-area .heated-tab-contents h3 {
font-size: 23px;
}
#emea-wrapper .heated-tabbed-area {
border: none;
}
}
#emea-wrapper .mainContent .heavy_duty_news {
background: #d2cfd0;
padding: 25px 250px 25px 140px;
position: relative;
min-height: 154px;
}
#emea-wrapper .mainContent .heavy_duty_news .magazine {
position: absolute;
top: -15px;
left: 25px;
width: 97px;
height: 156px;
display: block;
}
#emea-wrapper .mainContent .heavy_duty_news h2 {
color: #db011c;
text-transform: uppercase;
font-size: 200%;
}
#emea-wrapper .mainContent .heavy_duty_news p {
color: #323232;
font-size: 135%;
font-family: HelveticaNeueLTStd-BdEx;
margin: 0;
}
#emea-wrapper .mainContent .heavy_duty_news .downloadNews {
background: #ab0116;
padding: 5px 36px 5px 8px;
color: #fff;
text-transform: uppercase;
font-size: 180%;
font-family: HelveticaNeueLTStd-BdEx;
position: absolute;
top: 25px;
right: 25px;
}
#emea-wrapper .mainContent .heavy_duty_news .downloadNews span {
background: #db011c url(sitefiles/dist/06c2b2f559779b6a6d9132025b913b5b.png) 5px 7px no-repeat;
display: block;
height: 24px;
position: absolute;
right: 5px;
top: 9px;
width: 24px;
}
#emea-wrapper .mainContent .heavy_duty_news .downloadNews:hover {
background: #db011c;
}
#emea-wrapper .mainContent .heavy_duty_news .downloadNews:hover span {
background-color: #ab0116;
}
@media (max-width: 767px) {
#emea-wrapper .mainContent .heavy_duty_news {
display: none;
}
}
#emea-wrapper .bannerArea {
display: block;
position: relative;
}
#emea-wrapper .bannerArea .bxslider li:first-child {
display: block;
background: #000;
}
#emea-wrapper .bannerArea .bxslider li {
display: none;
}
#emea-wrapper .bannerArea .bxslider li:first-child img:first-of-type {
display: block;
opacity: 0;
}
#emea-wrapper .bannerArea .bx-viewport .bxslider li:first-child img:first-of-type {
opacity: 1;
}
#emea-wrapper .bannerArea .bxslider li:first-child img {
display: none;
}
#emea-wrapper .bannerArea .bx-viewport .bxslider li:first-child img {
display: block;
}
#emea-wrapper .bannerArea .bx-wrapper .bx-viewport {
height: 415px;
}
#emea-wrapper .bannerArea .bannerText {
display: none;
}
#emea-wrapper .bannerArea .bx-wrapper .bx-viewport .bannerText {
display: block;
}
#emea-wrapper .bannerArea .bxslider .loading-banners {
position: absolute;
top: 50%;
left: 50%;
display: block !important;
opacity: 1 !important;
width: 54px;
height: 55px;
margin: -27px 0 0 -27px;
}
#emea-wrapper .bannerArea .bx-wrapper .bx-viewport .bxslider .loading-banners {
display: none !important;
}
#emea-wrapper .bannerArea ul.bxslider {
margin: 0;
padding: 0;
}
#emea-wrapper .bannerText {
position: absolute;
top: 20px;
left: -41px;
z-index: 999;
padding-top: 20px;
width: 100%;
text-align: center;
}
#emea-wrapper .bannerText h2 {
color: #fff;
text-shadow: 2px 2px 2px #000;
font-weight: 700;
font-size: 200%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .bannerText h2,
#emea-wrapper .HUHU .bannerText h2,
#emea-wrapper .PLPL .bannerText h2,
#emea-wrapper .RURU .bannerText h2 {
font-size: 220%;
font-family: Arimo, sans-serif;
}
#emea-wrapper .bannerBtns {
position: relative;
bottom: 20px;
left: 0;
z-index: 99;
height: 100%;
color: #fff;
}
#emea-wrapper .bannerBtns .container {
position: relative;
display: block;
height: 100%;
}
#emea-wrapper .bannerBtns .trade {
position: absolute;
bottom: 5%;
left: 0;
display: block;
overflow: hidden;
margin-bottom: 86px;
margin-left: 30px;
width: 254px;
height: 82px;
cursor: pointer;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -659px 0 no-repeat;
transition: background 0.5s linear;
}
#emea-wrapper .bannerBtns .trade:hover {
background-position: -659px -82px;
}
#emea-wrapper .bannerBtns .systems {
position: absolute;
bottom: 5%;
left: 0;
z-index: 10;
display: block;
overflow: hidden;
margin-left: 30px;
width: 254px;
height: 82px;
cursor: pointer;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -659px -167px no-repeat;
transition: background 0.5s linear;
}
#emea-wrapper .bannerBtns .systems:hover {
background-position: -659px -249px;
}
#emea-wrapper .bannerBtns p {
font-size: 120%;
}
#emea-wrapper .bannerBtns h5,
#emea-wrapper .bannerBtns p {
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .bannerBtns h5 {
font-size: 14pt;
word-break: break-word;
width: 135px;
text-transform: uppercase;
}
#emea-wrapper .DADK .bannerBtns p {
font-size: 110%;
}
#emea-wrapper .DADK .bannerBtns h5 {
font-size: 11pt;
}
#emea-wrapper .FIFI .bannerBtns p {
font-size: 110%;
}
#emea-wrapper .FIFI .bannerBtns h5 {
font-size: 9pt;
}
#emea-wrapper .HUHU .bannerBtns p {
font-size: 100%;
}
#emea-wrapper .HUHU .bannerBtns h5,
#emea-wrapper .PLPL .bannerBtns h5 {
font-size: 12pt;
}
#emea-wrapper .ESES .bannerBtns p {
font-size: 110%;
}
#emea-wrapper .ESES .bannerBtns h5 {
font-size: 11pt;
}
#emea-wrapper .SVSE .bannerBtns p {
font-size: 110%;
}
#emea-wrapper .SVSE .bannerBtns h5 {
font-size: 13pt;
}
#emea-wrapper .bannerBtns .initialSlide {
margin-left: 80px;
margin-top: 30px;
}
#emea-wrapper .bannerBtns .hoverSlide {
margin-left: 12px;
margin-right: 38px;
margin-top: 80px;
}
#emea-wrapper .bannerBtns .tradesBox {
position: absolute;
bottom: 5%;
left: 290px;
display: none;
padding: 24px 10px;
width: 850px;
background: #4e4e4e;
text-align: center;
}
#emea-wrapper .bannerBtns .tradesBox a {
display: block;
color: #fff;
}
#emea-wrapper .bannerBtns .tradesBox a:hover {
color: #db011c;
}
#emea-wrapper .IE8 .bannerBtns .tradesBox {
width: 800px;
}
#emea-wrapper .bannerBtns .closeBox {
position: absolute;
top: 5px;
right: 5px;
display: block;
width: 15px;
height: 14px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -372px no-repeat;
text-indent: -2000em;
cursor: pointer;
}
#emea-wrapper .bannerBtns .closeBox:active,
#emea-wrapper .bannerBtns .closeBox:hover {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -15px -372px no-repeat;
}
#emea-wrapper .bannerBtns img {
max-width: 100%;
width: 35%;
}
#emea-wrapper .bannerBtns img,
#emea-wrapper .titleTrade {
display: inline-block;
vertical-align: middle;
}
#emea-wrapper .titleTrade {
width: 55%;
font-size: 110%;
text-align: left;
margin: 0 0 2% 5%;
}
#emea-wrapper .bannerBtns .systemsBox {
position: absolute;
bottom: 5%;
left: 290px;
display: none;
padding: 16px 30px 0 10px;
width: 650px;
background: #db011c;
text-align: right;
}
#emea-wrapper .bannerBtns .systemsBox .systemText {
color: #fff;
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: left;
margin-left: 5%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .bannerBtns .systemsBox img {
display: inline-block;
width: 33%;
}
#emea-wrapper .systemMarg {
margin-bottom: 20px;
}
#emea-wrapper .homepage-main-banner a:hover span {
color: #db011c;
}
#emea-wrapper .homepage-main-banner a:hover span:hover {
color: #4a4a4a;
}
#emea-wrapper .home-banner-text-container {
position: absolute;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: calc(35%);
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 768px) {
#emea-wrapper .home-banner-text-container {
top: 50%;
}
}
@media (min-width: 992px) {
#emea-wrapper .home-banner-text-container {
width: auto;
left: 150px;
}
}
@-webkit-keyframes animateInLeft {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
opacity: 0;
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes animateInLeft {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
opacity: 0;
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes animateInTop {
0% {
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes animateInTop {
0% {
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes animateInBottom {
0% {
-webkit-transform: translateY(300px);
transform: translateY(300px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes animateInBottom {
0% {
-webkit-transform: translateY(300px);
transform: translateY(300px);
opacity: 0;
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
#emea-wrapper .home-banner-text {
background-color: rgba(0, 0, 0, 0.5);
padding: 10px;
display: inline-block;
}
#emea-wrapper .home-banner-text .banner-image {
margin-bottom: 15px;
}
@media (max-width: 660px) {
#emea-wrapper .home-banner-text .banner-image {
max-width: 30%;
}
}
#emea-wrapper .home-banner-text img {
opacity: 0;
}
#emea-wrapper .homepage-main-banner.slick-initialized .home-banner-text img {
-webkit-animation-name: animateInTop;
animation-name: animateInTop;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.01, 1);
animation-timing-function: cubic-bezier(0, 0, 0.01, 1);
-webkit-animation-duration: 1s;
animation-duration: 1s;
opacity: 1;
}
#emea-wrapper .home-banner-text__title {
font-size: 33px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx;
opacity: 0;
}
#emea-wrapper .homepage-main-banner.slick-initialized .home-banner-text__title {
-webkit-animation-name: animateInLeft;
animation-name: animateInLeft;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-webkit-animation-duration: 1s;
animation-duration: 1s;
opacity: 1;
}
@media (max-width: 660px) {
#emea-wrapper .home-banner-text__title {
font-size: 18px;
}
}
#emea-wrapper .home-banner-text span {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
opacity: 0;
}
#emea-wrapper .homepage-main-banner.slick-initialized .home-banner-text span {
-webkit-animation-name: animateInBottom;
animation-name: animateInBottom;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-webkit-animation-duration: 1s;
animation-duration: 1s;
opacity: 1;
}
@media (max-width: 660px) {
#emea-wrapper .home-banner-text span {
font-size: 16px;
}
}
#emea-wrapper .homepage-main-banner:not(.slick-initialized) .banner-slide:not(:first-child) {
display: none !important;
}
#emea-wrapper .homepage-main-banner.slick-slider {
margin-bottom: 0;
}
#emea-wrapper .homepage-main-banner .background-mobile {
display: none;
}
@media (max-width: 768px) {
#emea-wrapper .homepage-main-banner .background-mobile {
display: block;
padding-bottom: 30px;
}
#emea-wrapper .homepage-main-banner .background-mobile.desk-resize {
max-width: 100%;
}
}
#emea-wrapper .homepage-main-banner .background {
display: block;
}
@media (min-width: 1921px) {
#emea-wrapper .homepage-main-banner .background {
margin: 0 auto;
width: 100%;
}
}
@media (max-width: 768px) {
#emea-wrapper .homepage-main-banner .background {
display: none;
}
}
#emea-wrapper .homepage-main-banner .prev-arrow {
color: #fff;
display: inline-block;
padding: 20px;
font-size: 34px;
background-image: url(sitefiles/dist/dcb5fc63ca15c78e074ca09ed61ad7f8.svg);
background-repeat: no-repeat;
width: 44px;
height: 44px;
left: 10px;
position: absolute;
top: 50%;
z-index: 9999;
margin-top: -16px;
outline: 0;
text-indent: -2px;
cursor: pointer;
}
@media (max-width: 768px) {
#emea-wrapper .homepage-main-banner .prev-arrow {
display: none !important;
}
}
#emea-wrapper .homepage-main-banner .next-arrow {
color: #fff;
display: inline-block;
padding: 20px;
font-size: 34px;
background-image: url(sitefiles/dist/ffc451f9470aa9a4992be5c7a8f85be6.svg);
background-repeat: no-repeat;
width: 44px;
height: 44px;
right: 10px;
position: absolute;
top: 50%;
z-index: 9999;
margin-top: -16px;
outline: 0;
text-indent: -2px;
cursor: pointer;
}
@media (max-width: 768px) {
#emea-wrapper .homepage-main-banner .next-arrow {
display: none !important;
}
}
#emea-wrapper .homepage-main-banner .loading-banners {
position: absolute;
top: 50%;
left: 50%;
display: block !important;
opacity: 1 !important;
width: 54px;
height: 55px;
margin: -27px 0 0 -27px;
}
#emea-wrapper .homepage-main-banner.slick-initialized .loading-banners {
display: none !important;
}
#emea-wrapper .homepage-main-banner .slick-slide:first-child {
display: block;
background: #000;
}
#emea-wrapper .homepage-main-banner .slick-dots {
z-index: 9999;
bottom: 30px;
right: 30px;
margin: 0;
width: auto;
}
@media (max-width: 768px) {
#emea-wrapper .homepage-main-banner .slick-dots {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
right: auto;
bottom: 0;
height: 30px;
}
}
#emea-wrapper .homepage-main-banner .slick-dots li {
width: 17px;
height: 17px;
margin: 0 3.5px;
}
#emea-wrapper .homepage-main-banner .slick-dots li.slick-active button:before {
background: #db011c;
border: 1px solid #fff;
}
#emea-wrapper .homepage-main-banner .slick-dots li button {
width: 17px;
height: 17px;
}
#emea-wrapper .homepage-main-banner .slick-dots li button:before {
width: 17px;
height: 17px;
content: "";
background: #fff;
border-radius: 50%;
opacity: 1;
}
#emea-wrapper .image_carousel ul {
margin: 0;
padding: 0;
list-style: none;
}
#emea-wrapper .image_carousel li {
display: block;
float: left;
margin-right: 7px;
margin-left: 7px;
}
#emea-wrapper .pagination {
display: block !important;
margin: 10px 0;
text-align: center;
}
#emea-wrapper .pagination a {
display: inline-block;
margin: 0 5px 0 0;
width: 17px;
height: 17px;
border-radius: 8.5px;
background: #c2c2c2;
background: linear-gradient(180deg, #c2c2c2 0, #8d8d8d 50%, #c2c2c2);
}
#emea-wrapper .pagination a.selected {
background: #c9011a;
background: linear-gradient(180deg, #c9011a 0, #a20115 50%, #d15061);
cursor: default;
}
#emea-wrapper .pagination a span {
display: none;
}
#emea-wrapper .home-sign-up {
background: #323232;
padding: 25px;
}
#emea-wrapper .home-sign-up .sign-up-drop-down {
color: #fff;
display: none;
}
#emea-wrapper .home-sign-up .sign-up-drop-down .closeNews,
#emea-wrapper .home-sign-up .sign-up-drop-down h2 {
display: none;
}
#emea-wrapper .home-sign-up .sign-up-drop-down h3 {
color: #fff;
font-size: 90%;
margin-bottom: 8px;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .home-sign-up .sign-up-drop-down .removePad {
padding: 0 4px;
}
#emea-wrapper .home-sign-up .sign-up-drop-down .addMarg {
margin: 0 -4px;
}
#emea-wrapper .home-sign-up .sign-up-drop-down .emailArea {
min-height: 14px;
}
#emea-wrapper .home-sign-up .sign-up-drop-down input[type=email],
#emea-wrapper .home-sign-up .sign-up-drop-down input[type=text] {
background: none repeat scroll 0 0 #d2d2d2;
border: medium none;
padding: 8px;
font-size: 110%;
}
#emea-wrapper .home-sign-up .sign-up-drop-down input[type=submit] {
background: none repeat scroll 0 0 #ab0116;
border: 0 none;
border-radius: 0;
color: #fff;
font-family: HelveticaNeueMed;
height: auto;
line-height: normal;
padding: 5px 7px;
position: absolute;
right: 7px;
text-transform: uppercase;
top: 3px;
width: auto;
left: 0;
}
#emea-wrapper .home-sign-up .sign-up-drop-down input[type=text] + input[type=submit] {
left: auto;
}
#emea-wrapper .home-sign-up h2 {
text-transform: uppercase;
font-size: 195%;
text-align: center;
margin-bottom: 10px;
}
#emea-wrapper .home-sign-up h2 a {
color: #fff;
}
#emea-wrapper .home-sign-up h2 a:hover {
color: #db011c;
}
#emea-wrapper .home-sign-up .sign-up-image {
padding: 10px;
background: #fff;
text-align: center;
margin-bottom: 15px;
}
#emea-wrapper .home-sign-up .sign-up-link {
color: #fff;
position: relative;
padding-right: 70px;
}
#emea-wrapper .home-sign-up .sign-up-link h3 {
color: #fff;
margin: 0;
font-size: 162%;
}
#emea-wrapper .home-sign-up .sign-up-link .signup-arrow {
color: #323232;
background: #fff;
padding: 9px 17px;
position: absolute;
top: 3px;
right: 0;
cursor: pointer;
font-size: 250%;
transition: background-color 0.3s ease;
display: block;
}
#emea-wrapper .home-sign-up .sign-up-link .signup-arrow:hover {
background: #db011c;
color: #fff;
}
#emea-wrapper .home-sign-up .sign-up-link .signup-arrow.opened-sign-up {
display: none;
}
#emea-wrapper .home-sign-up.open-sign-up .sign-up-link .signup-arrow.opened-sign-up {
display: block;
}
#emea-wrapper .home-sign-up.open-sign-up .sign-up-link .signup-arrow.closed-sign-up {
display: none;
}
@media (max-width: 991px) {
#emea-wrapper .home-sign-up {
font-size: 70%;
}
#emea-wrapper .home-sign-up .sign-up-link {
padding-right: 40px;
}
#emea-wrapper .home-sign-up .sign-up-link .signup-arrow {
padding: 3px 10px;
font-size: 150%;
}
#emea-wrapper .col-xs-12.col-sm-6.col-lg-6.smallerGap.removePad {
width: 100%;
float: none;
display: block;
}
}
@media (max-width: 767px) {
#emea-wrapper .home-sign-up {
font-size: 100%;
}
#emea-wrapper .home-sign-up .sign-up-link {
padding-right: 70px;
}
}
@media (max-width: 480px) {
#emea-wrapper .home-sign-up {
font-size: 80%;
padding: 15px;
}
#emea-wrapper .home-sign-up .sign-up-link {
padding-right: 40px;
}
}
#emea-wrapper .social-section .social-area {
margin-bottom: 25px;
}
#emea-wrapper .social-section .social-area .tabs div {
float: left;
width: 50%;
background: #ab0116;
padding: 20px;
text-align: center;
color: #fff;
font-size: 300%;
cursor: pointer;
}
#emea-wrapper .social-section .social-area .owl-controls {
top: -33px;
}
#emea-wrapper .social-section .social-area .tabs .active-tab {
background: #db011c;
}
#emea-wrapper .social-section .social-area .tab-main .tab {
background: #db011c;
display: none;
padding: 35px;
}
#emea-wrapper .social-section .social-area .tab-main .tab:first-child,
#emea-wrapper .social-section .social-area .tab-main .tab:first-child .owl-carousel {
display: block;
}
#emea-wrapper .social-section .social-area .tab-main .tab:first-child .owl-carousel .item {
display: none;
}
#emea-wrapper .social-section .social-area .tab-main .tab:first-child .owl-carousel .item:first-child {
display: block;
}
#emea-wrapper .social-section .social-area .tab-main .tab .item img {
width: 100%;
margin-top: 10px;
}
#emea-wrapper .social-section .social-area .facebook-messages {
background: #fff;
padding: 30px;
color: #595959;
position: relative;
margin-bottom: 43px;
min-height: 60px;
}
#emea-wrapper .social-section .social-area .facebook-messages p {
max-height: 260px;
overflow: hidden;
}
#emea-wrapper .social-section .social-area .facebook-messages p span {
display: block;
font-size: .8em;
margin: 10px 0 0;
}
#emea-wrapper .social-section .social-area .tweet {
background: #fff;
padding: 30px;
color: #595959;
position: relative;
margin-bottom: 63px;
}
#emea-wrapper .social-section .social-area .facebook-messages .speech-bottom,
#emea-wrapper .social-section .social-area .tweet .speech-bottom {
background: url(sitefiles/dist/5666ff31fdfff383e2914f3cd13bef97.png) no-repeat;
width: 85px;
height: 33px;
display: block;
position: absolute;
bottom: -33px;
left: 40px;
}
#emea-wrapper .social-section .social-area .tweet p {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 160%;
line-height: normal;
overflow: hidden;
}
#emea-wrapper .social-section .social-area p.author {
font-family: Arial, sans-serif;
font-size: 120%;
}
#emea-wrapper .social-section .social-area .owl-theme .owl-controls .owl-buttons div {
background: #323232;
}
#emea-wrapper .social-section .social-area .owl-next {
position: absolute;
right: -40px;
top: 50%;
}
#emea-wrapper .social-section .social-area .owl-prev {
position: absolute;
left: -40px;
top: 50%;
}
@media (max-width: 480px) {
#emea-wrapper .social-section .social-area .tab-main .tab {
padding: 15px;
}
}
#emea-wrapper .jss section {
position: relative;
}
#emea-wrapper .jss section .sectionAnchor {
position: absolute;
left: 0;
top: -62px;
height: 62px;
background: none;
width: 1px;
}
@media (max-width: 1199px) {
#emea-wrapper .jss section .sectionAnchor {
top: -83px;
height: 83px;
}
}
#emea-wrapper .jss .mainContent {
padding-top: 30px;
padding-bottom: 0;
}
#emea-wrapper .jss .jss-head {
border-left: 25px solid #ab0116;
border-right: 25px solid #ab0116;
padding: 0;
}
#emea-wrapper .jss .jss-head,
#emea-wrapper .jss .jss-head .banner {
position: relative;
}
#emea-wrapper .jss .jss-head .banner h1 {
position: absolute;
top: 50%;
left: 50px;
color: #fff;
text-transform: uppercase;
font-size: 307.7%;
font-family: HelveticaNeueLTStd-BdEx;
margin-top: -22px;
}
#emea-wrapper .jss .jss-nav {
background: #181818;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .jss .jss-nav .nav-justified {
border: none;
}
#emea-wrapper .jss .jss-nav .nav-justified > li:first-child {
border-left: 1px solid #383838;
}
#emea-wrapper .jss .jss-nav ul {
padding: 0;
margin: 0;
}
#emea-wrapper .jss .jss-nav ul li {
height: auto;
padding: 10px 0;
border: none;
border-left: 1px solid #383838;
}
#emea-wrapper .jss .jss-nav ul li a {
color: #f1efe0;
font-size: 115.4%;
display: block;
height: auto;
padding: 0;
text-shadow: none;
}
#emea-wrapper .jss .jss-nav ul li:hover {
color: #fff;
background: #181818;
background: linear-gradient(180deg, #181818 0, #313031);
}
#emea-wrapper .jss .jss-nav ul li:hover a {
color: #fff;
}
#emea-wrapper .jss .jss-nav ul li:last-child {
border-right: 1px solid #383838;
}
#emea-wrapper .jss .jss-nav ul li.active-jss {
color: #fff;
background: #181818;
background: linear-gradient(180deg, #181818 0, #313031);
}
#emea-wrapper .jss .jss-nav .nav-icon {
display: none;
background: url(sitefiles/dist/5a9da365458c32f871bc2717a85f8d4b.png) no-repeat 0 3px;
width: 32px;
height: 38px;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon,
#emea-wrapper .jss .jss-nav .nav-icon:hover {
background-position: 0 -47px;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.jss,
#emea-wrapper .jss .jss-nav .nav-icon.jss:hover {
background-position: 0 -50px;
}
#emea-wrapper .jss .jss-nav .nav-icon.register {
width: 37px;
height: 35px;
background-position: -50px 0;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.register,
#emea-wrapper .jss .jss-nav .nav-icon.register:hover {
background-position: -50px -51px;
}
#emea-wrapper .jss .jss-nav .nav-icon.images {
width: 45px;
height: 38px;
background-position: -185px 0;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.images,
#emea-wrapper .jss .jss-nav .nav-icon.images:hover {
background-position: -185px -48px;
}
#emea-wrapper .jss .jss-nav .nav-icon.videos {
width: 42px;
height: 34px;
background-position: -421px -98px;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.videos,
#emea-wrapper .jss .jss-nav .nav-icon.videos:hover {
background-position: -421px -138px;
}
#emea-wrapper .jss .jss-nav .nav-icon.social {
width: 37px;
height: 38px;
background-position: -279px 0;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.social,
#emea-wrapper .jss .jss-nav .nav-icon.social:hover {
background-position: -279px -48px;
}
#emea-wrapper .jss .jss-nav .nav-icon.stockist {
width: 39px;
height: 41px;
background-position: -349px 0;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.stockist,
#emea-wrapper .jss .jss-nav .nav-icon.stockist:hover {
background-position: -349px -48px;
}
#emea-wrapper .jss .jss-nav .nav-icon.events {
width: 40px;
height: 41px;
background-position: -423px 0;
}
#emea-wrapper .jss .jss-nav .active-yam .nav-icon.events,
#emea-wrapper .jss .jss-nav .nav-icon.events:hover {
background-position: -423px -48px;
}
#emea-wrapper .jss .jss-message {
background: #c9c9c9;
padding: 30px;
margin-bottom: 30px;
}
#emea-wrapper .jss .jss-message h2 {
margin-bottom: 10px;
color: #323232;
font-size: 200%;
text-transform: none;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .jss .jss-register {
background: #323232;
padding: 30px;
color: #fff;
margin-bottom: 30px;
}
#emea-wrapper .jss .jss-register .hidden-xs.clearfix {
line-height: 0;
}
#emea-wrapper .jss .jss-register h3 {
color: #fff;
}
#emea-wrapper .jss .jss-register input,
#emea-wrapper .jss .jss-register select,
#emea-wrapper .jss .jss-register textarea {
margin-bottom: 14px;
background: #c2c2c2;
padding-left: 10px;
padding-right: 10px;
border: none;
}
#emea-wrapper .jss .jss-register select {
height: 32px;
}
#emea-wrapper .jss .jss-register label {
display: none;
}
#emea-wrapper .jss .jss-register textarea {
padding: 10px;
height: 110px;
}
#emea-wrapper .jss .jss-register .row {
margin-left: -7px;
margin-right: -7px;
}
#emea-wrapper .jss .jss-register .regPad {
padding: 0 7px;
}
#emea-wrapper .jss .jss-register input[type=submit] {
background: #db011c;
color: #fff;
display: inline-block;
width: auto;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 130%;
padding: 7px 13px;
height: auto;
border-radius: 0;
}
#emea-wrapper .jss .jss-register input[type=submit]:hover {
background: #ab0116;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single {
height: 32px;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single span {
line-height: 32px;
font-family: HelveticaNeue;
font-size: 100%;
color: #323232;
}
#emea-wrapper .jss .jss-register .chosen-container .chosen-drop {
background: #c2c2c2;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
margin: 5px;
width: 28px;
height: 28px;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(sitefiles/dist/5a9da365458c32f871bc2717a85f8d4b.png) -11px -111px no-repeat;
}
#emea-wrapper .jss .jss-register .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -41px -111px;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single,
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single:hover {
background: #c2c2c2;
box-shadow: none !important;
}
#emea-wrapper .jss .jss-register .chosen-container .chosen-results li {
color: #323232;
}
#emea-wrapper .jss .jss-register .chosen-container .chosen-results li.highlighted,
#emea-wrapper .jss .jss-register .chosen-container .chosen-results li.result-selected,
#emea-wrapper .jss .jss-register .chosen-container .chosen-results li:hover {
color: #fff;
}
#emea-wrapper .jss .jss-media {
margin-bottom: 30px;
background: #db011c;
}
#emea-wrapper .jss .jss-media .vid-title {
color: #fff;
text-align: left;
display: block;
margin-top: 5px;
font-size: 80%;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 li,
#emea-wrapper .jss .jss-media .bx-viewport .bxslider3 li {
display: block;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a {
display: block;
position: relative;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a .overlayBtn {
margin: -47px 0 0 -42px;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a .vid-bar {
position: absolute;
bottom: 10px;
width: 90%;
left: 5%;
height: 10px;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a .vid-bar .red-vid {
float: left;
width: 15%;
background: #db011c;
height: 10px;
display: block;
}
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a .vid-bar .white-vid {
float: left;
width: 85%;
background: #fff;
height: 10px;
display: block;
}
#emea-wrapper .jss .jss-media #bx-pager2 .item a {
display: block;
position: relative;
}
#emea-wrapper .jss .jss-media #bx-pager2 .playIcon {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
height: 25px;
display: block;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -577px -256px no-repeat;
margin: -12px 0 0 -12px;
}
#emea-wrapper .jss .jss-media .owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
margin-top: -24px;
background: #323232;
}
#emea-wrapper .jss .jss-media .owl-theme .owl-controls .owl-buttons .owl-prev {
padding: 0 11px 0 7px;
left: -25px;
}
#emea-wrapper .jss .jss-media .owl-theme .owl-controls .owl-buttons .owl-next {
padding: 0 7px 0 11px;
right: -25px;
}
#emea-wrapper .jss .jss-media .item {
float: left;
margin: 0 5px;
display: none;
}
#emea-wrapper .jss .jss-media .item:first-of-type {
display: block;
}
#emea-wrapper .jss .jss-media .owl-item .item {
float: none;
}
#emea-wrapper .jss .jss-media .bxslider2,
#emea-wrapper .jss .jss-media .bxslider3 {
padding: 0;
}
#emea-wrapper .jss .jss-media .bxslider2 li,
#emea-wrapper .jss .jss-media .bxslider3 li {
display: none;
}
#emea-wrapper .jss .jss-media .bxslider2 li:first-child,
#emea-wrapper .jss .jss-media .bxslider3 li:first-child {
display: block;
}
#emea-wrapper .jss .jss-media h2 {
float: left;
width: 100%;
background: #db011c;
padding: 15px;
text-align: center;
color: #fff;
font-size: 150%;
line-height: normal;
}
#emea-wrapper .jss .jss-media .bx-wrapper {
clear: both;
}
#emea-wrapper .jss .jss-media #bx-pager2,
#emea-wrapper .jss .jss-media #bx-pager3 {
text-align: center;
padding: 15px;
}
#emea-wrapper .jss .jss-media #bx-pager2 h3,
#emea-wrapper .jss .jss-media #bx-pager3 h3 {
color: #fff;
margin-bottom: 15px;
font-size: 229%;
}
#emea-wrapper .jss .social-section {
margin-bottom: 30px;
}
#emea-wrapper .jss .jss-stockist {
margin-bottom: 30px;
background: #ab0116;
padding: 30px;
}
#emea-wrapper .jss .jss-stockist h3 {
margin: 0;
font-size: 114%;
}
#emea-wrapper .jss .jss-stockist h3 a {
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 150%;
}
#emea-wrapper .jss .jss-stockist label {
display: none;
}
#emea-wrapper .jss .jss-stockist .stockInput {
position: relative;
padding-right: 42px;
}
#emea-wrapper .jss .jss-stockist .stockInput input {
margin-bottom: 0;
background: #efefef;
padding-left: 10px;
padding-right: 10px;
border: none;
height: 42px;
}
#emea-wrapper .jss .jss-stockist .stockInput input[type=submit] {
position: absolute;
top: 0;
right: 0;
background: #db011c url(sitefiles/dist/5a9da365458c32f871bc2717a85f8d4b.png) -5px -143px no-repeat;
width: 42px;
height: 42px;
display: block;
text-indent: -2000em;
}
#emea-wrapper .jss .jss-stockist .stockInput input[type=submit]:hover {
background-color: #323232;
}
#emea-wrapper .jss .jss-quote {
background: #323232;
padding: 30px;
margin-bottom: 30px;
}
#emea-wrapper .jss .jss-quote .owl-item {
text-align: left;
}
#emea-wrapper .jss .jss-quote .item {
display: none;
}
#emea-wrapper .jss .jss-quote .item:first-child {
display: block;
}
#emea-wrapper .jss .jss-quote p {
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
text-transform: none;
margin: 0;
}
#emea-wrapper .jss .jss-quote p.quote-marks {
margin-bottom: 10px;
}
#emea-wrapper .jss .jss-quote p.quote-marks:after,
#emea-wrapper .jss .jss-quote p.quote-marks:before {
content: '"';
color: #fff;
font-weight: 700;
}
#emea-wrapper .jss .jss-events {
margin-bottom: 30px;
background: #323232;
padding: 30px;
}
#emea-wrapper .jss .jss-events h2 {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
font-size: 200%;
}
#emea-wrapper .jss .jss-events h3 {
color: #323232;
margin-bottom: 5px;
font-size: 110%;
}
#emea-wrapper .jss .jss-events .event {
background: #efefef;
padding: 30px;
margin-bottom: 10px;
}
#emea-wrapper .jss .jss-events .event h2 {
color: #db011c;
margin-bottom: 5px;
text-transform: none;
text-align: left;
}
#emea-wrapper .jss .jss-events .viewAllEvents {
display: block;
background: #db011c;
color: #fff;
text-align: center;
padding: 5px;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
#emea-wrapper .jss .jss-events .viewAllEvents:hover {
background: #ab0116;
}
#emea-wrapper .jss .jss-news {
margin-bottom: 30px;
background: #db011c;
padding: 30px;
}
#emea-wrapper .jss .jss-news .item {
display: none;
}
#emea-wrapper .jss .jss-news .item:first-child {
display: block;
}
#emea-wrapper .jss .jss-news .owl-theme .owl-controls .owl-buttons div {
background: #323232;
padding: 10px 20px;
margin-top: -16px;
}
#emea-wrapper .jss .jss-news .owl-prev {
position: absolute;
top: 50%;
left: -40px;
}
#emea-wrapper .jss .jss-news .owl-next {
position: absolute;
top: 50%;
right: -40px;
}
#emea-wrapper .jss .jss-news h2 {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
font-size: 200%;
}
#emea-wrapper .jss .jss-news .jss-news-item {
background: #fff;
}
#emea-wrapper .jss .jss-news .jss-news-item .jss-news-content {
padding: 30px;
}
#emea-wrapper .jss .jss-news .jss-news-item .jss-news-content h3 {
margin-bottom: 10px;
}
#emea-wrapper .jss .jss-news .jss-news-item .jss-news-content h3 a {
color: #323232;
}
#emea-wrapper .jss .jss-register .chosen-container-single .chosen-single span {
color: #323232 !important;
opacity: 1 !important;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: 700;
}
#emea-wrapper #form #page-wrapper .jss .jss-register .placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper #form #page-wrapper .jss .jss-register::-webkit-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper #form #page-wrapper .jss .jss-register:-moz-placeholder,
#emea-wrapper #form #page-wrapper .jss .jss-register::-moz-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper #form #page-wrapper .jss .jss-register:-ms-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
@media (max-width: 767px) {
#emea-wrapper .jss .jss-media .bx-viewport .bxslider2 a .overlayBtn {
margin: -30px 0 0 -29px;
}
#emea-wrapper .jss .jss-stockist .stockInput {
margin-bottom: 15px;
}
#emea-wrapper .jss .jss-head .banner h1 {
position: relative;
top: auto;
left: auto;
margin: 15px 0;
background: #db011c;
font-size: 200%;
padding: 0 15px;
}
#emea-wrapper .jss .mainContent {
padding-top: 15px;
}
#emea-wrapper .jss .jss-nav .nav-icon {
display: block;
}
#emea-wrapper .jss .jss-nav .nav-text {
display: none;
}
#emea-wrapper .jss .jss-nav li {
display: inline-block;
margin: 7px;
}
#emea-wrapper .jss .jss-nav ul li {
background: none !important;
border: none !important;
width: auto;
}
}
@media (max-width: 480px) {
#emea-wrapper .jss .jss-head .banner h1 {
font-size: 170%;
}
#emea-wrapper .jss .jss-events,
#emea-wrapper .jss .jss-events .event,
#emea-wrapper .jss .jss-news,
#emea-wrapper .jss .jss-news .jss-news-item .jss-news-content,
#emea-wrapper .jss .jss-quote,
#emea-wrapper .jss .jss-stockist {
padding: 15px;
}
}
#emea-wrapper .latest_downloads h3 {
text-transform: uppercase;
color: #fff;
padding-left: 8px;
font-family: HelveticaNeueLTStd-BdEx;
margin: 0;
}
#emea-wrapper .latest_downloads ul {
list-style: none;
margin: 0;
padding: 0;
}
#emea-wrapper .latest_downloads ul li a {
display: block;
position: relative;
padding: 7px 35px 7px 47px;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: none;
float: none;
}
#emea-wrapper .latest_downloads ul li a:hover {
background: #ab0116 url(sitefiles/dist/69739ee5b6c5b653124929267be1b0fd.png) no-repeat 100% 0;
color: #fff;
}
#emea-wrapper .latest_downloads ul li a span {
position: absolute;
top: 7px;
left: 7px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -138px -536px no-repeat;
width: 31px;
height: 21px;
display: block;
}
#emea-wrapper .latest_downloads ul .spannerIconDownload a span {
background-position: -138px -535px;
}
#emea-wrapper .latest_downloads ul .sawIconDownload a span {
background-position: -138px -567px;
}
#emea-wrapper .latest_downloads ul .newsIconDownload a span {
background-position: -189px -534px;
}
#emea-wrapper .latest_downloads ul .carIconDownload a span {
background-position: -189px -568px;
}
@media (max-width: 767px) {
#emea-wrapper .latest_downloads {
display: none;
}
}
#emea-wrapper .EditMode #page-wrapper.eu-landing .mainContent.redContent {
margin-top: 0 !important;
opacity: 1 !important;
}
#emea-wrapper #page-wrapper.eu-landing {
height: 100%;
position: absolute;
bottom: 0;
width: 100%;
}
#emea-wrapper #page-wrapper.eu-landing .mainContent.redContent {
padding: 20px 30px;
opacity: 0;
}
#emea-wrapper #page-wrapper.eu-landing .logo {
width: 40%;
opacity: 0;
}
#emea-wrapper #page-wrapper.eu-landing .logo img {
max-width: 100%;
max-height: none;
}
#emea-wrapper #page-wrapper.eu-landing .chosen-container .chosen-results {
font-family: Arial, sans-serif;
}
#emea-wrapper #page-wrapper.eu-landing .chosen-container .chosen-results li {
margin-bottom: 2px;
}
#emea-wrapper #page-wrapper.eu-landing .cs-cz {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fcs-cz.png) no-repeat 0;
margin-bottom: 2px;
}
#emea-wrapper #page-wrapper.eu-landing .cs-cz:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .da-dk {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fda-dk.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .da-dk:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .de-de {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fde-de.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .de-de:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .nl-be {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-be.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .nl-be:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .en-gb {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fen-gb.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .en-gb:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .es-es {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fes-es.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .es-es:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .fr-fr {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-fr.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .fr-fr:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .it-it {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fit-it.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .it-it:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .et-ee {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fet-ee.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .et-ee:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .lt-lt {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flt-lt.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .lt-lt:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .lv-lv {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flv-lv.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .lv-lv:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .hu-hu {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fhu-hu.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .hu-hu:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .nl-nl {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-nl.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .nl-nl:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .nn-no {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnn-no.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .nn-no:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .pl-pl {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fpl-pl.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .pl-pl:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .sk-sk {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fsk-sk.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .sk-sk:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .fi-fi {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffi-fi.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .fi-fi:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .sv-se {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fsv-se.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .sv-se:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .ru-ru {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fru-ru.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .ru-ru:hover {
background-color: #db011c;
}
#emea-wrapper #page-wrapper.eu-landing .tr-tr {
padding-left: 55px;
background: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ftr-tr.png) no-repeat 0;
}
#emea-wrapper #page-wrapper.eu-landing .tr-tr:hover {
background-color: #db011c;
}
#emea-wrapper .eu-landing footer {
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
}
#emea-wrapper .eu-landing footer .footerBox {
padding: 15px 0;
}
#emea-wrapper .eu-landing footer .footLinks p {
width: 100%;
text-align: center;
}
#emea-wrapper .intro {
font-size: 1.7em;
text-align: center;
color: #fff;
}
#emea-wrapper .intro p {
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .intro a {
color: #fff;
}
#emea-wrapper .intro a:after {
content: "\F002";
font-family: FontAwesome;
margin-left: 10px;
}
#emea-wrapper .intro a:hover {
text-decoration: underline;
}
#emea-wrapper .landing-languages select.languages,
#emea-wrapper .landing-languages select.languages + .chosen-container {
margin: 50px 0 60px;
}
#emea-wrapper .landing-languages .chosen-container-single .chosen-single {
background: #404040;
color: #fff;
}
#emea-wrapper .store-locator .sub-header {
font-size: 1.5em;
padding-bottom: 15px;
}
@media (max-width: 1199px) {
#emea-wrapper #page-wrapper.eu-landing .logo {
width: 50%;
}
}
@media (max-width: 767px) {
#emea-wrapper #page-wrapper.eu-landing .container {
background: #db011c;
}
#emea-wrapper .eu-landing footer {
position: static;
padding: 0 0 5px;
}
#emea-wrapper .eu-landing .footLinks {
margin-top: 0;
}
#emea-wrapper .mainContent.redContent {
margin-right: 0;
margin-left: 0;
}
#emea-wrapper .landing-languages select.languages,
#emea-wrapper .landing-languages select.languages + .chosen-container {
margin: 50px 10% 60px;
width: 80% !important;
}
#emea-wrapper #page-wrapper.eu-landing .logo {
width: 75%;
}
}
@media (max-width: 480px) {
#emea-wrapper #page-wrapper.eu-landing .logo {
width: 100%;
}
#emea-wrapper #page-wrapper.eu-landing .mainContent.redContent {
padding: 20px 0;
}
}
#emea-wrapper .price-spider {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
float: left;
clear: both;
height: 0;
overflow: hidden;
}
#emea-wrapper .price-spider.price-spider-show {
display: table;
opacity: 1;
height: auto;
overflow: visible;
}
#emea-wrapper .price-spider.price-spider-hide {
display: none;
}
#emea-wrapper .price-spider .price-spider-text {
width: 100%;
}
#emea-wrapper .price-spider .infoArea .infoDiv {
background: none;
padding: 0;
margin: 0;
display: block !important;
}
#emea-wrapper .price-spider .infoArea .infoDiv h2 {
margin: 0;
}
#emea-wrapper .price-spider .ps-button-content .ps-button-label,
#emea-wrapper .price-spider .ps-button-content small,
#emea-wrapper .ps-container .ps-local-tab-label,
#emea-wrapper .ps-container .ps-online-buy-button,
#emea-wrapper .ps-container .ps-online-tab-label {
font-size: 138.5%;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (min-width: 1200px) {
#emea-wrapper .price-spider .ps-widget {
position: absolute !important;
top: 0;
right: 0;
display: table-cell !important;
height: 100%;
width: auto;
}
#emea-wrapper .price-spider .ps-button-content {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .price-spider .infoArea .infoDiv {
width: 100%;
}
}
@media (max-width: 1200px) {
#emea-wrapper .price-spider .infoArea .infoDiv,
#emea-wrapper .price-spider .ps-widget {
width: 100%;
}
}
#emea-wrapper .Lithium-ION .imagetext .text {
opacity: 0;
padding: 75px 0;
}
#emea-wrapper .Lithium-ION .imagetext .image {
opacity: 0;
padding: 75px 0;
text-align: center;
}
#emea-wrapper .Lithium-ION .blackBanner,
#emea-wrapper .Lithium-ION .hidden-lithium {
display: none;
}
#emea-wrapper .Lithium-ION .mainContent {
padding: 0;
border: none;
background: none;
}
#emea-wrapper .Lithium-ION .footerTopNav {
display: none !important;
}
#emea-wrapper .Lithium-ION .footerBoxInner #FooterMenu {
display: none;
}
#emea-wrapper .lithium-page {
padding-bottom: 50px;
background: #edebec;
}
#emea-wrapper .lithium-page .video-js.vjs-default-skin .vjs-big-play-button {
display: none;
}
#emea-wrapper .lithium-page::-moz-selection {
background: #fff;
color: #db011c;
text-shadow: none;
}
#emea-wrapper .lithium-page::selection {
background: #fff;
color: #db011c;
text-shadow: none;
}
#emea-wrapper .lithium-page .video-and-text-container {
position: relative;
}
#emea-wrapper .lithium-page .video-and-text-container .top-banner-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
#emea-wrapper .lithium-page .top-banner-text {
text-align: center;
}
#emea-wrapper .lithium-page .top-banner-text h1 {
color: #fff;
text-transform: uppercase;
font-size: 270%;
font-family: HelveticaNeueLTStd-BdEx;
text-shadow: 2px 2px 2px #969696;
}
#emea-wrapper .lithium-page .top-banner-text h1 img {
margin-top: -8px;
}
#emea-wrapper .lithium-page .run-time-banner {
background: #323232;
padding: 60px 0;
text-align: center;
}
#emea-wrapper .lithium-page .run-time-banner .container {
position: relative;
}
#emea-wrapper .lithium-page .run-time-banner .time-spin {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -50px;
}
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time,
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time img {
width: 100px;
height: 100px;
position: relative;
display: block;
}
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time svg {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
display: block;
}
#emea-wrapper .lithium-page .run-time-banner h2 {
color: #fff;
text-transform: uppercase;
font-size: 4.30769231em;
font-family: HelveticaNeueLTStd-BdEx;
line-height: 100%;
padding-left: 115px;
display: block;
}
#emea-wrapper .lithium-page .run-time-banner h2 .quotes {
display: none;
}
#emea-wrapper .lithium-page .one-system-banner {
background: #323232;
padding: 60px 0;
text-align: center;
}
#emea-wrapper .lithium-page .one-system-banner h2 {
font-size: 3.07692308em;
margin-bottom: 5px;
}
#emea-wrapper .lithium-page .one-system-banner h2,
#emea-wrapper .lithium-page .one-system-banner h4 {
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
text-align: center;
}
#emea-wrapper .lithium-page .one-system-banner h4 {
font-size: 1.38461538em;
margin-bottom: 0;
line-height: normal;
}
#emea-wrapper .lithium-page .products {
padding: 30px 0 0;
}
#emea-wrapper .IE8 svg {
display: none !important;
}
@media (max-width: 767px) {
#emea-wrapper .lithium-page {
padding: 0;
}
#emea-wrapper .lithium-page .one-system-banner {
padding: 25px 0;
min-height: 133px;
}
#emea-wrapper .lithium-page .one-system-banner h2 {
font-size: 2.5em;
}
#emea-wrapper .lithium-page .run-time-banner h2 .time-spin {
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -50px;
}
#emea-wrapper .Lithium-ION .imagetext .image,
#emea-wrapper .Lithium-ION .imagetext .text {
padding: 50px 0;
}
#emea-wrapper .lithium-page .run-time-banner {
position: relative;
min-height: 111px;
padding: 36px 0;
}
#emea-wrapper .lithium-page .run-time-banner h2 {
font-size: 3em;
text-align: left;
width: 100%;
}
}
@media (max-width: 480px) {
#emea-wrapper .lithium-page .top-banner-text h1 {
font-size: 200%;
line-height: 150%;
}
#emea-wrapper .lithium-page .top-banner-text h1 img {
margin-top: 0;
}
#emea-wrapper .lithium-page .run-time-banner h2 {
font-size: 2.5em;
padding-left: 84px;
}
#emea-wrapper .lithium-page .run-time-banner h2 .time-spin {
width: 80px;
height: 80px;
margin-top: -40px;
}
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time,
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time img,
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time svg {
width: 80px;
display: block;
height: 80px;
}
#emea-wrapper .lithium-page .run-time-banner .time-spin .animate-time svg {
top: 0;
}
#emea-wrapper .lithium-page .one-system-banner h2 {
font-size: 2em;
}
}
#emea-wrapper .equals {
background: #db011c;
position: relative;
}
#emea-wrapper .equals .column-percentage {
display: none;
}
#emea-wrapper .equals h2 {
text-transform: uppercase;
font-size: 2.76923077em;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 40px;
}
#emea-wrapper .equals h2,
#emea-wrapper .equals p {
color: #fff;
text-align: center;
}
#emea-wrapper .equals p {
font-size: 1.23076923em;
}
#emea-wrapper .equals .columns {
margin-bottom: 15px;
}
#emea-wrapper .equals .columns .column {
width: 23%;
margin-right: 2.5%;
float: left;
text-align: center;
}
#emea-wrapper .equals .columns .column:last-child {
margin: 0;
}
#emea-wrapper .equals .columns .column.red-column .column-block .column-inner {
background: #ab0116;
}
#emea-wrapper .equals .columns .column.red-column .column-block .column-inner .column-content h4,
#emea-wrapper .equals .columns .column.red-column .column-block .column-inner .column-content p {
color: #fff;
}
#emea-wrapper .equals .columns .column .column-block {
min-height: 520px;
position: relative;
}
#emea-wrapper .equals .columns .column .column-block .column-inner {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #e9e9e9;
}
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content {
opacity: 0;
padding: 25px;
position: relative;
text-align: center;
}
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content h4 {
font-size: 5.07692308em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
margin: 0 0 10px;
}
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content p {
font-size: 1.23076923em;
color: #323232;
}
#emea-wrapper .equals .columns .column .under-colours {
margin-top: -75px;
position: relative;
z-index: 10;
}
#emea-wrapper .equals .columns .column .under-colours img {
margin-bottom: 25px;
}
#emea-wrapper .equals .columns .column .under-colours p {
color: #fff;
text-transform: uppercase;
margin: 0;
font-size: 1.23076923em;
}
#emea-wrapper .equals .parallaxbg {
background-size: cover;
min-height: 700px;
background-image: url(http://ryobi.netcprev.co.uk/RyobiTools/media/MediaLibrary/ryobi-1.jpg);
}
#emea-wrapper .equals .equal-text {
padding: 20px 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
#emea-wrapper .equals .equal-text h2 {
margin: 0;
text-shadow: 2px 2px 2px #969696;
}
#emea-wrapper .IE8 .equals .columns .column {
margin-right: 2%;
}
@media (max-width: 1400px) {
#emea-wrapper .equals .parallaxbg {
min-height: 650px;
}
}
@media (max-width: 1199px) {
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content h4 {
font-size: 4em;
}
#emea-wrapper .equals .parallaxbg {
min-height: 450px;
}
}
@media (max-width: 991px) {
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content h4 {
font-size: 2.8em;
}
#emea-wrapper .equals .columns .column .column-block,
#emea-wrapper .equals .parallaxbg {
min-height: 400px;
}
}
@media (max-width: 767px) {
#emea-wrapper .equals .parallaxbg {
min-height: 350px;
}
#emea-wrapper .equals .columns .column .column-block {
min-height: 0;
}
#emea-wrapper .equals .columns .column .column-block .column-inner {
height: auto !important;
position: static;
background: none;
}
#emea-wrapper .equals .columns .column.red-column .column-block .column-inner {
background: none;
}
#emea-wrapper .equals .columns .column.red-column {
background: #ab0116;
}
#emea-wrapper .equals .columns .column .under-colours p {
color: #323232;
}
#emea-wrapper .equals .columns .column.red-column .under-colours p {
color: #fff;
}
#emea-wrapper .equals .columns .column {
background: #e9e9e9;
float: none;
width: 100%;
margin: 0 0 25px;
padding-bottom: 25px;
}
#emea-wrapper .equals .columns .column .under-colours {
margin-top: 0;
}
#emea-wrapper .equals .columns .column .column-block .column-inner .column-content {
opacity: 1 !important;
}
}
@media (max-width: 480px) {
#emea-wrapper .equals h2 {
font-size: 2em;
}
}
#emea-wrapper .iPad .lithium-page .redlithium,
#emea-wrapper .iPhone .lithium-page .redlithium {
overflow: hidden;
}
#emea-wrapper .lithium-page .redlithium {
background: #ab0116;
position: relative;
}
#emea-wrapper .lithium-page .redlithium .redlithium-image-area {
position: relative;
min-height: 700px;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text {
text-align: center;
color: #fff;
margin: 50px 0;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text p {
font-size: 1.23076923em;
margin-bottom: 30px;
padding: 0 20%;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text p:last-child {
margin-bottom: 0;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text .battery-heading {
text-align: center;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text .battery-heading span {
display: inline-block;
background: #fff;
color: #ab0116;
text-transform: uppercase;
font-size: 2.46153846em;
font-family: HelveticaNeueLTStd-BdEx;
font-weight: 700;
padding: 1px 6px;
line-height: 100%;
margin-right: 10px;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text .battery-heading h2 {
color: #fff;
text-transform: uppercase;
font-size: 2.76923077em;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 30px;
display: inline-block;
}
#emea-wrapper .lithium-page .redlithium .container .red-img {
position: absolute;
bottom: 0;
right: 0;
width: 540px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot {
border-radius: 50%;
background: #fff;
display: block;
position: absolute;
top: 139px;
left: 152px;
cursor: pointer;
width: 25px;
height: 25px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot:before {
content: "+";
width: 25px;
height: 25px;
font-size: 26px;
position: absolute;
top: -8px;
left: 0;
text-align: center;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.open-dot:before {
content: "-";
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot2 {
top: 184px;
left: 66px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot3 {
top: 241px;
left: 21px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot4 {
top: 423px;
left: 146px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text {
width: 570px;
padding: 90px 0;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact {
min-height: 80px;
margin-bottom: 25px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner {
padding: 5px 10px 5px 5px;
display: block;
width: auto;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner span {
display: inline-block;
background: #fff;
padding: 3px;
border-radius: 5px;
width: 80px;
height: 80px;
margin-right: 10px;
vertical-align: middle;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner h4 {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
max-width: 73%;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner p {
padding: 0 20px 20px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up {
position: absolute;
right: 0;
top: 0;
display: none;
background: #e9e9e9;
width: 300px;
border: 3px solid #e9e9e9;
color: #000;
margin: 64px 0 0 -136px;
z-index: 15;
box-shadow: 7px 7px 5px 0 rgba(171, 171, 171, 0.37);
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up h4 {
color: #323232;
padding: 20px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up:before {
content: "";
position: absolute;
top: -25px;
left: 50%;
margin-left: -25px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 24.5px 25px;
border-color: transparent transparent #e9e9e9;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact h4 {
color: #fff;
display: inline-block;
text-transform: uppercase;
font-size: 1.53846154em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .iPad .lithium-page .redlithium .container .red-img .dots .dot:before {
top: -5px;
}
@media (max-width: 1199px) {
#emea-wrapper .lithium-page .redlithium .container .red-img {
right: -137px;
}
}
@media (max-width: 991px) {
#emea-wrapper .lithium-page .redlithium .container .red-img {
width: 380px;
right: -96px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text {
width: 375px;
padding: 50px 0;
}
#emea-wrapper .lithium-page .redlithium .redlithium-image-area {
min-height: 0;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact {
height: auto;
margin-bottom: 10px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact:last-child {
margin: 0;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up {
margin: 60px 0 0 -221px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up:before {
margin-left: 59px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot {
top: 95px;
left: 104px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot2 {
top: 125px;
left: 58px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot3 {
top: 174px;
left: 8px;
}
#emea-wrapper .lithium-page .redlithium .container .red-img .dots .dot.dot4 {
top: 296px;
left: 110px;
}
}
@media (max-width: 767px) {
#emea-wrapper .lithium-page .redlithium .container .introduction-text .battery-heading span {
padding: 6px 6px 0;
margin-bottom: 3px;
}
#emea-wrapper .lithium-page .redlithium .container .introduction-text p {
padding: 0;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner {
display: block;
}
#emea-wrapper .lithium-page .redlithium .container .red-img {
display: none;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text {
width: 100%;
padding: 25px 0;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact h4 {
cursor: pointer;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact h4:after {
display: inline-block;
content: "\F055";
font-family: FontAwesome;
margin-left: 10px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact h4.open-h4:after {
content: "\F056";
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up {
position: static;
margin: 5px 0 0;
width: 100%;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up:after,
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up:before,
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .pop-up h4:after {
display: none;
}
}
@media (max-width: 480px) {
#emea-wrapper .lithium-page .redlithium .container .redlithium-text h2 {
font-size: 2em;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact .red-fact-inner span {
width: 55px;
height: 55px;
}
#emea-wrapper .lithium-page .redlithium .container .redlithium-text .red-fact h4 {
font-size: 1em;
}
}
#emea-wrapper .shock {
background: #e9e9e9;
padding: 70px 0;
}
#emea-wrapper .shock h2 {
color: #323232;
text-transform: uppercase;
font-size: 2.76923077em;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 40px;
text-align: center;
}
#emea-wrapper .shock .shock-item {
max-width: 320px;
position: relative;
padding-left: 30px;
margin-bottom: 50px;
}
#emea-wrapper .shock .shock-item:last-child {
margin: 0;
}
#emea-wrapper .shock .shock-item img {
position: absolute;
top: 0;
right: -172px;
}
#emea-wrapper .shock .shock-item h4 {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 10px;
}
#emea-wrapper .shock .shock-item h4,
#emea-wrapper .shock .shock-item p {
font-size: 1.23076923em;
}
@media (max-width: 767px) {
#emea-wrapper .shock {
padding: 25px 0;
}
#emea-wrapper .shock .shock-item {
max-width: none;
padding-right: 70px;
padding-left: 0;
}
#emea-wrapper .shock .shock-item img {
top: 0;
right: 0;
max-width: 65px;
}
}
@media (max-width: 480px) {
#emea-wrapper .shock h2 {
font-size: 2em;
}
}
#emea-wrapper .temperature {
background: #f8f7f5;
padding: 70px 0;
}
#emea-wrapper .temperature h2 {
text-transform: uppercase;
font-size: 2.76923077em;
margin-bottom: 40px;
text-align: center;
}
#emea-wrapper .temperature h2,
#emea-wrapper .temperature h4 {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .temperature h4 {
margin-bottom: 10px;
}
#emea-wrapper .temperature h4,
#emea-wrapper .temperature p {
font-size: 1.23076923em;
}
#emea-wrapper .temperature .bat1 {
text-align: right;
}
#emea-wrapper .temperature .bat2 {
text-align: left;
}
#emea-wrapper .temperature .bat1 img,
#emea-wrapper .temperature .bat2 img {
border-radius: 5px;
}
#emea-wrapper .temperature .bat1 .image,
#emea-wrapper .temperature .bat2 .image {
display: inline-block;
}
#emea-wrapper .temperature .bat1 h3,
#emea-wrapper .temperature .bat2 h3 {
color: #323232;
font-size: 1.53846154em;
font-family: HelveticaNeueLTStd-BdEx;
margin: 25px 0;
text-align: center;
}
@-webkit-keyframes blink {
0% {
box-shadow: 0 0 0 rgba(219, 13, 66, 0.95);
}
50% {
box-shadow: 0 0 25px rgba(219, 13, 66, 0.95);
}
to {
box-shadow: 0 0 0 rgba(219, 13, 66, 0.95);
}
}
#emea-wrapper .bg-blink {
-webkit-animation: blink 4s infinite;
animation: blink 4s infinite;
}
@media (max-width: 767px) {
#emea-wrapper .temperature {
padding: 25px 0;
}
#emea-wrapper .Lithium-ION .temperature .imagetext .text {
padding-bottom: 0;
}
#emea-wrapper .temperature .bat1,
#emea-wrapper .temperature .bat2 {
text-align: center;
}
}
@media (max-width: 480px) {
#emea-wrapper .temperature h2 {
font-size: 2em;
}
}
#emea-wrapper .lithium-page .upgrade {
background: #db011c;
padding: 65px;
}
#emea-wrapper .lithium-page .upgrade h2 {
text-align: center;
font-size: 270%;
margin: 0 0 50px;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box,
#emea-wrapper .lithium-page .upgrade h2 {
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box {
margin: 0 0 20px;
background: #ab0116;
padding: 30px 300px 30px 30px;
width: 80%;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h3,
#emea-wrapper .lithium-page .upgrade .upgrade-box h4,
#emea-wrapper .lithium-page .upgrade .upgrade-box h5 {
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
margin: 0 0 15px;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h5 {
font-size: 1.38461538em;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h3 {
font-size: 5.38461538em;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h4 {
font-size: 2.30769231em;
margin: 0;
}
#emea-wrapper .lithium-page .upgrade .disclaimer {
font-size: .76923077em;
text-transform: uppercase;
color: #fff;
}
#emea-wrapper .lithium-page .upgrade .boxes {
position: relative;
}
#emea-wrapper .lithium-page .upgrade .boxes .image {
position: absolute;
top: 2%;
right: 12%;
width: 344px;
}
#emea-wrapper .lithium-page .upgrade .boxes .image span {
position: absolute;
right: 0;
transition: top 0.5s ease-in-out;
}
#emea-wrapper .lithium-page .upgrade .boxes .image .upgrade1 {
top: 141px;
z-index: 4;
}
#emea-wrapper .lithium-page .upgrade .boxes .image .upgrade2 {
top: 170px;
z-index: 3;
}
#emea-wrapper .lithium-page .upgrade .boxes .image .upgrade3 {
top: 191px;
z-index: 2;
}
#emea-wrapper .lithium-page .upgrade .boxes .image .upgrade4 {
top: 309px;
z-index: 1;
}
#emea-wrapper .lithium-page .upgrade .boxes .image.moved .upgrade1 {
top: 0;
}
#emea-wrapper .lithium-page .upgrade .boxes .image.moved .upgrade2 {
top: 130px;
}
#emea-wrapper .lithium-page .upgrade .boxes .image.moved .upgrade3 {
top: 302px;
}
#emea-wrapper .lithium-page .upgrade .boxes .image.moved .upgrade4 {
top: 490px;
}
@media (max-width: 1199px) {
#emea-wrapper .lithium-page .upgrade .boxes .image {
right: 0;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box {
width: 95%;
}
}
@media (max-width: 991px) {
#emea-wrapper .lithium-page .upgrade .boxes .image {
width: 225px;
top: 6%;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box {
padding: 30px 181px 30px 30px;
}
}
@media (max-width: 767px) {
#emea-wrapper .lithium-page .upgrade .boxes .image span {
display: none;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box {
width: 100%;
text-align: center;
padding: 30px;
}
#emea-wrapper .lithium-page .upgrade {
padding: 25px;
}
}
@media (max-width: 480px) {
#emea-wrapper .lithium-page .upgrade {
padding: 25px 10px;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h4 {
font-size: 1.9em;
}
#emea-wrapper .lithium-page .upgrade h2 {
font-size: 2em;
margin: 0 0 25px;
}
#emea-wrapper .lithium-page .upgrade .upgrade-box h3 {
font-size: 4em;
}
}
#emea-wrapper .lithium-page .video-section {
padding: 0;
background: #000;
text-align: center;
overflow: hidden;
}
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
width: 100vw !important;
height: 100vh !important;
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
background: #000;
}
#emea-wrapper .lithium-page .video-section .video-js {
background: #000;
}
#emea-wrapper .lithium-page .video-section .video-js .vjs-tech {
position: static;
}
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video {
width: 100% !important;
height: 700px !important;
}
@media (max-width: 1700px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video {
height: 600px !important;
}
}
@media (max-width: 1450px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video {
height: 550px !important;
}
}
@media (max-width: 1199px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 500px !important;
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@media (max-width: 991px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 350px !important;
-ms-transform: scale(1.6);
-webkit-transform: scale(1.6);
transform: scale(1.6);
}
}
@media (max-width: 650px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 300px !important;
}
}
@media (max-width: 530px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 250px !important;
}
}
@media (max-width: 480px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 200px !important;
}
}
@media (max-width: 350px) {
#emea-wrapper .IE8 .lithium-page .video-section iframe,
#emea-wrapper .IE8 .lithium-page .video-section video,
#emea-wrapper .lithium-page .video-section iframe,
#emea-wrapper .lithium-page .video-section video {
height: 170px !important;
}
}
#emea-wrapper .water-protection {
background: #e9e9e9;
padding: 70px 0;
}
#emea-wrapper .water-protection .container {
position: relative;
}
#emea-wrapper .water-protection h2 {
color: #323232;
text-transform: uppercase;
font-size: 2.76923077em;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 40px;
text-align: center;
}
#emea-wrapper .water-protection .water-columns {
position: relative;
min-height: 445px;
}
#emea-wrapper .water-protection .water-columns .point-image {
margin: 0 0 25px -30px;
}
#emea-wrapper .water-protection .water-columns .points h4 {
color: #323232;
font-size: 1.23076923em;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 10px;
}
#emea-wrapper .water-protection .water-columns .points p {
font-size: 1.23076923em;
}
#emea-wrapper .water-protection .water-columns .points.point1 {
margin-bottom: 140px;
}
#emea-wrapper .water-protection .water-columns .points:last-child {
margin-bottom: 0 !important;
}
#emea-wrapper .water-protection .water-columns .col1 {
width: 50%;
float: left;
padding-right: 285px;
position: relative;
}
#emea-wrapper .water-protection .water-columns .col2 {
width: 270px;
position: absolute;
top: 50px;
left: 50%;
margin-left: -135px;
text-align: center;
}
#emea-wrapper .water-protection .water-columns .col2 .dots {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .water-protection .water-columns .col2 .dots span {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
display: block;
background: #b8152a;
border-radius: 50%;
z-index: 10;
}
#emea-wrapper .water-protection .water-columns .col2 .dots .dot1 {
top: -7px;
left: 110px;
}
#emea-wrapper .water-protection .water-columns .col2 .dots .dot2 {
left: 81px;
top: 46px;
}
#emea-wrapper .water-protection .water-columns .col2 .dots .dot3 {
top: 16px;
left: 188px;
}
#emea-wrapper .water-protection .water-columns .col2 .dots .dot4 {
top: 144px;
left: 160px;
}
#emea-wrapper .water-protection .water-columns .col3 {
width: 50%;
float: left;
padding-left: 217px;
position: relative;
}
#emea-wrapper .water-protection .water-columns .col3 .points.point1 {
margin: 0;
}
@media (max-width: 991px) {
#emea-wrapper .water-protection .water-columns .col1 {
padding-right: 165px;
}
#emea-wrapper .water-protection .water-columns .col3 {
padding-left: 171px;
}
#emea-wrapper .water-protection .water-columns .col2 {
top: 25px;
}
}
@media (max-width: 767px) {
#emea-wrapper .water-protection .water-columns .col2 {
display: none;
}
#emea-wrapper .water-protection .water-columns .col1,
#emea-wrapper .water-protection .water-columns .col3 {
width: 100%;
padding: 0;
}
#emea-wrapper .water-protection .water-columns .points {
margin-bottom: 50px !important;
}
#emea-wrapper .water-protection .water-columns .point-image {
margin: 0;
}
#emea-wrapper .water-protection {
padding: 25px 0;
}
#emea-wrapper .water-protection .water-columns #point4 {
margin-bottom: 0 !important;
}
}
@media (max-width: 480px) {
#emea-wrapper .water-protection h2 {
font-size: 2em;
}
}
#emea-wrapper .mfp-bg {
z-index: 1042;
overflow: hidden;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80);
}
#emea-wrapper .mfp-bg,
#emea-wrapper .mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
}
#emea-wrapper .mfp-wrap {
z-index: 1043;
outline: none !important;
-webkit-backface-visibility: hidden;
}
#emea-wrapper .mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
#emea-wrapper .mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
#emea-wrapper .mfp-align-top .mfp-container:before {
display: none;
}
#emea-wrapper .mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
padding: 15px;
background: #f9f9f9;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
border-radius: 4px;
}
#emea-wrapper .mfp-ajax-holder .mfp-content,
#emea-wrapper .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
#emea-wrapper .mfp-ajax-cur {
cursor: progress;
}
#emea-wrapper .mfp-zoom,
#emea-wrapper .mfp-zoom-out-cur,
#emea-wrapper .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
#emea-wrapper .mfp-auto-cursor .mfp-content {
cursor: auto;
}
#emea-wrapper .mfp-arrow,
#emea-wrapper .mfp-close,
#emea-wrapper .mfp-counter,
#emea-wrapper .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .mfp-loading.mfp-figure {
display: none;
}
#emea-wrapper .mfp-hide {
display: none !important;
}
#emea-wrapper .mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
#emea-wrapper .mfp-preloader a {
color: #ccc;
}
#emea-wrapper .mfp-preloader a:hover {
color: #fff;
}
#emea-wrapper .mfp-s-error .mfp-content,
#emea-wrapper .mfp-s-ready .mfp-preloader {
display: none;
}
#emea-wrapper button.mfp-arrow,
#emea-wrapper button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
#emea-wrapper button::-moz-focus-inner {
padding: 0;
border: 0;
}
#emea-wrapper .mfp-close:focus,
#emea-wrapper .mfp-close:hover {
opacity: 1;
}
#emea-wrapper .mfp-close:active {
top: 1px;
}
#emea-wrapper .mfp-close-btn-in .mfp-close {
color: #333;
}
#emea-wrapper .mfp-iframe-holder .mfp-close,
#emea-wrapper .mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
#emea-wrapper .mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
}
#emea-wrapper .mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#emea-wrapper .mfp-arrow:active {
margin-top: -54px;
}
#emea-wrapper .mfp-arrow:focus,
#emea-wrapper .mfp-arrow:hover {
opacity: 1;
}
#emea-wrapper .mfp-arrow .mfp-a,
#emea-wrapper .mfp-arrow .mfp-b,
#emea-wrapper .mfp-arrow:after,
#emea-wrapper .mfp-arrow:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
#emea-wrapper .mfp-arrow .mfp-a,
#emea-wrapper .mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
#emea-wrapper .mfp-arrow .mfp-b,
#emea-wrapper .mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
}
#emea-wrapper .mfp-arrow-left {
left: 0;
}
#emea-wrapper .mfp-arrow-left .mfp-a,
#emea-wrapper .mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
#emea-wrapper .mfp-arrow-left .mfp-b,
#emea-wrapper .mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
#emea-wrapper .mfp-arrow-right {
right: 0;
}
#emea-wrapper .mfp-arrow-right .mfp-a,
#emea-wrapper .mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
#emea-wrapper .mfp-arrow-right .mfp-b,
#emea-wrapper .mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
#emea-wrapper .mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
#emea-wrapper .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
#emea-wrapper .mfp-iframe-holder .mfp-close {
top: -40px;
}
#emea-wrapper .mfp-iframe-scaler {
width: 100%;
height: 0;
padding-top: 56.25%;
position: relative;
}
#emea-wrapper .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;
}
#emea-wrapper img.mfp-img {
width: 100%;
max-width: 1010px;
height: auto;
display: block;
box-sizing: border-box;
padding: 0;
margin: 0 auto;
}
#emea-wrapper .mfp-figure,
#emea-wrapper img.mfp-img {
line-height: 0;
}
#emea-wrapper .mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
#emea-wrapper .mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
#emea-wrapper .mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
#emea-wrapper .mfp-image-holder .mfp-content {
max-width: 100%;
}
#emea-wrapper .mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
#emea-wrapper .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
#emea-wrapper .mfp-img-mobile img.mfp-img {
padding: 0;
}
#emea-wrapper .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
#emea-wrapper .mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
#emea-wrapper .mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
#emea-wrapper .mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
#emea-wrapper .mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
#emea-wrapper .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 (max-width: 900px) {
#emea-wrapper .mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
#emea-wrapper .mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
#emea-wrapper .mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
#emea-wrapper .mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
#emea-wrapper .mfp-ie7 .mfp-img {
padding: 0;
}
#emea-wrapper .mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
#emea-wrapper .mfp-ie7 .mfp-container {
padding: 0;
}
#emea-wrapper .mfp-ie7 .mfp-content {
padding-top: 44px;
}
#emea-wrapper .mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
#emea-wrapper .mfp-iframe-scaler .mfp-close {
top: -32px !important;
right: -32px !important;
}
#emea-wrapper .mfp-close {
position: absolute !important;
top: -18px !important;
right: -18px !important;
z-index: 8040 !important;
width: 36px !important;
height: 36px !important;
cursor: pointer !important;
background: transparent url(sitefiles/dist/4116e02e6a2430ce92277ccc41ea95c9.png) !important;
text-indent: -2000em;
text-align: left !important;
}
#emea-wrapper #media-centre .filterCategories {
text-align: center;
margin-bottom: 15px;
}
#emea-wrapper #media-centre .filterCategories ul {
padding: 0;
}
#emea-wrapper #media-centre .filterCategories ul li {
list-style-type: none;
width: 46px;
height: 46px;
display: inline-block;
vertical-align: top;
cursor: pointer;
position: relative;
background: #ab0116;
}
#emea-wrapper #media-centre .filterCategories ul li .hoverText {
position: absolute;
top: -30px;
color: #db011c;
left: 6px;
display: none;
background: url(sitefiles/dist/eca6682f443ba43abee7640244c0c161.png) bottom no-repeat;
padding-bottom: 11px;
}
#emea-wrapper #media-centre .filterCategories ul li:hover {
background: #db011c;
}
#emea-wrapper #media-centre .filterCategories ul li:hover .hoverText {
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.selected {
position: relative;
background: #db011c;
}
#emea-wrapper #media-centre .filterCategories ul li.selected .selectedPointer {
position: absolute;
bottom: -10px;
width: 15px !important;
height: 11px !important;
left: 16px;
background: url(sitefiles/dist/eca6682f443ba43abee7640244c0c161.png) -2px 0 no-repeat;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-all .medIcon {
background: url(sitefiles/dist/6b4f3758638431f2531e84cb5a03cbcf.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-Blog .medIcon {
background: url(sitefiles/dist/33a5ffaa51e3ae2297f24d8d62dd21c4.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-Image .medIcon {
background: url(sitefiles/dist/f118bd372935e87da24a6af2f5611396.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-News .medIcon {
background: url(sitefiles/dist/12307e263fd95e88bd9466c91309efe3.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-Tweet .medIcon {
background: url(sitefiles/dist/4496601ed9196a0a3ff0eaad73cee939.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .filterCategories ul li.item-type-Video .medIcon {
background: url(sitefiles/dist/db35c148a62bce52761101d274224031.png) 0 0 no-repeat;
height: 46px;
width: 46px;
display: block;
}
#emea-wrapper #media-centre .boxStyle {
border: 1px solid #b6b6b7;
margin: 0 10px;
margin-bottom: 20px;
width: 30%;
padding: 0;
box-shadow: 3px 3px 10px #bebebe;
}
#emea-wrapper #media-centre .boxStyle .boxInner {
background: #fff;
}
#emea-wrapper #media-centre .boxStyle .boxInner .imgArea {
margin: 3px 2px;
border: 1px solid #b6b6b7;
}
#emea-wrapper #media-centre .boxStyle .boxInner .imgArea img.teaser {
width: 100%;
}
#emea-wrapper #media-centre .boxStyle.tweetStyle .boxContent {
text-align: center;
}
#emea-wrapper #media-centre .boxStyle.tweetStyle .boxContent h2 {
color: #000;
}
#emea-wrapper #media-centre .boxStyle.tweetStyle .boxContent a {
color: #db011c;
}
#emea-wrapper #media-centre .boxStyle.tweetStyle .boxContent a:hover {
color: #db011c;
text-decoration: underline;
}
#emea-wrapper #media-centre .boxStyle.tweetStyle .boxContent .twitterLogo {
margin: 20px auto 10px;
width: 18px;
height: 18px;
display: block;
background: transparent url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -27px -539px;
}
#emea-wrapper #media-centre .boxStyle.videoStyle .imgArea {
position: relative;
}
#emea-wrapper #media-centre .boxStyle.videoStyle .imgArea .playIcon {
position: absolute;
top: 36%;
left: 40%;
right: 0;
bottom: 0;
}
#emea-wrapper #media-centre .boxStyle.videoStyle .imgArea .playIcon:hover {
opacity: 0.8;
}
#emea-wrapper #media-centre .boxStyle .boxContent {
padding: 0 15px;
}
#emea-wrapper #media-centre .boxStyle .boxContent h2 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 105%;
text-transform: uppercase;
color: #db011c;
word-wrap: break-word;
margin: 10px 0;
}
#emea-wrapper #media-centre .boxStyle .boxContent p {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 89%;
color: #323232;
}
#emea-wrapper #media-centre .boxStyle .boxLinks {
height: 35px;
border-top: 1px solid #afafb0;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .readMore {
float: left;
font-size: 100%;
line-height: 35px;
padding-left: 10px;
position: relative;
padding-right: 16px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .readMore a {
font-family: HelveticaNeueMed;
font-size: 110%;
color: #000;
word-wrap: break-word;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .readMore a:hover {
color: #db011c;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .readMore a:hover + .small-right-arrow {
background-position: -8px -581px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .readMore .small-right-arrow {
display: block;
position: absolute;
width: 11px;
height: 16px;
right: 0;
top: 30%;
background: transparent url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -8px -565px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon {
float: right;
width: 35px;
height: 35px;
border-left: 1px solid #afafb0;
cursor: pointer;
display: block;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon:hover {
background: #db011c;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon:hover .twitter-icon {
background-position: -73px -539px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon:hover .facebook-icon {
background-position: -48px -539px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon .twitter-icon {
width: 18px;
height: 18px;
display: block;
background: transparent url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -27px -539px;
margin: 9px;
}
#emea-wrapper #media-centre .boxStyle .boxLinks .socialIcon .facebook-icon {
width: 18px;
height: 18px;
display: block;
background: transparent url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -2px -539px;
margin: 9px;
}
#emea-wrapper #media-centre .isotope-item {
z-index: 2;
}
#emea-wrapper #media-centre .isotope-hidden.isotope-item {
z-index: 1;
pointer-events: none;
}
#emea-wrapper #media-centre .isotope,
#emea-wrapper #media-centre .isotope .isotope-item {
transition-duration: 0.8s;
}
#emea-wrapper #media-centre .isotope {
min-height: 285px;
transition-property: height, width;
}
#emea-wrapper #media-centre .isotope .isotope-item {
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
#emea-wrapper #media-centre .isotope .isotope-item.no-transition,
#emea-wrapper #media-centre .isotope.no-transition,
#emea-wrapper #media-centre .isotope.no-transition .isotope-item {
transition-duration: 0s;
}
#emea-wrapper .video-container {
display: none;
width: 1000px;
}
#emea-wrapper .fancybox-overlay.media-centre-override .fancybox-skin {
position: relative;
border-radius: 16px;
background: transparent;
border: none;
color: #fff;
text-shadow: none;
}
#emea-wrapper .fancybox-overlay.media-centre-override .fancybox-opened .fancybox-skin {
box-shadow: none;
}
#emea-wrapper .fancybox-overlay.media-centre-override .videoPopArea {
max-width: 1600px;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea,
#emea-wrapper .fancybox-overlay.media-centre-override .imagePopArea,
#emea-wrapper .fancybox-overlay.media-centre-override .videoPopArea {
position: relative;
border-radius: 16px;
background: #404040;
border: 3px solid #fff;
color: #fff;
text-shadow: none;
padding: 20px;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea {
margin-top: 30px;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea .textBox {
width: 48%;
margin-right: 2%;
float: left;
height: 80px;
overflow-y: scroll;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea .headingBox {
width: 50%;
float: left;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea h2 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 143%;
color: #db011c;
}
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea p {
color: #fff;
font-family: Helvetica;
font-size: 90%;
}
#emea-wrapper .fancybox-overlay.media-centre-override .fancybox-close {
position: absolute;
top: -7px;
right: -7px;
left: auto;
z-index: 8040;
width: 48px;
height: 45px;
cursor: pointer;
background: url(sitefiles/dist/00868c02a4ea4dbb2a2be2c63c365d40.png) 0 -4px no-repeat;
}
@media (max-width: 1199px) {
#emea-wrapper .boxStyle {
width: 29% !important;
}
#emea-wrapper .video-container {
width: 900px;
}
}
@media (max-width: 991px) {
#emea-wrapper .boxStyle {
width: 43.5% !important;
}
#emea-wrapper .video-container {
width: 680px;
}
}
@media (max-width: 768px) {
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea .headingBox,
#emea-wrapper .fancybox-overlay.media-centre-override .contentPopArea .textBox {
width: auto;
float: none;
}
#emea-wrapper .boxStyle {
width: 95% !important;
margin: 20px 0;
}
#emea-wrapper #media-centre .boxStyle .imgArea {
text-align: center;
}
#emea-wrapper #media-centre .selectedPointer {
left: 14px;
}
#emea-wrapper #media-centre .boxStyle.videoStyle .imgArea .playIcon {
position: absolute;
top: 36%;
left: 0;
right: 0;
bottom: 0;
}
#emea-wrapper .video-container {
width: auto;
}
#emea-wrapper #media-centre .filterCategories ul li {
width: 40px;
height: 40px;
}
#emea-wrapper #media-centre .filterCategories ul li span {
background-position: -3px -2px !important;
height: 40px !important;
width: 40px !important;
}
}
@media (max-width: 550px) {
#emea-wrapper .boxStyle {
width: 90% !important;
margin: 10px 0;
}
}
#emea-wrapper .onekey {
text-align: center;
}
#emea-wrapper .onekey,
#emea-wrapper .onekey h1,
#emea-wrapper .onekey h2,
#emea-wrapper .onekey h3 {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .onekey h1,
#emea-wrapper .onekey h2,
#emea-wrapper .onekey h3 {
text-transform: uppercase;
}
#emea-wrapper .onekey h1 {
font-size: 4em;
}
@media (max-width: 768px) {
#emea-wrapper .onekey h1 {
font-size: 3em;
}
}
#emea-wrapper .onekey h2 {
font-size: 2.15em;
}
#emea-wrapper .onekey h3 {
font-size: 1.8em;
}
#emea-wrapper .onekey__logo {
margin: 25px 0 0;
}
@media (max-width: 768px) {
#emea-wrapper .onekey__logo {
margin: 0;
}
}
#emea-wrapper .onekey__logo img {
display: block;
margin: 0 auto;
}
#emea-wrapper .onekey__logo .caption {
margin-top: 10px;
}
#emea-wrapper .onekey__launch,
#emea-wrapper .onekey__video {
margin: 30px 0 0;
}
#emea-wrapper .onekey__launch .caption {
margin: 0;
}
#emea-wrapper .onekey__countdown {
margin: 60px 0 0;
}
#emea-wrapper .onekey__countdown .countdown__pane {
display: table;
width: 100%;
}
#emea-wrapper .onekey__countdown .countdown__pane .cell {
display: table-cell;
width: 25%;
}
@media (max-width: 768px) {
#emea-wrapper .onekey__countdown .countdown__pane .cell {
display: inline-block;
width: 50%;
}
}
@media (max-width: 500px) {
#emea-wrapper .onekey__countdown .countdown__pane .cell {
display: block;
width: 100%;
margin: 0 auto;
}
}
#emea-wrapper .onekey__countdown .countdown__pane .cell span {
font-size: 6em;
line-height: 1em;
}
@media (max-width: 991px) {
#emea-wrapper .onekey__countdown .countdown__pane .cell span {
font-size: 6em;
}
}
#emea-wrapper .onekey__countdown .countdown__pane .cell h3 {
margin: 0;
}
#emea-wrapper .onekey__form {
margin: 60px 0 50px;
}
#emea-wrapper .onekey__form .btn-primary {
color: #fff;
background-color: #db011c;
border-color: #db011c;
border-radius: 0;
font-size: 1.9em;
height: 2em;
text-transform: uppercase;
margin-top: 10px;
width: auto;
display: inline-block;
border: 1px solid #fff;
}
@media (max-width: 768px) {
#emea-wrapper .onekey__form .btn-primary {
width: 100%;
}
}
#emea-wrapper .onekey__form input[type=text] {
max-width: 800px;
margin: 0 auto;
border-radius: 0;
border: 1px solid #c2c2c2;
text-align: center;
}
#emea-wrapper .onekey::-webkit-input-placeholder {
text-transform: uppercase;
}
#emea-wrapper .onekey:-moz-placeholder,
#emea-wrapper .onekey::-moz-placeholder {
text-transform: uppercase;
}
#emea-wrapper .onekey:-ms-input-placeholder {
text-transform: uppercase;
}
#emea-wrapper .owl-theme .owl-controls {
text-align: center;
}
#emea-wrapper .owl-theme .owl-controls .owl-buttons div {
color: #fff;
display: inline-block;
padding: 20px;
font-size: 34px;
margin-top: -37px;
background: #db011c;
z-index: 20;
}
#emea-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
text-decoration: none;
background: #ab0116;
}
#emea-wrapper .owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
}
#emea-wrapper .owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: alpha(opacity=50);
opacity: .5;
border-radius: 20px;
background: #869791;
}
#emea-wrapper .owl-theme .owl-controls.clickable .owl-page:hover span,
#emea-wrapper .owl-theme .owl-controls .owl-page.active span {
filter: alpha(opacity=100);
opacity: 1;
}
#emea-wrapper .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
border-radius: 30px;
}
#emea-wrapper .owl-item.loading {
min-height: 150px;
background: url(sitefiles/dist/307b76e94f6041daf4c1c5f386cf0db2.gif) no-repeat 50%;
}
#emea-wrapper .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#emea-wrapper .owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
#emea-wrapper .owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translateZ(0);
}
#emea-wrapper .owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
z-index: 15;
}
#emea-wrapper .owl-carousel .owl-wrapper-outer.autoHeight {
transition: height 0.5s ease-in-out;
}
#emea-wrapper .owl-carousel .owl-item {
float: left;
text-align: center;
}
#emea-wrapper .owl-controls .owl-buttons div,
#emea-wrapper .owl-controls .owl-page {
cursor: pointer;
}
#emea-wrapper .owl-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
width: 100%;
height: 100%;
bottom: 0;
}
#emea-wrapper .grabbing {
cursor: url(sitefiles/dist/d817e1dba5bd5d891d0504bf1715807b.png) 8 8, move;
}
#emea-wrapper .owl-carousel .owl-item,
#emea-wrapper .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
}
#emea-wrapper .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
#emea-wrapper .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
animation: fadeOut 0.7s both ease;
}
#emea-wrapper .owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
animation: fadeIn 0.7s both ease;
}
#emea-wrapper .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
#emea-wrapper .owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
#emea-wrapper .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
animation: scaleToFade 0.7s ease both;
}
#emea-wrapper .owl-goDown-in {
-webkit-animation: goDown .6s ease both;
animation: goDown 0.6s ease both;
}
#emea-wrapper .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom 0.5s ease both;
}
#emea-wrapper .owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
animation: scaleUpTo 0.5s ease both;
}
#emea-wrapper #videoSlides {
margin-top: 19px;
}
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
to {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
to {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
to {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
to {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
0% {
-webkit-transform: translateY(-100%);
}
}
@keyframes goDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@media (max-width: 480px) {
#emea-wrapper .owl-theme .owl-controls .owl-buttons div {
margin-top: -27px;
padding: 10px 20px;
}
}
#emea-wrapper .pos .pop-up-over {
position: fixed;
z-index: -10;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
opacity: 0;
}
#emea-wrapper .pos .pop-up-over .container {
position: relative;
width: 100%;
height: 100%;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop {
position: absolute;
top: 50%;
left: 0;
background: #323232;
padding: 20px;
width: 100%;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop h4 {
width: 74%;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .close-tag-basket,
#emea-wrapper .pos .pop-up-over .tag-basket-pop h4 {
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.92307692em;
display: inline-block;
margin-bottom: 20px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .close-tag-basket {
text-align: right;
width: 25%;
cursor: pointer;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .close-tag-basket:hover {
color: #db011c;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner {
background: #c2c2c2;
padding: 20px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .titles {
margin-bottom: 20px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .titles h5 {
color: #323232;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.30769231em;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner {
padding: 20px;
background: #fff;
margin-bottom: 20px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item {
padding: 3px 0;
border-bottom: 1px solid #c2c2c2;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item:last-child {
border: none;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-text {
float: left;
width: 65%;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-text h5 {
font-size: 1.30769231em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
text-transform: uppercase;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-text h5 span {
color: #c2c2c2;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers {
float: left;
width: 35%;
text-align: right;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers label {
display: inline-block;
width: auto;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers input {
display: inline-block;
width: 24px;
background: #c2c2c2;
border: none;
text-align: center;
color: #323232;
height: 24px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers .pos-remove {
background: #323232;
color: #fff;
padding: 3px;
text-align: center;
width: 130px;
display: inline-block;
height: 24px;
cursor: pointer;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers .pos-remove:hover {
background: #ab0116;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices label {
display: inline-block;
text-transform: uppercase;
font-size: 1.53846154em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
float: left;
margin-right: 15px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container,
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices select {
float: left;
margin-top: -5px;
font-size: 1.53846154em;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
background: #ab0116;
margin-bottom: 0;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single div {
position: absolute;
top: -1px;
right: 0;
display: block;
margin: 5px;
width: 29px;
height: 32px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -32px -617px no-repeat;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single:hover {
background: #323232;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single:hover div b {
background-position: -72px -617px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-active .chosen-single {
border: none;
box-shadow: none;
background: #ab0116;
color: #fff;
height: 38px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-drop {
padding: 0;
border-radius: 0;
box-shadow: none;
border: none;
background: #ab0116;
color: #fff;
border-top: 1px solid #c2c2c2;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single {
border: none;
box-shadow: none;
background: #ab0116;
color: #fff;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container .chosen-results {
margin: 0;
max-height: none;
padding: 0;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container .chosen-results li.highlighted {
background-color: #c2c2c2;
background-image: none;
color: #323232;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .create-tags {
display: inline-block;
text-transform: uppercase;
float: right;
margin-top: -5px;
padding: 5px;
background: #ab0116;
cursor: pointer;
font-size: 1.53846154em;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .create-tags .tag-arrow {
color: #fff;
background: #db011c;
padding: 4px 8px;
float: none;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .create-tags:hover {
background: #323232;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .create-tags:hover .tag-arrow {
background: #c2c2c2;
}
#emea-wrapper .pos .mainContent {
padding-top: 0;
}
#emea-wrapper .pos .pos-banner {
position: relative;
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
background: #fff;
padding-bottom: 25px;
overflow: hidden;
}
#emea-wrapper .pos .pos-banner .pos-banner-text {
position: absolute;
left: 0;
top: 50%;
padding: 25px 50px;
width: 100%;
height: 135px;
margin-top: -67px;
}
#emea-wrapper .pos .pos-banner .pos-banner-text h1 {
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 3.53846154em;
}
#emea-wrapper .pos .pos-banner .pos-banner-text h2 {
font-size: 2.15384615em;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
text-transform: uppercase;
}
#emea-wrapper .pos.pos-create.withBasket .pos-basket {
display: block;
}
#emea-wrapper .pos.pos-create .pos-basket {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
padding: 25px;
background: #323232;
z-index: 100;
display: none;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner {
padding: 0 25px;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner h5 {
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 2.15384615em;
color: #c2c2c2;
margin: 0;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner h5 span {
display: none;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area {
text-align: right;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area a,
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span {
display: inline-block;
text-transform: uppercase;
float: right;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area a.items,
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span.items {
color: #c2c2c2;
font-size: 1.69230769em;
margin-right: 15px;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area a.download-tags,
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span.download-tags {
color: #fff;
padding: 5px;
background: #db011c;
cursor: pointer;
margin-top: -1px;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area a.download-tags .tag-arrow,
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span.download-tags .tag-arrow {
color: #fff;
background: #ef093a;
padding: 4px 6px;
float: none;
}
#emea-wrapper .pos.pos-create .pos-banner {
background: #323232;
}
#emea-wrapper .pos.pos-create .pos-banner .pos-banner-text {
position: relative;
top: 0;
left: 0;
height: auto;
margin-top: 0;
z-index: 5;
padding: 50px;
}
#emea-wrapper .pos.pos-create .pos-banner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
#emea-wrapper .pos.pos-create .pos-banner h1 {
font-size: 3.07692308em;
}
#emea-wrapper .pos.pos-create .pos-banner p {
margin: 0;
color: #fff;
}
#emea-wrapper .pos.pos-create .pos-search {
padding-top: 25px;
margin-bottom: 25px;
}
#emea-wrapper .pos.pos-create .pos-search h4 {
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 2.15384615em;
color: #323232;
margin-top: 15px;
}
#emea-wrapper .pos.pos-create .pos-search .pos-search-box {
position: relative;
}
#emea-wrapper .pos.pos-create .pos-search .pos-search-box input[type=text] {
padding: 10px 95px 10px 10px !important;
background: #c2c2c2 !important;
border: none !important;
height: 62px !important;
}
#emea-wrapper .pos.pos-create .pos-search .pos-search-box input[type=submit] {
position: absolute;
top: 5px;
right: 5px;
color: #fff;
background: #ab0116;
text-transform: uppercase;
text-align: center;
width: auto;
border: none;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.07692308em;
height: 52px;
}
#emea-wrapper .pos.pos-create .pos-search .pos-search-box input[type=submit]:hover {
background: #323232;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat {
margin-bottom: 20px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .btn-load-more {
font-size: 1.38461538em;
font-weight: 700;
color: #fff;
background: #ab0116;
text-align: center;
padding: 9px 15px;
display: none;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-down,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-up {
position: absolute;
top: 16px;
right: 16px;
color: #fff;
background: #ab0116;
padding: 9px 15px;
display: none;
font-size: 2.07692308em;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-down:hover,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-up:hover {
background: #323232;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-down {
display: block;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat.open-pos .accord-arrow-down {
display: none;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat.open-pos .accord-arrow-up {
display: block;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-top {
padding: 25px 75px 25px 25px;
background: #db011c;
position: relative;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-top h4 {
font-size: 2.07692308em;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
text-transform: uppercase;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main {
padding: 25px;
background: #c2c2c2;
display: none;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod {
background: #fff;
margin-bottom: 15px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-top {
padding: 25px 55px 25px 25px;
position: relative;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-top h5 {
font-size: 1.30769231em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
text-transform: uppercase;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-top .accord-arrow-down,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-top .accord-arrow-up {
top: 17px;
right: 17px;
padding: 9px 12px;
font-size: 1.30769231em;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main {
padding: 0 25px 25px;
display: none;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item {
padding: 3px 0;
border-bottom: 1px solid #c2c2c2;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item:last-child {
border: none;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text {
float: left;
width: 65%;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text h5 {
font-size: 1.30769231em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
text-transform: uppercase;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text h5 span {
color: #c2c2c2;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers {
float: left;
width: 35%;
text-align: right;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers label {
display: inline-block;
width: auto;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers input {
display: inline-block;
width: 24px;
background: #c2c2c2;
border: none;
text-align: center;
color: #323232;
height: 24px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers .pos-add {
background: #323232;
color: #fff;
padding: 3px;
text-align: center;
width: 130px;
display: inline-block;
height: 24px;
cursor: pointer;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers .pos-add:hover {
background: #ab0116;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers .pos-added {
background: #ab0116;
color: #fff;
padding: 3px;
text-align: center;
width: 130px;
display: inline-block;
height: 24px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat.open-pos .pos-prod-top .accord-arrow-down {
display: block;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat.open-pos .pos-prod-top .accord-arrow-up,
#emea-wrapper .pos.pos-create .pos-product-area.search {
display: none;
}
#emea-wrapper .pos.pos-create .pos-product-area.search .pos-cat .pos-cat-top {
padding: 15px 75px 15px 25px;
}
#emea-wrapper .pos.pos-create .pos-product-area.search .pos-cat .pos-cat-top h4 {
font-size: 1.30769231em;
}
#emea-wrapper .pos.pos-create .pos-product-area.search .pos-cat .pos-cat-main,
#emea-wrapper .pos.pos-create .pos-product-area.search .pos-cat .pos-cat-main .pos-prod-main {
display: block;
}
#emea-wrapper .pos .pos-box {
padding: 30px;
background: #db011c;
margin-bottom: 25px;
}
#emea-wrapper .pos .pos-box h3 {
text-transform: uppercase;
text-align: center;
font-size: 2em;
margin-bottom: 10px;
}
#emea-wrapper .pos .pos-box h3,
#emea-wrapper .pos .pos-box p {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .pos .pos-box p {
font-size: 1.23076923em;
}
#emea-wrapper .pos .pos-box .pos-box-top {
margin-bottom: 10px;
}
#emea-wrapper .pos .pos-box .box-link a {
padding: 10px 44px 10px 10px;
color: #fff;
background: #ab0116;
display: block;
position: relative;
font-size: 1.38461538em;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .pos .pos-box .box-link a .link-arrow {
position: absolute;
top: 8px;
right: 8px;
color: #fff;
text-align: center;
padding: 5px 10px;
background: #db011c;
}
#emea-wrapper .pos .pos-box .box-link a:hover {
background: #920113;
}
#emea-wrapper .pos .pos-box .box-link a:hover .link-arrow {
background: #c20119;
}
#emea-wrapper .pos .pos-box.grey-box {
background: #c9c9c9;
}
#emea-wrapper .pos .pos-box.grey-box h3,
#emea-wrapper .pos .pos-box.grey-box p {
color: #323232;
}
#emea-wrapper .pos .pos-box.grey-box .box-link a {
background: #323232;
color: #fff;
}
#emea-wrapper .pos .pos-box.grey-box .box-link a .link-arrow {
background: #747474;
}
#emea-wrapper .pos .pos-box.grey-box .box-link a:hover {
background: #252525;
}
#emea-wrapper .pos .pos-box.grey-box .box-link a:hover .link-arrow {
background: #676767;
}
#emea-wrapper .pos .tag-holder {
background: #323232;
padding: 25px;
margin-bottom: 25px;
}
#emea-wrapper .pos .tag-holder .holder-text h3 {
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 2em;
margin-bottom: 10px;
}
#emea-wrapper .pos .tag-holder .holder-text p {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 1.23076923em;
margin: 0;
}
#emea-wrapper .pos .get-in-touch {
background: #c9c9c9;
padding: 25px;
margin-bottom: 25px;
}
#emea-wrapper .pos .get-in-touch h3 {
text-align: center;
text-transform: uppercase;
font-size: 2em;
margin-bottom: 10px;
}
#emea-wrapper .pos .get-in-touch h3,
#emea-wrapper .pos .get-in-touch p {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .pos .get-in-touch p {
font-size: 1.23076923em;
margin: 0;
}
#emea-wrapper .pos .get-in-touch p a {
color: #323232;
text-decoration: none;
}
#emea-wrapper .pos .get-in-touch p a:hover {
color: #db011c;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-prod.open-pos .accord-arrow-down {
display: none;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-prod.open-pos .accord-arrow-up {
display: block;
}
@media (max-width: 991px) {
#emea-wrapper .pos.pos-create .pos-search h4 {
font-size: 1.5em;
margin-top: 18px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers,
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-text,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text {
width: 50%;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single {
height: 31px;
}
#emea-wrapper .chosen-container-single .chosen-single span {
line-height: 28px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single div {
height: 24px;
top: -2px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single div b {
background-position: -32px -621px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .chosen-container-single .chosen-single:hover div b {
background-position: -72px -621px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text h5 span {
display: block;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner h5 {
margin-top: 4px;
font-size: 1.5em;
}
#emea-wrapper .tag-pop-choices {
font-size: 75%;
}
}
@media (max-width: 767px) {
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices .create-tags {
float: none;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices select {
margin-bottom: 10px;
height: 30px;
float: right;
}
#emea-wrapper .mobAlCenter {
text-align: center;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner {
padding: 0;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner h5 {
text-align: center;
margin-bottom: 6px;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner h5 span {
display: inline-block;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area {
text-align: center;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span {
float: none;
}
#emea-wrapper .pos.pos-create .pos-basket .pos-basket-inner .download-tag-area span.items {
display: none;
}
#emea-wrapper .pos.pos-create .pos-search h4 {
font-size: 1.5em;
margin-top: 0;
margin-bottom: 15px;
text-align: center;
}
#emea-wrapper .pos.pos-create .pos-banner img {
position: static;
}
#emea-wrapper .pos.pos-create .pos-banner .pos-banner-text {
background: none;
font-size: 90%;
padding: 25px;
}
#emea-wrapper .pos .pos-banner {
border-left: 0;
border-right: 0;
padding: 0 0 25px;
margin-right: -15px;
margin-left: -15px;
}
#emea-wrapper .pos .pos-banner .pos-banner-text {
position: static;
margin-top: 0;
background: #000;
height: auto;
padding: 25px;
font-size: 50%;
}
#emea-wrapper .pos .tag-holder {
text-align: center;
}
#emea-wrapper .pos .tag-holder .holder-img {
margin-bottom: 15px;
}
#emea-wrapper .pos .pos-box .pos-box-top {
height: auto !important;
}
}
@media (max-width: 600px) {
#emea-wrapper .pos .pop-up-over .tag-basket-pop .close-tag-basket span {
display: none;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .close-tag-basket {
position: absolute;
top: 15px;
right: 15px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop h4 {
width: 100%;
display: block;
padding-right: 30px;
}
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-numbers,
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-white-inner .pos-prod-item .pos-prod-text,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-numbers,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item .pos-prod-text {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item {
padding-top: 15px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main .pos-prod .pos-prod-main .pos-prod-item:first-child {
padding-top: 3px;
}
}
@media (max-width: 480px) {
#emea-wrapper .pos .pop-up-over .tag-basket-pop .tag-pop-inner .tag-pop-choices select {
float: none;
display: block;
}
#emea-wrapper .pos.pos-create .pos-basket {
font-size: 80%;
padding: 15px;
}
#emea-wrapper .pos .pos-banner .pos-banner-text {
font-size: 40%;
}
#emea-wrapper .pos.pos-create .pos-banner .pos-banner-text h1 {
font-size: 2.46153846em;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-top h4 {
font-size: 1.5em;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-down,
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .accord-arrow-up {
top: 8px;
right: 8px;
padding: 4px 10px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-top {
padding: 15px 52px 15px 15px;
}
#emea-wrapper .pos.pos-create .pos-product-area .pos-cat .pos-cat-main {
padding: 15px;
}
}
#emea-wrapper .EditMode .pos .pos-banner .pos-banner-text {
position: static !important;
}
#emea-wrapper .st_facebook_large .stLarge {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 0 no-repeat !important;
background-position: -125px -229px !important;
background-size: 496px 316px !important;
}
#emea-wrapper .st_twitter_large .stLarge {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 0 no-repeat !important;
background-position: -181px -229px !important;
background-size: 496px 316px !important;
}
#emea-wrapper .st_googleplus_large .stLarge {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 0 no-repeat !important;
background-position: -409px -229px !important;
background-size: 496px 316px !important;
}
#emea-wrapper .st_pinterest_large .stLarge {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 0 no-repeat !important;
background-position: -352px -229px !important;
background-size: 496px 316px !important;
}
#emea-wrapper .st_sharethis_large .stLarge {
background: url(sitefiles/dist/701128ac3f1a212fda33d37e03872fd5.png) 0 0 no-repeat !important;
}
#emea-wrapper .st_email_large .stLarge {
background: url(sitefiles/dist/d4faa3fd9874a9eefd6c080c6d9171dc.png) 0 0 no-repeat !important;
}
#emea-wrapper .compareBox {
padding: 10px;
}
#emea-wrapper .compareBox.widget {
display: none;
}
#emea-wrapper .compareBox.compare-shown {
display: block;
}
#emea-wrapper .compareBox p {
display: block;
float: left;
margin: 4px 10px 0 0;
}
#emea-wrapper input[type=checkbox] {
display: none;
}
#emea-wrapper .IE8 input[type=checkbox] {
display: block;
float: left;
width: 25px;
height: 25px;
}
#emea-wrapper .IE8 input[type=checkbox] + .checkLbl span {
display: none;
}
#emea-wrapper .checkLbl,
#emea-wrapper .compareBox .prod {
display: block;
float: left;
margin: 0 5px 0 0;
}
#emea-wrapper .compareBox .prod,
#emea-wrapper input[type=checkbox] + .checkLbl span {
display: block;
float: left;
margin-right: 5px;
width: 31px;
height: 31px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat -35px -197px;
cursor: pointer;
}
#emea-wrapper .padTop {
padding-top: 30px;
}
#emea-wrapper input[type=checkbox] + .checkLbl p {
line-height: 21px;
cursor: pointer;
}
#emea-wrapper input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 -197px;
}
#emea-wrapper .pages {
padding: 0;
font-size: 105%;
font-family: HelveticaNeue;
clear: both;
}
#emea-wrapper .pageLinks,
#emea-wrapper .pageSize {
text-transform: uppercase;
}
#emea-wrapper .pageLinks li .current,
#emea-wrapper .pageLinks li .current.bold {
background-color: #db011c;
padding: 1px 4px;
color: #fff;
display: block;
}
#emea-wrapper .pageLinks a,
#emea-wrapper .pageSize a {
background-color: #d1cfd0;
padding: 1px 4px;
display: block;
}
#emea-wrapper .pageLinks li.prevPage {
margin-right: 7px;
}
#emea-wrapper .pageLinks li.nextPage {
margin-left: 7px;
}
#emea-wrapper .CSCZ .pages,
#emea-wrapper .HUHU .pages,
#emea-wrapper .PLPL .pages,
#emea-wrapper .RURU .pages {
font-family: Arimo, sans-serif;
}
#emea-wrapper .pages p {
float: left;
font-family: arial;
}
#emea-wrapper .pages ul {
float: left;
margin: 0;
padding: 0 0 0 20px;
list-style: none;
}
#emea-wrapper .pages .pageLinks {
float: right;
}
#emea-wrapper .pages ul li {
float: left;
margin-left: 3px;
}
#emea-wrapper .pages ul li .current,
#emea-wrapper .pages ul li a:hover {
color: #db011c;
}
#emea-wrapper .pages ul li .bold {
color: #323232;
}
#emea-wrapper .backArrow {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 5px -233px no-repeat;
}
#emea-wrapper .backArrow,
#emea-wrapper .nextArrow {
display: block;
width: 22px;
height: 22px;
text-indent: -2000em;
}
#emea-wrapper .nextArrow {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -17px -233px no-repeat;
}
#emea-wrapper .numLink {
color: #323232;
}
#emea-wrapper .numLink:hover {
color: #db011c;
}
#emea-wrapper .product-container-page {
background: #edebec;
}
#emea-wrapper .product-container-page .products .productItem .prodImage img {
width: 100%;
}
#emea-wrapper .products {
margin: 0 0 15px;
padding: 30px;
}
#emea-wrapper .products .row .equalRow {
padding-left: 5px;
padding-right: 5px;
}
#emea-wrapper td.productItem {
border: 0;
height: 0;
}
#emea-wrapper .products .item {
border: 1px solid #c2c2c2;
cursor: pointer;
text-align: center;
display: block;
}
#emea-wrapper .products .item h4 {
font-family: HelveticaNeueMed;
font-size: 110%;
color: #db011c;
margin: 15px;
text-align: left;
}
#emea-wrapper .products .item p {
font-family: HelveticaNeue;
margin: 10px 15px 20px;
color: #323232;
font-size: 90%;
text-align: left;
}
#emea-wrapper .products ul {
margin: 0;
padding: 0;
}
#emea-wrapper .products ul li {
float: left;
margin: 0 0 25px;
width: 33.3%;
list-style: none;
}
#emea-wrapper .productItem {
position: relative;
overflow: hidden;
padding: 12px;
border: 1px solid #c2c2c2;
background: #fff;
margin-bottom: 15px;
}
#emea-wrapper .productItem p {
font-size: 13px;
}
#emea-wrapper .productItem .ajaxProdImage,
#emea-wrapper .productItem .prodImage {
text-align: center;
display: block;
}
#emea-wrapper .productItem .ajaxProdImage img {
width: 208px;
}
#emea-wrapper .productItem .standardRedBtn {
font-size: 105%;
font-family: HelveticaNeueMed;
text-align: left;
font-weight: 400;
position: relative;
background: #ab0116;
}
#emea-wrapper .productItem .standardRedBtn:hover {
background: #323232;
}
#emea-wrapper .productItem .standardRedBtn .productRightArrow {
padding: 3px 10px;
background: #db011c;
float: right;
}
#emea-wrapper .productItem .productTitle {
position: relative;
overflow: hidden;
height: 60px;
vertical-align: bottom;
}
#emea-wrapper .productItem .productTitle a {
position: absolute;
bottom: 0;
color: #db011c;
font-family: HelveticaNeueMed;
font-size: 14px;
line-height: 110%;
}
#emea-wrapper .productItem .productTitle a:hover,
#emea-wrapper .productItem .smallP {
color: #db011c;
}
#emea-wrapper .greyBanner .container.rel {
padding: 0 40px;
}
#emea-wrapper .productItem .status {
position: absolute;
top: 0;
right: 0;
padding: 2px 5px;
background: #db011c;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .productItem .status,
#emea-wrapper .HUHU .productItem .status,
#emea-wrapper .PLPL .productItem .status,
#emea-wrapper .RURU .productItem .status {
font-family: Arimo, sans-serif;
}
#emea-wrapper .CntRatingContent {
padding-top: 5px;
height: 19px;
text-align: left;
}
#emea-wrapper .CntRatingContent .rating-star,
#emea-wrapper .CntRatingContent .ratingStar {
display: inline-block;
margin-top: -3px;
width: 16px;
height: 16px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -191px -467px no-repeat;
}
#emea-wrapper .CntRatingContent .filledRatingStar,
#emea-wrapper .CntRatingContent .icon-star-full {
display: inline-block;
width: 16px;
height: 16px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -191px -448px no-repeat;
}
#emea-wrapper .CntRatingContent .disabled a {
cursor: default;
}
#emea-wrapper .prodMonth .CntRatingContent {
float: right;
}
#emea-wrapper .productItem .stars {
margin-bottom: 10px;
padding-top: 5px;
text-align: left;
}
#emea-wrapper .productItem .stars .redStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
#emea-wrapper .productItem .numLink {
margin-bottom: 7px;
}
#emea-wrapper .productItem .compareBox {
margin-top: 10px;
padding: 5px;
text-align: center;
}
#emea-wrapper .productItem .compareBox .compareItems {
float: none;
width: 100%;
}
#emea-wrapper .productItem .compareBox .compare {
display: block;
float: none;
margin-bottom: 10px;
width: 100%;
text-align: center;
}
#emea-wrapper .ENGB .productItem .compareBox .compare,
#emea-wrapper .ENTT .productItem .compareBox .compare {
display: inline-block;
float: left;
margin-bottom: 0;
width: auto;
text-align: left;
}
#emea-wrapper .productItem .compareBox .compareLimit {
float: left;
margin: 0;
width: 50%;
}
#emea-wrapper .compareBox .compareItems {
float: left;
margin-right: 5px;
padding: 2px 16px;
width: auto;
background: #202020;
color: #fff;
line-height: 27px;
}
#emea-wrapper .ENGB .productItem .compareBox .compareItems,
#emea-wrapper .ENTT .productItem .compareBox .compareItems {
float: right;
padding: 2%;
width: 46%;
line-height: inherit;
}
#emea-wrapper .compareBox .clearAll {
display: block;
margin-top: 7px;
margin-left: 15px;
}
#emea-wrapper .compareBox .prod {
position: relative;
}
#emea-wrapper .compareBox .prod .remove {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 -393px;
text-indent: -9999px;
}
#emea-wrapper .productItem .checkLbl {
display: inline;
float: none;
margin: 0 5px 0 0;
}
#emea-wrapper .productItem .checkLbl p {
display: inline-block;
float: none;
margin: 0;
margin-left: 10px;
vertical-align: top;
cursor: pointer;
}
#emea-wrapper .productItem input[type=checkbox] + .checkLbl span {
display: inline-block;
float: none;
width: 21px;
height: 21px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat -24px -257px;
cursor: pointer;
}
#emea-wrapper .IE8 .productItem input[type=checkbox] + .checkLbl span {
display: none;
}
#emea-wrapper .productItem input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 -257px;
}
#emea-wrapper .blackBanner .container.rel {
position: relative;
}
#emea-wrapper .blackBanner .container.rel h1 {
position: absolute;
bottom: 10%;
left: 0;
padding: 0 20%;
width: 100%;
text-align: center;
text-shadow: 1px 1px 1px #000;
font-size: 260%;
}
#emea-wrapper .prodMonth {
border: 1px solid #c2c2c2;
}
#emea-wrapper .prodMonth h3 {
padding: 5px 10px;
background: #db011c;
color: #fff;
text-transform: uppercase;
font-size: 100%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .prodMonth h3,
#emea-wrapper .HUHU .prodMonth h3,
#emea-wrapper .PLPL .prodMonth h3,
#emea-wrapper .RURU .prodMonth h3 {
font-weight: 700;
font-size: 110%;
font-family: Arimo, sans-serif;
}
#emea-wrapper .prodMonth .prodMain {
padding: 10px;
text-align: center;
}
#emea-wrapper .prodMonth .prodMain img {
margin-bottom: 3px;
max-width: 175px;
}
#emea-wrapper .IE8 .prodMonth .prodMain img {
max-width: none;
}
#emea-wrapper .prodMonth .prodMain .row {
text-align: left;
}
#emea-wrapper .smallP {
font-size: 84.6%;
}
#emea-wrapper .prodMonth .stars {
padding-top: 5px;
text-align: right;
}
#emea-wrapper .prodMonth .stars .redStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
#emea-wrapper .prodMonthSlider {
margin-bottom: 10px;
background: #edebec;
margin-left: -30px;
margin-right: -30px;
}
#emea-wrapper .prodMonthSlider .image_carousel {
padding: 0 30px 30px;
}
#emea-wrapper .prodMonthSlider .image_carousel li {
margin-left: 0;
margin-right: 14px;
}
#emea-wrapper .prodMonthSlider .image_carousel li .prodMain {
background: #fff;
padding: 10px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel {
padding: 0 30px 30px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel ul {
margin: 0;
padding: 0;
}
#emea-wrapper .prodMonthSlider .recommended-carousel ul li {
width: 100%;
border-left: none;
list-style: none;
max-width: none;
min-width: 1px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
background: #db011c;
color: #fff;
display: block;
font-size: 34px;
margin-top: -42px;
z-index: 20;
position: absolute;
top: 47%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button.next {
padding: 20px 10px;
right: -30px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button.prev {
padding: 20px 10px;
left: -30px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button:hover {
background-color: #404040;
}
#emea-wrapper .prodMonthSlider .products {
margin: 0;
padding: 0 30px 30px;
}
#emea-wrapper .prodMonthSlider ul {
margin: 0;
padding: 0;
}
#emea-wrapper .prodMonthSlider ul li {
float: left;
width: 33%;
border-left: none;
list-style: none;
max-width: 257px;
}
#emea-wrapper .prodMonthSlider ul li:first-of-type {
border: none;
}
#emea-wrapper .mainContent .prodMonthSlider h3 {
margin: 0;
padding: 15px 30px;
background: #edebec;
color: #323232;
text-transform: uppercase;
font-size: 150%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .prodMonthSlider h3,
#emea-wrapper .HUHU .prodMonthSlider h3,
#emea-wrapper .PLPL .prodMonthSlider h3,
#emea-wrapper .RURU .prodMonthSlider h3 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .prodMonthSlider .prodMain {
padding: 10px;
text-align: center;
}
#emea-wrapper .prodMonthSlider .prodMain img {
margin-bottom: 32px;
}
#emea-wrapper .prodMonthSlider .prodMain .textBit {
text-align: left;
}
#emea-wrapper .prodMonthSlider .prodMain .textBit .smallP {
margin: 0;
color: #404040;
}
#emea-wrapper .prodMonthSlider .prodMain .textBit a {
margin: 0 0 10px;
}
#emea-wrapper .prodMonthSlider .stars {
padding-top: 5px;
text-align: left;
}
#emea-wrapper .prodMonthSlider .stars .redStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
@media (max-width: 1199px) {
#emea-wrapper .prodMonthSlider ul li {
max-width: 207px;
}
#emea-wrapper .ENGB .productItem .compareBox .compareItems,
#emea-wrapper .ENTT .productItem .compareBox .compareItems {
float: none;
width: 100%;
}
#emea-wrapper .ENGB .productItem .compareBox .compare,
#emea-wrapper .ENTT .productItem .compareBox .compare {
display: block;
float: none;
margin-bottom: 10px;
width: 100%;
text-align: center;
}
#emea-wrapper .IE .dropArrow {
margin-left: 70px;
}
#emea-wrapper .prodMonth h3 {
margin-bottom: 5px;
}
#emea-wrapper .productItem .compareBox .compare {
margin-bottom: 0 !important;
}
}
@media (max-width: 991px) {
#emea-wrapper .prodMonthSlider ul li {
max-width: 152px;
}
#emea-wrapper .products ul li {
width: 50%;
}
#emea-wrapper .productItem .smallP {
font-size: 75.5%;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
margin-top: -62px;
}
}
@media (max-width: 767px) {
#emea-wrapper .equalHeight {
height: auto !important;
}
#emea-wrapper .products + div .pages.paging {
display: block;
}
#emea-wrapper .prodMonthSlider ul li {
max-width: none;
}
#emea-wrapper .productTitleH1 {
float: left;
width: 84%;
}
#emea-wrapper .productTitleH1 + img {
display: block;
float: right;
width: 15%;
height: auto;
}
#emea-wrapper .products ul li {
width: 50%;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
margin-top: -60px;
}
}
@media (max-width: 620px) {
#emea-wrapper .products ul li {
width: 50%;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
margin-top: -74px;
}
}
@media (max-width: 480px) {
#emea-wrapper .compareBox p {
display: block;
float: none;
margin-bottom: 5px;
}
#emea-wrapper .compareBox {
text-align: center;
}
#emea-wrapper .compareBox .prod {
display: inline-block;
float: none;
}
#emea-wrapper .productItem .productTitle {
height: auto;
}
#emea-wrapper .productItem .productTitle a {
position: static;
}
#emea-wrapper .products ul li {
width: 100%;
}
#emea-wrapper .productItem {
height: auto;
margin-bottom: 15px;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
margin-top: -69px;
}
}
@media (max-width: 320px) {
#emea-wrapper .productTitleH1 {
width: 75%;
}
#emea-wrapper .productTitleH1 + img {
width: 24%;
}
#emea-wrapper .photovidtab a {
padding: 3px 30px;
width: auto;
}
#emea-wrapper .prodMonthSlider .recommended-carousel .nav-button {
margin-top: -73px;
}
}
#emea-wrapper .product-list {
min-height: 150px;
}
#emea-wrapper .product-list-category-seo .category-seo-banner {
position: relative;
background-size: cover;
min-height: 500px;
border-right: 5px solid #ab0116;
border-left: 5px solid #ab0116;
font-size: 16px;
}
@media (max-width: 992px) {
#emea-wrapper .product-list-category-seo .category-seo-banner {
min-height: 365px;
}
}
#emea-wrapper .product-list-category-seo .category-seo-banner:before {
position: absolute;
content: "";
height: 100%;
width: 60px;
left: -60px;
top: 0;
background: #ab0116;
display: block;
}
#emea-wrapper .product-list-category-seo .category-seo-banner:after {
position: absolute;
content: "";
height: 100%;
width: 60px;
right: -60px;
top: 0;
background: #ab0116;
display: block;
}
#emea-wrapper .product-list-category-seo .category-seo-banner button {
max-width: 300px;
margin: 0 auto;
background: #313131;
border: 0;
color: #fff;
text-align: left;
padding: 5px 18px;
position: relative;
top: 16px;
z-index: 1;
outline: none;
}
#emea-wrapper .product-list-category-seo .category-seo-banner button:after {
font-family: FontAwesome;
content: "\F0D7";
color: #fff;
right: 18px;
position: absolute;
font-size: 36px;
top: -8px;
}
#emea-wrapper .product-list-category-seo .category-seo-banner button.active:after {
content: "\F0D8";
top: -10px;
}
#emea-wrapper .product-list-category-seo .tile-panel {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: #fff;
text-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 150px;
padding-bottom: 50px;
}
@media (max-width: 992px) {
#emea-wrapper .product-list-category-seo .tile-panel {
margin-top: 50px;
padding-bottom: 50px;
}
#emea-wrapper .product-list-category-seo .tile-panel.ng-hide {
margin-top: 0;
padding-bottom: 0;
}
}
#emea-wrapper .product-list-category-seo .tile-panel .tile {
position: relative;
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
padding: 0 20px;
}
#emea-wrapper .product-list-category-seo .tile-panel .tile:after {
content: "";
background-color: #b9b1a9;
position: absolute;
width: 1px;
height: 130px;
top: calc(-15%);
right: 0;
display: block;
}
@media (max-width: 660px) {
#emea-wrapper .product-list-category-seo .tile-panel .tile:after {
content: none;
}
}
#emea-wrapper .product-list-category-seo .tile-panel .tile:last-child:after {
content: none;
}
@media (max-width: 992px) {
#emea-wrapper .product-list-category-seo .tile-panel .tile {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
padding-bottom: 30px;
}
}
@media (max-width: 660px) {
#emea-wrapper .product-list-category-seo .tile-panel .tile {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-bottom: 30px;
}
}
#emea-wrapper .product-list-category-seo .tile-panel .tile .tile-title {
color: #db011c;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
}
#emea-wrapper .product-list-category-seo .tile-panel .tile p {
color: #fff;
}
#emea-wrapper .product-list-category-seo .tile-panel .tile p span {
font-size: 36px;
display: block;
clear: both;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .product-list-category-seo .video-panel {
position: relative;
left: 210px;
top: 60px;
}
@media (max-width: 992px) {
#emea-wrapper .product-list-category-seo .video-panel {
left: 0;
top: 0;
}
}
#emea-wrapper .product-list-category-seo .video-panel img {
max-width: 160px;
}
#emea-wrapper .product-list-category-seo .seo-panel {
position: relative;
background-color: rgba(0, 0, 0, 0.7);
max-width: 500px;
left: 210px;
top: 60px;
padding: 18px;
}
@media (max-width: 992px) {
#emea-wrapper .product-list-category-seo .seo-panel {
background-color: #313131;
left: auto;
top: auto;
max-width: none;
border-top: 25px solid #ab0116;
}
}
#emea-wrapper .product-list-category-seo .seo-panel h3 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 32px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
margin-bottom: 5px;
}
#emea-wrapper .product-list-category-seo .seo-panel p {
font-size: 16px;
color: #fff;
margin-bottom: 0;
}
#emea-wrapper .product-list__header {
position: relative;
background: #323232;
}
#emea-wrapper .product-list__container {
width: 100%;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
#emea-wrapper .product-list__container {
-webkit-flex: 0 1 33%;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
}
}
@media (min-width: 992px) {
#emea-wrapper .product-list__container {
-webkit-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
}
#emea-wrapper .product-list__header-content {
padding: 0 0 15px 25px;
}
#emea-wrapper .product-list__title {
padding: 30px 0 15px;
font-size: 33px;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
text-transform: uppercase;
}
#emea-wrapper .product-list__layout {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
#emea-wrapper .product-list__layout {
position: static;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
#emea-wrapper .product-list__filter .container {
background-color: #d5d5d5;
padding: 20px 40px;
padding-right: 75px;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter .container {
padding: 5px 10px;
}
}
#emea-wrapper .product-list__filter .chosen-drop,
#emea-wrapper .product-list__filter .chosen-results {
z-index: 2;
}
#emea-wrapper .product-list__filter .individual-filter {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
margin-right: 22px;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter .individual-filter {
display: block;
margin-right: 0;
}
}
@media (max-width: 660px) {
#emea-wrapper .product-list__filter .individual-filter .inline-filter {
display: inline-block;
margin-right: 2px;
}
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes > span:last-child .checkLbl {
margin-right: 0;
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes > span .checkLbl {
margin-bottom: 0;
color: #323232;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes > span .checkLbl {
margin-bottom: 5px;
}
}
#emea-wrapper .product-list__filter .product-list__btn {
display: inline-block;
margin: 0;
padding: 5px 20px;
}
#emea-wrapper .product-list__filter select {
display: inline-block;
width: 140px;
margin-right: 5px;
margin-bottom: 5px;
height: 22px;
background-color: #fff;
border: none;
color: #323232;
font-size: 13px;
line-height: 21px;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter select {
width: 100%;
}
}
#emea-wrapper .product-list__filter select option:first-child {
display: none;
}
@media (min-width: 767px) {
#emea-wrapper .product-list__filter .chosen-container .chosen-results > li:first-child {
display: none;
}
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes {
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .system-filter {
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .system-filter .checkLbl {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 767px) and (max-width: 320px) {
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .system-filter:last-of-type {
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .checkLbl img {
height: 27px;
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .checkLbl img.onekey {
height: 25px;
}
@media (max-width: 660px) {
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes .checkLbl img.onekey {
height: 23px;
}
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes input[type=checkbox] + .checkLbl span {
background-color: #fff;
background-position: -36px -229px;
}
#emea-wrapper .product-list__filter .nav-drop-down__filter-checkboxes input[type=checkbox]:checked + .checkLbl span {
background-position: 2px -283px;
}
#emea-wrapper .product-list__filter .chosen-container {
width: 180px !important;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter .chosen-container {
margin-bottom: 5px;
}
}
#emea-wrapper .product-list__filter .chosen-container-single .chosen-single {
height: 22px;
background-color: #fff;
border: none;
color: #323232;
}
#emea-wrapper .product-list__filter .chosen-container-active .chosen-single {
box-shadow: none;
}
#emea-wrapper .product-list__filter .chosen-container-single .chosen-single span {
position: relative;
font-size: 13px;
line-height: 21px;
margin-right: 0;
padding-right: 25px;
}
#emea-wrapper .product-list__filter .chosen-container-single .chosen-single span:before {
position: absolute;
right: 5px;
top: 5px;
content: "";
width: 20px;
height: 20px;
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
}
#emea-wrapper .product-list__filter .chosen-container-single.chosen-with-drop .chosen-single span:before {
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
top: -2px;
}
#emea-wrapper .product-list__filter .chosen-container .chosen-results li.highlighted {
background: #747474;
}
#emea-wrapper .product-list__filter .chosen-container .chosen-drop {
box-shadow: none;
border-radius: 0;
}
#emea-wrapper .product-list__filter-box {
position: relative;
display: inline-block;
background-color: #ddd;
padding: 3px 10px 3px 30px;
margin-right: 5px;
height: auto;
width: auto;
border: none;
border-style: solid;
border-width: 0;
}
#emea-wrapper .product-list__filter-box:before {
position: absolute;
left: 8px;
top: 5px;
content: "";
width: 20px;
height: 20px;
background-image: url(sitefiles/dist/34b2f942ad1a429d22b9ef37914b3fd5.png);
background-repeat: no-repeat;
}
#emea-wrapper .product-list__filter-box:hover {
background-color: #c2c2c2;
color: #fff;
}
#emea-wrapper .product-list__filter-label {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
padding: 0;
margin: 0 15px 0 0;
vertical-align: middle;
}
@media (max-width: 767px) {
#emea-wrapper .product-list__filter-label {
display: block;
}
}
#emea-wrapper .product-list__change-view {
background: none;
border: none;
float: right;
width: auto;
font-size: 20px;
color: #323232;
outline: none;
padding: 0 6px;
}
#emea-wrapper .product-list__change-view.is-active {
color: #db011c;
}
#emea-wrapper .product-list__results {
position: relative;
padding: 20px 0 60px;
background-color: #fff;
}
#emea-wrapper .product-list__results:before {
left: -20px;
}
#emea-wrapper .product-list__results:after,
#emea-wrapper .product-list__results:before {
position: absolute;
content: "";
background-color: #fff;
width: 20px;
height: 100%;
top: 0;
}
#emea-wrapper .product-list__results:after {
right: -20px;
}
#emea-wrapper .product-list__results-count {
z-index: 1;
}
#emea-wrapper .product-list__results-count h3 {
font-family: HelveticaNeueMed;
font-size: 18px;
margin-bottom: 0;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#emea-wrapper .product-list__results-count h3,
#emea-wrapper .product-list__row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#emea-wrapper .product-list__row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
#emea-wrapper .product-list__filter-title {
font-size: 24px;
margin-bottom: 20px;
font-family: HelveticaNeueLTStd-BdEx;
color: #747474;
}
#emea-wrapper .product-list__media {
position: relative;
width: 100%;
min-height: 265px;
}
#emea-wrapper .product-list__media-img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 280px;
width: 100%;
}
#emea-wrapper .product-list__new-tag {
position: absolute;
top: 10px;
right: 10px;
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
z-index: 1;
background-color: #db011c;
padding: 5px;
}
#emea-wrapper .product-list__content-block {
display: block;
padding: 0 15px;
}
#emea-wrapper .product-list__content-block p {
margin-bottom: 0;
}
#emea-wrapper .product-list__product-name {
font-family: HelveticaNeueMed, Helvetica, sans-serif;
margin-bottom: 5px;
font-size: 18px;
color: #db011c;
}
#emea-wrapper .product-list__btn {
display: block;
padding: 10px 20px;
margin: 10px 0;
background-color: #db011c;
color: #fff;
font-size: 14px;
height: auto;
text-align: left;
border: none;
margin-bottom: 25px;
width: 35%;
margin: 0 auto;
}
@media (max-width: 992px) {
#emea-wrapper .product-list__btn {
width: 50%;
}
}
@media (max-width: 660px) {
#emea-wrapper .product-list__btn {
width: 100%;
}
}
#emea-wrapper .product-list__btn--center {
text-align: center;
}
#emea-wrapper .grid-view-product .product-list__btn {
margin-bottom: 10px;
}
#emea-wrapper .product-list__btn:hover {
background-color: #c2c2c2;
}
#emea-wrapper .product-list__compare-box {
display: inline-block;
}
#emea-wrapper .product-list__compare-box .checkLbl {
line-height: 31px;
font-weight: 400;
}
#emea-wrapper .product-list hr {
margin: 10px 0;
border-top-color: #c2c2c2;
}
#emea-wrapper .product-list hr:last-child {
margin-bottom: 30px;
}
#emea-wrapper .product-list__results-list-view > .row {
width: 100%;
}
#emea-wrapper .product-list__results-list-view .product-list__media {
min-height: 100px;
}
#emea-wrapper .product-list__results-list-view .product-list__media-img {
position: relative;
left: 0;
top: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
max-width: 100%;
}
#emea-wrapper .product-list__results-list-view .product-list__content-block {
padding-top: 10px;
}
#emea-wrapper .related-products {
background: #323232;
padding: 25px;
}
#emea-wrapper .related-products .item {
display: none;
float: left;
width: 50%;
}
#emea-wrapper .related-products .owl-item .item {
width: 100%;
}
#emea-wrapper .related-products .item:first-child,
#emea-wrapper .related-products .item:nth-child(2) {
display: block;
}
#emea-wrapper .related-products .related-product-item {
padding: 15px;
background: #fff;
margin: 0 12px;
}
#emea-wrapper .related-products .related-product-item img {
width: 100%;
}
#emea-wrapper .related-products .related-product-item .product-brand {
min-height: 49px;
}
#emea-wrapper .related-products .related-product-item .product-brand .h3 {
margin-bottom: 20px;
}
#emea-wrapper .related-products .related-product-item .product-brand .h3 img {
padding: 2px;
}
#emea-wrapper .related-products .related-product-item .related-link {
text-align: left;
padding-right: 44px;
position: relative;
min-height: 28px;
}
#emea-wrapper .related-products .related-product-item .related-link .related-arrow {
color: #fff;
font-size: 130%;
background: #db011c;
padding: 4px 9px;
position: absolute;
top: 3px;
right: 0;
}
#emea-wrapper .related-products .related-product-item .related-link .related-arrow:hover {
background: #323232;
color: #fff;
}
#emea-wrapper .related-products .related-product-item .related-link h3 {
margin: 0;
}
#emea-wrapper .related-products .related-product-item .related-link a {
color: #323232;
}
#emea-wrapper .related-products .related-product-item .related-link a:hover {
color: #db011c;
}
#emea-wrapper .related-products .owl-next {
position: absolute;
right: -30px;
top: 50%;
}
#emea-wrapper .related-products .owl-prev {
position: absolute;
left: -30px;
top: 50%;
}
@media (max-width: 480px) {
#emea-wrapper .related-products {
padding: 10px;
}
#emea-wrapper .related-products .related-product-item {
margin: 0 5px;
}
}
#emea-wrapper .proStories .socialHub {
margin-bottom: 20px;
padding-bottom: 10px;
background-color: #d8011c;
background-position: 50%;
background-repeat: no-repeat;
box-shadow: 0 20px 5px -15px rgba(0, 0, 0, 0.9);
}
#emea-wrapper .proStories .socialHub .leftCol,
#emea-wrapper .proStories .socialHub .rightCol {
margin-top: 20px;
}
#emea-wrapper .proStories .socialHub .leftCol {
padding-right: 30px;
}
#emea-wrapper .proStories .socialHub .leftCol .weWantYourStory,
#emea-wrapper .proStories .socialHub .rightCol .hashtag,
#emea-wrapper .proStories .socialHub .rightCol .showUsHow {
float: left;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 3px #333;
font-family: HelveticaNeueLTStd-BdEx;
line-height: 1.4em;
}
#emea-wrapper .proStories .socialHub .leftCol .weWantYourStory {
font-weight: 700;
font-size: 146.5%;
}
#emea-wrapper .proStories .socialHub .rightCol .showUsHow {
margin-bottom: 10px;
font-size: 116%;
}
#emea-wrapper #ShareYourStory .viewport .slide1 .uploadForm,
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory a {
display: inline-block;
margin-bottom: 7px;
padding: 10px 20px;
width: auto;
height: auto !important;
border: 0;
background: #323232;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 105% !important;
font-size: inherit;
font-family: HelveticaNeue;
transition: background-color 0.3s ease;
}
#emea-wrapper #ShareYourStory .viewport .slide1 .uploadForm:hover,
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory a:active #ShareYourStory .viewport .slide1 .uploadForm:active,
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory a:hover {
background: #ab0116;
color: #fff !important;
}
#emea-wrapper #ShareYourStory label {
font-size: 105%;
}
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory a:hover {
color: #ab0116;
}
#emea-wrapper .proStories .socialHub .rightCol .hashtag {
margin: 8px 0 0;
padding: 0;
font-size: 139%;
}
#emea-wrapper #ShareYourStory .viewport .slide1 .social a,
#emea-wrapper .proStories .socialHub .rightCol .social a {
margin: 5px 2% 0 0;
color: #fff;
font-size: 170%;
}
#emea-wrapper #ShareYourStory .viewport .slide1 .social .title,
#emea-wrapper .proStories .socialHub .rightCol .social .title {
display: none;
}
#emea-wrapper #ShareYourStory {
display: none;
overflow: hidden;
padding: 30px;
width: 780px;
background: #db011c;
color: #fff;
font-family: HelveticaNeue;
}
#emea-wrapper #ShareYourStory .viewport {
float: left;
width: 1620px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
float: left;
margin-right: 30px;
width: 720px;
}
#emea-wrapper #ShareYourStory .viewport .slide1 h3,
#emea-wrapper #ShareYourStory .viewport .slide1 h4,
#emea-wrapper #ShareYourStory .viewport h1,
#emea-wrapper #ShareYourStory .viewport h2 {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper #ShareYourStory .viewport h1,
#emea-wrapper #ShareYourStory .viewport h2 {
text-transform: uppercase;
text-shadow: 1px 2px 3px #222;
}
#emea-wrapper #ShareYourStory .viewport h2 {
font-size: 216%;
}
#emea-wrapper #ShareYourStory .viewport h1 {
margin-bottom: 15px;
font-size: 462%;
}
#emea-wrapper #ShareYourStory .viewport .slide1 h3 {
margin-bottom: 0;
font-size: 154%;
}
#emea-wrapper #ShareYourStory .viewport .slide1 h4 {
float: left;
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
font-size: 138%;
}
#emea-wrapper #ShareYourStory .active-result {
color: #323232;
}
#emea-wrapper #ShareYourStory .active-result.highLighted,
#emea-wrapper #ShareYourStory .active-result.result-selected {
background: #db011c;
color: #fff !important;
}
#emea-wrapper #ShareYourStory .chosen-container .chosen-results li.highlighted {
background-color: #db011c;
background-image: linear-gradient(#db011c 20%, #c40119 90%);
color: #fff !important;
}
#emea-wrapper #ShareYourStory .viewport .slide2 h4 {
margin-bottom: 10px;
}
#emea-wrapper #ShareYourStory .viewport .slide1 .social {
float: left;
width: 100%;
}
#emea-wrapper #ShareYourStory input[type=text] {
height: 49px;
}
#emea-wrapper #ShareYourStory input[type=text],
#emea-wrapper #ShareYourStory textarea {
margin-bottom: 15px;
padding-right: 5px;
padding-left: 5px;
border: 1px solid #c29d9d;
font-size: 120%;
}
#emea-wrapper #ShareYourStory textarea {
height: 200px;
}
#emea-wrapper #ShareYourStory input[type=submit] {
display: block;
float: left;
margin-bottom: 7px;
padding: 10px 20px;
width: auto;
height: auto !important;
border: 0;
background: #323232;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 105% !important;
font-size: inherit;
font-family: HelveticaNeue;
transition: background-color 0.3s ease;
}
#emea-wrapper #ShareYourStory input[type=submit]:active,
#emea-wrapper #ShareYourStory input[type=submit]:hover {
background: #ab0116;
color: #fff;
}
#emea-wrapper #ShareYourStory .goBack {
float: left;
margin-left: 20px;
padding-top: 15px;
}
#emea-wrapper #ShareYourStory .goBack,
#emea-wrapper #ShareYourStory .goBack a {
color: #fff;
}
#emea-wrapper #ShareYourStory .goBack a {
text-decoration: underline;
}
#emea-wrapper .story h2 {
margin-bottom: 15px;
font-size: 200%;
}
#emea-wrapper .story .roundedBox {
margin-top: -1px;
padding: 10px;
border: 1px solid #dcdcdc;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
#emea-wrapper .story .roundedBox h3 {
margin-bottom: 5px;
font-size: 100%;
}
#emea-wrapper .story .roundedBox h2 {
margin-bottom: 10px;
font-size: 184.6%;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .story .roundedBox h2,
#emea-wrapper .HUHU .story .roundedBox h2,
#emea-wrapper .PLPL .story .roundedBox h2,
#emea-wrapper .RURU .story .roundedBox h2 {
font-family: Arimo, sans-serif;
}
@media (max-width: 991px) {
#emea-wrapper #ShareYourStory {
width: 684px;
}
#emea-wrapper #ShareYourStory .viewport {
width: 1620px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
width: 624px;
}
#emea-wrapper .proStories .socialHub .rightCol .hashtag {
margin-top: 2px;
}
}
@media (max-width: 767px) {
#emea-wrapper #ShareYourStory select {
margin-bottom: 15px;
height: 40px;
line-height: 40px;
}
#emea-wrapper #ShareYourStory .viewport h1 {
font-size: 270%;
}
#emea-wrapper #ShareYourStory {
width: 480px;
}
#emea-wrapper #ShareYourStory .viewport {
width: 1620px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
width: 420px;
}
#emea-wrapper .proStories .socialHub .leftCol .weWantYourStory,
#emea-wrapper .proStories .socialHub .rightCol .hashtag,
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory,
#emea-wrapper .proStories .socialHub .rightCol .showUsHow,
#emea-wrapper .proStories .socialHub .rightCol .social {
display: inline-block;
width: 100%;
text-align: center;
}
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory {
float: left;
}
#emea-wrapper .proStories .socialHub .rightCol .shareYourStory a {
display: inline-block;
float: none;
}
}
@media (max-width: 620px) {
#emea-wrapper #ShareYourStory {
padding: 10px;
width: 400px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
width: 380px;
}
}
@media (max-width: 550px) {
#emea-wrapper #ShareYourStory {
width: 380px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
width: 360px;
}
}
@media (max-width: 480px) {
#emea-wrapper #ShareYourStory {
width: 320px;
}
#emea-wrapper #ShareYourStory .viewport .slide {
width: 300px;
}
}
@media (max-width: 420px) {
#emea-wrapper #ShareYourStory,
#emea-wrapper #ShareYourStory .viewport .slide {
width: 250px;
}
}
#emea-wrapper .SVSE .sign-up-and-win .banner-area {
height: 460px;
}
#emea-wrapper .SVSE .sign-up-and-win .banner-area .red-circle {
font-size: 125%;
}
#emea-wrapper .sign-up-and-win {
min-height: 800px;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 100%;
}
#emea-wrapper .sign-up-and-win .confirmation-message {
width: 90%;
margin: 0 auto;
color: #fff;
}
#emea-wrapper .sign-up-and-win .formArea .checkbox {
margin-left: -20px;
}
#emea-wrapper .sign-up-and-win .formArea label.checkLbl {
position: relative;
width: 100%;
}
#emea-wrapper .sign-up-and-win .formArea label.checkLbl p {
margin-left: 0;
padding-left: 40px;
line-height: 20px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area input[type=submit],
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area input[type=submit] {
margin-top: 5%;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area .chosen-container-active.chosen-with-drop .chosen-single,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area .chosen-container-active.chosen-with-drop .chosen-single {
background: #fff;
color: #404040;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .logo-image,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .banner-area .logo-image {
position: absolute;
top: 20px;
width: 180px;
}
#emea-wrapper .sign-up-referral .btn {
background-color: #db011c;
color: #fff;
font-weight: 700;
border-color: #db011c;
font-size: 140%;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .sign-up-referral .errors {
color: #db011c;
font-weight: 700;
margin-bottom: 10px;
}
#emea-wrapper .sign-up-referral .errors:empty {
display: none;
}
#emea-wrapper .sign-up-referral .thank-you-message {
text-align: center;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-single div {
height: 22px;
position: absolute;
right: 6px;
top: 8px;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-single div b {
display: block;
width: 26px;
height: 22px;
background: url(sitefiles/dist/a0a1e32560791caafeaed0bb9d8c84d1.png) -8px 2px no-repeat;
}
#emea-wrapper .sign-up-and-win .form-area .view-tcs {
font-size: 1.07692308em;
cursor: pointer;
zoom: 1;
float: left;
display: block;
}
#emea-wrapper .sign-up-and-win .form-area .view-tcs:before {
content: "";
display: block;
}
#emea-wrapper .sign-up-and-win .form-area .view-tcs:after {
content: "";
display: table;
clear: both;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-single:hover b {
background-position: -8px -58px;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-active .chosen-single:hover b,
#emea-wrapper .sign-up-and-win .form-area .chosen-container-active .chosen-single div b {
background-position: -8px 2px;
}
#emea-wrapper .sign-up-and-win h1 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 340%;
font-weight: 700;
color: #323232;
margin: 0 0 10px;
}
#emea-wrapper .sign-up-and-win h1 span {
color: #db011c;
font-size: 60%;
display: block;
margin-top: 10px;
}
#emea-wrapper .sign-up-and-win h2 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 240%;
font-weight: 700;
color: #323232;
margin: 40px 0 20px;
}
#emea-wrapper .sign-up-and-win .top-text {
width: 80%;
margin-bottom: 40px !important;
}
#emea-wrapper .sign-up-and-win .formArea {
display: table;
background: none;
margin: 0;
border: 0;
padding: 0;
width: 100%;
position: relative;
height: 860px;
}
#emea-wrapper .sign-up-and-win .smallForm .form-area .simples strong {
line-height: 1.4em;
margin-right: 5px;
margin-bottom: 0;
}
#emea-wrapper .sign-up-and-win .form-area .simples {
float: left;
font-family: HelveticaNeue;
font-weight: 700;
background-color: #db011c;
color: #fff;
margin: 0 15px 20px;
padding: 20px 20px 10px;
font-size: 180%;
}
#emea-wrapper .sign-up-and-win .form-area .simples strong {
float: left;
line-height: 1.1em;
margin-bottom: 10px;
}
#emea-wrapper .sign-up-and-win .form-area .simples label {
font-weight: 700;
font-size: 66%;
clear: both;
}
#emea-wrapper .sign-up-and-win .formArea .ErrorMessage,
#emea-wrapper .sign-up-and-win .formArea .InfoMessage {
float: left;
font-size: 100%;
font-weight: 700;
color: #fff;
margin: 0 30px 15px 55px;
}
#emea-wrapper .sign-up-and-win .form-area {
display: table-cell;
background-color: #323232;
border: 1px solid #db011c;
width: 40%;
}
#emea-wrapper .sign-up-and-win .formArea select {
height: 49px;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container {
margin: 0;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-single {
margin: 1% 5%;
width: 90%;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-drop {
margin: -2% 5%;
width: 90%;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-results {
margin: 0 0 4px;
padding: 0;
}
#emea-wrapper .sign-up-and-win .form-area .chosen-container-single .chosen-single div {
width: 25px;
}
#emea-wrapper .sign-up-and-win .form-area .question .chosen-container-single .chosen-single {
color: #fff;
background-image: -webkit-linear-gradient(#db011c 20%, #db011c 80%);
background-color: #db011c;
box-shadow: none;
border: 1px solid #db011c;
}
#emea-wrapper .sign-up-and-win .form-area input[type=text],
#emea-wrapper .sign-up-and-win .form-area select {
margin: 1% 5%;
width: 90%;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 100%;
color: #323232;
}
#emea-wrapper .sign-up-and-win .form-area input[type=submit] {
background-color: #db011c;
color: #fff;
font-weight: 700;
border-color: #db011c;
margin: 1% 0 5% 14%;
font-size: 140%;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .sign-up-and-win .banner-area {
display: table-cell;
background: #d3000a 0 0 no-repeat;
border: 1px solid #db011c;
width: 100%;
vertical-align: top;
text-align: right;
position: relative;
}
#emea-wrapper .sign-up-and-win .banner-area .red-circle {
width: 181px;
height: 181px;
display: inline-block;
border-radius: 50%;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 204%;
padding: 50px 23px;
background: #404040;
position: absolute;
top: -50px;
right: -50px;
z-index: 5;
}
#emea-wrapper .sign-up-and-win .banner-area .main-image {
position: absolute;
bottom: -50px;
z-index: 4;
right: -40px;
}
#emea-wrapper .sign-up-and-win .banner-area .main-image.no-offset {
position: static;
display: block;
margin: 0 auto;
}
#emea-wrapper .sign-up-and-win .banner-area .circle-area {
position: absolute;
top: -50px;
right: -20px;
z-index: 5;
}
#emea-wrapper .sign-up-and-win .terms {
float: right;
color: #fff;
font-size: 70%;
margin: 1% 10% 5% 0;
}
#emea-wrapper .sign-up-and-win .terms p {
line-height: 15px !important;
}
#emea-wrapper .row.your-fuel {
margin: 0;
}
#emea-wrapper .your-fuel p {
font-family: HelveticaNeue;
margin: -5px 0 30px;
line-height: 160%;
font-size: 110%;
}
#emea-wrapper .sign-up-and-win .m18-read {
background-color: #db011c;
color: #fff;
padding: 7px 20px;
border: 1px solid #c2c2c2;
font-family: HelveticaNeueMed;
text-transform: uppercase;
font-size: 100%;
}
#emea-wrapper .m18-read:hover {
color: #fff;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea,
#emea-wrapper .sign-up-and-win.truck-tour .formArea {
height: auto;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area .simples strong,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area .simples strong {
font-size: 18px;
line-height: 20px;
}
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area input[type=submit] {
margin-top: 5%;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area .chosen-container .chosen-single,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area .chosen-container .chosen-single {
padding-left: 5px;
background: #fff;
color: #404040;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area .chosen-container .chosen-single span,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area .chosen-container .chosen-single span {
font-size: 13px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area .chosen-container-active.chosen-with-drop .chosen-singl,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .form-area .chosen-container-active.chosen-with-drop .chosen-single {
background: #fff;
color: #404040;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .banner-area {
position: relative;
vertical-align: bottom;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area {
height: 500px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area img {
position: absolute;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .logo-image,
#emea-wrapper .sign-up-and-win.truck-tour .formArea .banner-area .logo-image {
top: 10px;
left: 20px;
display: block;
z-index: 12;
width: 140px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .sign-image {
top: 10px;
left: 190px;
width: 177px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .sign-image1 {
top: 10px;
right: 20px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .main-image {
top: 111px;
right: 68px;
width: 355px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .sub-image {
bottom: 385px;
left: 74px;
z-index: 11;
width: 150px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .splashImage {
bottom: 146px;
left: 127px;
z-index: 11;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .banner {
bottom: -1px;
right: 0;
z-index: 15;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .banner-area .shockwave {
bottom: 355px;
left: 10px;
width: 140px;
}
#emea-wrapper .sign-up-and-win.anniversary .formArea .form-area input[type=submit],
#emea-wrapper .sign-up-and-win.anniversary .formArea .terms {
margin-top: 60px;
}
#emea-wrapper .sign-up-and-win.anniversary .timelineImage {
margin-left: -33px;
margin-right: -20px;
}
#emea-wrapper .sign-up-and-win.anniversary .termsAndConditions {
margin-top: 40px;
}
@media (max-width: 992px) {
#emea-wrapper .sign-up-and-win .form-area {
width: 100%;
}
#emea-wrapper .sign-up-and-win .form-area input[type=submit] {
margin: 1% 0 5% 5%;
width: 90%;
}
#emea-wrapper .sign-up-and-win .terms {
width: 85%;
}
#emea-wrapper .sign-up-and-win .m18-read {
font-size: 80%;
padding: 7px 10px;
}
}
@media (max-width: 992px) {
#emea-wrapper .sign-up-and-win h1 {
font-size: 210%;
}
}
#emea-wrapper .sign-up-content-managed .SignUpButton {
background: #ab0116;
padding: 5px 5px 5px 8px;
color: #fff;
font-size: 180%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .sign-up-content-managed .SignUpButton:hover {
background: #db011c;
}
#emea-wrapper .sign-up-content-managed .promos {
margin-bottom: 50px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win {
min-height: 800px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
font-size: 100%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h1 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
font-size: 340%;
font-weight: 700;
color: #404040;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h1 span {
color: #db011c;
font-size: 60%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h2 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
font-size: 240%;
font-weight: 700;
color: #404040;
margin: 40px 0 20px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win #sub-title {
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
font-size: 10pt;
font-weight: 700;
color: #db011c;
margin: 0 0 10px;
width: 85%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .smallForm {
height: 407px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .formArea {
display: table;
background: none;
margin: 0;
border: 0;
padding: 0;
width: 100%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .simples {
float: left;
font-family: HelveticaNeue, Helvetica;
background-color: #db011c;
color: #fff;
margin: 0 15px 20px;
padding: 20px;
font-size: 180%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .formArea .ErrorMessage,
#emea-wrapper .sign-up-content-managed .sign-up-and-win .formArea .InfoMessage {
float: left;
font-size: 100%;
font-weight: 700;
color: #fff;
margin: 0 30px 15px 55px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area {
display: table-cell;
background: #404040 url(sitefiles/dist/6c27a8dd7fdb48351bf18a05eb48d855.png) 0 100% no-repeat;
border: 1px solid #db011c;
width: 40%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .chosen-container,
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .warranty .warranty-info,
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=date],
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=email],
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=tel],
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=text],
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area select {
margin: 2% 5%;
width: 90%;
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
font-size: 100%;
color: #404040;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .warranty .warranty-info-toggle {
cursor: pointer;
display: inline;
left: auto;
right: 40px;
top: 25px;
position: absolute;
padding: 10px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .warranty .warranty-info {
color: #fff;
margin-top: 0;
font-size: 80%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area label {
color: #fff;
margin: 0 5%;
font-size: 90%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .chosen-drop,
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area .chosen-single {
margin: 0;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=submit] {
background-color: #db011c;
color: #fff;
font-weight: 700;
border-color: #db011c;
margin: 1% 0 5% 14%;
font-size: 140%;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx, Helvetica;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .banner-area {
display: table-cell;
background: #404040 0 0 no-repeat;
border: 1px solid #db011c;
width: 100%;
vertical-align: top;
text-align: right;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .banner-area .circle-area {
position: relative;
top: -50px;
right: -20px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .terms {
float: right;
color: #fff;
font-size: 70%;
margin: 1% 10% 5% 0;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .terms p {
line-height: 15px !important;
}
#emea-wrapper .sign-up-content-managed .row.your-fuel {
margin: 0;
}
#emea-wrapper .sign-up-content-managed .your-fuel p {
font-family: HelveticaNeue, Helvetica;
margin: -5px 0 30px;
line-height: 160%;
font-size: 110%;
}
#emea-wrapper .sign-up-content-managed .products .col-lg-3,
#emea-wrapper .sign-up-content-managed .products .col-sm-6,
#emea-wrapper .sign-up-content-managed .products .col-xs-12 {
padding-right: 15px;
padding-left: 15px;
}
#emea-wrapper .sign-up-content-managed .products .item {
border: 1px solid #c2c2c2;
cursor: pointer;
text-align: center;
display: block;
}
#emea-wrapper .sign-up-content-managed .products .item h4 {
font-family: HelveticaNeueMed, Helvetica;
font-size: 110%;
color: #db011c;
margin: 15px;
text-align: left;
}
#emea-wrapper .sign-up-content-managed .products .item p {
font-family: HelveticaNeue;
margin: 10px 15px 20px;
color: #404040;
font-size: 90%;
text-align: left;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .m18-read {
background-color: #db011c;
color: #fff;
padding: 7px 20px;
border: 1px solid #c2c2c2;
font-family: HelveticaNeueMed, Helvetica;
text-transform: uppercase;
font-size: 100%;
}
#emea-wrapper .sign-up-content-managed .m18-read:hover {
color: #fff;
}
#emea-wrapper .sign-up-content-managed .terms-text {
display: block;
margin: 6% 0;
border: 1px solid #c2c2c2;
}
#emea-wrapper .sign-up-content-managed #view-terms-conditions {
font-size: 110%;
font-family: HelveticaNeue, Helvetica;
display: block;
padding: 5px 20px;
cursor: pointer;
}
#emea-wrapper .sign-up-content-managed #view-terms-conditions .arrow {
float: right;
width: 9px;
height: 8px;
margin-top: 6px;
background: #fff url(sitefiles/dist/54fac51f352570ef43a5c4969f8ab542.png) 0 0 no-repeat;
}
#emea-wrapper .sign-up-content-managed #view-terms-conditions .arrow.down {
float: right;
width: 9px;
height: 8px;
margin-top: 6px;
background: #fff url(sitefiles/dist/54fac51f352570ef43a5c4969f8ab542.png) -9px 0 no-repeat;
}
#emea-wrapper .sign-up-content-managed #terms-conditions {
font-size: 100%;
font-weight: 400;
font-family: HelveticaNeue, Helvetica;
width: 96%;
display: block;
margin: 0 2%;
}
#emea-wrapper .sign-up-content-managed .system-logo {
max-height: 20px;
}
@media (max-width: 992px) {
#emea-wrapper .sign-up-content-managed .blackBanner h1 {
font-size: 207%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area {
width: 100%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .form-area input[type=submit] {
margin: 1% 0 5% 5%;
width: 90%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .terms {
width: 85%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .m18-read {
font-size: 80%;
padding: 7px 10px;
}
}
@media (max-width: 991px) {
#emea-wrapper .sign-up-content-managed .sign-up-and-win h1 {
font-size: 210%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win #sub-title {
width: 100%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .terms p {
line-height: 27px !important;
}
#emea-wrapper .sign-up-and-win .banner-area .red-circle,
#emea-wrapper .sign-up-content-managed .sign-up-and-win .banner-area {
display: none;
}
}
@media (max-width: 767px) {
#emea-wrapper .sign-up-content-managed + .heavy_duty_news {
display: block !important;
font-size: 0.76923077em;
}
#emea-wrapper .sign-up-content-managed + .heavy_duty_news .downloadNews span {
top: 5px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .products {
padding: 30px 10px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .smallForm {
padding: 0 10px;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .formArea label.hidden-md {
color: #fff;
padding-left: 5%;
padding-top: 5px;
cursor: default;
margin-bottom: 0;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win .banner-area {
display: none;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h2 {
font-size: 120%;
padding-left: 10px;
font-size: 195%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h1 {
text-align: center;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win #sub-title {
width: 100%;
text-align: center;
}
}
@media (max-width: 646px) {
#emea-wrapper .sign-up-content-managed + .heavy_duty_news {
padding: 25px 25px 25px 140px;
min-height: 200px;
}
#emea-wrapper .sign-up-content-managed + .heavy_duty_news .downloadNews {
bottom: 25px;
top: auto;
}
}
@media (max-width: 550px) {
#emea-wrapper .sign-up-content-managed .sign-up-and-win h2 {
font-size: 154%;
}
#emea-wrapper .sign-up-content-managed .sign-up-and-win h1 {
font-size: 142%;
text-align: center;
}
}
@media (max-width: 480px) {
#emea-wrapper .sign-up-content-managed + .heavy_duty_news {
padding: 25px 25px 25px 116px;
font-size: 0.61538462em;
}
#emea-wrapper .sign-up-content-managed + .heavy_duty_news .magazine {
position: absolute;
top: -15px;
left: 25px;
width: 78px;
height: 133px;
display: block;
}
#emea-wrapper .sign-up-content-managed + .heavy_duty_news .downloadNews span {
top: 3px;
right: 3px;
}
}
@media (max-width: 380px) {
#emea-wrapper .sign-up-content-managed .sign-up-and-win h2 {
font-size: 120%;
}
}
#emea-wrapper .mainContent {
position: relative;
padding: 0 0 40px;
background: #fff;
}
@media (min-width: 1600px) {
#emea-wrapper .mainContent {
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
}
#emea-wrapper .mainContent:before {
left: -60px;
}
#emea-wrapper .mainContent:after,
#emea-wrapper .mainContent:before {
position: absolute;
content: "";
height: 100%;
width: 35px;
top: 0;
background: #ab0116;
}
#emea-wrapper .mainContent:after {
right: -60px;
}
}
#emea-wrapper .mainContent.redContent {
background: #db011c;
border: none;
padding-top: 20px;
}
#emea-wrapper .product-list-filters .container {
position: relative;
border-right: 5px solid #ab0116;
border-left: 5px solid #ab0116;
}
#emea-wrapper .product-list-filters .container:before {
left: -60px;
}
#emea-wrapper .product-list-filters .container:after,
#emea-wrapper .product-list-filters .container:before {
position: absolute;
content: "";
height: 100%;
width: 60px;
top: 0;
background: #ab0116;
display: block;
}
#emea-wrapper .product-list-filters .container:after {
right: -60px;
}
#emea-wrapper .product-list-filters .container.redContent {
background: #db011c;
border: none;
padding-top: 20px;
}
#emea-wrapper .product-list-area .container {
position: relative;
padding: 0;
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
}
#emea-wrapper .product-list-area .container:before {
left: -80px;
}
#emea-wrapper .product-list-area .container:after,
#emea-wrapper .product-list-area .container:before {
position: absolute;
content: "";
height: 100%;
width: 60px;
top: 0;
background: #ab0116;
display: block;
}
#emea-wrapper .product-list-area .container:after {
right: -80px;
}
#emea-wrapper .product-list-area .container.redContent {
background: #db011c;
border: none;
padding-top: 20px;
}
#emea-wrapper .mainContent h2,
#emea-wrapper .mainContent h3 {
color: #323232;
font-size: 123.1%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .CSCZ .mainContent h2,
#emea-wrapper .CSCZ .mainContent h3,
#emea-wrapper .HUHU .mainContent h2,
#emea-wrapper .HUHU .mainContent h3,
#emea-wrapper .PLPL .mainContent h2,
#emea-wrapper .PLPL .mainContent h3,
#emea-wrapper .RURU .mainContent h2,
#emea-wrapper .RURU .mainContent h3 {
font-weight: 700;
font-size: 130%;
font-family: Arimo, sans-serif !important;
}
#emea-wrapper .whiteContent {
margin-bottom: 25px;
padding: 25px 30px 50px;
display: inline-block;
width: 100%;
}
#emea-wrapper .whiteContent iframe {
width: 100% !important;
}
#emea-wrapper .whiteContent.category {
padding-top: 0;
}
#emea-wrapper .banner {
position: relative;
}
#emea-wrapper .banner a {
position: absolute;
right: 2%;
bottom: 5%;
padding: 3px 7px;
border-radius: 5px;
background: #010200;
color: #fff;
text-align: center;
text-transform: uppercase;
transition: background-color 0.3s ease;
}
#emea-wrapper .banner a:hover {
background: #323232;
}
#emea-wrapper .filter {
width: 100%;
margin-top: 30px;
}
#emea-wrapper .filter .filterItemArea {
padding: 5px 0;
}
#emea-wrapper .filter h3 .dropFilterArrow {
position: absolute;
top: 10px;
right: 10px;
display: none;
width: 42px;
height: 42px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -33px -568px no-repeat;
}
#emea-wrapper .filter h3.openFilter .dropFilterArrow {
background-position: -81px -568px;
}
#emea-wrapper .filter .searchArea {
position: relative;
float: none;
margin-top: 0;
margin-bottom: 10px;
width: 100% !important;
}
#emea-wrapper .filter h3 {
display: block;
margin: 0;
padding: 21px 12px;
background: #ab0116;
color: #fff;
text-transform: uppercase;
font-size: 105%;
position: relative;
}
#emea-wrapper .filter.twitterBox h3 {
position: relative;
padding-right: 40px;
}
#emea-wrapper .twitIcon {
position: absolute;
top: 8px;
right: 8px;
display: block;
width: 28px;
height: 28px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -338px no-repeat;
}
#emea-wrapper .twitterFeed iframe {
padding: 10px;
padding-bottom: 0;
width: 100% !important;
}
#emea-wrapper .filter.blogPost .filterNav a span {
display: inline-block;
float: none;
margin: 0;
width: auto;
height: auto;
background: none;
}
#emea-wrapper .filterTabs {
margin-bottom: 15px;
}
#emea-wrapper .filterItemArea .filterItemTop {
padding: 15px;
cursor: pointer;
}
#emea-wrapper .filterItemArea .filterItemTop.byTradeFilter {
margin-bottom: 15px;
}
#emea-wrapper .filterMainDrop {
display: block;
}
#emea-wrapper .filterItems ul {
display: none;
}
#emea-wrapper .filterItemArea .filterItems#filter3 ul li label {
font-weight: 400;
background-size: 60px 22px;
background-position: 0;
background-repeat: no-repeat;
padding-top: 8px;
min-height: 45px;
padding-left: 70px;
}
#emea-wrapper .filterItemArea #filter3.filterItems ul li.third {
width: 47%;
}
#emea-wrapper .filterItemArea .filterItems#filter3 p {
line-height: 17px;
}
#emea-wrapper .rightFilter .filterItemArea .filterItems ul li label {
background-size: 70px 70px;
padding-left: 80px;
background-position: 0;
background-repeat: no-repeat;
min-height: 45px;
}
#emea-wrapper .leftFilter .filterLine {
display: block;
width: 100%;
height: 5px;
background: #b2b2b2;
margin-top: 10px;
}
#emea-wrapper .leftFilter .active-tab .filterLine {
background: #fff;
}
#emea-wrapper .rightFilter .filterLine {
display: block;
width: 100%;
height: 5px;
background: #4d4d4d;
margin-top: 10px;
}
#emea-wrapper .leftFilter .filterItemArea {
background: #4f4f4f;
}
#emea-wrapper .leftFilter .filterItemArea.active-tab {
background: #404040;
}
#emea-wrapper .leftFilter .filterItemArea.filterOptionArea {
width: 100%;
float: none;
background: #404040;
}
#emea-wrapper .leftFilter .filterItemArea.filterOptionArea .filterItems {
padding: 0 15px;
}
#emea-wrapper .selectionbox {
float: left;
width: auto;
margin: 0 15px 15px 0;
}
#emea-wrapper .selectionbox ul {
margin: 0;
padding: 0 !important;
}
#emea-wrapper .filterNav {
padding: 15px;
}
#emea-wrapper .filterNav a {
display: block;
line-height: 32px;
color: #323232;
font-size: 14px;
}
#emea-wrapper .filterNav.archive a,
#emea-wrapper .filterNav a:hover {
color: #db011c;
}
#emea-wrapper .filterNav.archive a:hover {
color: #323232;
}
#emea-wrapper .filterNav .clearselection {
display: block;
float: left;
clear: both;
padding: 4px 8px;
background: #ab0116;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 12px;
text-transform: uppercase;
}
#emea-wrapper .filterNav .clearselection:hover {
color: #fff;
background: #323232;
}
#emea-wrapper .filterNav ul {
margin: 0;
padding: 0;
}
#emea-wrapper .filterNav ul li a .sideNavArow {
margin-top: 2px;
}
#emea-wrapper .filter h5 {
display: block;
font-weight: 700;
padding: 10px 20px 10px 0;
position: relative;
cursor: pointer;
}
#emea-wrapper .filter h5:hover {
color: #db011c;
}
#emea-wrapper .filter h5:after {
position: absolute;
top: 10px;
right: 0;
content: "\F0DA";
font-family: FontAwesome;
display: block;
}
#emea-wrapper .filter h5.openUl:after {
content: "\F0D7";
}
#emea-wrapper .filter ul li p {
margin: 0;
}
#emea-wrapper .filter ul li:after,
#emea-wrapper .filter ul li:before {
display: table;
content: " ";
}
#emea-wrapper .filter ul li:after {
clear: both;
}
#emea-wrapper .filter .filterItems {
background: #fff;
margin-bottom: 5px;
}
#emea-wrapper .filter .filterNav h5 {
padding-bottom: 5px;
line-height: 32px;
font-size: 14px;
}
#emea-wrapper .filter .filterNav ul {
padding-bottom: 15px;
}
#emea-wrapper .filter .filterNav a span {
display: block;
position: relative;
float: left;
height: 32px;
width: 32px;
margin-right: 7px;
background: #ab0116;
}
#emea-wrapper .filter .filterNav a span:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
height: 5px;
width: 20px;
margin: -2.5px 0 0 -10px;
background: #fff;
}
#emea-wrapper .filterItemArea .filterItemTop .filterPlus {
display: block;
float: left;
width: 17px;
height: 17px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -166px no-repeat;
}
#emea-wrapper .filterItemArea .filterItemTop.activeFilter .filterPlus {
background-position: -23px -166px;
}
#emea-wrapper .filterItemArea .filterItems {
padding: 0 15px;
}
#emea-wrapper .filterItemArea .filterItems p:hover,
#emea-wrapper .filterItemTop h5:hover {
color: #db011c;
}
#emea-wrapper .filter ul {
margin: 0;
padding: 0;
}
#emea-wrapper .filter ul li {
display: block;
margin-bottom: 5px;
list-style: none;
}
#emea-wrapper .filterItemArea .filterItems a {
color: #323232;
}
#emea-wrapper .filterItemArea .filterItems a:hover {
color: #db011c;
}
#emea-wrapper .filterItemArea .filterItems ul {
margin: 0;
padding: 0;
}
#emea-wrapper .filterItemArea .filterItems ul li label {
font-weight: 400;
background: none !important;
padding-left: 0 !important;
}
#emea-wrapper .filterItemArea .filterItems ul li label span {
display: none;
}
#emea-wrapper .deskRight {
float: right !important;
}
#emea-wrapper .deskLeft {
float: left !important;
}
#emea-wrapper .pressNav .feedIcon {
display: block;
float: left;
width: 23px;
height: 23px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -36px -83px no-repeat;
}
#emea-wrapper .pressNav ul li {
float: left;
margin-right: 5px;
list-style: none;
}
#emea-wrapper .pressNav ul {
margin: 0 0 0 30px;
padding: 0;
}
#emea-wrapper .pressNav ul li a {
display: block;
overflow: hidden;
padding: 5px 0;
width: 79px;
height: 35px;
color: #323232;
text-align: center;
font-size: 107.7%;
}
#emea-wrapper .pressNav ul li a.selected,
#emea-wrapper .pressNav ul li a:active,
#emea-wrapper .pressNav ul li a:focus,
#emea-wrapper .pressNav ul li a:hover {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -116px no-repeat;
color: #fff;
}
#emea-wrapper .press {
padding: 25px 0;
border-bottom: 1px solid #7d7d7d;
}
#emea-wrapper .press:last-of-type {
border: none;
}
#emea-wrapper .press img {
border: 1px solid #939393;
}
#emea-wrapper .press h5 {
margin-bottom: 10px;
color: #323232;
font-weight: 700;
font-size: 138.5%;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .press h5,
#emea-wrapper .HUHU .press h5,
#emea-wrapper .PLPL .press h5,
#emea-wrapper .RURU .press h5 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .press h3 {
margin-bottom: 10px;
color: #db011c;
font-size: 138.5%;
}
#emea-wrapper .press p {
line-height: 180%;
}
#emea-wrapper .EditingFormErrorLabel,
#emea-wrapper .ErrorLabel {
color: red;
}
#emea-wrapper .error {
padding: 25px 0;
text-align: center;
}
#emea-wrapper .error img {
border: 1px solid #939393;
}
#emea-wrapper .error h3 {
margin-bottom: 10px;
color: #323232;
font-weight: 700;
font-size: 230.8%;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .error h3,
#emea-wrapper .HUHU .error h3,
#emea-wrapper .PLPL .error h3,
#emea-wrapper .RURU .error h3 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .error .standardRedBtn {
display: inline-block;
width: auto;
border-radius: 5px;
}
#emea-wrapper .serviceTop {
margin-bottom: 25px;
padding: 15px;
background: #323232;
}
#emea-wrapper .serviceTop .standardRedBtn {
display: inline-block;
margin-top: 10px;
padding: 10px 15px;
max-width: 180px;
width: auto;
border-radius: 5px;
}
#emea-wrapper .serviceTop .standardRedBtn .locationButton {
display: inline-block;
float: left;
margin-right: 10px;
width: 31px;
height: 39px;
background: url(sitefiles/dist/a00e6ab5a016ca2d4ee92fa4b8c2d9ef.png) no-repeat;
}
#emea-wrapper .serviceTop label {
display: block;
margin-bottom: 10px;
color: #fff;
font-weight: 400;
font-size: 105%;
line-height: 110%;
}
#emea-wrapper .serviceTop input {
padding-right: 5px;
padding-left: 5px;
}
#emea-wrapper .map {
z-index: 1;
width: 100%;
height: 450px;
border: 1px solid #c2c2c2;
}
#emea-wrapper .serviceTop select {
padding-top: 5px;
height: 32px;
}
#emea-wrapper .serviceTop .chosen-container-single .chosen-single {
height: 32px;
border-radius: 0;
}
#emea-wrapper .serviceTop .chosen-container-single .chosen-single span {
padding-top: 3px;
height: 32px;
}
#emea-wrapper .serviceTop .chosen-container-single .chosen-single div {
top: 3px;
}
#emea-wrapper .serviceTop .chosen-container .chosen-results li {
line-height: 19px;
}
#emea-wrapper .serviceTop .location {
padding-left: 20px;
background: #fff url(sitefiles/dist/34a615c19f871fcbf649f0a1d60f09d1.png) 0 no-repeat;
}
#emea-wrapper .storeLocator h2 {
padding-bottom: 25px;
border-bottom: 1px solid #323232;
color: #db011c;
}
#emea-wrapper .storeLocator .store {
padding: 20px 0;
border-bottom: 1px solid #323232;
}
#emea-wrapper .storeLocator .store h3 {
margin-bottom: 15px;
font-size: 138.5%;
}
#emea-wrapper .storeLocator .store .storeTop h3 {
float: left;
}
#emea-wrapper .storeLocator .store .storeTop p {
float: right;
}
#emea-wrapper .storeLocator .store p {
line-height: 150%;
}
#emea-wrapper .storeLocator .standardGreyBtn {
margin-top: 5px;
padding: 7px 20px;
}
#emea-wrapper .mediaItems {
padding-top: 35px;
}
#emea-wrapper .mediaItems ul {
margin: 0;
padding: 0;
}
#emea-wrapper .mediaItems ul li {
float: left;
margin: 0 16px 50px;
list-style: none;
}
#emea-wrapper .mediaItems .mediaPic {
display: block;
overflow: hidden;
width: 320px;
height: 320px;
border: 1px solid #939393;
}
#emea-wrapper .mediaItems .mediaPic img {
width: 100%;
height: auto;
transition: all 1s ease;
}
#emea-wrapper .mediaItems .mediaPic img:hover {
max-width: none;
width: 130%;
height: auto;
}
#emea-wrapper .mediaItems h3 {
text-transform: uppercase;
font-size: 153.8%;
}
#emea-wrapper .greyBanner {
background: #d1cfd0;
}
#emea-wrapper .greyBanner h1 {
margin: 20px 0 10px;
color: #323232;
text-transform: uppercase;
font-size: 215.4%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .greyBanner h5 {
margin: 0 0 15px;
font-size: 100%;
font-family: HelveticaNeue;
}
#emea-wrapper .CSCZ .greyBanner h1,
#emea-wrapper .CSCZ .greyBanner h5,
#emea-wrapper .HUHU .greyBanner h1,
#emea-wrapper .HUHU .greyBanner h5,
#emea-wrapper .PLPL .greyBanner h1,
#emea-wrapper .PLPL .greyBanner h5,
#emea-wrapper .RURU .greyBanner h1,
#emea-wrapper .RURU .greyBanner h5 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .greyBanner ul {
margin: 0;
padding: 0;
}
#emea-wrapper .greyBanner ul li {
float: left;
margin-right: 20px;
list-style: none;
}
#emea-wrapper .greyBanner ul li:last-child {
margin-right: 0;
}
#emea-wrapper .greyBanner .stars {
padding-top: 4px;
text-align: left;
}
#emea-wrapper .greyBanner .stars .redStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
#emea-wrapper .greyBanner .stars .greyStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px -12px no-repeat;
}
#emea-wrapper .greyBanner a {
color: #323232;
display: block;
}
#emea-wrapper .greyBanner a:hover {
color: #db011c;
}
#emea-wrapper .greyBanner .bannerLinks {
padding-right: 40px;
text-align: right;
}
#emea-wrapper .greyBanner .redDrop {
position: absolute;
z-index: 99;
display: none;
width: 100%;
background: url(sitefiles/dist/498b670cae743657198059bb3cda7b0d.png) no-repeat;
background-size: 100% 100%;
}
#emea-wrapper .greyBanner .redDrop.big {
background: url(sitefiles/dist/498b670cae743657198059bb3cda7b0d.png) no-repeat;
background-size: 100% 100%;
}
#emea-wrapper .greyBanner .bannerLinks li.bannerLinkActive .redDrop {
display: block;
}
#emea-wrapper .IE8 .greyBanner .bannerLinks li.bannerLinkActive .redDrop {
display: none;
}
#emea-wrapper .greyBanner .bannerLinks li.bannerLinkActive a {
background: #323232;
color: #fff;
}
#emea-wrapper .greyBanner .bannerLinks ul {
margin: 0;
padding: 0;
}
#emea-wrapper .greyBanner .bannerLinks ul li {
position: relative;
display: inline-block;
float: none;
margin-right: 9px;
list-style: none;
vertical-align: top;
}
#emea-wrapper .greyBanner .bannerLinks li a {
padding: 5px 7px;
font-size: 107.7%;
}
#emea-wrapper .greyBanner .bannerLinks li:hover a {
background: #db011c;
color: #fff;
}
#emea-wrapper .greyBanner .reviewLink {
position: relative;
}
#emea-wrapper .greyBanner .reviewLink a {
padding: 5px 7px;
}
#emea-wrapper .greyBanner .reviewLink.bannerLinkActive a,
#emea-wrapper .greyBanner .reviewLink:hover a {
background: #db011c;
color: #fff;
}
#emea-wrapper .greyBanner .reviewLink.bannerLinkActive .redDrop {
display: block;
z-index: 99;
}
#emea-wrapper .photovidtab {
text-align: center;
text-transform: uppercase;
}
#emea-wrapper .photovidtab a {
display: inline-block;
padding: 5px;
width: auto;
background: #323232;
color: #fff;
}
#emea-wrapper .photovidtab a .fa {
margin-right: 7px;
}
#emea-wrapper .photovidtab a.activeLink {
background: #323232;
}
#emea-wrapper .photovidtab a:hover {
color: #fff;
background: #c2c2c2;
}
#emea-wrapper .manuals.infoDiv iframe {
min-height: 530px !important;
}
#emea-wrapper iframe .cell-ref {
min-width: 0 !important;
}
#emea-wrapper .pdfDownload {
text-align: left;
width: 100%;
text-transform: uppercase;
float: left;
color: #fff;
font-family: HelveticaNeueMed;
font-size: 125%;
}
#emea-wrapper .pdfDownArea,
#emea-wrapper .pdfDownload {
margin-top: 20px;
padding: 5px;
background: #ab0116;
margin-bottom: 15px;
}
#emea-wrapper .pdfDownArea {
float: none;
position: relative;
padding-right: 35px;
}
#emea-wrapper .pdfDownArea .pdfDownload {
margin: 0;
padding: 3px 0;
background: none;
float: none;
font-size: 130%;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .pdfDownArea span {
background: #db011c url(sitefiles/dist/69739ee5b6c5b653124929267be1b0fd.png) 4px 0 no-repeat;
display: block;
height: 30px;
position: absolute;
right: 5px;
top: 5px;
width: 34px;
}
#emea-wrapper .pdfDownArea:hover {
background: #db011c;
}
#emea-wrapper .pdfDownArea:hover span {
background-color: #ab0116;
}
#emea-wrapper .pdfDownArea:hover a {
color: #fff;
}
#emea-wrapper #factTagOptions {
display: none;
}
#emea-wrapper #factTagOptions .factTagIntro {
font-size: 1.8em;
font-weight: 700;
}
#emea-wrapper #factTagOptions .chosen-container {
margin-bottom: 5px;
}
#emea-wrapper #factTagOptions input[type=checkbox] + .checkLbl p {
float: left;
line-height: 34px;
}
#emea-wrapper #factTagOptions .pdfDownArea {
width: 50%;
margin-top: 0;
}
#emea-wrapper .socials span {
float: left;
}
#emea-wrapper .findRetailer {
position: relative;
background: #db011c;
color: #fff;
display: block;
font-family: HelveticaNeueLTStd-BdEx;
margin-bottom: 15px;
padding: 9px 10px;
text-align: left;
text-transform: uppercase;
transition: background-color 0.3s ease 0s;
width: 100%;
font-size: 115%;
margin-top: 15px;
}
#emea-wrapper .findRetailer a {
color: #fff;
}
#emea-wrapper .findRetailer span {
background: #ab0116 url(sitefiles/dist/753a1cffcef9e125604d962aa6d7251c.png) -8px 2px no-repeat;
background-size: 33px 25px !important;
display: block;
height: 30px;
position: absolute;
right: 5px;
top: 5px;
width: 30px;
}
#emea-wrapper .findRetailer:hover {
background: #ab0116;
}
#emea-wrapper .findRetailer:hover span {
background-color: #db011c;
}
#emea-wrapper .infoArea .features .systemCont {
background: #595959;
padding: 10px;
position: relative;
margin-bottom: 15px;
transition: background-color 0.3s ease 0s;
min-height: 40px;
}
#emea-wrapper .infoArea .features .systemCont span {
background: url(sitefiles/dist/f1c465a7175578702cbdba8c0b3fc7fb.png) no-repeat 9px 9px #747474;
display: block;
height: 30px;
position: absolute;
right: 5px;
top: 5px;
width: 30px;
}
#emea-wrapper .infoArea .features .systemCont h3 {
margin: 0;
text-align: left;
}
#emea-wrapper .infoArea .features .systemCont h3 a {
color: #fff;
}
#emea-wrapper .infoArea .features .systemCont:hover {
background: #747474;
}
#emea-wrapper .infoArea .features .systemCont:hover span {
background-color: #595959;
}
#emea-wrapper .infoArea .infoDiv {
display: none;
margin-top: -34px;
margin-bottom: 10px;
padding: 30px 20px 20px;
background: #d1cfd0;
}
#emea-wrapper .infoArea .infoDiv:first-child {
display: block;
}
#emea-wrapper .infoArea .infoDiv h2 {
font-size: 138.5%;
text-transform: uppercase;
margin: -31px -20px 20px;
padding: 20px 0 20px 20px;
background: #323232;
color: #fff;
}
#emea-wrapper .infoArea .features h3 {
text-transform: uppercase;
font-size: 107.7%;
text-align: center;
}
#emea-wrapper .infoArea .features h3 a {
color: #323232;
}
#emea-wrapper .infoArea .features h3 img {
max-width: 72px;
}
#emea-wrapper .infoArea .features p {
position: relative;
padding-left: 40px;
width: 90%;
}
#emea-wrapper .infoArea .features .tick {
position: absolute;
top: 5px;
left: 0;
}
#emea-wrapper .infoArea .features .standardRedBtn {
display: inline-block;
margin: 10px 0 20px;
padding: 7px 50px;
width: auto;
font-size: 138.5%;
}
#emea-wrapper .infoArea .socials .social-centre {
width: 228px;
margin: 0 auto;
}
#emea-wrapper .tick {
display: block;
width: 20px;
height: 20px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -285px no-repeat;
}
#emea-wrapper .infoArea .reviews .reviewTop {
margin-top: -20px;
}
#emea-wrapper .infoArea .reviews .reviewTop h2 {
float: left;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding: 0;
background: none;
color: #323232;
}
#emea-wrapper .infoArea .reviews .reviewTop .selectMenu {
float: right;
width: 130px;
}
#emea-wrapper .reviews .stars {
float: left;
margin-bottom: 10px;
text-align: left;
}
#emea-wrapper .reviews.infoDiv h2.hiddenHeading {
display: none;
}
#emea-wrapper .reviews h3 {
display: inline-block;
float: left;
margin-right: 10px;
font-size: 84.6%;
}
#emea-wrapper .reviews .reviewTop .stars .redStar {
display: inline-block;
margin-right: 4px;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
#emea-wrapper .reviews .reviewTop .stars .greyStar {
display: inline-block;
margin-right: 4px;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px -12px no-repeat;
}
#emea-wrapper .reviews .prodLink {
margin-bottom: 10px;
}
#emea-wrapper .reviews .productLink {
margin-bottom: 10px;
font-weight: 700;
font-size: 138.5%;
}
#emea-wrapper .reviews .prosandcons div {
float: left;
margin-right: 1.3%;
margin-bottom: 10px;
width: 32%;
}
#emea-wrapper .reviews .prosandcons h4 {
margin-bottom: 10px;
font-weight: 700;
font-size: 107.7%;
font-family: HelveticaNeueMed;
}
#emea-wrapper .CSCZ .reviews .prosandcons h4,
#emea-wrapper .HUHU .reviews .prosandcons h4,
#emea-wrapper .PLPL .reviews .prosandcons h4,
#emea-wrapper .RURU .reviews .prosandcons h4 {
font-family: Arimo, sans-serif;
}
#emea-wrapper .reviews .prosandcons ul {
margin: 0;
padding: 0;
}
#emea-wrapper .reviews .prosandcons ul li {
display: inline-block;
margin: 0 3px 3px;
padding: 5px;
border-radius: 3px;
background: #c4c4c4;
color: #fff;
list-style: none;
}
#emea-wrapper .reviews .reviewDetails .stars {
float: none;
margin-bottom: 5px;
text-align: left;
}
#emea-wrapper .reviews .reviewDetails h3 {
display: block;
float: none;
margin-right: 0;
margin-bottom: 5px;
font-size: 84.6%;
}
#emea-wrapper .reviews .reviewDetails .stars .redStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px 0 no-repeat;
}
#emea-wrapper .reviews .reviewDetails .stars .greyStar {
display: inline-block;
width: 11px;
height: 10px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -61px -12px no-repeat;
}
#emea-wrapper .individReview {
margin-bottom: 30px;
}
#emea-wrapper .showMore {
font-size: 130%;
}
#emea-wrapper .infoArea .specification .accordionArea {
margin-bottom: 10px;
border-bottom: 0;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem {
margin-bottom: 8px;
border: 1px solid #b1b1b1;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordTop {
position: relative;
padding: 10px 20px;
padding-right: 70px;
background: #e1e1e1;
color: #323232;
cursor: pointer;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordTop .accordArrow {
position: absolute;
top: 14px;
right: 21px;
display: block;
width: 20px;
height: 20px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -180px -428px no-repeat;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordTop.activeAccord .accordArrow {
background-position: -204px -428px;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordDrop {
display: none;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordDrop .accordLeft {
float: left;
margin-right: 5%;
width: 60%;
}
#emea-wrapper .infoArea .specification .accordionArea .accordionItem .accordDrop .accordRight {
float: left;
width: 35%;
text-align: right;
}
#emea-wrapper .prodSpecItem {
padding: 10px 20px;
border-bottom: 1px solid silver;
background: #f0f0f0;
}
#emea-wrapper .prodSpecItem:nth-child(2n) {
background: #e7e7e7;
}
#emea-wrapper .prodSpecItem:last-child {
border-bottom: 0;
}
#emea-wrapper .CMSSiteMapList {
margin-left: 25px;
}
#emea-wrapper .sideNavArow {
display: block;
float: left;
margin-top: 6px;
margin-right: 10px;
width: 7px;
height: 8px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -54px -313px no-repeat;
}
#emea-wrapper .videoGal ul {
margin: 0;
padding: 0;
}
#emea-wrapper .videoGal ul li {
position: relative;
float: left;
margin: 1%;
width: 31%;
list-style: none;
}
#emea-wrapper .videoGal ul li img {
width: 100%;
}
#emea-wrapper .videoGal ul li a {
top: 0;
left: 0;
z-index: 1;
height: 100%;
background: url(sitefiles/dist/60e5983d5c85027625ef0e49606aa40e.png) no-repeat 50%;
text-indent: -9999px;
}
#emea-wrapper .videoGal .vidCaption,
#emea-wrapper .videoGal ul li a {
position: absolute;
display: block;
width: 100%;
}
#emea-wrapper .videoGal .vidCaption {
bottom: 0;
padding: 10px;
background: rgba(66, 66, 65, 0.8);
color: #fff;
}
#emea-wrapper .IE8 .videoGal .vidCaption {
background: #424241;
}
#emea-wrapper .vidNav {
padding: 20px 15px;
border: 1px solid #c2c2c2;
background: #ececec;
}
#emea-wrapper .vidNav ul {
margin: 0;
padding: 0;
}
#emea-wrapper .vidNav ul li {
float: left;
margin-right: 5px;
list-style: none;
}
#emea-wrapper .vidNav ul li a {
padding: 7px 13px;
border-radius: 5px;
color: #323232;
text-transform: uppercase;
}
#emea-wrapper .vidNav ul li a.active,
#emea-wrapper .vidNav ul li a:active,
#emea-wrapper .vidNav ul li a:hover {
background: #323232;
color: #fff;
}
#emea-wrapper .contactPage {
padding: 0 10px;
}
#emea-wrapper .contactPage h2 {
margin-bottom: 15px;
color: #db011c;
font-size: 147%;
}
#emea-wrapper .contactPage p:first-of-type {
margin-bottom: 25px;
}
#emea-wrapper .formArea.reviewArea {
margin: 0;
}
#emea-wrapper .formArea.reviewArea .CntRatingContent {
margin-bottom: 10px;
}
#emea-wrapper .formArea.reviewArea .placeholder,
#emea-wrapper .formArea.reviewArea input:-moz-placeholder,
#emea-wrapper .formArea.reviewArea input:-ms-input-placeholder,
#emea-wrapper .formArea.reviewArea input::-moz-placeholder,
#emea-wrapper .formArea.reviewArea input::-webkit-input-placeholder,
#emea-wrapper .formArea.reviewArea input[placeholder],
#emea-wrapper .formArea.reviewArea textarea:-moz-placeholder,
#emea-wrapper .formArea.reviewArea textarea:-ms-input-placeholder,
#emea-wrapper .formArea.reviewArea textarea::-moz-placeholder,
#emea-wrapper .formArea.reviewArea textarea::-webkit-input-placeholder,
#emea-wrapper .formArea.reviewArea textarea[placeholder] {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper .formArea.reviewArea input::-moz-placeholder,
#emea-wrapper .formArea.reviewArea textarea::-moz-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper .formArea.reviewArea::-webkit-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper .formArea.reviewArea:-moz-placeholder,
#emea-wrapper .formArea.reviewArea::-moz-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper .formArea.reviewArea:-ms-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
}
#emea-wrapper .formArea {
margin: 0 25px;
padding: 25px;
border: 1px solid #323232;
background: #c2c2c2;
}
#emea-wrapper .formArea label {
display: block;
margin-bottom: 10px;
font-weight: 400;
font-size: 120%;
}
#emea-wrapper .formArea label.checkLbl p {
display: block;
margin: 0 18px;
width: 100%;
line-height: 31px;
}
#emea-wrapper .formArea input {
margin-bottom: 15px;
padding-right: 5px;
padding-left: 5px;
height: 49px;
border: 1px solid #c29d9d;
font-size: 14px;
border-radius: 0;
}
#emea-wrapper .formArea textarea {
margin-bottom: 15px;
padding: 5px;
height: 145px;
border: 1px solid #c29d9d;
font-size: 14px;
}
#emea-wrapper .formArea .FormButton {
padding: 8px 20px;
width: auto;
height: 35px;
color: #fff;
font-size: 100%;
line-height: 146%;
}
#emea-wrapper .formArea .InfoMessage {
float: left;
margin-bottom: 15px;
font-weight: 700;
font-size: 1em;
}
#emea-wrapper .formArea .ErrorMessage {
float: left;
margin: 0 0 15px 15px;
color: #d30909;
font-weight: 700;
font-size: 120%;
}
#emea-wrapper .reviewArea .FormButton {
display: block;
width: 100%;
background: #77cb64;
color: #fff;
border-radius: 0;
border: none;
text-transform: none;
font-size: 135% !important;
font-weight: 700 !important;
}
#emea-wrapper .reviewArea .FormButton:hover {
color: #fff;
background: #323232;
}
#emea-wrapper .profileBox {
margin-bottom: 20px;
padding: 25px 25px 50px;
border: 1px solid #740001;
border-radius: 5px;
background: #cf011a;
background: linear-gradient(180deg, #cf011a 0, #930113);
}
#emea-wrapper .profileBox label,
#emea-wrapper .profileBox span {
color: #fff !important;
font-size: 100% !important;
font-family: HelveticaNeueLTStd-BdEx;
text-align: left !important;
}
#emea-wrapper .CSCZ .profileBox label,
#emea-wrapper .CSCZ .profileBox span,
#emea-wrapper .HUHU .profileBox label,
#emea-wrapper .HUHU .profileBox span,
#emea-wrapper .PLPL .profileBox label,
#emea-wrapper .PLPL .profileBox span,
#emea-wrapper .RURU .profileBox label,
#emea-wrapper .RURU .profileBox span {
font-family: Arimo, sans-serif;
}
#emea-wrapper .profileBox h2 {
margin-bottom: 25px;
color: #fff;
font-size: 138.5%;
}
#emea-wrapper .profileBox h3 {
margin-bottom: 15px;
color: #fff;
text-transform: uppercase;
font-size: 100%;
}
#emea-wrapper .profileBox .standardGreyBtn {
margin-top: 20px;
}
#emea-wrapper .profileBox .EditingFormControlNestedControl {
display: inline;
}
#emea-wrapper .profileBox .smallP {
color: #fff;
}
#emea-wrapper .profileBox .CalendarAction,
#emea-wrapper .UploaderLabel {
display: none;
}
#emea-wrapper .EditingFormLabel,
#emea-wrapper .profileBox label {
display: block;
margin-bottom: 10px;
font-weight: 400;
font-size: 120%;
}
#emea-wrapper .profileBox .chosen-container-single .chosen-single,
#emea-wrapper .profileBox select {
height: 49px;
}
#emea-wrapper .profileBox .chosen-container-single .chosen-single span {
padding-top: 10px;
height: 49px;
color: #323232 !important;
}
#emea-wrapper .profileBox .chosen-container-single .chosen-single div {
top: 10px;
}
#emea-wrapper .profileBox .chosen-container .chosen-results li {
line-height: 29px;
color: #000;
}
#emea-wrapper .CalendarIcon {
display: none;
width: auto;
}
#emea-wrapper .profileBox input {
margin-bottom: 15px;
padding-right: 5px;
padding-left: 5px;
height: 49px;
border: 1px solid #c29d9d;
border-radius: 5px;
font-size: 120%;
}
#emea-wrapper .profileBox input[type=password] {
margin-bottom: 0;
}
#emea-wrapper .profileBox input[type=file] {
background: #fff;
padding: 10px;
margin: 7px 0 7px 12px;
width: 92%;
}
#emea-wrapper .profileBox textarea {
margin-bottom: 15px;
padding: 5px;
height: 145px;
border: 1px solid #c29d9d;
border-radius: 5px;
font-size: 120%;
}
#emea-wrapper .profilePicArea .smallP {
display: block;
margin-top: 34px;
}
#emea-wrapper .profilePicArea img {
float: left;
max-width: 100%;
width: auto;
margin: 2px 14px;
}
#emea-wrapper .profilePicArea input[type=image] {
display: none;
}
#emea-wrapper .blackBanner {
position: relative;
overflow: hidden;
margin-bottom: 2px;
height: 110px;
background: #000;
box-shadow: 0 4px 4px -2px #323232;
}
#emea-wrapper .blackBanner img {
position: absolute;
left: 50%;
margin-left: -750px;
max-width: none;
width: 1500px;
}
#emea-wrapper .blackBanner.big {
overflow: visible;
margin-bottom: 2px;
height: auto;
background: #000;
box-shadow: 0 4px 4px -2px #323232;
}
#emea-wrapper .blackBanner.big img {
position: relative;
left: 0;
margin-left: auto;
width: 100%;
height: auto;
}
#emea-wrapper .blackBanner.big h1 {
position: relative;
}
#emea-wrapper .blackBanner h1 {
padding: 33px 25px;
font-size: 307.7%;
}
#emea-wrapper .blackBanner h1,
#emea-wrapper .blackBanner h2 {
position: relative;
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .blackBanner h2 {
display: inline-block;
margin: 0 21px;
padding: 8px 4px;
background: #000;
font-size: 153.84615385%;
}
#emea-wrapper .blackBanner .pro-stories-title,
#emea-wrapper .blackBanner h2 {
text-rendering: optimizelegibility;
font-weight: 400;
font-style: italic;
}
#emea-wrapper .blackBanner .pro-stories-title {
position: relative;
display: block;
padding: 33px 25px;
color: #fff;
text-transform: uppercase;
text-shadow: #000 0 1px 3px;
font-size: 461.53846154%;
font-family: HelveticaNeueLTStd-BdEx;
line-height: 60px;
}
#emea-wrapper .EditMode .blackBanner {
height: auto !important;
}
#emea-wrapper .DesignMode .blackBanner img,
#emea-wrapper .EditMode .blackBanner img {
display: none;
}
#emea-wrapper .CSCZ .blackBanner h1,
#emea-wrapper .HUHU .blackBanner h1,
#emea-wrapper .PLPL .blackBanner h1,
#emea-wrapper .RURU .blackBanner h1 {
font-family: Arimo, sans-serif;
}
#emea-wrapper #fb-root {
display: none;
}
#emea-wrapper .fb_iframe_widget,
#emea-wrapper .fb_iframe_widget span,
#emea-wrapper .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
#emea-wrapper .pages .loadMore {
display: none;
}
#emea-wrapper .latest h2 {
margin-bottom: 15px;
padding-right: 30px;
}
#emea-wrapper .FeedLink,
#emea-wrapper .latest .feed {
display: block;
float: right;
width: 15px;
height: 15px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -78px 0 no-repeat;
text-indent: -9999px;
}
#emea-wrapper .latestNews {
position: relative;
overflow: hidden;
min-height: 99px;
height: 110px;
border-top: 2px solid #7f7f7f;
background: #a3a3a3;
background: linear-gradient(180deg, #a3a3a3 0, #fff);
}
#emea-wrapper .latestNews .prev {
position: absolute;
top: -2px;
left: 0;
display: block;
width: 60px;
height: 99px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -96px 0 no-repeat;
text-indent: -2000em;
}
#emea-wrapper .latestNews .prev:hover {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -96px -101px no-repeat;
}
#emea-wrapper .latestNews .next {
position: absolute;
top: -2px;
right: 0;
display: block;
width: 60px;
height: 99px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -164px 0 no-repeat;
text-indent: -2000em;
}
#emea-wrapper .latestNews .next:hover {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -164px -101px no-repeat;
}
#emea-wrapper .latestNews .slide {
float: left;
padding: 15px 70px;
}
#emea-wrapper .newsAndInfo img {
float: left;
margin-right: 10px;
}
#emea-wrapper .latestNews .slide img {
max-width: 133px;
border: 1px solid #939393;
margin-bottom: 10px;
}
#emea-wrapper .latestNews .slide p {
margin-bottom: 5px;
line-height: 120%;
}
#emea-wrapper .latestNews .slide p.red {
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
#emea-wrapper .comparePage table {
width: 100%;
font-size: 85.7%;
}
#emea-wrapper .comparePage table img {
width: 100%;
}
#emea-wrapper .comparePage td {
padding: 0 10px;
width: 20%;
color: #404040;
text-align: center;
}
#emea-wrapper .comparePage table td:first-child {
text-align: right;
font-weight: 700;
}
#emea-wrapper .comparePage tr:nth-child(2n) {
background: #e9e9e9;
}
#emea-wrapper .reviewSlide {
position: absolute;
top: 100%;
z-index: 99;
display: none;
width: 100%;
}
#emea-wrapper .reviewSlide .closeReview {
position: absolute;
top: 17px;
right: 40px;
font-size: 190%;
z-index: 99;
}
#emea-wrapper #Banner .banner {
display: block;
}
#emea-wrapper #Banner .banner + .banner {
display: none;
}
#emea-wrapper .ajaxLoader {
position: fixed;
top: 0;
left: 0;
z-index: 999;
padding: 1em 0;
width: 100%;
height: 100%;
background: url(sitefiles/dist/194b2cc4ece884f7045f9d1f21d7b436.gif) 50% no-repeat #000;
text-align: center;
opacity: .9;
filter: alpha(opacity=90);
}
#emea-wrapper .throbber {
display: none;
}
#emea-wrapper .CookieConsent {
position: fixed;
bottom: 0;
left: 0;
z-index: 998;
padding: 10px 0;
width: 100%;
color: #323232;
text-align: center;
font-size: 85%;
}
#emea-wrapper .CookieConsent .ConsentText {
float: left;
padding-right: 5%;
padding-left: 5%;
width: 65%;
}
#emea-wrapper .CookieConsent .ConsentButtons {
float: right;
width: 35%;
}
#emea-wrapper .CookieConsent .ConsentButtons .ConsentButton {
float: right;
margin-right: 5%;
width: 45%;
}
#emea-wrapper table td {
height: 40px;
}
#emea-wrapper table th {
font-weight: 700;
}
#emea-wrapper table td,
#emea-wrapper table th {
padding: 0;
height: 40px;
text-align: left;
}
#emea-wrapper .DesignMode table td,
#emea-wrapper .DesignMode table th {
padding: 0;
}
#emea-wrapper .productTitleH1 + img {
display: none;
}
#emea-wrapper .pdfcar a {
display: block;
margin-top: 10px;
}
#emea-wrapper .search-filter {
padding: 10px;
border-radius: 6px;
background: #db011c;
}
#emea-wrapper .search-filter label {
line-height: 40px;
margin-bottom: 0;
color: #fff;
}
#emea-wrapper .search-filter .chosen-container {
margin-bottom: 0;
}
#emea-wrapper .ContentLabel {
position: relative;
margin: 20px;
top: 30px;
}
@media (max-width: 1199px) {
#emea-wrapper .mediaItems .mediaPic {
width: 245px;
height: 245px;
}
#emea-wrapper .filterItemArea #filter3.filterItems ul li.third {
width: 49%;
}
#emea-wrapper .infoDiv {
width: 50%;
float: right;
}
}
@media (max-width: 991px) {
#emea-wrapper .filterItemArea #filter3.filterItems ul li.third {
width: 100%;
margin-right: 0;
}
#emea-wrapper .filter {
font-size: 90%;
}
#emea-wrapper .filterItemArea .filterItemTop {
padding: 15px 5px;
}
#emea-wrapper .rightFilter .filterItems .halves {
float: none;
width: 100%;
}
#emea-wrapper .latestNews {
height: auto;
}
#emea-wrapper .tradesBox,
#emea-wrapper .tradesBox .col-lg-3.col-md-3.col-sm-3 {
padding: 0 !important;
}
#emea-wrapper .systemsBox .row {
padding-left: 20px;
text-align: left;
}
#emea-wrapper .systemsBox .row img {
max-width: 95px;
}
#emea-wrapper .latestNews #foo2_next,
#emea-wrapper .latestNews #foo2_prev {
display: none !important;
}
#emea-wrapper .latestNews .slide {
padding: 15px 20px;
}
#emea-wrapper .forumFilter .forumFilterLeft {
width: 40%;
}
#emea-wrapper .forumFilter .forumFilterRight {
width: 60%;
}
#emea-wrapper .greyBanner ul li {
font-size: 88%;
}
#emea-wrapper .greyBanner .bannerLinks ul li {
font-size: 77%;
}
#emea-wrapper .greyBanner .bannerLinks {
padding-right: 0;
}
#emea-wrapper .blackBanner .container.rel h1 {
font-size: 200%;
}
#emea-wrapper .pages p {
float: none;
}
#emea-wrapper .pages ul {
float: none !important;
padding: 0 !important;
display: block;
margin-bottom: 10px;
}
#emea-wrapper .pages.widget {
margin-bottom: 0 !important;
}
#emea-wrapper .pages ul li {
float: left;
margin-right: 10px;
margin-left: 0;
}
#emea-wrapper .mediaItems .mediaPic {
width: 280px;
height: 280px;
}
#emea-wrapper .videoGal ul li {
margin: 1%;
width: 48%;
}
}
@media (max-width: 767px) {
#emea-wrapper .reviewSlide .col-xs-12.col-sm-6 {
margin: 0;
padding: 0;
}
#emea-wrapper .reviewSlide {
padding-bottom: 15px;
}
#emea-wrapper .infoDiv {
float: none;
width: 100%;
}
#emea-wrapper .blackBanner .pro-stories-title {
text-rendering: optimizelegibility;
position: relative;
display: block;
padding: 29px 25px;
color: #fff;
text-transform: uppercase;
text-shadow: #000 0 1px 3px;
font-weight: 400;
font-style: italic;
font-size: 240.538462%;
font-family: HelveticaNeueLTStd-BdEx;
line-height: 40px;
}
#emea-wrapper .storiesWrap .mainContent,
#emea-wrapper .storiesWrap .whiteContent {
padding-top: 0 !important;
}
#emea-wrapper .pdfDownArea {
display: none;
}
#emea-wrapper .mob-clearfix:after,
#emea-wrapper .mob-clearfix:before {
content: " ";
display: table;
}
#emea-wrapper .mob-clearfix:after {
clear: both;
}
#emea-wrapper .mobGap {
margin-bottom: 25px;
}
#emea-wrapper .tt-dropdown-menu {
left: auto !important;
right: 0 !important;
width: 100% !important;
z-index: 109 !important;
}
#emea-wrapper .leftFilter,
#emea-wrapper .rightFilter {
width: 100%;
float: none;
height: auto !important;
}
#emea-wrapper .rightFilter .filterItems .halves {
clear: none;
float: left;
margin-right: 1%;
width: 48%;
}
#emea-wrapper .filterItemArea.active-tab .filterItemTop h5 {
color: #fff;
}
#emea-wrapper .greyBanner .container.rel {
padding: 0 20px;
}
#emea-wrapper .pdfDownload {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 30px;
}
#emea-wrapper .pdfDownAreaMob {
margin-top: 20px;
padding: 5px;
background: #ab0116;
margin-bottom: 15px;
float: none;
position: relative;
padding-right: 35px;
}
#emea-wrapper .pdfDownAreaMob .pdfDownload {
margin: 0;
padding: 3px 0;
background: none;
float: none;
font-size: 130%;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .pdfDownAreaMob span {
background: #db011c url(sitefiles/dist/69739ee5b6c5b653124929267be1b0fd.png) 4px 0 no-repeat;
display: block;
height: 30px;
position: absolute;
right: 20px;
top: 5px;
width: 34px;
}
#emea-wrapper .pdfDownAreaMob:hover {
background: #db011c;
}
#emea-wrapper .pdfDownAreaMob:hover span {
background-color: #ab0116;
}
#emea-wrapper .pdfDownAreaMob:hover a {
color: #fff;
}
#emea-wrapper .prodMonthSlider {
margin: 0 0 10px;
}
#emea-wrapper .mainContent .prodMonthSlider h3 {
padding: 15px;
}
#emea-wrapper .prodMonthSlider .image_carousel {
padding: 0 15px 15px;
}
#emea-wrapper .prodMonthSlider .image_carousel li {
margin-left: 0;
margin-right: 0;
}
#emea-wrapper .filterItemArea .filterItemTop h5 {
font-family: HelveticaNeueLTStd-BdEx;
color: #db011c;
text-transform: uppercase;
font-weight: 400;
}
#emea-wrapper .infoArea .reviews .reviewTop {
margin: 0;
}
#emea-wrapper .filter {
border-radius: 0;
box-shadow: none;
}
#emea-wrapper .filter h3 {
font-size: 125%;
}
#emea-wrapper .pages.paging,
#emea-wrapper .pages ul.pageLinks,
#emea-wrapper .pages ul.pageSize {
display: none;
}
#emea-wrapper .pages .loadMore {
display: block;
}
#emea-wrapper .pages .loadMore a {
background: #db011c;
display: inline-block;
padding: 3px 25px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 150%;
}
#emea-wrapper .pages .loadMore a:hover {
background: #323232;
color: #fff;
}
#emea-wrapper .blackBanner,
#emea-wrapper .blackBanner.big {
height: auto !important;
}
#emea-wrapper .blackBanner img {
left: auto;
margin-left: 0;
max-width: none;
width: 190%;
}
#emea-wrapper .blackBanner h1 {
padding: 40px 25px;
font-size: 207.7%;
}
#emea-wrapper .downloadIcon {
display: inline-block;
float: none;
margin: 0 10px 0 0;
}
#emea-wrapper .reviews .reviewDetails h3,
#emea-wrapper .reviews h3 {
margin-top: 4px;
font-size: 120%;
}
#emea-wrapper .reviews .prosandcons h4 {
font-size: 115%;
}
#emea-wrapper .reviews .rating-star,
#emea-wrapper .reviews .ratingStar {
width: 16px;
height: 16px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -191px -467px no-repeat;
}
#emea-wrapper .reviews .filledRatingStar,
#emea-wrapper .reviews .icon-star-full {
width: 16px;
height: 16px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -191px -448px no-repeat;
}
#emea-wrapper .pages p {
text-align: center;
}
#emea-wrapper .pages ul li {
display: none;
float: none;
}
#emea-wrapper .pages ul {
display: block;
clear: both;
width: 100%;
text-align: center;
}
#emea-wrapper .pages ul + ul li {
display: inline-block;
}
#emea-wrapper .pages li.prevPage {
display: block;
float: left;
margin: 0 0 0 -35px;
}
#emea-wrapper .pages li.prevPage a {
display: block;
}
#emea-wrapper .pages li.prevPage .prevArrowBtn {
display: block;
float: left;
margin: -8px 5px 0 0;
width: 36px;
height: 35px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -128px -426px no-repeat;
}
#emea-wrapper .pages li.prevPage a:hover .prevArrowBtn {
background-position: -128px -461px;
}
#emea-wrapper .pages li.nextPage {
display: block;
float: right;
margin: 0 -15px 0 0;
}
#emea-wrapper .pages li.nextPage a {
display: block;
}
#emea-wrapper .pages li.nextPage .nextArrowBtn {
display: block;
float: right;
margin: -8px 0 0 5px;
width: 36px;
height: 35px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -88px -426px no-repeat;
}
#emea-wrapper .pages li.nextPage a:hover .nextArrowBtn {
background-position: -88px -461px;
}
#emea-wrapper .noGap {
margin-right: 0;
margin-left: 0;
}
#emea-wrapper .mobCenter {
text-align: center;
}
#emea-wrapper table.responsive {
margin-bottom: 0;
}
#emea-wrapper table.responsive img {
width: 75px;
}
#emea-wrapper .pinned {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
overflow-x: scroll;
width: 40%;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
}
#emea-wrapper .pinned table {
width: 100%;
border-right: none;
border-left: none;
}
#emea-wrapper .pinned table td,
#emea-wrapper .pinned table th {
white-space: nowrap;
}
#emea-wrapper .pinned td:last-child {
border-bottom: 0;
}
#emea-wrapper div.table-wrapper {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-right: 1px solid #ccc;
}
#emea-wrapper div.table-wrapper div.scrollable table {
margin-left: 40%;
}
#emea-wrapper div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden;
}
#emea-wrapper table.responsive td,
#emea-wrapper table.responsive th {
position: relative;
overflow: hidden;
white-space: nowrap;
}
#emea-wrapper table.responsive.pinned td,
#emea-wrapper table.responsive td:first-child,
#emea-wrapper table.responsive th:first-child {
display: none;
}
#emea-wrapper .branch .branchOverlay {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
}
#emea-wrapper .branch .branchOverlay .closeMapOverlay {
top: 7px;
right: 7px;
}
#emea-wrapper .reviewSlide {
position: relative;
top: 20px;
margin-right: 0;
margin-left: 0;
}
#emea-wrapper .collapse {
display: none;
}
#emea-wrapper .col-xs-pull-6 {
float: right !important;
}
#emea-wrapper .col-xs-push-6 {
float: left !important;
}
#emea-wrapper .forumTable .tableHead {
font-size: 100%;
}
#emea-wrapper .forumTable .tableHead td {
padding-left: 5px;
}
#emea-wrapper .forumTd {
margin-right: 1%;
width: 84%;
}
#emea-wrapper .postsTd,
#emea-wrapper .threadsTd {
display: none;
}
#emea-wrapper .lastPostTd {
width: 15%;
}
#emea-wrapper .forumTd img {
display: none;
}
#emea-wrapper .deskRight {
float: left !important;
}
#emea-wrapper .deskLeft {
float: right !important;
}
#emea-wrapper .vidNav ul li {
margin-bottom: 10px;
}
#emea-wrapper .vidNav {
padding-bottom: 10px;
}
#emea-wrapper .videoGal .vidCaption {
position: relative;
overflow: hidden;
margin-top: 0;
height: 140px;
background: #424241;
}
#emea-wrapper .greyBanner .bannerLinks {
display: none;
margin: 10px 0;
text-align: left;
}
#emea-wrapper .infoArea {
width: 100%;
float: left;
clear: both;
}
#emea-wrapper .infoArea .infoDiv {
display: block !important;
margin-bottom: 0;
padding: 0 15px;
margin-top: 0;
border-bottom: 1px solid #b1b1b1;
}
#emea-wrapper .socials {
margin-top: 15px;
}
#emea-wrapper .infoArea .infoDiv:first-child {
margin-top: 0;
}
#emea-wrapper .infoArea .infoDiv .mobAccord {
margin-top: 0;
padding: 10px;
}
#emea-wrapper .prodImagesSec #carousel,
#emea-wrapper .prodImagesSec #vidcarousel {
padding: 0;
}
#emea-wrapper .prodImagesSec .mobAccord {
display: block;
}
#emea-wrapper .prodImagesSec {
margin-bottom: 15px;
}
#emea-wrapper .mobAccord {
display: none;
}
#emea-wrapper .reviews.infoDiv h2.hiddenHeading {
display: block;
}
#emea-wrapper .infoArea .infoDiv h2 {
font-size: 115%;
padding: 13px 1%;
cursor: pointer;
margin: 0;
text-align: center;
}
#emea-wrapper .prodImagesSec h2 {
color: #fff;
padding: 3px 0;
background: #da011c;
padding-left: 1%;
text-transform: uppercase;
font-size: 138.5%;
font-family: HelveticaNeueLTStd-BdEx;
cursor: pointer;
}
#emea-wrapper .blackBanner .container.rel h1 {
position: relative;
padding: 0 10px;
}
#emea-wrapper .noPadTab {
padding-right: 0 !important;
padding-left: 0 !important;
}
#emea-wrapper .filterArea {
padding: 0;
}
#emea-wrapper .press {
margin: 0;
padding: 25px 0;
}
#emea-wrapper .mediaItems ul li {
margin-right: 1%;
margin-left: 1%;
width: 48%;
}
#emea-wrapper .mediaItems h3 {
font-size: 125%;
}
#emea-wrapper .mediaItems .mediaPic {
display: block;
overflow: hidden;
width: 100%;
height: auto;
border: 1px solid #939393;
}
#emea-wrapper .mediaItems .mediaPic img {
width: 100%;
height: auto;
transition: all 1s ease;
}
#emea-wrapper .mediaItems .mediaPic img:hover {
width: 100%;
height: auto;
}
#emea-wrapper .socialIcons {
margin-bottom: 15px;
}
#emea-wrapper .manuals.infoDiv iframe {
min-height: 0 !important;
height: 390px !important;
}
#emea-wrapper .CookieConsent .ConsentText {
margin-bottom: 5px;
padding-right: 5%;
padding-left: 5%;
text-align: center;
}
#emea-wrapper .CookieConsent .ConsentButtons,
#emea-wrapper .CookieConsent .ConsentText {
display: block;
float: none;
clear: both;
width: 100%;
}
#emea-wrapper .CookieConsent .ConsentButtons .ConsentButton {
float: right;
margin: 0 5%;
width: 40%;
}
#emea-wrapper form > .container {
padding-left: 0;
padding-right: 0;
}
#emea-wrapper .mainContent {
border-left: 0;
border-right: 0;
padding: 15px 0;
margin-right: -15px;
margin-left: -15px;
}
#emea-wrapper .padEdge {
padding-left: 20px;
padding-right: 20px;
}
#emea-wrapper .connected,
#emea-wrapper .image_carousel,
#emea-wrapper .latest.widget {
margin-left: -15px;
margin-right: -15px;
}
#emea-wrapper .homeMiddleRow .widget {
padding-left: 0;
padding-right: 0;
}
#emea-wrapper .latestNews {
background: none;
border-color: silver;
}
#emea-wrapper .latestNews .more,
#emea-wrapper .latestNews .slide {
border-bottom: 1px solid silver;
}
#emea-wrapper .latestNews .slide p {
width: 100%;
float: left;
clear: both;
}
#emea-wrapper .latestNews .slide p.red {
font-weight: 700;
}
#emea-wrapper .latestNews .slide img {
max-width: 100%;
}
#emea-wrapper .latestNews .more {
line-height: 30px;
text-align: center;
width: 100%;
text-transform: uppercase;
float: left;
}
}
@media (max-width: 620px) {
#emea-wrapper .netc {
float: none;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
#emea-wrapper .bannerStories img {
display: block !important;
}
#emea-wrapper .bannerStories h2 {
display: inline-block;
margin: 0 21px;
padding: 8px 4px;
background: #000;
font-size: 94.846154%;
}
#emea-wrapper .bannerStories .pro-stories-title,
#emea-wrapper .bannerStories h2 {
text-rendering: optimizelegibility;
position: relative;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-style: italic;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .bannerStories .pro-stories-title {
display: block;
padding: 16px 14px;
text-shadow: #000 0 1px 3px;
font-size: 189.538462%;
line-height: 27px;
}
#emea-wrapper .leftFilter .filterItems .third,
#emea-wrapper .rightFilter .filterItems .halves {
float: none;
margin-right: 0;
width: 100%;
}
#emea-wrapper .leftFilter .filterItemArea {
float: left;
width: 50%;
}
#emea-wrapper .leftFilter .filterItemArea:nth-child(3) {
clear: left;
}
#emea-wrapper .blackBanner {
background: #fff;
box-shadow: none;
margin: 0;
}
#emea-wrapper .blackBanner h1 {
color: #db011c;
text-align: center;
}
#emea-wrapper .blackBanner img {
display: none;
}
#emea-wrapper .blackBanner + .container .mainContent,
#emea-wrapper .blackBanner + .container .mainContent .whiteContent {
padding-top: 0;
}
#emea-wrapper .reviewSlide .closeReview {
top: 0;
right: 20px;
}
#emea-wrapper .map {
height: 250px;
}
#emea-wrapper .serviceTop .standardRedBtn {
max-width: 100%;
width: 100%;
}
#emea-wrapper .storeLocator .store .storeTop h3,
#emea-wrapper .storeLocator .store .storeTop p {
float: none;
}
#emea-wrapper .forumFilter .forumFilterLeft,
#emea-wrapper .forumFilter .forumFilterRight {
width: 50%;
}
#emea-wrapper .videoGal ul li {
margin: 2% 0;
width: 100%;
}
#emea-wrapper .videoGal .vidCaption {
height: auto;
}
#emea-wrapper .blackBanner {
height: 75px;
}
#emea-wrapper .profileBox .standardGreyBtn {
margin-top: 25px;
}
#emea-wrapper .formArea {
margin: 0;
padding: 10px;
}
#emea-wrapper .infoArea .reviews .reviewTop .selectMenu {
float: none;
margin-bottom: 20px;
}
#emea-wrapper .reviews .prosandcons div {
float: none;
margin-right: 0;
width: 100%;
}
#emea-wrapper .greyBanner h1 {
font-size: 150%;
}
#emea-wrapper .flexslider {
margin: 0;
}
#emea-wrapper .infoArea .features .standardRedBtn {
padding: 7px 30px;
}
#emea-wrapper .infoArea .features p {
width: 100%;
}
#emea-wrapper .greyBanner .bannerLinks li.bannerLinkActive .redDrop {
display: none;
}
#emea-wrapper .greyBanner .bannerLinks .redDrop,
#emea-wrapper .greyBanner .bannerLinks .redDrop.big {
background: none;
}
#emea-wrapper .photovidtab a {
padding: 3px 40px;
width: auto;
}
#emea-wrapper .greyBanner ul li {
margin-right: 9px;
}
#emea-wrapper .blackBanner .container.rel h1 {
font-size: 150%;
}
#emea-wrapper .mediaItems ul li {
width: 100%;
}
#emea-wrapper .mediaItems img {
max-width: 280px;
border: 1px solid #939393;
}
#emea-wrapper .mediaItems .mediaPic {
border: none;
text-align: center;
}
#emea-wrapper .mediaItems h3 {
font-size: 125%;
}
#emea-wrapper .blackBanner h1 {
padding: 15px 3px;
font-size: 157.7%;
}
#emea-wrapper .latestNews .next,
#emea-wrapper .latestNews .prev {
top: 0;
margin-top: -2px;
}
#emea-wrapper .mainContent {
background: #fff;
}
}
@media (max-width: 320px) {
#emea-wrapper .filter h3 {
font-size: 100%;
}
}
@media (max-width: 300px) {
#emea-wrapper .plus {
margin-left: 10px;
}
}
#emea-wrapper #vidcarousel .slides > li {
width: 88px;
}
#emea-wrapper .mobAccord {
margin-top: 20px;
}
#emea-wrapper #vidslider ul li a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
background: url(sitefiles/dist/60e5983d5c85027625ef0e49606aa40e.png) no-repeat 50%;
text-indent: -9999px;
}
#emea-wrapper .relevance-bar {
display: inline-block;
width: 100px;
height: 8px;
border: 1px solid #313131;
background: #313131;
}
#emea-wrapper .relevance-bar .relevance-bar-inner {
display: block;
height: 100%;
background: #db011c;
}
#emea-wrapper .twitter-typeahead {
position: relative;
width: 100%;
}
#emea-wrapper .twitter-typeahead .tt-query {
position: static !important;
background-color: #fff !important;
vertical-align: auto !important;
}
#emea-wrapper .twitter-typeahead .tt-hint {
display: none;
}
#emea-wrapper .tt-menu {
margin-top: 2px;
padding: 5px 0;
width: 100%;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
background-color: #fff;
background-clip: padding-box;
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#emea-wrapper .tt-suggestion {
display: block;
padding: 3px 10px;
}
#emea-wrapper .tt-suggestion.tt-cursor {
background-color: #db011c;
background-image: linear-gradient(180deg, #db011c, #cd011a);
background-repeat: repeat-x;
color: #fff;
}
#emea-wrapper .tt-suggestion.tt-cursor a,
#emea-wrapper .tt-suggestion.tt-cursor p {
color: #fff;
}
#emea-wrapper .tt-suggestion p {
margin: 0;
}
#emea-wrapper .tt-suggestion .product-model-detail,
#emea-wrapper .tt-suggestion .product-model-image {
float: left;
width: 75%;
min-height: 1px;
}
#emea-wrapper .tt-suggestion .product-model-detail {
padding-left: 8px;
}
#emea-wrapper .tt-suggestion .product-model-image {
width: 25%;
}
#emea-wrapper .tt-suggestion .product-model-image img {
display: block;
}
#emea-wrapper .tt-suggestion .product-model-number {
color: #db011c;
}
#emea-wrapper .terms-text {
display: block;
margin: 6% 0;
border: 1px solid #c2c2c2;
}
#emea-wrapper #view-terms-conditions {
font-size: 110%;
font-family: HelveticaNeue;
display: block;
padding: 5px 20px;
cursor: pointer;
}
#emea-wrapper #view-terms-conditions .arrow {
float: right;
width: 9px;
height: 8px;
margin-top: 6px;
background: #fff url(sitefiles/dist/54fac51f352570ef43a5c4969f8ab542.png) 0 0 no-repeat;
}
#emea-wrapper #view-terms-conditions .arrow.down {
float: right;
width: 9px;
height: 8px;
margin-top: 6px;
background: #fff url(sitefiles/dist/54fac51f352570ef43a5c4969f8ab542.png) -9px 0 no-repeat;
}
#emea-wrapper #terms-conditions {
font-size: 100%;
font-weight: 400;
font-family: HelveticaNeue;
width: 96%;
display: block;
margin: 0 2%;
}
#emea-wrapper .search-paging {
margin: 15px;
}
@media (max-width: 992px) {
#emea-wrapper .blackBanner h1 {
font-size: 207%;
}
}
#emea-wrapper .formArea .EditingFormErrorLabel {
color: #db011c;
width: 100%;
float: left;
margin-left: 16px;
}
#emea-wrapper .contactPage .ErrorLabel {
color: #db011c;
margin-left: 26px;
}
#emea-wrapper .bracket-text {
color: #c9c9c9;
}
@media (max-width: 1200px) {
#emea-wrapper .pdfDownloadAreaDesk {
display: none;
}
}
@media (min-width: 1200px) {
#emea-wrapper .pdfDownloadAreaMob {
display: none;
}
}
#emea-wrapper .prodImagesSec {
margin-bottom: 15px;
}
#emea-wrapper .store-map #map-canvas {
height: 600px;
width: 100%;
margin-top: 20px;
position: relative;
}
#emea-wrapper .store-map #map-canvas img {
max-width: none;
}
#emea-wrapper .store-map .popup-area {
width: 355px;
padding: 15px;
}
#emea-wrapper .store-map .popup-area .popup-title {
display: block;
font-size: 2.15384615em;
text-transform: uppercase;
color: #ab0116;
font-weight: 700;
}
#emea-wrapper .store-map .popup-area .markerLeft {
float: left;
font-size: 1.23076923em;
width: 49%;
margin-right: 1%;
}
#emea-wrapper .store-map .popup-area .markerRight {
float: left;
font-size: 1.23076923em;
width: 49%;
margin-left: 1%;
}
#emea-wrapper .store-map .popup-area .markerRight span {
margin-right: 4px;
}
#emea-wrapper .store-map .popup-area .markerRight strong {
width: 100%;
display: block;
}
@media (max-width: 767px) {
#emea-wrapper .store-map .popup-area {
width: 222px;
padding: 11px 13px;
}
#emea-wrapper .store-map .popup-area .popup-title {
font-size: 1.53846154em;
}
#emea-wrapper .store-map .popup-area .markerLeft,
#emea-wrapper .store-map .popup-area .markerRight {
font-size: 1.15384615em;
}
}
@media (max-width: 480px) {
#emea-wrapper .store-map #map-canvas {
height: 300px !important;
}
#emea-wrapper .store-map .popup-area {
width: 222px;
padding: 7px 9px;
}
#emea-wrapper .store-map .popup-area .popup-title {
font-size: 1.46153846em;
}
#emea-wrapper .store-map .popup-area .markerLeft,
#emea-wrapper .store-map .popup-area .markerRight {
font-size: 1.07692308em;
}
}
#emea-wrapper .subscription-lightbox {
display: none;
background: #db011c;
}
#emea-wrapper .subscription-lightbox .subscription-lightbox-header {
display: block;
position: static;
padding: 16px;
zoom: 1;
}
#emea-wrapper .subscription-lightbox .subscription-lightbox-header:before {
content: "";
display: block;
}
#emea-wrapper .subscription-lightbox .subscription-lightbox-header:after {
content: "";
display: table;
clear: both;
}
#emea-wrapper .subscription-lightbox .subscription-lightbox-header .subtitle,
#emea-wrapper .subscription-lightbox .subscription-lightbox-header .title {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx, sans-serif;
font-size: 48px;
text-align: center;
text-rendering: optimizelegibility;
text-shadow: #000 0 1px 3px;
text-transform: uppercase;
}
#emea-wrapper .subscription-lightbox .subscription-lightbox-header .subtitle {
font-size: 18px;
}
#emea-wrapper .subscription-lightbox .overlay-image {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: -30%;
margin-right: -30%;
}
#emea-wrapper .subscription-lightbox .form {
display: block;
padding: 16px;
zoom: 1;
}
#emea-wrapper .subscription-lightbox .form:before {
content: "";
display: block;
}
#emea-wrapper .subscription-lightbox .form:after {
content: "";
display: table;
clear: both;
}
#emea-wrapper .subscription-lightbox .form .form-row {
display: block;
}
#emea-wrapper .subscription-lightbox .form .form-row input[type=text] {
height: 48px;
border: 0;
margin-bottom: 10px;
border-radius: 0;
}
#emea-wrapper .subscription-lightbox .form .form-row .checkLbl {
display: block;
float: none;
width: 100%;
color: #fff;
font-weight: 400;
}
#emea-wrapper .subscription-lightbox .form .form-row .checkLbl p {
line-height: 31px;
}
#emea-wrapper .subscription-lightbox .form .form-row.button-row {
text-align: center;
}
#emea-wrapper .subscription-lightbox .form .terms-link {
display: block;
margin-bottom: 10px;
color: #fff;
}
#emea-wrapper .subscription-lightbox .form .error-message {
display: block;
color: #e2b7b6;
}
#emea-wrapper .subscription-lightbox .form .error-message[style*=inline] {
display: block !important;
margin-bottom: 10px;
}
#emea-wrapper .subscription-lightbox .form .btn {
display: inline-block;
height: auto;
width: auto;
padding: 8px 42px;
margin-bottom: 10px;
border-radius: 0;
font-family: HelveticaNeueLTStd-BdEx, sans-serif;
font-size: 16px;
text-rendering: optimizelegibility;
text-transform: uppercase;
}
#emea-wrapper .subscription-lightbox .confirmation {
display: block;
padding: 16px;
text-align: center;
zoom: 1;
}
#emea-wrapper .subscription-lightbox .confirmation:before {
content: "";
display: block;
}
#emea-wrapper .subscription-lightbox .confirmation:after {
content: "";
display: table;
clear: both;
}
#emea-wrapper .subscription-lightbox .confirmation p {
margin: 0;
}
#emea-wrapper .fancybox-subscription.fancybox-opened .fancybox-skin {
box-shadow: none;
}
#emea-wrapper .fancybox-subscription .fancybox-inner {
overflow: visible !important;
}
#emea-wrapper .tablet-bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #323232;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
overflow: hidden;
}
#emea-wrapper .tablet-bg,
#emea-wrapper .tablet-container {
height: 100%;
}
#emea-wrapper .tablet-container h1,
#emea-wrapper .tablet-container h2,
#emea-wrapper .tablet-container h3,
#emea-wrapper .tablet-container h4,
#emea-wrapper .tablet-container h5,
#emea-wrapper .tablet-container h6 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
line-height: 1.2em;
margin: 0 0 0.5em;
}
#emea-wrapper .tablet-container h1 {
font-size: 2.15384615em;
}
#emea-wrapper .tablet-container h2 {
font-size: 2em;
}
#emea-wrapper .tablet-container h3 {
font-size: 1.84615385em;
}
#emea-wrapper .tablet-container h4 {
font-size: 1.69230769em;
}
#emea-wrapper .tablet-container h5 {
font-size: 1.53846154em;
}
#emea-wrapper .tablet-container h6 {
font-size: 1.38461538em;
}
#emea-wrapper .tablet-container p {
margin: .5em 0;
line-height: 1.2em;
}
#emea-wrapper .tablet-container .inner {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 570px;
width: 65%;
margin: auto;
padding: 15px;
color: #fff;
background: rgba(50, 50, 50, 0.75);
z-index: 2;
}
#emea-wrapper .tablet-container .col-left,
#emea-wrapper .tablet-container .col-right {
height: 100%;
width: 100%;
text-align: center;
}
#emea-wrapper .tablet-container .col-left {
float: left;
padding: 5%;
}
#emea-wrapper .tablet-container .col-right {
float: right;
padding: 32px;
}
#emea-wrapper .tablet-container .title {
display: block;
padding: 1em 32px;
margin-bottom: 0;
background: #db011c;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 2.46153846em;
text-align: center;
}
#emea-wrapper .tablet-container .termsLink {
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .tablet-container .form {
display: block;
padding: 32px;
}
#emea-wrapper .tablet-container .form .form-row {
display: block;
zoom: 1;
font-size: 2.46153846em;
line-height: 1em;
}
#emea-wrapper .tablet-container .form .form-row:before {
content: "";
display: block;
}
#emea-wrapper .tablet-container .form .form-row:after {
content: "";
display: table;
clear: both;
}
#emea-wrapper .tablet-container .form .form-row label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
}
#emea-wrapper .tablet-container .form .form-row input[type=text] {
display: block;
margin: 0 0 .5em;
outline: 0;
border: 0;
padding: 12px 12px 8px;
height: 64px;
width: 100%;
box-shadow: none;
background: #fff;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .tablet-container .form .form-row input[type=submit] {
display: block;
float: none;
margin: 0 25%;
border: 0;
padding: 12px;
height: 64px;
width: 50%;
background: #db011c;
color: #fff;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .tablet-container .form .form-row .text-danger {
margin: 0 0 .5em;
font-size: 0.75em;
}
#emea-wrapper .tablet-container .form .form-row .text-danger[style="display: inline;"] {
display: block !important;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .tablet-container .form .form-row input[type=text] {
font-size: 22px;
}
#emea-wrapper .tablet-container .form .form-row input[type=submit] {
font-size: 20px;
}
}
@media only screen and (max-width: 760px) {
#emea-wrapper .tablet-container .form .form-row input[type=text] {
font-size: 16px;
}
#emea-wrapper .tablet-container .form .form-row input[type=submit] {
font-size: 14px;
}
}
#emea-wrapper .tech-banner {
display: block;
position: relative;
margin: 0 -15px;
background: #323232;
}
@media (min-width: 767px) {
#emea-wrapper .tech-banner {
margin-right: 0;
margin-left: 0;
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
}
}
#emea-wrapper .tech-banner .owl-wrapper-outer {
z-index: 15;
}
#emea-wrapper .tech-banner .owl-controls {
position: static;
height: 0;
z-index: 20;
}
#emea-wrapper .tech-banner .owl-controls:before {
content: " ";
display: none;
position: absolute;
top: 36px;
left: 0;
width: 100%;
height: 1px;
background: #db011c;
z-index: 20;
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .owl-controls:before {
display: block;
}
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 20;
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .owl-controls .owl-pagination {
display: table;
padding: 0 5%;
}
}
@media (min-width: 1200px) {
#emea-wrapper .tech-banner .owl-controls .owl-pagination {
padding: 0 10%;
}
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page {
display: table-cell;
width: 2%;
text-align: center;
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page a {
display: block;
position: relative;
padding-top: 60px;
color: #c2c2c2;
font-size: 12px;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page a:before {
content: " ";
display: block;
position: absolute;
top: 20px;
left: 50%;
margin-left: -16px;
border-radius: 16px;
height: 32px;
width: 32px;
background: none;
background: transparent;
border: 1px solid #db011c;
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page a {
font-size: 14px;
}
}
@media (min-width: 1200px) {
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page a {
font-size: 16px;
}
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page.active a {
color: #fff;
}
#emea-wrapper .tech-banner .owl-controls .owl-pagination .owl-page.active a:before {
background: #db011c;
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons {
z-index: 20;
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div {
position: absolute;
top: 80px;
left: -10px;
width: 60px;
height: 80px;
background: #ef093a;
font-size: 0;
text-indent: -9999px;
text-transform: uppercase;
transition: background .3s ease;
z-index: 20;
}
@media (min-width: 768px) {
#emea-wrapper .tech-banner .owl-controls .owl-buttons div {
width: 80px;
height: 100px;
}
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .owl-controls .owl-buttons div {
top: 50%;
}
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div:focus,
#emea-wrapper .tech-banner .owl-controls .owl-buttons div:hover {
background: #db011c;
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div:before {
content: " ";
display: none;
position: absolute;
bottom: 0;
left: 5px;
width: 70px;
height: 6px;
box-shadow: 0 6px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .owl-controls .owl-buttons div:before {
display: block;
}
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div:after {
content: " ";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin: -15px 0 0 -15px;
border: 15px solid transparent;
border-left: none;
border-right: 30px solid #fff;
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div.owl-next {
left: auto;
right: -10px;
}
#emea-wrapper .tech-banner .owl-controls .owl-buttons div.owl-next:after {
border-left: 30px solid #fff;
border-right: none;
}
#emea-wrapper .tech-banner .items {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
#emea-wrapper .tech-banner .items .item {
display: block;
position: relative;
}
#emea-wrapper .tech-banner .items .item + .item {
display: none;
}
#emea-wrapper .tech-banner .items .item .image-bg {
display: block;
}
#emea-wrapper .tech-banner .items .item .image-fg {
display: block;
position: absolute;
right: 0;
bottom: 0;
}
#emea-wrapper .tech-banner .items .item .title {
display: inline-block;
min-height: 100px;
width: 100%;
padding: 20px;
color: #fff;
font-size: 22px;
text-align: center;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .items .item .title {
position: absolute;
bottom: 0;
left: 0;
height: auto;
padding: 20px 40px;
font-size: 40px;
text-align: left;
background: #000;
background: rgba(0, 0, 0, 0.75);
}
}
#emea-wrapper .tech-banner .items .item .title small {
display: block;
color: #fff;
font-size: 16px;
line-height: 1.2em;
text-transform: none;
}
@media (min-width: 992px) {
#emea-wrapper .tech-banner .items .item .title small {
line-height: 1.5em;
}
}
#emea-wrapper .tech-tabs {
display: block;
position: relative;
margin: 0 -15px;
padding: 0;
background: #323232;
table-layout: fixed;
}
@media (min-width: 767px) {
#emea-wrapper .tech-tabs {
display: table;
margin-right: 0;
margin-left: 0;
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
}
}
#emea-wrapper .tech-tabs .tech-tab {
display: table-cell;
width: 50%;
text-align: center;
background: #db011c;
table-layout: fixed;
}
@media (min-width: 992px) {
#emea-wrapper .tech-tabs .tech-tab {
width: 1%;
}
}
#emea-wrapper .tech-tabs .tech-tab a {
display: block;
padding: 20px 10px;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 18px;
text-transform: uppercase;
}
#emea-wrapper .tech-tabs .tech-tab a small {
display: block;
font-size: 14px;
line-height: 2em;
}
#emea-wrapper .tech-tabs .tech-tab.active {
background: #fff;
}
#emea-wrapper .tech-tabs .tech-tab.active a {
color: #323232;
}
#emea-wrapper .upcoming-events {
background: #ab0116;
padding: 25px 25px 50px;
}
#emea-wrapper .upcoming-events h2 {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 230%;
margin-bottom: 25px;
}
#emea-wrapper .upcoming-events .event {
background: #ededed;
padding: 25px;
}
#emea-wrapper .upcoming-events .event h3 {
color: #595959;
text-align: left;
margin: 0 0 7px;
font-size: 139%;
}
#emea-wrapper .upcoming-events .event h2 {
color: #db011c;
text-transform: uppercase;
text-align: left;
margin: 0 0 7px;
font-size: 170%;
}
#emea-wrapper .upcoming-events .squareGreyBtn {
margin-bottom: 0;
}
@media (max-width: 767px) {
#emea-wrapper .upcoming-events h2 {
background: #fff;
color: #000;
padding: 15px;
}
#emea-wrapper .upcoming-events .event h2 {
background: none;
padding: 0;
}
#emea-wrapper .upcoming-events {
padding: 25px;
}
#emea-wrapper .upcoming-events,
#emea-wrapper .upcoming-events .mobGap:last-child {
margin-bottom: 0 !important;
}
}
@media (max-width: 480px) {
#emea-wrapper .upcoming-events {
font-size: 80%;
padding: 15px;
}
}
#emea-wrapper .updated-nav {
background: #db011c;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
#emea-wrapper .updated-nav {
position: relative;
}
}
#emea-wrapper .nav-header {
background: #db011c;
display: none;
width: 100%;
padding: 17px 0;
text-align: center;
}
@media (max-width: 767px) {
#emea-wrapper .nav-header {
display: none !important;
}
}
#emea-wrapper .nav-header__children {
display: none;
position: absolute;
background: #fff;
padding: 2px 5px 5px 0;
left: 0;
z-index: 1;
min-width: 160px;
width: 100%;
}
#emea-wrapper .nav-header__children .child-item {
display: block;
position: relative;
}
#emea-wrapper .nav-header__children .child-item:after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
height: 1px;
width: 0;
transition: all .35s ease;
background-color: #db011c;
}
#emea-wrapper .nav-header__children .child-item:hover:after {
width: 75%;
}
#emea-wrapper .nav-header__children li {
display: block;
}
#emea-wrapper .nav-header__children li a {
color: #db011c;
}
#emea-wrapper .nav-header ul {
margin-bottom: 0;
}
#emea-wrapper .nav-header li {
list-style: none;
display: inline-block;
position: relative;
padding: 5px;
}
#emea-wrapper .nav-header li:hover {
background: #fff;
}
#emea-wrapper .nav-header li:hover .nav-header__children {
display: block;
}
#emea-wrapper .nav-header li:hover a {
color: #db011c;
}
#emea-wrapper .nav-header li a {
color: #fff;
}
#emea-wrapper .nav-header hr {
width: 0;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
transition: width 0.4s ease-in-out;
transition-delay: 0.35s;
}
#emea-wrapper .nav-header.active hr {
width: 75%;
}
#emea-wrapper .secondary-burger__text {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 11px;
}
@media (max-width: 767px) {
#emea-wrapper .secondary-burger {
display: none;
}
}
#emea-wrapper .nav-main {
transition: left .5s;
display: inline-block;
max-width: 100%;
padding-left: 20px;
padding-top: 8px;
padding-bottom: 8px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: -30px;
}
@media (max-width: 767px) {
#emea-wrapper .nav-main {
display: none;
padding: 0;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 100;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .nav-main {
display: block;
padding-left: 0;
width: 100%;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
}
@media (min-width: 1200px) {
#emea-wrapper .nav-main {
min-width: 530px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .nav-main {
min-width: 600px;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-main.is-active {
left: -100%;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-main.sub-is-active {
left: -200%;
}
}
#emea-wrapper .nav-main .nav li.mob-only {
display: none;
}
@media (max-width: 767px) {
#emea-wrapper .nav-main .nav li.mob-only {
display: block;
}
}
#emea-wrapper .nav-right-area {
transition-property: top;
transition-duration: 0.5s;
}
@media (max-width: 767px) {
#emea-wrapper .nav-right-area {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
#emea-wrapper .nav-right-area.drop-items {
top: 74px;
}
}
#emea-wrapper .nav-right-area .countriesLang {
padding: 14px 10px;
width: 100px;
background-color: #fff;
}
#emea-wrapper .nav-drop-down {
transition: left .5s;
margin-top: 20px;
padding: 20px 0;
position: absolute;
left: 0;
width: 100%;
z-index: 10001;
display: none;
background: #fff;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down {
display: block;
visibility: hidden;
background: #fff;
left: 100%;
top: 0;
margin-top: 0;
padding-top: 0;
}
}
@media (max-width: 1400px) {
#emea-wrapper .nav-drop-down {
padding: 5px 0 20px;
}
}
#emea-wrapper .nav-drop-down .row-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 992px) and (max-width: 1024px) {
#emea-wrapper .nav-drop-down .row-flex {
width: 70%;
margin-left: 20px;
}
}
@media (min-width: 768px) {
#emea-wrapper .nav-drop-down .row-flex .col-sm-4 {
-webkit-flex-basis: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
}
@media (min-width: 992px) {
#emea-wrapper .nav-drop-down .row-flex .col-md-2 {
-webkit-flex-basis: 16%;
-ms-flex-preferred-size: 16%;
flex-basis: 16%;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down .row-flex [class^=col-] {
position: static;
}
}
@media (min-width: 768px) {
#emea-wrapper .nav-drop-down.is-active,
#emea-wrapper .nav-drop-down.is-active .nav-drop-down__product-image,
#emea-wrapper .nav .dropdown.active .nav-drop-down,
#emea-wrapper .nav .dropdown.active .nav-drop-down .nav-drop-down__product-image,
#emea-wrapper .nav li:hover > .nav-drop-down,
#emea-wrapper .nav li:hover > .nav-drop-down .nav-drop-down__product-image {
display: block;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down.is-active {
visibility: visible;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down [class^=col-] {
position: static;
}
}
#emea-wrapper .nav-drop-down__standard-list {
padding: 0;
margin: 0;
}
#emea-wrapper .nav-drop-down__standard-list li {
font-size: 13px;
list-style: none;
margin-bottom: 10px;
}
#emea-wrapper .nav-drop-down__standard-list li a {
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__standard-list li a {
padding: 15px;
margin: 0;
}
}
#emea-wrapper .nav-drop-down__back-btn {
padding: 10px 0;
font-size: 15px;
font-family: HelveticaNeueLTStd-BdEx;
background-color: #000;
color: #db011c;
}
#emea-wrapper .nav-drop-down__selection-title {
padding: 12px 15px;
font-size: 15px;
font-family: HelveticaNeueLTStd-BdEx;
background-color: #c2c2c2;
color: #fff;
line-height: 20px;
}
#emea-wrapper .nav-drop-down__lead-link {
display: inline-block;
min-height: 40px;
font-family: HelveticaNeueMed;
line-height: 1.1;
width: 100%;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__lead-link {
border-bottom: 1px solid #c2c2c2;
min-height: auto;
font-size: 15px;
color: #db011c;
padding: 15px 0;
width: 100%;
}
}
@media (max-width: 1400px) {
#emea-wrapper .nav-drop-down__lead-link {
width: 70%;
}
}
#emea-wrapper .nav-drop-down .no-items {
display: none;
}
#emea-wrapper .nav-drop-down__sub-links {
transition: left .5s;
list-style: none;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__sub-links {
position: absolute;
visibility: hidden;
width: 100%;
background: #fff;
border-bottom: 1px solid #c2c2c2;
top: 0;
left: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
z-index: 2;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#emea-wrapper .nav-drop-down__sub-links {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__sub-links.is-active {
visibility: visible;
}
}
#emea-wrapper .nav-drop-down__sub-links li {
margin-bottom: 5px;
}
#emea-wrapper .nav-drop-down__sub-links > li:first-child > a {
color: #db011c;
font-size: 13px;
text-shadow: none;
font-family: HelveticaNeueMed;
}
#emea-wrapper .nav-drop-down__sub-links > li > a {
color: #747474;
font-size: 13px;
text-shadow: none;
display: inline;
padding-top: 0px;
font-family: HelveticaNeueMed;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__sub-links li {
margin-bottom: 0;
}
}
#emea-wrapper .nav-drop-down__sub-links li.no-items {
display: none !important;
}
#emea-wrapper .nav-drop-down__sub-links li.no-items a {
color: #d3d3d3;
}
#emea-wrapper .nav-drop-down__sub-links a {
color: #747474;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__sub-links a {
padding: 15px;
}
}
#emea-wrapper .nav-drop-down__link-description {
display: none;
}
@media (min-width: 768px) {
#emea-wrapper .nav-drop-down__link-description {
display: block;
}
}
#emea-wrapper .nav-drop-down__media {
width: 100%;
}
#emea-wrapper .nav-drop-down__product-image {
height: 0;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 100%;
display: none;
}
#emea-wrapper .nav-drop-down__filter-area {
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down__filter-area {
display: none;
}
}
#emea-wrapper .nav-drop-down__filter-checkboxes {
padding-left: 20px;
display: inline-block;
vertical-align: middle;
}
#emea-wrapper .nav-drop-down__filter-checkboxes .checkLbl {
margin-right: 20px;
color: #db011c;
line-height: 1.9;
margin-bottom: 5px;
}
#emea-wrapper .nav-drop-down__filter-checkboxes .checkLbl img {
height: 27px;
}
#emea-wrapper .nav-drop-down__filter-checkboxes input[type=checkbox] + .checkLbl span {
width: 25px;
height: 25px;
margin-right: 10px;
background-position: -36px -199px;
}
#emea-wrapper .nav-drop-down__filter-checkboxes input[type=checkbox]:checked + .checkLbl span {
background-position: -2px -200px;
}
#emea-wrapper .nav-drop-down__filter-button:hover input[type=button] {
color: #d5d5d5;
}
#emea-wrapper .nav-drop-down__filter-button input[type=button] {
border: none;
background-color: #db011c;
color: #fff;
font-size: 14px;
border-radius: 3px;
font-family: HelveticaNeueLTStd-BdEx;
outline: none;
text-transform: uppercase;
}
#emea-wrapper .nav-drop-down hr {
margin: 5px 0 0;
border-top-color: #c9c9c9;
}
@media (max-width: 767px) {
#emea-wrapper .nav-drop-down hr {
display: none;
}
}
#emea-wrapper .one-key-area {
border-left: 1px solid #960000;
margin-top: 25px;
padding: 0 10px;
display: inline-block;
float: right;
text-align: center;
}
@media (max-width: 767px) {
#emea-wrapper .one-key-area {
border-left: none;
border-bottom: 1px solid #c2c2c2;
float: none;
display: block;
margin-top: 0;
text-align: left;
padding: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#emea-wrapper .one-key-area {
margin-top: 10px;
}
}
#emea-wrapper .one-key-area__logo {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 16px;
display: block;
line-height: 18px;
}
@media (max-width: 767px) {
#emea-wrapper .one-key-area__logo {
display: inline-block;
padding-right: 5px;
}
}
#emea-wrapper .one-key-area__link {
display: inline-block;
padding: 0 5px;
}
#emea-wrapper .one-key-area__link a {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 13px;
color: #fff;
}
@media (max-width: 767px) {
#emea-wrapper .one-key-area__link a {
color: #db011c;
font-size: 15px;
}
}
@media (max-width: 767px) {
#emea-wrapper .one-key-area__link + .one-key-area__link:before {
content: ":";
padding-right: 12px;
}
}
#emea-wrapper .main-nav-secondary-links {
display: none;
border-bottom: 1px solid #c2c2c2;
}
@media (max-width: 767px) {
#emea-wrapper .main-nav-secondary-links {
display: block;
}
}
#emea-wrapper .main-nav-secondary-links ul {
list-style: none;
padding-top: 15px;
padding-left: 15px;
}
#emea-wrapper .main-nav-secondary-links li {
padding-bottom: 10px;
}
#emea-wrapper .main-nav-secondary-links a {
font-size: 16px;
}
#emea-wrapper .header-menu-btn,
#emea-wrapper .mob-menu-btn {
transition: all 0.4s ease-in-out;
width: 32px;
height: 32px;
position: absolute;
top: 25px;
right: 10px;
z-index: 60;
cursor: pointer;
}
@media (min-width: 768px) {
#emea-wrapper .header-menu-btn,
#emea-wrapper .mob-menu-btn {
display: none;
}
}
@media (max-width: 768px) {
#emea-wrapper .header-menu-btn,
#emea-wrapper .mob-menu-btn {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
}
#emea-wrapper .header-menu-btn .line,
#emea-wrapper .mob-menu-btn .line {
display: block;
position: absolute;
left: 0;
background: #fff;
width: 70%;
height: 4px;
transition: all 0.4s ease-in-out;
}
#emea-wrapper .header-menu-btn .line.one,
#emea-wrapper .mob-menu-btn .line.one {
top: 0;
}
#emea-wrapper .header-menu-btn .line.two,
#emea-wrapper .mob-menu-btn .line.two {
top: 10px;
}
#emea-wrapper .header-menu-btn .line.three,
#emea-wrapper .mob-menu-btn .line.three {
top: 20px;
}
@media (max-width: 768px) {
#emea-wrapper .header-menu-btn .line,
#emea-wrapper .mob-menu-btn .line {
width: 100%;
}
}
#emea-wrapper .header-menu-btn.transform-x .line,
#emea-wrapper .mob-menu-btn.transform-x .line {
width: 70%;
left: 4px;
}
#emea-wrapper .header-menu-btn.transform-x .line.one,
#emea-wrapper .mob-menu-btn.transform-x .line.one {
top: 8px;
-webkit-transform: rotate(47deg);
-ms-transform: rotate(47deg);
transform: rotate(47deg);
}
#emea-wrapper .header-menu-btn.transform-x .line.two,
#emea-wrapper .mob-menu-btn.transform-x .line.two {
opacity: 0;
}
#emea-wrapper .header-menu-btn.transform-x .line.three,
#emea-wrapper .mob-menu-btn.transform-x .line.three {
top: 8px;
-webkit-transform: rotate(-49deg);
-ms-transform: rotate(-49deg);
transform: rotate(-49deg);
}
#emea-wrapper .header-menu-btn {
display: block;
height: 36px;
width: 40px;
position: relative;
top: 0;
left: 6px;
transition-property: top;
transition-duration: 0.3s;
}
#emea-wrapper .header-menu-btn.rotated:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotateX(180deg);
transform: translateX(-50%) translateY(-50%) rotateX(180deg);
}
@media (max-width: 767px) {
#emea-wrapper .header-menu-btn {
display: none;
}
}
#emea-wrapper .header-menu-btn .line {
width: 70%;
height: 4px;
left: 0;
}
#emea-wrapper .header-menu-btn .line.one {
top: 7px;
}
#emea-wrapper .header-menu-btn .line.two {
top: 17px;
}
#emea-wrapper .header-menu-btn .line.three {
top: 27px;
}
#emea-wrapper .header-menu-btn.transform-x {
left: 2px;
top: 7px;
}
#emea-wrapper .header-menu-btn.transform-x .line {
width: 70%;
}
#emea-wrapper .header-menu-btn.transform-x .line.one {
top: 8px;
}
#emea-wrapper .header-menu-btn.transform-x .line.two {
opacity: 0;
}
#emea-wrapper .header-menu-btn.transform-x .line.three {
top: 8px;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified .nav-drop-down__standard-list > li {
margin: 0;
}
}
#emea-wrapper .nav-justified .nav-drop-down__standard-list > li .nav-drop-down__lead-link {
font-size: 13px;
list-style: none;
margin-bottom: 10px;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 767px) {
#emea-wrapper .nav-justified .nav-drop-down__standard-list > li .nav-drop-down__lead-link {
padding: 15px;
margin: 0;
}
}
#emea-wrapper .nav-content-overlay {
display: block;
position: absolute;
top: 85px;
left: 0;
background-color: #282828;
width: 100vw;
height: 100%;
z-index: 2;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
#emea-wrapper .nav-content-overlay.active {
opacity: 0.7;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container {
background-color: #db011c;
text-align: center;
padding: 20px 30px;
font-family: HelveticaNeue, Helvetica, sans-serif;
margin-bottom: 30px;
}
@media (max-width: 992px) {
#emea-wrapper .nav-promo-item.nav-promo-item--container {
width: 60%;
margin: 0 auto;
}
}
#emea-wrapper .nav-promo-item.nav-promo-item--container img {
max-width: 60%;
margin-bottom: 20px;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container h3 {
color: #000;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container p {
color: #fff;
font-size: 16px;
margin-bottom: 30px;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container .sign-in-button {
display: inline-block;
background-color: #000;
color: #fff;
width: auto;
height: auto;
padding: 10px 35px;
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
cursor: pointer;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container .sign-in-button:hover {
background-color: #fff;
color: #000;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container .footer-description a {
color: #000;
font-weight: 700;
text-decoration: none;
font-size: 18px;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container .footer-description a:hover {
color: #fff;
}
@media (max-width: 767px) {
#emea-wrapper .nav-promo-item.nav-promo-item--container {
padding: 15px;
width: 100%;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container a {
text-align: center;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container h3 {
font-size: 15px;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container .sign-in-button {
font-size: 15px;
margin-bottom: 10px;
}
#emea-wrapper .nav-promo-item.nav-promo-item--container p {
font-size: 13px;
margin-bottom: 10px;
}
}
#emea-wrapper .video-filter {
width: 100%;
border: 1px solid #c2c2c2;
background: #f1f1f1;
margin-bottom: 10px;
}
#emea-wrapper .video-filter h3 .dropFilterArrow {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 42px;
height: 42px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -33px -568px no-repeat;
}
#emea-wrapper .video-filter h3.openFilter .dropFilterArrow {
background-position: -81px -568px;
}
#emea-wrapper .video-filter .searchArea {
position: relative;
float: none;
margin-top: 0;
margin-bottom: 10px;
width: 100% !important;
}
#emea-wrapper .video-filter h3 {
display: block;
margin: 0;
padding: 21px 50px 21px 12px;
background: #d1cfd0;
color: #323232;
text-transform: uppercase;
font-size: 105%;
position: relative;
cursor: pointer;
}
#emea-wrapper .video-filter.twitterBox h3 {
position: relative;
padding-right: 40px;
}
#emea-wrapper .video-filter.blogPost .video-filterNav a span {
display: inline-block;
float: none;
margin: 0;
width: auto;
height: auto;
background: none;
}
#emea-wrapper .video-filterTabs {
margin-bottom: 15px;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop {
padding: 15px;
cursor: pointer;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop.byTradeFilter {
margin-bottom: 15px;
}
#emea-wrapper .video-filterMainDrop {
display: none;
left: 0;
border: 1px solid #323232;
background: #fff;
}
#emea-wrapper .video-leftFilter {
color: #fff;
width: 60%;
float: left;
background: #323232;
}
#emea-wrapper .video-rightFilter {
background: #edebec;
color: #323232;
width: 40%;
float: left;
}
#emea-wrapper .video-rightFilter .video-filterItemArea {
width: 100%;
float: none;
background: #404040;
}
#emea-wrapper .video-rightFilter .video-filterItemArea .video-filterItemTop {
color: #fff;
}
#emea-wrapper .video-rightFilter .video-filterItemArea .video-filterItems {
display: block;
padding-left: 15px;
}
#emea-wrapper .video-leftFilter .video-filterItems .third {
float: left;
width: 32%;
margin-right: 1%;
clear: none;
}
#emea-wrapper .video-rightFilter .video-filterItems .halves {
float: left;
width: 48%;
margin-right: 1%;
clear: none;
}
#emea-wrapper .video-filterItemArea .video-filterItems#filter3 ul li label {
font-weight: 400;
background-size: 60px 22px;
background-position: 0;
background-repeat: no-repeat;
padding-top: 8px;
min-height: 45px;
padding-left: 70px;
}
#emea-wrapper .video-filterItemArea #filter3.video-filterItems ul li.third {
width: 47%;
}
#emea-wrapper .video-filterItemArea .video-filterItems#filter3 p {
line-height: 17px;
}
#emea-wrapper .video-rightFilter .video-filterItemArea .video-filterItems ul li label {
background-size: 70px 70px;
padding-left: 80px;
background-position: 0;
background-repeat: no-repeat;
min-height: 45px;
}
#emea-wrapper .video-leftFilter .video-filterLine {
display: block;
width: 100%;
height: 5px;
background: #b2b2b2;
margin-top: 10px;
}
#emea-wrapper .video-leftFilter .active-tab .video-filterLine {
background: #fff;
}
#emea-wrapper .video-rightFilter .video-filterLine {
display: block;
width: 100%;
height: 5px;
background: #4d4d4d;
margin-top: 10px;
}
#emea-wrapper .video-leftFilter .video-filterItemArea {
float: left;
width: 25%;
background: #4f4f4f;
}
#emea-wrapper .video-leftFilter .video-filterItemArea.active-tab {
background: #404040;
}
#emea-wrapper .video-leftFilter .video-filterItemArea.video-filterOptionArea {
width: 100%;
float: none;
background: #404040;
}
#emea-wrapper .video-leftFilter .video-filterItemArea.video-filterOptionArea .video-filterItems {
padding: 0 15px;
display: none;
}
#emea-wrapper .video-filterNav {
padding: 15px;
}
#emea-wrapper .video-filterNav a {
display: block;
line-height: 32px;
color: #323232;
font-size: 14px;
}
#emea-wrapper .video-filterNav.archive a,
#emea-wrapper .video-filterNav a:hover {
color: #db011c;
}
#emea-wrapper .video-filterNav.archive a:hover {
color: #323232;
}
#emea-wrapper .video-filterNav .clearselection {
display: block;
float: left;
clear: both;
padding: 4px 8px;
background: #ef093a;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 12px;
text-transform: uppercase;
}
#emea-wrapper .video-filterNav ul {
margin: 0;
padding: 0;
}
#emea-wrapper .video-filterNav ul li a .sideNavArow {
margin-top: 2px;
}
#emea-wrapper .video-filter h5 {
display: block;
font-weight: 700;
}
#emea-wrapper .video-filter .video-filterNav h5 {
padding-bottom: 5px;
line-height: 32px;
font-size: 14px;
}
#emea-wrapper .video-filter .video-filterNav ul {
padding-bottom: 15px;
}
#emea-wrapper .video-filter .video-filterNav a span {
display: block;
position: relative;
float: left;
height: 32px;
width: 32px;
margin-right: 7px;
background: #ef093a;
}
#emea-wrapper .video-filter .video-filterNav a span:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
height: 5px;
width: 20px;
margin: -2.5px 0 0 -10px;
background: #fff;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop .video-filterPlus {
display: block;
float: left;
width: 17px;
height: 17px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) 0 -166px no-repeat;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop.activeFilter .video-filterPlus {
background-position: -23px -166px;
}
#emea-wrapper .video-filterItemArea .video-filterItems {
padding: 0 15px 0 41px;
}
#emea-wrapper .video-filterItemArea .video-filterItems p:hover,
#emea-wrapper .video-filterItemTop h5:hover {
color: #db011c;
}
#emea-wrapper .video-filter ul {
margin: 0;
padding: 0;
}
#emea-wrapper .video-filter ul li {
display: block;
margin-bottom: 5px;
list-style: none;
}
#emea-wrapper .video-filterItemArea .video-filterItems a {
color: #323232;
}
#emea-wrapper .video-filterItemArea .video-filterItems a:hover {
color: #db011c;
}
#emea-wrapper .video-filterItemArea .video-filterItems ul {
margin: 0;
padding: 0;
}
#emea-wrapper .video-filterItemArea .video-filterItems ul li {
float: left;
clear: both;
width: 100%;
}
#emea-wrapper .video-filterItemArea .video-filterItems ul li label {
font-weight: 400;
}
#emea-wrapper .video-filterItemArea .video-filterItems ul li label span {
display: none;
}
@media (max-width: 991px) {
#emea-wrapper .video-filterItemArea #filter3.video-filterItems ul li.third {
width: 100%;
margin-right: 0;
}
#emea-wrapper .video-filter {
font-size: 90%;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop {
padding: 15px 5px;
}
#emea-wrapper .video-filter h5 {
font-size: 90%;
}
#emea-wrapper .video-rightFilter .video-filterItems .halves {
float: none;
width: 100%;
}
}
@media (max-width: 767px) {
#emea-wrapper .video-leftFilter,
#emea-wrapper .video-rightFilter {
width: 100%;
float: none;
height: auto !important;
}
#emea-wrapper .video-rightFilter .video-filterItems .halves {
clear: none;
float: left;
margin-right: 1%;
width: 48%;
}
#emea-wrapper .video-filterItemArea.active-tab .video-filterItemTop h5 {
color: #fff;
}
#emea-wrapper .video-filterItemArea .video-filterItemTop h5 {
font-family: HelveticaNeueLTStd-BdEx;
color: #db011c;
text-transform: uppercase;
font-weight: 400;
}
#emea-wrapper .video-filter {
border-radius: 0;
box-shadow: none;
}
#emea-wrapper .video-filter h3 {
font-size: 125%;
}
#emea-wrapper .video-filterArea {
padding: 0;
}
}
@media (max-width: 480px) {
#emea-wrapper .video-leftFilter .video-filterItems .third,
#emea-wrapper .video-rightFilter .video-filterItems .halves {
float: none;
margin-right: 0;
width: 100%;
}
#emea-wrapper .video-leftFilter .video-filterItemArea {
float: left;
width: 50%;
}
#emea-wrapper .video-leftFilter .video-filterItemArea:nth-child(3) {
clear: left;
}
}
@media (max-width: 320px) {
#emea-wrapper .video-filter h5 {
font-size: 80%;
}
#emea-wrapper .video-filter h3 {
font-size: 100%;
}
}
#emea-wrapper .videoArea {
position: relative;
text-align: center;
background: #000;
display: none;
}
#emea-wrapper .videoArea .videoBg {
margin: 0;
padding: 0;
background: url(sitefiles/dist/6ad1075dafb2cc1600194360bb8db520.jpg) bottom no-repeat;
}
#emea-wrapper .videoArea .videoBg .bannerText {
position: relative;
top: 0;
left: 0;
float: left;
z-index: 1;
padding: 20px 15px;
padding-top: 40px;
width: auto;
text-align: left;
}
#emea-wrapper .videoArea .videoBg .bannerText h1 {
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 310%;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
#emea-wrapper .videoArea .videoBg .bannerText h2 {
color: #fff;
margin-top: 20px;
font-weight: 700;
font-size: 167%;
font-family: HelveticaNeue;
}
#emea-wrapper .videoArea .videoBg .bannerText p {
color: #fff;
font-size: 100%;
line-height: 1.8;
margin: 10px 0;
font-family: Helvetica;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn {
padding: 20px 0;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn h2 {
font-size: 100%;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn h2 a {
display: block;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn a {
font-size: 96%;
background: #db011c;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
padding: 10px 15px;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn a:hover {
background: #f50522;
}
#emea-wrapper .videoArea .featuredArea {
position: relative;
top: 0;
left: 0;
padding: 20px 15px;
}
#emea-wrapper .videoArea .featuredArea img {
width: 100%;
}
#emea-wrapper .videoArea .featuredArea .redBox {
width: 100%;
margin: 10px 0;
color: #fff;
text-transform: uppercase;
text-align: left;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 133%;
}
#emea-wrapper .videoArea .featuredArea a {
position: relative;
display: block;
border: 1px solid #eaeaea;
}
#emea-wrapper .fullImg img {
width: 100%;
}
#emea-wrapper .overlayBtn {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -47px -42px;
height: 92px;
width: 94px;
}
#emea-wrapper .overlayBtn:hover {
opacity: 0.8;
}
#emea-wrapper .smallOverlay {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -20px -18px;
height: 60px;
width: 58px;
}
#emea-wrapper .smallOverlay:hover {
opacity: 0.8;
}
#emea-wrapper .smallerOverlay {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -20px;
height: 40px;
width: 40px;
}
#emea-wrapper .smallerOverlay:hover {
opacity: 0.8;
}
#emea-wrapper .paddingFix {
padding: 0 0 20px !important;
}
#emea-wrapper .leftVid {
padding: 0;
background: #494949;
}
#emea-wrapper .leftVid .darkerGreyBox {
padding: 10px 30px;
background: #323232;
}
#emea-wrapper .leftVid .mediumGreyBox {
padding: 30px 30px 10px;
background: #494949;
}
#emea-wrapper .leftVid .mediumGreyBox h3 {
font-family: Helvetica;
margin-top: 10px;
font-size: 105%;
}
#emea-wrapper .leftVid .mediumGreyBox .fullRedBtn {
float: left;
}
#emea-wrapper .rightVid {
padding: 0;
}
#emea-wrapper .rightVid .lighterGreyBox {
padding: 30px 30px 10px;
background: #e9e9e9;
}
#emea-wrapper .rightVid .lighterGreyBox h3 {
font-family: Helvetica;
color: #323232;
font-weight: 700;
font-size: 105%;
}
#emea-wrapper .rightVid .whiteBox {
padding: 30px 30px 10px;
background: #fff;
}
#emea-wrapper .rightVid .whiteBox h3 {
font-family: Helvetica;
color: #323232;
font-weight: 700;
font-size: 105%;
}
#emea-wrapper .videoGal h2 {
word-break: break-word;
font-size: 150%;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
margin: 20px 0;
}
#emea-wrapper .videoGal h2,
#emea-wrapper .videoGal h3 {
color: #fff;
font-weight: 700;
}
#emea-wrapper .videoGal h3 {
font-size: 142%;
font-family: HelveticaNeue;
margin: 6px 0;
}
#emea-wrapper .videoGal h3.boldH {
font-size: 150%;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .videoGal p {
color: #fff !important;
font-size: 85%;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0;
}
#emea-wrapper .videoGal .readMoreVid {
color: #fff;
font-weight: 400;
text-align: right;
display: block;
width: 100%;
}
#emea-wrapper .videoGal .readMoreVid a {
color: #fff;
}
#emea-wrapper .videoGal .readMoreVid a:hover {
color: #fff;
text-decoration: underline;
}
#emea-wrapper .videoGal .darkGreyBox {
margin-bottom: 15px;
}
#emea-wrapper .videoGal .darkGreyBox h2 {
margin: 0;
color: #323232;
}
#emea-wrapper .videoGal .redBtn {
padding: 20px 0;
}
#emea-wrapper .videoGal .redBtn h2 {
font-size: 100%;
}
#emea-wrapper .videoGal .redBtn a {
font-size: 96%;
background: #db011c;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
padding: 10px 15px;
}
#emea-wrapper .videoGal .redBtn a:hover {
background: #f50522;
}
#emea-wrapper .videoGal .expertBoxes {
padding: 0;
}
#emea-wrapper .videoGal .expertBoxes h3 {
word-wrap: break-word;
}
#emea-wrapper .videoGal .expertBoxes p {
color: #000 !important;
}
#emea-wrapper .fullRedBtn {
margin-bottom: 15px;
background: #db011c;
color: #fff;
text-align: left;
width: 100%;
position: relative;
}
#emea-wrapper .fullRedBtn:hover {
background: #373636;
}
#emea-wrapper .fullRedBtn h2 {
margin: 0;
font-size: 113%;
text-shadow: none;
}
#emea-wrapper .fullRedBtn .btnArrow {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 6px;
right: 6px;
background: url(sitefiles/dist/d9b94baa40a2eb2530f5d64cb98ed546.png) no-repeat;
}
#emea-wrapper .fullRedBtn a {
color: #fff;
padding: 18px 20px;
padding-right: 52px;
display: block;
}
#emea-wrapper .fullRedBtn a:hover .btnArrow {
background: url(sitefiles/dist/f77026d7b1d4b2d68b9d914e90fabc6f.png) no-repeat;
}
#emea-wrapper .blackBreak {
height: 20px;
width: 100%;
border-bottom: 2px solid #000;
}
#emea-wrapper .whiteBreak {
height: 20px;
width: 100%;
border-top: 1px solid #f8f8f8;
}
#emea-wrapper .featuredInner .redBg {
background: #db011c;
margin-bottom: 20px;
padding: 6px 6px 20px;
}
#emea-wrapper .featuredInner .redBg h2 {
color: #fff;
margin: 12px 0;
font-size: 178%;
font-family: HelveticaNeueMed;
padding: 0 10px;
}
#emea-wrapper .featuredInner .redBg p {
color: #fff !important;
font-family: Helvetica;
padding: 0 10px;
}
#emea-wrapper .featuredInner .redBg a .readMoreVid {
color: #fff;
}
#emea-wrapper .featuredInner .redBg a .readMoreVid:hover {
text-decoration: underline;
}
#emea-wrapper .featuredInner .filter {
margin-bottom: 30px;
}
#emea-wrapper .featuredInner .mainContent {
position: relative;
padding: 1px 10px 20px;
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
background: #fff;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner {
padding: 10px 0 20px;
background: #323232;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner img {
width: 100%;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner .featuredTitle {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 170%;
text-transform: uppercase;
padding-bottom: 10px;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner h2 {
font-family: HelveticaNeueLTStd-BdEx;
color: #fff;
font-weight: 700;
font-size: 167%;
padding: 36px 0 20px;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner p {
line-height: 1.8;
color: #fff;
font-family: Helvetica;
font-size: 105%;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner .linkToProduct {
margin: 25px 0 10px;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner .linkToProduct a {
padding: 10px 35px;
background: #000;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 111%;
text-transform: uppercase;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner .linkToProduct a:hover {
background: #1b1b1b;
}
#emea-wrapper .featuredInner .innerTested .expert img {
width: 100%;
}
#emea-wrapper .featuredInner .innerTested .blackBreak {
height: 20px;
width: 85%;
border-bottom: 2px solid #d8d8d8;
margin: 0 auto 20px;
}
#emea-wrapper .featuredInner .innerTested h3 {
color: #db011c;
font-size: 140%;
margin: 13px 0;
}
#emea-wrapper .featuredInner .innerTested p {
font-family: Arial, Helvetica, sans-serif;
color: #323232;
font-size: 112%;
line-height: 1.2em;
}
#emea-wrapper .featuredInner .innerTested .readMoreVid {
text-align: right;
}
#emea-wrapper .featuredInner .innerTested .readMoreVid a {
color: #000;
font-weight: 700;
}
#emea-wrapper .featuredInner .innerTested .readMoreVid a:hover {
text-decoration: underline;
}
#emea-wrapper .featuredInner .load-more {
width: 100%;
text-align: center;
margin: 10px 0 50px;
}
#emea-wrapper .featuredInner .load-more a {
cursor: pointer;
padding: 12px 32px;
background: #db011c;
color: #fff;
text-align: center;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 96%;
text-transform: uppercase;
}
#emea-wrapper .featuredInner .load-more a:hover {
background: #f50522;
}
#emea-wrapper .noPad {
padding: 0 !important;
}
#emea-wrapper .borderGrey {
border: 1px solid #eee;
}
#emea-wrapper .redBg {
background: #bb0118;
margin-bottom: 10px;
}
#emea-wrapper .redBg .borderGrey {
text-align: center;
}
#emea-wrapper .redBg .redBtn {
color: #fff;
padding: 0 10px;
}
#emea-wrapper .redBg .redBtn:hover {
text-decoration: underline;
}
#emea-wrapper .redProfile {
color: #fff;
padding: 8px;
}
#emea-wrapper .redProfile .nameProfile {
font-size: 119%;
font-family: HelveticaNeueMed;
}
#emea-wrapper .redProfile .textProfile {
font-size: 75%;
font-family: Helvetica;
}
#emea-wrapper .vidMargBtm {
margin-bottom: 12px;
}
#emea-wrapper .galleryPop {
position: relative;
}
#emea-wrapper .galleryPop:hover .overlayBtn,
#emea-wrapper .galleryPop:hover .smallerOverlay,
#emea-wrapper .galleryPop:hover .smallOverlay {
opacity: 0.8;
}
#emea-wrapper .marginBottom {
margin-bottom: 20px;
}
#emea-wrapper .PagerControl {
display: none;
}
@media (max-width: 991px) {
#emea-wrapper .featuredTopInner .galleryPop {
text-align: center;
}
#emea-wrapper .featuredInner .mainContent .featuredTopInner h2 {
font-size: 195%;
padding: 10px 0;
}
#emea-wrapper .videoArea .videoBg .bannerText h1 {
font-size: 225%;
}
#emea-wrapper .videoArea .videoBg .bannerText h2 {
font-size: 131%;
}
}
@media (max-width: 767px) {
#emea-wrapper .leftVid,
#emea-wrapper .rightVid {
height: auto !important;
}
#emea-wrapper .innerTested,
#emea-wrapper .lighterGreyBox,
#emea-wrapper .mediumGreyBox,
#emea-wrapper .whiteBox {
text-align: center;
}
#emea-wrapper .innerTested .expert img {
width: auto;
}
#emea-wrapper .featuredInner .mainContent {
border: none;
}
#emea-wrapper .featuredInner .innerTested .readMoreVid {
text-align: center;
}
#emea-wrapper .overlayBtn {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -30px -25px;
height: 60px;
width: 58px;
}
#emea-wrapper .lightGreySmallerBox a,
#emea-wrapper .lightRedBox a {
padding: 10px !important;
}
#emea-wrapper .videoArea .featuredArea .redBox {
padding: 10px 25px;
}
#emea-wrapper .videoBg .bannerText {
float: none !important;
}
#emea-wrapper .galleryPop img,
#emea-wrapper .redBg {
text-align: center;
}
}
@media (max-width: 480px) {
#emea-wrapper .expertVideoBox .smallOverlay,
#emea-wrapper .smallerOverlay {
margin: -15px;
height: 30px;
width: 30px;
}
#emea-wrapper .videoArea .videoBg .bannerText .redBtn a {
display: block;
}
}
#emea-wrapper .video-landing .background-overlay {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
#emea-wrapper .video-landing .content-area {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 1.07692308em;
color: #fff;
}
#emea-wrapper .win-full-page,
#emea-wrapper .win-master,
#emea-wrapper .win-master body,
#emea-wrapper .win-master form {
width: 100%;
height: 100%;
}
#emea-wrapper .win-full-page {
background: #db011c url(sitefiles/dist/d8ed7bbab412ba27e6d083b927b92bb5.jpg) 0 0 no-repeat;
background-size: cover;
background-position: 50%;
text-align: center;
}
#emea-wrapper .win-full-page .outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
#emea-wrapper .win-full-page .middle {
display: table-cell;
vertical-align: top;
padding-top: 10%;
}
#emea-wrapper .win-full-page .inner {
position: absolute;
top: 27%;
left: 50%;
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.6);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#emea-wrapper .win-full-page .inner select {
height: 58px !important;
}
#emea-wrapper .win-full-page .competition h1,
#emea-wrapper .win-full-page .language h1 {
text-align: center;
font-size: 1.6em;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
margin-bottom: 0.9em;
}
#emea-wrapper .win-full-page .form-control {
margin: 10px 0;
border: 1px solid grey;
border-radius: 4px;
height: 45px;
line-height: 45px;
}
#emea-wrapper .win-full-page .checkbox label,
#emea-wrapper .win-full-page .radio label {
width: 100%;
margin-bottom: 15px;
}
#emea-wrapper .win-full-page .compareBox .prod,
#emea-wrapper .win-full-page input[type=checkbox] + .checkLbl span {
width: 22px;
height: 22px;
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat 0 0;
}
#emea-wrapper .win-full-page input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat -28px 0;
}
#emea-wrapper .win-full-page .SubscriptionSpinner {
width: 100%;
display: none;
}
#emea-wrapper .win-full-page .SubscriptionSpinner .fa-spinner {
margin-right: 10px;
}
#emea-wrapper .win-full-page .btn-primary {
color: #fff;
background-color: #db011c;
border-color: #db011c;
border-radius: 0;
font-size: 1.9em;
height: 2em;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .win-full-page .win-terms {
position: absolute;
top: 88%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
#emea-wrapper .win-full-page .win-terms #view-win-terms {
margin: 0 auto;
color: #fff;
border: 1px solid #fff;
width: 200px;
}
#emea-wrapper .win-full-page .win-terms #view-win-terms .terms-btn-text {
cursor: pointer;
padding: 12px;
transition: all 0.3s ease-in-out;
}
#emea-wrapper .win-full-page .win-terms #view-win-terms .terms-btn-text:hover {
background: #fff;
color: #db011c;
}
#emea-wrapper .win-full-page #win-terms-text {
overflow: hidden;
opacity: 0;
background: #db011c;
text-align: left;
color: #fff;
position: absolute;
z-index: 300;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
font-size: 2.76923077em;
line-height: 36px;
transition: 0.5s ease-in-out;
}
#emea-wrapper .win-full-page #win-terms-text .close-terms {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
padding: 9px 14px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
#emea-wrapper .win-full-page #win-terms-text .close-terms:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
}
#emea-wrapper .win-full-page #win-terms-text.open-terms {
opacity: .9;
height: 100%;
}
#emea-wrapper .win-full-page #win-terms-text h1,
#emea-wrapper .win-full-page #win-terms-text h2 {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.46153846em;
}
#emea-wrapper .win-full-page #win-terms-text .container {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
height: 100%;
}
#emea-wrapper .win-full-page #win-terms-text .container:after {
content: " ";
background: #db0019;
height: 100%;
width: 17px;
display: block;
position: absolute;
top: 171px;
right: 15px;
}
#emea-wrapper .win-full-page #win-terms-text .container p {
overflow-x: hidden;
overflow-y: scroll;
height: 90%;
margin: 0 0 10px;
font-size: .53846154em;
line-height: 1.4em;
font-family: Arial;
}
#emea-wrapper .win-full-page div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .win-full-page div.cs-select:focus {
outline: none;
}
#emea-wrapper .win-full-page .cs-select select {
display: none;
}
#emea-wrapper .win-full-page .cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#emea-wrapper .win-full-page .cs-select > span {
padding-right: 3em;
}
#emea-wrapper .win-full-page .cs-select .cs-selected span:after,
#emea-wrapper .win-full-page .cs-select > span:after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#emea-wrapper .win-full-page .cs-select > span:after {
content: "\25BE";
right: 1em;
}
#emea-wrapper .win-full-page .cs-select .cs-selected span:after {
content: "\2713";
margin-left: 1em;
}
#emea-wrapper .win-full-page .cs-select.cs-active > span:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
#emea-wrapper .win-full-page div.cs-active {
z-index: 200;
}
#emea-wrapper .win-full-page .cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #fff;
visibility: hidden;
}
#emea-wrapper .win-full-page .cs-select.cs-active .cs-options {
visibility: visible;
}
#emea-wrapper .win-full-page .cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#emea-wrapper .win-full-page .cs-select ul span {
padding: 1em;
}
#emea-wrapper .win-full-page .cs-select ul li.cs-focus span {
background-color: #ddd;
}
#emea-wrapper .win-full-page .cs-select li.cs-optgroup ul {
padding-left: 1em;
}
#emea-wrapper .win-full-page .cs-select li.cs-optgroup > span {
cursor: default;
}
#emea-wrapper .win-full-page div.cs-skin-elastic {
background: transparent;
font-size: 1.3em;
font-weight: 700;
font-family: Arial;
color: #747474;
}
@media screen and (max-width: 30em) {
#emea-wrapper .win-full-page div.cs-skin-elastic {
font-size: 1em;
}
}
#emea-wrapper .win-full-page .cs-skin-elastic > span {
background-color: #fff;
z-index: 100;
}
#emea-wrapper .win-full-page .cs-skin-elastic > span:after {
font-family: icomoon;
content: "\E005";
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options {
overflow: visible;
background: transparent;
opacity: 1;
visibility: visible;
padding-bottom: 1.25em;
pointer-events: none;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options > ul:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
background: #fff;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: -webkit-transform 0.3s;
transition: transform .3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#emea-wrapper .win-full-page .cs-skin-elastic.cs-active .cs-options > ul:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
transition: none;
-webkit-animation: expand 0.6s ease-out;
animation: expand 0.6s ease-out;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options ul li {
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity .15s, transform .15s;
transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
#emea-wrapper .win-full-page .cs-skin-elastic.cs-active .cs-options ul li {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
transition: none;
-webkit-animation: bounce 0.6s ease-out;
animation: bounce 0.6s ease-out;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 50%;
padding: 6px 1em 6px 84px;
margin: 10px 0;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options .cs-selected span,
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.cs-focus span,
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options span:hover {
color: #747474;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options .cs-selected span:after {
content: "";
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li span {
background-image: url(sitefiles/dist/9d7e70210e726e12ceab2b4fdf1b2eba.png);
background-position: 18px -10px;
background-size: auto;
background-repeat: no-repeat;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li {
line-height: 18px;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.cs-CZ span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fcs-cz.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.da-DK span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fda-dk.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.de-DE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fde-de.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.en-GB span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fen-gb.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.es-ES span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fes-es.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.fi-FI span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffi-fi.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.et-EE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fet-ee.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.fr-BE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-be.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.fr-FR span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-fr.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.hu-HU span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fhu-hu.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.it-IT span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fit-it.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.lt-LT span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flt-lt.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.nl-BE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-be.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.nl-NL span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-nl.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.nn-NO span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnn-no.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.pl-PL span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fpl-pl.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.ru-RU span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fru-ru.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options li.sv-SE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fsv-se.png);
}
#emea-wrapper .win-full-page .cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
height: 300px;
overflow-y: scroll;
background: #fff;
}
#emea-wrapper .win-full-page .cs-skin-elastic.cs-active .cs-options:after {
display: block;
position: absolute;
top: 0;
right: 0;
content: " ";
background: #fff;
height: 100%;
width: 20px;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options {
max-height: 500px;
overflow-y: hidden;
}
#emea-wrapper html.IE9 .win-full-page .cs-select .cs-selected span:after,
#emea-wrapper html.IE9 .win-full-page .cs-select > span:after {
margin-top: -13px !important;
}
#emea-wrapper .iPad-horizontal .win-full-page .inner {
-ms-transform: translateX(-50%) translateY(-27%);
-webkit-transform: translateX(-50%) translateY(-27%);
transform: translateX(-50%) translateY(-27%);
}
@media (max-width: 767px) {
#emea-wrapper .win-full-page {
background: #db011c url(sitefiles/dist/10fa2f372eabdd8ff08c06f2c6e28b10.jpg) center -172px no-repeat;
background-size: auto;
padding-top: 186px;
}
#emea-wrapper .win-full-page .outer {
position: relative;
}
#emea-wrapper .win-full-page .inner {
margin: 0 auto;
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.6);
}
#emea-wrapper .win-full-page .inner,
#emea-wrapper .win-full-page .win-terms {
position: relative;
top: 0;
left: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
#emea-wrapper .win-full-page .win-terms {
margin-top: 40px;
width: 100%;
}
#emea-wrapper .win-full-page .cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
height: 199px;
overflow-y: scroll;
background: #fff;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options {
max-height: 199px;
overflow-y: hidden;
}
#emea-wrapper .win-full-page #win-terms-text .container:after {
top: 83px;
right: 71px;
}
#emea-wrapper .win-full-page #win-terms-text .close-terms {
width: 38px;
height: 38px;
font-size: 30px;
padding: 0 10px;
top: 12px;
right: 12px;
border: none;
}
#emea-wrapper .win-full-page #win-terms-text .container {
padding: 40px 71px 40px 16px;
}
#emea-wrapper .win-full-page #win-terms-text h1 {
margin-bottom: 18px;
font-size: 28px;
}
#emea-wrapper .win-full-page #win-terms-text .container p {
font-size: .46153846em;
margin-left: 28px;
margin-right: -111px;
padding-right: 75px;
}
#emea-wrapper .win-full-page #win-terms-text .container:after {
display: none;
}
}
@media (max-width: 480px) {
#emea-wrapper .win-full-page .inner {
width: 90%;
}
#emea-wrapper .win-full-page .cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 49%;
background-size: 2.6em auto;
padding: 5px 1em 2px 80px;
margin: 0.8em 0;
}
#emea-wrapper .win-full-page #win-terms-text .container p {
font-size: 0.38461538em;
}
}
@media (max-height: 850px) and (min-width: 766px) {
#emea-wrapper .win-full-page .inner {
top: 70px !important;
-ms-transform: translateX(-50%) translateY(0) !important;
-webkit-transform: translateX(-50%) translateY(0) !important;
transform: translateX(-50%) translateY(0) !important;
}
}
@media (max-height: 725px) and (min-width: 766px) {
#emea-wrapper .win-full-page .inner {
top: 30px !important;
-ms-transform: translateX(-50%) translateY(0) !important;
-webkit-transform: translateX(-50%) translateY(0) !important;
transform: translateX(-50%) translateY(0) !important;
}
}
#emea-wrapper .EditMode .win-page-split {
padding-top: 100px !important;
}
#emea-wrapper .win-page-split {
background: #db011c;
min-height: 100vh;
padding: 10px;
}
#emea-wrapper .win-page-split .split-container {
display: table;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split .split-container {
display: block;
}
}
#emea-wrapper .win-page-split .split-container .left-cell,
#emea-wrapper .win-page-split .split-container .right-cell {
display: table-cell;
width: 50%;
vertical-align: middle;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split .split-container .left-cell,
#emea-wrapper .win-page-split .split-container .right-cell {
width: 100%;
display: block;
}
}
#emea-wrapper .win-page-split .sign-up-referral .formArea {
background-color: rgba(255, 255, 255, 0.6);
border: 0;
}
#emea-wrapper .win-page-split footer {
text-align: center;
background: #db011c;
}
#emea-wrapper .win-page-split footer strong {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .win-page-split footer h2 {
color: #fff;
font-size: 2.84615385em;
margin-bottom: 20px;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split footer h2 {
font-size: 2.30769231em;
}
}
#emea-wrapper .win-page-split footer h3 {
color: #fff;
font-size: 1.84615385em;
}
#emea-wrapper .win-page-split .outer {
text-align: center;
}
#emea-wrapper .win-page-split .inner {
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.6);
display: inline-block;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split .inner {
width: 100%;
}
}
#emea-wrapper .win-page-split .inner select {
height: 58px !important;
}
#emea-wrapper .win-page-split .competition h1,
#emea-wrapper .win-page-split .language h1 {
text-align: center;
font-size: 1.6em;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
margin-bottom: 0.9em;
}
#emea-wrapper .win-page-split .form-control {
margin: 10px 0;
border: 1px solid grey;
border-radius: 4px;
height: 45px;
line-height: 45px;
}
#emea-wrapper .win-page-split .checkbox label,
#emea-wrapper .win-page-split .radio label {
width: 100%;
margin-bottom: 15px;
}
#emea-wrapper .win-page-split .compareBox .prod,
#emea-wrapper .win-page-split input[type=checkbox] + .checkLbl span {
width: 22px;
height: 22px;
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat 0 0;
}
#emea-wrapper .win-page-split input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat -28px 0;
}
#emea-wrapper .win-page-split .SubscriptionSpinner {
width: 100%;
display: none;
}
#emea-wrapper .win-page-split .SubscriptionSpinner .fa-spinner {
margin-right: 10px;
}
#emea-wrapper .win-page-split .btn-primary {
color: #fff;
background-color: #db011c;
border-color: #db011c;
border-radius: 0;
font-size: 1.9em;
height: 2em;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .win-page-split .win-terms {
width: 100%;
}
#emea-wrapper .win-page-split .win-terms #view-win-terms {
margin: 0 auto;
color: #fff;
border: 1px solid #fff;
width: 200px;
}
#emea-wrapper .win-page-split .win-terms #view-win-terms .terms-btn-text {
cursor: pointer;
padding: 12px;
transition: all 0.3s ease-in-out;
}
#emea-wrapper .win-page-split .win-terms #view-win-terms .terms-btn-text:hover {
background: #fff;
color: #db011c;
}
#emea-wrapper .win-page-split #win-terms-text {
overflow: hidden;
opacity: 0;
background: #db011c;
text-align: left;
color: #fff;
position: fixed;
z-index: -300;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
font-size: 2.76923077em;
line-height: 36px;
transition: 0.5s ease-in-out;
}
#emea-wrapper .win-page-split #win-terms-text .close-terms {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
padding: 9px 14px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
#emea-wrapper .win-page-split #win-terms-text .close-terms:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
}
#emea-wrapper .win-page-split #win-terms-text.open-terms {
opacity: .9;
height: 100%;
z-index: 300;
}
#emea-wrapper .win-page-split #win-terms-text h1,
#emea-wrapper .win-page-split #win-terms-text h2 {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.46153846em;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split #win-terms-text h1,
#emea-wrapper .win-page-split #win-terms-text h2 {
font-size: 0.69230769em;
}
}
#emea-wrapper .win-page-split #win-terms-text .container {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
height: 100%;
}
#emea-wrapper .win-page-split #win-terms-text .container:after {
content: " ";
background: #db0019;
height: 100%;
width: 17px;
display: block;
position: absolute;
top: 171px;
right: 15px;
}
#emea-wrapper .win-page-split #win-terms-text .container p {
overflow-x: hidden;
overflow-y: scroll;
height: 90%;
margin: 0 0 10px;
font-size: .53846154em;
line-height: 1.4em;
font-family: Arial;
}
@media (max-width: 768px) {
#emea-wrapper .win-page-split #win-terms-text .container p {
font-size: 0.38461538em;
}
}
#emea-wrapper .win-page-split div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .win-page-split div.cs-select:focus {
outline: none;
}
#emea-wrapper .win-page-split .cs-select select {
display: none;
}
#emea-wrapper .win-page-split .cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#emea-wrapper .win-page-split .cs-select > span {
padding-right: 3em;
}
#emea-wrapper .win-page-split .cs-select .cs-selected span:after,
#emea-wrapper .win-page-split .cs-select > span:after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#emea-wrapper .win-page-split .cs-select > span:after {
content: "\25BE";
right: 1em;
}
#emea-wrapper .win-page-split .cs-select .cs-selected span:after {
content: "\2713";
margin-left: 1em;
}
#emea-wrapper .win-page-split .cs-select.cs-active > span:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
#emea-wrapper .win-page-split div.cs-active {
z-index: 200;
}
#emea-wrapper .win-page-split .cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #fff;
visibility: hidden;
}
#emea-wrapper .win-page-split .cs-select.cs-active .cs-options {
visibility: visible;
}
#emea-wrapper .win-page-split .cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#emea-wrapper .win-page-split .cs-select ul span {
padding: 1em;
}
#emea-wrapper .win-page-split .cs-select ul li.cs-focus span {
background-color: #ddd;
}
#emea-wrapper .win-page-split .cs-select li.cs-optgroup ul {
padding-left: 1em;
}
#emea-wrapper .win-page-split .cs-select li.cs-optgroup > span {
cursor: default;
}
#emea-wrapper .win-page-split div.cs-skin-elastic {
background: transparent;
font-size: 1.3em;
font-weight: 700;
font-family: Arial;
color: #747474;
}
@media screen and (max-width: 30em) {
#emea-wrapper .win-page-split div.cs-skin-elastic {
font-size: 1em;
}
}
#emea-wrapper .win-page-split .cs-skin-elastic > span {
background-color: #fff;
z-index: 100;
}
#emea-wrapper .win-page-split .cs-skin-elastic > span:after {
font-family: icomoon;
content: "\E005";
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options {
overflow: visible;
background: transparent;
opacity: 1;
visibility: visible;
padding-bottom: 1.25em;
pointer-events: none;
}
#emea-wrapper .win-page-split .cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options > ul:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
background: #fff;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: -webkit-transform 0.3s;
transition: transform .3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#emea-wrapper .win-page-split .cs-skin-elastic.cs-active .cs-options > ul:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
transition: none;
-webkit-animation: expand 0.6s ease-out;
animation: expand 0.6s ease-out;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options ul li {
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity .15s, transform .15s;
transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
#emea-wrapper .win-page-split .cs-skin-elastic.cs-active .cs-options ul li {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
transition: none;
-webkit-animation: bounce 0.6s ease-out;
animation: bounce 0.6s ease-out;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 50%;
padding: 6px 1em 6px 84px;
margin: 10px 0;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options .cs-selected span,
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.cs-focus span,
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options span:hover {
color: #747474;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options .cs-selected span:after {
content: "";
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li span {
background-image: url(sitefiles/dist/9d7e70210e726e12ceab2b4fdf1b2eba.png);
background-position: 18px -10px;
background-size: auto;
background-repeat: no-repeat;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li {
line-height: 18px;
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.cs-CZ span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fcs-cz.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.da-DK span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fda-dk.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.de-DE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fde-de.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.de-CH span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fde-ch.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.en-GB span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fen-gb.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.es-ES span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fes-es.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.et-EE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fet-ee.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.fi-FI span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffi-fi.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.fr-BE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-be.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.fr-FR span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-fr.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.hu-HU span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fhu-hu.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.it-IT span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fit-it.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.lt-LT span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flt-lt.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.lv-LV span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flv-lv.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.nl-BE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-be.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.nl-NL span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-nl.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.nn-NO span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnn-no.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.pl-PL span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fpl-pl.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.ru-RU span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fru-ru.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.sv-SE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fsv-se.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.ar-AE span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2far-ae.png);
}
#emea-wrapper .win-page-split .cs-skin-elastic .cs-options li.pt-PT span {
background-image: url(/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fpt-pt.png);
}
#emea-wrapper .page-nav .nav-icon {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 0;
}
@-webkit-keyframes pulseBackground {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes contentSlideIn {
0% {
left: 100%;
-webkit-transform: translate(200%, -50%);
-ms-transform: translate(200%, -50%);
transform: translate(200%, -50%);
}
to {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@-webkit-keyframes bikeSlideIn {
0% {
-webkit-transform: translate(-50%, 50%) scale(0.25);
-ms-transform: translate(-50%, 50%) scale(0.25);
transform: translate(-50%, 50%) scale(0.25);
}
to {
-webkit-transform: translate(-50%, 50%) scale(1);
-ms-transform: translate(-50%, 50%) scale(1);
transform: translate(-50%, 50%) scale(1);
}
}
#emea-wrapper .wsbc h1,
#emea-wrapper .wsbc h2,
#emea-wrapper .wsbc h3 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
}
#emea-wrapper .wsbc h2 {
font-size: 21px;
}
#emea-wrapper .wsbc__header {
padding-bottom: 200px;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__header {
padding-bottom: 300px;
}
}
#emea-wrapper .wsbc__header--content {
height: calc(-68vh);
position: relative;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__header--content {
height: calc(-189vh);
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__header--content {
height: calc(-104vh);
}
}
#emea-wrapper .wsbc__header--bg-container {
overflow: hidden;
height: 100%;
}
#emea-wrapper .wsbc__header--bg-image {
background-image: url(sitefiles/dist/297b1605b83fb36aad3bd43f707d4782.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
height: 100%;
}
#emea-wrapper .wsbc__header--title {
position: absolute;
left: 100%;
top: 40%;
width: 70%;
-webkit-animation: contentSlideIn 1s;
animation: contentSlideIn 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
text-shadow: 1px 1px 10px #969696;
}
#emea-wrapper .wsbc__header--title h1 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 30px;
color: #fff;
text-align: center;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__header--title h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__header--title h1 {
font-size: 70px;
}
}
#emea-wrapper .wsbc__header--intro-bike {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%) scale(0.25);
-ms-transform: translate(-50%, 50%) scale(0.25);
transform: translate(-50%, 50%) scale(0.25);
-webkit-animation: bikeSlideIn 1s;
animation: bikeSlideIn 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#emea-wrapper .wsbc__header--intro-bike img {
min-width: 100%;
}
#emea-wrapper .wsbc__race-cal--title {
text-align: center;
}
#emea-wrapper .wsbc__race-cal--title h2 {
margin-bottom: 12px;
}
#emea-wrapper .wsbc__race-cal--title p {
text-transform: uppercase;
margin-bottom: 20px;
}
#emea-wrapper .wsbc__race-cal .scroll-pane {
overflow: auto;
width: 100%;
float: left;
}
#emea-wrapper .wsbc__race-cal .scroll-content {
width: 2440px;
float: left;
}
#emea-wrapper .wsbc__race-cal .scroll-content-item {
width: 100vw;
height: auto;
float: left;
padding: 0;
text-align: left;
}
#emea-wrapper .wsbc__race-cal .scroll-content-item:nth-child(odd) {
background-color: #efefef;
}
#emea-wrapper .wsbc__race-cal .scroll-content-item:nth-child(2n) {
background-color: #fff;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__race-cal .scroll-content-item {
width: 50vw;
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__race-cal .scroll-content-item {
width: 31vw;
}
}
@media only screen and (min-width: 1200px) {
#emea-wrapper .wsbc__race-cal .scroll-content-item {
width: 25vw;
}
}
#emea-wrapper .wsbc__race-cal .scroll-bar-wrap {
clear: left;
padding: 10px 4px 10px 2px;
margin: 0 auto 20px;
width: 40%;
}
#emea-wrapper .wsbc__race-cal .scroll-bar-wrap .ui-slider {
border: 0;
height: 8px;
margin: 0 auto;
overflow: visible;
background-color: #c2c2c2;
border-radius: 20px;
}
#emea-wrapper .wsbc__race-cal .scroll-bar-wrap .ui-handle-helper-parent {
position: relative;
top: -15px;
width: 20px;
height: 100%;
margin: 0 auto;
}
#emea-wrapper .wsbc__race-cal .scroll-bar-wrap .ui-slider-handle {
top: .2em;
height: 1.5em;
width: 21px;
height: 21px;
}
#emea-wrapper .wsbc__race-cal .scroll-bar-wrap .ui-slider-handle .ui-icon {
margin: -8px auto 0;
position: relative;
top: 50%;
}
#emea-wrapper .wsbc__race-cal .ui-slider-range-min {
background-color: #000;
border-radius: 10px;
height: 8px;
}
#emea-wrapper .wsbc__race-cal .ui-state-default,
#emea-wrapper .wsbc__race-cal .ui-widget-content .ui-state-default,
#emea-wrapper .wsbc__race-cal .ui-widget-header .ui-state-default {
background: url(sitefiles/dist/144e9ac9ad04e5793c645c2a5ce4c366.png) 50% 50% no-repeat;
font-weight: 400;
color: #555;
position: absolute;
z-index: 2;
top: 0;
cursor: pointer;
}
#emea-wrapper .wsbc__race-cal--head {
padding: 10px;
padding-bottom: 10px;
min-height: 90px;
}
#emea-wrapper .wsbc__race-cal--head .track-flag {
float: right;
padding: 0 0 0 10px;
}
#emea-wrapper .wsbc__race-cal--head-content {
float: none;
display: block;
overflow: hidden;
}
#emea-wrapper .wsbc__race-cal--head h2 {
text-transform: uppercase;
font-size: 21px;
}
#emea-wrapper .wsbc__race-cal--head h2,
#emea-wrapper .wsbc__race-cal--head p {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .wsbc__race-cal--head p {
margin-bottom: 0;
color: #db011c;
}
#emea-wrapper .wsbc__race-cal--track {
min-height: 100px;
}
#emea-wrapper .wsbc__race-cal--track img {
width: 100%;
}
#emea-wrapper .wsbc__race-cal--desc {
padding: 10px;
}
#emea-wrapper .wsbc__race-cal--desc h3 {
margin: 10px 0;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 18px;
}
#emea-wrapper .wsbc__race-cal--desc ul {
list-style: none;
padding-left: 0;
}
#emea-wrapper .wsbc__race-cal--desc ul li {
font-size: 14px;
}
#emea-wrapper .wsbc__rider-block {
width: 100%;
border: 1px solid #efefef;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__rider-block {
width: 50%;
height: 600px;
float: left;
}
}
#emea-wrapper .wsbc__rider-block--inner {
padding: 40px 10px 10px;
}
#emea-wrapper .wsbc__rider-block--content {
width: 100%;
padding: 20px;
color: #fff;
overflow-y: auto;
position: relative;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__rider-block--content {
width: 66.6666666%;
float: left;
height: 370px;
}
}
#emea-wrapper .wsbc__rider-block--content h2 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
margin-bottom: 20px;
font-size: 20px;
text-transform: uppercase;
}
#emea-wrapper .wsbc__rider-block--content p {
line-height: 2;
}
#emea-wrapper .wsbc__rider-block--image {
width: 100%;
padding: 20px;
text-align: center;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__rider-block--image {
width: 33.33333333%;
float: left;
}
}
#emea-wrapper .wsbc__rider-block--image .rider-image {
max-width: 100%;
border: 8px solid #fff;
border-radius: 250px;
}
#emea-wrapper .wsbc__rider-block--carousel {
width: 100%;
padding: 20px;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__rider-block--carousel {
float: left;
}
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc {
width: 100%;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc {
width: 66.6666666%;
}
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-slide {
margin: 0 1px;
overflow: hidden;
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-slide img {
transition: all .5s ease;
max-height: 93px;
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-slide:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-arrow {
top: auto;
bottom: -45px;
width: 30px;
height: 30px;
border: none;
padding: 0;
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-prev {
left: 0;
-ms-transform: translate(0) scaleX(-1);
-webkit-transform: translate(0) scaleX(-1);
transform: translate(0) scaleX(-1);
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-prev:before {
content: "";
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-next {
right: 0;
-ms-transform: translate(0);
-webkit-transform: translate(0);
transform: translate(0);
}
#emea-wrapper .wsbc__rider-block--carousel .js-carousel-wsbc .slick-next:before {
content: "";
}
#emea-wrapper .wsbc__rider .mCSB_draggerRail {
background-color: #fff;
}
#emea-wrapper .wsbc__rider .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #db011c;
}
#emea-wrapper .wsbc__rider .rider-1 {
background-image: url(sitefiles/dist/7135b2ed939a85caedfe9cf11e8d0e06.jpg);
}
#emea-wrapper .wsbc__rider .rider-1,
#emea-wrapper .wsbc__rider .rider-2 {
padding: 50px 0 20px;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
#emea-wrapper .wsbc__rider .rider-2 {
background-image: url(sitefiles/dist/5756197ff867e0236cca30c5fff33368.jpg);
}
#emea-wrapper .wsbc__about {
overflow: hidden;
}
#emea-wrapper .wsbc__about h2 {
margin-bottom: 20px;
font-size: 21px;
}
#emea-wrapper .wsbc__about p {
font-size: 15px;
line-height: 2;
}
#emea-wrapper .wsbc__about .points {
width: 100%;
}
#emea-wrapper .wsbc__about--bike {
height: auto;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__about--bike {
height: 600px;
}
}
#emea-wrapper .wsbc__about--bike-outer {
width: 100%;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__about--bike-outer {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__about--bike-outer {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .wsbc__about--bike-inner {
position: relative;
max-width: 770px;
margin: 0 auto;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__about--bike-inner {
margin: 0;
}
}
#emea-wrapper .wsbc__about--bike-inner img {
vertical-align: bottom;
}
#emea-wrapper .wsbc__about--bike-inner:hover .point-icon {
filter: alpha(opacity=0);
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__about--content {
height: 600px;
}
}
#emea-wrapper .wsbc__about--team {
padding: 50px 20px 20px;
overflow-y: auto;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbc__about--team {
height: 500px;
}
}
#emea-wrapper .wsbc__about--team .mCSB_draggerRail {
background-color: #000;
}
#emea-wrapper .wsbc__about--team .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #db011c;
}
#emea-wrapper .wsbc__social .wsbc__social--main-title {
color: #000;
text-align: center;
padding: 40px 0;
border-top: 1px solid #f1f1f1;
}
#emea-wrapper .wsbc__social .wsbc__social--main-title h2 {
font-size: 30px;
}
#emea-wrapper .wsbc__social .social-block--carousel {
padding-bottom: 50px;
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-next,
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev {
border-radius: 50%;
width: 60px;
height: 60px;
background-color: #e2e2e2;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-next,
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev {
width: 30px;
height: 30px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-next:before,
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev:before {
font-size: 60px;
color: #d80b26;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-next:before,
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev:before {
font-size: 30px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev {
left: -80px;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev {
left: -25px;
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev {
top: 0;
left: 18px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-next {
right: -80px;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-next {
right: -25px;
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbc__social .social-block--carousel .slick-next {
top: 0;
right: 18px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-prev:before {
font-family: FontAwesome;
content: "\F104";
}
#emea-wrapper .wsbc__social .social-block--carousel .slick-next:before {
font-family: FontAwesome;
content: "\F105";
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social {
max-width: 1100px;
margin: 0 auto;
width: calc(-70%);
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social {
width: calc(30%);
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social {
width: 100%;
padding-top: 20px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post {
position: relative;
background-color: #f9f9f9;
margin: 0 18px;
padding: 40px;
padding-bottom: 100px;
word-break: break-word;
font-size: 22px;
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post {
font-size: 16px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .message {
font-family: HelveticaNeueLTStd-BdEx;
font-weight: 700;
color: #6c6c6c;
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .link a {
color: #51b7e7;
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .author {
padding-top: 30px;
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-image {
border-radius: 50%;
width: 60px;
height: 60px;
background-color: #e2e2e2;
float: left;
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text {
margin-left: 15px;
float: left;
color: #797979;
font-family: Arial, Helvetica, sans-serif;
width: calc(25%);
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text .date {
color: #9e9e9e;
font-size: 17px;
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text .date {
font-size: 14px;
}
}
#emea-wrapper .wsbc__social .social-block--carousel .js-carousel-wsbc-social .social-post .icon {
position: absolute;
bottom: 40px;
right: 40px;
color: #9e9e9e;
font-size: 45px;
}
#emea-wrapper .wsbc__gallery--main-title {
text-align: center;
padding: 40px 0;
}
#emea-wrapper .wsbc__gallery--holder {
font-size: 0;
text-align: center;
}
#emea-wrapper .wsbc__gallery .gal-section {
display: none;
}
#emea-wrapper .wsbc__gallery .gal-section .perspective-view-container {
-webkit-transform: rotateX(-90deg) scaleY(0);
-ms-transform: rotateX(-90deg) scaleY(0);
transform: rotateX(-90deg) scaleY(0);
-webkit-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
transform-origin: 50% 0 0;
transition: all 0.5s ease;
}
#emea-wrapper .wsbc__gallery .gal-section.show .perspective-view-container {
-webkit-transform: rotateX(0deg) scaleY(1);
-ms-transform: rotateX(0deg) scaleY(1);
transform: rotateX(0deg) scaleY(1);
}
#emea-wrapper .wsbc__gallery--item {
width: 50%;
position: relative;
display: inline-block;
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective-origin: 50% 0;
perspective-origin: 50% 0;
-webkit-perspective: 750px;
perspective: 750px;
}
#emea-wrapper .wsbc__gallery--item:hover .wsbc__gallery--media-holder {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbc__gallery--item {
width: 25%;
}
}
#emea-wrapper .wsbc__gallery--item.media-vid .fa {
font-size: 3em;
}
#emea-wrapper .wsbc__gallery--item.media-vid .fa:before {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "\F01D";
}
#emea-wrapper .wsbc__gallery--media-holder {
position: relative;
transition: all 0.5s ease;
}
#emea-wrapper .wsbc__gallery--media-holder img {
height: 475px;
max-height: 475px;
max-width: none;
width: auto;
-webkit-transform: translate(-25%);
-ms-transform: translate(-25%);
transform: translate(-25%);
}
@media (max-width: 1200px) {
#emea-wrapper .wsbc__gallery--media-holder img {
height: 375px;
}
}
@media (max-width: 991px) {
#emea-wrapper .wsbc__gallery--media-holder img {
height: 250px;
}
}
#emea-wrapper .wsbc__gallery--media-mask {
position: absolute;
background-color: #000;
width: 100%;
height: 100%;
display: block;
filter: alpha(opacity=30);
opacity: .3;
transition: all .5s ease;
z-index: 1;
}
#emea-wrapper .wsbc__gallery--media-title {
width: 100%;
position: absolute;
bottom: 0;
padding: 20px;
font-size: 14px;
text-align: left;
color: #fff;
transition: all 0.5s ease;
}
#emea-wrapper .wsbc__gallery--media-title p {
margin-bottom: 0;
}
#emea-wrapper .wsbc__gallery--buttons {
text-align: center;
}
#emea-wrapper .wsbc__gallery--less-btn,
#emea-wrapper .wsbc__gallery--more-btn {
display: inline-block;
padding: 40px 10px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
color: #db011c;
font-size: 14px;
cursor: pointer;
}
#emea-wrapper .wsbc__gallery--less-btn {
display: none;
}
#emea-wrapper .visuallyhidden {
visibility: hidden;
}
#emea-wrapper .bg-white {
background-color: #fff;
}
#emea-wrapper .bg-lightgrey {
background-color: #efefef;
}
@media (max-width: 767px) {
#emea-wrapper .mobile-fullscreen {
overflow: hidden;
}
#emea-wrapper .mobile-fullscreen .wsbk-biker-info-popup {
overflow: scroll;
overflow-x: hidden;
}
}
#emea-wrapper .page-nav {
background: #161616;
padding: 18px 0;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .page-nav ul {
padding: 0;
margin: 0;
}
#emea-wrapper .page-nav li {
display: inline-block;
margin: 7px;
}
#emea-wrapper .page-nav li a {
color: #f1efe0;
font-size: 115.4%;
}
#emea-wrapper .page-nav li a:hover {
color: #db011c;
}
#emea-wrapper .page-nav .nav-text {
display: none;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .page-nav .nav-text {
display: block;
}
}
#emea-wrapper .page-nav .nav-icon {
display: block;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 0;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .page-nav .nav-icon {
display: none;
}
}
#emea-wrapper .page-nav .nav-icon.intro {
width: 32px;
height: 34px;
background-position: -244px -343px;
}
#emea-wrapper .page-nav .nav-icon.competition {
width: 50px;
height: 34px;
background-position: -321px -343px;
}
#emea-wrapper .page-nav .nav-icon.calendar {
width: 33px;
height: 33px;
background-position: -405px -344px;
}
#emea-wrapper .page-nav .nav-icon.feed {
width: 36px;
height: 33px;
background-position: -467px -344px;
}
#emea-wrapper .page-nav .nav-icon.riders {
width: 36px;
height: 33px;
background-position: -560px -344px;
}
#emea-wrapper .page-nav .nav-icon.videos {
width: 36px;
height: 34px;
background-position: -649px -344px;
}
#emea-wrapper .page-nav .nav-icon.news {
width: 43px;
height: 33px;
background-position: -740px -345px;
}
#emea-wrapper .page-nav .nav-icon.gallery {
width: 43px;
height: 33px;
background-position: -830px -345px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.intro,
#emea-wrapper .page-nav .nav-icon.intro:hover {
background-position: -244px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.competition,
#emea-wrapper .page-nav .nav-icon.competition:hover {
background-position: -321px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.calendar,
#emea-wrapper .page-nav .nav-icon.calendar:hover {
background-position: -405px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.feed,
#emea-wrapper .page-nav .nav-icon.feed:hover {
background-position: -467px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.riders,
#emea-wrapper .page-nav .nav-icon.riders:hover {
background-position: -560px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.videos,
#emea-wrapper .page-nav .nav-icon.videos:hover {
background-position: -649px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.news,
#emea-wrapper .page-nav .nav-icon.news:hover {
background-position: -740px -393px;
}
#emea-wrapper .page-nav .active-yam .nav-icon.gallery,
#emea-wrapper .page-nav .nav-icon.gallery:hover {
background-position: -830px -393px;
}
#emea-wrapper .page-nav .active-yam a {
color: #db011c;
}
@-webkit-keyframes backgroundSlideIn {
0% {
-webkit-clip-path: circle(200px);
clip-path: circle(200px);
}
to {
-webkit-clip-path: circle(2000px);
clip-path: circle(2000px);
}
}
@keyframes backgroundSlideIn {
0% {
-webkit-clip-path: circle(200px);
clip-path: circle(200px);
}
to {
-webkit-clip-path: circle(2000px);
clip-path: circle(2000px);
}
}
@keyframes pulseBackground {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes contentSlideIn {
0% {
left: 100%;
-webkit-transform: translate(200%, -50%);
-ms-transform: translate(200%, -50%);
transform: translate(200%, -50%);
}
to {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@keyframes bikeSlideIn {
0% {
-webkit-transform: translate(-50%, 50%) scale(0.25);
-ms-transform: translate(-50%, 50%) scale(0.25);
transform: translate(-50%, 50%) scale(0.25);
}
to {
-webkit-transform: translate(-50%, 50%) scale(1);
-ms-transform: translate(-50%, 50%) scale(1);
transform: translate(-50%, 50%) scale(1);
}
}
#emea-wrapper section {
position: relative;
width: 100%;
}
#emea-wrapper .wsbk .mouse {
background-image: url(sitefiles/dist/e3c92c7806a777d898c67373f2505c47.png);
background-repeat: no-repeat;
width: 150px;
height: 45px;
display: block;
background-position: bottom;
position: absolute;
bottom: 100px;
left: 50%;
text-align: center;
font-weight: 700;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .wsbk h1,
#emea-wrapper .wsbk h2,
#emea-wrapper .wsbk h3 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
}
#emea-wrapper .wsbk h2 {
font-size: 21px;
}
#emea-wrapper .wsbk__header--content {
height: calc(-68vh);
position: relative;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__header--content {
height: calc(-189vh);
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__header--content {
height: calc(-104vh);
}
}
#emea-wrapper .wsbk__header--bg-container {
overflow: hidden;
height: 100%;
text-align: center;
}
#emea-wrapper .wsbk__header--bg-image {
background-image: url(sitefiles/dist/1ec3687212600a9a0690eead7280a38d.png);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
height: 100%;
-webkit-animation: backgroundSlideIn 3s ease-in-out 1;
animation: backgroundSlideIn 3s ease-in-out 1;
margin: 0 auto;
}
#emea-wrapper .wsbk__header--title {
position: absolute;
left: 100%;
top: 40%;
width: 70%;
-webkit-animation: contentSlideIn 1s;
animation: contentSlideIn 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
text-shadow: 1px 1px 10px #969696;
}
#emea-wrapper .wsbk__header--title h1 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 30px;
color: #fff;
text-align: center;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__header--title h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__header--title h1 {
font-size: 70px;
}
}
#emea-wrapper .wsbk__header--intro-bike {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 8%);
-ms-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
@media (max-width: 767px) {
#emea-wrapper .wsbk__header--intro-bike {
position: relative;
display: block;
float: left;
-ms-transform: inherit;
-webkit-transform: inherit;
transform: inherit;
width: 100%;
left: 0;
text-align: center;
}
}
#emea-wrapper .wsbk__header--intro-biker1 {
position: absolute;
left: 5%;
top: 0;
-webkit-transform: translate(20%, 25%);
-ms-transform: translate(20%, 25%);
transform: translate(20%, 25%);
}
@media (max-width: 1000px) {
#emea-wrapper .wsbk__header--intro-biker1 {
left: 0;
}
}
@media (max-width: 1200px) {
#emea-wrapper .wsbk__header--intro-biker1 {
top: 18%;
}
}
@media (max-width: 767px) {
#emea-wrapper .wsbk__header--intro-biker1 {
position: relative;
display: block;
float: left;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
width: 100%;
left: 0;
}
}
#emea-wrapper .wsbk__header--intro-biker2 {
position: absolute;
right: 5%;
top: 0;
-webkit-transform: translateY(22%);
-ms-transform: translateY(22%);
transform: translateY(22%);
}
@media (max-width: 1000px) {
#emea-wrapper .wsbk__header--intro-biker2 {
right: 0;
}
}
@media (max-width: 1200px) {
#emea-wrapper .wsbk__header--intro-biker2 {
top: 18%;
}
}
@media (max-width: 767px) {
#emea-wrapper .wsbk__header--intro-biker2 {
position: relative;
display: block;
float: left;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
width: 100%;
left: 0;
padding-bottom: 50px;
}
}
#emea-wrapper .wsbk__race-cal--title {
text-align: center;
}
#emea-wrapper .wsbk__race-cal--title h2 {
margin-bottom: 12px;
}
#emea-wrapper .wsbk__race-cal--title p {
text-transform: uppercase;
margin-bottom: 20px;
}
#emea-wrapper .wsbk__race-cal .scroll-pane {
overflow: auto;
width: 100%;
float: left;
}
#emea-wrapper .wsbk__race-cal .scroll-content {
width: 2440px;
float: left;
}
#emea-wrapper .wsbk__race-cal .scroll-content-item {
width: 100vw;
height: auto;
float: left;
padding: 0;
text-align: left;
}
#emea-wrapper .wsbk__race-cal .scroll-content-item:nth-child(odd) {
background-color: #efefef;
}
#emea-wrapper .wsbk__race-cal .scroll-content-item:nth-child(2n) {
background-color: #fff;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__race-cal .scroll-content-item {
width: 50vw;
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__race-cal .scroll-content-item {
width: 31vw;
}
}
@media only screen and (min-width: 1200px) {
#emea-wrapper .wsbk__race-cal .scroll-content-item {
width: 25vw;
}
}
#emea-wrapper .wsbk__race-cal .scroll-bar-wrap {
clear: left;
padding: 10px 4px 10px 2px;
margin: 0 auto 20px;
width: 40%;
}
#emea-wrapper .wsbk__race-cal .scroll-bar-wrap .ui-slider {
border: 0;
height: 8px;
margin: 0 auto;
overflow: visible;
background-color: #c2c2c2;
border-radius: 20px;
}
#emea-wrapper .wsbk__race-cal .scroll-bar-wrap .ui-handle-helper-parent {
position: relative;
top: -15px;
width: 20px;
height: 100%;
margin: 0 auto;
}
#emea-wrapper .wsbk__race-cal .scroll-bar-wrap .ui-slider-handle {
top: .2em;
height: 1.5em;
width: 21px;
height: 21px;
}
#emea-wrapper .wsbk__race-cal .scroll-bar-wrap .ui-slider-handle .ui-icon {
margin: -8px auto 0;
position: relative;
top: 50%;
}
#emea-wrapper .wsbk__race-cal .ui-slider-range-min {
background-color: #000;
border-radius: 10px;
height: 8px;
}
#emea-wrapper .wsbk__race-cal .ui-state-default,
#emea-wrapper .wsbk__race-cal .ui-widget-content .ui-state-default,
#emea-wrapper .wsbk__race-cal .ui-widget-header .ui-state-default {
background: url(sitefiles/dist/144e9ac9ad04e5793c645c2a5ce4c366.png) 50% 50% no-repeat;
font-weight: 400;
color: #555;
position: absolute;
z-index: 2;
top: 0;
cursor: pointer;
}
#emea-wrapper .wsbk__race-cal--head {
padding: 10px;
padding-bottom: 10px;
min-height: 90px;
}
#emea-wrapper .wsbk__race-cal--head .track-flag {
float: right;
padding: 0 0 0 10px;
}
#emea-wrapper .wsbk__race-cal--head-content {
float: none;
display: block;
overflow: hidden;
}
#emea-wrapper .wsbk__race-cal--head h2 {
text-transform: uppercase;
font-size: 21px;
}
#emea-wrapper .wsbk__race-cal--head h2,
#emea-wrapper .wsbk__race-cal--head p {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .wsbk__race-cal--head p {
margin-bottom: 0;
color: #db011c;
}
#emea-wrapper .wsbk__race-cal--track {
min-height: 100px;
}
#emea-wrapper .wsbk__race-cal--track img {
width: 100%;
}
#emea-wrapper .wsbk__race-cal--desc {
padding: 10px;
}
#emea-wrapper .wsbk__race-cal--desc h3 {
margin: 10px 0;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 18px;
}
#emea-wrapper .wsbk__race-cal--desc ul {
list-style: none;
padding-left: 0;
}
#emea-wrapper .wsbk__race-cal--desc ul li {
font-size: 14px;
}
#emea-wrapper .wsbk__rider-block {
width: 100%;
border: 1px solid #efefef;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__rider-block {
width: 50%;
height: 600px;
float: left;
}
}
#emea-wrapper .wsbk__rider-block--inner {
padding: 40px 10px 10px;
}
#emea-wrapper .wsbk__rider-block--content {
width: 100%;
padding: 20px;
color: #fff;
overflow-y: auto;
position: relative;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__rider-block--content {
width: 66.6666666%;
float: left;
height: 370px;
}
}
#emea-wrapper .wsbk__rider-block--content h2 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
margin-bottom: 20px;
font-size: 20px;
text-transform: uppercase;
}
#emea-wrapper .wsbk__rider-block--content p {
line-height: 2;
}
#emea-wrapper .wsbk__rider-block--image {
width: 100%;
padding: 20px;
text-align: center;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__rider-block--image {
width: 33.33333333%;
float: left;
}
}
#emea-wrapper .wsbk__rider-block--image .rider-image {
max-width: 100%;
border: 8px solid #fff;
border-radius: 250px;
}
#emea-wrapper .wsbk__rider-block--carousel {
width: 100%;
padding: 20px;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__rider-block--carousel {
float: left;
}
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc {
width: 100%;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc {
width: 66.6666666%;
}
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-slide {
margin: 0 1px;
overflow: hidden;
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-slide img {
transition: all .5s ease;
max-height: 93px;
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-slide:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-arrow {
top: auto;
bottom: -45px;
width: 30px;
height: 30px;
border: none;
padding: 0;
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-prev {
left: 0;
-ms-transform: translate(0) scaleX(-1);
-webkit-transform: translate(0) scaleX(-1);
transform: translate(0) scaleX(-1);
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-prev:before {
content: "";
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-next {
right: 0;
-ms-transform: translate(0);
-webkit-transform: translate(0);
transform: translate(0);
}
#emea-wrapper .wsbk__rider-block--carousel .js-carousel-wsbc .slick-next:before {
content: "";
}
#emea-wrapper .wsbk__rider .mCSB_draggerRail {
background-color: #fff;
}
#emea-wrapper .wsbk__rider .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #db011c;
}
#emea-wrapper .wsbk__rider .rider-1 {
background-image: url(sitefiles/dist/7135b2ed939a85caedfe9cf11e8d0e06.jpg);
}
#emea-wrapper .wsbk__rider .rider-1,
#emea-wrapper .wsbk__rider .rider-2 {
padding: 50px 0 20px;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
#emea-wrapper .wsbk__rider .rider-2 {
background-image: url(sitefiles/dist/5756197ff867e0236cca30c5fff33368.jpg);
}
#emea-wrapper .wsbk__about {
overflow: hidden;
}
#emea-wrapper .wsbk__about h2 {
margin-bottom: 20px;
font-size: 21px;
}
#emea-wrapper .wsbk__about p {
font-size: 15px;
line-height: 2;
}
#emea-wrapper .wsbk__about .points {
width: 100%;
}
#emea-wrapper .wsbk__about--bike {
height: auto;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__about--bike {
height: 600px;
}
}
#emea-wrapper .wsbk__about--bike-outer {
width: 100%;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__about--bike-outer {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__about--bike-outer {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .wsbk__about--bike-inner {
position: relative;
max-width: 770px;
margin: 0 auto;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__about--bike-inner {
margin: 0;
}
}
#emea-wrapper .wsbk__about--bike-inner img {
vertical-align: bottom;
}
#emea-wrapper .wsbk__about--bike-inner:hover .point-icon {
filter: alpha(opacity=0);
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__about--content {
height: 600px;
}
}
#emea-wrapper .wsbk__about--team {
padding: 50px 20px 20px;
overflow-y: auto;
}
@media only screen and (min-width: 992px) {
#emea-wrapper .wsbk__about--team {
height: 500px;
}
}
#emea-wrapper .wsbk__about--team .mCSB_draggerRail {
background-color: #000;
}
#emea-wrapper .wsbk__about--team .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #db011c;
}
#emea-wrapper .wsbk__social .wsbc__social--main-title {
color: #000;
text-align: center;
padding: 40px 0;
border-top: 1px solid #f1f1f1;
}
#emea-wrapper .wsbk__social .wsbc__social--main-title h2 {
font-size: 30px;
}
#emea-wrapper .wsbk__social .social-block--carousel {
padding-bottom: 50px;
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-next,
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev {
border-radius: 50%;
width: 60px;
height: 60px;
background-color: #e2e2e2;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-next,
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev {
width: 30px;
height: 30px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-next:before,
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev:before {
font-size: 60px;
color: #d80b26;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-next:before,
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev:before {
font-size: 30px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev {
left: -80px;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev {
left: -25px;
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev {
top: 0;
left: 18px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-next {
right: -80px;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-next {
right: -25px;
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbk__social .social-block--carousel .slick-next {
top: 0;
right: 18px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-prev:before {
font-family: FontAwesome;
content: "\F104";
}
#emea-wrapper .wsbk__social .social-block--carousel .slick-next:before {
font-family: FontAwesome;
content: "\F105";
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social {
max-width: 1100px;
margin: 0 auto;
width: calc(-70%);
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social {
width: calc(30%);
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social {
width: 100%;
padding-top: 20px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post {
position: relative;
background-color: #f9f9f9;
margin: 0 18px;
padding: 40px;
padding-bottom: 100px;
word-break: break-word;
font-size: 22px;
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post {
font-size: 16px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .message {
font-family: HelveticaNeueLTStd-BdEx;
font-weight: 700;
color: #6c6c6c;
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .link a {
color: #51b7e7;
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .author {
padding-top: 30px;
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-image {
border-radius: 50%;
width: 60px;
height: 60px;
background-color: #e2e2e2;
float: left;
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text {
margin-left: 15px;
float: left;
color: #797979;
font-family: Arial, Helvetica, sans-serif;
width: calc(25%);
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text .date {
color: #9e9e9e;
font-size: 17px;
}
@media only screen and (max-width: 768px) {
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .author .author-text .date {
font-size: 14px;
}
}
#emea-wrapper .wsbk__social .social-block--carousel .js-carousel-wsbc-social .social-post .icon {
position: absolute;
bottom: 40px;
right: 40px;
color: #9e9e9e;
font-size: 45px;
}
#emea-wrapper .wsbk__gallery--main-title {
text-align: center;
padding: 40px 0;
}
#emea-wrapper .wsbk__gallery--holder {
font-size: 0;
text-align: center;
}
#emea-wrapper .wsbk__gallery .gal-section {
display: none;
}
#emea-wrapper .wsbk__gallery .gal-section .perspective-view-container {
-webkit-transform: rotateX(-90deg) scaleY(0);
-ms-transform: rotateX(-90deg) scaleY(0);
transform: rotateX(-90deg) scaleY(0);
-webkit-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
transform-origin: 50% 0 0;
transition: all 0.5s ease;
}
#emea-wrapper .wsbk__gallery .gal-section.show .perspective-view-container {
-webkit-transform: rotateX(0deg) scaleY(1);
-ms-transform: rotateX(0deg) scaleY(1);
transform: rotateX(0deg) scaleY(1);
}
#emea-wrapper .wsbk__gallery--item {
width: 50%;
position: relative;
display: inline-block;
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective-origin: 50% 0;
perspective-origin: 50% 0;
-webkit-perspective: 750px;
perspective: 750px;
}
#emea-wrapper .wsbk__gallery--item:hover .wsbc__gallery--media-holder {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
@media only screen and (min-width: 768px) {
#emea-wrapper .wsbk__gallery--item {
width: 25%;
}
}
#emea-wrapper .wsbk__gallery--item.media-vid .fa {
font-size: 3em;
}
#emea-wrapper .wsbk__gallery--item.media-vid .fa:before {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "\F01D";
}
#emea-wrapper .wsbk__gallery--media-holder {
position: relative;
transition: all 0.5s ease;
}
#emea-wrapper .wsbk__gallery--media-holder img {
height: 475px;
max-height: 475px;
max-width: none;
width: auto;
-webkit-transform: translate(-25%);
-ms-transform: translate(-25%);
transform: translate(-25%);
}
@media (max-width: 1200px) {
#emea-wrapper .wsbk__gallery--media-holder img {
height: 375px;
}
}
@media (max-width: 991px) {
#emea-wrapper .wsbk__gallery--media-holder img {
height: 250px;
}
}
#emea-wrapper .wsbk__gallery--media-mask {
position: absolute;
background-color: #000;
width: 100%;
height: 100%;
display: block;
filter: alpha(opacity=30);
opacity: .3;
transition: all .5s ease;
z-index: 1;
}
#emea-wrapper .wsbk__gallery--media-title {
width: 100%;
position: absolute;
bottom: 0;
padding: 20px;
font-size: 14px;
text-align: left;
color: #fff;
transition: all 0.5s ease;
}
#emea-wrapper .wsbk__gallery--media-title p {
margin-bottom: 0;
}
#emea-wrapper .wsbk__gallery--buttons {
text-align: center;
}
#emea-wrapper .wsbk__gallery--less-btn,
#emea-wrapper .wsbk__gallery--more-btn {
display: inline-block;
padding: 40px 10px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
color: #db011c;
font-size: 14px;
cursor: pointer;
}
#emea-wrapper .wsbk__gallery--less-btn {
display: none;
}
#emea-wrapper .wsbk__track .wsbk__track--main-title {
color: #000;
text-align: center;
padding: 40px 0;
border-top: 1px solid #f1f1f1;
}
#emea-wrapper .wsbk__track .wsbk__track--main-title h2 {
font-size: 30px;
}
#emea-wrapper .wsbk__track_gallery .wsbk__track_gallery--main-title {
color: #000;
text-align: center;
padding: 40px 0;
border-top: 1px solid #f1f1f1;
}
#emea-wrapper .wsbk__track_gallery .wsbk__track_gallery--main-title h2 {
font-size: 30px;
}
#emea-wrapper .points-box {
display: table;
margin: 5px auto;
padding: 5px;
background-color: #db011c;
text-align: center;
}
#emea-wrapper .points-box p {
color: #fff;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
}
#emea-wrapper .points-box p.points-text {
font-size: 22px;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point {
position: absolute;
}
}
#emea-wrapper .point .point-icon {
display: inline-block;
width: 100%;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon.activate-transition {
filter: alpha(opacity=0);
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon {
position: absolute;
float: left;
width: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
}
#emea-wrapper .point .point-icon .icon {
position: relative;
display: inline-block;
float: left;
width: 20%;
height: 34px;
font-size: 1em;
line-height: 3em;
vertical-align: middle;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon .icon {
width: 34px;
line-height: 2em;
}
}
#emea-wrapper .point .point-icon .fa {
position: absolute;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
line-height: 1em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
width: 100%;
text-align: center;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon .fa {
left: 0;
}
}
#emea-wrapper .point .point-icon .fa-x1 {
line-height: inherit;
}
#emea-wrapper .point .point-icon .fa-x2 {
font-size: 3em;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon .fa-x2 {
font-size: 2em;
}
}
#emea-wrapper .point .point-icon .circle-icon {
color: #fff;
}
#emea-wrapper .point .point-icon .circle-icon:before {
content: "\F111";
}
#emea-wrapper .point .point-icon .plus-icon {
color: #db011c;
}
#emea-wrapper .point .point-icon .plus-icon:before {
content: "\F067";
}
#emea-wrapper .point .point-icon__content {
float: right;
display: block;
width: 80%;
cursor: pointer;
border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon__content {
position: absolute;
top: 90%;
left: -6%;
padding: 10px;
width: 300px;
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
cursor: default;
border-bottom: none;
transition: all 0.5s ease;
}
#emea-wrapper .point .point-icon__content:after {
bottom: 100%;
left: 6%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
}
#emea-wrapper .point .point-icon__content strong {
line-height: 3em;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon__content strong {
line-height: 1em;
}
}
#emea-wrapper .point .point-icon__content p {
display: none;
line-height: 1;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon__content p {
display: block;
}
}
@media only screen and (max-width: 767px) {
#emea-wrapper .point .point-icon:hover .circle-icon {
color: #db011c;
}
#emea-wrapper .point .point-icon:hover .plus-icon {
color: #fff;
}
}
#emea-wrapper .point .point-icon.active {
z-index: 11;
}
@media only screen and (min-width: 768px) {
#emea-wrapper .point .point-icon.active .point-icon__content {
visibility: visible;
filter: alpha(opacity=1);
opacity: 1;
}
}
#emea-wrapper .point .point-icon.active .point-icon__content p {
display: block;
}
#emea-wrapper .point .point-icon.active .circle-icon {
color: #db011c;
}
#emea-wrapper .point .point-icon.active .plus-icon {
color: #fff;
}
#emea-wrapper .point .point-icon .content-to-right {
left: auto;
right: -6%;
}
#emea-wrapper .point .point-icon .content-to-right.content-above:after,
#emea-wrapper .point .point-icon .content-to-right:after {
left: auto;
right: 3%;
}
#emea-wrapper .point .point-icon .content-above {
bottom: 120%;
top: auto;
}
#emea-wrapper .point .point-icon .content-above:after {
top: 100%;
bottom: auto;
left: 6%;
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 10px;
}
#emea-wrapper #iCarousel-preloader {
position: absolute;
z-index: 1000;
border-radius: 3px;
border: 1px solid #000;
border-color: rgba(0, 0, 0, 0.6);
padding: 1px;
width: 150px;
height: 3px;
}
#emea-wrapper #iCarousel-preloader div {
float: left;
border-radius: 3px;
height: 3px;
background: #000;
background: rgba(0, 0, 0, 0.6);
width: 0;
}
#emea-wrapper #iCarousel-timer,
#emea-wrapper #iCarousel-timer div {
display: none;
}
#emea-wrapper .product-carousel-holder {
position: relative;
clear: both;
background: #fff;
overflow: hidden;
display: none;
border-top: 1px solid #f1f1f1;
}
#emea-wrapper .product-carousel {
height: 308px;
width: 395px;
position: relative;
z-index: 1;
margin: 20px auto;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
margin-bottom: 75px;
}
@media (max-width: 450px) {
#emea-wrapper .product-carousel {
max-width: 260px;
height: 203px;
}
}
#emea-wrapper .product-carousel-prev {
left: 25px;
}
#emea-wrapper .product-carousel-prev:before {
font-family: FontAwesome;
content: "\F104";
font-size: 60px;
color: #d80b26;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .product-carousel-prev:before {
font-size: 30px;
}
}
#emea-wrapper .product-carousel-next {
right: 25px;
}
#emea-wrapper .product-carousel-next:before {
font-family: FontAwesome;
content: "\F105";
font-size: 60px;
color: #d80b26;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .product-carousel-next:before {
font-size: 30px;
}
}
#emea-wrapper .product-carousel-next,
#emea-wrapper .product-carousel-prev {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
border-radius: 50%;
cursor: pointer;
z-index: 2;
padding: 0;
border: none;
outline: none;
background-color: #e2e2e2;
color: transparent;
line-height: 1;
font-size: 0;
}
@media only screen and (max-width: 1100px) {
#emea-wrapper .product-carousel-next,
#emea-wrapper .product-carousel-prev {
width: 30px;
height: 30px;
}
}
@media (max-width: 450px) {
#emea-wrapper .product-carousel a {
max-width: 260px;
height: 203px;
}
}
#emea-wrapper .wsbk a {
display: inline-block;
}
#emea-wrapper .wsbk a .wsbk-slide {
height: 308px;
width: 395px;
background-color: #fff !important;
background-size: contain !important;
}
@media (max-width: 450px) {
#emea-wrapper .wsbk a .wsbk-slide {
max-width: 260px;
height: 203px;
}
}
#emea-wrapper .wsbk a .wsbk-slide .slide-header {
position: absolute;
bottom: 0;
height: 55px;
line-height: 55px;
color: #333;
font-weight: 700;
font-size: 18px;
padding-left: 25px;
}
@media (max-width: 450px) {
#emea-wrapper .wsbk a .wsbk-slide .slide-header {
padding-left: 15px;
}
}
#emea-wrapper .wsbk a .wsbk-slide .track-flag {
position: absolute;
bottom: 10px;
right: 10px;
}
#emea-wrapper .wsbk-info-popup {
position: fixed;
right: -100%;
top: 10%;
background: url(sitefiles/dist/45d547da1564e005af68779e299f1749.jpg) #fff;
height: 80%;
z-index: 99999;
padding: 10px;
padding-top: 50px;
background-position: 72% 100%;
transition: right 0.6s ease-out;
max-width: 460px;
}
@media (max-width: 450px) {
#emea-wrapper .wsbk-info-popup {
max-width: 320px;
}
}
#emea-wrapper .wsbk-info-popup.open {
right: 0;
}
#emea-wrapper .wsbk-info-popup h2 {
padding: 20px 0;
}
#emea-wrapper .wsbk-info-popup .close {
position: absolute;
top: 5px;
right: 5px;
opacity: .8;
font-size: 40px;
}
#emea-wrapper .wsbk-info-popup .content-area {
background: #fff;
width: 100%;
height: 100%;
padding: 30px;
color: #db011c;
}
#emea-wrapper .wsbk-info-popup .track-image {
max-width: 320px;
}
@media (max-width: 450px) {
#emea-wrapper .wsbk-info-popup .track-image {
max-width: 200px;
}
}
#emea-wrapper .wsbk__track_gallery .chosen-container {
max-width: 320px;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
#emea-wrapper .wsbk__track_gallery .chosen-single {
background: #e2e2e2;
border: 0;
}
#emea-wrapper .wsbk__track_gallery .chosen-single:after {
content: "\F078";
font-family: FontAwesome;
color: #ab0116;
position: absolute;
top: 5px;
right: 10px;
font-size: 20px;
}
#emea-wrapper .wsbk__track_gallery .grid {
margin: 0 15px;
}
#emea-wrapper .wsbk__track_gallery .element-item {
position: relative;
float: left;
}
#emea-wrapper .wsbk__track_gallery .element-item > * {
margin: 0;
padding: 0;
display: block;
width: 308px;
}
#emea-wrapper .wsbk_rider_bike-info {
min-height: 816px;
background-repeat: no-repeat;
background-color: #dcdcdc;
background-image: url(sitefiles/dist/5945d8b16a75a6548ac2ceeb3ae71146.png);
background-position: 50%;
background-size: cover;
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info {
background-image: none;
padding-top: 10px;
display: inline-block;
}
}
#emea-wrapper .wsbk_rider_bike-info .biker-name {
position: absolute;
font-size: 30px;
font-weight: 700;
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info .biker-name {
position: relative;
width: 100%;
text-align: center;
display: inline-block;
}
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker1 .biker-image {
max-width: 320px;
border: 8px solid #fff;
border-radius: 250px;
margin: 0 auto;
display: block;
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker1 .score {
width: 150px;
height: 150px;
background: #000;
content: "";
position: absolute;
bottom: 10%;
border-radius: 50%;
}
@media (min-width: 768px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker1 .score {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker1 .score {
position: relative;
left: 0;
margin: 0 auto;
margin-top: 10px;
}
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker1 .score span {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
color: #fff;
text-align: center;
z-index: 2;
width: 100%;
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker2 .biker-image {
max-width: 320px;
border: 8px solid #fff;
border-radius: 250px;
margin: 0 auto;
display: block;
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker2 .score {
width: 150px;
height: 150px;
background: #000;
content: "";
position: absolute;
bottom: 10%;
border-radius: 50%;
}
@media (min-width: 768px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker2 .score {
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker2 .score {
position: relative;
left: 0;
margin: 0 auto;
margin-top: 10px;
}
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-biker2 .score span {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
color: #fff;
text-align: center;
z-index: 2;
width: 100%;
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-bike .score {
width: 150px;
height: 150px;
background: #000;
content: "";
position: absolute;
bottom: 16%;
border-radius: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-bike .score {
position: absolute;
left: 50%;
margin: 0 auto;
margin-top: 10px;
top: 66%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-bike .score span {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
color: #fff;
text-align: center;
z-index: 2;
width: 100%;
}
@media (max-width: 767px) {
#emea-wrapper .wsbk_rider_bike-info .wsbk__header--intro-bike .score span {
left: 0;
}
}
#emea-wrapper .wsbk-biker-info-popup-open {
cursor: pointer;
}
#emea-wrapper .wsbk-biker-info-popup {
position: fixed;
right: -100%;
top: 10%;
background: url(sitefiles/dist/50748379f6a7494c8c60bd54108968e3.jpg) #fff;
height: 80%;
z-index: 99999;
padding: 30px;
padding-top: 50px;
background-position: 72% 100%;
transition: right 0.6s ease-out;
max-width: 460px;
}
@media (max-width: 767px) {
#emea-wrapper .wsbk-biker-info-popup {
width: 100%;
min-width: 100%;
height: 100vh;
top: 0;
}
}
#emea-wrapper .wsbk-biker-info-popup.open {
right: 0;
}
#emea-wrapper .wsbk-biker-info-popup.back-image {
background-color: #fff;
background-position: 50% 100%;
}
#emea-wrapper .wsbk-biker-info-popup h2 {
padding: 20px 0;
}
#emea-wrapper .wsbk-biker-info-popup .close {
position: absolute;
top: 5px;
right: 5px;
opacity: .8;
font-size: 40px;
}
#emea-wrapper .wsbk-biker-info-popup .content-area {
background: rgba(255, 255, 255, 0.5);
width: 100%;
height: auto;
padding: 30px;
color: #000;
}
#emea-wrapper .wsbk-biker-info-popup .biker-image {
max-width: 320px;
border: 8px solid #fff;
border-radius: 250px;
margin: 0 auto;
display: block;
}
#emea-wrapper .biker-table__container {
position: relative;
}
#emea-wrapper .biker-table__container .biker-table__banner {
height: 35px;
}
#emea-wrapper .biker-table__container .biker-table__banner--green {
background-color: #078238;
}
#emea-wrapper .biker-table__container .biker-table__banner--white {
background-color: #fff;
}
#emea-wrapper .biker-table__container .biker-table__banner--red {
background-color: #e40e0e;
}
#emea-wrapper .biker-table__container .biker-table__top-logo {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 12px;
z-index: 1;
}
#emea-wrapper .biker-table__container .biker-table__background-image {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
top: 105px;
position: absolute;
height: 100%;
}
#emea-wrapper .biker-table__container .biker-table__content-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content img {
margin: 0 auto;
display: block;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--left {
text-align: center;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
padding-top: 70px;
}
@media (max-width: 991px) {
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--left {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding-top: 20px;
}
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--left img {
min-width: 230px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding-top: 120px;
}
@media (max-width: 991px) {
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 20px;
font-size: 15px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table {
width: 100%;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table .table-divider {
background-color: #db011e;
width: 45%;
margin: 0 auto;
height: 3px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table td:first-child {
text-align: right;
width: 42.5%;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table td:nth-child(2) {
text-align: center;
width: 15%;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table td:nth-child(3) {
text-align: left;
width: 42.5%;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container table tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.3);
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--center .biker-table__table-container .biker-table__table-subtext {
color: #fff;
text-align: center;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--right {
text-align: center;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding-top: 70px;
}
@media (max-width: 991px) {
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--right {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding-top: 20px;
}
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content--right img {
min-width: 230px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title {
color: #fff;
text-align: center;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title h2 {
font-size: 38px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title h2 {
font-size: 32px;
}
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title h3 {
color: #fff;
text-transform: none;
font-size: 21px;
}
@media (max-width: 991px) {
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title h3 {
font-size: 18px;
}
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title p {
font-size: 15px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title--main {
background-color: rgba(0, 0, 0, 0.5);
padding: 20px;
}
#emea-wrapper .biker-table__container .biker-table__content-container .biker-table__content .biker-table__title--sub {
padding: 20px 0;
}
#emea-wrapper .yamaha-nav {
background: #161616;
padding: 18px 0;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .yamaha-nav ul {
padding: 0;
margin: 0;
}
#emea-wrapper .yamaha-nav li {
display: inline-block;
margin: 7px;
}
#emea-wrapper .yamaha-nav .nav-icon {
display: none;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 0 0;
}
#emea-wrapper .yamaha-nav .nav-icon.intro {
width: 32px;
height: 34px;
background-position: -244px -343px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.intro,
#emea-wrapper .yamaha-nav .nav-icon.intro:hover {
background-position: -244px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.competition {
width: 50px;
height: 34px;
background-position: -321px -343px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.competition,
#emea-wrapper .yamaha-nav .nav-icon.competition:hover {
background-position: -321px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.calendar {
width: 33px;
height: 33px;
background-position: -405px -344px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.calendar,
#emea-wrapper .yamaha-nav .nav-icon.calendar:hover {
background-position: -405px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.feed {
width: 36px;
height: 33px;
background-position: -467px -344px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.feed,
#emea-wrapper .yamaha-nav .nav-icon.feed:hover {
background-position: -467px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.riders {
width: 36px;
height: 33px;
background-position: -560px -344px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.riders,
#emea-wrapper .yamaha-nav .nav-icon.riders:hover {
background-position: -560px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.videos {
width: 36px;
height: 34px;
background-position: -649px -344px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.videos,
#emea-wrapper .yamaha-nav .nav-icon.videos:hover {
background-position: -649px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.news {
width: 43px;
height: 33px;
background-position: -740px -345px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.news,
#emea-wrapper .yamaha-nav .nav-icon.news:hover {
background-position: -740px -393px;
}
#emea-wrapper .yamaha-nav .nav-icon.gallery {
width: 43px;
height: 33px;
background-position: -830px -345px;
}
#emea-wrapper .yamaha-nav .active-yam .nav-icon.gallery,
#emea-wrapper .yamaha-nav .nav-icon.gallery:hover {
background-position: -830px -393px;
}
#emea-wrapper .yamaha-nav .active-yam a {
color: #db011c;
}
#emea-wrapper .yamaha-nav li a {
color: #f1efe0;
font-size: 115.4%;
}
#emea-wrapper .yamaha-nav li a:hover {
color: #db011c;
}
#emea-wrapper .mainContent.yamaha-outer,
#emea-wrapper .yamaha-inner {
background: #f1efe0;
}
#emea-wrapper .yamaha-inner {
margin-bottom: 25px;
padding-top: 20px;
}
#emea-wrapper .yamaha-inner h1 {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 230.8%;
color: #323232;
margin-bottom: 10px;
}
#emea-wrapper .yamaha-inner p {
font-size: 123.1%;
}
#emea-wrapper .yamaha-inner a.anchor {
position: relative;
top: -160px;
}
#emea-wrapper .yamaha-inner .yamaha-logos {
text-align: center;
}
#emea-wrapper .yamaha-inner.yam-win .yamaha-logos {
text-align: center;
background: #db011c;
}
#emea-wrapper .yamaha-inner .topRow {
margin: 0;
}
#emea-wrapper .yamaha-inner.yam-win .terms {
font-style: italic;
font-size: .8em;
cursor: pointer;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .info-message {
width: 100%;
text-align: center;
display: block;
margin: 80px 0;
font-weight: 700;
color: #db011c;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .error-message {
display: block;
margin: 10px 15px;
color: #db011c;
}
#emea-wrapper .yamaha-inner.yam-win .win-form #terms-conditions {
font-size: 0.9em;
}
#emea-wrapper .yamaha-inner.yam-win .win-form input {
border-radius: 5px;
padding: 0 15px;
border: none;
margin-bottom: 15px;
height: 50px;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
color: #323232;
}
#emea-wrapper .yamaha-inner.yam-win .win-form input[type=submit] {
display: inline-block;
padding: 15px;
background: #db011c;
text-align: center;
color: #fff;
width: auto;
clear: both;
}
#emea-wrapper .yamaha-inner.yam-win .win-form input[type=submit]:hover {
background: #323232;
}
#emea-wrapper .yamaha-inner.yam-win .win-form a {
display: block;
color: #323232;
}
#emea-wrapper .yamaha-inner.yam-win .win-form a:hover {
color: #db011c;
}
#emea-wrapper .win-form .placeholder,
#emea-wrapper .win-form input:-moz-placeholder,
#emea-wrapper .win-form input:-ms-input-placeholder,
#emea-wrapper .win-form input::-moz-placeholder,
#emea-wrapper .win-form input::-webkit-input-placeholder,
#emea-wrapper .win-form input[placeholder],
#emea-wrapper .win-form textarea:-moz-placeholder,
#emea-wrapper .win-form textarea:-ms-input-placeholder,
#emea-wrapper .win-form textarea::-moz-placeholder,
#emea-wrapper .win-form textarea::-webkit-input-placeholder,
#emea-wrapper .win-form textarea[placeholder] {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .win-form input::-moz-placeholder,
#emea-wrapper .win-form textarea::-moz-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .win-form::-webkit-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .win-form:-moz-placeholder,
#emea-wrapper .win-form::-moz-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .win-form:-ms-input-placeholder {
color: #323232 !important;
opacity: 1 !important;
font-size: 1em;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .chosen-container-single .chosen-single {
height: 50px;
background: #fff;
border-color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .chosen-container-single .chosen-single span {
line-height: 50px;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .chosen-container-single .chosen-single div b {
background-position: 0 14px;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 14px;
}
#emea-wrapper .yamaha-inner.yam-win .win-form .chosen-container .chosen-drop {
border-color: #fff;
}
#emea-wrapper .yamaha-inner.yam-win h1 {
text-align: center;
}
#emea-wrapper .yamaha-inner .win-motorbike {
background: #db011c;
padding: 44px 215px 44px 44px;
margin-top: 35px;
text-align: center;
position: relative;
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .win-motorbike h2 {
color: #f1efe0;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 308%;
text-transform: uppercase;
}
#emea-wrapper .yamaha-inner .win-motorbike a {
background: #ab0116;
padding: 25px;
color: #fff;
position: absolute;
top: 44px;
right: 44px;
font-size: 300%;
transition: background-color 0.3s ease;
}
#emea-wrapper .yamaha-inner .win-motorbike a:hover {
background: #323232;
}
#emea-wrapper .yamaha-inner .race-calendar {
background: #323232;
padding: 35px;
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .race-calendar h2 {
margin-bottom: 18px;
}
#emea-wrapper .yamaha-inner .race-calendar .race-details h3,
#emea-wrapper .yamaha-inner .race-calendar h2 {
color: #efede4;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 192.3%;
text-align: center;
}
#emea-wrapper .yamaha-inner .race-calendar .race-details h4 {
font-weight: 700;
}
#emea-wrapper .yamaha-inner .race-calendar .race-details h4,
#emea-wrapper .yamaha-inner .race-calendar .race-details p {
color: #efede4;
font-size: 123%;
margin: 0;
line-height: normal;
font-family: Arial, sans-serif;
}
#emea-wrapper .yamaha-inner .owl-prev {
position: absolute;
top: 50%;
left: -40px;
}
#emea-wrapper .yamaha-inner .owl-next {
position: absolute;
top: 50%;
right: -40px;
}
#emea-wrapper .yamaha-inner .race-calendar .race-left {
float: left;
width: 30%;
text-align: right;
margin-bottom: 5px;
}
#emea-wrapper .yamaha-inner .race-calendar .race-right {
float: left;
width: 70%;
padding-left: 15px;
text-align: left;
margin-bottom: 5px;
}
#emea-wrapper .yamaha-inner .social-area {
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .social-area .tabs div {
float: left;
width: 50%;
background: #ab0116;
padding: 20px;
text-align: center;
color: #fff;
font-size: 300%;
cursor: pointer;
}
#emea-wrapper .yamaha-inner .social-area .owl-controls {
top: -33px;
}
#emea-wrapper .yamaha-inner .social-area .tabs .active-tab {
background: #db011c;
}
#emea-wrapper .yamaha-inner .social-area .tab-main .tab {
background: #db011c;
display: none;
padding: 35px;
}
#emea-wrapper .yamaha-inner .social-area .tab-main .tab .item img {
width: 100%;
margin-top: 10px;
}
#emea-wrapper .yamaha-inner .social-area .facebook-messages {
background: #fff;
padding: 30px;
color: #595959;
position: relative;
margin-bottom: 43px;
min-height: 60px;
}
#emea-wrapper .yamaha-inner .social-area .facebook-messages p {
max-height: 260px;
overflow: hidden;
}
#emea-wrapper .yamaha-inner .social-area .facebook-messages p span {
display: block;
font-size: .8em;
margin: 10px 0 0;
}
#emea-wrapper .yamaha-inner .social-area .tweet {
background: #fff;
padding: 30px;
color: #595959;
position: relative;
margin-bottom: 63px;
}
#emea-wrapper .yamaha-inner .social-area .facebook-messages .speech-bottom,
#emea-wrapper .yamaha-inner .social-area .tweet .speech-bottom {
background: url(sitefiles/dist/5666ff31fdfff383e2914f3cd13bef97.png) no-repeat;
width: 85px;
height: 33px;
display: block;
position: absolute;
bottom: -33px;
left: 40px;
}
#emea-wrapper .yamaha-inner .social-area .tweet p {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 160%;
line-height: normal;
overflow: hidden;
}
#emea-wrapper .yamaha-inner .social-area p.author {
font-family: Arial, sans-serif;
font-size: 120%;
}
#emea-wrapper .yamaha-inner .social-area .owl-theme .owl-controls .owl-buttons div {
background: #323232;
}
#emea-wrapper .yamaha-inner .drivers {
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .drivers .tabs div {
float: left;
width: 33.33333333%;
background: #323232;
padding: 20px;
text-align: center;
color: #fff;
font-size: 140%;
cursor: pointer;
line-height: normal;
}
#emea-wrapper .yamaha-inner .drivers .tabs div span {
display: block;
}
#emea-wrapper .yamaha-inner .drivers .tabs .active-tab {
background: #161616;
}
#emea-wrapper .yamaha-inner .drivers .tab-main .tab {
background: #161616;
display: none;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile {
position: relative;
overflow: hidden;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile h3 {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 231%;
margin: 0;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile h4 {
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 116%;
margin-top: 20px;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile h5 {
font-weight: 700;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile h5,
#emea-wrapper .yamaha-inner .drivers .driver-profile p {
color: #fff;
font-family: Arial, sans-serif;
font-size: 107.7%;
line-height: normal;
margin-bottom: 5px;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile p {
font-weight: 400;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .driver-stats {
padding-right: 40%;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .driver-stats .stats-left,
#emea-wrapper .yamaha-inner .drivers .driver-profile .driver-stats .stats-right {
float: left;
width: 50%;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .profile-top {
position: relative;
padding: 35px;
z-index: 2;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .profile-bottom {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
text-align: right;
z-index: 1;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .profile-bottom img {
position: absolute;
bottom: 0;
max-width: 100%;
max-height: 100%;
right: 0;
}
#emea-wrapper .yamaha-inner .yam-news {
background: #db011c;
padding: 35px;
margin-bottom: 25px;
}
#emea-wrapper .yamaha-news-full h3 {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 170%;
margin-bottom: 10px;
}
#emea-wrapper .yamaha-news-full img {
width: 100%;
margin-bottom: 10px;
}
#emea-wrapper .yamaha-inner .yam-news h2 {
color: #efede4;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 192.3%;
text-align: center;
margin-bottom: 18px;
}
#emea-wrapper .yamaha-inner .yam-news h3 {
color: #323232;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 170%;
margin-bottom: 10px;
}
#emea-wrapper .yamaha-inner .yam-news h4 {
font-size: 123%;
font-weight: 700;
}
#emea-wrapper .yamaha-inner .yam-news h4,
#emea-wrapper .yamaha-inner .yam-news p {
color: #323232;
margin: 0;
line-height: normal;
font-family: Arial, sans-serif;
}
#emea-wrapper .yamaha-inner .yam-news p {
font-size: 115%;
}
#emea-wrapper .yamaha-inner .yam-news .news-details {
background: #fff;
text-align: left;
padding: 15px 35px 35px;
}
#emea-wrapper .yamaha-inner .yam-news .owl-theme .owl-controls .owl-buttons div {
background: #323232;
}
#emea-wrapper .yamaha-inner .yam-gallery {
background: #323232;
padding: 35px;
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .yam-gallery h2 {
color: #efede4;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 192.3%;
text-align: center;
margin-bottom: 18px;
}
#emea-wrapper .yamaha-inner .yam-gallery h3 {
color: #efede4;
font-family: HelveticaNeue;
font-size: 150%;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 700;
text-align: left;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container .chosen-drop {
border: none;
background: #161616;
border-radius: 0;
box-shadow: none;
text-align: left;
color: #db011c;
font-size: 120%;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container .chosen-results li {
line-height: normal;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-active.chosen-with-drop .chosen-single,
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-single .chosen-single {
box-shadow: none;
background: #161616;
color: #efede4;
border-radius: 0;
border: none;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-single .chosen-single {
text-align: left;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-single .chosen-single div b {
width: 19px;
height: 16px;
background-position: 0 -54px;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-single .chosen-single div {
width: 30px;
top: 11px;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -40px -54px;
}
#emea-wrapper .yamaha-inner .yam-gallery .chosen-container-single .chosen-single span {
color: #ebebeb;
font-size: 120%;
}
#emea-wrapper .yamaha-inner .full-range {
background: #db011c;
overflow: hidden;
padding-left: 40%;
position: relative;
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .full-range img {
position: absolute;
top: 0;
left: 0;
max-width: 40%;
}
#emea-wrapper .yamaha-inner .full-range .range-text {
text-align: center;
padding: 30px 60px;
color: #fff;
}
#emea-wrapper .yamaha-inner .full-range .range-text a {
color: #fff;
}
#emea-wrapper .yamaha-inner .full-range .range-text h4 {
font-size: 153.8%;
margin-bottom: 15px;
}
#emea-wrapper .yamaha-inner .full-range .range-text h4,
#emea-wrapper .yamaha-inner .full-range .range-text h5 {
color: #efede4;
font-family: HelveticaNeueLTStd-BdEx;
text-align: center;
font-weight: 400;
}
#emea-wrapper .yamaha-inner .full-range .range-text h5 {
font-size: 163.8%;
}
#emea-wrapper .yamaha-inner .full-range .range-text h5 span {
text-transform: uppercase;
font-weight: 700;
}
#emea-wrapper .yamaha-inner .tintup,
#emea-wrapper .yamaha-inner .yam-videos {
margin-bottom: 25px;
}
#emea-wrapper .yamaha-inner .yam-videos .yam-main-vid iframe {
width: 100% !important;
}
#emea-wrapper .yamaha-inner .yam-videos .yam-alt-vids {
background: #db011c;
padding: 15px 30px;
}
#emea-wrapper .yamaha-inner .yam-videos .yam-alt-vids .small-vid {
position: relative;
cursor: pointer;
}
#emea-wrapper .yamaha-inner .yam-videos .yam-alt-vids .small-vid .play-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) -577px -256px no-repeat;
display: block;
width: 25px;
height: 25px;
}
#emea-wrapper .yamaha-inner .yam-videos .yam-alt-vids h2 {
color: #efede4;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 192.3%;
margin-bottom: 18px;
text-align: center;
}
#emea-wrapper .yamaha-inner .yam-videos .owl-carousel3 {
display: none;
}
#emea-wrapper .yamaha-inner .yam-videos .owl-carousel3 .item {
margin: 0 10px;
}
#emea-wrapper .yamaha-inner .yam-videos .owl-carousel3 .item p {
color: #fff;
text-align: left;
}
#emea-wrapper .yamaha-inner .yam-videos .owl-theme .owl-controls .owl-buttons div {
background: none repeat scroll 0 0 #323232;
margin-top: -27px;
padding: 10px;
}
#emea-wrapper .yamaha-inner .yam-text-area h2 {
text-align: center;
font-size: 230.8%;
color: #323232;
margin-bottom: 20px;
}
@media (max-width: 991px) {
#emea-wrapper .yamaha-inner .win-motorbike {
font-size: 90%;
}
#emea-wrapper .yamaha-inner,
#emea-wrapper .yamaha-nav {
font-size: 70%;
}
}
@media (max-width: 767px) {
#emea-wrapper .yamaha-inner .full-range {
padding-left: 0;
}
#emea-wrapper .yamaha-inner .full-range img {
display: none;
}
#emea-wrapper .yamaha-nav .nav-icon {
display: block;
}
#emea-wrapper .yamaha-nav .nav-text {
display: none;
}
#emea-wrapper .yamaha-inner .win-motorbike {
font-size: 80%;
padding: 12px 82px 12px 12px;
min-height: 95px;
}
#emea-wrapper .yamaha-inner .win-motorbike a {
right: 12px;
top: 12px;
}
}
@media (max-width: 480px) {
#emea-wrapper .yamaha-inner .win-motorbike {
font-size: 60%;
}
#emea-wrapper .yamaha-inner .drivers .driver-profile .profile-top,
#emea-wrapper .yamaha-inner .drivers .tabs div,
#emea-wrapper .yamaha-inner .yam-gallery,
#emea-wrapper .yamaha-inner .yam-videos .yam-alt-vids {
padding: 15px;
}
#emea-wrapper .yamaha-inner .full-range .range-text {
padding: 30px;
}
#emea-wrapper .yamaha-inner .yam-news .news-details {
padding: 10px 20px;
}
#emea-wrapper .yamaha-inner .race-calendar,
#emea-wrapper .yamaha-inner .social-area .tab-main .tab,
#emea-wrapper .yamaha-inner .yam-news {
padding: 15px;
}
}
#emea-wrapper .OneKeyLandingOneKeyLanding {
margin-bottom: 20px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .OneKeyLandingOneKeyLanding {
margin-bottom: 0;
}
}
#emea-wrapper .onekey-landing {
position: relative;
}
#emea-wrapper .see-more-btn,
#emea-wrapper .see-top-btn {
display: none;
position: absolute;
bottom: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
width: 300px;
text-align: center;
}
@media screen and (min-width: 660px) {
#emea-wrapper .see-more-btn,
#emea-wrapper .see-top-btn {
display: block;
}
}
#emea-wrapper .see-top-btn {
bottom: 10%;
}
#emea-wrapper .onekey-landing__content {
margin-bottom: 20px;
}
#emea-wrapper .onekey-landing__content h3 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 20px;
color: #fff;
margin-bottom: 30px;
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-landing__content h3 {
font-size: 34px;
text-align: left;
}
}
#emea-wrapper .onekey-landing__content p {
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 2px #969696;
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-landing__content p {
text-align: left;
}
}
@media screen and (max-width: 992px) {
#emea-wrapper .onekey-landing__content p {
font-size: 15px;
}
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
#emea-wrapper .onekey-landing__content p {
font-family: Arial, Helvetica, sans-serif;
}
}
#emea-wrapper .onekey-landing__content-links ul {
margin: 0;
padding: 0;
list-style: none;
}
#emea-wrapper .onekey-landing__content-links li {
display: block;
margin-bottom: 20px;
float: left;
width: 100%;
}
#emea-wrapper .onekey-landing__content-links li span {
text-transform: uppercase;
border-bottom: 2px dotted;
border-color: #6b6b6a;
font-size: 12px;
display: inline-block;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 2px #969696;
padding-top: 2px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__content-links li span {
font-size: 20px;
}
}
#emea-wrapper .onekey-landing__content-links li a {
display: table;
color: #fff;
}
@media screen and (min-width: 1430px) {
#emea-wrapper .onekey-landing__content-links li a {
width: 100%;
}
}
#emea-wrapper .onekey-landing__content-appstores {
margin-bottom: 40px;
display: none;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__content-appstores {
display: block;
}
}
#emea-wrapper .onekey-landing__content-appstores ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-landing__content-appstores ul {
text-align: left;
}
}
#emea-wrapper .onekey-landing__content-appstores li {
display: block;
margin-bottom: 20px;
padding: 0 5px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__content-appstores li {
display: inline-block;
margin-bottom: 0;
padding: 0 10px;
margin-bottom: 15px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__content-appstores li + li {
margin-left: 40px;
}
}
#emea-wrapper .onekey-landing__pagination {
position: fixed;
top: 70px;
right: 10px;
z-index: 11;
min-width: 80px;
display: none;
padding-top: 70px;
padding-bottom: 70px;
top: calc(120%) !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-landing__pagination {
display: table;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
#emea-wrapper .onekey-landing__pagination {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-height: 680px) {
#emea-wrapper .onekey-landing__pagination {
display: none;
}
}
#emea-wrapper .onekey-landing__pagination nav {
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
display: table-cell;
vertical-align: middle;
border-top-right-radius: 60px;
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
}
#emea-wrapper .onekey-landing__pagination ul {
margin: 0;
padding: 25px 0;
list-style: none;
}
#emea-wrapper .onekey-landing__pagination li {
opacity: .5;
transition: all 0.3s ease-in-out;
}
#emea-wrapper .onekey-landing__pagination li.is-active,
#emea-wrapper .onekey-landing__pagination li:hover {
opacity: 1;
}
#emea-wrapper .onekey-landing__pagination li + li {
margin-top: 5px;
}
@media only screen and (orientation: landscape) and (min-height: 800px) {
#emea-wrapper .onekey-landing__pagination li + li {
margin-top: 10px;
}
}
@media only screen and (orientation: landscape) and (min-height: 900px) {
#emea-wrapper .onekey-landing__pagination li + li {
margin-top: 10px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
#emea-wrapper .onekey-landing__pagination li + li {
margin-top: 10px;
}
}
#emea-wrapper .onekey-landing__pagination a {
display: inline-block;
text-transform: uppercase;
color: #fff;
font-size: 12px;
}
#emea-wrapper .onekey-landing__pagination span {
display: block;
max-width: 85px;
}
#emea-wrapper .onekey-landing__pagination.onekey-landing__pagination a {
display: inline-block;
text-transform: uppercase;
color: #fff;
font-size: 12px;
}
#emea-wrapper .onekey-landing__pagination.onekey-landing__pagination a:before {
margin: 0;
}
#emea-wrapper .onekey-landing__content--white-bg {
background-color: #fff;
}
#emea-wrapper .onekey-landing__content--white-bg h3,
#emea-wrapper .onekey-landing__content--white-bg p {
color: #000;
}
#emea-wrapper .onekey-landing__content--red-bg {
background-color: #db011c;
}
#emea-wrapper .onekey-landing__content--red-bg h3,
#emea-wrapper .onekey-landing__content--red-bg p {
color: #fff;
}
#emea-wrapper .onekey-landing__theft .padded-column {
padding: 30px;
}
#emea-wrapper .onekey-landing__theft .coloured-column {
background: #db011c;
}
#emea-wrapper .onekey-landing__tick h3 {
text-shadow: 0 0 8px #010101;
font-size: 24px;
}
#emea-wrapper .onekey-landing__tick a {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
transition: all .15s;
font-size: 18px;
padding: 12px 20px;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
white-space: nowrap;
line-height: 1.42857;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .onekey-landing__tick a:hover {
background: #fff;
color: #db011c;
outline: 0;
}
#emea-wrapper .onekey-landing__tick .coming-soon {
background: #221f1f;
color: #fff;
padding: 6px;
font-size: 24px;
font-family: HelveticaNeueLTStd-BdEx;
display: inline-block;
margin-left: -15px;
text-transform: uppercase;
}
#emea-wrapper .onekey-landing__tick .padded-column {
padding: 30px;
}
#emea-wrapper .onekey-landing__tick .no-padding {
padding: 0;
}
#emea-wrapper .slide {
position: relative;
padding: 5vh 5%;
min-height: 60vh;
min-width: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide {
padding: 20vh 10% 5vh;
min-height: 100vh;
}
}
#emea-wrapper .slide__header {
position: absolute;
top: 40px;
left: 0;
}
#emea-wrapper .slide__header h2 {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
padding: 20px;
font-size: 12px;
display: inline-block;
vertical-align: top;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__header h2 {
font-size: 25px;
}
}
#emea-wrapper .slide__header span {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
background-color: #fff;
color: #000;
text-transform: uppercase;
padding: 4px 20px;
display: inline-block;
margin-top: -4px;
position: relative;
z-index: 1;
}
#emea-wrapper .slide__header span:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 0 solid transparent;
border-bottom: 26px solid transparent;
border-left: 12px solid #fff;
top: 0;
right: -12px;
}
#emea-wrapper .slide__header--inventory .slide__header-title:before {
content: "";
background-image: url(sitefiles/dist/c69dc0ef3013e723c4c1f594dfe66336.png);
width: 55px;
height: 55px;
display: inline-block;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__header--inventory .slide__header-title:before {
margin-top: 6px;
}
}
#emea-wrapper .slide__header--inventory .slide__header-title h2 {
padding-left: 0;
}
#emea-wrapper .slide__header-title {
background-color: #db011c;
position: relative;
}
#emea-wrapper .slide__header-title:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 0 solid transparent;
border-bottom: 61px solid transparent;
border-left: 33px solid #db011c;
top: 0;
right: -33px;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__header-title:after {
border-bottom: 68px solid transparent;
}
}
#emea-wrapper .slide-1 {
background-image: url(sitefiles/dist/02e250fdf0ac3dea5943bc43b0c7e2df.jpg);
min-height: calc(-73vh);
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide-1 {
min-height: calc(-33vh);
}
}
#emea-wrapper .slide-1 .media-wrapper {
margin-bottom: 30px;
}
#emea-wrapper .slide-2 {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
padding: 0;
}
#emea-wrapper .slide-3 {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
}
#emea-wrapper .slide-3 .onekey-landing__content-links {
display: none;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide-3 .onekey-landing__content-links {
display: block;
}
}
#emea-wrapper .slide-3 .media-wrapper {
margin-bottom: 30px;
text-align: center;
}
#emea-wrapper .slide-3 .media-wrapper img {
width: 80%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide-3 .media-wrapper img {
width: 60%;
}
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide-3 .media-wrapper img {
width: 100%;
}
}
@media screen and (max-width: 660px) {
#emea-wrapper .slide-3 .container {
margin-top: 150px;
}
}
#emea-wrapper .onekey-landing__inner-btn {
margin-top: 30px;
width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
transition: all 0.3s ease-in-out 0.4s;
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-landing__inner-btn {
width: 70%;
text-align: left;
}
}
#emea-wrapper .onekey-landing__inner-btn a {
white-space: nowrap;
padding-left: 20px;
padding-right: 20px;
}
#emea-wrapper .onekey-landing__inner-btn .btn__brand {
position: relative;
color: #fff;
font-size: 14px;
border: 1px solid #b8b3b0;
border-radius: 0;
display: inline-block;
padding: 15px 70px;
background: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .onekey-landing__inner-btn .btn__brand:before {
background: #db011c;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: scaleX(0.7);
-ms-transform: scaleX(0.7);
transform: scaleX(0.7);
transition-delay: 0s, 0s;
transition-duration: 1s, 1s;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
width: 100%;
z-index: -1;
}
#emea-wrapper .onekey-landing__inner-btn .btn__brand:hover {
color: #fff;
}
#emea-wrapper .onekey-landing__inner-btn .btn__brand:hover:before {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#emea-wrapper .slide-4 {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
padding: 25vh 10% 5vh;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide-4 {
padding: 20vh 10% 5vh;
}
}
#emea-wrapper .slide-4 .media-wrapper {
margin-bottom: 30px;
}
#emea-wrapper .spacing {
padding-top: 20px;
}
#emea-wrapper .video-wrapper {
position: relative;
padding-bottom: 60vh;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .video-wrapper {
padding-bottom: 100vh;
}
}
#emea-wrapper .video-wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
#emea-wrapper .tick-list {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 50px;
position: relative;
}
#emea-wrapper .tick-list:after {
content: "";
background-image: url(sitefiles/dist/b34b2739322f73c84a1efbbc5526f925.png);
display: none;
width: 281px;
height: 516px;
top: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 140px;
}
@media screen and (min-width: 992px) {
#emea-wrapper .tick-list:after {
display: inline-block;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .tick-list:after {
top: -116px;
position: absolute;
left: 100%;
margin-left: -50px;
margin-top: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
#emea-wrapper .tick-list li {
background-color: rgba(219, 1, 28, 0.8);
color: #fff;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
display: table;
width: 100%;
padding: 10px 17px;
min-height: 60px;
position: relative;
}
#emea-wrapper .tick-list li + li {
margin-top: 2px;
}
#emea-wrapper .tick-list li:before {
content: "";
background-image: url(sitefiles/dist/685ed95935f00f6f0bc6e9c729e2c16d.png);
width: 21px;
height: 17px;
float: left;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
#emea-wrapper .tick-list li span {
display: table-cell;
vertical-align: middle;
width: 100%;
padding-left: 40px;
}
#emea-wrapper .js-carousel-tracking .tick-list {
margin-top: 50px;
margin-bottom: 50px;
}
@media screen and (max-width: 660px) {
#emea-wrapper .js-carousel-tracking .tick-list {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .js-carousel-tracking .tick-list {
padding-right: 55%;
margin-bottom: 0;
}
}
#emea-wrapper .js-carousel-tracking .tick-list:after {
display: none;
}
#emea-wrapper .js-carousel-tracking .tick-list li {
background-color: #db011c;
}
@media (max-width: 992px) {
#emea-wrapper .js-carousel-tracking .nxt-btn-slide {
bottom: 30px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .js-carousel-tracking .onekey-landing__features-carousel--slide .onekey-landing__content {
min-height: 510px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .js-carousel-tracking .onekey-landing__features-carousel--slide .onekey-landing__content h3 {
padding-right: 49%;
}
}
@media (max-width: 992px) {
#emea-wrapper .js-carousel-tracking .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image img {
top: 0;
}
}
#emea-wrapper .onekey-landing-big-map-illust {
text-align: center;
margin-bottom: 50px;
}
#emea-wrapper .cloud-img {
text-align: center;
}
#emea-wrapper .cloud-img img {
opacity: 0.5;
}
#emea-wrapper .slide-5 {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
padding: 25vh 5% 5vh;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide-5 {
padding: 20vh 10% 5vh;
}
}
#emea-wrapper .slide-5 .media-wrapper {
margin-bottom: 30px;
}
#emea-wrapper .onekey-landing__features-carousel.slick-slider {
margin-bottom: 0;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__features-carousel.slick-slider {
margin-right: -35px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel.slick-slider {
padding: 30px;
padding-bottom: 60px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
#emea-wrapper .onekey-landing__features-carousel.js-carousel-tracking {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__features-carousel.js-carousel-tracking {
margin-right: 0;
}
}
#emea-wrapper .onekey-landing__features-carousel button {
position: absolute;
top: 50%;
width: auto;
height: auto;
background: none;
border: 0;
z-index: 1000;
}
#emea-wrapper .onekey-landing__features-carousel .carousel-prev {
display: none !important;
-webkit-transform: scaleX(-1) translateY(-50%);
-ms-transform: scaleX(-1) translateY(-50%);
transform: scaleX(-1) translateY(-50%);
left: -40px;
}
#emea-wrapper .onekey-landing__features-carousel .carousel-prev img {
max-width: 80%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__features-carousel .carousel-prev {
display: block;
left: -60px;
}
#emea-wrapper .onekey-landing__features-carousel .carousel-prev img {
max-width: 100%;
}
}
#emea-wrapper .onekey-landing__features-carousel .carousel-next {
right: -52px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#emea-wrapper .onekey-landing__features-carousel .carousel-next img {
max-width: 80%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__features-carousel .carousel-next {
right: -60px;
}
#emea-wrapper .onekey-landing__features-carousel .carousel-next img {
max-width: 100%;
}
}
#emea-wrapper .onekey-landing__features-carousel--slide {
position: relative;
display: inline-block;
}
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content {
margin-bottom: 0;
padding: 15px;
min-height: 350px;
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content {
padding: 30px;
}
}
@media screen and (max-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content {
min-height: 180px;
}
}
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content h3 {
text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content h3 {
padding-right: 45%;
}
}
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content p {
text-shadow: none;
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__content p {
padding-right: 55%;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image {
padding-left: 15px;
padding-right: 15px;
}
}
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image div {
background: #fff;
padding-bottom: 20px;
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image div {
background: none;
padding-bottom: 0;
}
}
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image div img {
margin: 0 auto;
}
@media (max-width: 992px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image div img {
position: relative;
top: -30px;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide .onekey-landing__features-carousel-image {
position: absolute;
right: 0;
top: 40px;
width: 50%;
}
}
#emea-wrapper .onekey-landing__features-carousel .slick-dots {
position: relative;
}
#emea-wrapper .onekey-landing__features-carousel--slide-inner {
width: 100%;
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel--slide-inner {
width: 100%;
}
}
#emea-wrapper .onekey-landing__features-carousel-navigation--indicator {
position: relative;
width: 100%;
border-top: 5px solid #db011c;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel-navigation--indicator {
width: 100%;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
#emea-wrapper .onekey-landing__features-carousel-navigation,
#emea-wrapper .onekey-landing__reports-carousel-navigation {
display: none;
width: 100%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__features-carousel-navigation,
#emea-wrapper .onekey-landing__reports-carousel-navigation {
display: block;
}
}
@media screen and (min-width: 1200px) {
#emea-wrapper .onekey-landing__features-carousel-navigation,
#emea-wrapper .onekey-landing__reports-carousel-navigation {
left: 100px;
}
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button {
display: inline-block;
padding-top: 20px;
cursor: pointer;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.tool-record,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.tool-record {
background-position: 0 -50px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.sync-wirelessly,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.sync-wirelessly {
background-position: 0 -150px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.save-receipts,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.save-receipts {
background-position: 0 -250px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.see-utilization,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.see-utilization {
background-position: 0 -350px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.log-tool,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.log-tool {
background-position: 0 -450px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.track-repair,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.track-repair {
background-position: 0 -550px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.upload-download-inventory,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.upload-download-inventory {
background-position: 0 -650px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.report,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.report {
background-position: 0 -750px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.maintenance,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.maintenance {
background-position: 0 -850px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .nav-image.graph,
#emea-wrapper .onekey-landing__features-carousel-navigation--button:hover .nav-image.graph {
background-position: 0 -950px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current {
position: relative;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button.slick-current .indicator-arrow {
position: absolute;
top: 0;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #db011c;
transition: left 0.5s;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .onekey-landing__features-carousel-navigation--button-container {
margin: 0 10px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image {
background-image: url(sitefiles/dist/201e3bcef3971f77579234eed4ec4658.png);
background-repeat: no-repeat;
margin: 10px auto;
width: 44px;
height: 42px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.tool-record {
background-position: 0 0;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.sync-wirelessly {
background-position: 0 -100px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.save-receipts {
background-position: 0 -200px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.see-utilization {
background-position: 0 -300px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.log-tool {
background-position: 0 -400px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.track-repair {
background-position: 0 -500px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.upload-download-inventory {
background-position: 0 -600px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.report {
background-position: 0 -700px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.maintenance {
background-position: 0 -800px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button .nav-image.graph {
background-position: 0 -900px;
}
#emea-wrapper .onekey-landing__features-carousel-navigation--button p {
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #fff;
}
#emea-wrapper .slide-6 {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
padding: 20vh 5% 50vh;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide-6 {
padding: 20vh 10% 5vh;
}
}
#emea-wrapper .slide-6 .media-wrapper {
margin-bottom: 30px;
}
#emea-wrapper .slide__content {
background-image: url(sitefiles/dist/e4d97223db1ab1571f55f8197db0a879.gif);
background-repeat: repeat-y;
background-size: cover;
width: 100%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__content {
background-size: 100%;
position: absolute;
left: 0;
}
}
#emea-wrapper .slide__content .slide__content-holder {
display: block;
width: 100%;
padding: 30px 0;
background-color: #fff;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .slide__content-holder {
display: table;
}
}
#emea-wrapper .slide__content .triangle-up-left {
display: none;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .triangle-up-left {
display: block;
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
padding-bottom: 25%;
margin-left: -15px;
overflow: hidden;
}
}
#emea-wrapper .slide__content .triangle-up-left:after {
content: "";
display: block;
width: 0;
height: 0;
margin-left: 0;
border-bottom: 260px solid transparent;
border-left: 115px solid #fff;
}
#emea-wrapper .slide__content .onekey-landing__app-icons {
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .onekey-landing__app-icons {
text-align: left;
}
}
#emea-wrapper .slide__content .slide__content--section {
display: block;
width: 100%;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .slide__content--section {
width: 55%;
display: table-cell;
vertical-align: middle;
}
}
#emea-wrapper .slide__content .slide__content--sub-section {
display: table-cell;
vertical-align: middle;
}
#emea-wrapper .slide__content .slide__content--sub-section.sect-1 {
width: 22%;
display: none;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__content .slide__content--sub-section.sect-1 {
display: table-cell;
}
}
#emea-wrapper .slide__content .slide__content--sub-section.sect-2 {
width: 65%;
display: none;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__content .slide__content--sub-section.sect-2 {
display: table-cell;
}
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .slide__content--sub-section.sect-2 {
border-right: 1px solid #c2c2c2;
padding-right: 27px;
}
}
#emea-wrapper .slide__content .slide__content--sub-section.sect-3 {
width: 60%;
padding: 0;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__content .slide__content--sub-section.sect-3 {
padding-right: 15px;
padding-top: 20px;
}
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__content .slide__content--sub-section.sect-3 {
padding-top: 0;
padding-left: 50px;
}
}
#emea-wrapper .slide__content .slide__content--sub-section.sect-4 {
width: 10%;
}
#emea-wrapper .slide__content .onekey-landing__content h3 {
color: #000;
font-size: 20px;
margin-bottom: 10px;
}
#emea-wrapper .slide__content .onekey-landing__content p {
color: #000;
text-shadow: none;
}
#emea-wrapper .slide__footer {
padding: 20px 0;
background-color: #323232;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#emea-wrapper .slide__footer .slide__footer--holder {
display: block;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__footer .slide__footer--holder {
display: table;
width: 100%;
}
}
#emea-wrapper .slide__footer .slide__footer--section {
display: block;
text-align: center;
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__footer .slide__footer--section {
display: table-cell;
vertical-align: middle;
text-align: left;
}
}
@media screen and (min-width: 992px) {
#emea-wrapper .slide__footer .slide__footer--text {
width: 33%;
}
}
#emea-wrapper .slide__footer h3 {
font-size: 20px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
}
#emea-wrapper .slide__footer h3,
#emea-wrapper .slide__footer p {
color: #fff;
margin: 0 0 10px;
}
#emea-wrapper .slide__footer input {
display: inline-block;
border-radius: 30px;
border: none;
height: auto;
font-size: 20px;
}
#emea-wrapper .slide__footer input[type=text] {
margin-bottom: 10px;
padding: 10px 20px;
width: 100%;
box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.75);
}
#emea-wrapper .slide__footer input[type=text]::-webkit-input-placeholder {
color: #323232;
}
#emea-wrapper .slide__footer input[type=text]:-moz-placeholder,
#emea-wrapper .slide__footer input[type=text]::-moz-placeholder {
color: #323232;
}
#emea-wrapper .slide__footer input[type=text]:-ms-input-placeholder {
color: #323232;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__footer input[type=text] {
margin: 0;
width: 40%;
}
}
#emea-wrapper .slide__footer input[type=submit] {
margin: 0;
padding: 10px;
width: 100%;
background-color: #db011c;
color: #fff;
}
@media screen and (min-width: 660px) {
#emea-wrapper .slide__footer input[type=submit] {
min-width: 100px;
width: auto;
margin-left: 10px;
}
}
#emea-wrapper .onekey-landing__mobile-footer {
filter: alpha(opacity=1);
opacity: 1;
padding: 0;
background-image: url(sitefiles/dist/b9b3a255a46f66ee03681ada2d4f1d3b.jpg);
background-size: cover;
display: block;
position: fixed;
width: 100%;
bottom: 0;
max-height: 220px;
z-index: 1000;
transition: all 0.5s ease;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey-landing__mobile-footer {
display: none;
}
}
#emea-wrapper .onekey-landing__mobile-footer .onekey-landing__content {
text-align: center;
margin-bottom: 10px;
}
#emea-wrapper .onekey-landing__mobile-footer .onekey-landing__content h3 {
font-size: 16px;
}
#emea-wrapper .onekey-landing__mobile-footer .onekey-landing__content-appstores {
display: block;
margin-bottom: 10px;
}
#emea-wrapper .onekey-landing__mobile-footer .onekey-landing__content-appstores li {
display: inline-block;
padding: 0 5px;
margin-bottom: 5px;
}
#emea-wrapper .onekey-landing__mobile-footer .onekey-landing__content-links li {
width: 100%;
}
#emea-wrapper .onekey-landing__mobile-footer.hide {
filter: alpha(opacity=0);
opacity: 0;
transition: all .5s ease;
bottom: -100%;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--heading {
clear: both;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--heading .onekey-landing__control--number {
display: inline;
padding-right: 15px;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--heading .onekey-landing__control--title {
display: initial;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--heading .onekey-landing__control--subtitle {
display: inline;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.pad-below {
margin-bottom: 30px;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image {
margin: auto;
}
@media screen and (max-width: 992px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image {
max-width: 310px;
}
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image {
max-width: 225px;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image-graph {
margin: auto;
}
@media screen and (max-width: 992px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image-graph {
max-width: 310px;
}
}
@media screen and (max-width: 480px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-1 .onekey-landing__control-image-graph {
max-width: 225px;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-drill {
float: right;
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-drill {
display: none;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image {
float: right;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-blur,
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots,
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-rays {
position: absolute;
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-blur,
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots,
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-rays {
display: none;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-blur {
top: 0;
right: 15px;
z-index: 1;
}
@media screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-blur {
display: none;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots {
top: 30%;
z-index: 2;
position: absolute;
top: 120px;
}
@media only screen and (max-width: 1200px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots {
max-width: 340px;
}
}
@media only screen and (max-width: 991px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots {
max-width: 240px;
}
}
@media only screen and (max-width: 768px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-dots {
max-width: 180px;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-2 .onekey-landing__control-image-rays {
top: 10%;
left: 25%;
z-index: 1;
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right .onekey-landing__control-image {
padding: 10px;
border: 1px solid #000;
margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right .onekey-landing__control-image {
max-width: 350px;
}
}
@media screen and (max-width: 991px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right .onekey-landing__control-image {
max-width: 250px;
}
}
@media screen and (max-width: 767px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right .onekey-landing__control-image {
max-width: 225px;
}
}
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right h3 {
color: #fff;
top: 0;
position: absolute;
padding: 20px 75px;
text-shadow: 2px 2px #000;
}
@media screen and (max-width: 767px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right h3 {
padding: 20px 160px;
}
}
@media (max-width: 660px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right h3 {
padding: 20px 135px;
}
}
@media (max-width: 480px) {
#emea-wrapper .onekey-landing__control-carousel .onekey-landing__control--slide .onekey-landing__control--content.control--content-3 .control--content-3-right h3 {
padding: 20px 55px;
}
}
#emea-wrapper .container--flush {
padding-left: 0;
padding-right: 0;
}
#emea-wrapper .onekey-landing__control-image {
position: relative;
display: block;
max-height: 620px;
max-width: 384px;
margin: 0 auto;
}
#emea-wrapper .onekey-landing__control-radio-btns {
position: absolute;
left: 22.65625%;
right: 23.95833333%;
display: block;
height: 1px;
text-align: center;
}
#emea-wrapper .onekey-landing__control-radio-btns--line-1 {
top: 47.74193548%;
}
#emea-wrapper .onekey-landing__control-radio-btns--line-2 {
top: 64.35483871%;
}
#emea-wrapper .onekey-landing__control-radio-btns--line-3 {
top: 84.03225806%;
}
#emea-wrapper .onekey-landing__control-radio-btn {
position: absolute;
top: -6px;
display: inline-block;
height: 13px;
width: 13px;
margin: 0 !important;
cursor: pointer;
}
#emea-wrapper .onekey-landing__control-radio-btn:first-of-type {
left: -6.5px;
}
#emea-wrapper .onekey-landing__control-radio-btn:nth-of-type(2) {
position: relative;
}
#emea-wrapper .onekey-landing__control-radio-btn:nth-of-type(3) {
right: -6.5px;
}
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__control-image-trigger {
position: absolute;
top: 21.77419355%;
left: 17.1875%;
height: 6.4516129%;
width: 9.375%;
display: block;
background: none;
margin: 0;
border: 2px solid #db011c;
padding: 0;
outline: 0;
}
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__control-image-trigger:focus,
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__control-image-trigger:hover {
border: 2px solid #404040;
}
#emea-wrapper .animate .onekey-landing__control-image-dots {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 5;
animation-iteration-count: 5;
-webkit-animation-name: fadeOutIn;
animation-name: fadeOutIn;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
#emea-wrapper .onekey-landing__control-image-rays {
opacity: 0;
transition: opacity 1s ease;
}
#emea-wrapper .animate .onekey-landing__control-image-rays {
opacity: 1;
}
#emea-wrapper .onekey-landing__control-image-blur {
opacity: 0;
transition: opacity 1s ease;
}
#emea-wrapper .animate .onekey-landing__control-image-blur {
opacity: 1;
}
@-webkit-keyframes fadeOutIn {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOutIn {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
#emea-wrapper .onekey-landing__outperform-image {
position: relative;
display: block;
max-height: 365px;
max-width: 411px;
margin: 0 auto;
}
#emea-wrapper .onekey-landing__outperform-image-crop {
position: absolute;
top: 70.1369863%;
left: 34.79318735%;
height: 12.60273973%;
width: 34.54987835%;
display: block;
}
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__outperform-image-trigger {
position: absolute;
top: 55.89041096%;
left: 40.3892944%;
height: 12.32876712%;
width: 36.49635036%;
display: block;
background: none;
margin: 0;
border: 2px solid #db011c;
padding: 0;
outline: 0;
}
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__outperform-image-trigger:focus,
#emea-wrapper .onekey-landing__features-carousel .onekey-landing__outperform-image-trigger:hover {
border: 2px solid #404040;
}
#emea-wrapper .onekey-landing__outperform-content {
display: none;
}
#emea-wrapper .onekey-landing__outperform-content.active {
display: block;
}
#emea-wrapper .nxt-btn {
right: 30px;
bottom: 20px;
}
#emea-wrapper .nxt-btn,
#emea-wrapper .nxt-btn-slide {
display: block;
border-radius: 4px;
padding: 10px 30px;
position: absolute;
color: #fff;
cursor: pointer;
background: #db011c;
}
#emea-wrapper .nxt-btn-slide {
right: 40px;
bottom: 65px;
}
@media (max-width: 992px) {
#emea-wrapper .nxt-btn-slide {
right: 10px;
}
}
@media screen and (max-width: 991px) {
#emea-wrapper .imgHand {
display: none !important;
}
}
#emea-wrapper .backtotop-btn-txt,
#emea-wrapper .more-btn-txt {
display: block;
position: relative;
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 2px #969696;
text-align: center;
}
#emea-wrapper .row--valign {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
#emea-wrapper .row--no-margin {
margin-left: 0;
margin-right: 0;
}
#emea-wrapper .onekey-landing__split-promo {
padding: 0;
}
#emea-wrapper .onekey-landing__split-promo h3 {
display: block;
margin: 0 0 15px;
color: #fff;
text-transform: uppercase;
}
#emea-wrapper .onekey__content-column,
#emea-wrapper .onekey__image-column {
transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
opacity: 0;
}
#emea-wrapper .animate-in .onekey__content-column,
#emea-wrapper .animate-in .onekey__image-column {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#emea-wrapper .onekey__image-column {
padding-bottom: 100%;
background: transparent 50% no-repeat;
background-size: cover;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey__image-column {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: 50%;
}
#emea-wrapper .onekey__image-column--mirrored {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
padding-bottom: 50%;
}
}
#emea-wrapper .onekey__image-column--small {
padding-bottom: 50%;
}
@media (min-width: 992px) {
#emea-wrapper .onekey__image-column--small {
padding-bottom: 25%;
}
}
#emea-wrapper .onekey__content-column {
padding: 15px 30px;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey__content-column {
padding: 0 60px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
#emea-wrapper .onekey__content-column--mirrored {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
#emea-wrapper .onekey__content-column .onekey-button {
margin: 0 auto;
padding: 5px 10px;
border: 1px solid #fff;
color: #fff;
display: inline-block;
width: auto;
text-align: center;
transition: all 0.25s ease;
}
@media (max-width: 660px) {
#emea-wrapper .onekey__content-column .onekey-button {
width: 80%;
}
}
#emea-wrapper .onekey__content-column .onekey-button:hover {
background: #fff;
color: #db011c;
}
#emea-wrapper .onekey__content-column .logo {
width: 60%;
margin: 0 auto;
float: none;
display: block;
padding-right: 0;
}
@media (min-width: 992px) {
#emea-wrapper .onekey__content-column .logo {
width: 50%;
}
}
#emea-wrapper .onekey__content-column--centered {
text-align: center;
}
#emea-wrapper .onekey__content-column .title--center {
text-align: center;
font-size: 30px;
}
#emea-wrapper .onekey__content-column .title--shadow {
text-shadow: 0 0 8px #010101;
}
#emea-wrapper .onekey__content-column .sub-title--center {
text-align: center;
}
#emea-wrapper .onekey-landing__tick-tiles {
padding: 15px 0;
}
#emea-wrapper .onekey__title {
display: block;
margin: 0 0 15px;
color: #fff;
font-size: 34px;
text-transform: uppercase;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
opacity: 0;
}
#emea-wrapper .animate-in .onekey__title {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#emea-wrapper .onekey__title small {
display: block;
margin-top: 10px;
color: #fff;
font-size: 16px;
text-transform: none;
}
@media screen and (min-width: 660px) {
#emea-wrapper .onekey__title small {
display: inline-block;
margin-top: 0;
}
}
#emea-wrapper .onekey__image-tile {
position: relative;
display: block;
padding-bottom: 100%;
margin-bottom: 60%;
background: transparent 50% no-repeat;
background-size: cover;
text-align: center;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition-delay: .2s;
opacity: 0;
}
#emea-wrapper .animate-in .onekey__image-tile {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#emea-wrapper .onekey__image-tile-title {
position: absolute;
bottom: 30%;
display: block;
width: 100%;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
#emea-wrapper .onekey__image-tile-fg {
position: absolute;
top: 70%;
left: 50%;
display: block;
width: 80%;
-webkit-transform: translateX(-50%) translateY(50%);
-ms-transform: translateX(-50%) translateY(50%);
transform: translateX(-50%) translateY(50%);
transition: opacity 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition-delay: .4s;
opacity: 0;
}
#emea-wrapper .animate-in .onekey__image-tile-fg {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
#emea-wrapper .onekey-landing__easy-to-use {
padding: 30px 0;
}
#emea-wrapper .onekey-landing__easy-to-use h3 {
text-align: center;
}
#emea-wrapper .onekey__content-column--numbered p {
text-align: left;
display: inline-block;
width: 80%;
}
#emea-wrapper .onekey__content-column--numbered:before {
display: inline-block;
left: 25px;
top: -3px;
color: #fff;
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 2px #969696;
text-align: center;
background-color: #000;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
float: left;
margin-right: 10px;
}
#emea-wrapper .onekey__content-column--numbered .images {
width: 100%;
text-align: center;
}
#emea-wrapper .onekey__content-column--numbered .images img {
max-width: 49%;
padding: 0 5px;
}
#emea-wrapper .onekey__content-column--numbered:first-child:before {
content: "1";
}
#emea-wrapper .onekey__content-column--numbered:nth-child(2):before {
content: "2";
}
#emea-wrapper .onekey__content-column--numbered:nth-child(3):before {
content: "3";
}
#emea-wrapper .onekey-landing__what-is-onekey {
text-align: center;
padding-bottom: 30px;
}
#emea-wrapper .onekey-landing__what-is-onekey img {
margin: 0 auto;
}
#emea-wrapper .onekey-landing__what-is-onekey h3 {
text-align: center;
}
#emea-wrapper .onekey-landing__what-is-onekey p {
margin-bottom: 30px;
}
#emea-wrapper .onekey-landing__video {
padding-bottom: 30px;
}
#emea-wrapper .onekey-landing__video .tick-videos {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container {
width: 25%;
padding: 15px;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 70%;
}
@media (max-width: 991px) {
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container {
width: 50%;
}
}
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container .tick-video-item {
padding-bottom: 56.25%;
width: 100%;
position: relative;
}
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container .tick-video-item .video-image {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: 50%;
top: 0;
left: 0;
}
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container .tick-video-item .video-image:after {
content: "\F04B";
position: absolute;
font-family: fontAwesome;
top: 50%;
left: 50%;
font-size: 80px;
color: #fff;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
transition: all .25s ease;
pointer-events: none;
}
@media (max-width: 768px) {
#emea-wrapper .onekey-landing__video .tick-videos .tick-video-item-container .tick-video-item .video-image:after {
font-size: 40px;
}
}
#emea-wrapper .onekey-landing__video .title {
padding-top: 20px;
width: 100%;
}
#emea-wrapper .onekey-landing__video .title h3 {
text-align: center;
}
#emea-wrapper .js-support-carousel.slick-slider {
margin-bottom: 0;
}
#emea-wrapper .js-support-carousel.slick-slider .slick-list {
transition: all 0.5s;
}
#emea-wrapper .js-support-carousel button {
position: absolute;
top: 100px;
width: auto;
height: auto;
background: none;
border: 0;
outline: none;
}
#emea-wrapper .js-support-carousel .carousel-prev {
-ms-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
left: -40px;
}
#emea-wrapper .js-support-carousel .carousel-prev img {
max-width: 80%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .js-support-carousel .carousel-prev {
left: -60px;
}
#emea-wrapper .js-support-carousel .carousel-prev img {
max-width: 100%;
}
}
#emea-wrapper .js-support-carousel .carousel-next {
right: -40px;
}
#emea-wrapper .js-support-carousel .carousel-next img {
max-width: 80%;
}
@media screen and (min-width: 660px) {
#emea-wrapper .js-support-carousel .carousel-next {
right: -60px;
}
#emea-wrapper .js-support-carousel .carousel-next img {
max-width: 100%;
}
}
#emea-wrapper .js-support-tabs.slick-slider {
margin-bottom: 0;
}
#emea-wrapper .support-tab {
position: relative;
padding: 0 10px;
width: 70px;
height: 110px;
cursor: pointer;
outline: none;
color: #fff;
}
#emea-wrapper .support-tab--icon-holder {
margin: 0 auto 10px;
position: relative;
width: 50px;
height: 50px;
}
#emea-wrapper .support-tab--icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 30px;
font-family: FontAwesome;
}
#emea-wrapper .support-tab--icon.wrench:before {
content: "\F0AD";
}
#emea-wrapper .support-tab--icon.question-mark:before {
content: "\F128";
}
#emea-wrapper .support-tab--icon.envelope:before {
content: "\F0E0";
}
#emea-wrapper .support-tab--bg {
border-radius: 5px;
height: 50px;
width: 50px;
background-color: grey;
opacity: .8;
transition: all 0.5s;
}
#emea-wrapper .support-tab--text {
text-align: center;
text-transform: uppercase;
}
#emea-wrapper .support-tab.slick-current .support-tab--bg {
background-color: #db011c;
opacity: 1;
}
#emea-wrapper .support-tab.slick-current .support-tab--arrow {
position: absolute;
bottom: 0;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #db011c;
transition: left 0.5s;
}
#emea-wrapper .support-tab:hover .support-tab--bg {
background-color: #db011c;
opacity: 1;
}
#emea-wrapper .support-content {
border-top: 5px solid #db011c;
background-color: #fff;
padding: 20px 40px;
}
#emea-wrapper .support-content h3 {
font-size: 20px;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
@media screen and (min-width: 660px) {
#emea-wrapper .support-content h3 {
font-size: 30px;
}
}
#emea-wrapper .support-content .btn {
color: #fff;
background: #db011c;
}
#emea-wrapper .support-content p {
color: #323232;
}
#emea-wrapper .support-content--video {
background-color: #000;
margin-bottom: 40px;
}
#emea-wrapper .support-content--video .video {
position: relative;
height: 0;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
#emea-wrapper .support-content--video .video:before {
font-family: FontAwesome;
content: "\F04B";
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 50px;
width: 50px;
border: 1px solid #fff;
border-radius: 50%;
padding: 9px 17px;
text-align: center;
}
@media screen and (min-width: 660px) {
#emea-wrapper .support-content--video .video:before {
padding: 14px 30px;
font-size: 44px;
top: 50%;
height: 90px;
width: 90px;
}
}
#emea-wrapper .support-content--video .video:hover {
color: #db011c;
}
#emea-wrapper .support-content--video .video:hover:before {
border-color: #db011c;
}
#emea-wrapper .support-content--video .video-title {
display: table;
padding: 10px;
width: 100%;
background-color: #db011c;
text-align: center;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
font-size: 15px;
color: #fff;
}
#emea-wrapper .support-content--video .video-title span {
display: table-cell;
vertical-align: middle;
}
#emea-wrapper .faq {
border: 1px solid #c2c2c2;
margin-bottom: 10px;
cursor: pointer;
}
#emea-wrapper .faq--title {
position: relative;
font-size: 15px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
color: #000;
background-color: #fff;
padding: 15px 20px;
transition: all 0.5s;
}
#emea-wrapper .faq--title:before {
font-family: FontAwesome;
content: "\F078";
position: absolute;
top: 15px;
right: 20px;
color: #db011c;
transition: all 0.5s;
}
#emea-wrapper .faq--content {
padding: 15px 20px;
position: relative;
display: none;
transition: all 0.5s;
}
#emea-wrapper .faq.active-faq .faq--title {
background-color: #c2c2c2;
}
#emea-wrapper .faq.active-faq .faq--title:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .faq.active-faq .faq--content {
display: block;
}
#emea-wrapper .onekey-support {
position: relative;
}
#emea-wrapper .onekey-support .slide {
background-image: url(sitefiles/dist/3e17a53dfbf69a6c80dc826581634d13.jpg);
padding-top: 25vh;
}
#emea-wrapper .onekey-support .slide__header-title:before {
background: none;
padding: 5px 14px;
font-size: 30px;
font-family: FontAwesome;
content: "\F0AD";
color: #fff;
}
#emea-wrapper .onekey-support .slide__header-title:after {
border-bottom: 55px solid transparent;
}
@media screen and (min-width: 992px) {
#emea-wrapper .onekey-support .slide__header-title:after {
border-bottom: 68px solid transparent;
}
}
#emea-wrapper .onekey-support .chosen-container {
margin-bottom: 20px;
height: 55px;
}
#emea-wrapper .onekey-support .chosen-container .chosen-results {
padding: 0;
margin: 0;
}
#emea-wrapper .onekey-support .chosen-container .chosen-results li.active-result {
color: #000;
padding: 5px 25px;
}
#emea-wrapper .onekey-support .chosen-container .chosen-results li.highlighted {
background: none;
background-color: #efefef;
}
#emea-wrapper .onekey-support .chosen-container-single .chosen-single {
border-color: #c2c2c2;
padding-left: 25px;
height: 55px;
background-color: #efefef;
}
#emea-wrapper .onekey-support .chosen-container-single .chosen-single:before {
font-family: FontAwesome;
content: "\F078";
position: absolute;
top: 15px;
right: 20px;
}
#emea-wrapper .onekey-support .chosen-container-single .chosen-single:hover {
border: 1px solid #aaa;
color: #000;
}
#emea-wrapper .onekey-support .chosen-container-single .chosen-single span {
color: #747474;
line-height: 55px;
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 17px;
}
#emea-wrapper .onekey-support .chosen-container-single.chosen-with-drop .chosen-single:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .onekey-support label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#emea-wrapper .onekey-support input[type=text] {
border: 1px solid #c2c2c2;
height: 55px;
padding: 8px 25px;
font-size: 17px;
margin-bottom: 20px;
background-color: #efefef;
box-shadow: none;
color: #747474;
}
#emea-wrapper .onekey-support input[type=text]::-webkit-input-placeholder {
color: #747474;
}
#emea-wrapper .onekey-support input[type=text]:-moz-placeholder,
#emea-wrapper .onekey-support input[type=text]::-moz-placeholder {
color: #747474;
opacity: 1;
}
#emea-wrapper .onekey-support input[type=text]:-ms-input-placeholder {
color: #747474;
}
#emea-wrapper .onekey-support input[type=text]:placeholder-shown {
color: #747474;
}
#emea-wrapper .onekey-support textarea {
border-color: #c2c2c2;
height: 130px;
padding: 8px 25px;
font-size: 17px;
margin-bottom: 20px;
background-color: #efefef;
box-shadow: none;
}
#emea-wrapper .onekey-support textarea::-webkit-input-placeholder {
color: #747474;
}
#emea-wrapper .onekey-support textarea:-moz-placeholder,
#emea-wrapper .onekey-support textarea::-moz-placeholder {
color: #747474;
opacity: 1;
}
#emea-wrapper .onekey-support textarea:-ms-input-placeholder {
color: #747474;
}
#emea-wrapper .onekey-support textarea:placeholder-shown {
color: #747474;
}
#emea-wrapper .onekey-support input[type=submit] {
width: 100%;
height: 55px !important;
border: none;
padding: 8px 25px;
background-color: #db011c;
color: #fff;
font-size: 22px !important;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
border-radius: 0;
}
#emea-wrapper .onekey-support .ErrorLabel {
display: block;
text-align: center;
}
#emea-wrapper .onekey-support .EditingFormErrorLabel,
#emea-wrapper .onekey-support .ErrorLabel {
font-size: 120%;
}
#emea-wrapper .onekey-support .InfoLabel {
color: #323232;
}
#emea-wrapper #onekeyanimation {
position: relative;
}
#emea-wrapper #onekeyanimation #map-container {
overflow: hidden;
width: 100%;
position: relative;
left: 0;
right: 0;
margin: auto;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation #map-container {
margin: 0;
}
}
#emea-wrapper #onekeyanimation #mapLayer {
width: 100%;
background: #000 url(sitefiles/dist/9153e1c70af08ebd17b57db547f3caac.jpg) top no-repeat;
-ms-interpolation-mode: bicubic;
background-position: 0 100%;
background-size: 100%;
overflow: hidden;
transition: all .5s linear;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
-moz-transition: all 0.5s linear;
}
#emea-wrapper #onekeyanimation #mapLayer.initPosition {
width: 200%;
margin-left: -20%;
}
#emea-wrapper #onekeyanimation .viewControls {
position: absolute;
z-index: 7;
left: 20px;
top: 20px;
margin-bottom: 10px;
}
#emea-wrapper #onekeyanimation .viewControls .step {
margin-bottom: 10px;
position: relative;
}
#emea-wrapper #onekeyanimation .viewControls a {
height: 46px;
width: 46px;
display: inline-block;
}
#emea-wrapper #onekeyanimation .viewControls a.active {
height: 70px;
width: 70px;
}
#emea-wrapper #onekeyanimation .viewControls h2 {
font-size: 18px;
font-family: HelveticaNeueW01-HvExt, Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
display: inline-block;
margin: 0;
line-height: normal;
position: absolute;
padding-top: 12px;
top: 0;
left: 80px;
width: 240px;
color: #646464;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .viewControls h2 {
font-size: 14px;
}
}
#emea-wrapper #onekeyanimation .viewControls a.bt1 {
background: url(sitefiles/dist/460584cc0a604457db7bb64a04dcbed2.png) bottom no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls a.bt1.active {
background: url(sitefiles/dist/8f1103d9f2a4192759376477b118b934.png) top no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls a.bt2 {
background: url(sitefiles/dist/ddfe9572eab3de7f4782f14209944313.png) bottom no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls a.bt2.active {
background: url(sitefiles/dist/fc129412ce3f6a8abac4fd61433f97ff.png) top no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls a.bt3 {
background: url(sitefiles/dist/1cd8edeb41f362844322cf6ae9334b8e.png) bottom no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls a.bt3.active {
background: url(sitefiles/dist/5b75ba6a8ef9fbdb5ce0e41dea64fcdd.png) top no-repeat;
}
#emea-wrapper #onekeyanimation .viewControls .txt1,
#emea-wrapper #onekeyanimation .viewControls .txt2,
#emea-wrapper #onekeyanimation .viewControls .txt3,
#emea-wrapper #onekeyanimation .viewControls .txt4 {
display: none;
text-align: left;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .viewControls {
zoom: .5;
margin-bottom: 0;
}
}
#emea-wrapper #onekeyanimation .circle:active,
#emea-wrapper #onekeyanimation .circle:focus {
outline: 0;
}
#emea-wrapper #onekeyanimation #txtOverlay {
text-shadow: none !important;
width: 25%;
position: absolute;
padding: 100px 20px;
top: 0;
left: 0;
z-index: 6;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation #txtOverlay {
position: static;
background: #000;
width: auto;
padding: 20px;
}
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1,
#emea-wrapper #onekeyanimation #txtOverlay .txt2,
#emea-wrapper #onekeyanimation #txtOverlay .txt3,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 {
display: none;
color: #fff;
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1 h2,
#emea-wrapper #onekeyanimation #txtOverlay .txt2 h2,
#emea-wrapper #onekeyanimation #txtOverlay .txt3 h2,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 h2 {
color: #fff;
font-size: 24px;
font-family: HelveticaNeueW01-HvExt, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 24px;
text-transform: uppercase;
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1 h4.replay,
#emea-wrapper #onekeyanimation #txtOverlay .txt2 h4.replay,
#emea-wrapper #onekeyanimation #txtOverlay .txt3 h4.replay,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 h4.replay {
background: url(sitefiles/dist/2b957275335593ca2c305d810a326f7d.png) 0 no-repeat;
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1 h4.replay a,
#emea-wrapper #onekeyanimation #txtOverlay .txt2 h4.replay a,
#emea-wrapper #onekeyanimation #txtOverlay .txt3 h4.replay a,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 h4.replay a {
color: #fff;
font-family: HelveticaNeueW01-57Cn, Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 13px;
padding-left: 25px;
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1 h4.startOver,
#emea-wrapper #onekeyanimation #txtOverlay .txt2 h4.startOver,
#emea-wrapper #onekeyanimation #txtOverlay .txt3 h4.startOver,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 h4.startOver {
display: none;
}
#emea-wrapper #onekeyanimation #txtOverlay .txt1 h4.startOver a,
#emea-wrapper #onekeyanimation #txtOverlay .txt2 h4.startOver a,
#emea-wrapper #onekeyanimation #txtOverlay .txt3 h4.startOver a,
#emea-wrapper #onekeyanimation #txtOverlay .txt4 h4.startOver a {
color: #fff;
font-family: HelveticaNeueW01-HvExt, Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 15px;
padding-right: 15px;
background: url(sitefiles/dist/7f85039c3209a9c3a3bea2bd833807b2.png) 100% no-repeat;
}
#emea-wrapper #onekeyanimation .linkContinue:after {
content: url(sitefiles/dist/7f85039c3209a9c3a3bea2bd833807b2.png);
padding-left: 5px;
vertical-align: middle;
}
#emea-wrapper #onekeyanimation #iconWorker {
position: absolute;
z-index: 6;
border-radius: 50%;
background-color: #343434;
display: none;
transition: height .5s linear, width .5s linear;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper #onekeyanimation #iconWorker img {
width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation #iconWorker:after,
#emea-wrapper #onekeyanimation #iconWorker:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #343434;
}
#emea-wrapper #onekeyanimation #iconWorker:before {
-webkit-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite;
}
#emea-wrapper #onekeyanimation #iconWorker:after {
-webkit-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite;
}
#emea-wrapper #onekeyanimation #iconWorker:hover:after,
#emea-wrapper #onekeyanimation #iconWorker:hover:before {
-webkit-animation: none;
animation: none;
}
#emea-wrapper #onekeyanimation #iconPin,
#emea-wrapper #onekeyanimation #iconTool {
position: absolute;
z-index: 6;
display: none;
transition: height .5s linear, width .5s linear;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper #onekeyanimation #iconPin img,
#emea-wrapper #onekeyanimation #iconTool img {
max-width: 100%;
}
#emea-wrapper #onekeyanimation #iconPin {
display: none;
}
#emea-wrapper #onekeyanimation .iconExclamation {
position: absolute;
z-index: 6;
display: none;
}
#emea-wrapper #onekeyanimation .iconExclamation.show {
display: block;
}
#emea-wrapper #onekeyanimation .iconHat1 {
position: absolute;
z-index: 6;
display: none;
}
#emea-wrapper #onekeyanimation .iconHat1 img {
width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation .iconHat2 {
position: absolute;
z-index: 6;
display: none;
}
#emea-wrapper #onekeyanimation .iconHat2 img {
width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation .iconHat3 {
position: absolute;
z-index: 6;
display: none;
}
#emea-wrapper #onekeyanimation .iconHat3 img {
width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation .iconTruck {
position: absolute;
z-index: 6;
border-radius: 50%;
background-color: #343434;
display: none;
transition: height 0.5s linear, width 0.5s linear;
}
#emea-wrapper #onekeyanimation .iconTruck img {
width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation .iconTruck:after,
#emea-wrapper #onekeyanimation .iconTruck:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #343434;
}
#emea-wrapper #onekeyanimation .iconTruck:before {
-webkit-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite;
}
#emea-wrapper #onekeyanimation .iconTruck:after {
-webkit-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite;
}
#emea-wrapper #onekeyanimation .iconTruck:hover:after,
#emea-wrapper #onekeyanimation .iconTruck:hover:before {
-webkit-animation: none;
animation: none;
}
@-webkit-keyframes ripple {
0% {
-webkit-transform: scale(1);
}
75% {
-webkit-transform: scale(1.75);
opacity: 1;
}
to {
-webkit-transform: scale(2);
opacity: 0;
}
}
@keyframes ripple {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(1.75);
transform: scale(1.75);
opacity: 1;
}
to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
#emea-wrapper #onekeyanimation .bubble-container {
position: absolute;
z-index: 7;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .bubble-container {
max-width: 96%;
}
}
#emea-wrapper #onekeyanimation .bubble-container p {
color: #aeaeae;
font-size: 14px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: none;
text-align: left;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .bubble-container p {
font-size: 13px;
font-weight: 400;
margin: 0;
}
}
#emea-wrapper #onekeyanimation .bubble-container h4 {
z-index: 8;
top: 20px;
color: #aeaeae;
font-size: 16px;
font-family: HelveticaNeueW01-HvExt, Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin: 0;
text-align: center;
font-weight: 400;
}
#emea-wrapper #onekeyanimation .bubble-container h4 a {
color: #fff !important;
text-decoration: none !important;
}
#emea-wrapper #onekeyanimation .bubble-container h4 a:hover {
text-decoration: none !important;
color: red;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .bubble-container h4 a:after {
display: none;
}
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .bubble-container h4 {
font-size: 16px;
}
}
#emea-wrapper #onekeyanimation .bubble {
top: 10px;
left: -210px;
width: 420px;
box-sizing: border-box;
background: #343434;
border: 0 solid #bbb;
border-radius: 10px;
margin: 0 auto;
padding: 20px;
text-align: left;
box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
}
#emea-wrapper #onekeyanimation .bubble.startOverBubble {
padding: 15px 0;
width: 200px;
}
#emea-wrapper #onekeyanimation .bubble.startOverBubble:before {
left: 90px;
}
#emea-wrapper #onekeyanimation .bubble:before {
content: "";
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #343434 transparent;
display: block;
width: 0;
z-index: 1;
top: -10px;
left: 195px;
}
#emea-wrapper #onekeyanimation .bubble.right {
width: 350px;
}
#emea-wrapper #onekeyanimation .bubble.right:before {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #343434;
top: 50px;
left: auto;
right: -20px;
}
@media (max-width: 676px) {
#emea-wrapper #onekeyanimation .bubble {
min-height: 20px;
height: auto;
left: 0;
max-width: 100%;
padding: 10px;
margin: 0;
}
#emea-wrapper #onekeyanimation .bubble:before {
display: none;
}
#emea-wrapper #onekeyanimation .bubble.right {
max-width: 50%;
}
}
#emea-wrapper #onekeyanimation #iconPhone {
position: absolute;
padding: 20px;
z-index: 6;
display: none;
}
#emea-wrapper #onekeyanimation #iconPhone img {
max-width: 100%;
height: auto;
}
#emea-wrapper #onekeyanimation #content-layer {
position: absolute;
z-index: 3;
width: 100%;
}
#emea-wrapper #onekeyanimation #onekeyanimation .container {
width: 1000px;
padding-top: 20px;
text-align: center;
}
#emea-wrapper #onekeyanimation #countdown {
margin: 20px auto;
width: 400px;
height: 100%;
overflow: auto;
}
#emea-wrapper #onekeyanimation #countdown .number {
width: 60px;
height: 80px;
text-align: center;
padding-top: 10px;
box-sizing: border-box;
display: block;
float: left;
color: #fff;
font-size: 54px;
line-height: 54px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
background-color: #ab0116;
background-image: linear-gradient(180deg, #d5011b, #6b010e);
background-repeat: repeat-x;
border-radius: 3px;
box-shadow: inset 0 0 3px #000;
margin-right: 5px;
text-shadow: 1px 1px 1px #000;
}
#emea-wrapper #onekeyanimation #countdown .label {
color: #fff;
font-family: HelveticaNeueW01-HvExt, Helvetica Neue, Helvetica, Arial, sans-serif;
display: block;
float: left;
padding-top: 30px;
text-transform: uppercase;
margin-right: 20px;
}
#emea-wrapper #onekeyanimation #countdown .label:last-child {
margin-right: 0;
}
#emea-wrapper .icon-video:before {
content: "";
background-image: url(sitefiles/dist/8067b1b1746e8e0a862a867d4c1450a9.png);
background-size: 25px 25px;
display: inline-block;
height: 25px;
width: 25px;
margin-right: 5px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .icon-video:before {
background-size: 100%;
height: 35px;
width: 35px;
margin-right: 15px;
}
}
#emea-wrapper .icon-download:before {
content: "";
background-image: url(sitefiles/dist/008dc9e3479cb3446183533555e3c28b.png);
background-size: 25px 25px;
display: inline-block;
height: 25px;
width: 25px;
margin-right: 5px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .icon-download:before {
background-size: 100%;
height: 35px;
width: 35px;
margin-right: 15px;
}
}
#emea-wrapper .icon-circle-hard-hat:before {
content: "";
background-image: url(sitefiles/dist/72f01eab58df94140681f7f26187bc42.png);
background-size: 25px 25px;
display: inline-block;
height: 25px;
width: 25px;
margin-right: 5px;
}
@media screen and (min-width: 660px) {
#emea-wrapper .icon-circle-hard-hat:before {
background-size: 100%;
height: 35px;
width: 35px;
margin-right: 15px;
}
}
#emea-wrapper .icon-nav-cog a:before,
#emea-wrapper .icon-nav-mil a:before,
#emea-wrapper .icon-nav-report a:before,
#emea-wrapper .icon-nav-tool a:before,
#emea-wrapper .icon-nav-tracking a:before,
#emea-wrapper .icon-nav-video a:before,
#emea-wrapper .icon-sprite {
background-image: url(sitefiles/dist/6b07a11e759231e84f0828fb19925873.png);
background-repeat: no-repeat;
display: block;
margin: 0 auto 10px;
}
#emea-wrapper .icon-nav-video a:before {
content: "";
width: 60px;
height: 60px;
background-position: -5px -433px;
}
#emea-wrapper .icon-nav-video.is-active a:before,
#emea-wrapper .icon-nav-video a:hover:before {
background-position: -5px -503px;
}
#emea-wrapper .icon-nav-tool a:before {
content: "";
width: 60px;
height: 62px;
background-position: -5px -148px;
}
#emea-wrapper .icon-nav-tool.is-active a:before,
#emea-wrapper .icon-nav-tool a:hover:before {
background-position: -5px -220px;
}
#emea-wrapper .icon-nav-tracking a:before {
content: "";
width: 60px;
height: 63px;
background-position: -5px -715px;
}
#emea-wrapper .icon-nav-tracking.is-active a:before,
#emea-wrapper .icon-nav-tracking a:hover:before {
background-position: -5px -786px;
}
#emea-wrapper .icon-nav-cog a:before {
content: "";
width: 60px;
height: 62px;
background-position: -5px -5px;
}
#emea-wrapper .icon-nav-cog.is-active a:before,
#emea-wrapper .icon-nav-cog a:hover:before {
background-position: -5px -77px;
}
#emea-wrapper .icon-nav-report a:before {
content: "";
width: 60px;
height: 61px;
background-position: -5px -291px;
}
#emea-wrapper .icon-nav-report.is-active a:before,
#emea-wrapper .icon-nav-report a:hover:before {
background-position: -5px -362px;
}
#emea-wrapper .icon-nav-mil a:before {
content: "";
width: 60px;
height: 61px;
background-position: -5px -572px;
}
#emea-wrapper .icon-nav-mil.is-active a:before,
#emea-wrapper .icon-nav-mil a:hover:before {
background-position: -5px -642px;
}
#emea-wrapper .product-banner {
background-color: #db011c;
border-radius: 5px;
overflow: hidden;
padding: 20px;
}
#emea-wrapper .product-banner__left-image-container {
margin: 0 auto;
max-width: 790px;
}
#emea-wrapper .product-banner__left-image-container img {
float: left;
}
#emea-wrapper .product-banner__header {
text-align: center;
}
#emea-wrapper .product-banner__header img {
margin-bottom: 20px;
}
#emea-wrapper .wrapper-learn-more {
text-align: center;
max-width: 490px;
display: block;
margin: 0 auto;
clear: both;
}
#emea-wrapper .btn--learn-more {
background-color: #fff;
border: 0;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 18px;
}
#emea-wrapper .btn--learn-more,
#emea-wrapper .btn--learn-more span {
position: relative;
}
#emea-wrapper .btn--learn-more span:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 6px;
left: 100%;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #db011c;
margin-left: 5px;
}
#emea-wrapper .btn--learn-more.is-open span:before {
border-top: 0;
border-bottom: 10px solid #db011c;
}
#emea-wrapper .product-banner__content {
display: none;
background-color: #db011c;
}
#emea-wrapper .product-banner__content.is-open {
display: block;
}
#emea-wrapper .carousel-top {
background-color: #ab0116;
border-radius: 5px;
padding: 10px;
margin-top: 20px;
}
#emea-wrapper .carousel-top .carousel-top__item {
color: #fff;
padding-left: 40px;
padding-right: 40px;
}
#emea-wrapper .carousel-top .carousel-top__item-title {
font-size: 18px;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
}
#emea-wrapper .carousel-top .carousel-top__item-title span {
font-size: 28px;
}
#emea-wrapper .carousel-top .carousel-top__item-subtitle {
font-size: 10px;
text-transform: uppercase;
text-align: center;
}
#emea-wrapper .carousel-top .carousel-top__item-asset img {
margin: 0 auto;
}
#emea-wrapper .carousel-top .slick-next,
#emea-wrapper .carousel-top .slick-prev,
#emea-wrapper .carousel-work-nav .slick-next,
#emea-wrapper .carousel-work-nav .slick-prev {
z-index: 20;
}
#emea-wrapper .carousel-top .slick-next:before,
#emea-wrapper .carousel-top .slick-prev:before,
#emea-wrapper .carousel-work-nav .slick-next:before,
#emea-wrapper .carousel-work-nav .slick-prev:before {
display: none;
}
#emea-wrapper .carousel-top .slick-prev,
#emea-wrapper .carousel-work-nav .slick-prev {
left: 20px;
}
#emea-wrapper .carousel-top .slick-next,
#emea-wrapper .carousel-work-nav .slick-next {
right: 20px;
}
#emea-wrapper .carousel-top .slick-disabled,
#emea-wrapper .carousel-work-nav .slick-disabled {
opacity: 0.5;
}
#emea-wrapper .carousel-top .fa:before,
#emea-wrapper .carousel-work-nav .fa:before {
font-size: 20px;
color: #fff;
}
#emea-wrapper .carousel-work-nav .slick-next,
#emea-wrapper .carousel-work-nav .slick-prev {
margin-top: -20px;
}
#emea-wrapper .carousel-work {
background-color: #fff;
padding-top: 30px;
}
#emea-wrapper .carousel-work .slick-list {
padding: 0 !important;
}
#emea-wrapper .carousel-work .slick-slide {
text-align: center;
}
#emea-wrapper .carousel-work .slick-slide img {
margin: 0 auto;
}
#emea-wrapper .carousel-work [class*=col-] {
padding-left: 4px;
padding-right: 4px;
}
#emea-wrapper .carousel-work__item--top {
background-color: #000;
padding: 15px 10px;
min-height: 115px;
display: table;
width: 100%;
}
#emea-wrapper .carousel-work__item-content {
display: table-cell;
vertical-align: middle;
}
#emea-wrapper .product-banner__sub-section {
background-color: #000;
padding: 15px 10px;
}
#emea-wrapper .product-banner__sub-section h3 {
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}
#emea-wrapper .product-banner__sub-section p {
color: #fff;
margin-bottom: 0;
}
#emea-wrapper .product-banner-title,
#emea-wrapper h2.product-banner-title {
color: #fff;
font-size: 22px;
padding-left: 10px;
margin-bottom: 20px;
}
#emea-wrapper .carousel-work-nav.slick-slider {
margin-bottom: 0;
}
#emea-wrapper .carousel-work-nav .slick-list {
margin-left: -5px;
margin-right: -5px;
}
#emea-wrapper .carousel-work-nav .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
#emea-wrapper .carousel-work-nav .slick-current img {
-ms-filter: grayscale(0);
-webkit-filter: none;
filter: none;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#emea-wrapper .carousel-work-nav .slick-current .carousel-work-nav__item:after {
content: "";
position: absolute;
top: 100%;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
left: 50%;
margin-left: -20px;
}
#emea-wrapper .carousel-work-nav__item {
position: relative;
margin-bottom: 35px;
}
#emea-wrapper .carousel-work-nav__item:hover {
cursor: pointer;
}
#emea-wrapper .carousel-work-nav__item:hover img {
-ms-filter: grayscale(0);
-webkit-filter: none;
filter: none;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#emea-wrapper .carousel-work-nav__item-content {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
padding: 20px 10px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
color: #fff;
z-index: 10;
}
#emea-wrapper .carousel-work-nav__item-content p {
text-transform: uppercase;
font-size: 13px;
}
#emea-wrapper .carousel-work-nav__item-asset img {
width: 100%;
-ms-filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 0.4s ease-in-out;
}
#emea-wrapper .product-banner__content-footer {
margin-bottom: 20px;
}
#emea-wrapper .product-banner__content-footer .media-asset {
text-align: center;
margin-bottom: 20px;
}
#emea-wrapper .product-banner__content-footer .product-banner-title {
padding-left: 0;
}
#emea-wrapper .product-banner__content-footer .text-center {
text-align: center;
}
#emea-wrapper .product-banner__content-footer p {
margin-bottom: 20px;
color: #fff;
}
#emea-wrapper .product-banner__content-footer .btn--learn-more {
padding: 10px;
text-transform: uppercase;
color: #db011c;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
#emea-wrapper .product-banner__content-footer .btn--learn-more:hover {
color: #fff;
background-color: #323232;
}
#emea-wrapper .products + .pages .pageSize {
display: none;
}
#emea-wrapper .full-screen-popup {
transition: all 0.5s ease-in-out;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 10001;
color: #fff;
overflow: auto;
padding: 70px 0;
}
#emea-wrapper .full-screen-popup.is-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
display: block;
}
#emea-wrapper .full-screen-popup .close-popup {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
}
#emea-wrapper .full-screen-popup .close-popup:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#emea-wrapper .full-screen-popup-open .main-content {
z-index: 70;
}
#emea-wrapper .stop-scroll {
overflow: hidden;
width: 100%;
height: 100%;
}
#emea-wrapper .WebPartZone_zoneFixedSlider {
position: relative;
z-index: 99999;
}
#emea-wrapper .header__newsletter-toggle {
display: none;
font-size: 30px;
position: absolute;
float: right;
margin-top: -7px;
margin-left: 260px;
cursor: pointer;
}
@media (min-width: 992px) {
#emea-wrapper .newsletter-slider-enabled .header__newsletter-toggle {
display: inline-block;
}
}
@media (max-width: 991px) {
#emea-wrapper .header__newsletter-toggle--mobile {
right: 70px;
top: 7px;
display: block;
}
}
#emea-wrapper .newsletter-slider {
width: 100%;
max-width: 585px;
background: #d5d5d5;
padding: 100px 90px 20px;
position: fixed;
right: 0;
top: 0;
height: 100vh;
z-index: 10000;
overflow: auto;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all .5s;
color: #fff;
}
#emea-wrapper .newsletter-slider .chosen-container .chosen-results li {
color: #323232;
}
#emea-wrapper .iOS .newsletter-slider {
padding-bottom: 60px;
}
@media (max-width: 767px) {
#emea-wrapper .newsletter-slider {
padding: 85px 20px 20px;
}
}
#emea-wrapper .newsletter-slider.is-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#emea-wrapper .newsletter-slider .close-slider {
position: absolute;
top: 20px;
right: 20px;
font-size: 35px;
cursor: pointer;
}
#emea-wrapper .newsletter-slider__title {
font-size: 36px;
margin-bottom: 60px;
color: #fff;
}
@media (max-width: 767px) {
#emea-wrapper .newsletter-slider__title {
font-size: 26px;
margin-bottom: 30px;
font-weight: 700;
text-align: center;
}
}
#emea-wrapper .newsletter-slider__title--center {
text-align: center;
}
#emea-wrapper .newsletter-slider__validation-summary {
color: #cc2c21;
}
#emea-wrapper .newsletter-slider__question {
width: 100%;
}
#emea-wrapper .newsletter-slider__form-controls {
margin-bottom: 33px;
}
#emea-wrapper .newsletter-slider__form-controls .form-control {
border: 1px solid #000;
}
#emea-wrapper .newsletter-slider__form-controls--invalid-state input[type=text] {
border: 1px solid #cc2c21;
}
#emea-wrapper .newsletter-slider__form-controls--invalid-state .textfield-container:after {
background: url(sitefiles/dist/20929f0ed9fab8af60bf6fb2edc20a36.png) no-repeat 0 0;
}
#emea-wrapper .newsletter-slider__form-controls .textfield-container {
position: relative;
}
@media (min-width: 768px) {
#emea-wrapper .newsletter-slider__form-controls .textfield-container:after {
content: "";
height: 44px;
width: 44px;
position: absolute;
right: -65px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
#emea-wrapper .newsletter-slider__form-controls .error-label {
color: #fff;
font-size: 15px;
}
#emea-wrapper .newsletter-slider label {
font-weight: 700;
color: #fff;
}
#emea-wrapper .newsletter-slider input[type=text] {
height: 55px;
font-size: 15px;
}
#emea-wrapper .newsletter-slider .checkbox {
text-align: left;
padding-left: 0;
}
#emea-wrapper .newsletter-slider .checkbox .tickbox-text a {
float: left;
}
#emea-wrapper .newsletter-slider .checkbox .tickbox-text p {
font-size: 11.5px;
overflow: hidden;
color: #fff;
}
#emea-wrapper .newsletter-slider input[type=checkbox] {
display: none;
}
#emea-wrapper .newsletter-slider input[type=checkbox] + .checkLbl {
padding-left: 0;
font-size: 12px;
line-height: 18px;
width: 100%;
}
#emea-wrapper .newsletter-slider input[type=checkbox] + .checkLbl span {
width: 20px;
height: 20px;
background: url(sitefiles/dist/15cdf9439972563c08d31d4221ac0347.png) no-repeat 0 0;
display: block;
float: left;
position: relative;
top: -1px;
margin-right: 10px;
border: 1px solid #323232;
}
#emea-wrapper .newsletter-slider input[type=checkbox] + .checkLbl a {
color: #323232;
}
#emea-wrapper .newsletter-slider input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/15cdf9439972563c08d31d4221ac0347.png) no-repeat -29px 0;
}
#emea-wrapper .newsletter-slider .btn {
background: #cbdc39;
height: 45px;
font-size: 23px;
max-width: 230px;
border: none;
}
#emea-wrapper .newsletter-slider .btn:active,
#emea-wrapper .newsletter-slider .btn:focus,
#emea-wrapper .newsletter-slider .btn:hover {
border: none !important;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -9px;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes li {
padding: 0 9px;
list-style: none;
width: 33%;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes li input[type=checkbox] + .checkLbl {
font-size: 15px;
padding-left: 0;
line-height: 18px;
border: 1px solid #323232;
display: block;
text-align: center;
padding: 17px 0;
width: 100%;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes li input[type=checkbox] + .checkLbl.checked {
background: #323232;
color: #fff;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes li input[type=checkbox] + .checkLbl p {
margin: 0;
}
#emea-wrapper .newsletter-slider__step-2-checkboxes li input[type=checkbox] + .checkLbl span {
display: none;
}
#emea-wrapper .newsletter-slider__step-2-radios {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
#emea-wrapper .newsletter-slider__step-2-radios li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
}
#emea-wrapper .newsletter-slider__step-2-radios li input {
display: none;
}
#emea-wrapper .newsletter-slider__step-2-radios li input + label:before {
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: -3px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
background: url(sitefiles/dist/15cdf9439972563c08d31d4221ac0347.png) no-repeat 0 0;
border: 1px solid #323232;
}
#emea-wrapper .newsletter-slider__step-2-radios li input:checked + label:before {
background: url(sitefiles/dist/15cdf9439972563c08d31d4221ac0347.png) no-repeat -29px 0;
}
#emea-wrapper .newsletter-slider__step-2-radios li label {
margin: 0;
position: relative;
padding-left: 40px;
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container {
width: 100% !important;
font-size: 15px;
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container .chosen-single {
height: 55px;
border: 1px solid #323232;
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container .chosen-single.chosen-single-with-drop div b:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container .chosen-single span {
line-height: 55px;
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container .chosen-single div b {
background-image: none !important;
top: 0;
width: 20px;
height: 53px;
}
#emea-wrapper .newsletter-slider__step-2-dropdown + .chosen-container .chosen-single div b:after {
content: "\F078";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s;
}
#emea-wrapper .newsletter-slider__thank-you-image {
margin: 0 auto;
display: block;
}
@media (min-width: 1550px) {
#emea-wrapper .container {
max-width: 1440px;
}
}
#emea-wrapper .product__system-icon {
border-radius: 5px;
margin-right: 15px;
}
@media (max-width: 660px) {
#emea-wrapper .product__system-icon {
width: 20%;
}
}
#emea-wrapper .product__header {
background-color: #323232;
height: auto;
position: relative;
padding: 10px 0;
}
@media (min-width: 992px) {
#emea-wrapper .product__header {
padding: 0 25px;
}
}
#emea-wrapper .product__heading-container-first {
padding-right: 15px;
padding-left: 15px;
width: 100%;
-webkit-flex: 0 1 75%;
-ms-flex: 0 1 75%;
flex: 0 1 75%;
}
#emea-wrapper .product__heading-container-last {
padding-right: 15px;
padding-left: 15px;
width: 100%;
-webkit-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
#emea-wrapper .product__heading-container {
height: 100%;
position: relative;
padding: 0;
}
@media (min-width: 992px) {
#emea-wrapper .product__heading-container {
padding: 0 25px;
}
}
#emea-wrapper .product__breadcrumb {
font-family: HelveticaNeueLTStd-BdEx;
font-size: 15px;
color: #fff;
}
#emea-wrapper .product__breadcrumb a {
color: #db011c;
}
#emea-wrapper .product__breadcrumb a:hover {
color: #fff;
}
#emea-wrapper .product__breadcrumb .CMSBreadCrumbsCurrentItem {
color: #db011c;
}
@media (max-width: 992px) {
#emea-wrapper .product__breadcrumb {
font-size: 12px;
}
}
@media (max-width: 660px) {
#emea-wrapper .product__breadcrumb {
font-size: 10px;
}
}
#emea-wrapper .product__heading {
margin-bottom: 10px;
}
@media (min-width: 992px) {
#emea-wrapper .product__heading {
position: relative;
padding: 10px 0 10px 25px;
margin: 0;
}
}
#emea-wrapper .product__heading-title {
margin-bottom: 20px;
}
#emea-wrapper .product__heading h1 {
color: #fff;
font-size: 19px;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (min-width: 992px) {
#emea-wrapper .product__heading h1 {
font-size: 33px;
}
}
#emea-wrapper .product__heading h2 {
color: #fff;
font-size: 18px;
margin-bottom: 6px;
text-transform: uppercase;
}
@media (min-width: 992px) {
#emea-wrapper .product__heading h2 {
font-size: 23px;
}
}
@media (min-width: 992px) {
#emea-wrapper .product__review-heading-section {
text-align: right;
position: absolute;
right: 25px;
bottom: 20px;
}
}
#emea-wrapper .product__review-heading {
color: #fff;
display: inline-block;
font-size: 17px;
padding-right: 10px;
cursor: pointer;
}
@media (min-width: 992px) {
#emea-wrapper .product__review-heading {
font-size: 20px;
}
}
#emea-wrapper .product__review-star-container {
display: inline-block;
vertical-align: middle;
}
#emea-wrapper .product__review-star {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat -192px -482px;
display: inline-block;
width: 18px;
height: 22px;
}
#emea-wrapper .product__review-star--full {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat -192px -444px;
}
#emea-wrapper .product__review-form-container {
position: relative;
}
#emea-wrapper .product__review-form-container .product__review-form {
display: none;
position: absolute;
right: 0;
width: 375px;
z-index: 2;
}
@media (max-width: 991px) {
#emea-wrapper .product__review-form-container .product__review-form {
width: 100%;
margin-top: 10px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
#emea-wrapper .product__carousel-container {
display: block;
padding: 0 15px;
vertical-align: top;
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel-container {
display: inline-block;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__carousel-container {
width: 664px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .product__carousel-container {
width: 774px;
}
}
#emea-wrapper .product__carousel-nav-holder {
display: block;
vertical-align: top;
background-color: #c2c2c2;
height: auto;
}
@media (max-width: 992px) {
#emea-wrapper .product__carousel-nav-holder {
padding: 5px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel-nav-holder {
display: inline-block;
height: 580px;
overflow: hidden;
}
}
#emea-wrapper .product__carousel-nav-holder .slick-slide:focus {
outline: none;
}
#emea-wrapper .product__carousel-play-image {
position: relative;
cursor: pointer;
width: 100%;
max-height: 100%;
}
#emea-wrapper .product__carousel-play-image:after {
content: "\F16A";
position: absolute;
font-family: fontAwesome;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#emea-wrapper .product__carousel-image-container {
position: relative;
width: 155px;
height: 135px;
padding: 10px 10px 0;
margin-bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 992px) {
#emea-wrapper .product__carousel-image-container {
width: 180px;
}
}
#emea-wrapper .product__carousel-image-container:after {
content: "\F04B";
position: absolute;
font-family: fontAwesome;
top: 50%;
left: 50%;
font-size: 50px;
color: #fff;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
transition: all .25s ease;
pointer-events: none;
}
#emea-wrapper .product__nav-carousel {
display: none;
padding: 0 9px;
margin-bottom: 0;
}
@media (max-width: 992px) {
#emea-wrapper .product__nav-carousel {
width: 80%;
}
}
@media (min-width: 992px) {
#emea-wrapper .product__nav-carousel {
display: inline-block;
max-width: 155px;
}
}
@media (min-width: 660px) {
#emea-wrapper .product__nav-carousel {
display: block;
}
}
#emea-wrapper .product__nav-carousel li {
list-style: none;
display: none;
}
#emea-wrapper .product__nav-carousel li:first-child {
display: block;
}
#emea-wrapper .product__nav-carousel .slick-track li {
margin-bottom: -2px;
}
#emea-wrapper .product__nav-carousel .slick-slide img {
display: inline-block;
text-align: center;
}
#emea-wrapper .product__nav-carousel-slide {
display: table;
height: 135px;
width: 100%;
max-width: 100%;
display: inline-block;
padding: 0 8px;
margin-top: 8px;
margin-bottom: 8px;
text-align: center;
}
@media (max-width: 992px) {
#emea-wrapper .product__nav-carousel-slide {
width: 150px;
}
}
@media (min-width: 992px) {
#emea-wrapper .product__nav-carousel-slide {
margin-bottom: 0;
padding: 0;
width: 135px;
}
}
@media (max-width: 660px) {
#emea-wrapper .slick-slide .product__nav-carousel-slide {
width: 100%;
}
}
#emea-wrapper .product__carousel-slide-inner {
display: table-cell;
background-color: #fff;
width: 100%;
height: 100%;
vertical-align: top;
cursor: pointer;
max-width: 135px;
}
@media (min-width: 1200px) {
#emea-wrapper .product__carousel-slide-inner {
vertical-align: middle;
}
}
#emea-wrapper .product__nav-carousel-slide .product__carousel-slide-inner {
vertical-align: middle;
}
#emea-wrapper .product__carousel-slide-inner.is-active {
outline: 1px solid #db011c;
}
#emea-wrapper .product__carousel-holder {
display: inline-block;
width: 100%;
height: 350px;
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel-holder {
display: inline-block;
height: 450px;
width: 350px;
float: right;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__carousel-holder {
height: 580px;
width: 460px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .product__carousel-holder {
width: 580px;
}
}
#emea-wrapper .product__carousel-holder img {
display: inline-block;
max-height: 350px;
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel-holder img {
max-height: none;
max-width: 340px;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__carousel-holder img {
max-width: 460px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .product__carousel-holder img {
max-width: 580px;
}
}
#emea-wrapper .product__carousel {
padding-left: 0;
margin-bottom: 0;
}
#emea-wrapper .product__carousel .slick-track li {
text-align: center;
list-style: none;
width: 100%;
height: 350px;
display: block;
outline: none;
}
@media (min-width: 660px) {
#emea-wrapper .product__carousel .slick-track li {
width: 100%;
}
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel .slick-track li {
height: 450px;
width: 350px;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__carousel .slick-track li {
height: 580px;
width: 460px;
}
}
#emea-wrapper .product__carousel .slick-dots {
bottom: 0;
}
#emea-wrapper .product__carousel .slick-dots .slick-active button:before {
color: #db011c;
}
#emea-wrapper .product__carousel .slick-arrow {
position: absolute;
top: auto;
bottom: 10px;
width: 44px;
height: 44px;
border: none;
padding: 0;
background: none;
z-index: 1;
}
#emea-wrapper .product__carousel .slick-prev {
left: 10px;
}
#emea-wrapper .product__carousel .slick-prev:before {
content: "";
}
#emea-wrapper .product__carousel .slick-next {
right: 10px;
}
#emea-wrapper .product__carousel .slick-next:before {
content: "";
}
#emea-wrapper .product__carousel-slide {
display: table;
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
#emea-wrapper .product__carousel-slide {
max-width: 580px;
}
}
#emea-wrapper .product__description-container {
display: block;
padding: 30px;
width: 100%;
margin-top: 20px;
}
@media (min-width: 992px) {
#emea-wrapper .product__description-container {
display: inline-block;
padding: 0 15px;
width: 40%;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__description-container {
width: 39%;
}
}
@media (min-width: 1550px) {
#emea-wrapper .product__description-container {
width: 40%;
}
}
#emea-wrapper .product__description-container .button {
padding: 6px 40px;
}
#emea-wrapper .product__description-container .ps-widget {
margin-right: 10px;
}
@media (max-width: 768px) {
#emea-wrapper .product__description-container .ps-widget {
margin-bottom: 10px;
}
}
#emea-wrapper .product__description-container h2 {
font-size: 26px;
margin-bottom: 20px;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
#emea-wrapper .product__description-container h3 {
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}
#emea-wrapper .product__description-container h3.product-model-title-label {
font-size: 14px;
display: inline-block;
font-family: HelveticaNeueLTStd-BdEx;
color: #dbdbdb;
}
#emea-wrapper .product__description-container h3.product-model-title {
font-weight: 700;
display: inline-block;
}
#emea-wrapper .product__description-container .ps-widget {
background-color: #db011c;
font-family: HelveticaNeueMed;
font-size: 20px;
}
@media (max-width: 1024px) {
#emea-wrapper .product__description-container .ps-widget {
width: auto;
}
}
#emea-wrapper .product__description-container .ps-widget.ps-disabled,
#emea-wrapper .product__description-container .ps-widget.ps-no-sku {
display: none !important;
}
#emea-wrapper .product__description {
position: relative;
height: 225px;
overflow: hidden;
margin-bottom: 15px;
}
#emea-wrapper .product__description.is-active {
height: auto;
}
#emea-wrapper .product__description-bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.62) 62%, #fff 82%, #fff);
}
#emea-wrapper .product__description-bg.not-active {
display: none;
}
#emea-wrapper .product__description-collapse,
#emea-wrapper .product__description-expand {
position: absolute;
left: 0;
bottom: 15px;
width: auto;
background: none;
color: #db011c;
border: none;
height: auto;
padding: 0;
}
#emea-wrapper .product__description-collapse.not-active,
#emea-wrapper .product__description-expand.not-active {
display: none;
}
#emea-wrapper .is-active .product__description-collapse,
#emea-wrapper .is-active .product__description-expand {
position: relative;
left: auto;
bottom: auto;
}
#emea-wrapper .product__description-expand {
display: block;
}
#emea-wrapper .is-active .product__description-expand,
#emea-wrapper .product__description-collapse {
display: none;
}
#emea-wrapper .is-active .product__description-collapse {
position: relative;
left: auto;
bottom: auto;
display: block;
}
#emea-wrapper .product__variant-selection {
padding: 0;
list-style: none;
margin-bottom: 40px;
}
#emea-wrapper .product__variant-selection:not(.slick-initialized) li {
display: none;
}
@media (max-width: 1549px) {
#emea-wrapper .product__variant-selection {
padding: 0 15px;
}
}
#emea-wrapper .product__variant-selection .slick-track li {
display: block;
text-align: center;
}
#emea-wrapper .product__variant-selection .slick-dots {
bottom: -30px;
}
#emea-wrapper .product__variant-selection .slick-dots .slick-active button:before {
color: #db011c;
}
#emea-wrapper .product__variant-selection .slick-next:before,
#emea-wrapper .product__variant-selection .slick-prev:before {
display: none;
}
@media (max-width: 1549px) {
#emea-wrapper .product__variant-selection .slick-next {
right: 0;
}
}
@media (max-width: 1199px) {
#emea-wrapper .product__variant-selection .slick-next {
right: -8px;
}
}
@media (max-width: 991px) {
#emea-wrapper .product__variant-selection .slick-next {
right: -8px;
}
#emea-wrapper .product__variant-selection .slick-prev {
left: -8px;
}
}
#emea-wrapper .product__variant-selection-item {
width: 90px;
background: none;
border: none;
padding: 0;
display: inline-block;
}
#emea-wrapper .slick-current .product__variant-selection-item .product__variant-selection-inner {
border: 3px solid #db011c !important;
}
#emea-wrapper .product__variant-selection-inner {
display: inline-block;
text-align: center;
vertical-align: middle;
width: 100%;
border: 3px solid transparent !important;
}
#emea-wrapper .product__sub-title {
background-color: #c2c2c2;
padding: 20px 25px;
}
#emea-wrapper .product__sub-title h2 {
font-size: 20px;
margin-bottom: 0;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
@media (min-width: 992px) {
#emea-wrapper .product__sub-title h2 {
font-size: 26px;
}
}
#emea-wrapper .top-scroll-bar--wrapper {
width: 100%;
overflow-x: auto;
}
#emea-wrapper .top-scroll-bar--wrapper .top-scroll-bar {
height: 1px;
}
#emea-wrapper .product__detail-table-container {
padding: 10px 15px;
}
@media (min-width: 992px) {
#emea-wrapper .product__detail-table-container {
padding: 10px 20px;
}
}
#emea-wrapper .product__detail-table-container .table {
width: auto;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table-container .table {
width: 100%;
}
}
#emea-wrapper .product__detail-table-container .fixed-column {
position: absolute;
display: inline-block;
width: 299px;
max-width: 299px;
background-color: #fff;
display: none;
z-index: 3;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table-container .fixed-column {
display: block;
min-width: 185px;
}
}
@media (max-width: 495px) {
#emea-wrapper .product__detail-table-container .fixed-column {
display: block;
min-width: 154px;
}
}
#emea-wrapper .product__detail-table-container .fixed-column th {
border-right: none !important;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table-container .fixed-column .table__btn:after {
content: "";
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
width: 18px;
height: 9px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 5px;
top: 50%;
}
#emea-wrapper .product__detail-table-container .fixed-column .table__btn.is-active:after {
content: "";
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
width: 18px;
height: 9px;
-webkit-transform: translateY(-50%) scaleY(-1);
-ms-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1);
position: absolute;
right: 5px;
top: 50%;
}
}
@media (max-width: 495px) {
#emea-wrapper .product__detail-table-container .fixed-column .table__btn.is-active:after,
#emea-wrapper .product__detail-table-container .fixed-column .table__btn:after {
right: -18px;
}
}
#emea-wrapper .product__detail-table-container .table tbody > tr > td,
#emea-wrapper .product__detail-table-container .table tbody > tr > th,
#emea-wrapper .product__detail-table-container .table tfoot > tr > td,
#emea-wrapper .product__detail-table-container .table tfoot > tr > th,
#emea-wrapper .product__detail-table-container .table thead > tr > td,
#emea-wrapper .product__detail-table-container .table thead > tr > th {
border-top: none;
line-height: 14px;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table-container .table tbody > tr > td,
#emea-wrapper .product__detail-table-container .table tbody > tr > th,
#emea-wrapper .product__detail-table-container .table tfoot > tr > td,
#emea-wrapper .product__detail-table-container .table tfoot > tr > th,
#emea-wrapper .product__detail-table-container .table thead > tr > td,
#emea-wrapper .product__detail-table-container .table thead > tr > th {
padding-right: 4px;
}
}
@media (max-width: 992px) {
#emea-wrapper .product__detail-table-container .table tbody > tr > th,
#emea-wrapper .product__detail-table-container .table tbody > tr > th.table-area-heading {
white-space: normal;
min-width: 185px;
}
}
@media (max-width: 495px) {
#emea-wrapper .product__detail-table-container .table tbody > tr > th,
#emea-wrapper .product__detail-table-container .table tbody > tr > th.table-area-heading {
min-width: 154px;
}
}
#emea-wrapper .table-responsive {
border: none;
}
@media (min-width: 768px) {
#emea-wrapper .table-responsive.make-scrollable {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
}
}
@media (min-width: 768px) {
#emea-wrapper .table-responsive.make-scrollable .fixed-column {
display: block;
}
}
#emea-wrapper .table-responsive .table > tbody > tr > td {
white-space: normal;
}
#emea-wrapper .product__detail-table {
width: 100%;
}
#emea-wrapper .product__detail-table .ps-widget {
margin-top: 10px;
}
#emea-wrapper .product__detail-table .ps-widget.ps-disabled {
display: none !important;
}
#emea-wrapper .product__detail-table tr:first-child th {
vertical-align: bottom;
height: 191px;
}
@media (min-width: 768px) {
#emea-wrapper .product__detail-table tr:first-child th {
min-width: 190px;
}
}
#emea-wrapper .product__detail-table--accessories tr:first-child th {
height: auto;
}
#emea-wrapper .product__detail-table th {
padding: 5px;
width: 170px;
max-width: 170px;
border: 1px solid #323232 !important;
height: auto;
overflow: hidden;
}
#emea-wrapper .product__detail-table th:first-child {
width: 300px;
min-width: 300px;
max-width: 300px;
padding-left: 10px;
border-left: none !important;
overflow: visible;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table th:first-child {
min-width: 185px;
}
}
@media (max-width: 495px) {
#emea-wrapper .product__detail-table th:first-child {
min-width: 154px;
}
}
#emea-wrapper .product__detail-table th span {
display: block;
}
#emea-wrapper .product__detail-table th img {
display: inline-block;
padding-bottom: 5px;
}
#emea-wrapper .product__detail-table th.table-area-heading {
padding-top: 20px;
border-right: none !important;
font-size: 14px;
text-transform: uppercase;
height: 59px;
min-height: 59px;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .product__detail-table td {
border: 1px solid #323232 !important;
padding: 2px;
width: 170px;
background-color: #c2c2c2;
text-align: right;
height: 20px;
min-height: 20px;
overflow: hidden;
}
#emea-wrapper .product__detail-table td:nth-child(odd) {
background-color: #efefef;
}
#emea-wrapper .product__detail-table .table__accordion-btn {
border-left: 1px solid #323232 !important;
height: 38px;
min-height: 38px;
}
#emea-wrapper .product__detail-table .table__btn {
position: relative;
background: none;
background-color: #fff;
border: none;
text-align: left;
padding: 0;
font-weight: 700;
height: auto;
}
#emea-wrapper .product__detail-table .table__btn:after {
content: "";
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
width: 18px;
height: 9px;
-webkit-transform: translateY(-50%) scaleY(1);
-ms-transform: translateY(-50%) scaleY(1);
transform: translateY(-50%) scaleY(1);
position: absolute;
right: 5px;
top: 50%;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table .table__btn:after {
content: none;
}
}
#emea-wrapper .product__detail-table .table__btn.is-active:after {
content: "";
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg);
background-repeat: no-repeat;
width: 18px;
height: 9px;
-webkit-transform: translateY(-50%) scaleY(-1);
-ms-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1);
position: absolute;
right: 5px;
top: 50%;
}
@media (max-width: 767px) {
#emea-wrapper .product__detail-table .table__btn.is-active:after {
content: none;
}
}
#emea-wrapper .product__detail-table .table__hidden-area {
display: none;
}
#emea-wrapper .product__detail-table .table__hidden-area.is-active {
display: table-row;
}
#emea-wrapper .table.product__detail-table td.product__detail-table--centered,
#emea-wrapper .table.product__detail-table th.product__detail-table--centered {
text-align: center;
vertical-align: top;
}
#emea-wrapper th.product__detail-table--no-border {
border: none !important;
}
#emea-wrapper .product__recommeneded-carousel {
background-color: #efefef;
padding: 0 20px;
}
#emea-wrapper .product__recommeneded-carousel li {
display: none;
}
#emea-wrapper .product__recommeneded-carousel li:first-child {
display: block;
}
#emea-wrapper .product__recommeneded-carousel .slick-arrow {
position: absolute;
top: auto;
bottom: 55px;
width: 44px;
height: 44px;
border: none;
padding: 0;
background: none;
z-index: 2;
}
@media (min-width: 992px) {
#emea-wrapper .product__recommeneded-carousel .slick-arrow {
top: 40%;
bottom: auto;
}
}
@media (max-width: 660px) {
#emea-wrapper .product__recommeneded-carousel .slick-arrow {
bottom: 95px;
width: 34px;
height: 34px;
}
}
#emea-wrapper .product__recommeneded-carousel .slick-prev {
left: 0;
}
@media (min-width: 660px) {
#emea-wrapper .product__recommeneded-carousel .slick-prev {
left: -50px;
}
}
#emea-wrapper .product__recommeneded-carousel .slick-prev:before {
content: "";
}
#emea-wrapper .product__recommeneded-carousel .slick-next {
right: 0;
}
@media (min-width: 660px) {
#emea-wrapper .product__recommeneded-carousel .slick-next {
right: -50px;
}
}
#emea-wrapper .product__recommeneded-carousel .slick-next:before {
content: "";
}
#emea-wrapper .product__recommeneded-carousel-inner {
padding: 0 20px;
display: block;
}
#emea-wrapper .product__recommeneded-carousel-image-holder {
display: table;
width: 100%;
text-align: center;
margin-bottom: 5px;
}
#emea-wrapper .product__recommeneded-carousel-image {
display: table-cell;
background-color: #fff;
}
#emea-wrapper .product__recommeneded-carousel-image img {
display: inline-block;
}
@media (min-width: 992px) {
#emea-wrapper .product__recommeneded-carousel-image img {
max-width: 170px;
}
}
@media (min-width: 1200px) {
#emea-wrapper .product__recommeneded-carousel-image img {
max-width: 220px;
}
}
@media (min-width: 1550px) {
#emea-wrapper .product__recommeneded-carousel-image img {
max-width: 285px;
}
}
#emea-wrapper .product__recommeneded-carousel-detail span {
font-size: 13px;
}
#emea-wrapper .product__recommeneded-carousel-detail p {
color: #323232;
font-size: 12px;
}
#emea-wrapper .product__reviews-carousel {
background-color: #efefef;
padding: 20px;
}
@media (max-width: 767px) {
#emea-wrapper .product__reviews-carousel {
padding: 20px 50px;
}
}
#emea-wrapper .product__reviews-carousel li {
display: none;
text-align: center;
}
#emea-wrapper .product__reviews-carousel li:first-child {
display: block;
}
#emea-wrapper .product__reviews-carousel .slick-arrow {
position: absolute;
width: 44px;
height: 44px;
border: none;
padding: 0;
background: none;
z-index: 2;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#emea-wrapper .product__reviews-carousel .slick-prev {
left: 0;
}
@media (min-width: 660px) {
#emea-wrapper .product__reviews-carousel .slick-prev {
left: -50px;
}
}
#emea-wrapper .product__reviews-carousel .slick-prev:before {
content: "";
}
#emea-wrapper .product__reviews-carousel .slick-next {
right: 0;
}
@media (min-width: 660px) {
#emea-wrapper .product__reviews-carousel .slick-next {
right: -50px;
}
}
#emea-wrapper .product__reviews-carousel .slick-next:before {
content: "";
}
@media (max-width: 1550px) {
#emea-wrapper .ProductDetail .container {
max-width: 100%;
padding: 0 60px;
}
}
@media (max-width: 1200px) {
#emea-wrapper .ProductDetail .container {
padding: 0 30px;
}
}
@media (max-width: 767px) {
#emea-wrapper .ProductDetail .container {
padding: 0 15px;
}
}
#emea-wrapper .button {
padding: 7px 40px 7px 20px;
margin-bottom: 10px;
background-color: #db011c;
color: #fff;
font-size: 20px;
display: inline-block;
}
#emea-wrapper .button--secondary {
background-color: #c2c2c2;
color: #323232;
}
#emea-wrapper .sawzall__landing-image {
position: relative;
}
@media (max-width: 1200px) {
#emea-wrapper .sawzall__landing-image {
margin-bottom: 35px;
}
}
@media (max-width: 992px) {
#emea-wrapper .sawzall__landing-image {
margin-bottom: 150px;
}
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__landing-image {
margin-bottom: 300px;
}
}
@media (max-width: 480px) {
#emea-wrapper .sawzall__landing-image {
margin-bottom: 300px;
}
}
#emea-wrapper .sawzall__landing-image .a-item {
position: relative;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container {
color: #fff;
position: absolute;
width: 100%;
top: 25%;
text-align: center;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__title--big {
padding-bottom: 70px;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__title--big h2 {
font-size: 120px;
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__title--big h2 {
font-size: 100px;
}
}
@media (max-width: 480px) {
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__title--big h2 {
font-size: 70px;
}
}
@media (max-width: 480px) {
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__title--big {
padding-bottom: 20px;
}
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__sub-title--big {
width: 80%;
margin: 0 auto;
padding-bottom: 30px;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__sub-title--big h4 {
font-size: 23px;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__sub-title--small {
padding-bottom: 20px;
}
#emea-wrapper .sawzall__landing-image .sawzall__text-container .sawzall__sub-title--small p {
font-size: 20px;
}
#emea-wrapper .sawzall__landing-image .sawzall__logo-image-container {
position: absolute;
top: 0;
width: 100%;
}
#emea-wrapper .sawzall__landing-image .sawzall__logo-image-container .sawzall__logo-image {
display: block;
margin: 0 auto;
max-width: 150px;
}
@media (max-width: 480px) {
#emea-wrapper .sawzall__landing-image .sawzall__logo-image-container .sawzall__logo-image {
max-width: 100px;
}
}
#emea-wrapper .sawzall__landing-image .sawzall__cover-image {
width: 100%;
height: 0;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
padding-bottom: 50%;
}
#emea-wrapper .sawzall__promo-area {
margin-bottom: 50px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-card {
padding-top: 20px;
padding-bottom: 20px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-card .sawzall__text-container {
width: 70%;
margin: 0 auto;
text-align: center;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-card .sawzall__text-container .sawzall__icon {
margin-bottom: 25px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-card .sawzall__text-container .sawzall__text h2 {
color: #fff;
font-size: 23px;
}
#emea-wrapper .sawzall__promo-area .sawzall__form {
margin: 0 auto;
width: 70%;
background-color: #c4c4c4;
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__promo-area .sawzall__form {
width: 100%;
}
}
#emea-wrapper .sawzall__promo-area .sawzall__form img {
border: 1px solid #fff;
width: 100%;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls {
padding: 30px 40px;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .terms-btn-text {
font-size: 16px;
font-weight: 300;
line-height: 2em;
margin-bottom: 10px;
cursor: pointer;
text-decoration: underline;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .checkbox {
float: left;
padding: 0;
margin: 0;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=text] {
height: 62px;
width: 100%;
padding: 20px;
background: #fff;
border-radius: 6px;
border-color: #a8a8a8;
border-style: solid;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=text]:focus {
border-color: #db011c;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .btn-submit {
background-color: #db011c;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 26px;
line-height: 26px;
border-color: #db011c;
width: 100%;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .btn-submit:hover {
background-color: gray;
border-color: gray;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=submit] {
position: relative;
top: auto;
right: auto;
padding: 15px;
width: 100%;
height: 62px;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=checkbox] + .checkLbl span {
display: block;
float: left;
margin-right: 5px;
width: 31px;
height: 31px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 5px -307px #fff;
cursor: pointer;
border: 1px solid #a8a8a8;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=checkbox] + .checkLbl p {
line-height: 21px;
cursor: pointer;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 5px -280px #fff;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .sawzall__form-control--margin {
margin-bottom: 20px;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=text]::-webkit-input-placeholder {
color: #c1c1c1;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=text]::-moz-placeholder {
color: #c1c1c1;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls input[type=text]:-ms-input-placeholder {
color: #c1c1c1;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .chosen-container {
margin-bottom: 20px;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .chosen-container-single .chosen-single {
display: block;
height: 62px;
padding: 20px;
background: #fff;
border-radius: 3px;
text-align: left;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .chosen-container-single .chosen-single span {
line-height: 1.42857143;
font-size: 100%;
font-family: HelveticaNeueMed;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .chosen-container-single .chosen-single:hover {
color: inherit;
border: 1px solid;
}
#emea-wrapper .sawzall__promo-area .sawzall__form .sawzall__form-controls .terms-group {
text-align: center;
color: #db011c;
padding-bottom: 20px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download {
width: 80%;
margin: 0 auto;
text-align: center;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__text--title {
padding-top: 15px;
padding-bottom: 10px;
width: 80%;
margin: 0 auto;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__text--title h5 {
color: #fff;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__text--title p {
line-height: 1;
font-size: 10px;
text-transform: uppercase;
color: #fff;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step-1 {
border: 1px solid #fff;
padding: 10px;
margin-bottom: 65px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step-1 .sawzall__step-1-image {
background-position: 50%;
height: 30px;
background-repeat: no-repeat;
top: -25px;
left: 0;
position: absolute;
width: 100%;
background-image: url(sitefiles/dist/58042afa8b0fe89594897263f1787a0e.png);
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step-1 .sawzall__download-icon {
padding-bottom: 15px;
padding-top: 15px;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step {
border: 1px solid #fff;
padding: 10px;
min-height: 170px;
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step {
margin-bottom: 65px;
}
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step .sawzall__step-image {
background-position: 50%;
height: 30px;
background-repeat: no-repeat;
top: -15px;
left: 0;
position: absolute;
width: 100%;
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step .sawzall__step-image.sawzall__step-2 {
background-image: url(sitefiles/dist/f72502c964929dccc80e43e9a425cce3.png);
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__step .sawzall__step-image.sawzall__step-3 {
background-image: url(sitefiles/dist/e0afa5b21c42936e99d4192344d7aa8c.png);
}
#emea-wrapper .sawzall__promo-area .sawzall__promo-download .sawzall__terms {
color: #fff;
padding-top: 25px;
font-size: 12px;
text-align: left;
}
#emea-wrapper .sawzall__promo-area #win-terms-text {
overflow: hidden;
opacity: 0;
background: #db011c;
text-align: left;
color: #fff;
position: fixed;
z-index: -300;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
font-size: 2.76923077em;
line-height: 36px;
transition: 0.5s ease-in-out;
}
#emea-wrapper .sawzall__promo-area #win-terms-text .close-terms {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
padding: 9px 14px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
#emea-wrapper .sawzall__promo-area #win-terms-text .close-terms:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
}
#emea-wrapper .sawzall__promo-area #win-terms-text.open-terms {
opacity: .9;
height: 100%;
z-index: 99999;
}
#emea-wrapper .sawzall__promo-area #win-terms-text h1,
#emea-wrapper .sawzall__promo-area #win-terms-text h2 {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.46153846em;
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__promo-area #win-terms-text h1,
#emea-wrapper .sawzall__promo-area #win-terms-text h2 {
font-size: 0.69230769em;
}
}
#emea-wrapper .sawzall__promo-area #win-terms-text .container {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
height: 100%;
}
#emea-wrapper .sawzall__promo-area #win-terms-text .container:after {
content: " ";
background: #db0019;
height: 100%;
width: 17px;
display: block;
position: absolute;
top: 171px;
right: 15px;
}
#emea-wrapper .sawzall__promo-area #win-terms-text .container p {
overflow-x: hidden;
overflow-y: scroll;
height: 90%;
margin: 0 0 10px;
font-size: .53846154em;
line-height: 1.4em;
font-family: Arial;
}
@media (max-width: 768px) {
#emea-wrapper .sawzall__promo-area #win-terms-text .container p {
font-size: 0.38461538em;
}
}
#emea-wrapper .qr-master,
#emea-wrapper .qr-master body,
#emea-wrapper .qr-master form {
width: 100%;
height: 100%;
}
#emea-wrapper .qr-full-page {
width: 100%;
height: 700px;
background: #db011c url(sitefiles/dist/d8ed7bbab412ba27e6d083b927b92bb5.jpg) 0 0 no-repeat;
background-size: cover;
background-position: 50%;
text-align: center;
}
#emea-wrapper .qr-full-page .outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
#emea-wrapper .qr-full-page .middle {
display: table-cell;
vertical-align: top;
padding-top: 30px;
}
#emea-wrapper .qr-full-page .inner {
position: absolute;
top: 118px;
left: 50%;
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.6);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#emea-wrapper .qr-full-page .inner select {
height: 58px !important;
}
#emea-wrapper .qr-full-page .competition h1,
#emea-wrapper .qr-full-page .language h1 {
text-align: center;
font-size: 1.6em;
margin-bottom: .9em;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
}
#emea-wrapper .qr-full-page .form-control {
margin: 10px 0;
border: 1px solid grey;
border-radius: 4px;
height: 45px;
line-height: 45px;
}
#emea-wrapper .qr-full-page .checkbox label,
#emea-wrapper .qr-full-page .radio label {
width: 100%;
margin-bottom: 15px;
}
#emea-wrapper .qr-full-page .compareBox .prod,
#emea-wrapper .qr-full-page input[type=checkbox] + .checkLbl span {
width: 22px;
height: 22px;
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat 0 0;
}
#emea-wrapper .qr-full-page input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/d6777340cfae7b0deb39741543a51d21.png) no-repeat -28px 0;
}
#emea-wrapper .qr-full-page .btn-primary {
color: #fff;
background-color: #db011c;
border-color: #db011c;
border-radius: 0;
font-size: 1.9em;
height: 2em;
text-transform: uppercase;
}
#emea-wrapper .qr-full-page .qr-terms {
position: absolute;
top: 88%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
#emea-wrapper .qr-full-page .qr-terms #view-qr-terms {
margin: 0 auto;
color: #fff;
border: 1px solid #fff;
width: 200px;
}
#emea-wrapper .qr-full-page .qr-terms #view-qr-terms .terms-btn-text {
cursor: pointer;
padding: 12px;
transition: all 0.3s ease-in-out;
}
#emea-wrapper .qr-full-page .qr-terms #view-qr-terms .terms-btn-text:hover {
background: #fff;
color: #db011c;
}
#emea-wrapper .qr-full-page #qr-terms-text {
overflow: hidden;
opacity: 0;
background: #db011c;
text-align: left;
color: #fff;
position: absolute;
z-index: 300;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
font-size: 2.76923077em;
line-height: 36px;
transition: 0.5s ease-in-out;
}
#emea-wrapper .qr-full-page #qr-terms-text .close-terms {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
padding: 9px 14px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
#emea-wrapper .qr-full-page #qr-terms-text .close-terms:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
}
#emea-wrapper .qr-full-page #qr-terms-text.open-terms {
opacity: .9;
height: 100%;
}
#emea-wrapper .qr-full-page #qr-terms-text h1,
#emea-wrapper .qr-full-page #qr-terms-text h2 {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
text-transform: uppercase;
font-size: 1.46153846em;
}
#emea-wrapper .qr-full-page #qr-terms-text .container {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
height: 100%;
}
#emea-wrapper .qr-full-page #qr-terms-text .container:after {
content: " ";
background: #db0019;
height: 100%;
width: 17px;
display: block;
position: absolute;
top: 171px;
right: 15px;
}
#emea-wrapper .qr-full-page #qr-terms-text .container p {
overflow-x: hidden;
overflow-y: scroll;
height: 90%;
margin: 0 0 10px;
font-size: .53846154em;
line-height: 1.4em;
font-family: Arial;
}
#emea-wrapper .qr-full-page div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#emea-wrapper .qr-full-page div.cs-select:focus {
outline: none;
}
#emea-wrapper .qr-full-page .cs-select select {
display: none;
}
#emea-wrapper .qr-full-page .cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#emea-wrapper .qr-full-page .cs-select > span {
padding-right: 3em;
}
#emea-wrapper .qr-full-page .cs-select .cs-selected span:after,
#emea-wrapper .qr-full-page .cs-select > span:after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#emea-wrapper .qr-full-page .cs-select > span:after {
content: "\25BE";
right: 1em;
}
#emea-wrapper .qr-full-page .cs-select .cs-selected span:after {
content: "\2713";
margin-left: 1em;
}
#emea-wrapper .qr-full-page .cs-select.cs-active > span:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
#emea-wrapper .qr-full-page div.cs-active {
z-index: 200;
}
#emea-wrapper .qr-full-page .cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #fff;
visibility: hidden;
}
#emea-wrapper .qr-full-page .cs-select.cs-active .cs-options {
visibility: visible;
}
#emea-wrapper .qr-full-page .cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#emea-wrapper .qr-full-page .cs-select ul span {
padding: 1em;
}
#emea-wrapper .qr-full-page .cs-select ul li.cs-focus span {
background-color: #ddd;
}
#emea-wrapper .qr-full-page .cs-select li.cs-optgroup ul {
padding-left: 1em;
}
#emea-wrapper .qr-full-page .cs-select li.cs-optgroup > span {
cursor: default;
}
#emea-wrapper .qr-full-page div.cs-skin-elastic {
background: transparent;
font-size: 1.3em;
font-weight: 700;
font-family: Arial;
color: #ccc;
}
@media screen and (max-width: 30em) {
#emea-wrapper .qr-full-page div.cs-skin-elastic {
font-size: 1em;
}
}
#emea-wrapper .qr-full-page .cs-skin-elastic > span {
background-color: #fff;
z-index: 100;
}
#emea-wrapper .qr-full-page .cs-skin-elastic > span:after {
font-family: icomoon;
content: "\E005";
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options {
overflow: visible;
background: transparent;
opacity: 1;
visibility: visible;
padding-bottom: 1.25em;
pointer-events: none;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options > ul:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
background: #fff;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: -webkit-transform 0.3s;
transition: transform .3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#emea-wrapper .qr-full-page .cs-skin-elastic.cs-active .cs-options > ul:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
transition: none;
-webkit-animation: expand 0.6s ease-out;
animation: expand 0.6s ease-out;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options ul li {
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity .15s, transform .15s;
transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
#emea-wrapper .qr-full-page .cs-skin-elastic.cs-active .cs-options ul li {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
transition: none;
-webkit-animation: bounce 0.6s ease-out;
animation: bounce 0.6s ease-out;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 50%;
padding: 6px 1em 6px 84px;
margin: 10px 0;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options .cs-selected span,
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.cs-focus span,
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options span:hover {
color: #ccc;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options .cs-selected span:after {
content: "";
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li span {
background-image: url(sitefiles/dist/9d7e70210e726e12ceab2b4fdf1b2eba.png);
background-position: 18px -10px;
background-size: auto;
background-repeat: no-repeat;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.cs-CZ span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fcs-cz.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.da-DK span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fda-dk.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.de-DE span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fde-de.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.en-GB span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fen-gb.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.es-ES span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fes-es.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.et-EE span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fet-EE.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.fi-FI span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffi-fi.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.fr-BE span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-be.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.fr-FR span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2ffr-fr.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.hu-HU span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fhu-hu.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.it-IT span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fit-it.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.lt-LT span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flt-lt.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.lv-LV span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2flv-lv.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.nl-BE span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-be.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.nl-NL span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnl-nl.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.nn-NO span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fnn-no.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.pl-PL span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fpl-pl.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.ru-RU span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fru-ru.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li.sv-SE span {
background-image: url("/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2fFlags%2f48x48%2fsv-se.png");
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options li {
line-height: 18px;
}
@-webkit-keyframes expand {
0% {
-webkit-transform: scaleY(0);
}
25% {
-webkit-transform: scaleY(1.2);
}
50% {
-webkit-transform: scaleY(0.85);
}
75% {
-webkit-transform: scaleY(1.05);
}
to {
-webkit-transform: scaleX(1);
}
}
@keyframes expand {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
25% {
-webkit-transform: scaleY(1.2);
transform: scaleY(1.2);
}
50% {
-webkit-transform: scaleY(0.85);
transform: scaleY(0.85);
}
75% {
-webkit-transform: scaleY(1.05);
transform: scaleY(1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
#emea-wrapper .qr-full-page .cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
height: 300px;
overflow-y: scroll;
background: #fff;
}
#emea-wrapper .qr-full-page .cs-skin-elastic.cs-active .cs-options:after {
display: block;
position: absolute;
top: 0;
right: 0;
content: " ";
background: #fff;
height: 100%;
width: 20px;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options {
max-height: 500px;
overflow-y: hidden;
}
#emea-wrapper html.IE9 .inner .form-area input[type=email],
#emea-wrapper html.IE9 .inner .form-area input[type=text] {
line-height: 20px !important;
}
#emea-wrapper html.IE9 .cs-active .cs-options {
width: 357px !important;
}
#emea-wrapper html.IE9 .cs-options {
display: none;
}
#emea-wrapper html.IE9 .cs-options ul li {
opacity: 1 !important;
}
#emea-wrapper html.IE9 .qr-full-page .cs-select .cs-selected span:after,
#emea-wrapper html.IE9 .qr-full-page .cs-select > span:after {
margin-top: -13px !important;
}
#emea-wrapper .iPad-horizontal .qr-full-page .inner {
-ms-transform: translateX(-50%) translateY(-27%);
-webkit-transform: translateX(-50%) translateY(-27%);
transform: translateX(-50%) translateY(-27%);
}
@media (max-width: 767px) {
#emea-wrapper .qr-full-page {
background: #db011c url(sitefiles/dist/10fa2f372eabdd8ff08c06f2c6e28b10.jpg) center -172px no-repeat;
background-size: auto;
background-position: top;
padding-top: 0;
}
#emea-wrapper .qr-full-page .outer {
position: relative;
}
#emea-wrapper .qr-full-page .inner {
margin: 0 auto;
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.6);
}
#emea-wrapper .qr-full-page .inner,
#emea-wrapper .qr-full-page .qr-terms {
position: relative;
top: 0;
left: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
#emea-wrapper .qr-full-page .qr-terms {
margin-top: 40px;
width: 100%;
}
#emea-wrapper .qr-full-page .cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
height: 199px;
overflow-y: scroll;
background: #fff;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options {
max-height: 199px;
overflow-y: hidden;
}
#emea-wrapper .qr-full-page #qr-terms-text .container:after {
top: 83px;
right: 71px;
}
#emea-wrapper .qr-full-page #qr-terms-text .close-terms {
width: 38px;
height: 38px;
font-size: 30px;
padding: 0 10px;
top: 12px;
right: 12px;
border: none;
}
#emea-wrapper .qr-full-page #qr-terms-text .container {
padding: 40px 71px 40px 16px;
}
#emea-wrapper .qr-full-page #qr-terms-text h1 {
margin-bottom: 18px;
font-size: 28px;
}
#emea-wrapper .qr-full-page #qr-terms-text .container p {
font-size: .46153846em;
margin-left: 28px;
margin-right: -111px;
padding-right: 75px;
}
#emea-wrapper .qr-full-page #qr-terms-text .container:after {
display: none;
}
}
@media (max-width: 480px) {
#emea-wrapper .qr-full-page .inner {
width: 90%;
}
#emea-wrapper .qr-full-page .cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 49%;
background-size: 2.6em auto;
padding: 5px 1em 2px 80px;
margin: 0.8em 0;
}
#emea-wrapper .qr-full-page #qr-terms-text .container p {
font-size: 0.38461538em;
}
}
@media (max-height: 850px) and (min-width: 766px) {
#emea-wrapper .qr-full-page .inner {
top: 30px !important;
-ms-transform: translateX(-50%) translateY(0) !important;
-webkit-transform: translateX(-50%) translateY(0) !important;
transform: translateX(-50%) translateY(0) !important;
}
}
@media (max-height: 725px) and (min-width: 766px) {
#emea-wrapper .qr-full-page .inner {
top: 30px !important;
-ms-transform: translateX(-50%) translateY(0) !important;
-webkit-transform: translateX(-50%) translateY(0) !important;
transform: translateX(-50%) translateY(0) !important;
}
}
#emea-wrapper .ErrorMessage {
color: #db011c;
font-weight: 700;
font-size: 1.23076923em;
}
#emea-wrapper .product__video-popup {
display: none;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(227, 34, 53, 0.95);
}
#emea-wrapper .product__video-popup.is-active {
display: block;
}
#emea-wrapper .product__video-popup__container {
width: 90%;
height: 100%;
margin: 0 auto;
padding: 25px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 660px) and (max-width: 992px) {
#emea-wrapper .product__video-popup__container {
display: block;
}
}
#emea-wrapper .product__video-popup__slider-nav {
width: 50%;
margin: 0 auto;
}
@media (max-width: 768px) {
#emea-wrapper .product__video-popup__slider-nav {
width: 100%;
}
}
#emea-wrapper .product__video-popup__slider-nav .slick-dots li button:before {
color: #323232;
opacity: 1;
font-size: 10px;
}
#emea-wrapper .product__video-popup__slider-nav .slick-dots li.slick-active button:before {
color: #fff;
font-size: 16px;
}
#emea-wrapper .product__video-popup__video-item {
width: 70%;
padding-bottom: 39.375%;
position: relative;
height: 0;
max-height: 0;
margin: 0 auto;
margin-bottom: 40px;
}
@media (max-width: 768px) {
#emea-wrapper .product__video-popup__video-item {
width: 100%;
padding-bottom: 56.25%;
}
}
@media (min-width: 660px) and (max-width: 992px) {
#emea-wrapper .product__video-popup__video-item {
margin-top: 100px;
}
}
#emea-wrapper .product__video-popup__video-item .youtube-video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: opacity .25s ease;
opacity: 1;
}
#emea-wrapper .product__video-popup__video-item .youtube-video.fade {
opacity: 0;
}
#emea-wrapper .product__video-popup__image-item {
outline: none;
margin: 0 40px;
max-width: 100%;
min-height: 100%;
}
@media (max-width: 991px) {
#emea-wrapper .product__video-popup__image-item {
margin: 0 20px;
}
}
@media (max-width: 768px) {
#emea-wrapper .product__video-popup__image-item {
margin: 0 10px;
}
}
#emea-wrapper .product__video-popup__image-item img {
margin: 0 auto;
width: 100%;
max-width: 100%;
}
#emea-wrapper .product__video-popup__close {
font-size: 60px;
top: 0;
right: 30px;
position: absolute;
height: auto;
line-height: normal;
cursor: pointer;
color: #fff;
transition: all 0.25s ease;
}
#emea-wrapper .product__video-popup__close:hover {
color: #323232;
}
#emea-wrapper .generic-popup__sticky__container {
position: fixed;
bottom: -1px;
right: 0;
z-index: 52;
max-width: 320px;
background-color: #d5d5d5;
color: #3f3f3f;
transition: all .5s ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
border-radius: 5px 0 0 0;
}
@media (max-width: 768px) {
#emea-wrapper .generic-popup__sticky__container {
max-width: 100%;
}
}
#emea-wrapper .generic-popup__sticky__container.transform-y {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#emea-wrapper .generic-popup__sticky__container.transform-y .icon--envelope .fa {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .generic-popup__sticky__content {
width: 100%;
padding: 10px;
text-align: center;
}
#emea-wrapper .generic-popup__sticky__content h2 {
font-size: 18px;
margin-bottom: 5px;
}
#emea-wrapper .generic-popup__sticky__content p {
font-size: 14px;
}
#emea-wrapper .generic-popup__sticky__content--button {
cursor: pointer;
background-color: #3f3f3f;
color: #fff;
padding: 5px 35px;
display: inline-block;
}
#emea-wrapper .generic-popup__sticky__image {
padding: 0;
width: 100%;
}
#emea-wrapper .generic-popup__sticky__image img {
border-radius: 5px 0 0 0;
}
#emea-wrapper .generic-popup__sticky__icon {
position: absolute;
top: -48px;
right: 10px;
color: #3f3f3f;
font-size: 40px;
background-color: #d5d5d5;
border-radius: 4px 4px;
padding: 5px 10px;
transition: all .5s ease;
z-index: -1;
cursor: pointer;
}
#emea-wrapper .generic-popup__sticky__icon.rotated {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .generic-popup__sticky__icon.icon--chevron {
display: none;
}
#emea-wrapper .generic-popup__sticky__icon.icon--envelope {
display: block;
}
#emea-wrapper .newsletter-slider__sticky__container {
position: fixed;
bottom: -1px;
right: 0;
z-index: 52;
max-width: 320px;
background-color: #d5d5d5;
color: #3f3f3f;
transition: all .5s ease;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
border-radius: 5px 0 0 0;
}
#emea-wrapper .newsletter-slider__sticky__container.transform-y {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#emea-wrapper .newsletter-slider__sticky__content {
width: 100%;
padding: 10px;
text-align: center;
}
#emea-wrapper .newsletter-slider__sticky__content h2 {
font-size: 18px;
margin-bottom: 5px;
}
#emea-wrapper .newsletter-slider__sticky__content p {
font-size: 14px;
}
#emea-wrapper .newsletter-slider__sticky__content--button {
cursor: pointer;
background-color: #3f3f3f;
color: #fff;
padding: 5px 35px;
display: inline-block;
}
#emea-wrapper .newsletter-slider__sticky__image {
padding: 0;
width: 100%;
}
#emea-wrapper .newsletter-slider__sticky__image img {
border-radius: 5px 0 0 0;
}
#emea-wrapper .newsletter-slider__sticky__icon {
position: absolute;
top: -48px;
right: 10px;
color: #3f3f3f;
font-size: 40px;
background-color: #d5d5d5;
border-radius: 4px 4px;
padding: 5px 10px;
transition: all .5s ease;
z-index: -1;
cursor: pointer;
}
#emea-wrapper .newsletter-slider__sticky__icon.rotated {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#emea-wrapper .newsletter-slider__sticky__icon.icon--chevron {
display: none;
}
#emea-wrapper .newsletter-slider__sticky__icon.icon--envelope {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#emea-wrapper .mobile-popup-banner {
z-index: 100;
background-color: #f2f2f2;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
padding: 10px 30px 10px 10px;
box-shadow: 0 1px 3px 0 #d4d4d4;
}
@media (max-width: 768px) {
#emea-wrapper .mobile-popup-banner.active {
display: block;
}
}
#emea-wrapper .mobile-popup-banner__container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#emea-wrapper .mobile-popup-banner__cross {
position: absolute;
right: 7px;
top: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
}
#emea-wrapper .mobile-popup-banner__cross:after {
content: "\F00D";
font-family: FontAwesome;
width: 20px;
height: 20px;
color: #000;
}
#emea-wrapper .mobile-popup-banner__content {
padding: 0 15px 0 8px;
width: 75%;
color: #000;
}
#emea-wrapper .mobile-popup-banner__content h2 {
font-size: 18px;
}
#emea-wrapper .mobile-popup-banner__content h3 {
font-size: 12px;
margin-bottom: 3px;
}
#emea-wrapper .mobile-popup-banner__content h4 {
font-size: 12px;
}
#emea-wrapper .mobile-popup-banner__content .centered {
display: block;
text-align: center;
}
#emea-wrapper .mobile-popup-banner__logo {
border-radius: 12px;
width: 20%;
height: 100%;
}
#emea-wrapper .mobile-popup-banner__logo img {
width: 100px;
height: 100px;
}
#emea-wrapper .promo-page .animated,
#emea-wrapper .wsbk .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#emea-wrapper .promo-page .animated.infinite,
#emea-wrapper .wsbk .animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#emea-wrapper .promo-page .animated.hinge,
#emea-wrapper .wsbk .animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#emea-wrapper .promo-page .delay,
#emea-wrapper .wsbk .delay {
-webkit-animation-delay: .5s;
animation-delay: 0.5s;
}
#emea-wrapper .promo-page .delay-long,
#emea-wrapper .wsbk .delay-long {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
#emea-wrapper .promo-page .delay-longer,
#emea-wrapper .wsbk .delay-longer {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
#emea-wrapper .promo-page .Drop,
#emea-wrapper .wsbk .Drop {
-webkit-animation-name: drop;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: drop;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-play-state: running;
}
@-webkit-keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
to {
top: 25px;
opacity: 0;
}
}
@keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
to {
top: 25px;
opacity: 0;
}
}
#emea-wrapper .promo-page .slideDown,
#emea-wrapper .wsbk .slideDown {
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-ms-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
#emea-wrapper .promo-page .bounce,
#emea-wrapper .wsbk .bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
#emea-wrapper .promo-page .flash,
#emea-wrapper .wsbk .flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
}
#emea-wrapper .promo-page .pulse,
#emea-wrapper .wsbk .pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-ms-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-ms-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
}
#emea-wrapper .promo-page .rubberBand,
#emea-wrapper .wsbk .rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
#emea-wrapper .promo-page .shake,
#emea-wrapper .wsbk .shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
#emea-wrapper .promo-page .swing,
#emea-wrapper .wsbk .swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
}
#emea-wrapper .promo-page .tada,
#emea-wrapper .wsbk .tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
-ms-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
-ms-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .wobble,
#emea-wrapper .wsbk .wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-ms-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
}
#emea-wrapper .promo-page .bounceIn,
#emea-wrapper .wsbk .bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .bounceInDown,
#emea-wrapper .wsbk .bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .bounceInLeft,
#emea-wrapper .wsbk .bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .bounceInRight,
#emea-wrapper .wsbk .bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
}
#emea-wrapper .promo-page .bounceInUp,
#emea-wrapper .wsbk .bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
#emea-wrapper .promo-page .bounceOut,
#emea-wrapper .wsbk .bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
#emea-wrapper .promo-page .bounceOutDown,
#emea-wrapper .wsbk .bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
#emea-wrapper .promo-page .bounceOutLeft,
#emea-wrapper .wsbk .bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
#emea-wrapper .promo-page .bounceOutRight,
#emea-wrapper .wsbk .bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
#emea-wrapper .promo-page .bounceOutUp,
#emea-wrapper .wsbk .bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
#emea-wrapper .promo-page .fadeIn,
#emea-wrapper .wsbk .fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInDown,
#emea-wrapper .wsbk .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInDownBig,
#emea-wrapper .wsbk .fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInLeft,
#emea-wrapper .wsbk .fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInLeftBig,
#emea-wrapper .wsbk .fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInRight,
#emea-wrapper .wsbk .fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInRightBig,
#emea-wrapper .wsbk .fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInUp,
#emea-wrapper .wsbk .fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .fadeInUpBig,
#emea-wrapper .wsbk .fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
#emea-wrapper .promo-page .fadeOut,
#emea-wrapper .wsbk .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
#emea-wrapper .promo-page .fadeOutDown,
#emea-wrapper .wsbk .fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
#emea-wrapper .promo-page .fadeOutDownBig,
#emea-wrapper .wsbk .fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
#emea-wrapper .promo-page .fadeOutLeft,
#emea-wrapper .wsbk .fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
#emea-wrapper .promo-page .fadeOutLeftBig,
#emea-wrapper .wsbk .fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
#emea-wrapper .promo-page .fadeOutRight,
#emea-wrapper .wsbk .fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
#emea-wrapper .promo-page .fadeOutRightBig,
#emea-wrapper .wsbk .fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
#emea-wrapper .promo-page .fadeOutUp,
#emea-wrapper .wsbk .fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
#emea-wrapper .promo-page .fadeOutUpBig,
#emea-wrapper .wsbk .fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
-ms-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
#emea-wrapper .promo-page .animated.flip,
#emea-wrapper .wsbk .animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-ms-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
-ms-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
#emea-wrapper .promo-page .flipInX,
#emea-wrapper .wsbk .flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
-ms-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
-ms-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
}
#emea-wrapper .promo-page .flipInY,
#emea-wrapper .wsbk .flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-ms-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .flipOutX,
#emea-wrapper .wsbk .flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
-ms-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .flipOutY,
#emea-wrapper .wsbk .flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .lightSpeedIn,
#emea-wrapper .wsbk .lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .lightSpeedOut,
#emea-wrapper .wsbk .lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .rotateIn,
#emea-wrapper .wsbk .rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .rotateInDownLeft,
#emea-wrapper .wsbk .rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .rotateInDownRight,
#emea-wrapper .wsbk .rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .rotateInUpLeft,
#emea-wrapper .wsbk .rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
}
}
#emea-wrapper .promo-page .rotateInUpRight,
#emea-wrapper .wsbk .rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .rotateOut,
#emea-wrapper .wsbk .rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .rotateOutDownLeft,
#emea-wrapper .wsbk .rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .rotateOutDownRight,
#emea-wrapper .wsbk .rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .rotateOutUpLeft,
#emea-wrapper .wsbk .rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
#emea-wrapper .promo-page .rotateOutUpRight,
#emea-wrapper .wsbk .rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
#emea-wrapper .promo-page .hinge,
#emea-wrapper .wsbk .hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
#emea-wrapper .promo-page .rollIn,
#emea-wrapper .wsbk .rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
-ms-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
#emea-wrapper .promo-page .rollOut,
#emea-wrapper .wsbk .rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
#emea-wrapper .promo-page .zoomIn,
#emea-wrapper .wsbk .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomInDown,
#emea-wrapper .wsbk .zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomInLeft,
#emea-wrapper .wsbk .zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomInRight,
#emea-wrapper .wsbk .zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomInUp,
#emea-wrapper .wsbk .zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
#emea-wrapper .promo-page .zoomOut,
#emea-wrapper .wsbk .zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomOutDown,
#emea-wrapper .wsbk .zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
#emea-wrapper .promo-page .zoomOutLeft,
#emea-wrapper .wsbk .zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
#emea-wrapper .promo-page .zoomOutRight,
#emea-wrapper .wsbk .zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
#emea-wrapper .promo-page .zoomOutUp,
#emea-wrapper .wsbk .zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
#emea-wrapper .promo-page ol,
#emea-wrapper .promo-page ul {
padding-left: 0;
}
#emea-wrapper .promo-page ul li {
list-style: none;
}
#emea-wrapper .promo-page a {
transition: all 0.15s linear;
}
#emea-wrapper .promo-page p {
font-size: 16px;
font-weight: 300;
line-height: 2em;
margin-bottom: 10px;
}
#emea-wrapper .promo-page button {
transition: all 0.15s linear;
}
#emea-wrapper .promo-page::-webkit-input-placeholder {
color: #fff;
}
#emea-wrapper .promo-page:-moz-placeholder,
#emea-wrapper .promo-page::-moz-placeholder {
color: #fff;
}
#emea-wrapper .promo-page:-ms-input-placeholder {
color: #fff;
}
#emea-wrapper .promo-page .btn:active,
#emea-wrapper .promo-page .btn:focus {
outline: none;
}
#emea-wrapper .promo-page *,
#emea-wrapper .promo-page:after,
#emea-wrapper .promo-page:before {
-webkit-border-sizing: border-box;
-moz-border-sizing: border-box;
border-sizing: border-box;
}
#emea-wrapper .promo-page figure img {
display: block;
margin: 0 auto;
}
#emea-wrapper .promo-page .nopadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
#emea-wrapper .promo-page .animated {
visibility: visible !important;
}
#emea-wrapper .promo-page .nav-tabs {
border: none;
display: table;
margin: 0 auto;
}
#emea-wrapper .promo-page .nav-tabs > li {
margin-left: -3px;
}
#emea-wrapper .promo-page .nav-tabs > li > a {
border: 1px solid #e1e1e1;
border-radius: 0;
padding: 18px 0;
width: 208px;
text-align: center;
font-weight: 700;
color: #282828;
}
#emea-wrapper .promo-page .nav-tabs > li > a:hover {
color: #fff;
}
#emea-wrapper .promo-page .nav-tabs > li:first-child > a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#emea-wrapper .promo-page .nav-tabs > li:last-child > a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#emea-wrapper .promo-page .nav-tabs > li.active > a,
#emea-wrapper .promo-page .nav-tabs > li.active > a:focus,
#emea-wrapper .promo-page .nav-tabs > li.active > a:hover {
z-index: 100;
color: #fff;
}
#emea-wrapper .promo-page .nav-tabs > li.active > a {
color: #fff;
}
#emea-wrapper .promo-page h1 {
font-size: 42px;
}
#emea-wrapper .promo-page h2 {
font-size: 38px;
}
#emea-wrapper .promo-page h3 {
font-size: 24px;
}
#emea-wrapper .promo-page h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
#emea-wrapper .promo-page .btn {
border: 1px solid;
background: transparent;
color: #fff;
font-weight: 600;
font-size: 18px;
padding: 17px 45px;
border-radius: 3px;
}
#emea-wrapper .promo-page .btn:focus,
#emea-wrapper .promo-page .btn:hover {
color: #fff;
}
#emea-wrapper .promo-page .btn-custom-border {
color: #282828;
}
#emea-wrapper .promo-page .btn-send {
height: 62px;
margin: 0 0 0 5px;
vertical-align: top;
}
#emea-wrapper .promo-page .btn i {
padding-right: 5px;
}
#emea-wrapper .promo-page .btn-slide {
width: 55px;
height: 55px;
line-height: 53px;
border-radius: 4px;
color: #fff;
font-size: 42px;
text-align: center;
vertical-align: middle;
transition: all 0.15s linear;
}
#emea-wrapper .promo-page .underline {
display: inline-block;
width: 160px;
height: 1px;
margin-top: 21px;
}
#emea-wrapper .promo-page .underline-small {
display: inline-block;
width: 160px;
margin: 0 auto;
height: 1px;
}
#emea-wrapper .promo-page .divider {
width: 100%;
height: 1px;
border-top: 1px solid #e1e1e1;
}
#emea-wrapper .promo-page section {
padding: 100px 0;
}
#emea-wrapper .promo-page .section-head {
font-size: 18px;
text-align: center;
margin-bottom: 70px;
}
#emea-wrapper .promo-page .section-head p {
margin-bottom: 0;
}
#emea-wrapper .promo-page .preloader {
display: block;
position: fixed;
width: 100%;
height: 100%;
z-index: 9999999;
background-color: #fff;
top: 0;
left: 0;
color: #e1e1e1;
}
#emea-wrapper .promo-page .preloader .preloader-content-wrapper {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
#emea-wrapper .promo-page .preloader .preloader-content {
display: table-cell;
vertical-align: middle;
}
#emea-wrapper .promo-page .sub-navbar {
min-height: 80px;
background-color: #fff;
border: none;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: .2s;
-webkit-animation-duration: .2s;
opacity: 0;
margin-top: -80px;
margin-bottom: 0;
}
#emea-wrapper .promo-page .sub-navbar.fixednav {
animation-name: slideDown;
-webkit-animation-name: slideDown;
animation-duration: .5s;
-webkit-animation-duration: .5s;
opacity: 1 !important;
z-index: 9999;
margin-top: 0;
}
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a {
font-size: 14px;
font-weight: 700;
color: #282828;
padding-top: 30px;
padding-bottom: 30px;
}
#emea-wrapper .promo-page .intro {
background-image: unset;
background-attachment: fixed;
background-size: cover;
background-color: transparent !important;
}
#emea-wrapper .promo-page .intro .intro-video {
left: 0;
bottom: 0;
position: fixed;
width: 100%;
z-index: -20;
}
@media (max-width: 660px) {
#emea-wrapper .promo-page .intro .intro-video {
position: absolute;
width: auto;
left: -50%;
}
}
#emea-wrapper .promo-page .intro .intro-section {
max-width: 675px;
padding: 130px 0;
margin: 0 auto;
text-align: center;
}
#emea-wrapper .promo-page .intro .intro-section h1 {
color: #fff;
padding: 50px 0;
line-height: 1.3em;
}
#emea-wrapper .promo-page .intro .intro-section .btn-custom-border {
color: #fff;
}
#emea-wrapper .promo-page a.mouse {
background-image: url(sitefiles/dist/07ac620c22469e92c2fd65774429ba2b.png);
background-repeat: no-repeat;
width: 25px;
height: 38px;
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -12px;
}
#emea-wrapper .promo-page a.mouse i {
position: relative;
color: #fff;
}
#emea-wrapper .promo-page .features {
background: #f9f9f9;
}
#emea-wrapper .promo-page .features .features-left {
text-align: right;
margin-top: 32px;
}
#emea-wrapper .promo-page .features .features-left .icon-container {
float: right;
margin-left: 40px;
}
#emea-wrapper .promo-page .features .features-right {
text-align: left;
margin-top: 32px;
}
#emea-wrapper .promo-page .features .features-right .icon-container {
float: left;
margin-right: 40px;
}
#emea-wrapper .promo-page .features .feature {
margin-bottom: 23px;
}
#emea-wrapper .promo-page .features .feature:hover .icon-container .icon {
color: #fff;
}
#emea-wrapper .promo-page .features .feature h4 {
margin-bottom: 20px;
}
#emea-wrapper .promo-page .features .feature .icon-container {
display: block;
min-height: 120px;
}
#emea-wrapper .promo-page .features .feature .icon-container .icon {
width: 80px;
height: 80px;
border-radius: 50%;
line-height: 80px;
font-size: 32px;
text-align: center;
transition: all 0.15s linear;
}
#emea-wrapper .promo-page .features figure img {
margin: 0 auto;
display: block;
}
#emea-wrapper .promo-page .client-data {
border-right: 1px solid #e1e1e1;
}
#emea-wrapper .promo-page .client-image {
float: left;
}
#emea-wrapper .promo-page .client-image img {
border: 7px solid #f2f2f2;
border-radius: 50%;
}
#emea-wrapper .promo-page .client-name {
float: left;
padding: 60px 0 0 20px;
}
#emea-wrapper .promo-page .client-name h4 {
margin-bottom: 0;
}
#emea-wrapper .promo-page .client-quote {
padding: 40px 0 0 20px;
}
#emea-wrapper .promo-page .service {
text-align: center;
margin: 0;
transition: all 0.15s linear;
}
#emea-wrapper .promo-page .service:hover {
margin-top: -10px;
}
#emea-wrapper .promo-page .service i {
font-size: 42px;
margin-bottom: 30px;
}
#emea-wrapper .promo-page .newsletter {
background-image: url(sitefiles/dist/156748ed767e466fcbf35ed30dc7ac6f.jpg);
background-size: cover;
}
#emea-wrapper .promo-page .newsletter .section-head {
color: #fff;
}
#emea-wrapper .promo-page .newsletter .form {
display: block;
margin: 0 auto;
text-align: center;
}
#emea-wrapper .promo-page .newsletter input {
height: 62px;
width: 500px;
padding: 20px;
background: none;
color: #fff;
border-radius: 3px;
}
#emea-wrapper .promo-page .newsletter #message,
#emea-wrapper .promo-page .newsletter #success_page p {
color: #fff;
font-size: 18px;
}
#emea-wrapper .promo-page .screens .owl-prev {
position: absolute;
left: -27px;
top: 50%;
margin-top: -26px;
}
#emea-wrapper .promo-page .screens .owl-next {
position: absolute;
right: 5px;
top: 50%;
margin-top: -26px;
}
#emea-wrapper .promo-page .super-draw {
background-size: cover;
}
#emea-wrapper .promo-page .super-draw .section-head {
color: #fff;
}
#emea-wrapper .promo-page .super-draw .form {
display: block;
margin: 0 auto;
text-align: center;
}
#emea-wrapper .promo-page .super-draw input {
height: 62px;
width: 500px;
padding: 20px;
background: #fff;
border-radius: 3px;
}
#emea-wrapper .promo-page .super-draw #message,
#emea-wrapper .promo-page .super-draw #success_page p {
color: #fff;
font-size: 18px;
}
#emea-wrapper .promo-page .small-slider .owl-prev {
position: absolute;
left: 0;
top: 50%;
margin-top: -26px;
}
#emea-wrapper .promo-page .small-slider .owl-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -26px;
}
#emea-wrapper .promo-page .screens .screen a {
display: inline-block;
position: relative;
}
#emea-wrapper .promo-page .screens .screen img {
border-radius: 4px;
}
#emea-wrapper .promo-page .hover-screen {
position: absolute;
top: 50%;
margin-top: -40px;
left: 50%;
margin-left: -40px;
opacity: 0;
transition: all 0.1s ease-out;
}
#emea-wrapper .promo-page .hover-screen .fa {
height: 80px;
width: 80px;
border: 1px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
}
#emea-wrapper .promo-page .screen a:hover .hover-screen {
opacity: 1;
}
#emea-wrapper .promo-page .screen a:hover .hover-screen .fa {
font-size: 24px;
color: #fff;
text-align: center;
line-height: 80px;
transition: all 0.15s linear;
}
#emea-wrapper .promo-page .screens .screen .hover-screen i:hover {
background-color: #fff;
}
#emea-wrapper .promo-page .brief-content {
max-width: 500px;
}
#emea-wrapper .promo-page .brief-content h1 {
line-height: 1.3em;
}
#emea-wrapper .promo-page .brief-content .underline {
margin-top: 30px;
margin-bottom: 20px;
}
#emea-wrapper .promo-page .brief-content .btn {
margin-top: 25px;
}
#emea-wrapper .promo-page .brief figure img {
max-height: 525px;
}
#emea-wrapper .promo-page .packages {
background: #f9f9f9;
text-align: center;
}
#emea-wrapper .promo-page .packages .package {
border: 1px solid #e1e1e1;
border-radius: 4px;
padding: 30px 0;
}
#emea-wrapper .promo-page .packages .package.featured {
padding: 45px 0;
margin-top: -15px;
}
#emea-wrapper .promo-page .packages .package .package-price {
font-size: 30px;
font-weight: 300;
display: block;
}
#emea-wrapper .promo-page .packages .package .package-features ul li {
margin: 15px 0;
}
#emea-wrapper .promo-page .packages .package .btn {
margin-top: 10px;
width: 208px;
}
#emea-wrapper .promo-page ul.extra-features {
max-width: 470px;
margin-top: 50px;
}
#emea-wrapper .promo-page ul.extra-features li {
display: inline-block;
margin-bottom: 20px;
}
#emea-wrapper .promo-page ul.extra-features .icon {
width: 55px;
height: 55px;
margin-right: 10px;
float: left;
text-align: center;
}
#emea-wrapper .promo-page ul.extra-features i {
font-size: 38px;
}
#emea-wrapper .promo-page .tabs {
margin-bottom: 50px;
}
#emea-wrapper .promo-page .video {
background-image: url(sitefiles/dist/646fb360f58fa3135d92be55a54ab07f.jpg);
background-attachment: fixed;
background-size: cover;
}
#emea-wrapper .promo-page .video .brief-content {
color: #fff;
}
#emea-wrapper .promo-page .customers {
padding: 50px 0;
background: #f9f9f9;
}
#emea-wrapper .promo-page .customers .customer-slider .item img {
display: block;
margin: 0 auto;
opacity: 0.5;
}
#emea-wrapper .promo-page .customers .customer-slider .item:hover img {
opacity: 1;
}
#emea-wrapper .promo-page .download .btn {
width: 208px;
padding: 17px 0;
}
#emea-wrapper .promo-page .download .list-inline {
display: table;
margin: 0 auto;
}
#emea-wrapper .promo-page .footer {
padding: 100px 0 20px;
background-color: #f2f2f2;
}
#emea-wrapper .promo-page .footer .underline-small {
margin: 20px auto;
}
#emea-wrapper .promo-page .footer span.jobs {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin-left: 8px;
color: #fff;
border-radius: 4px;
padding: 3px 8px;
position: relative;
}
#emea-wrapper .promo-page .footer span.jobs:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 5px;
margin-top: -5px;
}
#emea-wrapper .promo-page .footer small {
font-size: 13px;
color: #666;
}
#emea-wrapper .promo-page .footer img {
margin-bottom: 30px;
}
#emea-wrapper .promo-page .footer ul {
margin-bottom: 40px;
}
#emea-wrapper .promo-page .footer ul li {
margin-bottom: 10px;
font-size: 14px;
}
#emea-wrapper .promo-page .footer a,
#emea-wrapper .promo-page .footer p {
font-size: 14px;
}
#emea-wrapper .promo-page .footer i {
font-size: 16px;
}
#emea-wrapper .promo-page .footer h4 {
margin-bottom: 5px;
}
@media (max-width: 991px) {
#emea-wrapper .promo-page .intro,
#emea-wrapper .promo-page .newsletter,
#emea-wrapper .promo-page .video {
background-attachment: scroll;
}
#emea-wrapper .promo-page a.mouse {
display: none;
}
#emea-wrapper .promo-page .intro .intro-slider .container {
text-align: center;
}
#emea-wrapper .promo-page .intro .intro-slider .container .paddingtop {
margin-top: 0;
}
#emea-wrapper .promo-page .intro .intro-slider .container figure img {
max-height: 400px;
}
}
@media only screen and (min-width: 992px) {
#emea-wrapper .promo-page .intro .owl-controls {
bottom: 100px;
}
}
@media (max-width: 991px) {
#emea-wrapper .promo-page .intro .intro-slider .container {
padding: 120px 0;
}
#emea-wrapper .promo-page .intro .intro-slider,
#emea-wrapper .promo-page .intro .intro-slider .item {
height: auto;
}
#emea-wrapper .promo-page .intro .intro-slider .logo {
padding-bottom: 30px;
}
#emea-wrapper .promo-page .intro .intro-slider .btn.btn-custom {
margin-bottom: 10px;
}
#emea-wrapper .promo-page .intro .intro-slider .btn-custom-border,
#emea-wrapper .promo-page .intro .intro-slider .btn.btn-custom {
min-width: 206px;
}
#emea-wrapper .promo-page .sub-navbar .sub-nav > li > a {
padding: 30px 10px;
}
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a {
font-size: 12px;
}
#emea-wrapper .promo-page .nav-tabs > li > a {
width: 209px;
}
#emea-wrapper .promo-page .intro .intro-section {
padding: 0;
}
#emea-wrapper .promo-page .features .feature h4 {
margin-bottom: 5px;
}
#emea-wrapper .promo-page .features .features-left,
#emea-wrapper .promo-page .features .features-right {
margin: 0;
text-align: center;
}
#emea-wrapper .promo-page .features .features-left .icon-container,
#emea-wrapper .promo-page .features .features-right .icon-container {
float: none;
margin: 0;
min-height: 100px;
}
#emea-wrapper .promo-page .features .features-left .icon-container .icon,
#emea-wrapper .promo-page .features .features-right .icon-container .icon {
margin: 0 auto;
}
#emea-wrapper .promo-page .features .image-features {
margin-bottom: 30px;
}
#emea-wrapper .promo-page .client-image,
#emea-wrapper .promo-page .client-name {
float: none;
}
#emea-wrapper .promo-page .client-data {
border: none;
}
#emea-wrapper .promo-page .client-image img {
margin: 0 auto;
display: block;
}
#emea-wrapper .promo-page .client-name {
text-align: center;
padding: 0;
margin-top: 10px;
}
#emea-wrapper .promo-page .client-quote {
padding: 10px 0 0;
text-align: center;
}
#emea-wrapper .promo-page .service {
margin-bottom: 30px;
}
#emea-wrapper .promo-page .service:hover {
margin-top: 0;
}
#emea-wrapper .promo-page .screen img {
display: block;
width: 98%;
height: auto;
}
#emea-wrapper .promo-page .screens .owl-next {
right: -24px;
}
#emea-wrapper .promo-page .brief-content {
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
#emea-wrapper .promo-page .packages .package {
margin-bottom: 20px;
}
#emea-wrapper .promo-page .packages .package.featured {
margin-top: 0;
padding: 30px 0;
}
#emea-wrapper .promo-page ul.extra-features {
max-width: 100%;
}
#emea-wrapper .promo-page .list-inline {
margin-left: 0;
}
#emea-wrapper .promo-page .tabs {
margin-top: 0;
}
#emea-wrapper .promo-page .tab-pane figure {
margin-bottom: 20px;
}
#emea-wrapper .promo-page .video-item {
margin-bottom: 30px;
}
}
@media (max-width: 659px) {
#emea-wrapper .promo-page .intro .intro-slider .container {
text-align: center;
padding: 50px 0;
}
#emea-wrapper .promo-page .intro .intro-slider .container h1 {
font-size: 32px;
}
#emea-wrapper .promo-page .intro .intro-slider,
#emea-wrapper .promo-page .intro .intro-slider .item {
height: 500px;
}
#emea-wrapper .promo-page .intro .intro-slider .phone {
display: none;
}
#emea-wrapper .promo-page .intro .intro-section .btn-custom-border {
margin-bottom: 0;
}
#emea-wrapper .promo-page .btn-custom-border {
background: #0099e6;
color: #fff;
}
#emea-wrapper .promo-page .sub-navbar .sub-nav > li > a {
padding: 10px 20px;
font-size: 14px;
}
#emea-wrapper .promo-page .sub-nav.navbar-nav.pull-right {
float: left !important;
}
#emea-wrapper .promo-page .sub-navbar-header {
height: 80px;
}
#emea-wrapper .promo-page .sub-navbar-toggle {
font-weight: 600;
margin-top: 18px;
color: #fff;
}
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:focus,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:hover {
color: #fff;
}
#emea-wrapper .promo-page .nav-tabs {
display: block;
}
#emea-wrapper .promo-page .nav-tabs > li {
float: none;
width: 100%;
display: block;
}
#emea-wrapper .promo-page .nav-tabs > li > a {
width: 100%;
}
#emea-wrapper .promo-page .nav-tabs > li:first-child > a {
border-top-right-radius: 4px;
border-bottom-left-radius: 0;
}
#emea-wrapper .promo-page .nav-tabs > li:last-child > a {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
}
#emea-wrapper .promo-page .newsletter input {
width: 100%;
}
#emea-wrapper .promo-page .newsletter .btn-send {
display: block;
margin: 10px auto;
width: 100%;
}
#emea-wrapper .promo-page .download .list-inline > li {
display: block;
margin-bottom: 10px;
}
#emea-wrapper .promo-page .footer {
text-align: center;
}
}
@media (max-width: 480px) {
#emea-wrapper .promo-page .intro .intro-slider .container {
text-align: center;
padding: 30px 0;
}
#emea-wrapper .promo-page .intro .intro-slider .container h1 {
font-size: 24px;
}
#emea-wrapper .promo-page .intro .intro-section .btn-custom,
#emea-wrapper .promo-page .intro .intro-section .btn-custom-border,
#emea-wrapper .promo-page .intro .intro-slider .btn-custom,
#emea-wrapper .promo-page .intro .intro-slider .btn-custom-border {
width: 208px;
margin-bottom: 10px !important;
}
#emea-wrapper .promo-page .features figure img,
#emea-wrapper .promo-page .newsletter input {
width: 100%;
}
#emea-wrapper .promo-page .newsletter .btn-send {
width: 100%;
margin: 10px auto;
display: block;
}
#emea-wrapper .promo-page .screen img {
width: 100%;
}
#emea-wrapper .promo-page .owl-theme .owl-controls {
position: relative;
}
#emea-wrapper .promo-page .screens .owl-next {
right: 0;
z-index: 100;
}
#emea-wrapper .promo-page .screens .owl-prev {
left: 0;
z-index: 100;
}
#emea-wrapper .promo-page .small-slider {
margin-top: 30px;
}
#emea-wrapper .promo-page .brief figure img {
max-height: 375px;
}
#emea-wrapper .promo-page .nav-tabs {
display: block;
}
#emea-wrapper .promo-page .nav-tabs > li {
float: none;
width: 100%;
display: block;
}
#emea-wrapper .promo-page .nav-tabs > li > a {
width: 100%;
}
#emea-wrapper .promo-page .nav-tabs > li:first-child > a {
border-top-right-radius: 4px;
border-bottom-left-radius: 0;
}
#emea-wrapper .promo-page .nav-tabs > li:last-child > a {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
}
#emea-wrapper .promo-page .tab-content figure img {
width: 100%;
z-index: 0;
}
#emea-wrapper .promo-page .download .list-inline {
text-align: center;
}
#emea-wrapper .promo-page .download .btn {
margin-bottom: 10px;
}
}
#emea-wrapper .promo-page .nav-tabs > li > a:hover {
background-color: #0099e6;
border-color: #0099e6;
}
#emea-wrapper .promo-page .nav-tabs > li.active > a,
#emea-wrapper .promo-page .nav-tabs > li.active > a:focus,
#emea-wrapper .promo-page .nav-tabs > li.active > a:hover {
background-color: #08c;
border: 1px solid #08c;
}
#emea-wrapper .promo-page .btn-custom {
border-color: #0099e6;
background-color: #0099e6;
}
#emea-wrapper .promo-page .btn-custom-border {
background: transparent;
border-color: #0099e6;
color: #fff;
}
#emea-wrapper .promo-page .features .feature .icon-container .icon {
border: 1px solid #0099e6;
}
#emea-wrapper .promo-page .btn-send,
#emea-wrapper .promo-page .newsletter input {
border: 1px solid #fff;
}
#emea-wrapper .promo-page .btn-custom-border:hover,
#emea-wrapper .promo-page .btn-custom:hover,
#emea-wrapper .promo-page .btn-send:active,
#emea-wrapper .promo-page .btn-send:hover,
#emea-wrapper .promo-page .btn-slide:hover,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:focus,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:hover,
#emea-wrapper .promo-page .sub-navbar-toggle {
background-color: #08c;
border-color: #08c;
}
#emea-wrapper .promo-page .btn-slide,
#emea-wrapper .promo-page .features .feature:hover .icon-container .icon,
#emea-wrapper .promo-page .footer span.jobs {
background-color: #0099e6;
}
#emea-wrapper .promo-page .underline {
border-top: 4px solid #0099e6;
}
#emea-wrapper .promo-page .underline-small {
border-top: 2px solid #0099e6;
}
#emea-wrapper .promo-page .features .feature .icon-container .icon,
#emea-wrapper .promo-page .footer a:hover,
#emea-wrapper .promo-page .footer i:hover,
#emea-wrapper .promo-page .navbar-nav > li.current a,
#emea-wrapper .promo-page .packages .package.featured .package-name,
#emea-wrapper .promo-page .screens .screen .hover-screen i:hover,
#emea-wrapper .promo-page .service:hover h4,
#emea-wrapper .promo-page .service i,
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a:focus,
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a:hover,
#emea-wrapper .promo-page ul.extra-features i {
color: #0099e6;
}
#emea-wrapper .promo-page .footer span.jobs:after {
border-right-color: #0099e6;
}
#emea-wrapper .promo-page h1,
#emea-wrapper .promo-page h2,
#emea-wrapper .promo-page h3,
#emea-wrapper .promo-page h4,
#emea-wrapper .promo-page h5 {
margin: 0;
padding: 0;
font-family: HelveticaNeueLTStd-BdEx;
text-transform: uppercase;
}
#emea-wrapper .promo-page h1 {
font-size: 30px;
font-weight: 300;
margin-bottom: 15px;
}
#emea-wrapper .promo-page .navbar-brand img {
max-height: 60px;
}
#emea-wrapper .promo-page .sub-nav:after,
#emea-wrapper .promo-page .sub-nav:before,
#emea-wrapper .promo-page .sub-navbar-collapse:after,
#emea-wrapper .promo-page .sub-navbar-collapse:before,
#emea-wrapper .promo-page .sub-navbar-header:after,
#emea-wrapper .promo-page .sub-navbar-header:before,
#emea-wrapper .promo-page .sub-navbar:after,
#emea-wrapper .promo-page .sub-navbar:before {
display: table;
content: " ";
}
#emea-wrapper .promo-page .sub-navbar {
background-color: #db011c;
}
@media (min-width: 660px) {
#emea-wrapper .promo-page .sub-navbar-header {
float: left;
}
}
@media (max-width: 659px) {
#emea-wrapper .promo-page .sub-navbar-header {
height: 90px;
}
}
#emea-wrapper .promo-page .container-fluid > .sub-navbar-collapse,
#emea-wrapper .promo-page .container-fluid > .sub-navbar-header,
#emea-wrapper .promo-page .container > .sub-navbar-collapse,
#emea-wrapper .promo-page .container > .sub-navbar-header {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 660px) {
#emea-wrapper .promo-page .container-fluid > .sub-navbar-collapse,
#emea-wrapper .promo-page .container-fluid > .sub-navbar-header,
#emea-wrapper .promo-page .container > .sub-navbar-collapse,
#emea-wrapper .promo-page .container > .sub-navbar-header {
margin-right: 0;
margin-left: 0;
}
}
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:focus,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:hover,
#emea-wrapper .promo-page .sub-navbar-toggle {
background-color: #08c;
border-color: #08c;
}
@media (max-width: 659px) {
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav {
margin: 7.5px 0;
}
}
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li.current a {
color: #3a3c3c;
}
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a {
color: #fff;
}
@media (max-width: 659px) {
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a {
padding: 10px 20px;
}
}
#emea-wrapper .promo-page .sub-navbar-default .navbar-nav > li > a:hover {
color: #3a3c3c;
}
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:focus,
#emea-wrapper .promo-page .sub-navbar-default .sub-navbar-toggle:hover,
#emea-wrapper .promo-page .sub-navbar-toggle {
background-color: #fff;
border-color: #fff;
color: #3a3c3c;
}
#emea-wrapper .promo-page .sub-navbar-toggle {
position: relative;
float: right;
padding: 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
line-height: 1;
width: auto;
height: auto;
}
@media (min-width: 660px) {
#emea-wrapper .promo-page .sub-navbar-toggle {
display: none;
}
}
#emea-wrapper .promo-page .sub-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
#emea-wrapper .promo-page .sub-nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
#emea-wrapper .promo-page .row-centered {
text-align: center;
}
#emea-wrapper .promo-page .col-centered {
display: inline-table;
float: none;
text-align: left;
margin-right: -4px;
}
#emea-wrapper .promo-page .col-centered.promo-product-item {
max-width: 100%;
vertical-align: text-top;
}
#emea-wrapper .promo-page .promo-page-section,
#emea-wrapper .promo-page section {
background-color: #fff;
padding: 60px 0;
background-position: 50%;
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .promo-page-section,
#emea-wrapper .promo-page section {
padding: 100px 0;
}
}
#emea-wrapper .promo-page .promo-page-section.packages,
#emea-wrapper .promo-page section.packages {
background-color: #c2c2c2;
}
#emea-wrapper .promo-page .landing__countdown {
margin: 60px auto 0;
width: 50%;
text-align: center;
}
#emea-wrapper .promo-page .landing__countdown .countdown__pane {
display: table;
width: 100%;
}
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell {
display: table-cell;
width: 25%;
}
@media (max-width: 768px) {
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell {
display: inline-block;
width: 50%;
}
}
@media (max-width: 500px) {
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell {
display: block;
width: 100%;
margin: 0 auto;
}
}
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell span {
font-size: 6em;
line-height: 1em;
}
@media (max-width: 991px) {
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell span {
font-size: 6em;
}
}
#emea-wrapper .promo-page .landing__countdown .countdown__pane .cell h3 {
margin: 0;
}
#emea-wrapper .promo-page .section-head {
margin-bottom: 40px;
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .section-head {
margin-bottom: 70px;
}
}
#emea-wrapper .promo-page .underline {
margin-bottom: 20px;
}
@media (max-width: 991px) {
#emea-wrapper .promo-page .promo-brief-content {
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
}
#emea-wrapper .promo-page .intro a:after {
display: none;
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section {
min-height: 600px;
max-width: none;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .top-left {
padding-top: 0;
position: absolute;
top: 20px;
left: 70px;
max-width: 45%;
text-align: left;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .top-middle {
padding-top: 0;
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
max-width: 50%;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .top-right {
padding-top: 0;
position: absolute;
top: 20px;
right: 70px;
max-width: 45%;
text-align: left;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .bot-left {
padding-bottom: 0;
position: absolute;
bottom: 120px;
left: 70px;
max-width: 50%;
text-align: left;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .bot-middle {
padding-bottom: 0;
position: absolute;
bottom: 120px;
left: 50%;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
max-width: 45%;
}
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .intro .intro-section .bot-right {
padding-bottom: 0;
position: absolute;
bottom: 120px;
right: 70px;
max-width: 45%;
text-align: left;
}
}
#emea-wrapper .promo-page .features .feature:hover .icon-container i {
color: #fff;
}
#emea-wrapper .promo-page .features .feature:hover .icon-container .icon {
background-color: #db011c;
}
#emea-wrapper .promo-page .features .feature:hover .icon-container .icon:before {
background-position: left -8px;
}
#emea-wrapper .promo-page .features .feature .icon-container i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
color: #db011c;
}
#emea-wrapper .promo-page .features .feature .icon-container .icon {
position: relative;
border-color: #db011c;
width: 65px;
height: 65px;
}
#emea-wrapper .promo-page .features .feature .icon-container .icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 22px;
background-image: url(sitefiles/dist/686608a97ab859f2003fa1aedc7868b9.png);
background-position: 0 100%;
}
#emea-wrapper .promo-page .features .fetaure-details,
#emea-wrapper .promo-page .features .icon-container {
margin-bottom: 10px;
}
#emea-wrapper .promo-page .features .fetaure-details .main-color,
#emea-wrapper .promo-page .features .icon-container .main-color {
font-weight: 700;
}
#emea-wrapper .promo-page .features .features-left {
text-align: center;
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .features .features-left {
text-align: right;
}
}
#emea-wrapper .promo-page .features .features-left .icon-container {
margin-left: 0;
}
#emea-wrapper .promo-page .features .features-right {
text-align: center;
}
@media (min-width: 992px) {
#emea-wrapper .promo-page .features .features-right {
text-align: left;
}
}
#emea-wrapper .promo-page .features .features-right .icon-container {
margin-right: 0;
}
#emea-wrapper .promo-page .service {
position: relative;
top: 0;
}
#emea-wrapper .promo-page .service .icon {
margin: 15px auto;
position: relative;
width: 50px;
height: 22px;
}
#emea-wrapper .promo-page .service .icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 22px;
background-image: url(sitefiles/dist/686608a97ab859f2003fa1aedc7868b9.png);
background-position: 0 100%;
}
#emea-wrapper .promo-page .service:hover {
margin-top: 0;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
#emea-wrapper .promo-page .service:hover h4 {
color: #db011c;
}
#emea-wrapper .promo-page .super-draw .col-centered {
vertical-align: top;
}
#emea-wrapper .promo-page .super-draw__submit-btn {
text-align: right;
vertical-align: top;
}
#emea-wrapper .promo-page .super-draw input {
width: 100%;
}
#emea-wrapper .promo-page .super-draw .emailArea {
clear: none;
}
#emea-wrapper .promo-page .super-draw .emailArea input[type=submit] {
position: relative;
top: auto;
right: auto;
padding: 15px;
width: 100%;
max-width: 400px;
height: 62px;
}
#emea-wrapper .promo-page .super-draw .submit-area {
margin-top: 10px;
}
#emea-wrapper .promo-page .super-draw .btn-submit {
background-color: #de000c;
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
font-size: 26px;
line-height: 26px;
}
#emea-wrapper .promo-page .super-draw .file-upload-hidden {
opacity: 0;
}
#emea-wrapper .promo-page .super-draw .file-upload-input {
position: relative;
top: -63px;
cursor: pointer;
border-color: #db011c;
}
#emea-wrapper .promo-page .super-draw .reason-why-text {
border-color: #db011c;
}
#emea-wrapper .promo-page .super-draw .terms-group {
padding-top: 20px;
}
@media (max-width: 768px) {
#emea-wrapper .promo-page .super-draw .terms-group {
padding: 0;
position: relative;
top: -63px;
}
}
#emea-wrapper .promo-page .super-draw .chosen-container {
margin-bottom: 0;
}
#emea-wrapper .promo-page .super-draw .chosen-container-single .chosen-single {
display: block;
height: 62px;
padding: 20px;
background: #fff;
border-radius: 3px;
text-align: left;
}
#emea-wrapper .promo-page .super-draw .chosen-container-single .chosen-single span {
line-height: 1.42857143;
font-size: 100%;
font-family: HelveticaNeueMed;
}
#emea-wrapper .promo-page .super-draw .chosen-container-single .chosen-single:hover {
color: inherit;
border: 1px solid;
}
#emea-wrapper .promo-page .super-draw .checkLbl {
display: block;
float: left;
margin: 0 5px 0 0;
}
#emea-wrapper .promo-page .super-draw input[type=checkbox] + .checkLbl span {
display: block;
float: left;
margin-right: 5px;
width: 31px;
height: 31px;
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 5px -307px #fff;
cursor: pointer;
border: 1px solid #a8a8a8;
}
#emea-wrapper .promo-page .super-draw input[type=checkbox] + .checkLbl p {
line-height: 21px;
cursor: pointer;
}
#emea-wrapper .promo-page .super-draw input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 5px -280px #fff;
}
#emea-wrapper .promo-page .super-draw .check-area {
padding-top: 20px;
}
#emea-wrapper .promo-page .super-draw .checkbox {
float: left;
padding: 0;
margin: 0;
}
#emea-wrapper .promo-page .super-draw .terms-btn-text {
font-size: 16px;
font-weight: 300;
line-height: 2em;
margin-bottom: 10px;
cursor: pointer;
text-decoration: underline;
}
#emea-wrapper .promo-page .super-draw #win-terms-text {
overflow: hidden;
opacity: 0;
background: #db011c;
text-align: left;
color: #fff;
position: fixed;
z-index: -300;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
font-size: 2.76923077em;
line-height: 36px;
transition: 0.5s ease-in-out;
}
#emea-wrapper .promo-page .super-draw #win-terms-text .close-terms {
position: absolute;
top: 27px;
right: 27px;
display: block;
width: 60px;
height: 60px;
font-size: 36px;
padding: 9px 14px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
#emea-wrapper .promo-page .super-draw #win-terms-text .close-terms:before {
display: block;
content: "\F00D";
font-family: FontAwesome;
}
#emea-wrapper .promo-page .super-draw #win-terms-text.open-terms {
opacity: .9;
height: 100%;
z-index: 99999;
}
#emea-wrapper .promo-page .super-draw #win-terms-text h1,
#emea-wrapper .promo-page .super-draw #win-terms-text h2 {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
font-family: HelveticaNeueLTStd-BdEx, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.46153846em;
}
@media (max-width: 768px) {
#emea-wrapper .promo-page .super-draw #win-terms-text h1,
#emea-wrapper .promo-page .super-draw #win-terms-text h2 {
font-size: 0.69230769em;
}
}
#emea-wrapper .promo-page .super-draw #win-terms-text .container {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
height: 100%;
}
#emea-wrapper .promo-page .super-draw #win-terms-text .container:after {
content: " ";
background: #db0019;
height: 100%;
width: 17px;
display: block;
position: absolute;
top: 171px;
right: 15px;
}
#emea-wrapper .promo-page .super-draw #win-terms-text .container p {
overflow-x: hidden;
overflow-y: scroll;
height: 90%;
margin: 0 0 10px;
font-size: .53846154em;
line-height: 1.4em;
font-family: Arial;
}
@media (max-width: 768px) {
#emea-wrapper .promo-page .super-draw #win-terms-text .container p {
font-size: 0.38461538em;
}
}
#emea-wrapper .promo-page .newsletter__submit-btn {
text-align: right;
vertical-align: top;
}
#emea-wrapper .promo-page .newsletter input {
width: 100%;
}
#emea-wrapper .promo-page .newsletter .emailArea {
clear: none;
}
#emea-wrapper .promo-page .newsletter .emailArea input[type=submit] {
position: relative;
top: auto;
right: auto;
padding: 15px;
width: auto;
height: 62px;
}
#emea-wrapper .promo-page .delay-longer-2 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
#emea-wrapper .promo-page .delay-longer-3 {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
#emea-wrapper .promo-page .btn-slide {
width: auto;
height: auto;
line-height: normal;
font-size: inherit;
background: none;
}
#emea-wrapper .promo-page .btn-slide:hover {
background: none;
}
#emea-wrapper .promo-page .screens .owl-prev {
left: 10px;
}
#emea-wrapper .promo-page .screens .owl-next {
right: 10px;
}
#emea-wrapper .promo-page .screens .screen {
padding: 0 10px;
}
#emea-wrapper .promo-page .screens .screen a {
display: block;
}
#emea-wrapper .promo-page .packages .package.featured .package-name,
#emea-wrapper .promo-page .screens .screen .hover-screen i:hover,
#emea-wrapper .promo-page ul.extra-features i {
color: #db011c;
}
#emea-wrapper .promo-page .nav-tabs > li.active > a,
#emea-wrapper .promo-page .nav-tabs > li.active > a:focus,
#emea-wrapper .promo-page .nav-tabs > li.active > a:hover {
border-color: #ab0116;
background-color: #ab0116;
}
#emea-wrapper .promo-page .nav-tabs > li > a:hover {
border-color: #db011c;
background-color: #db011c;
}
#emea-wrapper .promo-page .btn.btn-custom-border:hover,
#emea-wrapper .promo-page .btn.btn-custom:hover {
border-color: #ab0116 !important;
background-color: #ab0116 !important;
}
#emea-wrapper .promo-page .promo-product-item img {
padding-bottom: 10px;
}
#emea-wrapper .PromoPage .mainNavArea {
background-color: #db011c;
}
#emea-wrapper .promo-page .img-desktop-show {
display: block;
}
@media (max-width: 678px) {
#emea-wrapper .promo-page .img-desktop-show {
display: none;
}
}
#emea-wrapper .promo-page .img-mobile-show {
display: none;
}
@media (max-width: 678px) {
#emea-wrapper .promo-page .img-mobile-show {
display: block;
}
}
#emea-wrapper .img-full-width {
width: 100%;
}
#emea-wrapper .promo-page #footer-inner {
z-index: 1;
}
#emea-wrapper .promos {
padding: 15px 25px;
background: #323232;
}
#emea-wrapper .promos .owl-item {
padding-left: 7px;
padding-right: 7px;
}
#emea-wrapper .promos .owl-item.loading {
min-height: 0;
}
#emea-wrapper .promos .owl-prev {
position: absolute;
top: 50%;
left: -25px;
}
#emea-wrapper .promos .owl-next {
position: absolute;
top: 50%;
right: -25px;
}
#emea-wrapper .promo-container {
border-right: 25px solid #ab0116;
border-left: 25px solid #ab0116;
}
#emea-wrapper .promo-container + .mainContent {
padding-top: 25px;
padding-bottom: 25px;
}
@media (max-width: 767px) {
#emea-wrapper .promo-container {
margin: 0 -15px;
border: none;
}
#emea-wrapper .promos {
padding: 10px;
}
#emea-wrapper .promo-container + .mainContent {
padding-top: 0;
}
}
@media (max-width: 480px) {
#emea-wrapper .promos .owl-theme .owl-controls .owl-buttons div {
padding: 10px 20px;
margin-top: -27px;
}
}
#emea-wrapper .card {
width: 100%;
height: auto;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
#emea-wrapper .card--large {
margin-top: 15px;
height: auto;
}
@media (max-width: 660px) {
#emea-wrapper .card--large {
margin-top: 15px;
}
}
#emea-wrapper .card--columned {
height: auto;
background-color: #323232;
}
#emea-wrapper .card--columned p {
color: #fff;
font-size: 20px;
}
#emea-wrapper .card--columned a {
font-size: 20px;
}
#emea-wrapper .card--columned h2 {
line-height: 1.1;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 26px;
color: #db011c;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 1550px) {
#emea-wrapper .card--columned h2 {
font-size: 26px;
}
}
#emea-wrapper .card--form {
height: auto;
background-color: #323232;
padding: 40px 60px;
overflow: visible;
}
@media (max-width: 660px) {
#emea-wrapper .card--form {
padding: 25px 15px;
}
}
#emea-wrapper .card--form p,
#emea-wrapper .card--form ul {
color: #fff;
}
#emea-wrapper .card--form .card__select-area,
#emea-wrapper .card--form input,
#emea-wrapper .card--form select {
margin-right: 2%;
margin-bottom: 20px;
font-size: 16px;
display: inline-block;
width: 47%;
height: 45px;
}
@media (max-width: 1200px) {
#emea-wrapper .card--form .card__select-area,
#emea-wrapper .card--form input,
#emea-wrapper .card--form select {
display: block;
width: 100%;
margin-right: 0;
}
}
#emea-wrapper .card--form input:nth-child(2n) {
margin-right: 0;
}
#emea-wrapper .card--form input[type=email],
#emea-wrapper .card--form input[type=text] {
padding: 0 20px;
}
@media (max-width: 992px) {
#emea-wrapper .card--form input[type=email],
#emea-wrapper .card--form input[type=text] {
padding: 0 5px;
}
}
#emea-wrapper .card--form input[type=submit] {
padding: 0 20px;
background: #db011c;
border: none;
text-align: left;
color: #fff;
}
#emea-wrapper .card--form .chosen-container {
margin: 0;
height: 45px;
}
#emea-wrapper .card--form .chosen-container-single .chosen-single {
height: 45px;
padding-left: 20px;
}
@media (max-width: 992px) {
#emea-wrapper .card--form .chosen-container-single .chosen-single {
padding-left: 5px;
}
}
#emea-wrapper .card--form .chosen-container-single .chosen-single:hover {
background: #fff;
border: 1px solid #aaa;
color: #323232;
}
#emea-wrapper .card--form .chosen-container-single .chosen-single div {
position: absolute;
width: 20px;
height: 45px;
right: 0;
top: 0;
}
#emea-wrapper .card--form .chosen-container-single .chosen-single b {
position: absolute;
width: 15px;
height: 15px;
display: block;
background-image: url(sitefiles/dist/129105c8f27f4c1af42b4054618dd289.svg) !important;
background-size: 100% !important;
background-repeat: no-repeat;
background-position: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 992px) {
#emea-wrapper .card--form .chosen-container-single .chosen-single span {
line-height: 40px;
}
}
#emea-wrapper .card--form .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: 0 4px;
-webkit-transform: translateY(-50%) scaleY(-1);
-ms-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1);
}
#emea-wrapper .card--form .chosen-container .chosen-results li.active-result {
color: #db011c;
}
#emea-wrapper .card--form .chosen-container .chosen-results li.highlighted {
color: #fff;
}
#emea-wrapper .card--form .card__form-checkbox {
margin-right: 2%;
display: inline-block;
width: 47%;
color: #fff;
vertical-align: top;
}
#emea-wrapper .card--form .card__form-checkbox input[type=checkbox] {
display: none;
}
@media (max-width: 1200px) {
#emea-wrapper .card--form .card__form-checkbox {
display: block;
width: 100%;
margin-right: 0;
}
}
#emea-wrapper .card--form .checkLbl {
position: relative;
margin-bottom: 10px;
}
#emea-wrapper .card--form .checkLbl p {
padding-left: 35px;
}
#emea-wrapper .card--form input[type=checkbox] + .checkLbl span {
position: absolute;
top: 3px;
width: 22px;
height: 22px;
background: #fff;
}
#emea-wrapper .card--form input[type=checkbox]:checked + .checkLbl span {
background: url(sitefiles/dist/f902efa32f8ae7c96eb58a2d69aef7c7.png) no-repeat 1px -284px;
background-color: #fff;
}
#emea-wrapper .card--icon-block {
padding: 30px;
background-color: #efefef;
text-align: center;
min-height: 245px;
height: auto;
}
@media (max-width: 660px) {
#emea-wrapper .card--icon-block {
padding: 15px;
text-align: left;
min-height: 100px;
}
}
#emea-wrapper .card--icon-block .card__title {
color: #323232;
word-spacing: 2000px;
font-size: 26px;
}
@media (max-width: 1200px) {
#emea-wrapper .card--icon-block .card__title {
font-size: 20px;
}
}
@media (max-width: 660px) {
#emea-wrapper .card--icon-block .card__title {
position: absolute;
margin: 0;
top: 50%;
left: 150px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
#emea-wrapper .card__content-column {
padding: 40px 20px 40px 40px;
width: 49%;
display: inline-block;
vertical-align: top;
}
@media (max-width: 1200px) {
#emea-wrapper .card__content-column {
width: 100%;
display: block;
padding: 40px;
}
}
@media (max-width: 660px) {
#emea-wrapper .card__content-column {
padding: 40px 15px 10px;
}
}
#emea-wrapper .card__content-column + .card__content-column {
padding: 40px 40px 40px 20px;
}
@media (max-width: 1200px) {
#emea-wrapper .card__content-column + .card__content-column {
width: 100%;
display: block;
padding: 40px;
}
}
@media (max-width: 660px) {
#emea-wrapper .card__content-column + .card__content-column {
padding: 10px 40px 40px;
}
}
#emea-wrapper .card__content-column--centered {
text-align: center;
}
@media (min-width: 992px) {
#emea-wrapper .card:not(.card--large) .card__image:hover .card__content-box {
top: 0;
background: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .card:not(.card--large) .card__image:hover .card__content-box .card__title {
white-space: normal;
overflow: visible;
}
}
#emea-wrapper .card__image {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
height: 0;
padding-bottom: 65%;
}
#emea-wrapper .card__image--video:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
transition: all 0.75s ease;
}
#emea-wrapper .card__image--video:after {
content: "\F04B";
font-family: FontAwesome;
font-size: 130px;
color: #fff;
transition: all .25s ease;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#emea-wrapper .card__image--video:hover:before {
background: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .card__image--video:hover:after {
color: #db011c;
}
#emea-wrapper .card__content-box {
transition: all .35s ease;
position: absolute;
top: 80%;
left: 0;
padding: 25px 25px 35px;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
}
@media (max-width: 1550px) {
#emea-wrapper .card__content-box {
padding: 18px 15px 35px;
}
}
@media (max-width: 992px) {
#emea-wrapper .card__content-box {
opacity: 1;
top: auto;
bottom: 30px;
height: auto;
width: 100%;
padding: 25px 15px 35px;
}
}
#emea-wrapper .card__content-box .card__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#emea-wrapper .card--large .card__content-box {
top: auto;
bottom: 30px;
height: auto;
left: 5%;
max-width: 334px;
width: 60%;
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}
#emea-wrapper .card--large .card__content-box .card__title {
white-space: normal;
overflow: visible;
}
@media (max-width: 992px) {
#emea-wrapper .card--large .card__content-box {
width: 90%;
max-width: none;
}
}
#emea-wrapper .card__title {
margin-bottom: 30px;
font-size: 16px;
line-height: 1.1;
text-transform: uppercase;
color: #fff;
font-family: HelveticaNeueLTStd-BdEx;
}
@media (max-width: 1550px) {
#emea-wrapper .card__title {
font-size: 16px;
}
}
@media (max-width: 1200px) {
#emea-wrapper .card__title {
font-size: 16px;
}
}
@media (max-width: 992px) {
#emea-wrapper .card__title {
font-size: 16px;
}
}
#emea-wrapper .card--columned .card__title,
#emea-wrapper .card--form .card__title {
margin-bottom: 10px;
color: #db011c;
}
#emea-wrapper .card--large .card__title {
font-size: 26px;
}
#emea-wrapper .card__link {
padding: 10px 15px;
font-size: 20px;
color: #fff;
background-color: rgba(219, 1, 28, 0.6);
text-transform: uppercase;
font-family: HelveticaNeueLTStd-BdEx;
}
#emea-wrapper .card__link:hover {
background-color: #db011c;
color: #fff;
}
@media (max-width: 1200px) {
#emea-wrapper .card__link {
padding: 7px 12px;
font-size: 18px;
}
}
@media (max-width: 992px) {
#emea-wrapper .card__link {
padding: 7px 12px;
font-size: 12px;
}
}
#emea-wrapper .master-parallax {
width: 100%;
position: fixed;
left: 0;
right: 0;
pointer-events: none;
}
#emea-wrapper header {
position: relative;
z-index: 3;
}
#emea-wrapper .bannerArea {
z-index: 1;
}
#emea-wrapper footer .container {
position: relative;
z-index: 1;
}
#emea-wrapper .PromoPage .master-parallax {
z-index: -1;
}
#emea-wrapper .margin--small {
margin-left: -7px;
margin-right: -7px;
}
#emea-wrapper .padding--small {
padding-left: 7px;
padding-right: 7px;
}
#emea-wrapper .row.row--flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1550px) {
#emea-wrapper .container {
max-width: 100%;
padding: 0 60px;
}
}
@media (max-width: 1200px) {
#emea-wrapper .container {
padding: 0 30px;
}
}
@media (max-width: 767px) {
#emea-wrapper .container {
padding: 0 15px;
}
}