/*ORV 19*/
@charset 'UTF-8';
*:focus {
outline: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background-color: #000000;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
img {
max-width: initial;
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
background-color: transparent;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.show {
/*display: inline-block!important; */
}
.promo-18 {
margin: 0px;
text-align: center;
}
.bike-detail {
margin-bottom: 0px;
}
.container {
margin-right: auto;
margin-left: auto;
/*margin-top: 1px;*/
}
@media (min-width: 768px) {
.container {
/*width: 767px;*/
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1199px;
}
}
.container>.content-box:first-child {
margin-top: 0;
}
.container>.row:first-child,
.container>.teaser-section:first-child {
margin-top: -1px;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding: 0;
}
.row {
margin-left: 0px;
margin-right: 0px;
margin-right: calc(0px - 1px);
}
.row .row {
margin-bottom: 40px;
margin-left: -40px;
margin-right: -40px;
margin-right: calc(-40px - 1px);
margin-top: 40px;
margin-top: calc(40px - 1px);
overflow: hidden;
}
.row .row:first-child {
margin-top: -40px;
margin-top: calc(-40px - 1px);
}
.row .row:last-child {
margin-bottom: -40px;
}
@media (max-width: 1199px) {
.row .row {
margin-bottom: 30px;
margin-left: -30px;
margin-right: -30px;
margin-right: calc(-30px - 1px);
margin-top: 30px;
margin-top: calc(30px - 1px);
}
.row .row:first-child {
margin-top: -30px;
margin-top: calc(-30px - 1px);
}
.row .row:last-child {
margin-bottom: -30px;
}
}
@media (max-width: 767px) {
.row .row {
margin-bottom: 25px;
margin-left: -25px;
margin-right: -25px;
margin-right: calc(-25px - 1px);
margin-top: 25px;
margin-top: calc(25px - 1px);
}
.row .row:first-child {
margin-top: -25px;
margin-top: calc(-25px - 1px);
}
.row .row:last-child {
margin-bottom: -25px;
}
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
/*margin-right: 0px;*/
/*margin-right: calc(0px + 1px);*/
margin-top: 1px;
min-height: 1px;
padding: 10px;
position: relative;
}
@media (max-width: 1199px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding: 30px;
}
}
@media (max-width: 767px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding: 25px;
}
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
width: calc(100%);
}
.col-xs-11 {
width: 91.66666667%;
width: calc(91.66666667%);
}
.col-xs-10 {
width: 83.33333333%;
width: calc(83.33333333%);
}
.col-xs-9 {
width: 75%;
width: calc(75%);
}
.col-xs-8 {
width: 66.66666667%;
width: calc(66.66666667%);
}
.col-xs-7 {
width: 58.33333333%;
width: calc(58.33333333%);
}
.col-xs-6 {
width: 50%;
width: calc(50%);
}
.col-xs-5 {
width: 41.66666667%;
width: calc(41.66666667%);
}
.col-xs-4 {
width: 33.33333333%;
width: calc(33.33333333%);
}
.col-xs-3 {
width: 25%;
width: calc(25%);
}
.col-xs-2 {
width: 16.66666667%;
width: calc(16.66666667%);
}
.col-xs-1 {
width: 8.33333333%;
width: calc(8.33333333%);
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
width: calc(100%);
}
.col-sm-11 {
width: 91.66666667%;
width: calc(91.66666667%);
}
.col-sm-10 {
width: 83.33333333%;
width: calc(83.33333333%);
}
.col-sm-9 {
width: 75%;
width: calc(75%);
}
.col-sm-8 {
width: 66.66666667%;
width: calc(66.66666667%);
}
.col-sm-7 {
width: 58.33333333%;
width: calc(58.33333333%);
}
.col-sm-6 {
width: 50%;
width: calc(50%);
}
.col-sm-5 {
width: 41.66666667%;
width: calc(41.66666667%);
}
.col-sm-4 {
width: 33.33333333%;
width: calc(33.33333333%);
}
.col-sm-3 {
width: 25%;
width: calc(25%);
}
.col-sm-2 {
width: 16.66666667%;
width: calc(16.66666667%);
}
.col-sm-1 {
width: 8.33333333%;
width: calc(8.33333333%);
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
width: calc(100%);
}
.col-md-11 {
width: 91.66666667%;
width: calc(91.66666667%);
}
.col-md-10 {
width: 83.33333333%;
width: calc(83.33333333%);
}
.col-md-9 {
width: 75%;
width: calc(75%);
}
.col-md-8 {
width: 66.66666667%;
width: calc(66.66666667%);
}
.col-md-7 {
width: 58.33333333%;
width: calc(58.33333333%);
}
.col-md-6 {
width: 50%;
width: calc(50%);
}
.col-md-5 {
width: 41.66666667%;
width: calc(41.66666667%);
}
.col-md-4 {
width: 33.33333333%;
width: calc(33.33333333%);
}
.col-md-3 {
width: 25%;
width: calc(25%);
}
.col-md-2 {
width: 16.66666667%;
width: calc(16.66666667%);
}
.col-md-1 {
width: 8.33333333%;
width: calc(8.33333333%);
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
width: calc(100%);
}
.col-lg-11 {
width: 91.66666667%;
width: calc(91.66666667%);
}
.col-lg-10 {
width: 83.33333333%;
width: calc(83.33333333%);
}
.col-lg-9 {
width: 75%;
width: calc(75%);
}
.col-lg-8 {
width: 66.66666667%;
width: calc(66.66666667%);
}
.col-lg-7 {
width: 58.33333333%;
width: calc(58.33333333%);
}
.col-lg-6 {
width: 50%;
width: calc(50%);
}
.col-lg-5 {
width: 41.66666667%;
width: calc(41.66666667%);
}
.col-lg-4 {
width: 33.33333333%;
width: calc(33.33333333%);
}
.col-lg-3 {
width: 25%;
width: calc(25%);
}
.col-lg-2 {
width: 16.66666667%;
width: calc(16.66666667%);
}
.col-lg-1 {
width: 8.33333333%;
width: calc(8.33333333%);
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
[data-icon]:before {
font-family: "FontAwesome";
content: attr(data-icon);
speak: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ci.po {
font-family: 'polarisregular';
}
.ci {
display: inline-block;
font-family: 'FontAwesome';
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Listenformatierung =========== */
.ci-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.ci-ul>li {
position: relative;
padding-bottom: 4%;
}
.ci-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
text-align: center;
}
/* Larger Icons =========== */
.ci-1x {
font-size: 20px;
}
.ci-2x {
font-size: 40px;
}
.ci-3x {
font-size: 60px;
}
.ci-4x {
font-size: 80px;
}
.ci-5x {
font-size: 100px;
}
.ci-6x {
font-size: 120px;
}
/* Alphabetic Character LOGO =========== */
.PolarisLogo {
font-family: 'FontAwesome';
font-size: 40px;
}
/* UNICODE DEFINITION-AREA */
.IconCheckmark:before {
content: "\2713";
}
/* WEB APPLICATION ICONS - Private Unicode Range e001-e999**/
.IconMenu:before {
content: "\f0c9";
}
.IconAngleSmallDown:before {
content: "\e002";
}
.IconAngleSmallLeft:before {
content: "\e003";
}
.IconAngleSmallRight:before {
content: "\e004";
}
.IconAngleSmallUp:before {
content: "\e005";
}
.IconCloseBold:before {
content: "\e006";
}
.IconCloseThin:before {
content: "\f00d";
}
.IconAdd:before {
content: "\e008";
}
.IconRemove:before {
content: "\e009";
}
.IconAngleMediumDown:before {
content: "\e010";
}
.IconAngleMediumLeft:before {
content: "\e011";
}
.IconAngleMediumRight:before {
content: "\f054";
}
.IconAngleMediumUp:before {
content: "\e013";
}
.IconAngleBigDown:before {
content: "\f063";
}
.IconAngleBigLeft:before {
content: "\f053";
}
.IconAngleBigRight:before {
content: "\f054";
}
.IconAngleBigUp:before {
content: "\f077";
}
.IconFlag:before {
content: "\e018";
}
.IconComment:before {
content: "\e019";
}
.IconSearch:before {
content: "\e020";
}
.IconCart:before {
content: "\e021";
}
.IconPhone:before {
content: "\e022";
}
.IconMapMarker:before {
content: "\e023";
}
.IconZoomIn:before {
content: "\e024";
}
.IconZoomOut:before {
content: "\e025";
}
.IconCirclePlus:before {
content: "\e026";
}
.IconCircleMinus:before {
content: "\e027";
}
.IconAddCart:before {
content: "\e028";
}
.IconCircle:before {
content: "\e029";
}
.IconCircleBlank:before {
content: "\e030";
}
.IconCircleHalf:before {
content: "\e031";
}
.IconColorCode:before {
content: "\e032";
}
.IconColorCodeHalf:before {
content: "\e042";
}
.IconCircleEdit:before {
content: "\e033";
}
.IconCircleMenu:before {
content: "\e034";
}
.IconCircleRemove:before {
content: "\e035";
}
.IconCheck:before {
content: "\e036";
}
.IconBox:before {
content: "\e037";
}
.IconSwitchOn:before {
content: "\e038";
}
.IconSwitchOff:before {
content: "\e039";
}
.IconSwitch2On:before {
content: "\e040";
}
.IconSwitch2Off:before {
content: "\e041";
}
.IconList:before {
content: "\e044";
}
.IconMap:before {
content: "\e045";
}
.IconMapMarker2:before {
content: "\e046";
}
.IconUser:before {
content: "\e047";
}
.IconAddCart2:before {
content: "\e048";
}
.IconMobile:before {
content: "\e049";
}
.IconLaptop:before {
content: "\e050";
}
.IconDesktop:before {
content: "\e051";
}
.IconBooklet:before {
content: "\e052";
}
.IconPen:before {
content: "\e053";
}
.IconTrash:before {
content: "\e054";
}
.IconCircleTrash:before {
content: "\e055";
}
.IconCloseSmall:before {
content: "\e056";
}
.IconCloseMedium:before {
content: "\e057";
}
.IconCloseBig:before {
content: "\e058";
}
.IconCalender2:before {
content: "\e060";
}
.IconTruck:before {
content: "\e061";
}
.IconPacket:before {
content: "\e062";
}
.IconCompare:before {
content: "\e067";
}
.IconCommentBig:before {
content: "\e068";
}
.IconColorCodeOut:before {
content: "\e069";
}
.IconSandwich:before {
content: "\e070";
}
/* Alternate Checkmark */
.IconCheckmarkAlt:before {
content: "\e059";
}
/* Icon ICONS - Private Unicode Range f201-f999*/
.IconPolaris:before {
content: "\f201";
}
.IconPolarisTypo:before {
content: "\f202";
}
.IconTwitter:before {
content: "\f081";
}
.IconFacebook:before {
content: "\f230";
}
.IconGoogle:before {
content: "\f205";
}
.IconYoutube:before {
content: "\f166";
}
.IconVimeo:before {
content: "\f207";
}
.IconInstagram:before {
content: "\f16d";
}
.IconVisa:before {
content: "\f209";
}
.IconPaypal:before {
content: "\f210";
}
.IconMastercard:before {
content: "\f211";
}
.IconDhl:before {
content: "\f212";
}
.IconUps:before {
content: "\f213";
}
.IconTrustedshops:before {
content: "\f214";
}
.IconJobrad:before {
content: "\f216";
}
.video-frame-container {
height: 0;
margin: 1px -0.5px 0 -0.5px;
padding-bottom: 56.25%;
position: relative;
}
/* not needed?! */
.youtube-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.margin-top-container {
margin-top: 1px;
}
.breakpoint-indicator {
bottom: 50px;
left: 0;
opacity: 0;
position: absolute;
visibility: hidden;
z-index: -1;
}
.breakpoint-indicator span {
display: none;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 16.5px 0.75em;
font-size: 20px;
line-height: 1.4em;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #fff;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
}
.btn-default {
/*color: #333333;*/
/*background-color: #ffffff;*/
/*border-color: #cccccc;*/
color: #ffffff;
background-color: #006dc2;
/*border-color: #ce5500;*/
text-align: center;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
/*color: #333333;*/
/*background-color: #e6e6e6;*/
/*border-color: #adadad;*/
color: #ffffff;
background-color: #222222;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default .badge {
color: #ffffff;
background-color: #333333;
}
.btn-primary {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #000000;
border-color: #000000;
}
.btn-primary .badge {
color: #000000;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #006dc2;
border-color: #ce5500;
text-align: center;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
color: #ffffff;
background-color: #222222;
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #006dc2;
border-color: #ce5500;
}
.btn-success .badge {
color: #006dc2;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-link {
color: #006dc2;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #9b4000;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 18.49999992px 0.75em;
font-size: 25px;
line-height: 1.33;
border-radius: 0;
}
.btn-sm,
.btn-group-sm>.btn {
padding: 13.5px 0.75em;
font-size: 24px;
line-height: 1.5;
border-radius: 0px;
}
.btn-xs,
.btn-group-xs>.btn {
padding: 13.5px 0.75em;
font-size: 16px;
line-height: 1.5;
border-radius: 0px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left;
}
@media (max-width: 767px) {
.breakpoint-indicator span.screen-xs {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.breakpoint-indicator span.screen-sm {
display: block;
}
}
@media (min-width: 1200px) {
.breakpoint-indicator span.screen-md {
display: block;
}
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.show-inline {
display: inline !important;
visibility: visible !important;
}
@media (max-width: 767px) {
.hidden-xs {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.hidden-sm {
display: none;
}
}
@media (min-width: 1200px) {
.hidden-md {
display: none;
}
.order-columns-reverse .col-md-6:first-child {
margin-left: 50%;
}
.order-columns-reverse .col-md-6:last-child {
margin-left: -100%;
}
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.noBreaks br {
display: none;
}
.ctLight {
font-family: textLight, Helvetica, Arial, sans-serif;
font-weight: 400;
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
body {
background-color: #ffffff;
color: #000000;
font-family: Teko, sans-serif;
font-size: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.4em;
margin: 0;
padding: 0;
}
@media (max-width: 1199px) {
body {
font-size: 18px;
}
}
@media (max-width: 767px) {
body {
font-size: 16px;
}
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.img-responsive,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.image-hero {
background-color: #222a2d;
}
main {
clear: both;
position: relative;
z-index: 1;
}
main>section {
clear: both;
}
main>section>.container:before,
main>section>.container:after {
content: " ";
display: table;
}
main>section>.container:after {
clear: both;
}
main>section>.container:first-child {
margin-top: 0;
}
main>article {
clear: both;
}
header {
clear: both;
}
header section {
/*margin-right: auto;*/
/*margin-left: auto;*/
margin-top: 1px;
clear: both;
padding: 0;
}
@media (min-width: 768px) {
header section {
width: 767px;
}
}
@media (min-width: 1200px) {
header section {
width: 1199px;
}
}
@media (min-width: 1200px) {
header section {
width: 1199px;
}
}
header section>.content-box:first-child {
margin-top: 0;
}
header section>.row:first-child,
header section>.teaser-section:first-child {
margin-top: -1px;
}
footer {
background-color: inherit;
clear: both;
}
footer section {
padding: 0;
background-color: inherit;
clear: both;
}
@media (max-width: 767px) {
footer section {
/*overflow: hidden;*/
}
}
footer .container {
padding: 0;
}
@media (max-width: 767px) {
footer .container {
overflow: hidden;
}
}
section.background-container {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
margin-top: -1px;
}
@media (max-width: 767px) {
section.background-container.autosize {
min-height: inherit;
}
}
@media (min-width: 768px) {
section.background-container.autosize {
min-height: 1200px;
}
}
@media (min-width: 1200px) {
section.background-container.autosize {
min-height: 2100px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
h1,
.h1 {
font-family: "Barlow" ,sans-serif;
/*font-size: 100px;*/
font-weight: 700;
line-height: 0.97em;
margin: 0;
/*text-align: center;*/
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h1,
.h1 {
/*font-size: 80px;*/
}
}
@media (max-width: 767px) {
h1,
.h1 {
/* font-size: 40px; */
}
}
h2,
.h2 {
font-family: "Barlow" ,sans-serif;
/* font-size: 70px; */
font-weight: 700;
line-height: 0.85em;
margin: 0;
text-align: center;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h2,
.h2 {
/* font-size: 56px; */
}
}
@media (max-width: 767px) {
h2,
.h2 {
/* font-size: 32px; */
}
}
h3,
.h3 {
font-family: "Barlow" ,sans-serif;
/* font-size: 45px; */
font-weight: 700;
/*line-height: 0.95em;*/
margin: 0;
text-align: inherit;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h3,
.h3 {
/* font-size: 36px; */
}
}
@media (max-width: 767px) {
h3,
.h3 {
/* font-size: 24px; */
}
}
h4,
.h4 {
font-family: "Barlow" ,sans-serif;
/* font-size: 30px; */
font-weight: 700;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h4,
.h4 {
/* font-size: 24px; */
}
}
@media (max-width: 767px) {
h4,
.h4 {
/* font-size: 20px; */
}
}
h5,
.h5 {
font-family: "Barlow" ,sans-serif;
/* font-size: 25px; */
font-weight: 700;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h5,
.h5 {
/* font-size: 22.5px; */
}
}
@media (max-width: 767px) {
h5,
.h5 {
/* font-size: 20px; */
}
}
.legal-content h5,
.legal-content .h5 {
margin-bottom: 1em;
margin-top: 1em;
}
h6,
.h6 {
font-family: "Barlow" ,sans-serif;
/* font-size: 20px; */
font-weight: normal;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
}
@media (max-width: 1199px) {
h6,
.h6 {
/* font-size: 18px; */
}
}
@media (max-width: 767px) {
h6,
.h6 {
/* font-size: 16px; */
}
}
.series-name {
letter-spacing: 0.1em;
}
p,
.p {
/*font-family: Teko, Helvetica, Arial, sans-serif;*/
line-height: 1.4em;
margin: 0;
/* opacity: 0.8; */
}
p.infofussnote,
.p.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro p,
.intro .p {
text-align: center;
}
p.leading,
.p.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
p.leading,
.p.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
p.leading,
.p.leading {
font-size: 20px;
}
}
h1,
h2,
h3,
h4,
p,
ul,
dl,
table,
blockquote,
.option-group {
margin: 0;
}
h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+p,
h1+ul,
h1+dl,
h1+table,
h1+blockquote,
h1+.option-group,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+p,
h2+ul,
h2+dl,
h2+table,
h2+blockquote,
h2+.option-group,
h3+h1,
h3+h2,
h3+h3,
/*h3 + h4,*/
h3+p,
h3+ul,
h3+dl,
h3+table,
h3+blockquote,
h3+.option-group,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+p,
h4+ul,
h4+dl,
h4+table,
h4+blockquote,
h4+.option-group,
p+h1,
p+h2,
p+h3,
p+h4,
p+p,
p+ul,
p+dl,
p+table,
p+blockquote,
p+.option-group,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+p,
ul+ul,
ul+dl,
ul+table,
ul+blockquote,
ul+.option-group,
dl+h1,
dl+h2,
dl+h3,
dl+h4,
dl+p,
dl+ul,
dl+dl,
dl+table,
dl+blockquote,
dl+.option-group,
table+h1,
table+h2,
table+h3,
table+h4,
table+p,
table+ul,
table+dl,
table+table,
table+blockquote,
table+.option-group,
blockquote+h1,
blockquote+h2,
blockquote+h3,
blockquote+h4,
blockquote+p,
blockquote+ul,
blockquote+dl,
blockquote+table,
blockquote+blockquote,
blockquote+.option-group,
.option-group+h1,
.option-group+h2,
.option-group+h3,
.option-group+h4,
.option-group+p,
.option-group+ul,
.option-group+dl,
.option-group+table,
.option-group+blockquote,
.option-group+.option-group {
/*margin-top: 1em;*/
}
.swap-color p {
margin-top: 1em;
}
ul {
list-style: square;
padding-left: 1em;
}
ul li {
line-height: 1.4em;
margin: 0;
/*word-spacing: -0.1em;*/
}
ul li.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro ul li {
text-align: center;
}
ul li.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
ul li.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
ul li.leading {
font-size: 20px;
}
}
dl dt {
font-family: Teko, Helvetica, Arial, sans-serif;
line-height: 1.4em;
margin: 0;
opacity: 0.8;
word-spacing: -0.1em;
}
dl dt.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro dl dt {
text-align: center;
}
dl dt.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
dl dt.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
dl dt.leading {
font-size: 20px;
}
}
dl dd {
font-family: Teko, Helvetica, Arial, sans-serif;
line-height: 1.4em;
margin: 0;
}
dl dd.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro dl dd {
text-align: center;
}
dl dd.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
dl dd.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
dl dd.leading {
font-size: 20px;
}
}
blockquote q {
font-size: 25px;
display: block;
quotes: "“""”""‘""’";
}
@media (max-width: 1199px) {
blockquote q {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
blockquote q {
font-size: 20px;
}
}
blockquote q:before {
content: open-quote;
}
blockquote q:after {
content: close-quote;
}
blockquote q:lang(de) {
quotes: '„''“''‚''‘';
}
blockquote q:lang(en) {
quotes: "“""”""‘""’";
}
blockquote q:lang(en):before {
margin-right: 1.5pt;
}
blockquote q:lang(en):after {
margin-left: 1.5pt;
}
blockquote q:lang(fr) {
quotes: '«''»''‹''›';
}
blockquote q:lang(fr):before {
margin-right: 0.25em;
}
blockquote q:lang(fr):after {
margin-left: 0.25em;
}
blockquote q:lang(nl) {
quotes: '“''”''‘''’';
}
blockquote q:lang(es) {
quotes: '«''»''‹''›';
}
blockquote q:lang(es):before {
margin-right: 0.75pt;
}
blockquote q:lang(es):after {
margin-left: 0.75pt;
}
blockquote q:lang(pt) {
quotes: '«''»''“''”';
}
blockquote q:lang(pt):before {
margin-right: 0.75pt;
}
blockquote q:lang(pt):after {
margin-left: 0.75pt;
}
blockquote q:lang(it) {
quotes: '«''»';
}
blockquote q:lang(it):before {
margin-right: 1.5pt;
}
blockquote q:lang(it):after {
margin-left: 1.5pt;
}
blockquote q:lang(da) {
quotes: '„''“''‚''‘';
}
blockquote q:lang(sv) {
quotes: '”''”''’''’';
}
blockquote q:lang(no) {
quotes: '«''»''‘''’';
}
blockquote q:lang(fi) {
quotes: '”''”''’''’';
}
blockquote q:lang(cs) {
quotes: '„''“''‚''‘';
}
blockquote q:lang(sk) {
quotes: '„''“''‚''‘';
}
blockquote q:lang(pl) {
quotes: '„''”''«''»';
}
blockquote q:lang(ja) {
quotes: '「''」''『''』';
}
blockquote q:lang(ko) {
quotes: '“''”''‘''’';
}
blockquote:before {
content: "";
}
blockquote cite {
font-family: Teko, Helvetica, Arial, sans-serif;
line-height: 1.4em;
margin: 0;
opacity: 0.8;
word-spacing: -0.1em;
display: block;
font-family: textLight, Helvetica, Arial, sans-serif;
font-style: normal;
text-align: right;
}
blockquote cite.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro blockquote cite {
text-align: center;
}
blockquote cite.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
blockquote cite.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
blockquote cite.leading {
font-size: 20px;
}
}
blockquote cite:before {
content: "— ";
}
a {
/*color: #006dc2;*/
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus {
/*color: #9b4000;*/
text-decoration: none;
}
a:focus {
outline: none;
}
.alert {
color: #006dc2;
}
.orange .alert,
body .orange .alert {
color: #000000;
}
.button {
font-family: Teko, Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: normal;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
word-spacing: -0.1em;
background-image: none;
border-color: transparent;
border-style: solid;
border-width: 1px;
color: #ffffff;
cursor: pointer;
display: inline-block;
line-height: 1em;
margin: 0 auto;
max-width: 100%;
overflow: hidden;
padding: 16.5px 0.75em;
text-align: center;
text-overflow: ellipsis;
-ms-touch-action: manipulation;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
width: auto;
word-spacing: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 0;
}
@media (max-width: 1199px) {
.button {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
.button {
font-size: 20px;
}
}
.legal-content .button {
margin-bottom: 1em;
margin-top: 1em;
}
.button:focus,
.button:active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.button:hover,
.button:focus {
border-color: transparent;
color: #ffffff;
outline: none;
text-decoration: none;
text-shadow: none;
}
.button:active {
outline: 0;
background-image: none;
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
filter: alpha(opacity=50);
}
.button.full {
width: 100%;
}
.button.full.icon {
padding-left: 1.875em;
}
.button.full.back {
padding-right: 1.875em;
}
.button.cta {
width: auto;
}
.button.cta.icon {
padding-left: 0.75em;
}
.button.icon {
padding-right: 1.875em;
position: relative;
}
.button.icon:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
right: 0.75em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.button.back {
padding-left: 1.875em;
position: relative;
}
.button.back:after {
content: "\e011";
font-family: FontAwesome;
left: 0.75em;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.button.button-sm {
font-size: 20px;
padding: 13.5px 0.75em;
}
.button.button-sm.icon {
padding-right: 1.95em !important;
}
.button.button-sm.icon:after {
right: 13.5px;
}
.button.button-lg {
font-size: 30px;
font-weight: normal;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
word-spacing: -0.1em;
font-family: Teko, Helvetica, Arial, sans-serif;
padding: 18.49999992px 0.75em;
text-align: center;
}
@media (max-width: 1199px) {
.button.button-lg {
font-size: 24px;
}
}
@media (max-width: 767px) {
.button.button-lg {
font-size: 20px;
}
}
.button.button-lg.icon {
padding-right: 1.95em !important;
}
.button.button-lg.icon:after {
right: 18.49999992px;
}
.white .button.textbutton,
.steel .button.textbutton,
.orange .button.textbutton {
background-color: transparent;
border-color: #006dc2;
color: #006dc2;
border-color: #000000;
background: url('../_img/assets/000000.png') -300px 0 no-repeat transparent;
color: #000000;
-webkit-transition-property: background-position;
transition-property: background-position;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.white .button.textbutton:hover,
.steel .button.textbutton:hover,
.orange .button.textbutton:hover,
.white .button.textbutton:focus,
.steel .button.textbutton:focus,
.orange .button.textbutton:focus {
background-color: #006dc2;
color: #ffffff;
}
.white .button.textbutton:hover,
.steel .button.textbutton:hover,
.orange .button.textbutton:hover {
background-color: transparent;
background-position: 0 0;
color: #ffffff;
}
.button.white {
background-color: #ffffff;
border-color: transparent;
color: #000000;
}
.button.white:hover,
.button.white:focus {
background-color: #e6e6e6;
color: #000000;
}
.button.white.variation {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.button.white.variation:hover,
.button.white.variation:focus {
background-color: #ffffff;
color: #000000;
}
.button.black {
background-color: #000000;
border-color: transparent;
color: #ffffff;
}
.button.black:hover,
.button.black:focus {
background-color: #1a1a1a;
color: #ffffff;
}
.button.black.variation {
background-color: transparent;
border-color: #000000;
color: #000000;
}
.button.black.variation:hover,
.button.black.variation:focus {
background-color: #000000;
color: #ffffff;
}
.button.lead {
background-color: #1a1a1a;
border-color: transparent;
color: #ffffff;
}
.button.lead:hover,
.button.lead:focus {
background-color: #333333;
color: #ffffff;
}
.button.lead.variation {
background-color: transparent;
border-color: #1a1a1a;
color: #1a1a1a;
}
.button.lead.variation:hover,
.button.lead.variation:focus {
background-color: #1a1a1a;
color: #ffffff;
}
.button.steel {
background-color: #666666;
border-color: transparent;
color: #ffffff;
}
.button.steel:hover,
.button.steel:focus {
background-color: #4d4d4d;
color: #ffffff;
}
.button.steel.variation {
background-color: transparent;
border-color: #666666;
color: #666666;
}
.button.steel.variation:hover,
.button.steel.variation:focus {
background-color: #666666;
color: #ffffff;
}
.txt-black {
color: #000000 !important;
}
.button.orange {
background-color: #006dc2;
border-color: transparent;
color: #ffffff;
}
.button.orange:hover,
.button.orange:focus {
background-color: #ce5500;
color: #ffffff;
}
.button.orange.variation {
background-color: transparent;
border-color: #006dc2;
color: #006dc2;
}
.button.orange.variation:hover,
.button.orange.variation:focus {
background-color: #006dc2;
color: #ffffff;
}
.button .ci {
line-height: 0.9em;
}
.form {
margin-top: 1px;
padding: 40px;
clear: both;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
@media (max-width: 1199px) {
.form {
padding: 30px;
}
}
@media (max-width: 767px) {
.form {
padding: 25px;
}
}
.form>a {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: -40px;
padding: 40px;
}
@media (max-width: 1199px) {
.form>a {
margin: -30px;
padding: 30px;
}
}
@media (max-width: 767px) {
.form>a {
margin: -25px;
padding: 25px;
}
}
.form img {
max-width: 100%;
height: auto;
display: block;
}
.form.feature-box {
padding-bottom: 7%;
padding-top: 7%;
text-align: center;
}
.form .row {
margin-left: -20px;
margin-right: -20px;
margin-right: calc(-20px - 1px);
}
.form .row [class*="col-"] {
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
}
@media (max-width: 1199px) {
.form .row [class*="col-"]+[class*="col-lg"]:not([class*="col-md"]) {
margin-top: 1em;
}
}
@media (max-width: 1199px) {
.form .row [class*="col-"]+[class*="col-md"]:not([class*="col-sm"]),
.form .row [class*="col-"]+[class*="col-lg"]:not([class*="col-sm"]) {
margin-top: 1em;
}
}
@media (max-width: 767px) {
.form .row [class*="col-"]+[class*="col-sm"]:not([class*="col-xs"]),
.form .row [class*="col-"]+[class*="col-md"]:not([class*="col-xs"]),
.form .row [class*="col-"]+[class*="col-lg"]:not([class*="col-xs"]) {
margin-top: 1em;
}
}
@media (max-width: 1199px) {
.form .row {
margin-left: -15px;
margin-right: -15px;
margin-right: calc(-15px + 1px);
}
.form .row [class*="col-"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1199px) {
.form .row {
margin-left: -12.5px;
margin-right: -12.5px;
margin-right: calc(-12.5px + 1px);
}
.form .row [class*="col-"] {
padding-left: 12.5px;
padding-right: 12.5px;
}
}
.form .row+.row {
margin-top: 1em;
}
fieldset {
border: none;
margin: 0;
padding: 0;
min-width: 0;
position: relative;
}
fieldset legend {
font-family: Teko, Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: normal;
text-align: inherit;
text-transform: uppercase;
line-height: 1em;
margin: 0;
width: 100%;
}
@media (max-width: 1199px) {
fieldset legend {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
fieldset legend {
font-size: 20px;
}
}
.legal-content fieldset legend {
margin-bottom: 1em;
margin-top: 1em;
}
.entry-group {
margin: 72px 0px;
position: relative;
text-align: center;
}
fieldset .entry-group {
margin-bottom: 0;
margin-top: 0;
text-align: left;
}
fieldset .entry-group+.entry-group,
fieldset .entry-group+.entry-cluster {
margin-top: 24px;
}
.error label[data-error-message]:not([data-error-message=""]):before {
color: #006dc2;
content: attr(data-error-message) ": ";
}
select,
.select,
textarea,
.textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
font-family: Teko, Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: normal;
line-height: 1.05em;
margin: 0;
text-align: inherit;
text-transform: uppercase;
/*word-spacing: -0.1em;*/
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 0;
box-sizing: border-box;
color: #000000;
/*display: block;*/
line-height: 1em;
padding: 16.5px 0.75em;
text-align: left;
text-transform: none;
width: 100%;
}
@media (max-width: 1199px) {
select,
.select,
textarea,
.textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
select,
.select,
textarea,
.textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
font-size: 20px;
}
}
/*.legal-content select,
.legal-content .select,
.legal-content textarea,
.legal-content .textarea,
.legal-content input[type="text"],
.legal-content input[type="password"],
.legal-content input[type="datetime"],
.legal-content input[type="datetime-local"],
.legal-content input[type="date"],
.legal-content input[type="month"],
.legal-content input[type="time"],
.legal-content input[type="week"],
.legal-content input[type="number"],
.legal-content input[type="email"],
.legal-content input[type="url"],
.legal-content input[type="search"],
.legal-content input[type="tel"],
.legal-content input[type="color"] {
margin-bottom: 1em;
margin-top: 1em;
}*/
select:focus,
.select:focus,
textarea:focus,
.textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
outline: none;
}
select.input-sm,
.select.input-sm,
textarea.input-sm,
.textarea.input-sm,
input[type="text"].input-sm,
input[type="password"].input-sm,
input[type="datetime"].input-sm,
input[type="datetime-local"].input-sm,
input[type="date"].input-sm,
input[type="month"].input-sm,
input[type="time"].input-sm,
input[type="week"].input-sm,
input[type="number"].input-sm,
input[type="email"].input-sm,
input[type="url"].input-sm,
input[type="search"].input-sm,
input[type="tel"].input-sm,
input[type="color"].input-sm,
select.select-sm,
.select.select-sm,
textarea.select-sm,
.textarea.select-sm,
input[type="text"].select-sm,
input[type="password"].select-sm,
input[type="datetime"].select-sm,
input[type="datetime-local"].select-sm,
input[type="date"].select-sm,
input[type="month"].select-sm,
input[type="time"].select-sm,
input[type="week"].select-sm,
input[type="number"].select-sm,
input[type="email"].select-sm,
input[type="url"].select-sm,
input[type="search"].select-sm,
input[type="tel"].select-sm,
input[type="color"].select-sm {
font-size: 20px;
padding: 13.5px 0.75em;
}
select.input-lg,
.select.input-lg,
textarea.input-lg,
.textarea.input-lg,
input[type="text"].input-lg,
input[type="password"].input-lg,
input[type="datetime"].input-lg,
input[type="datetime-local"].input-lg,
input[type="date"].input-lg,
input[type="month"].input-lg,
input[type="time"].input-lg,
input[type="week"].input-lg,
input[type="number"].input-lg,
input[type="email"].input-lg,
input[type="url"].input-lg,
input[type="search"].input-lg,
input[type="tel"].input-lg,
input[type="color"].input-lg,
select.select-lg,
.select.select-lg,
textarea.select-lg,
.textarea.select-lg,
input[type="text"].select-lg,
input[type="password"].select-lg,
input[type="datetime"].select-lg,
input[type="datetime-local"].select-lg,
input[type="date"].select-lg,
input[type="month"].select-lg,
input[type="time"].select-lg,
input[type="week"].select-lg,
input[type="number"].select-lg,
input[type="email"].select-lg,
input[type="url"].select-lg,
input[type="search"].select-lg,
input[type="tel"].select-lg,
input[type="color"].select-lg {
font-size: 30px;
padding: 18.49999992px 0.75em;
}
input[disabled],
textarea[disabled],
input.disabled,
textarea.disabled {
opacity: 0.5;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #000000;
opacity: 0.2;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #000000;
opacity: 0.2;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #000000;
opacity: 0.2;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #000000;
opacity: 0.2;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
opacity: 0.1;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
opacity: 0.1;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
opacity: 0.1;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
opacity: 0.1;
}
.error input,
.error textarea {
border-color: rgba(231, 96, 0, 0.3);
}
.error input:-moz-placeholder,
.error textarea:-moz-placeholder {
color: #006dc2;
opacity: 0.6;
}
.error input::-moz-placeholder,
.error textarea::-moz-placeholder {
color: #006dc2;
opacity: 0.6;
}
.error input:-ms-input-placeholder,
.error textarea:-ms-input-placeholder {
color: #006dc2;
opacity: 0.6;
}
.error input::-webkit-input-placeholder,
.error textarea::-webkit-input-placeholder {
color: #006dc2;
opacity: 0.6;
}
.error input:focus:-moz-placeholder,
.error textarea:focus:-moz-placeholder {
opacity: 0.2;
}
.error input:focus::-moz-placeholder,
.error textarea:focus::-moz-placeholder {
opacity: 0.2;
}
.error input:focus:-ms-input-placeholder,
.error textarea:focus:-ms-input-placeholder {
opacity: 0.2;
}
.error input:focus::-webkit-input-placeholder,
.error textarea:focus::-webkit-input-placeholder {
opacity: 0.2;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
input[type="range"] {
-webkit-appearance: none;
background: transparent;
height: 38px;
width: 100%;
}
input[type="range"]::-moz-focus-outer {
border: 0;
}
input[type="range"]::-ms-tooltip {
display: none;
}
input[type="range"]::-webkit-slider-runnable-track {
background-color: #ffffff;
border: 2px solid #cccccc;
border-radius: 24px;
height: 24px;
}
input[type="range"]::-moz-range-track {
background-color: #ffffff;
border: 2px solid #cccccc;
border-radius: 24px;
height: 20px;
padding: 0;
}
input[type="range"]::-ms-track {
cursor: pointer;
width: 100%;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type="range"]::-ms-fill-lower {
background-color: #ffffff;
border: 2px solid #cccccc;
border-radius: 24px 0 0 24px;
border-right: none;
}
input[type="range"]::-ms-fill-upper {
background-color: #ffffff;
border: 2px solid #cccccc;
border-left: none;
border-radius: 0 24px 24px 0;
}
input[type="range"]:active,
input[type="range"]:focus {
border: none !important;
outline: none !important;
}
input[type="range"]:active:-moz-focusring,
input[type="range"]:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000000;
}
input[type="range"]:active:-moz-inner-focus,
input[type="range"]:focus:-moz-inner-focus {
border: none !important;
outline: none !important;
color: transparent;
text-shadow: 0 0 0 #000000;
}
input[type="range"]:active:-moz-outer-focus,
input[type="range"]:focus:-moz-outer-focus {
border: none !important;
outline: none !important;
color: transparent;
text-shadow: 0 0 0 #000000;
}
input[type="range"]:active::-ms-fill-lower,
input[type="range"]:focus::-ms-fill-lower {
outline: none !important;
}
input[type="range"]:active::-ms-fill-upper,
input[type="range"]:focus::-ms-fill-upper {
outline: none !important;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: #000000;
border: 2px solid #ffffff;
border-radius: 48px;
cursor: pointer;
height: 20px;
padding: 0;
width: 48px;
}
input[type="range"]::-moz-range-thumb {
background-color: #000000;
border: 2px solid #ffffff;
border-radius: 48px;
cursor: pointer;
height: 16px;
margin: 0 4px;
padding: 0;
width: 48px;
}
input[type="range"]::-ms-thumb {
background-color: #000000;
border: 2px solid #ffffff;
border-radius: 48px;
cursor: pointer;
height: 16px;
margin: 0 4px;
padding: 0;
width: 48px;
}
input[type="radio"] {
float: left;
margin: 0;
opacity: 0;
padding: 0;
width: 0;
}
input[type="radio"]+label {
font-size: inherit;
margin-top: 9px;
opacity: 1;
padding-left: 1.8em;
position: relative;
}
input[type="radio"]+label:before {
background-color: #ffffff;
border: 2px solid #cccccc;
border-radius: 1.5rem;
content: "";
display: inline-block;
height: 1.2em;
left: 0;
position: absolute;
top: 0.05em;
width: 1.2em;
}
input[type="radio"]:focus+label:before {
outline: none;
}
input[type="radio"]:checked+label:after {
background-color: #000000;
border-radius: 1em;
content: "";
height: 0.5em;
left: 0.37em;
position: absolute;
top: 0.4em;
width: 0.5em;
z-index: 1;
}
.error input[type="radio"]+label:before {
border-color: rgba(231, 96, 0, 0.5);
}
.error input[type="radio"]:focus+label:before {
outline: none;
}
/*input[type="checkbox"] {
float: left;
margin: 0;
opacity: 0;
padding: 0;
width: 0;
}*/
input[type="checkbox"]+label {
font-size: inherit;
margin-top: 9px;
opacity: 1;
padding-left: 1.8em;
position: relative;
}
input[type="checkbox"]+label:before {
background-color: #ffffff;
border: 2px solid #cccccc;
content: "";
display: inline-block;
height: 1.2em;
left: 0;
position: absolute;
top: 0.05em;
width: 1.2em;
}
input[type="checkbox"]:focus+label:before {
outline: none;
}
input[type="checkbox"]:checked+label:after {
color: #000000;
content: '\2713';
font-family: FontAwesome;
font-size: 1.5em;
left: -0.075em;
position: absolute;
text-align: center;
top: -0.15em;
width: 1em;
z-index: 1;
}
.error input[type="checkbox"]+label:before {
border-color: rgba(231, 96, 0, 0.5);
}
.error input[type="checkbox"]:focus+label:before {
outline: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
display: inline-block;
margin-top: 2%;
float: right;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
output.range-value {
font-family: textBold, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1em;
position: absolute;
right: 0;
top: 3px;
}
output.range-value:before {
color: #b3b3b3;
content: attr(data-label-addendum) ": ";
font-family: Teko, Helvetica, Arial, sans-serif;
}
textarea {
min-height: 7.05em;
resize: vertical;
}
select,
.select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-position: right 0.75em center;
background-repeat: no-repeat;
-moz-padding-end: 2.25em !important;
-moz-padding-start: 0.5em !important;
padding-right: 3em;
padding: 0\9;
position: relative;
width: 100%;
z-index: 2;
}
select,
.select,
select x:-moz-any-link,
.select x:-moz-any-link,
select x:default,
.select x:default {
padding-bottom: 0;
padding-top: 0;
background-image: none;
}
select::-moz-focus-inner,
.select::-moz-focus-inner,
select x:-moz-any-link::-moz-focus-inner,
.select x:-moz-any-link::-moz-focus-inner,
select x:default::-moz-focus-inner,
.select x:default::-moz-focus-inner {
padding: 0 !important;
}
select:-moz-focusring,
.select:-moz-focusring,
select x:-moz-any-link:-moz-focusring,
.select x:-moz-any-link:-moz-focusring,
select x:default:-moz-focusring,
.select x:default:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000000;
}
select.select-sm,
.select.select-sm,
select x:-moz-any-link.select-sm,
.select x:-moz-any-link.select-sm,
select x:default.select-sm,
.select x:default.select-sm {
padding: 0;
}
select.select-sm option,
.select.select-sm option,
select x:-moz-any-link.select-sm option,
.select x:-moz-any-link.select-sm option,
select x:default.select-sm option,
.select x:default.select-sm option {
font-size: 20px;
padding-bottom: 10.8px !important;
padding-top: 11.8px !important;
}
select.select-lg,
.select.select-lg,
select x:-moz-any-link.select-lg,
.select x:-moz-any-link.select-lg,
select x:default.select-lg,
.select x:default.select-lg {
padding: 0;
}
select.select-lg option,
.select.select-lg option,
select x:-moz-any-link.select-lg option,
.select x:-moz-any-link.select-lg option,
select x:default.select-lg option,
.select x:default.select-lg option {
font-size: 30px;
padding-bottom: 15.72499993px !important;
padding-top: 16.72499993px !important;
}
select _:-ms-input-placeholder,
.select _:-ms-input-placeholder,
:root select,
:root .select {
background-image: url('https://static..com/_img/icon_select-dropdown.png');
padding-left: 0.75em;
}
select _:-ms-input-placeholder::-ms-expand,
.select _:-ms-input-placeholder::-ms-expand,
:root select::-ms-expand,
:root .select::-ms-expand {
display: none;
}
select:focus,
.select:focus {
outline: none;
}
.error select,
.error .select {
background-image: url('data:image/svg+xml,');
border-color: rgba(231, 96, 0, 0.3);
color: rgba(231, 96, 0, 0.6);
}
.error select,
.error .select,
.error select x:-moz-any-link,
.error .select x:-moz-any-link,
.error select x:default,
.error .select x:default {
background-image: none;
}
.error select:-moz-focusring,
.error .select:-moz-focusring,
.error select x:-moz-any-link:-moz-focusring,
.error .select x:-moz-any-link:-moz-focusring,
.error select x:default:-moz-focusring,
.error .select x:default:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #006dc2;
}
.error select:focus,
.error .select:focus {
color: rgba(231, 96, 0, 0.2);
}
select option,
.select option {
font-family: Teko, Helvetica, Arial, sans-serif;
line-height: 1.4em;
margin: 0;
opacity: 0.8;
word-spacing: -0.1em;
border: 0 !important;
border-bottom: 1px solid #cccccc !important;
color: #000000 !important;
line-height: 1em;
opacity: 1;
outline: 0 !important;
-moz-padding-start: 0.75em !important;
padding-bottom: 16.5px !important;
padding-top: 17.5px !important;
text-shadow: none !important;
}
select option.infofussnote,
.select option.infofussnote {
color: #cccccc;
font-size: 16px;
}
.intro select option,
.intro .select option {
text-align: center;
}
select option.leading,
.select option.leading {
font-size: 25px;
}
@media (max-width: 1199px) {
select option.leading,
.select option.leading {
font-size: 22.5px;
}
}
@media (max-width: 767px) {
select option.leading,
.select option.leading {
font-size: 20px;
}
}
select option:hover,
.select option:hover {
background-image: none !important;
color: #ffffff;
text-shadow: none;
}
select option:checked,
.select option:checked {
border-bottom: 1px solid #999999 !important;
}
input[disabled],
textarea[disabled],
select[disabled],
input.disabled,
textarea.disabled,
select.disabled {
opacity: 0.5;
}
.option-group {
float: none;
-webkit-margin-top-collapse: separate;
padding: 0;
width: 100%;
}
.option-group legend {
font-size: 16px;
line-height: 1.4em;
padding-bottom: 9.9px;
padding-top: 0;
}
.optional.option-group legend:after,
.required.option-group legend:after {
color: #b3b3b3;
content: attr(data-label-addendum);
font-family: Teko, Helvetica, Arial, sans-serif;
position: absolute;
right: 0;
}
.error.optional.option-group legend:before,
.error.required.option-group legend:before {
color: #006dc2;
content: attr(data-error-message) ": ";
font-family: Teko, Helvetica, Arial, sans-serif;
}
.option-group+.option-group {
margin-top: 24px;
}
.option-group.switch {
padding-bottom: 22.5px;
}
.option-group.switch legend {
padding-bottom: 8.25px;
}
.option-group.switch .entry-group {
float: left;
margin-right: 0px;
margin-right: calc(0px + 1px);
margin-top: 1px;
min-height: 1px;
padding: 25px;
position: relative;
width: 50%;
width: calc(50%);
border: 1px solid #f2f2f2;
border-right: none;
margin-top: 0;
padding: 8.25px 0.75em;
}
.option-group.switch .entry-group:last-child {
border-right: 1px solid #f2f2f2;
}
.option-group.switch .entry-group label {
padding-bottom: 5.5px;
}
@media (min-width: 768px) {
#newsletter-container input {
float: left;
width: 50%;
}
}
.parsley-errors-list.filled li {
position: static !important;
}
.feature {
background-color: #000000;
padding-bottom: 100px;
background-repeat: no-repeat;
background-position: center top;
}
/*#######################################################################
########################################################################*/
/*POLARIS*/
/*#######################################################################
########################################################################*/
.familly-li a {
color: #fff;
}
.familly-li a:hover {
color: #969696;
}
.family-panel.middle {
background-color: #1d2426;
}
.border-right {
border-right: 1px solid;
}
.family-img {
width: 100%;
}
.grey {
background: #5a5a5a;
}
.brand-top-title {
position: relative;
bottom: 70px;
text-transform: uppercase;
background-image: url(images/bg-img-fam.png);
color: #fff;
padding: 20px 15px;
}
.brand-top-title.middle {
background-color: rgba(0, 0, 0, 0.8);
}
.fam-nav a {
padding: 0px !important;
}
.font-change {
font-family: Arial, sans-serif;
font-size: 70%;
font-weight: bold;
}
@media screen and (min-width: 1201px) {
.feature-img,
.feature-txt {
margin-top: 10px;
height: 320px;
}
.feature-img {
padding-top: 0;
}
.feature-txt p {
margin-top: initial;
}
.feature-txt::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.feature-txt::-webkit-scrollbar {
width: 12px;
background-color: transparent;
}
.feature-txt::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #176bbd;
}
.feature-txt {
padding-top: 0;
overflow: auto;
}
}
iframe {
border: none;
width: 100%;
}
#privacy {
margin-top: 10px;
}
#privacy p,
#privacy ul li {
font-family: 'Rokkitt', serif;
}
#privacy h1 {
font-size: 24px;
}
.my360 {
padding-top: 1px;
background: #000;
}
.my360 .threesixty img {
width: 100%;
}
.my360 .swipe-text {
color: #fff;
text-align: center;
background: #006dc2;
margin-top: -1px;
}
.my360 .threesixty {
padding: 0;
}
.center {
text-align: center;
}
sup {
top: -3px;
}
.large-txt sup {
top: -10px;
}
header .shop-section.sticky .navigation-shop .navigation-header a img {
width: 70%;
top: -5px;
position: relative;
}
.widget-trait {
background-color: #000000 !important;
}
#sales-widget-custom-wrapper {
border-bottom: 2px solid #006dc2;
}
* {
box-sizing: border-box;
}
.font-primary {
font-size: 30px;
font-family: Teko, sans-serif;
letter-spacing: 1px;
}
.color-tertiary,
.color-tertiary:focus,
.color-tertiary:hover,
.color-tertiary:visited {
color: #959595;
font-size: 18px;
}
.vehicle-plus-info .color-tertiary,
.vehicle-plus-info .color-tertiary:focus,
.vehicle-plus-info .color-tertiary:hover,
.vehicle-plus-info .color-tertiary:visited {
font-size: 14px;
color: #fff;
}
.btn.btn-sm-secondary {
font-size: 16px;
padding: 5px 14px 1px;
background-color: #006dc2;
color: #fff;
border: 2px solid #006dc2;
border-radius: 0px;
margin: 10px;
box-shadow: 0 1px 1px #959595;
font-family: Teko, serif;
}
.pull-right {
float: right !important;
}
.homepage-teaser-content.speedmax {
position: absolute;
top: 90px;
}
.main-disclaimer.speedmax {
position: absolute;
top: 380px;
}
.figure-caption {
position: absolute;
right: 270px;
bottom: 0;
margin-top: -30px;
width: 100%;
font-size: 18px;
color: #fff;
text-shadow: 2px 2px #000;
opacity: 1;
}
.homepage-teaser-content h1 {
font-size: 50px;
}
.color-light,
.color-light:focus,
.color-light:hover,
.color-light:visited {
color: #e9e9e9;
}
.text-shadow {
text-shadow: 2px 2px #000;
}
#nav.affix {
top: 60px;
width: 100%;
z-index: 1000;
background: #222a2d;
box-shadow: 0 5px 15px #000;
}
#nav.affix.family {
background: transparent;
border: none;
}
#nav.affix-top.family {
background: transparent;
border: none;
}
.black .navigation-site {
background-color: #1a1a1a;
}
.navigation-site .copyright-brand {
color: rgba(255, 255, 255, 0.4);
float: right;
font-size: 16px;
text-transform: uppercase;
white-space: nowrap;
margin-top: 4px;
}
.navigation-site .copyright-brand img {
width: 75%;
display: initial;
margin-top: 10px;
}
#sales-widget-custom-wrapper {
position: relative;
top: -1px;
background: #fff;
z-index: 1000;
}
.model-widget {
padding: 0 0 1px;
margin-top: 1px;
min-height: 80px;
}
.model-name {
padding: 26px 0px 0 5px;
}
.starting-at {
font-size: 14px;
display: block;
}
.family-wholegood__price .starting-at {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-transform: initial;
}
.model-price {
margin: 0px;
padding: 0;
}
.vehicle-price,
.msrp {
display: block;
}
.family-wholegood__price .vehicle-price {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
}
.vehicle-cta-wrap {
padding: 0;
background-color: #696d72;
min-height: 80px;
width: 50%;
}
.vehicle-nav {
padding: 0;
margin-top: 0px;
}
.vehicle-nav-link {
padding: 0;
}
.vehicle-nav-link a {
padding: 8px 12px !important;
}
.vehicle-plus-info {
margin-top: -10px;
}
.info-name {
margin-top: -10px;
font-size: 14px;
min-height: 20px;
}
.vehicle-nav-link a {
background-color: transparent;
font-size: 26px;
padding: 13px 15px 13px;
color: #006dc2;
border: none;
margin: 0px;
box-shadow: none;
position: relative;
top: -1px;
}
.vehicle-nav-link a:hover {
/*background-color: #006dc2;*/
color: #fff;
}
.vehicle-nav-link a {
text-align: center;
}
.footer-dealer-search {
margin-top: 50px;
}
.slider {
margin: 0px auto;
}
.slick-slide {
margin: 0px 0px;
}
.slick-slide.call-to-action {
position: relative;
}
.slick-slide img {
width: 100%;
}
.slick-slide.call-to-action .btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slick-prev:before,
.slick-next:before {
color: #fff;
font-size: 36px;
}
.affix~.section-title {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.container-scrollspy {
padding-top: 0px;
}
.nav {
/*margin-bottom: -1px;*/
}
.nav li a {
padding: 14.5px 0.75em;
line-height: 2.5;
border-radius: 0px;
}
.navbar {
margin-bottom: 0px;
border: none;
border-radius: 0px;
}
.caption {
color: #fff;
bottom: 0;
left: 0;
opacity: 0;
position: relative;
right: 0;
top: -283px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
display: inline-block;
max-width: 565px;
text-align: justify;
padding: 15px;
line-height: 1;
}
.caption:hover {
background: rgba(90, 90, 90, 0.75);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity: 1;
height: 283px;
}
.caption h4 {
font-size: 18px;
}
.home-cat .caption {
position: absolute;
top: 0px;
max-width: initial;
}
.home-cat .caption:hover {
height: initial;
}
.features.slider img {
max-width: 565px;
max-height: 283px;
}
.txt-white.center-div {
position: relative;
top: -174px;
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
.btn.btn-primary {
background-color: #004e97;
color: #fff;
}
.btn {
display: inline-block;
font-size: 24px;
padding: 7px 40px 5px;
text-transform: uppercase;
font-family: Teko, serif;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
border: 0;
outline: 0;
background-image: none;
text-align: center;
-moz-box-shadow: 0 1px 1px #959595;
-webkit-box-shadow: 0 1px 1px #959595;
box-shadow: 0 1px 1px #959595;
}
.form-group .form-control {
padding: 4px 29px;
}
#nav.affix-top {
margin-top: 0;
margin-bottom: 0px;
width: 100%;
}
#label-wrapper label {
font-weight: normal;
font-size: 25px;
font-weight: 700;
text-align: right;
line-height: initial;
}
.background-black {
background-color: #000;
padding-bottom: 40px;
padding-top: 40px;
}
.background-150rg {
background-color: #000;
padding-bottom: 200px;
padding-top: 55px;
}
.left {
text-align: left;
}
.input-sm {
height: 49px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.home-cat {
padding: 0;
margin: 0;
}
.home-image {
position: relative;
}
.title-centered {
position: absolute;
top: 45%;
left: 0;
width: 100%;
color: #fff;
font-size: 45px;
text-shadow: 2px 2px #000;
}
.home .slick-prev {
left: 40px;
z-index: 1;
}
.home .slick-next {
right: 40px;
z-index: 1;
}
.home-image.text-center img {
width: 100%;
}
.home.slick-initialized .slick-slide {
margin-left: 0px;
}
.youtube-video.margin-top {
margin-top: 95px;
}
.newsletter {
padding-bottom: 50px;
padding-top: 50px;
}
ul li {
list-style: none;
}
.top-margin {
width: 100%;
}
.no-padding {
padding: 0 !important;
}
.family-wholegood__image {
margin-left: auto;
display: block;
height: 72px;
margin-right: 8px;
padding-bottom: 4px;
}
.family-wholegood__content {
width: 60%;
position: relative;
}
.family-wholegood {
padding: 5px 0 0 5px !important;
margin: 0;
display: block !important;
height: 110px;
background-color: #ffffff;
text-decoration: none;
color: #000 !important;
font-size: 13px;
margin-bottom: 10px;
}
.family-wholegood__title {
display: inline-block;
border-bottom: 1px solid #ccc;
/*font-family: "United Sans Condensed",serif;*/
text-transform: uppercase;
font-size: 18px;
padding: 0;
}
.mx .family-wholegood__title {
font-size: 15px;
letter-spacing: 0px;
}
.family-wholegood__badge {
display: block;
float: left;
margin-left: -4px;
min-width: 56%;
padding-right: 14px;
position: relative;
}
.family-wholegood__badge-content {
font-weight: 700;
font-size: 12px;
background-color: #697b38;
color: #fff;
display: block;
line-height: 20px;
padding-left: 7px;
padding-right: 7px;
}
.family-wholegood__title-wrap {
clear: both;
white-space: initial;
}
.family-wholegood__price {
white-space: initial;
float: left;
}
.new-label {
display: inline-block;
margin-left: 12px;
padding: 0px 12px;
background: #006dc2;
color: #fff;
}
.navigation-flyout #rzr .new-label {
background: #c31112;
}
.navigation-flyout #general .new-label {
background: #f36c21;
}
.navigation-flyout #ranger .new-label {
background: #697b38;
}
.navigation-flyout #sportsman .new-label,
.navigation-flyout #youth .new-label {
background: #176bbd;
}
.new-label-txt {
color: #006dc2;
}
.rzr .new-label-txt {
color: #c31112;
}
.gnl .new-label-txt {
color: #f36c21;
}
.rgr .new-label-txt {
color: #697b38;
}
.atv .new-label-txt {
color: #176bbd;
}
.drawer-item-group__content-item[data-model-line-code=rgr] .family-wholegood__badge-content {
background-color: #697b38;
color: #fff;
}
.drawer-tab-item,
.drawer-content__item-title,
.drawer-tab-item-family__title {
/*font-family: "United Sans Condensed",serif;*/
text-transform: uppercase;
}
.drawer-tab-item-family__title {
padding: 5px;
text-align: center;
margin-bottom: 5px;
background-color: #aaa;
color: #fff;
}
.mx .drawer-tab-item-family__title {
white-space: initial;
}
.drawer-tab-item {
padding: 5px;
text-align: center;
margin-bottom: 0px;
background-color: white;
}
.fam-nav img {
width: 100%;
}
.panel-pad {
padding: 5px 5px 0px 5px;
}
.helpmechoose-nav {
display: block;
background-color: white !important;
text-align: center;
}
.all-vehicules,
.helpmechoose-nav {
text-align: center;
float: inherit !important;
display: block !important;
}
.admin-family-title {
padding: 5px;
}
.admin-content {
padding: 5px;
overflow: auto;
max-height: 760px;
min-height: 450px;
}
.mx .admin-content {
max-height: 610px;
min-height: 450px;
}
.commercial-family .admin-content {
min-height: 580px
}
.menu-btn {
width: initial !important;
min-width: 140px;
padding: 14px !important;
}
.range.choose a,
.range.active a,
.active.all-vehicules a {
color: #006dc2;
background-color: #fff;
width: initial !important;
}
.range.family-link a {
color: #006dc2 !important;
background-color: #fff !important;
width: 100% !important;
text-align: center;
border: solid 1px #006dc2;
}
.all-vehicules a {
display: block !important;
}
.compare__background-image {
max-height: 210px;
height: 210px;
width: 100%;
}
.background-overlay {
position: relative;
top: -200px;
width: 100%;
height: 100%;
z-index: 1;
}
.compare__content-title.compare--default {
color: #fff;
}
.compare__content-title,
.compare__content-title p {
font-size: 24px;
letter-spacing: 0;
line-height: 24px;
}
.compare__button,
.compare__content-title,
.compare__content-title p {
font-family: "United Sans", serif;
font-weight: 700;
}
.compare__content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.compare__image {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.compare__button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
font-size: 14px;
line-height: 1.42857;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
color: #fff;
text-transform: uppercase;
background-image: url(images/button-background.png);
background-position: left top;
background-color: #222a2d;
padding: 12px 16px;
}
.navigation-site .copyright-brand {
top: 0px;
position: relative;
}
.nav-tab-content {
padding-top: 100px;
}
.content-wrap.nav-tab-section section {
padding: 0;
text-align: initial;
display: initial;
}
.copyright-container {
padding: 0;
}
.trim-color-block-model-info__variants__variant {
-moz-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 40px;
max-height: 40px;
max-width: 40px;
width: 40px;
margin-bottom: 4px;
cursor: pointer;
}
.app-bg {
background-position: center top;
background: #000000 url(../images/common/ranger-150-bg.jpg) no-repeat;
}
.find-bg {
background-position: center top;
background: #000000 url(../images/common/find-bg.jpg) no-repeat;
}
.find-a-dealer-btn {
margin-top: 40px;
}
.swap-color p {
margin-top: 0.6em;
}
.swap-color span {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.swap-color p span {
margin-top: 0.6em;
}
.swap-color .homologation {
opacity: 0.8;
font-family: Teko, sans-serif;
font-size: 20px;
}
.headline {
padding: 3px;
text-align: right;
}
.icon-img {
margin: auto;
max-width: 58px;
min-width: 45px;
}
.icon-img-v2 {
margin: auto;
padding-top: 8px;
padding-right: 8px;
max-width: 58px;
min-width: 45px;
}
.bottom-left {
position: absolute;
bottom: -400px;
left: 134px;
width: 25%;
color: white;
}
.bottom-right {
position: absolute;
text-align: right;
bottom: -860px;
left: 990px;
width: 25%;
color: white;
float: right;
}
.family-link a {
width: 100% !important;
}
.family-link {
width: 100% !important;
}
.content-wrap section p {
margin: initial;
padding: initial;
color: initial;
font-weight: initial;
font-size: initial;
line-height: initial;
}
#newsletter-container .powermail_fieldset {
background-image: none;
}
#newsletter-container .powermail_legend,
#newsletter-container .powermail_label {
display: none;
}
#newsletter-container .powermail_fieldwrap {
display: inline;
}
#newsletter-container .powermail_submit {
margin: 0;
}
.powermail_form.layout1 .powermail_submit {
margin: 10px 0 0 0 !important;
}
.powermail_form.layout1 label {
text-align: center;
}
#newsletter-container .powermail_fieldwrap,
#newsletter-container .powermail_field {
max-width: initial;
/*margin: 0;*/
min-height: 40px;
border-radius: 0;
}
#newsletter-container input[type="text"] {
line-height: initial;
color: rgba(0, 0, 0, 0.4);
}
#newsletter-container input.powermail_field:focus {
border: inherit;
border: 1px solid #ccc;
}
.field_search #inputButton {
position: relative;
right: 40px;
}
/*.tx-solr #inputButton {
width: 50px;
position: absolute;
right: 50px;
top: 65px;
}*/
.tx-solr input[type="text"] {
/*padding: 5.5px;*/
}
.tx-solr .field_search {
margin-top: 15px;
}
.homologation-bloc span {
display: inline-block;
max-height: 42px;
}
.homologation-bloc span.active::after {
content: url(images/checkmark-green.svg);
display: table;
position: relative;
right: -11px;
top: -34px;
}
#swapicon {
display: inline;
}
.cc_message {
max-width: 90%;
}
.family-list-block {
display: block;
position: relative;
bottom: 10px;
height: 230px;
overflow: auto;
padding: 0;
}
.family-list-block .model-title {
margin-top: 0px;
padding: 0;
}
.familly-li {
font-size: 20px;
}
.content-box.black p {
color: #fff;
}
sup sup {
top: 0px;
left: 0px;
}
.countrySelector ul {
-moz-columns: 3;
-webkit-columns: 3;
columns: 3
}
.countrySelector {
text-align: center;
padding-bottom: 45px;
}
.countrySelector ul li {
text-align: left;
}
.countrychoose {
display: block;
font-size: 40px;
padding-top: 25px;
padding-bottom: 25px;
color: gray;
text-transform: uppercase;
}
.nav-tab-content .font-primary {
padding-bottom: 15px;
}
/*BECOME A DEALER START*/
.become-a-dealer a {
color: #1b1b1b;
}
.become-a-dealer {
float: left;
/*display: inline-block;*/
background-color: #676464;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin: auto;
width: 100%;
margin-top: 80px;
/*padding-top: 80px;*/
}
.become-a-dealer li,
.become-a-dealer .details {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.become-a-dealer .list-disc li {
list-style: disc;
line-height: 25px;
}
.become-a-dealer .underline {
text-decoration: underline;
text-transform: uppercase;
}
.footer-text {
font-size: 27px;
}
.become-a-dealer .title-bold {
font-weight: bold;
margin: 5px 0;
}
.become-a-dealer .btn-primary {
padding: 15px;
width: 80%;
}
.become-a-dealer .network-title .btn-primary {
padding: 15px;
width: 80%;
margin: auto;
}
.become-a-dealer ul {
padding-left: 2em;
}
.become-a-dealer-footer {
background-color: #1b1b1b;
float: left;
/*display: inline-block;*/
font-family: Arial, Helvetica, sans-serif;
color: #fff;
padding: 25px 110px;
bottom: -10px;
position: relative;
margin: auto;
width: 100%;
}
.become-a-dealer .footer-list li {
font-size: 14px;
}
.become-a-dealer .footer-list a {
color: #fff;
}
.become-a-dealer .network-title {
padding-top: 30px;
}
.become-a-dealer .contact-title {
padding-top: 30px;
padding-bottom: 30px;
width: 50%;
margin: auto;
}
.become-a-dealer .details.padding {
padding: 0px 120px;
}
.become-a-dealer img {
width: 35%;
}
.become-a-dealer .btn-contact {
color: #ffffff;
background-color: #000000;
border-color: #000000;
padding: 15px;
}
/*BECOME A DEALER END*/
.legal ul {
margin-bottom: 10px;
}
.legal ul li {
list-style: initial;
color: #5a5a5a;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
opacity: 0.8;
}
.legal p {
margin-bottom: 10px;
color: #5a5a5a;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px;
text-align: justify;
opacity: 0.8;
}
.legal a {
color: #0026f7;
font-weight: bold;
}
.privacy-btn {
margin: 20px 0;
}
.privacy-btn .btn {
font-size: 20px;
}
/*###############2019################*/
.position-relative {
position: relative;
margin-bottom: 2px;
}
.nav>li>a {
text-transform: inherit;
}
.btn-light,
.btn {
text-transform: initial;
/*font-family: Arial,Helvetica,sans-serif;*/
font-family: Teko, sans-serif;
color: #fff;
font-size: 18px;
/*font-weight: 600;*/
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
padding: 8px 14px 8px;
background: #004e97;
border: none;
cursor: pointer;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
-webkit-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-item-align: start;
-webkit-align-self: flex-start;
-webkit-flex-item-align: flex-start;
align-self: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-white {
background: #fff;
color: #000
}
.btn-black {
background: #000;
color: #fff
}
.btn-md {
height: 46px;
}
.widget-full,
.font-family-primary {
font-family: "United Sans", serif;
}
.widget-full a {
font-size: 18px;
}
.vehicle-price-wrap .vehicle-cost,
.model-name h3 {
font-family: "United Sans", serif;
font-size: 24px;
}
.vehicle-price-wrap span {}
.vehicle-price .starting-at,
.vehicle-price .vehicle-price-tax {
font-size: 16px;
}
/* VEHICLE MAIN IMAGE LAYER */
.top-content {
background-color: transparent;
}
.img-background-container.model-main {
position: relative;
overflow: hidden;
-moz-transform: preserve-3d;
-ms-transform: preserve-3d;
-o-transform: preserve-3d;
-webkit-transform: preserve-3d;
transform: preserve-3d;
}
.img-background-container.model-main .img-background-full {
width: 100%;
margin: 0;
}
.img-background-container.model-main .layout__gradient {
position: absolute;
top: 0%;
left: 0;
width: 60%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
z-index: 0;
}
.img-background-container.model-main .img-background-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 0 20px;
}
.layout__content-multi,
.layout__content-single {
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
.layout__content {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.layout__alignment-vertical-center {
-ms-flex-item-align: center;
-webkit-align-self: center;
-webkit-flex-item-align: center;
align-self: center;
}
.layout__item-40 {
width: 40%;
}
.layout__item {
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
}
.font-color-light {
color: #fff;
}
.button-list__wrapper {
overflow-x: hidden;
}
.button-list__item {
margin-top: 10px;
}
.widget-full .button-list__item {
margin: 5px;
}
.button-list__display-inline {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-list__content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-list__alignment-horizontal-left {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.button-list__alignment-horizontal-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.wholegood-hero-info__description {
line-height: 1;
}
.font-family-primary.font-size-xxl,
.font-family-primary.font-size-xxl p {
display: block;
}
/*######################################################################*/
@media (min-width: 1200px) {
.font-family-primary.font-size-xxxl,
.font-family-primary.font-size-xxxl p {
font-size: 42px;
padding-bottom: 4px;
}
.font-size-lg,
.font-size-lg p {
font-size: 20px;
}
.font-family-primary.font-size-xxl,
.font-family-primary.font-size-xxl p {
font-size: 34px;
display: block;
line-height: 1;
}
}
/*######################################################################*/
@media (min-width: 768px) {
.button-list__content .button-list__item {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.button-list__content {
margin-left: -5px;
margin-right: -5px;
}
.button-list__item {
margin-left: 5px;
margin-right: 5px;
}
}
/*######################################################################*/
@media (max-width: 767px) {
.vehicle-nav-link-2 a {
padding: 0px 15px !important;
}
.top-content {
padding-top: 60px;
}
.button-list__content .button-list__item:first-child {}
}
.scrollspy .navbar {
min-height: inherit !important;
}
.vehicle-nav-link a {
color: #fff;
}
.navigation-brand img {
padding-left: 10px;
}
.disclaimer.wholegood-hero-info__description {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
text-align: initial;
font-weight: initial;
color: #fff;
background: #8080805e;
padding: 10px;
margin-top: 10px;
}
.navbar.affix-top .menu-toggle {
cursor: pointer;
text-align: center;
line-height: 1;
}
.navbar.affix-top .heading .caret {
margin: 4px 8px 0;
}
.caret-down {
border-bottom-width: 0;
}
.caret-down,
.caret-up {
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.caret-light {
border-color: #fff;
}
.caret-md {
margin-top: -5px;
border-width: 12px;
}
.caret {
/* display: block; */
width: 0;
height: 0;
border-style: solid;
}
/**/
/*######################################################################*/
@media (min-width: 992px) {
.navbar.affix-top .menu-toggle {
display: none;
}
}
/*######################################################################*/
.scrollspy .navbar-header .navbar-toggle {
float: left;
margin-left: 15px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.top-content {
padding-top: 59px;
}
.dealer-website .top-content {
padding-top: 81px;
}
.navbar.affix .buttonlist {
display: block !important;
}
.img-background-full {
position: relative;
margin-right: auto;
display: block;
}
/*######################################################################*/
@media (min-width: 1200px) {
.img-background-full {
margin-left: calc((100% - 1920px)/ 2);
}
}
/*######################################################################*/
@media (max-width: 1199px) and (min-width: 992px) {
.img-background-full {
margin-left: calc((100% - 1200px)/ 2);
}
}
/*######################################################################*/
@media (max-width: 991px) and (min-width: 768px) {
.img-background-full {
margin-left: calc((100% - 992px)/ 2);
}
}
/*WIDGET*/
.model-widget-2 {
color: #000;
}
.widget-2 a {
color: #000;
line-height: initial !important;
}
.button-list__content.button-list__display-inline.button-list__alignment-horizontal-right a {
padding: 7px 18px 5px;
background: #004e97;
}
.widget-full .nav {
bottom: -12px;
position: relative;
}
.widget-full {
position: relative;
padding: 12px 12px;
display: flex;
justify-content: space-between;
align-items: center;
/*background-color: #eee;*/
}
.widget-full .widget-2 {
flex: 1;
}
.widget-full .model-widget-2 {
overflow: hidden;
padding: 0;
}
.widget-full .model-widget-2 .model-name {
padding: 0;
float: left;
}
.widget-full .model-widget-2 .model-name h3,
.model-price .vehicle-price-wrap .vehicle-price {
font-size: 28px;
}
.widget-full #triggerResponsiveVehicleNav {
margin-top: -4px;
margin-right: 6px;
cursor: pointer;
}
.widget-full #triggerResponsiveVehicleNav>span {
display: block;
width: 24px;
height: 3px;
background: #000;
margin: 4px 0;
transition: all .25s ease;
transform-origin: center left;
}
.widget-full #triggerResponsiveVehicleNav.active>span:first-child {
transform: rotateZ(45deg) translate(0px, -2px);
}
.widget-full #triggerResponsiveVehicleNav.active>span:nth-child(2) {
opacity: 0;
}
.widget-full #triggerResponsiveVehicleNav.active>span:last-child {
transform: rotateZ(-45deg) translate(0px, 2px);
}
.widget-full .model-widget-2 .model-name h3,
.widget-full .model-widget-2 .model-price .vehicle-price-wrap {
line-height: 1;
}
#priceDisp.vehicle-price {
padding: 0;
}
.widget-full .model-widget-2 .model-price .vehicle-price {
margin-left: 24px;
display: initial;
}
.widget-full .model-widget-2 .starting-at {
display: inline;
}
/*WIDGET END*/
/*FEATURES*/
.feature-txt {
color: white;
}
.regular.features p {
opacity: initial;
}
/*######################################################################*/
@media screen and (min-width: 1201px) {
.feature-img,
.feature-txt {
margin-top: 10px;
height: 320px;
}
.feature-txt {
padding-top: 0;
overflow: auto;
}
.feature-img {
padding-top: 0;
}
}
/*FEATURES END*/
/*LAYER*/
.model-price {
padding: 0 !important;
}
.button-list__display-inline a {
height: auto;
}
/*######################################################################*/
@media screen and (max-width: 1199px) {
.range.active a {
color: #000 !important;
background-color: #aaa !important;
}
#nav-2.affix {
top: 0px;
}
.widget-full .model-widget-2 .model-name {
padding: 0;
}
.widget-full a {
/*font-size: 13px;*/
}
.dealer-website .top-content {
padding-top: 62px;
}
}
/*######################################################################*/
@media screen and (max-width: 811px) {
.vehicle-nav-link-2 a {
font-size: 18px !important;
}
}
/*######################################################################*/
@media (min-width: 768px) {
.widget-full #triggerResponsiveVehicleNav {
display: none;
}
}
/*######################################################################*/
/*END LAYER*/
/*FINANCING DISCLAIMER */
#modalBoxRental .financing-diclaimer {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
clear: both;
position: absolute;
z-index: -1;
top: 70px;
}
#modalBoxRental .financing-diclaimer header {
padding: 20px;
}
#modalBoxRental .financing-diclaimer article {
padding: 28px;
}
#modalBoxRental .financing-diclaimer h1 {
margin-bottom: 10px;
font-size: 45px;
text-transform: uppercase;
}
#modalBoxRental .financing-diclaimer h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
text-transform: initial;
color: initial;
line-height: 22px;
font-weight: bold;
}
#modalBoxRental .financing-diclaimer p {
font-size: 16px;
text-align: justify;
opacity: 0.8;
padding-bottom: 5px;
}
#modalBoxRental .financing-diclaimer span {
line-height: 1.4em;
}
#modalBoxRental .financing-diclaimer .font-up {
font-size: 18px;
}
#modalBoxRental .financing-diclaimer .font-down {
font-size: 13px;
}
#modalBoxRental .financing-diclaimer .bold {
font-weight: bold;
}
.hero-price a {
color: #fff;
}
/*FINANCING DISCLAIMER END*/
/*NAV*/
#nav-2.navbar {
min-height: auto;
width: 100%;
max-width: initial;
background-color: #eee;
}
#nav-2.affix {
/*top: 60px;*/
width: 100%;
z-index: 1000;
/*background: #fff;*/
box-shadow: 0 5px 15px #000;
/*background-color: #eee;*/
}
#nav-2.affix-top {
margin-top: 0;
margin-bottom: 0px;
width: 100%;
max-width: initial;
position: absolute;
}
.vehicle-nav-link-2 a {
padding: 10px 15px !important;
}
.vehicle-nav-link-2 {
padding: 0;
}
.vehicle-nav-link-2.active {
background: #aaa;
}
.vehicle-nav-link-2.active a {
color: #fff;
}
.vehicle-nav-2 {
padding: 0;
margin-top: 0px;
}
.nav>li>a:focus,
.nav>li>a:hover {}
/*######################################################################*/
@media (min-width: 1201px) {
#nav-2.affix {
top: 60px;
}
}
/*######################################################################*/
@media (max-width: 1199px) {
.container-scrollspy {
padding-top: 70px;
}
}
/*######################################################################*/
@media (max-width: 767px) {
.hero-price a {
color: #000;
}
#nav-2.container {
padding-right: 0px;
padding-left: 0px;
}
#myNavbar.topnav {
display: none;
}
#myNavbar.topnav.open {
display: block;
}
#myNavbar .vehicle-nav-2 {
position: absolute;
top: 100%;
left: 0;
bottom: initial;
width: 100%;
margin: 0;
padding: 6px 12px;
background-color: #eee;
border-top: 3px solid #000;
z-index: 9;
}
.navbar #myNavbar .vehicle-nav-2 .button-list__item {
display: block;
}
.navbar.affix #myNavbar .vehicle-nav-2 .button-list__item {
display: block;
}
.vehicle-cta-wrap-2 {
display: initial;
padding: 0;
margin: 0;
}
}
/*NAV END*/
/*######################################################################*/
@media (max-width: 767px) {
.container-scrollspy {
padding-top: 60px;
}
.img-background-full {
margin-left: auto;
max-width: 100%;
}
.font-color-dark.mobile-font-color-secondary,
.font-color-light.mobile-font-color-secondary,
.font-color-primary.mobile-font-color-secondary,
.font-color-secondary.mobile-font-color-secondary,
.font-color-tertiary.mobile-font-color-secondary {
color: #252525;
}
.font-family-primary.font-size-xxxl,
.font-family-primary.font-size-xxxl p {
padding-bottom: 15px;
font-size: 36px;
}
.hero-price {
font-size: 30px;
}
.font-size-lg,
.font-size-lg p {
font-size: 20px;
}
.button-list__display-inline a {
width: 100%;
}
.wholegood-hero-info__wrapper {
margin-top: 0px;
}
.font-color-light {
color: #252525 !important;
}
.img-background-overlay {
position: relative;
}
.layout__item {
width: 100% !important;
display: block !important;
margin-right: 0 !important;
margin-bottom: 20px;
}
.widget-full .button-list__item {
margin: 5px 0;
}
.btn.btn-sm {
height: initial;
}
.button-list__content {
display: block;
}
.img-background-container.model-main .layout__gradient {
display: none;
}
.img-background-container.model-main .img-background-overlay {
position: relative;
margin: 15px 0;
}
.model-widget-2 {
border-bottom: none;
}
.widget-full .model-widget-2 .model-price {
padding: 0;
}
#nav-2.affix {
top: 0px;
}
}
/*######################################################################*/
.choose.range,
.help-me-choose {
border: solid 1px #006dc2 !important;
background-color: transparent;
}
.choose.range.commercial-range {
border-color: #697b38 !important;
}
.choose.range a,
.help-me-choose a {
color: #006dc2 !important;
}
.choose.range.commercial-range a {
color: #697b38 !important;
}
.menu-btn {
border-bottom: solid 1px #ccc !important;
}
.btn {
min-width: 130px;
}
.info-layer {
padding-top: 110px;
}
.header-reset {
float: none;
position: static;
z-index: auto;
}
.built-title {
display: none;
}
.disclamer-copyright {
padding: 0px 15px;
}
/*###############END2019################*/
/*#############################################################################
######################### LARGES SCREENS END ############################*/
/*############################### DEVICES ####################################
#############################################################################*/
@media screen and (min-width: 1201px) {
.range {
padding: 5px 0;
width: auto;
}
.range a {
padding: 10px 5px !important;
}
.background-container {
background-size: contain;
}
.navigation-shop .navigation-header .navigation-brand img {
width: 100%;
}
.commercial-range {
position: absolute;
bottom: -60px;
}
.range.pro-xd {
position: absolute;
bottom: -120px;
}
.help-me-choose {
position: absolute;
bottom: -60px;
}
.commercial-family .help-me-choose {
bottom: -180px;
}
.menu-btn {
background: transparent !important;
color: #000 !important;
}
.menu-btn:hover {
background: transparent !important;
color: #000 !important;
}
.navigation-site {
border-top: 2px solid #006dc2;
background-color: rgba(0, 0, 0, 1);
bottom: 0px;
left: 0;
position: fixed;
right: 0;
z-index: 1000;
}
.container-scrollspy {
position: relative;
top: -144px;
}
.dealer-top {
max-width: 300px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 2001px) {
.figure-caption {
right: 40px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1641px) {
.brand-top-title h4 {
font-size: 24px;
}
.brand-top-title {
bottom: 64px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1501px) {
.figure-caption {
margin-top: -30px;
right: 20px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1348px) {
.brand-top-title h4 {
font-size: 19px;
}
.brand-top-title {
bottom: 58px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1291px) {
.familly-li {
font-size: 16px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1199px) {
.become-a-dealer img {
width: 60%;
}
.become-a-dealer .network-title .btn-primary {
width: 100%;
}
.become-a-dealer-footer {
padding: 0px 0px;
}
.become-a-dealer {
margin-top: initial;
}
.figure-caption {
right: 10px;
}
.nav-tab-content {
padding-top: 0px;
}
.range a {
color: #fff !important;
}
.navigation-site-item.show {
display: initial !important;
}
.homepage-teaser-content.speedmax {
top: 44px;
right: 220px;
}
.top-content {
/* padding-top: 0px; */
}
.range.choose a,
.range.active a {
text-align: center;
}
.menu-btn {
text-align: center;
}
.family-wholegood {
height: 110px;
}
.family-wholegood:after {
content: none !important;
}
.page-footer #community-tools p {
margin-top: -15px;
margin-bottom: 15px;
}
.navigation-site .copyright-brand {
background-color: #000;
margin: auto;
width: 100%;
position: relative;
}
.widget.container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
#nav {
padding: 0;
width: 100%;
}
.model-name .font-primary,
.model-price .font-primary {
font-size: 26px;
}
.starting-at {
font-size: 20px;
display: block;
}
.vehicle-price-wrap {
padding: 14px 0 0 0;
float: right;
}
.model-widget {
padding: 0;
margin-top: 1px;
min-height: 80px;
}
.vehicle-nav-link a {
padding: 5px 15px 5px;
}
.btn-group-sm .btn,
.btn-sm {
font-size: 20px;
}
#nav.affix {
top: 0;
}
sup {
top: -7px;
}
.navigation-site .copyright-brand {
float: none;
}
.navigation-site .copyright-brand img {
max-width: 19%;
}
.inline {
display: inline-flex;
}
.navigation-shop .navigation li .navigation-flyout.three-cols ul li {
padding: 0 5px
}
.range-3 a:after {
content: none !important;
}
.navigation-shop .navigation li .navigation-flyout.three-cols li {
width: calc(100%) !important;
}
.navigation-shop .navigation li .navigation-flyout.three-cols ul {
width: calc(100%);
}
.helpmechoose-nav {
margin-top: 0;
}
.range {
padding: 5px;
}
.range a {
padding: 10px !important;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1104px) {
.brand-top-title h4 {
font-size: 17px;
}
.brand-top-title {
bottom: 57px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 1199px) and (min-width: 768px) {
.top-content,
.nav-tab-content {
/*padding-top: 65px;*/
min-height: initial;
}
.navigation-tools .navigation li {
background: #fff;
margin-top: -3px;
}
.navigation-tools .navigation {
background: #000;
}
.model-name {
padding: 20px 0 0 15px;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 1024px) {
.navigation-site {
position: initial;
border-top: none;
}
.navbar-default .navbar-nav li a {
padding: 0px 12px;
}
.vehicle-nav-link a {
padding: 13px 10px !important;
font-size: 22px !important;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 1005px) {
.brand-top-title h4 {
font-size: 14px;
}
.brand-top-title {
bottom: 54px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 991px) {
.brand-top-title h4 {
font-size: 14px;
}
.family-wholegood {
height: initial;
}
.family-wholegood__image {
padding-bottom: 0;
}
.family-wholegood__title {
font-size: 20px;
display: inherit;
}
.mx .family-wholegood__title {
font-size: 20px;
}
.family-wholegood__price {
font-size: 20px;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 960px) {
.become-a-dealer .details.padding {
padding: 0 20px;
}
.brand-top-title h4 {
font-size: 12px;
}
.brand-top-title {
bottom: 51px;
}
.icon a img {
max-width: 100%;
position: absolute;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width: 928px) {
.tabs nav a span {
font-size: 1.0em;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 895px) {
.model-name .font-primary,
.model-price .font-primary {
font-size: 26px;
}
.vehicle-price-wrap {
padding: 12px 0 0 0;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 895px) {
.familly-li {
font-size: 12px;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 860px) {
.vehicle-nav-link a {
padding: 13px 4px !important;
font-size: 22px !important;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 805px) {
.become-a-dealer .btn-primary {
width: 100%;
}
.model-name .font-primary,
.model-price .font-primary {
font-size: 23px;
}
}
/*#############################################################################
#############################################################################*/
@media (max-width: 767px) {
.become-a-dealer {
margin-top: 59px;
}
.brand-top-title h4 {
font-size: 30px;
}
.familly-li {
font-size: 20px;
}
#model-select {
margin-top: 80px;
}
.icon-img {
max-width: initial;
}
.figure-caption {
right: 6px;
width: 100%;
padding: 0 12px;
font-size: 14px;
line-height: 1;
text-align: center;
}
.top-content {
padding-top: 58px;
}
.nav-tab-content {
padding-top: 20px;
}
.vehicle-cta-wrap {
width: 100%;
}
#nav.affix {
position: initial;
}
.vehicle-nav-link a {
padding: 0px 15px !important;
}
.color-tertiary {
font-size: 15px;
}
.model-name .font-primary,
.model-price .font-primary {
font-size: 26px;
}
#nav.affix {
top: 0px;
}
.model-widget,
.vehicle-nav-link {
border-bottom: 1px solid #006dc2;
}
.vehicle-nav-link:last-child {
border: none;
}
.model-name .font-primary {
font-size: 26px;
}
.model-widget {
padding: 0;
display: -webkit-box;
min-height: initial;
}
.vehicle-plus-info {
margin-top: -2px;
}
.widget.container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.vehicle-cta-wrap {
display: initial;
padding: 0;
margin: 0;
}
.vehicle-price-wrap,
.vehicle-price-wrap-2 {
float: none;
padding: 7px 0 0 0;
}
.btn-sm,
.btn-group-sm .btn {
padding: 2px 25px;
}
.vehicle-nav-link,
.vehicle-nav-link-2 {
padding-left: 15px;
}
.vehicle-nav-link a,
.vehicle-nav-link-2 a {
text-align: left;
}
.features.slider {
max-height: initial;
}
.caption {
background-color: #faf5ec;
color: #000;
padding: 6px 5px;
top: initial;
opacity: 1;
max-width: initial;
width: 100%;
min-height: 150px;
}
.news.news-single .caption {
background-color: transparent;
min-height: initial;
}
.caption:hover {
height: initial;
background-color: #faf5ec;
}
.features.slider img {
max-width: initial;
max-height: initial;
}
.affix~.section-title {
position: relative;
margin-top: 10px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.container-scrollspy {
padding-top: 0px;
}
.nav li a {
top: 0;
}
.bike-detail-page #infolayer {
padding-bottom: 0px;
}
.image-hero {
margin-top: 59px;
display: inline;
}
section.top-page {
padding-top: 59px;
}
.navigation-site {
border-top: none;
}
.newsletter {
border-bottom: none;
}
.newsletter .container,
.background-black .container {
padding: 0;
}
.slick-initialized .slick-slide {
margin-left: 0px;
}
.navbar-default .navbar-nav li a {
padding: 0px 30px;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width:480px) {
.become-a-dealer ul {
padding-left: 10px;
}
.caption h3 {
font-size: 12px;
}
.homologations,
.available-colors {
font-size: 17px !important;
}
}
/*#############################################################################
#############################################################################*/
@media screen and (max-width:320px) {
.navigation-shop .navigation-shop-toggle {
top: -5px;
}
header .shop-section .navigation-shop .navigation-header a img {
width: 70%;
top: 5px;
}
}
/*POLARIS*/
#jump-nav {
width: 100%;
z-index: 100;
}
.tab-row {
border-top: 2px solid #006dc2;
margin-left: 0;
margin-right: 0;
}
.tab-row div {
padding: 0;
}
.tab-row [class*=col-]>a {
display: block;
text-align: center;
border: 1px solid #959595;
border-top: none;
padding: 7px;
background-color: #fff;
margin: 0;
font-size: 14px;
}
.pga-tabs-wrap .nav-tabs [class*=col-]:first-child>a,
.pga-tabs-wrap .nav-tabs [class*=col-]:first-child>a:active,
.pga-tabs-wrap .nav-tabs [class*=col-]:first-child>a:focus,
.pga-tabs-wrap .nav-tabs [class*=col-]:first-child>a:hover,
.tab-row [class*=col-]:first-child>a {
border-left: 1px solid #959595;
}
.background-overlay-lg,
.background-overlay-md,
.background-overlay-sm,
.background-overlay-xs {
top: 144px;
width: 100%;
height: 100%;
z-index: 0;
}
.margin-bottom-sm,
.margin-top-bottom-sm {
margin-bottom: 7px
}
.margin-top-bottom-md,
.margin-top-md {
margin-top: 14px
}
.margin-bottom-md,
.margin-top-bottom-md {
margin-bottom: 14px
}
.margin-top-bottom-lg,
.margin-top-lg {
margin-top: 21px
}
.margin-bottom-lg,
.margin-top-bottom-lg {
margin-bottom: 21px
}
.margin-top-bottom-xxl,
.margin-top-xxl {
margin-top: 28px
}
.margin-bottom-xxl,
.margin-top-bottom-xxl {
margin-bottom: 28px
}
.padding-top-bottom-sm,
.padding-top-sm {
padding-top: 7px
}
.padding-bottom-sm,
.padding-top-bottom-sm {
padding-bottom: 7px
}
.padding-top-bottom-md,
.padding-top-md {
padding-top: 14px
}
.padding-bottom-md,
.padding-top-bottom-md {
padding-bottom: 14px
}
.padding-top-bottom-lg,
.padding-top-lg {
padding-top: 21px
}
.padding-bottom-lg,
.padding-top-bottom-lg {
padding-bottom: 21px
}
.padding-top-bottom-xxl,
.padding-top-xxl {
padding-top: 28px
}
.padding-bottom-xxl,
.padding-top-bottom-xxl {
padding-bottom: 28px
}
.padding-sm {
padding: 7px
}
.padding-md {
padding: 14px
}
.padding-lg {
padding: 21px
}
.padding-xxl {
padding: 28px
}
.overflow-hidden {
overflow: hidden
}
.height-full {
height: 100%
}
.color-swatch img {
max-width: 50px;
display: inline !important;
}
.promo-bikes {
text-align: center;
padding: 20px 0;
}
.prev {
/* color: #fff;
font-size: 60px;
position: absolute;
top: 45%;
left: 10px;
float: left;*/
}
.next {
/* color: #fff;
font-size: 60px;
position: absolute;
top: 45%;
right: 10px;
float: right;*/
}
.close {
color: #fff;
font-size: 30px;
position: absolute;
top: 5px;
right: 10px;
float: right;
cursor: zoom-out;
}
/*Parralax*/
#main {
width: 100%;
padding: 0;
}
.content-asset p {
margin: 0 auto;
}
.breadcrumb {
display: none;
}
/* Helpers */
/**************************/
.margin-top-10 {
padding-top: 10px;
}
.margin-bot-10 {
padding-bottom: 10px;
}
/* Typography */
/**************************/
#parallax-world-of-ugg h1 {
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
color: black;
padding: 0;
margin: 0;
}
#parallax-world-of-ugg h2 {
font-family: 'Teko', Arial, Helvetica, sans-serif;
font-weight: 400;
color: #fff;
z-index: 10;
}
#parallax-world-of-ugg h3 {
font-family: 'Oswald', sans-serif;
font-size: 14px;
line-height: 0;
font-weight: 400;
letter-spacing: 8px;
text-transform: uppercase;
color: black;
}
#parallax-world-of-ugg p {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 24px;
}
.first-character {
font-weight: 400;
float: left;
font-size: 84px;
line-height: 64px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: 'Source Sans Pro', sans-serif;
}
.sc {
color: #3b8595;
}
.ny {
color: #3d3c3a;
}
.atw {
color: #c48660;
}
/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {
background: white;
padding: 60px;
margin: 0 auto;
text-align: center;
}
#parallax-world-of-ugg .title h1 {
font-size: 35px;
letter-spacing: 8px;
}
/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {
background: white;
padding: 60px;
width: 820px;
margin: 0 auto;
text-align: justify;
}
#parallax-world-of-ugg .block-gray {
background: #f2f2f2;
padding: 60px;
}
#parallax-world-of-ugg .section-overlay-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.70;
}
/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {
padding-top: 180px;
padding-top: 190px;
padding-bottom: 190px;
overflow: hidden;
position: relative;
width: 100%;
background-image: url(/fileadmin/templates/pol_MY18/img/commun/paralax-xx.jpg);
background-attachment: fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-two {
padding-top: 180px;
padding-top: 190px;
padding-bottom: 190px;
overflow: hidden;
position: relative;
width: 100%;
background-image: url(/fileadmin/templates/pol_MY18/img/commun/paralax-xx2.jpg);
background-attachment: fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
#parallax-world-of-ugg .parallax-fr {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-fr.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-comm {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-comm.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-other {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-other.jpg);
background-blend-mode: soft-light;
background-attachment: inherit;
padding-bottom: 230px;
}
#parallax-world-of-ugg .parallax-taylor-dun {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-taylor-dunn.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-utility {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-utility.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-defence {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-defence.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-goupil {
background-image: linear-gradient(#444444, #444444), url(/fileadmin/templates/pol_MY18/img/commun/paralax-goupil.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-au {
background-image: linear-gradient(#eeeeeef0, #eeeeee61), url(/fileadmin/templates/pol_MY18/img/commun/paralax-au.jpg);
background-blend-mode: soft-light;
}
#parallax-world-of-ugg .parallax-nz {
background-image: linear-gradient(#eeeeeef0, #eeeeee61), url(/fileadmin/templates/pol_MY18/img/commun/paralax-nz.jpg);
background-blend-mode: soft-light;
}
/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {
border-bottom: 1px solid black;
width: 150px;
margin: 0 auto;
}
/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
#parallax-world-of-ugg .block {
padding: 40px;
width: 620px;
}
}
@media screen and (max-width: 767px) {
#parallax-world-of-ugg .block {
padding: 30px;
width: 420px;
}
#parallax-world-of-ugg h2 {
font-size: 24px;
}
#parallax-world-of-ugg .block {
padding: 30px;
}
#parallax-world-of-ugg .parallax-one,
#parallax-world-of-ugg .parallax-two,
#parallax-world-of-ugg .parallax-three {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (max-width: 479px) {
#parallax-world-of-ugg .block {
padding: 30px 15px;
width: 290px;
}
}
/* menu drop down nav */
/**************************/
/* homologation couleurs */
/**************************/
.margin-right {
margin-right: 20px;
}
.homolog-content {
/*text-align: center;*/
}
.homolog-content p {
/*font-family: arial;*/
/*font-size: 14px;*/
}
.icon img {
width: 80%;
margin-bottom: 6px;
}
.trim-color__special-edition-features ul {
font-size: 16px;
line-height: 1.6;
font-family: Arial, Helvetica, sans-serif;
}
.trim-color__special-edition-features li {
line-height: 1.6;
list-style: initial;
list-style-position: inside;
}
.trim-color__special-edition-features {
/*padding-left: 0px; */
}
.iva-color {
margin-top: 0px !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.msrp {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-transform: initial;
letter-spacing: 0px;
}
.ace-500,
.ace-570,
.ace-900-xc,
.all-rgr-profile,
.general-1000-eps-deluxe,
.general-1000-eps-premium,
.general-1000-eps-rc,
.general-1000-eps,
.general-4-1000-eps-rc,
.general-4-1000-eps,
.rgr-500,
.rgr-570-4-eps,
.rgr-570-4,
.rgr-570-6,
.rgr-570-eps,
.rgr-570-full,
.rgr-570,
.rgr-crew-xp-1000-eps-hl,
.rgr-crew-xp-1000-eps-ns,
.rgr-crew-xp-1000-eps,
.rgr-crew-xp-900-eps-turbo,
.rgr-crew-xp-900-eps,
.rgr-crew-xp-900,
.rgr-ev,
.rgr-xp-1000-eps-hl,
.rgr-xp-1000-eps-ns-rc,
.rgr-xp-1000-eps-ns,
.rgr-xp-1000-eps-rc,
.rgr-xp-1000-eps,
.rgr-xp-900-eps-turbo,
.rgr-xp-900-eps,
.rgr-xp-900,
.rzr-570,
.rzr-900-eps,
.rzr-rs1,
.rzr-s-1000,
.rzr-s-4-1000-dynamix,
.rzr-s-4-1000-hl,
.rzr-s-4-1000-rc,
.rzr-s-4-1000,
.rzr-s-4-turbo,
.rzr-s-900,
.rzr-xp-1000-dynamix,
.rzr-xp-1000-hl,
.rzr-xp-1000-rc,
.rzr-xp-1000-trail-rock,
.rzr-xp-1000,
.rzr-xp-4-1000-dynamix,
.rzr-xp-4-1000-hl,
.rzr-xp-4-1000-rc,
.rzr-xp-4-1000,
.rzr-xp-4-turbo,
.rzr-xp-turbo-s,
.rzr-xp-turbo,
.spt-450-ho,
.spt-570-eps,
.spt-570-sp,
.spt-570,
.spt-6x6,
.spt-touring-570-sp,
.spt-touring-570,
.ace-150,
.outlaw-110-gr,
.outlaw-110-pk,
.outlaw-50-pk,
.outlaw-50gr,
.phoenix-200,
.rgr-150,
.rzr-170-blk,
.rzr-170-ghost,
.spt-110 {
max-width: 100%;
background-size: 100%;
background-image: url('/fileadmin/templates/pol_MY18/css/image/sprite-menu-mx.png');
}
.ace-500 {
background-position: 0 0%;
background-size: 100%;
}
.ace-570 {
background-position: 0 1.418021%;
background-size: 100%;
}
.ace-900-xc {
background-position: 0 2.836041%;
background-size: 100%;
}
.all-rgr-profile {
background-position: 0 4.254062%;
background-size: 100%;
}
.general-1000-eps-deluxe {
background-position: 0 5.672083%;
background-size: 100%;
}
.general-1000-eps-premium {
background-position: 0 7.090103%;
background-size: 100%;
}
.general-1000-eps-rc {
background-position: 0 8.508124%;
background-size: 100%;
}
.general-1000-eps {
background-position: 0 9.926145%;
background-size: 100%;
}
.general-4-1000-eps-rc {
background-position: 0 11.344165%;
background-size: 100%;
}
.general-4-1000-eps {
background-position: 0 12.762186%;
background-size: 100%;
}
.rgr-500 {
background-position: 0 14.180207%;
background-size: 100%;
}
.rgr-570-4-eps {
background-position: 0 15.598227%;
background-size: 100%;
}
.rgr-570-4 {
background-position: 0 17.016248%;
background-size: 100%;
}
.rgr-570-6 {
background-position: 0 18.434269%;
background-size: 100%;
}
.rgr-570-eps {
background-position: 0 19.85229%;
background-size: 100%;
}
.rgr-570-full {
background-position: 0 21.27031%;
background-size: 100%;
}
.rgr-570 {
background-position: 0 22.688331%;
background-size: 100%;
}
.rgr-crew-xp-1000-eps-hl {
background-position: 0 24.106352%;
background-size: 100%;
}
.rgr-crew-xp-1000-eps-ns {
background-position: 0 25.524372%;
background-size: 100%;
}
.rgr-crew-xp-1000-eps {
background-position: 0 26.942393%;
background-size: 100%;
}
.rgr-crew-xp-900-eps-turbo {
background-position: 0 28.360414%;
background-size: 100%;
}
.rgr-crew-xp-900-eps {
background-position: 0 29.778434%;
background-size: 100%;
}
.rgr-crew-xp-900 {
background-position: 0 31.196455%;
background-size: 100%;
}
.rgr-ev {
background-position: 0 32.614476%;
background-size: 100%;
}
.rgr-xp-1000-eps-hl {
background-position: 0 34.032496%;
background-size: 100%;
}
.rgr-xp-1000-eps-ns-rc {
background-position: 0 35.450517%;
background-size: 100%;
}
.rgr-xp-1000-eps-ns {
background-position: 0 36.868538%;
background-size: 100%;
}
.rgr-xp-1000-eps-rc {
background-position: 0 38.286558%;
background-size: 100%;
}
.rgr-xp-1000-eps {
background-position: 0 39.704579%;
background-size: 100%;
}
.rgr-xp-900-eps-turbo {
background-position: 0 41.1226%;
background-size: 100%;
}
.rgr-xp-900-eps {
background-position: 0 42.54062%;
background-size: 100%;
}
.rgr-xp-900 {
background-position: 0 43.958641%;
background-size: 100%;
}
.rzr-570 {
background-position: 0 45.376662%;
background-size: 100%;
}
.rzr-900-eps {
background-position: 0 46.794682%;
background-size: 100%;
}
.rzr-rs1 {
background-position: 0 48.212703%;
background-size: 100%;
}
.rzr-s-1000 {
background-position: 0 49.630724%;
background-size: 100%;
}
.rzr-s-4-1000-dynamix {
background-position: 0 51.048744%;
background-size: 100%;
}
.rzr-s-4-1000-hl {
background-position: 0 52.466765%;
background-size: 100%;
}
.rzr-s-4-1000-rc {
background-position: 0 53.884786%;
background-size: 100%;
}
.rzr-s-4-1000 {
background-position: 0 55.302806%;
background-size: 100%;
}
.rzr-s-4-turbo {
background-position: 0 56.720827%;
background-size: 100%;
}
.rzr-s-900 {
background-position: 0 58.138848%;
background-size: 100%;
}
.rzr-xp-1000-dynamix {
background-position: 0 59.556869%;
background-size: 100%;
}
.rzr-xp-1000-hl {
background-position: 0 60.974889%;
background-size: 100%;
}
.rzr-xp-1000-rc {
background-position: 0 62.39291%;
background-size: 100%;
}
.rzr-xp-1000-trail-rock {
background-position: 0 63.810931%;
background-size: 100%;
}
.rzr-xp-1000 {
background-position: 0 65.228951%;
background-size: 100%;
}
.rzr-xp-4-1000-dynamix {
background-position: 0 66.646972%;
background-size: 100%;
}
.rzr-xp-4-1000-hl {
background-position: 0 68.064993%;
background-size: 100%;
}
.rzr-xp-4-1000-rc {
background-position: 0 69.483013%;
background-size: 100%;
}
.rzr-xp-4-1000 {
background-position: 0 70.901034%;
background-size: 100%;
}
.rzr-xp-4-turbo {
background-position: 0 72.319055%;
background-size: 100%;
}
.rzr-xp-turbo-s {
background-position: 0 73.737075%;
background-size: 100%;
}
.rzr-xp-turbo {
background-position: 0 75.155096%;
background-size: 100%;
}
.spt-450-ho {
background-position: 0 76.573117%;
background-size: 100%;
}
.spt-570-eps {
background-position: 0 77.991137%;
background-size: 100%;
}
.spt-570-sp {
background-position: 0 79.409158%;
background-size: 100%;
}
.spt-570 {
background-position: 0 80.827179%;
background-size: 100%;
}
.spt-6x6 {
background-position: 0 82.245199%;
background-size: 100%;
}
.spt-touring-570-sp {
background-position: 0 83.66322%;
background-size: 100%;
}
.spt-touring-570 {
background-position: 0 85.081241%;
background-size: 100%;
}
.ace-150 {
background-position: 0 86.563193%;
background-size: 110.457516%;
}
.outlaw-110-gr {
background-position: 0 88.056171%;
background-size: 110.457516%;
}
.outlaw-110-pk {
background-position: 0 89.54915%;
background-size: 110.457516%;
}
.outlaw-50-pk {
background-position: 0 91.042129%;
background-size: 110.457516%;
}
.outlaw-50gr {
background-position: 0 92.535107%;
background-size: 110.457516%;
}
.phoenix-200 {
background-position: 0 94.028086%;
background-size: 110.457516%;
}
.rgr-150 {
background-position: 0 95.521064%;
background-size: 110.457516%;
}
.rzr-170-blk {
background-position: 0 97.014043%;
background-size: 110.457516%;
}
.rzr-170-ghost {
background-position: 0 98.507021%;
background-size: 110.457516%;
}
.spt-110 {
background-position: 0 100%;
background-size: 110.457516%;
}
@media only screen and (max-width: 767px) {
.trim-color-block-model-info.is-selected {
margin: 0;
padding: 0;
border: 0;
}
.trim-color-block-model-info .homologation-bloc {
padding: 0;
}
.trim-color-block-model-info .homologation-bloc>div {
margin: 12px 0;
}
.trim-color-block-model-info .homologation-bloc .swap-color p span {
margin: 0;
}
.trim-color-block-model-info .homologation-bloc .trim-color__special-edition-features {
padding: 0;
}
.trim-color__special-edition-features ul {
padding: 0;
font-size: 15px;
}
}
/* OWNER MANUAL */
.background-image-wrapper .background-overlay {
position: absolute;
}
.background-image-wrapper .background-overlay h1 {
color: white;
text-shadow: 2px 2px black;
font-size: 45px;
}
.owners-manuals-pdf {
background-image: url('/fileadmin/templates/pol_MY18/icons/pdf-icon.png');
width: 64px;
height: 64px;
background-size: auto 45px;
background-position: center center;
float: left;
margin-right: 10px;
background-repeat: no-repeat;
}
ul .liheight {
margin-top: 35px !important;
}
.liheight .manual-black p {
padding-top: 10px;
}
.manual-black p {
color: black;
}
#c87263 .background-image-wrapper .background-image {
margin-left: 50%;
margin-right: 50%;
transform: translate(-50%);
}
.manual-black p span {
vertical-align: -10px;
}
.owners-manuals-flipbook {
background-image: url('/fileadmin/templates/pol_MY18/icons/flip-icon.png');
width: 64px;
height: 64px;
background-size: auto 45px;
background-position: center center;
float: left;
margin-right: 10px;
background-repeat: no-repeat;
}
/* MODEL DEV 2 RZR */
.banner-rzr-feature .text-banner-feature h3 {
padding-bottom: 10px;
}
.banner-rzr-feature .text-banner-feature h4 {
font-family: "United Sans Condensed", serif;
padding-bottom: 20px;
font-size: 20px;
}
.banner-rzr-feature .text-banner-feature .p {
opacity: 1;
}
.banner-rzr-feature .right {
text-align: right;
}
.banner-rzr-feature .center {
text-align: center;
}
@media only screen and (min-width: 768px) {
.banner-rzr-feature .text-banner-feature {
position: absolute;
color: white;
}
.banner-rzr-feature .left {
left: 3%;
transform: translate(0, -50%);
top: 50%;
width: 30%;
}
.banner-rzr-feature .right {
right: 3%;
transform: translate(0, -50%);
top: 50%;
width: 30%;
}
.banner-rzr-feature .center {
left: 50%;
transform: translate(-50%);
top: 3%;
width: 80%;
}
.banner-rzr-feature .btn-center {
width: auto;
margin-left: 50%;
margin-right: 50%;
}
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
.banner-rzr-feature .right,
.banner-rzr-feature .left {
width: 40% !important;
}
}
@media only screen and (max-width: 768px) {
.banner-rzr-feature .text-banner-feature {
float: none;
background-color: #000;
color: white;
padding: 15px;
margin-bottom: 2px;
}
.banner-rzr-feature .text-banner-feature h3 {
font-size: 33px;
}
.banner-rzr-feature .text-banner-feature h4 {
font-size: 16px;
}
.banner-rzr-feature .btn-margin {
margin-left: 20px;
}
}
/* VIDEO */
.container-video-feature {
position: fixed;
z-index: 99999;
top: 0;
width: 99%;
height: 99%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
}
.container-video-feature iframe {
height: inherit;
}
.container-video-feature .glyphicon-remove {
right: 0px;
top: 0px;
position: absolute;
z-index: 9999999;
background: white;
padding: 4px;
border-radius: 50%;
transition: all 0.5s;
}
.container-video-feature .glyphicon-remove:hover {
cursor: pointer;
background: black;
color: white;
}
/*
* Couleur ORV
*/
.generalcolor,
.generalcolor p,
.generalcolor a,
.generalcolor h1,
.generalcolor h2,
.generalcolor h3,
.generalcolor h4,
.generalcolor h5,
.generalcolor h6,
.generalcolor span,
.generalcolor blockquote,
.generalcolor sup,
.generalcolor sub {
color: #E56620;
}
.generalbackground {
background: #E56620;
}
.rzrcolor,
.rzrcolor p,
.rzrcolor a,
.rzrcolor h1,
.rzrcolor h2,
.rzrcolor h3,
.rzrcolor h4,
.rzrcolor h5,
.rzrcolor h6,
.rzrcolor span,
.rzrcolor blockquote,
.rzrcolor sup,
.rzrcolor sub {
color: #B21011;
}
.rzrbackground {
background: #B21011;
}
.rangercolor,
.rangercolor p,
.rangercolor a,
.rangercolor h1,
.rangercolor h2,
.rangercolor h3,
.rangercolor h4,
.rangercolor h5,
.rangercolor h6,
.rangercolor span,
.rangercolor blockquote,
.rangercolor sup,
.rangercolor sub {
color: #6B7A3E;
}
.rangerbackground {
background: #6B7A3E;
}
.sportsmancolor,
.sportsmancolor p,
.sportsmancolor a,
.sportsmancolor h1,
.sportsmancolor h2,
.sportsmancolor h3,
.sportsmancolor h4,
.sportsmancolor h5,
.sportsmancolor h6,
.sportsmancolor span,
.sportsmancolor blockquote,
.sportsmancolor sup,
.sportsmancolor sub {
color: #1B76D0;
}
.sportsmanbackground {
background: #1B76D0;
}
.youthcolor,
.youthcolor p,
.youthcolor a,
.youthcolor h1,
.youthcolor h2,
.youthcolor h3,
.youthcolor h4,
.youthcolor h5,
.youthcolor h6,
.youthcolor span,
.youthcolor blockquote,
.youthcolor sub,
.youthcolor sup {
color: #006dc2;
}
.youthbackground {
background: #006dc2;
}
/* Familly page dev alexis */
/* MAIN IMAGE */
.section-familly .slide-section-familly .familly-text {
position: absolute;
color: white;
opacity: 1;
top: 50%;
transform: translate(0, -50%);
width: 40%;
left: 5%;
text-shadow: 2px 2px 2px black;
}
.section-familly .familly-text p {
opacity: 1;
}
/* FAMILLY BLOC */
.section-familly .gradient-white {
position: absolute;
width: 100%;
z-index: 1;
background: linear-gradient(white, transparent);
height: 100%;
opacity: 0.8;
}
.section-familly .container-familly-pic {
position: relative;
display: inline-block;
margin: 1px;
height: 200px;
background-color: white;
overflow: hidden;
background: linear-gradient(white 20%, rgb(202, 202, 202));
}
.section-familly .container-familly-pic .container-familly-text {
position: absolute;
top: 0;
z-index: 2;
}
.section-familly .container-familly-image {
width: 100%;
text-align: center;
position: relative;
margin-top: -80px;
margin-bottom: 40px;
}
.section-familly .container-familly-image .familly-par-3 {
width: 300px;
}
.section-familly .container-familly-image .familly-par-4 {
width: 300px;
}
.section-familly .container-familly-image .familly-par-2 {
width: 450px;
}
.section-familly .container-familly-image .container-familly-text p {
text-align: left;
opacity: 1;
font-size: 20px;
margin-left: 10px;
}
.section-familly .container-familly-image .container-familly-text h3 {
margin: 10px 0px 15px 15px;
font-size: 30px;
text-align: left;
}
.section-familly .familly-text .subtitle {
font-family: "United Sans Condensed", serif;
padding-bottom: 20px;
font-size: 20px;
}
@media only screen and (max-width: 768px) {
.section-familly .container-familly-image .familly-par-3 {
width: 450px;
margin-bottom: -10px;
}
.section-familly .container-familly-image .familly-par-2 {
width: 450px;
margin-bottom: -10px;
}
.section-familly .container-familly-image .familly-par-4 {
width: 450px;
margin-bottom: -10px;
}
.section-familly .slide-section-familly .familly-text {
bottom: 15px;
transform: initial;
top: initial;
width: 95%;
left: 15px;
text-align: center;
}
.section-familly .container-familly-image .border-top-rzr {
border-top: 2px solid #B21011;
}
.section-familly .container-familly-image {
margin-top: 10px;
}
.section-familly .container-familly-image .border-top-ranger {
border-top: 2px solid #6B7A3E;
}
.section-familly .container-familly-image .border-top-general {
border-top: 2px solid #E56620;
}
.section-familly .container-familly-image .border-top-sports {
border-top: 2px solid #1B76D0;
}
.section-familly .container-familly-image .border-top-youth {
border-top: 2px solid #006dc2;
}
.section-familly .familly-text .subtitle {
padding-bottom: 5px;
font-size: 15px;
}
}
@media only screen and (max-width: 950px) and (min-width: 768px) {
.section-familly .container-familly-image .familly-par-3 {
width: 250px;
}
.section-familly .container-familly-image .familly-par-2 {
width: 350px;
}
}
@media only screen and (max-width: 1220px) and (min-width: 1080px) {
.section-familly .container-familly-image .familly-par-4 {
width: 250px;
}
}
@media only screen and (max-width: 1080px) and (min-width: 768px) {
.section-familly .container-familly-image .familly-par-4 {
width: 180px;
}
}
@media only screen and (min-width: 1200px) {
.familly-main-image {
width: 125%;
transform: translate(-10%);
}
}
.wholegood-hero-info__wrapper .hero-tax {
font-size: 14px;
}