@font-face {
    font-family: "Oblik Black";
    src: url("../fonts/oblik_black-webfont.eot");
    src: url("../fonts/oblik_black-webfont.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/oblik_black-webfont.woff") format("woff"), 
    url("../fonts/oblik_black-webfont.ttf") format("truetype"), 
    url("../fonts/oblik_black-webfont.svg#Oblik Black") format("svg");
    font-weight: 400;
    font-style: normal
}



@font-face {
    font-family: "Oblik Light";
    src: url("../fonts/oblik-light-webfont.eot");
    src: url("../fonts/oblik-light-webfont.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/oblik-light-webfont.woff") format("woff"), 
    url("../fonts/oblik-light-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}



@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Oblik Black";
        src: url("../fonts/oblik_black-webfont.svg#Oblik Black") format("svg")
    }
}

@font-face {
    font-family: "Oblik Bold";
    src: url("../fonts/oblik_bold-webfont.eot");
    src: url("../fonts/oblik_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oblik_bold-webfont.woff") format("woff"), url("../fonts/oblik_bold-webfont.ttf") format("truetype"), url("../fonts/oblik_bold-webfont.svg#Oblik Bold") format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Oblik Bold";
        src: url("../fonts/oblik_bold-webfont.svg#Oblik Bold") format("svg")
    }
}

@font-face {
    font-family: "Helios Cond Light";
    src: url("../fonts/helios/HLS47__W.eot");
    src: url("../fonts/helios/HLS47__W.eot?#iefix") format("embedded-opentype"), url("../fonts/helios/HLS47__W.woff") format("woff"), url("../fonts/helios/HLS47__W.ttf") format("truetype"), url("../fonts/helios/HLS47__W.svg#Helios Cond Light") format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Helios Cond Light";
        src: url("../fonts/helios/HLS47__W.svg#Helios Cond Light") format("svg")
    }
}

@font-face {
    font-family: "Helios Cond Regular";
    src: url("../fonts/helios/HLS57__W.eot");
    src: url("../fonts/helios/HLS57__W.eot?#iefix") format("embedded-opentype"), url("../fonts/helios/HLS57__W.woff") format("woff"), url("../fonts/helios/HLS57__W.ttf") format("truetype"), url("../fonts/helios/HLS57__W.svg#Helios Cond Regular") format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Helios Cond Regular";
        src: url("../fonts/helios/HLS57__W.svg#Helios Cond Regular") format("svg")
    }
}

@font-face {
    font-family: "Helios Cond Bold";
    src: url("../fonts/helios/HLS77__W.eot");
    src: url("../fonts/helios/HLS77__W.eot?#iefix") format("embedded-opentype"), url("../fonts/helios/HLS77__W.woff") format("woff"), url("../fonts/helios/HLS77__W.ttf") format("truetype"), url("../fonts/helios/HLS77__W.svg#Helios Cond Bold") format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Helios Cond Bold";
        src: url("../fonts/helios/HLS77__W.svg#Helios Cond Bold") format("svg")
    }
}


/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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 {
    outline: 0
}

a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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
}

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
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-webkit-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #373a3c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1,
h2,
h3,
.in-action-header .content sup,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: bold
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

pre {
    margin-top: 0;
    margin-bottom: 1rem
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role="button"] {
    cursor: pointer
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type="search"] {
    box-sizing: inherit;
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
.in-action-header .content sup,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3,
.in-action-header .content sup {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

.h1 {
    font-size: 2.5rem
}

.h2 {
    font-size: 2rem
}

.h3 {
    font-size: 1.75rem
}

.h4 {
    font-size: 1.5rem
}

.h5 {
    font-size: 1.25rem
}

.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

small,
.small {
    font-size: 80%;
    font-weight: normal
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

.dl-horizontal {
    margin-right: -1.875rem;
    margin-left: -1.875rem
}

.dl-horizontal::after {
    content: "";
    display: table;
    clear: both
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    border-left: 0.25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    line-height: 1.4;
    color: #818a91
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: 0.25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer::before {
    content: ""
}

.blockquote-reverse .blockquote-footer::after {
    content: "\00A0 \2014"
}

.img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: .3rem
}

.img-thumbnail {
    padding: .25rem;
    line-height: 1.4;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #818a91
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    max-width: 520px
}

.container::after {
    content: "";
    display: table;
    clear: both
}


.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.container-fluid::after {
    content: "";
    display: table;
    clear: both
}

.row {
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

.row::after {
    content: "";
    display: table;
    clear: both
}

.col-phone-1,
.col-phone-2,
.col-phone-3,
.col-phone-4,
.col-phone-5,
.col-phone-6,
.col-phone-7,
.col-phone-8,
.col-phone-9,
.col-phone-10,
.col-phone-11,
.col-phone-12,
.col-tablet-1,
.col-tablet-2,
.col-tablet-3,
.col-tablet-4,
.col-tablet-5,
.col-tablet-6,
.col-tablet-7,
.col-tablet-8,
.col-tablet-9,
.col-tablet-10,
.col-tablet-11,
.col-tablet-12,
.col-desktop-1,
.col-desktop-2,
.col-desktop-3,
.col-desktop-4,
.col-desktop-5,
.col-desktop-6,
.col-desktop-7,
.col-desktop-8,
.col-desktop-9,
.col-desktop-10,
.col-desktop-11,
.col-desktop-12,
.footnav .col-phone-1,
.footnav .col-phone-2,
.footnav .col-phone-3,
.footnav .col-phone-4,
.footnav .col-phone-5,
.footnav .col-tablet-1,
.footnav .col-tablet-2,
.footnav .col-tablet-3,
.footnav .col-tablet-4,
.footnav .col-tablet-5,
.footnav .col-desktop-1,
.footnav .col-desktop-2,
.footnav .col-desktop-3,
.footnav .col-desktop-4,
.footnav .col-desktop-5 {
    position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.col-phone-1,
.col-phone-2,
.col-phone-3,
.col-phone-4,
.col-phone-5,
.col-phone-6,
.col-phone-7,
.col-phone-8,
.col-phone-9,
.col-phone-10,
.col-phone-11,
.col-phone-12,
.footnav .col-phone-1,
.footnav .col-phone-2,
.footnav .col-phone-3,
.footnav .col-phone-4,
.footnav .col-phone-5 {
    float: left
}

.col-phone-1 {
    width: 8.33333%
}

.col-phone-2 {
    width: 16.66667%
}

.col-phone-3 {
    width: 25%
}

.col-phone-4 {
    width: 33.33333%
}

.col-phone-5 {
    width: 41.66667%
}

.col-phone-6 {
    width: 50%
}

.col-phone-7 {
    width: 58.33333%
}

.col-phone-8 {
    width: 66.66667%
}

.col-phone-9 {
    width: 75%
}

.col-phone-10 {
    width: 83.33333%
}

.col-phone-11 {
    width: 91.66667%
}

.col-phone-12 {
    width: 100%
}

.col-phone-pull-0 {
    right: auto
}

.col-phone-pull-1 {
    right: 8.33333%
}

.col-phone-pull-2 {
    right: 16.66667%
}

.col-phone-pull-3 {
    right: 25%
}

.col-phone-pull-4 {
    right: 33.33333%
}

.col-phone-pull-5 {
    right: 41.66667%
}

.col-phone-pull-6 {
    right: 50%
}

.col-phone-pull-7 {
    right: 58.33333%
}

.col-phone-pull-8 {
    right: 66.66667%
}

.col-phone-pull-9 {
    right: 75%
}

.col-phone-pull-10 {
    right: 83.33333%
}

.col-phone-pull-11 {
    right: 91.66667%
}

.col-phone-pull-12 {
    right: 100%
}

.col-phone-push-0 {
    left: auto
}

.col-phone-push-1 {
    left: 8.33333%
}

.col-phone-push-2 {
    left: 16.66667%
}

.col-phone-push-3 {
    left: 25%
}

.col-phone-push-4 {
    left: 33.33333%
}

.col-phone-push-5 {
    left: 41.66667%
}

.col-phone-push-6 {
    left: 50%
}

.col-phone-push-7 {
    left: 58.33333%
}

.col-phone-push-8 {
    left: 66.66667%
}

.col-phone-push-9 {
    left: 75%
}

.col-phone-push-10 {
    left: 83.33333%
}

.col-phone-push-11 {
    left: 91.66667%
}

.col-phone-push-12 {
    left: 100%
}

.col-phone-offset-0 {
    margin-left: 0%
}

.col-phone-offset-1 {
    margin-left: 8.33333%
}

.col-phone-offset-2 {
    margin-left: 16.66667%
}

.col-phone-offset-3 {
    margin-left: 25%
}

.col-phone-offset-4 {
    margin-left: 33.33333%
}

.col-phone-offset-5 {
    margin-left: 41.66667%
}

.col-phone-offset-6 {
    margin-left: 50%
}

.col-phone-offset-7 {
    margin-left: 58.33333%
}

.col-phone-offset-8 {
    margin-left: 66.66667%
}

.col-phone-offset-9 {
    margin-left: 75%
}

.col-phone-offset-10 {
    margin-left: 83.33333%
}

.col-phone-offset-11 {
    margin-left: 91.66667%
}

.col-phone-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-tablet-1,
    .col-tablet-2,
    .col-tablet-3,
    .col-tablet-4,
    .col-tablet-5,
    .col-tablet-6,
    .col-tablet-7,
    .col-tablet-8,
    .col-tablet-9,
    .col-tablet-10,
    .col-tablet-11,
    .col-tablet-12,
    .footnav .col-tablet-1,
    .footnav .col-tablet-2,
    .footnav .col-tablet-3,
    .footnav .col-tablet-4,
    .footnav .col-tablet-5 {
        float: left
    }
    .col-tablet-1 {
        width: 8.33333%
    }
    .col-tablet-2 {
        width: 16.66667%
    }
    .col-tablet-3 {
        width: 25%
    }
    .col-tablet-4 {
        width: 33.33333%
    }
    .col-tablet-5 {
        width: 41.66667%
    }
    .col-tablet-6 {
        width: 50%
    }
    .col-tablet-7 {
        width: 58.33333%
    }
    .col-tablet-8 {
        width: 66.66667%
    }
    .col-tablet-9 {
        width: 75%
    }
    .col-tablet-10 {
        width: 83.33333%
    }
    .col-tablet-11 {
        width: 91.66667%
    }
    .col-tablet-12 {
        width: 100%
    }
    .col-tablet-pull-0 {
        right: auto
    }
    .col-tablet-pull-1 {
        right: 8.33333%
    }
    .col-tablet-pull-2 {
        right: 16.66667%
    }
    .col-tablet-pull-3 {
        right: 25%
    }
    .col-tablet-pull-4 {
        right: 33.33333%
    }
    .col-tablet-pull-5 {
        right: 41.66667%
    }
    .col-tablet-pull-6 {
        right: 50%
    }
    .col-tablet-pull-7 {
        right: 58.33333%
    }
    .col-tablet-pull-8 {
        right: 66.66667%
    }
    .col-tablet-pull-9 {
        right: 75%
    }
    .col-tablet-pull-10 {
        right: 83.33333%
    }
    .col-tablet-pull-11 {
        right: 91.66667%
    }
    .col-tablet-pull-12 {
        right: 100%
    }
    .col-tablet-push-0 {
        left: auto
    }
    .col-tablet-push-1 {
        left: 8.33333%
    }
    .col-tablet-push-2 {
        left: 16.66667%
    }
    .col-tablet-push-3 {
        left: 25%
    }
    .col-tablet-push-4 {
        left: 33.33333%
    }
    .col-tablet-push-5 {
        left: 41.66667%
    }
    .col-tablet-push-6 {
        left: 50%
    }
    .col-tablet-push-7 {
        left: 58.33333%
    }
    .col-tablet-push-8 {
        left: 66.66667%
    }
    .col-tablet-push-9 {
        left: 75%
    }
    .col-tablet-push-10 {
        left: 83.33333%
    }
    .col-tablet-push-11 {
        left: 91.66667%
    }
    .col-tablet-push-12 {
        left: 100%
    }
    .col-tablet-offset-0 {
        margin-left: 0%
    }
    .col-tablet-offset-1 {
        margin-left: 8.33333%
    }
    .col-tablet-offset-2 {
        margin-left: 16.66667%
    }
    .col-tablet-offset-3 {
        margin-left: 25%
    }
    .col-tablet-offset-4 {
        margin-left: 33.33333%
    }
    .col-tablet-offset-5 {
        margin-left: 41.66667%
    }
    .col-tablet-offset-6 {
        margin-left: 50%
    }
    .col-tablet-offset-7 {
        margin-left: 58.33333%
    }
    .col-tablet-offset-8 {
        margin-left: 66.66667%
    }
    .col-tablet-offset-9 {
        margin-left: 75%
    }
    .col-tablet-offset-10 {
        margin-left: 83.33333%
    }
    .col-tablet-offset-11 {
        margin-left: 91.66667%
    }
    .col-tablet-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-desktop-1,
    .col-desktop-2,
    .col-desktop-3,
    .col-desktop-4,
    .col-desktop-5,
    .col-desktop-6,
    .col-desktop-7,
    .col-desktop-8,
    .col-desktop-9,
    .col-desktop-10,
    .col-desktop-11,
    .col-desktop-12,
    .footnav .col-desktop-1,
    .footnav .col-desktop-2,
    .footnav .col-desktop-3,
    .footnav .col-desktop-4,
    .footnav .col-desktop-5 {
        float: left
    }
    .col-desktop-1 {
        width: 8.33333%
    }
    .col-desktop-2 {
        width: 16.66667%
    }
    .col-desktop-3 {
        width: 25%
    }
    .col-desktop-4 {
        width: 33.33333%
    }
    .col-desktop-5 {
        width: 41.66667%
    }
    .col-desktop-6 {
        width: 50%
    }
    .col-desktop-7 {
        width: 58.33333%
    }
    .col-desktop-8 {
        width: 66.66667%
    }
    .col-desktop-9 {
        width: 75%
    }
    .col-desktop-10 {
        width: 83.33333%
    }
    .col-desktop-11 {
        width: 91.66667%
    }
    .col-desktop-12 {
        width: 100%
    }
    .col-desktop-pull-0 {
        right: auto
    }
    .col-desktop-pull-1 {
        right: 8.33333%
    }
    .col-desktop-pull-2 {
        right: 16.66667%
    }
    .col-desktop-pull-3 {
        right: 25%
    }
    .col-desktop-pull-4 {
        right: 33.33333%
    }
    .col-desktop-pull-5 {
        right: 41.66667%
    }
    .col-desktop-pull-6 {
        right: 50%
    }
    .col-desktop-pull-7 {
        right: 58.33333%
    }
    .col-desktop-pull-8 {
        right: 66.66667%
    }
    .col-desktop-pull-9 {
        right: 75%
    }
    .col-desktop-pull-10 {
        right: 83.33333%
    }
    .col-desktop-pull-11 {
        right: 91.66667%
    }
    .col-desktop-pull-12 {
        right: 100%
    }
    .col-desktop-push-0 {
        left: auto
    }
    .col-desktop-push-1 {
        left: 8.33333%
    }
    .col-desktop-push-2 {
        left: 16.66667%
    }
    .col-desktop-push-3 {
        left: 25%
    }
    .col-desktop-push-4 {
        left: 33.33333%
    }
    .col-desktop-push-5 {
        left: 41.66667%
    }
    .col-desktop-push-6 {
        left: 50%
    }
    .col-desktop-push-7 {
        left: 58.33333%
    }
    .col-desktop-push-8 {
        left: 66.66667%
    }
    .col-desktop-push-9 {
        left: 75%
    }
    .col-desktop-push-10 {
        left: 83.33333%
    }
    .col-desktop-push-11 {
        left: 91.66667%
    }
    .col-desktop-push-12 {
        left: 100%
    }
    .col-desktop-offset-0 {
        margin-left: 0%
    }
    .col-desktop-offset-1 {
        margin-left: 8.33333%
    }
    .col-desktop-offset-2 {
        margin-left: 16.66667%
    }
    .col-desktop-offset-3 {
        margin-left: 25%
    }
    .col-desktop-offset-4 {
        margin-left: 33.33333%
    }
    .col-desktop-offset-5 {
        margin-left: 41.66667%
    }
    .col-desktop-offset-6 {
        margin-left: 50%
    }
    .col-desktop-offset-7 {
        margin-left: 58.33333%
    }
    .col-desktop-offset-8 {
        margin-left: 66.66667%
    }
    .col-desktop-offset-9 {
        margin-left: 75%
    }
    .col-desktop-offset-10 {
        margin-left: 83.33333%
    }
    .col-desktop-offset-11 {
        margin-left: 91.66667%
    }
    .col-desktop-offset-12 {
        margin-left: 100%
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9 {
    padding-bottom: 42.85714%
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.embed-responsive-1by1 {
    padding-bottom: 100%
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-phone-left {
    float: left !important
}

.pull-phone-right {
    float: right !important
}

.pull-phone-none {
    float: none !important
}

@media (min-width: 768px) {
    .pull-tablet-left {
        float: left !important
    }
    .pull-tablet-right {
        float: right !important
    }
    .pull-tablet-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .pull-desktop-left {
        float: left !important
    }
    .pull-desktop-right {
        float: right !important
    }
    .pull-desktop-none {
        float: none !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.invisible {
    visibility: hidden !important
}

.text-hide {
    font: "0/0" a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-phone-left {
    text-align: left !important
}

.text-phone-right {
    text-align: right !important
}

.text-phone-center {
    text-align: center !important
}

@media (min-width: 768px) {
    .text-tablet-left {
        text-align: left !important
    }
    .text-tablet-right {
        text-align: right !important
    }
    .text-tablet-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-desktop-left {
        text-align: left !important
    }
    .text-desktop-right {
        text-align: right !important
    }
    .text-desktop-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: normal
}

.font-weight-bold {
    font-weight: bold
}

.font-italic {
    font-style: italic
}

.text-muted {
    color: #818a91
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c
}

.bg-inverse {
    color: #eceeef;
    background-color: #373a3c
}

.bg-faded {
    background-color: #f7f7f9
}

.bg-primary {
    color: #fff !important;
    background-color: #0275d8 !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5
}

.bg-success {
    color: #fff !important;
    background-color: #5cb85c !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44
}

.bg-info {
    color: #fff !important;
    background-color: #5bc0de !important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5
}

.bg-warning {
    color: #fff !important;
    background-color: #f0ad4e !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f
}

.bg-danger {
    color: #fff !important;
    background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c
}

.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.m-a-0 {
    margin: 0 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-a-1 {
    margin: 1rem 1rem !important
}

.m-t-1 {
    margin-top: 1rem !important
}

.m-r-1 {
    margin-right: 1rem !important
}

.m-b-1 {
    margin-bottom: 1rem !important
}

.m-l-1 {
    margin-left: 1rem !important
}

.m-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.m-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-a-2 {
    margin: 1.5rem 1.5rem !important
}

.m-t-2 {
    margin-top: 1.5rem !important
}

.m-r-2 {
    margin-right: 1.5rem !important
}

.m-b-2 {
    margin-bottom: 1.5rem !important
}

.m-l-2 {
    margin-left: 1.5rem !important
}

.m-x-2 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.m-y-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-a-3 {
    margin: 3rem 3rem !important
}

.m-t-3 {
    margin-top: 3rem !important
}

.m-r-3 {
    margin-right: 3rem !important
}

.m-b-3 {
    margin-bottom: 3rem !important
}

.m-l-3 {
    margin-left: 3rem !important
}

.m-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.m-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-a-0 {
    padding: 0 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-a-1 {
    padding: 1rem 1rem !important
}

.p-t-1 {
    padding-top: 1rem !important
}

.p-r-1 {
    padding-right: 1rem !important
}

.p-b-1 {
    padding-bottom: 1rem !important
}

.p-l-1 {
    padding-left: 1rem !important
}

.p-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.p-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-a-2 {
    padding: 1.5rem 1.5rem !important
}

.p-t-2 {
    padding-top: 1.5rem !important
}

.p-r-2 {
    padding-right: 1.5rem !important
}

.p-b-2 {
    padding-bottom: 1.5rem !important
}

.p-l-2 {
    padding-left: 1.5rem !important
}

.p-x-2 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.p-y-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-a-3 {
    padding: 3rem 3rem !important
}

.p-t-3 {
    padding-top: 3rem !important
}

.p-r-3 {
    padding-right: 3rem !important
}

.p-b-3 {
    padding-bottom: 3rem !important
}

.p-l-3 {
    padding-left: 3rem !important
}

.p-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.p-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.hidden-phone-up {
    display: none !important
}

@media (max-width: 767px) {
    .hidden-phone-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-tablet-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-tablet-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-desktop-up {
        display: none !important
    }
}

.hidden-desktop-down {
    display: none !important
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.ssize {
    display: inline-block !important
}

.js-section-has-iframe iframe {
    display: block
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex.flex--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .flex.flex--mobile-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex.flex--bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex--column.flex--bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body {
    font-size: 1.4rem;
    line-height: 1.6;
    font-family: "Oblik Bold", sans-serif;
    font-style: normal;
    font-weight: 300;
    overflow-x: hidden
}

.site-wrapper {
    position: relative;
    overflow-x: hidden;
    border-top: 36px solid transparent
}

@media (min-width: 1200px) {
    .site-wrapper {
        border-top: 90px solid transparent
    }
}

.wrapper-fluid,
.wrapper {
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto
}

.wrapper-fluid.navigation-top-bar,
.wrapper-fluid.navigation-search,
.wrapper-fluid.navigation-main,
.wrapper-fluid.footnav,
.wrapper-fluid.footer,
.wrapper-fluid.inaction-menu,
.wrapper-fluid.products-menu,
.wrapper.navigation-top-bar,
.wrapper.navigation-search,
.wrapper.navigation-main,
.wrapper.footnav,
.wrapper.footer,
.wrapper.inaction-menu,
.wrapper.products-menu {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}

.container-fluid {
    max-width: 2560px
}

h2 {
    font-family: 'Oblik Black', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.7rem;
    text-transform: uppercase;
    text-align: center;
    color: #111;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media (min-width: 768px) {
    h2 {
        font-size: 5.4rem
    }
}

h2 sup {
    font-size: .3em;
    vertical-align: super
}

h3,
.in-action-header .content sup {
    color: #c98959;
    font-size: 2.4rem;
    font-family: 'Oblik Light', sans-serif;
    font-weight: 400;
    font-style: normal
}

p.section-desc {
    text-align: center;
    padding: 0 1.5rem
}

@media (min-width: 768px) {
    p.section-desc {
        font-size: 1.6rem;
        padding: 0 8rem
    }
}

@media (min-width: 1200px) {
    p.section-desc {
        padding: 0 22rem
    }
}

a {
    color: #c98959;
    font-style: normal;
    font-weight: 100;
    font-family: "Oblik Light", sans-serif;
    outline: 0
}

a.link-more {
    text-transform: uppercase;
    display: inline-block
}

a.link-more:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../img/common/learn-more.svg") no-repeat 100% 100%;
    background-size: contain
}

a.link-download {
    text-transform: uppercase;
    display: inline-block
}

a.link-download:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    left: 5px;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../img/common/learn-more.svg") no-repeat 100% 100%;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

a.link-other {
    display: inline-block
}

a.link-other:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../img/common/learn-more.svg") no-repeat 0 100%;
    background-size: contain
}

a:active,
a:focus {
    text-decoration: none
}

a:hover {
    color: #c98959;
    text-decoration: none
}

a:focus {
    outline: 0
}

h2 a,
h3 a,
.in-action-header .content sup a {
    font-family: 'Oblik Black', sans-serif;
    font-weight: 400;
    font-style: normal
}

.topnav nav a,
.megamenu nav a {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.footnav h2 {
    color: #fff;
    text-align: left
}

.footnav a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 400
}

.footer {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 400
}

.footer a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700
}

.border-brass {
    border: 2px solid #c98959;
    min-height: 25px;
    clear: both
}

.border-brass h2 {
    margin-top: -1.5rem
}

.border-brass h2 div {
    background-color: #fff;
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem
}

.border-brass p {
    margin-bottom: 0;
    padding-bottom: 3rem
}

.border-brass.border-brass-top {
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.border-brass.border-brass-bottom {
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

@media (min-width: 768px) {
    .border-brass {
        border: 4px solid #c98959;
        min-height: 50px
    }
    .border-brass h2 {
        margin-top: -3rem
    }
    .border-brass.border-brass-top {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }
    .border-brass.border-brass-bottom {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }
}

.load-more-wrapper {
    text-align: center;
    overflow: auto;
    margin-top: 2rem;
    margin-bottom: 4rem
}

.popup-overlay {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9)
}

.popup-overlay a.close {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/common/close-btn.svg") no-repeat 50% 50%;
    background-size: 20px 20px
}

.popup-overlay a.close.close-light {
    background: url("../img/common/close-btn-light.svg") no-repeat 50% 50%;
    background-size: 20px 20px
}

.col-no-padding {
    padding-left: 0;
    padding-right: 0
}

.navigation-top-bar,
.navigation-search,
.navigation-main {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header-anchor {
    border-top: 60px solid transparent;
    margin: -60px 0 0;
    background-clip: padding-box;
    position: relative
}

@media (min-width: 768px) {
    #in-action .border-brass p {
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .wrapper-fluid.navigation-top-bar,
    .wrapper-fluid.navigation-search,
    .wrapper-fluid.navigation-main,
    .wrapper-fluid.footnav,
    .wrapper-fluid.footer,
    .wrapper-fluid.inaction-menu,
    .wrapper-fluid.products-menu,
    .wrapper.navigation-top-bar,
    .wrapper.navigation-search,
    .wrapper.navigation-main,
    .wrapper.footnav,
    .wrapper.footer,
    .wrapper.inaction-menu,
    .wrapper.products-menu {
        max-width: 101%;
        width: 101%;
        margin-left: auto;
        margin-right: auto
    }
    .header-anchor {
        border-top: 90px solid transparent;
        margin: -90px 0 0
    }
    #in-action p.section-desc {
        padding: 0 26rem
    }
}

.ru-RU.site-wrapper {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU h2 {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU h3,
.ru-RU .in-action-header .content sup,
.in-action-header .content .ru-RU sup {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU a,
.ru-RU h2 a,
.ru-RU h3 a,
.ru-RU .in-action-header .content sup a,
.in-action-header .content .ru-RU sup a {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .topnav nav a,
.ru-RU .megamenu nav a {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .footnav a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .footer {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .footer a {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr.site-wrapper {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr h3,
.kr .in-action-header .content sup,
.in-action-header .content .kr sup {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr a,
.kr h2 a,
.kr h3 a,
.kr .in-action-header .content sup a,
.in-action-header .content .kr sup a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .topnav nav a,
.kr .megamenu nav a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .footnav a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .footer {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .footer a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.carousel .item {
    display: block;
    position: absolute;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.carousel .item.active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.carousel .item.transition {
    transition: all 0.35s ease
}

.icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute
}

.icon.icon-prev {
    position: absolute;
    left: 1rem;
    background: url("../img/common/icon-prev.svg") no-repeat;
    background-position: 0 50%;
    background-size: 20px 20px
}

.icon.icon-next {
    position: absolute;
    right: 1rem;
    background: url("../img/common/icon-next.svg") no-repeat;
    background-position: 100% 50%;
    background-size: 20px 20px
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../img/flag-icons/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../img/flag-icons/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../img/flag-icons/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../img/flag-icons/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../img/flag-icons/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../img/flag-icons/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../img/flag-icons/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../img/flag-icons/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../img/flag-icons/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../img/flag-icons/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../img/flag-icons/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../img/flag-icons/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../img/flag-icons/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../img/flag-icons/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../img/flag-icons/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../img/flag-icons/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../img/flag-icons/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../img/flag-icons/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../img/flag-icons/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../img/flag-icons/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../img/flag-icons/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../img/flag-icons/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../img/flag-icons/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../img/flag-icons/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../img/flag-icons/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../img/flag-icons/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../img/flag-icons/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../img/flag-icons/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../img/flag-icons/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../img/flag-icons/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../img/flag-icons/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../img/flag-icons/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../img/flag-icons/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../img/flag-icons/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../img/flag-icons/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../img/flag-icons/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../img/flag-icons/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../img/flag-icons/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../img/flag-icons/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../img/flag-icons/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../img/flag-icons/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../img/flag-icons/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../img/flag-icons/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../img/flag-icons/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../img/flag-icons/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../img/flag-icons/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../img/flag-icons/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../img/flag-icons/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../img/flag-icons/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../img/flag-icons/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../img/flag-icons/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../img/flag-icons/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../img/flag-icons/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../img/flag-icons/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../img/flag-icons/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../img/flag-icons/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../img/flag-icons/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../img/flag-icons/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../img/flag-icons/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../img/flag-icons/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../img/flag-icons/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../img/flag-icons/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../img/flag-icons/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../img/flag-icons/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../img/flag-icons/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../img/flag-icons/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../img/flag-icons/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../img/flag-icons/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../img/flag-icons/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../img/flag-icons/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../img/flag-icons/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../img/flag-icons/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../img/flag-icons/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../img/flag-icons/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../img/flag-icons/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../img/flag-icons/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../img/flag-icons/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../img/flag-icons/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../img/flag-icons/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../img/flag-icons/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../img/flag-icons/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../img/flag-icons/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../img/flag-icons/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../img/flag-icons/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../img/flag-icons/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../img/flag-icons/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../img/flag-icons/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../img/flag-icons/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../img/flag-icons/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../img/flag-icons/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../img/flag-icons/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../img/flag-icons/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../img/flag-icons/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../img/flag-icons/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../img/flag-icons/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../img/flag-icons/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../img/flag-icons/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../img/flag-icons/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../img/flag-icons/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../img/flag-icons/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../img/flag-icons/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../img/flag-icons/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../img/flag-icons/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../img/flag-icons/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../img/flag-icons/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../img/flag-icons/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../img/flag-icons/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../img/flag-icons/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../img/flag-icons/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../img/flag-icons/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../img/flag-icons/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../img/flag-icons/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../img/flag-icons/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../img/flag-icons/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../img/flag-icons/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../img/flag-icons/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../img/flag-icons/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../img/flag-icons/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../img/flag-icons/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../img/flag-icons/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../img/flag-icons/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../img/flag-icons/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../img/flag-icons/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../img/flag-icons/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../img/flag-icons/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../img/flag-icons/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../img/flag-icons/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../img/flag-icons/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../img/flag-icons/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../img/flag-icons/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../img/flag-icons/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../img/flag-icons/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../img/flag-icons/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../img/flag-icons/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../img/flag-icons/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../img/flag-icons/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../img/flag-icons/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../img/flag-icons/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../img/flag-icons/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../img/flag-icons/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../img/flag-icons/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../img/flag-icons/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../img/flag-icons/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../img/flag-icons/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../img/flag-icons/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../img/flag-icons/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../img/flag-icons/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../img/flag-icons/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../img/flag-icons/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../img/flag-icons/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../img/flag-icons/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../img/flag-icons/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../img/flag-icons/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../img/flag-icons/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../img/flag-icons/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../img/flag-icons/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../img/flag-icons/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../img/flag-icons/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../img/flag-icons/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../img/flag-icons/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../img/flag-icons/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../img/flag-icons/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../img/flag-icons/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../img/flag-icons/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../img/flag-icons/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../img/flag-icons/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../img/flag-icons/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../img/flag-icons/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../img/flag-icons/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../img/flag-icons/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../img/flag-icons/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../img/flag-icons/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../img/flag-icons/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../img/flag-icons/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../img/flag-icons/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../img/flag-icons/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../img/flag-icons/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../img/flag-icons/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../img/flag-icons/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../img/flag-icons/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../img/flag-icons/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../img/flag-icons/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../img/flag-icons/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../img/flag-icons/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../img/flag-icons/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../img/flag-icons/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../img/flag-icons/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../img/flag-icons/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../img/flag-icons/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../img/flag-icons/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../img/flag-icons/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../img/flag-icons/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../img/flag-icons/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../img/flag-icons/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../img/flag-icons/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../img/flag-icons/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../img/flag-icons/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../img/flag-icons/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../img/flag-icons/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../img/flag-icons/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../img/flag-icons/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../img/flag-icons/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../img/flag-icons/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../img/flag-icons/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../img/flag-icons/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../img/flag-icons/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../img/flag-icons/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../img/flag-icons/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../img/flag-icons/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../img/flag-icons/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../img/flag-icons/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../img/flag-icons/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../img/flag-icons/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../img/flag-icons/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../img/flag-icons/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../img/flag-icons/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../img/flag-icons/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../img/flag-icons/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../img/flag-icons/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../img/flag-icons/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../img/flag-icons/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../img/flag-icons/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../img/flag-icons/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../img/flag-icons/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../img/flag-icons/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../img/flag-icons/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../img/flag-icons/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../img/flag-icons/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../img/flag-icons/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../img/flag-icons/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../img/flag-icons/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../img/flag-icons/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../img/flag-icons/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../img/flag-icons/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../img/flag-icons/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../img/flag-icons/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../img/flag-icons/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../img/flag-icons/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../img/flag-icons/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../img/flag-icons/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../img/flag-icons/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../img/flag-icons/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../img/flag-icons/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../img/flag-icons/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../img/flag-icons/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../img/flag-icons/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../img/flag-icons/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../img/flag-icons/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../img/flag-icons/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/zw.svg)
}

.flag-icon-eu {
    background-image: url(../img/flag-icons/4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../img/flag-icons/4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gb-eng.svg)
}

.flag-icon-gb-nir {
    background-image: url(../img/flag-icons/4x3/gb-nir.svg)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gb-nir.svg)
}

.flag-icon-gb-sct {
    background-image: url(../img/flag-icons/4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../img/flag-icons/4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../img/flag-icons/4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../img/flag-icons/1x1/un.svg)
}

.navigation-top-bar {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #c98959;
    border-left: 1px solid #c98959;
    border-right: 1px solid #c98959
}

.navigation-top-bar .col-phone-12 {
    padding-left: 0;
    padding-right: 0;
    height: 36px
}

.navigation-top-bar .col-phone-12>div {
    position: absolute;
    top: 0;
    right: 1px;
    padding: 9px
}

.navigation-top-bar .col-phone-12>div .country-toggle,
.navigation-top-bar .col-phone-12>div .top-social {
    display: none
}

.navigation-top-bar .col-phone-12>div .search-toggle {
    cursor: pointer
}

.navigation-top-bar .col-phone-12>div .search-toggle a {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url("../img/common/search-nav-mobile.svg") no-repeat 50% 50%;
    background-size: 18px 18px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300
}

.navigation-top-bar h1 {
    display: block;
    width: 160px;
    height: 36px;
    margin: 0 auto;
    position: relative
}

.navigation-top-bar h1 a,
.navigation-top-bar h1 img {
    display: block;
    width: 100%;
    height: auto
}

.navigation-top-bar h1 a {
    position: relative;
    top: 9px
}

.navigation-top-bar .recycling a {
    position: relative
}

.navigation-top-bar #menu-switch {
    display: none
}

.navigation-top-bar #menu-switch+label {
    background-color: #c98959;
    cursor: pointer;
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 5px;
    text-indent: -9999px
}

.navigation-top-bar #menu-switch+label span {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.navigation-top-bar #menu-switch+label span,
.navigation-top-bar #menu-switch+label span:before,
.navigation-top-bar #menu-switch+label span:after {
    content: ' ';
    height: 5.5%;
    width: 61%;
    opacity: 1;
    background: #fff;
    position: absolute;
    display: block;
    transition: all 250ms ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.navigation-top-bar #menu-switch+label span:before,
.navigation-top-bar #menu-switch+label span:after {
    height: 100%;
    width: 100%
}

.navigation-top-bar #menu-switch+label span:before {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%)
}

.navigation-top-bar #menu-switch+label span:after {
    -webkit-transform: translateY(300%);
    transform: translateY(300%)
}

.navigation-top-bar #menu-switch:checked+label span:before,
.navigation-top-bar #menu-switch:checked+label span:after {
    background-color: transparent
}

.navigation-top-bar #menu-switch:checked+label span:before {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navigation-top-bar #menu-switch:checked+label span:after {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navigation-main {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    padding-top: 16px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transition: height 250ms, color 250ms
}

.navigation-main>.container-fluid>.row>.col-phone-12 {
    padding-left: 0;
    padding-right: 0
}

.navigation-main .nav-wrapper {
    min-height: 36px;
    background-color: #c98959
}

.navigation-main .nav-wrapper nav {
    height: auto;
    width: 100%
}

.navigation-main .nav-wrapper nav ul.menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.navigation-main .nav-wrapper nav ul.menu>li {
    display: block;
    text-align: center;
    width: 100%;
    border-top: 1px solid #e4c4ad
}

.navigation-main .nav-wrapper nav ul.menu>li.current-menu-item>a {
    color: rgba(255, 255, 255, 0.5)
}

.navigation-main .nav-wrapper nav ul.menu>li>a {
    display: inline-block;
    font-family: 'Oblik Bold', sans-serif;
    width: 100%;
    padding: 1rem;
    color: #fff;
    text-decoration: none;
    transition: all 250ms;
    font-size: 1.6rem
}

.navigation-main .nav-wrapper nav ul.menu>li>a span {
    border: 1px solid #fff;
    padding: 5px 15px;
    border-radius: 14px;
    transition: border 250ms
}

.navigation-main .nav-wrapper nav ul.menu>li>a:hover span {
    border-color: rgba(255, 255, 255, 0.5)
}

.navigation-main .nav-wrapper nav ul.menu>li.inaction-toggle>a,
.navigation-main .nav-wrapper nav ul.menu>li.initiative-toggle>a,
.navigation-main .nav-wrapper nav ul.menu>li.products-toggle>a {
    position: relative
}

.navigation-main .nav-wrapper nav ul.menu>li.inaction-toggle>a:after,
.navigation-main .nav-wrapper nav ul.menu>li.initiative-toggle>a:after,
.navigation-main .nav-wrapper nav ul.menu>li.products-toggle>a:after {
    content: '';
    display: block;
    width: 9px;
    height: 80%;
    background: url("../img/megamenu/arrow-right.svg") no-repeat right center;
    background-size: 9px 16px;
    position: absolute;
    top: 5px;
    right: 14px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.inaction-toggle>a:after,
.navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.initiative-toggle>a:after,
.navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.products-toggle>a:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.navigation-main .nav-wrapper .mobile-sub-nav {
    display: block;
    background-color: #111;
    padding-top: 11px;
    padding-bottom: 11px;
    color: #fff;
    width: 100%
}

.navigation-main .nav-wrapper .mobile-sub-nav>div {
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin: 0 auto;
    position: relative
}

.navigation-main .nav-wrapper .mobile-sub-nav .top-social {
    line-height: 2rem
}

.navigation-main .nav-wrapper .mobile-sub-nav .country-toggle {
    position: absolute;
    right: .9375rem;
    top: -2px
}

.navigation-main .nav-wrapper .mobile-sub-nav .recycling {
    border-bottom: 1px solid #888888;
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 11px
}

.navigation-main.navigation-main--extra .nav-size-selector {
    margin-bottom: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navigation-main.navigation-main--extra .nav-size-selector li {
    max-width: 80px
}

.navigation-main.navigation-main--extra .nav-size-selector li.size-coins a {
    width: 60px
}

.navigation-main.navigation-main--extra .nav-size-selector li.size-coins a svg {
    width: 100%;
    height: 50px;
    margin-bottom: 10px
}

.navigation-main.navigation-main--extra .nav-size-selector li.size-aid a {
    width: 45px
}

.navigation-main.navigation-main--extra .nav-size-selector li.size-aid a svg {
    width: 100%;
    height: 124px
}

@media (min-width: 1200px) {
    .navigation-main.navigation-main--extra .nav-size-selector li.size-aid a div {
        height: 130px;
        width: 45px
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-aid a svg {
        width: 45px
    }
}

@media (min-width: 768px) {
    .navigation-main.navigation-main--extra .products-size {
        width: 100%
    }
    .navigation-main.navigation-main--extra .products-code {
        width: 100%
    }
    .navigation-main.navigation-main--extra .nav-size-selector {
        margin-bottom: 0
    }
    .navigation-main.navigation-main--extra .nav-size-selector li {
        float: none;
        width: auto;
        max-width: none
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-aaa a {
        min-width: 40px
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-aa a {
        min-width: 40px
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-coins a {
        min-width: 55px;
        width: 90px
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-coins a svg {
        height: 52px;
        margin-bottom: 13px
    }
    .navigation-main.navigation-main--extra .nav-size-selector li.size-aid a {
        width: 75px
    }
}

@media (min-width: 990px) {
    .navigation-main.navigation-main--extra .products-size {
        width: 65%
    }
    .navigation-main.navigation-main--extra .products-code {
        width: 35%
    }
    .navigation-main.navigation-main--extra .nav-size-selector {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    .navigation-main.navigation-main--extra .form-wrapper {
        width: 100%
    }
    .navigation-main.navigation-main--extra .products-device ul {
        padding-bottom: 0
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li a {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li a div svg {
        margin-bottom: 14px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-remotes a div svg {
        height: 59px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-clocks a div svg {
        height: 59px;
        max-height: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-lights a div svg {
        height: 45px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-toys a div svg {
        height: 55px;
        max-height: none;
        max-width: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-cameras a div svg {
        height: 41px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-games a div svg {
        height: 41px;
        max-width: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-watches a div svg {
        height: 51px;
        max-height: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-alarms a div svg {
        height: 37px;
        max-width: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-calculators a div svg {
        height: 46px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-medical-device a div svg {
        height: 45px;
        max-height: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-sport-accessories a div svg {
        height: 36px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-wearables a div svg {
        height: 43px;
        max-height: none
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-hearing-aids a div svg {
        height: 48px
    }
    .navigation-main.navigation-main--extra .products-device .nav-device-selector li.device-sensors a div svg {
        height: 31px
    }
}

.recycling a {
    font-weight: 400;
    color: #fff;
    display: inline-block;
    position: relative;
    line-height: 28px
}

.recycling a:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url("../img/common/recycle.svg") no-repeat;
    background-size: 28px 28px;
    float: left;
    margin-right: 8px
}

.navigation-search {
    background-color: #fff;
    height: 36px;
    position: fixed;
    z-index: 1002;
    top: 36px;
    width: 100%;
    overflow: hidden;
    display: none
}

.navigation-search input[type="submit"] {
    color: #c98959;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    outline: 0;
    border: 0;
    height: 36px;
    padding: 2px 20px 0 0;
    margin: 0;
    float: right;
    text-transform: uppercase;
    display: inline-block;
    background: url("../img/common/learn-more.svg") no-repeat 100% 50%;
    background-size: 12px 12px
}

.navigation-search input[type="text"] {
    outline: 0;
    height: 36px;
    border: 0;
    width: 60%
}

.top-social a {
    display: inline-block;
    height: 15px;
    margin: 0 .5rem
}

.top-social a span {
    display: none
}

.top-social a.fb {
    width: 26px;
    height: 26px;
    background: url(../img/facebook.png) no-repeat;
    background-size: 100%;
}



.top-social a.tw {
    width: 26px;
    height: 26px;
    background: url(../img/twitter.png) no-repeat;
    background-size: 100%;
}


.products-menu,
.inaction-menu,
.initiative-menu {
    display: none;
    background-color: #111
}

.products-menu h2,
.inaction-menu h2,
.initiative-menu h2 {
    color: #fff
}

.products-size {
    padding: 0 1rem;
    border-bottom: 1px solid #424242
}

.products-size ul {
    display: none
}

.products-size h3.active+ul,
.products-size .in-action-header .content sup.active+ul,
.in-action-header .content .products-size sup.active+ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.products-menu h2 {
    display: none;
    margin-top: 0;
    margin-bottom: 0
}

.products-menu h3,
.products-menu .in-action-header .content sup,
.in-action-header .content .products-menu sup {
    text-align: left;
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 1.5rem 0;
    font-size: 1.4rem;
    line-height: 1;
    font-family: 'Oblik Bold', sans-serif;
    color: #fff;
    text-transform: uppercase
}

.products-menu h3:active,
.products-menu .in-action-header .content sup:active,
.in-action-header .content .products-menu sup:active,
.products-menu h3:focus,
.products-menu .in-action-header .content sup:focus,
.in-action-header .content .products-menu sup:focus {
    color: #fff
}

.products-categories {
    padding: 0 1rem;
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242
}

.products-categories ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem
}

.products-categories h3.active+ul,
.products-categories .in-action-header .content sup.active+ul,
.in-action-header .content .products-categories sup.active+ul {
    display: block
}

.products-categories li {
    float: left;
    width: 33.3%;
    position: relative
}

.products-categories a {
    display: block;
    width: 100%;
    height: 135px;
    padding: 9.5rem .5rem 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.2;
    background-color: #1e1e1e;
    background-repeat: no-repeat;
    border: 1px solid #111
}

.products-categories .category-badge {
    position: absolute;
    top: 1px;
    left: 1px;
    max-width: 50px;
    height: auto
}

@media (min-width: 768px) {
    .products-categories .category-badge {
        max-width: 75px;
        top: 5px;
        left: 5px
    }
}

.products-categories .category-alkaline {
    background-image: url("../img/megamenu/alkaline@2x.png");
    background-position: center bottom 50px;
    background-size: 80px auto
}

.products-categories .category-specialty {
    background-image: url("../img/specialty@2x.png");
    background-position: center bottom 50px;
    background-size: 55px auto
}

.products-categories .category-rechargables {
    background-image: url("../img/megamenu/rechargable@2x.png");
    background-position: center bottom 46px;
    background-size: 80px auto
}

.products-categories .category-coin {
    background-image: url("../img/megamenu/coin@2x.png");
    background-position: center bottom 50px;
    background-size: 60px auto
}

.products-categories .category-hearing {
    background-image: url("../img/megamenu/hearingaid@2x.png");
    background-position: center bottom 55px;
    background-size: 88px auto
}

.products-categories .category-powerbanks {
    background-image: url("../img/megamenu/powerbanks@2x.png");
    background-position: center bottom 50px;
    background-size: 62px auto
}

.products-device {
    width: 100%;
    padding: 0 1rem;
    overflow: hidden
}

.products-device ul {
    padding-bottom: 1.5rem;
    padding-left: 0;
    list-style: none
}

.products-device h3.active+.nav-device-selector,
.products-device .in-action-header .content sup.active+.nav-device-selector,
.in-action-header .content .products-device sup.active+.nav-device-selector {
    display: block
}

.products-device .nav-device-selector {
    display: none;
    list-style: none;
    padding: 0 30px;
    position: relative
}

.products-device .nav-device-selector.no-swiper .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .products-device .nav-device-selector.no-swiper .swiper-container .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.products-device .nav-device-selector .swiper-container {
    width: 100%
}

.site-wrapper.il .products-device .nav-device-selector .swiper-container {
    margin: 0
}

.site-wrapper.il .products-device .nav-device-selector .swiper-container li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .products-device .nav-device-selector .swiper-slide {
        width: 20%
    }
    .site-wrapper.il .products-device .nav-device-selector .swiper-slide span {
        font-size: 1rem
    }
}

@media (min-width: 1220px) {
    .products-device .nav-device-selector .swiper-slide {
        width: 12.5%;
        padding: 0
    }
    .site-wrapper.il .products-device .nav-device-selector .swiper-slide {
        width: 25%
    }
    .site-wrapper.de .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.fr .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.fi .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.no .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.nl .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.se .products-device .nav-device-selector .swiper-slide,
    .site-wrapper.ro .products-device .nav-device-selector .swiper-slide {
        width: 16.666%
    }
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector .swiper-slide {
        width: 25%
    }
    .site-wrapper.il .products-device .nav-device-selector .swiper-slide span {
        font-size: 1.2rem
    }
}

@media (max-width: 768px) {
    .products-device .nav-device-selector {
        padding: 0
    }
    .products-device .nav-device-selector .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 25%;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box
    }
    .products-device .nav-device-selector .swiper-wrapper .swiper-slide a span {
        text-align: center
    }
    .site-wrapper.il .products-device .nav-device-selector .swiper-wrapper .swiper-slide span {
        font-size: 1rem
    }
    .products-device .nav-device-selector .swiper-navigation {
        display: none
    }
}

@media (max-width: 380px) {
    .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 33.333%
    }
}

.products-device .nav-device-selector li:last-child {
    margin-right: 0
}

.products-device .nav-device-selector li a {
    cursor: pointer;
    position: relative;
    min-height: 110px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 990px) {
    .products-device .nav-device-selector li a {
        width: 100%
    }
}

.products-device .nav-device-selector li a div {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    margin-bottom: 1rem
}

.site-wrapper.il .products-device .nav-device-selector li a div {
    height: 90px
}

@media (min-width: 768px) {
    .products-device .nav-device-selector li a div {
        margin-bottom: 2rem
    }
}

.products-device .nav-device-selector li a div svg {
    display: block;
    max-height: 50px;
    width: auto;
    fill: #999999
}

.products-device .nav-device-selector li a:hover {
    color: #c98959
}

.products-device .nav-device-selector li a:hover div svg {
    fill: #c98959
}

.products-device .nav-device-selector li.device-remotes div svg {
    max-height: 50px
}

.site-wrapper.il .products-device .nav-device-selector li.device-remotes div svg {
    max-height: 45px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-remotes div svg {
        max-height: 60px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-remotes div svg {
        max-height: 60px
    }
}

.products-device .nav-device-selector li.device-clocks div svg {
    max-height: 50px
}

.site-wrapper.il .products-device .nav-device-selector li.device-clocks div svg {
    max-height: 40px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-clocks div svg {
        max-height: 55px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-clocks div svg {
        max-height: 55px
    }
}

.products-device .nav-device-selector li.device-lights div svg {
    max-height: 40px
}

.site-wrapper.il .products-device .nav-device-selector li.device-lights div svg {
    max-height: 40px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-lights div svg {
        max-height: 50px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-lights div svg {
        max-height: 50px
    }
}

.products-device .nav-device-selector li.device-toys div svg {
    max-width: 70px
}

.site-wrapper.il .products-device .nav-device-selector li.device-toys div svg {
    max-width: 55px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-toys div svg {
        max-width: 80px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-toys div svg {
        max-width: 80px
    }
}

.products-device .nav-device-selector li.device-cameras div svg {
    max-height: 45px;
    max-width: 45px
}

.site-wrapper.il .products-device .nav-device-selector li.device-cameras div svg {
    max-height: 45px;
    max-width: 35px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-cameras div svg {
        max-height: 55px;
        max-width: 50px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-cameras div svg {
        max-height: 55px;
        max-width: 50px
    }
}

.products-device .nav-device-selector li.device-games div svg {
    max-height: 40px;
    max-width: 45px
}

.site-wrapper.il .products-device .nav-device-selector li.device-games div svg {
    max-height: 40px;
    max-width: 40px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-games div svg {
        max-height: 50px;
        max-width: 55px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-games div svg {
        max-height: 50px;
        max-width: 55px
    }
}

.products-device .nav-device-selector li.device-watches div svg {
    max-height: 40px
}

.site-wrapper.il .products-device .nav-device-selector li.device-watches div svg {
    max-height: 35px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-watches div svg {
        max-height: 50px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-watches div svg {
        max-height: 50px
    }
}

.products-device .nav-device-selector li.device-alarms div svg {
    max-width: 60px
}

.site-wrapper.il .products-device .nav-device-selector li.device-alarms div svg {
    max-width: 60px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-alarms div svg {
        max-width: 70px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-alarms div svg {
        max-width: 70px
    }
}

.products-device .nav-device-selector li.device-calculators div svg {
    max-height: 40px
}

.site-wrapper.il .products-device .nav-device-selector li.device-calculators div svg {
    max-height: 30px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-calculators div svg {
        max-height: 50px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-calculators div svg {
        max-height: 50px
    }
}

.products-device .nav-device-selector li.device-medical-device div svg {
    max-height: 40px
}

.site-wrapper.il .products-device .nav-device-selector li.device-medical-device div svg {
    max-height: 35px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-medical-device div svg {
        max-height: 50px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-medical-device div svg {
        max-height: 50px
    }
}

.products-device .nav-device-selector li.device-sport-accessories div svg {
    max-width: 45px
}

.site-wrapper.il .products-device .nav-device-selector li.device-sport-accessories div svg {
    max-width: 45px
}

@media (min-width: 1366px) {
    .site-wrapper.il .products-device .nav-device-selector li.device-sport-accessories div svg {
        max-width: 45px
    }
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-sport-accessories div {
        max-width: 45px
    }
}

.products-device .nav-device-selector li.device-wearables div svg {
    max-height: 40px
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-wearables div svg {
        max-height: 40px
    }
    .site-wrapper.il .products-device .nav-device-selector li.device-wearables div svg {
        max-height: 40px
    }
}

.products-device .nav-device-selector li.device-hearing-aids div svg {
    max-height: 40px
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-hearing-aids div svg {
        max-height: 40px
    }
    .site-wrapper.il .products-device .nav-device-selector li.device-hearing-aids div svg {
        max-height: 50px
    }
}

.products-device .nav-device-selector li.device-sensors div svg {
    max-width: 60px
}

@media (min-width: 1366px) {
    .products-device .nav-device-selector li.device-sensors div svg {
        max-width: 60px
    }
    .site-wrapper.il .products-device .nav-device-selector li.device-sensors div svg {
        max-height: 60px
    }
}

.products-device .swiper-navigation .swiper-button {
    position: absolute;
    top: 50%;
    left: 0;
    height: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.products-device .swiper-navigation .swiper-button.swiper-next {
    left: auto;
    right: 0
}

.products-device .swiper-navigation .swiper-button.swiper-button-disabled {
    opacity: .2;
    cursor: default
}

.products-code {
    padding: 0 1rem;
    border-bottom: 1px solid #424242
}

.products-code .form-wrapper {
    display: none;
    text-align: left;
    padding-bottom: 1.5rem;
    color: #999
}

.products-code .form-wrapper div {
    position: relative;
    margin-top: 2.5rem
}

.products-code h3.active+.form-wrapper,
.products-code .in-action-header .content sup.active+.form-wrapper,
.in-action-header .content .products-code sup.active+.form-wrapper {
    display: block
}

.products-code input[type="text"],
.products-code input[type="submit"] {
    padding: 8px 48px 6px 18px;
    border-radius: 18px;
    border: 0;
    outline: 0
}

.products-code input[type="text"] {
    width: 100%;
    background-color: #1e1e1e;
    color: #999;
    font-size: 1.5rem
}

.products-code input[type="text"]:focus {
    font-size: 1.5rem
}

.products-code input[type="submit"] {
    padding: 18px 18px;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 0;
    line-height: 1;
    background: #c98959 url("../img/megamenu/arrow-right.svg") no-repeat center center;
    background-size: 9px 16px
}

.inaction-menu ul,
.initiative-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.inaction-menu li,
.initiative-menu li {
    border-bottom: 1px solid #424242
}

.inaction-menu a,
.initiative-menu a {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    line-height: 1;
    padding: 1.5rem 0 1.5rem 1rem
}

.inaction-menu br,
.inaction-menu .inaction-head,
.inaction-menu .initiative-menu-head,
.initiative-menu br,
.initiative-menu .inaction-head,
.initiative-menu .initiative-menu-head {
    display: none
}

.nav-size-selector {
    list-style: none;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 0
}

.nav-size-selector li {
    float: left;
    display: block
}

.nav-size-selector li a {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 140px;
    display: block;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    margin: 0 auto
}

.nav-size-selector li a div {
    height: 121px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-size-selector li a div svg {
    fill: #999;
    max-height: 100%
}

.nav-size-selector li a div svg .bg {
    fill: transparent
}

.nav-size-selector li a div svg .symbol-icon {
    fill: #999
}

.nav-size-selector li a span {
    display: none
}

.nav-size-selector li a:hover div svg {
    fill: #c98959
}

.nav-size-selector li a:hover div svg .bg {
    fill: #c98959
}

.nav-size-selector li a:hover div svg .symbol-icon {
    fill: #000
}

.nav-size-selector li.size-aaa {
    width: 13%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-aaa {
        width: 40px
    }
}

.nav-size-selector li.size-aaa div {
    width: 20px
}

.nav-size-selector li.size-aa {
    width: 15%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-aa {
        width: 60px
    }
}

.nav-size-selector li.size-aa div {
    width: 27px
}

.nav-size-selector li.size-c {
    width: 22%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-c {
        width: 70px
    }
}

.nav-size-selector li.size-c div {
    width: 50px
}

.nav-size-selector li.size-d {
    width: 27%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-d {
        width: 80px
    }
}

.nav-size-selector li.size-d div {
    width: 66px
}

.nav-size-selector li.size-9v {
    width: 23%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-9v {
        width: 65px
    }
}

.nav-size-selector li.size-9v div {
    width: 52px
}

.nav-size-selector li.size-coins {
    width: 12%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-coins {
        width: 60px
    }
}

@media (max-width: 767px) {
    .nav-size-selector li.size-aid {
        width: 60px
    }
}

.nav-size-selector li.size-powerbank {
    width: 23%
}

@media (max-width: 767px) {
    .nav-size-selector li.size-powerbank {
        min-width: 90px
    }
}

.nav-size-selector li.size-powerbank div {
    width: 75px
}

.mobile .navigation-main,
.tablet .navigation-main {
    height: 100vh;
    left: 0;
    transition: all 250ms;
    -webkit-transform: translateY(-36px);
    transform: translateY(-36px);
    opacity: 0
}


.mobile .navigation-main.opened,
.tablet .navigation-main.opened {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mobile .products-toggle,
.mobile .inaction-toggle,
.mobile .initiative-toggle,
.tablet .products-toggle,
.tablet .inaction-toggle,
.tablet .initiative-toggle {
    position: relative;
    z-index: 10
}

.no-scroll {
    overflow-y: hidden
}

.no-categories .nav-device-selector {
    padding: 0
}

.no-slider .nav-device-selector {
    padding: 0
}

.no-slider .nav-device-selector .swiper-slide {
    width: 25%
}

.no-slider .nav-device-selector .swiper-navigation {
    display: none
}

.il .products-code .see-all-wrapper {
    margin-top: 0
}

.il .products-code .see-all-wrapper span {
    color: #fff;
    font-weight: 700;
    margin-right: 1rem;
    margin-left: 1rem
}

.latam .products-device .nav-device-selector {
    padding: 0
}

.latam .products-categories {
    width: 100%
}

.latam .products-categories li {
    width: 50%
}

@media (max-width: 767px) {
    .navigation-top-bar .col-phone-12>div .search-toggle a.active {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../img/common/close-search.svg") no-repeat 50% 50%;
        background-size: 18px 18px
    }
    .navigation-search input[type="submit"] {
        color: transparent;
        height: 36px;
        padding: 2px 18px 0;
        margin: 0;
        float: right;
        text-indent: -9999em;
        text-transform: uppercase;
        display: inline-block;
        background: url("../img/common/search-nav.svg") no-repeat 100% 50%;
        background-size: 18px 18px
    }
    .navigation-search input[type="text"] {
        width: 85%
    }
    .nav-size-selector li {
        border: 1px solid #111;
        margin-right: 0
    }
    .nav-size-selector li a {
        padding-right: 0;
        padding-left: 0;
        height: 125px
    }
    .nav-size-selector li a div {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    .inaction-menu a,
    .initiative-menu a {
        padding: 1.5rem 3rem 1.5rem 1rem
    }
    .inaction-menu a:after,
    .initiative-menu a:after {
        content: '';
        display: block;
        width: 9px;
        height: 100%;
        background: url("../img/megamenu/arrow-right.svg") no-repeat right center;
        background-size: 9px 16px;
        position: absolute;
        top: 0;
        right: 10px
    }
    .products-menu h3:after,
    .products-menu .in-action-header .content sup:after,
    .in-action-header .content .products-menu sup:after {
        content: '';
        display: block;
        width: 16px;
        height: 100%;
        background: url("../img/megamenu/plus.svg") no-repeat center center;
        background-size: 16px 16px;
        position: absolute;
        top: 0;
        right: 0
    }
    .products-menu h3.active,
    .products-menu .in-action-header .content sup.active,
    .in-action-header .content .products-menu sup.active {
        color: #c98959
    }
    .products-menu h3.active:after,
    .products-menu .in-action-header .content sup.active:after,
    .in-action-header .content .products-menu sup.active:after {
        background: url("../img/megamenu/cross.svg") no-repeat center center;
        background-size: 14px 14px
    }
    .de-DE .products-categories a,
    .fr-FR .products-categories a,
    .dk .products-categories a {
        font-size: 0.8rem
    }
    .il .products-menu-wrapper .products-categories {
        width: 100%
    }
    .il .products-menu-wrapper .products-code {
        border-bottom: none
    }
    .il .products-menu-wrapper .products-code .see-all-wrapper {
        text-align: center
    }
    .il .products-menu-wrapper .products-device {
        border-bottom: 1px solid #424242
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navigation-top-bar .col-phone-12>div .search-toggle a.active {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../img/common/close-search.svg") no-repeat 50% 50%;
        background-size: 18px 18px
    }
    .navigation-search input[type="submit"] {
        color: transparent;
        height: 36px;
        padding: 2px 18px 0;
        margin: 0;
        float: right;
        text-indent: -9999em;
        text-transform: uppercase;
        display: inline-block;
        background: url("../img/common/search-nav.svg") no-repeat 100% 50%;
        background-size: 18px 18px
    }
    .navigation-search input[type="text"] {
        width: 85%
    }
}

@media (max-width: 1199px) {
    .navigation-search.search-opened {
        display: block
    }
}

@media (min-width: 768px) {
    .navigation-search input[type="text"] {
        width: 80%
    }
    .products-menu h2,
    .inaction-menu h2,
    .initiative-menu h2 {
        font-size: 5rem
    }
    .inaction-menu {
        padding-bottom: 4rem
    }
    .inaction-menu ul {
        padding: 0 .5rem
    }
    .inaction-menu li {
        border: none;
        width: 50%;
        float: left;
        padding: .5rem
    }
    .inaction-menu a {
        display: block;
        width: 100%;
        height: 214px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        font-size: 2rem;
        line-height: 1;
        text-align: left;
        text-decoration: none;
        padding-left: 4rem;
        padding-top: 4rem;
        text-transform: none
    }
    .inaction-menu .inaction-head {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .inaction-menu .inaction-head p {
        display: none
    }
    .inaction-menu br,
    .inaction-menu .inaction-head {
        display: block
    }
    .initiative-menu {
        padding-bottom: 4rem
    }
    .initiative-menu ul {
        width: 100%;
        padding: 0 .5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .initiative-menu li {
        border: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding: .5rem;
        height: auto
    }
    .initiative-menu.two-column li {
        width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .initiative-menu.three-column li {
        width: 33.33%
    }
    .initiative-menu a {
        padding: 0;
        display: block;
        width: 100%;
        height: auto;
        background-color: #111
    }
    .initiative-menu a img {
        max-width: 100%;
        height: auto;
        margin-bottom: 1rem
    }
    .initiative-menu a small {
        text-transform: none;
        color: #666
    }
    .initiative-menu .initiative-menu-head {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .initiative-menu .initiative-menu-head p {
        color: #666
    }
    .initiative-menu br,
    .initiative-menu .initiative-menu-head {
        display: block
    }
    .products-menu {
        border-top: 1px solid #424242
    }
    .products-menu h2 {
        display: block;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .products-menu h3,
    .products-menu .in-action-header .content sup,
    .in-action-header .content .products-menu sup {
        position: relative
    }
    .products-menu h3 span,
    .products-menu .in-action-header .content sup span,
    .in-action-header .content .products-menu sup span {
        background-color: #111;
        position: relative;
        z-index: 100;
        padding-right: 1rem
    }
    .products-menu h3:after,
    .products-menu .in-action-header .content sup:after,
    .in-action-header .content .products-menu sup:after {
        content: '';
        border-bottom: 2px solid #c98959;
        display: block;
        width: 100%;
        position: absolute;
        z-index: 99;
        top: 24px
    }
    .products-categories {
        width: 100%
    }
    .products-categories ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .products-size,
    .products-code {
        border: none;
        float: left
    }
    .products-size .form-wrapper,
    .products-code .form-wrapper {
        display: block
    }
    .products-size ul,
    .products-code ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .products-categories,
    .products-size,
    .products-code {
        padding-bottom: 1rem
    }
    .products-size,
    .products-code {
        width: 50%
    }
    .products-categories {
        padding: 0 .5rem 1rem;
        border: none
    }
    .products-categories h3,
    .products-categories .in-action-header .content sup,
    .in-action-header .content .products-categories sup {
        display: none
    }
    .products-categories ul {
        display: block
    }
    .products-categories li {
        background-color: #111;
        padding: 5px;
        border: 0
    }
    .products-categories a {
        height: 210px;
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.2;
        padding: 14.5rem 2rem 0;
        border: 0
    }
    .site-wrapper.de .products-categories a {
        font-size: 1.3rem
    }
    .products-categories .category-alkaline {
        background-position: center bottom 90px;
        background-size: 110px auto
    }
    .products-categories .category-specialty {
        background-position: center bottom 90px;
        background-size: 85px auto
    }
    .products-categories .category-rechargables {
        background-position: center bottom 86px;
        background-size: 116px auto
    }
    .products-categories .category-coin {
        background-position: center bottom 90px;
        background-size: 90px auto
    }
    .products-categories .category-hearing {
        background-position: center bottom 95px;
        background-size: 118px auto
    }
    .products-categories .category-powerbanks {
        background-position: center bottom 90px;
        background-size: 92px auto;
        padding: 14.5rem 4rem 0
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .products-device .nav-device-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .products-device .nav-device-selector li a {
        height: 140px;
        font-size: 1.4rem
    }
    .products-device .nav-device-selector li a div {
        height: 90px;
        background-size: 90px 180px;
        margin-top: 2rem;
        margin-bottom: 0
    }
    .site-wrapper.il .products-device .nav-device-selector li a div {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .il .products-device .nav-device-selector li {
        width: 25%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .il .products-device .nav-device-selector li a {
        height: 120px
    }
    .il .products-device .nav-device-selector li a div {
        height: 70px;
        margin-bottom: 1rem
    }
    .products-code .form-wrapper {
        padding-top: 5rem
    }
    .products-code .form-wrapper div {
        margin-top: 1rem
    }
    .products-code input[type="text"],
    .products-code input[type="submit"] {
        padding: 14px 18px 12px;
        border-radius: 24px
    }
    .products-code input[type="submit"] {
        padding: 24px 24px;
        background-size: 9px 16px
    }
    .nav-size-selector {
        padding-top: 1rem
    }
    .il .products-device {
        width: 50%
    }
    .il .products-code {
        width: 100%
    }
    .il .products-code .form-wrapper {
        padding-top: 1rem;
        padding-bottom: 2rem;
        margin-left: 10%
    }
    .il .products-code form {
        width: 40%;
        float: left
    }
    .il .products-code .see-all-wrapper {
        width: 50%;
        float: left
    }
    .il .products-code .see-all-wrapper span {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .il .products-code .see-all-wrapper .button {
        padding: 14px 38px 12px;
        font-size: 1rem
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .il .products-code .see-all-wrapper .button {
        font-size: 1.4rem
    }
}

@media (min-width: 768px) {
    .latam .products-device .nav-device-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .latam .products-device .nav-device-selector li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (min-width: 1200px) {
    .navigation-top-bar {
        background-color: #111;
        height: 45px;
        overflow: hidden
    }
    .navigation-top-bar h1 {
        padding-top: 0
    }
    .navigation-top-bar>div {
        max-width: 1060px
    }
    .navigation-top-bar .col-phone-12 {
        height: 45px
    }
    .navigation-top-bar .col-phone-12 h1 {
        position: absolute;
        top: 5px;
        margin: 0
    }
    .navigation-top-bar .col-phone-12>div {
        position: absolute;
        top: 13px;
        right: 0;
        padding: 0;
        color: #fff
    }
    .navigation-top-bar .col-phone-12>div>div {
        float: left
    }
    .navigation-top-bar .col-phone-12>div a {
        color: #fff;
        text-decoration: none
    }
    .navigation-top-bar .col-phone-12>div .top-social {
        display: block;
        margin-right: 16px;
        line-height: 2rem
    }
    .navigation-top-bar .col-phone-12>div .country-toggle {
        display: block;
        margin-right: 16px;
        line-height: 2rem
    }
    .navigation-top-bar .col-phone-12>div .country-toggle a {
        color: #c98959
    }
    .navigation-top-bar .col-phone-12>div .search-toggle a {
        width: 18px;
        background: url("../img/common/search-nav.svg") no-repeat 100% 50%;
        background-size: 18px 18px
    }
    .navigation-top-bar .col-phone-12>div .search-toggle span {
        line-height: 1;
        top: -3px;
        display: inline-block;
        position: relative;
        margin-right: 3px
    }
    .navigation-top-bar .recycling a {
        position: relative;
        top: -5px;
        margin-right: 20px
    }
    .navigation-search {
        display: block;
        height: 0;
        top: 45px;
        transition: all 250ms
    }
    .navigation-search>div {
        max-width: 1080px
    }
    .navigation-search.search-opened {
        height: 45px
    }
    .navigation-search input[type="submit"] {
        height: 45px
    }
    .navigation-search input[type="text"] {
        width: 80%;
        height: 45px
    }
    .navigation-main {
        background: linear-gradient(to bottom, #c98959 0%, #c98959 45px, #111 45px, #111 100%);
        z-index: 1000;
        padding-top: 0;
        top: 45px;
        display: block;
        overflow: hidden;
        height: 45px;
        transition: all 250ms
    }
    .navigation-main.folded {
        height: 0
    }
    .navigation-main.mm-opened {
        min-height: 100%
    }
    .navigation-main.search-opened {
        top: 90px
    }
    .navigation-main .nav-wrapper {
        min-height: 45px;
        max-width: 1060px;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent
    }
    .navigation-main .nav-wrapper nav ul.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .navigation-main .nav-wrapper nav ul.menu>li {
        border-top: none;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 45px;
        width: auto;
        transition: all 250ms
    }
    .navigation-main .nav-wrapper nav ul.menu>li>a {
        font-size: 1.8rem;
        height: 45px;
        line-height: 1.5
    }
    .navigation-main .nav-wrapper nav ul.menu>li>a:hover {
        color: rgba(255, 255, 255, 0.5)
    }
    .navigation-main .nav-wrapper nav ul.menu>li.inaction-toggle>a:after,
    .navigation-main .nav-wrapper nav ul.menu>li.initiative-toggle>a:after,
    .navigation-main .nav-wrapper nav ul.menu>li.products-toggle>a:after {
        display: none
    }
    .navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.inaction-toggle>a,
    .navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.initiative-toggle>a,
    .navigation-main .nav-wrapper nav ul.menu>li.current-menu-item.products-toggle>a {
        color: #fff;
        background-color: #111
    }
    .products-menu,
    .inaction-menu,
    .initiative-menu {
        position: absolute;
        width: 100%;
        top: 45px;
        left: 0
    }
    .inaction-menu .inaction-wrapper {
        width: 1080px;
        margin: 0 auto;
        position: relative
    }
    .inaction-menu .inaction-wrapper>img {
        position: absolute;
        width: 270px;
        height: auto;
        top: 0;
        left: -242px
    }
    .inaction-menu li {
        width: 33.3%
    }
    .inaction-menu.two-column li {
        width: 50%
    }
    .inaction-menu a {
        height: 240px;
        position: relative;
        transition: all 250ms
    }
    .inaction-menu a:hover {
        z-index: 1000;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    .inaction-menu .inaction-head {
        padding-bottom: 3rem
    }
    .inaction-menu .inaction-head p {
        display: block;
        color: #666
    }
    .initiative-menu .initiative-menu-wrapper {
        width: 1080px;
        margin: 0 auto;
        position: relative
    }
    .initiative-menu .initiative-menu-wrapper>img {
        position: absolute;
        width: 270px;
        height: auto;
        top: 0;
        left: -242px
    }
    .initiative-menu a {
        position: relative;
        height: auto
    }
    .initiative-menu a img {
        transition: all 250ms
    }
    .initiative-menu a:hover img {
        z-index: 1000;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    .initiative-menu .initiative-menu-head {
        padding-bottom: 3rem
    }
    .initiative-menu .initiative-menu-head p {
        display: block;
        color: #666
    }
    .products-menu-wrapper {
        max-width: 1080px;
        margin: 0 auto
    }
    .products-menu {
        border: none
    }
    .products-categories {
        padding: 0 0 1rem .5rem
    }
    .products-categories ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .products-categories li {
        min-width: 214px
    }
    .products-size {
        padding-right: 3rem
    }
    .products-device .nav-device-selector {
        position: relative
    }
    .products-device .nav-device-selector li br {
        display: block
    }
    .products-device .nav-device-selector a {
        height: 170px;
        font-size: 1.6rem
    }
    .products-device .nav-device-selector a div {
        height: 110px;
        background-size: 110px 220px;
        margin-bottom: 2rem
    }
    .il .products-device {
        width: 50%
    }
    .il .products-code {
        width: 100%
    }
    .il .products-code .form-wrapper {
        width: auto
    }
    .il .products-code form {
        width: 40%;
        float: left
    }
    .il .products-code .see-all-wrapper {
        width: 50%;
        float: left
    }
    .il .products-code .see-all-wrapper span {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .il .products-code .see-all-wrapper .button {
        padding: 14px 38px 12px
    }
}

@media screen and (min-width: 1200px) and (max-height: 850px) {
    .initiative-menu .initiative-menu-wrapper {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scale(0.8) translateY(-20px);
        transform: scale(0.8) translateY(-20px)
    }
}

@media screen and (min-width: 1200px) and (max-height: 779px) {
    .inaction-menu .inaction-wrapper {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scale(0.75) translateY(-20px);
        transform: scale(0.75) translateY(-20px)
    }
    .initiative-menu .initiative-menu-wrapper {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scale(0.7) translateY(-20px);
        transform: scale(0.7) translateY(-20px)
    }
}

@media screen and (min-width: 1200px) and (max-height: 640px) {
    .inaction-menu .inaction-wrapper {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scale(0.67) translateY(-20px);
        transform: scale(0.67) translateY(-20px)
    }
    .initiative-menu .initiative-menu-wrapper {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scale(0.6) translateY(-20px);
        transform: scale(0.6) translateY(-20px)
    }
}

@media screen and (min-width: 1200px) and (max-height: 850px) {
    .products-menu .products-menu-wrapper {
        float: none;
        margin: 0 auto;
        width: 900px
    }
    .products-menu .products-menu-wrapper h3 span,
    .products-menu .products-menu-wrapper .in-action-header .content sup span,
    .in-action-header .content .products-menu .products-menu-wrapper sup span {
        font-size: 1.2rem
    }
    .products-menu .products-menu-wrapper .products-categories {
        padding: 0
    }
    .products-menu .products-menu-wrapper .products-categories ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .products-menu .products-menu-wrapper .products-categories li {
        min-width: 180px
    }
    .products-menu .products-menu-wrapper .products-categories li a {
        padding: 12rem 2rem 0;
        height: 180px;
        background-position: center bottom 80px;
        background-size: auto 60px;
        font-size: 1.3rem
    }
    .products-menu .products-menu-wrapper .products-code .form-wrapper {
        padding-top: 4rem;
        font-size: 1.2rem
    }
    .products-menu .products-menu-wrapper .products-code input[type="text"] {
        height: 40px;
        font-size: 1.4rem;
        padding: 0 18px
    }
    .products-menu .products-menu-wrapper .products-code input[type="submit"] {
        padding: 20px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a {
        height: 100px;
        font-size: 1.1rem
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a div {
        height: 70px;
        margin-bottom: 5px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-remotes a div svg {
        height: 51px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-clocks a div svg {
        height: 50px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-lights a div svg {
        height: 38px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-toys a div svg {
        height: 46px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-cameras a div svg {
        height: 35px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-games a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-watches a div svg {
        height: 42px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-alarms a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-calculators a div svg {
        height: 40px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-medical-device a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sport-accessories a div svg {
        height: 30px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-wearables a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-hearing-aids a div svg {
        height: 39px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sensors a div svg {
        height: 31px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li a {
        padding-left: 1rem;
        padding-right: 1rem;
        height: 110px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li a div {
        height: 110px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aaa a {
        width: 45px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aaa a svg {
        height: 72px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aa a {
        width: 45px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aa a svg {
        height: 90px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-c a {
        width: 70px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-c a svg {
        height: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-d a {
        width: 86px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-d a svg {
        height: 95px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-9v a {
        width: 70px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-9v a svg {
        height: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-coins a {
        width: 72px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-coins a svg {
        height: 47px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aid a {
        width: 72px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aid a div {
        height: 112px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank a {
        width: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank a div {
        height: 112px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank svg {
        height: 112px
    }
}

@media screen and (min-width: 1200px) and (max-height: 739px) {
    .products-menu h2 {
        padding-top: 1.5rem;
        padding-bottom: 2rem
    }
    .products-menu .products-menu-wrapper {
        float: none;
        margin: 0 auto
    }
    .products-menu .products-menu-wrapper.latam .products-categories ul li {
        width: 50%;
        max-width: none
    }
    .products-menu .products-menu-wrapper .products-categories {
        padding: 0;
        width: 100%
    }
    .products-menu .products-menu-wrapper .products-categories ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .products-menu .products-menu-wrapper .products-categories li {
        min-width: 150px
    }
    .products-menu .products-menu-wrapper .products-categories li a {
        padding: 8rem 2rem 0;
        height: 130px;
        background-position: center bottom 70px;
        background-size: auto 40px;
        font-size: 1.1rem
    }
    .products-menu .products-menu-wrapper .nav-size-selector li a {
        padding-left: .5rem;
        padding-right: .5rem;
        height: 95px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li a div {
        height: 95px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aaa a {
        width: 42px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aaa a svg {
        height: 72px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aa a {
        width: 46px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aa a svg {
        height: 90px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-c a {
        width: 63px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-c a svg {
        height: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-d a {
        width: 74px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-d a svg {
        height: 95px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-9v a {
        width: 64px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-9v a svg {
        height: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-coins a {
        width: 70px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-coins a svg {
        height: 47px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aid a {
        width: 59px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-aid a div {
        height: 100px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank a {
        width: 85px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank a div {
        height: 95px
    }
    .products-menu .products-menu-wrapper .nav-size-selector li.size-powerbank svg {
        height: 95px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a {
        height: 60px;
        font-size: 1rem;
        margin: 0 auto
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a div {
        height: 45px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-remotes a div svg {
        height: 40px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-clocks a div svg {
        height: 43px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-lights a div svg {
        height: 33px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-toys a div svg {
        height: 38px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-cameras a div svg {
        height: 31px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-games a div svg {
        height: 29px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-watches a div svg {
        height: 36px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-alarms a div svg {
        height: 29px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-calculators a div svg {
        height: 33px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-medical-device a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sport-accessories a div svg {
        height: 27px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-wearables a div svg {
        height: 34px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-hearing-aids a div svg {
        height: 33px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sensors a div svg {
        height: 29px
    }
    .products-menu .products-menu-wrapper .products-code .form-wrapper {
        padding-top: 3rem;
        padding-bottom: 0;
        font-size: 1rem
    }
    .products-menu .products-menu-wrapper .products-code input[type="text"] {
        height: 35px;
        font-size: 1.2rem
    }
    .products-menu .products-menu-wrapper .products-code input[type="submit"] {
        padding: 17px
    }
}

@media screen and (min-width: 1200px) and (max-height: 670px) {
    .products-menu .products-menu-wrapper.latam .products-categories ul li {
        width: 50%;
        max-width: none
    }
    .products-menu .products-menu-wrapper .products-categories ul {
        margin: 0
    }
    .products-menu .products-menu-wrapper .products-size,
    .products-menu .products-menu-wrapper .products-code {
        padding-bottom: 0
    }
    .products-menu .products-menu-wrapper .products-code input[type="text"] {
        height: 30px
    }
    .products-menu .products-menu-wrapper .products-code input[type="submit"] {
        padding: 15px
    }
    .products-menu .products-menu-wrapper .products-code .form-wrapper {
        font-size: 1.2rem;
        padding-bottom: 0
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-aaa a div svg {
        width: 16px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-aa a div svg {
        width: 22px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-c a div svg {
        width: 42px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-d a div svg {
        width: 66px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-9v a div svg {
        width: 46px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-coin a {
        min-width: 70px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-coin a div svg {
        width: 32px
    }
    .products-menu .products-menu-wrapper .products-size .nav-size-selector .size-powerbank a div svg {
        height: 85px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a {
        height: 70px;
        font-size: 1rem
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li a div {
        height: 40px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-remotes a div svg {
        height: 37px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-clocks a div svg {
        height: 40px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-lights a div svg {
        height: 30px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-toys a div svg {
        height: 35px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-cameras a div svg {
        height: 28px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-games a div svg {
        height: 26px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-watches a div svg {
        height: 33px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-alarms a div svg {
        height: 26px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-calculators a div svg {
        height: 30px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-medical-device a div svg {
        height: 31px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sport-accessories a div svg {
        height: 24px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-wearables a div svg {
        height: 31px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-hearing-aids a div svg {
        height: 30px
    }
    .products-menu .products-menu-wrapper .products-device .nav-device-selector li.device-sensors a div svg {
        height: 25px
    }
}

@media (max-width: 767px) {
    .es-MX .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 33.333%
    }
}

@media (min-width: 768px) {
    .ch-DE .products-categories ul li a,
    .de-DE .products-categories ul li a,
    .da-DK .products-categories ul li a,
    .fi .products-categories ul li a,
    .se .products-categories ul li a,
    .nl .products-categories ul li a {
        font-size: 1.4rem
    }
}

@media (max-width: 767px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 33.333%
    }
}

@media (max-width: 767px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: .9rem
    }
}

@media (min-width: 1200px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: 1.3rem
    }
}

@media screen and (min-width: 1200px) and (max-height: 850px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: 1.1rem
    }
}

@media screen and (min-width: 1200px) and (max-height: 739px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) and (max-height: 670px) {
    .ch-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .de-DE .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .da-DK .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: 1rem
    }
}

@media (max-width: 420px) {
    .fi .products-categories ul li,
    .nl .products-categories ul li,
    .se .products-categories ul li,
    .tr-TR .products-categories ul li,
    .fr-FR .products-categories ul li,
    .nb-NO .products-categories ul li {
        width: 50%
    }
}

@media (max-width: 420px) {
    .fi .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .nl .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .se .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .tr-TR .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .fr-FR .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .nb-NO .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 50%
    }
}

.it-IT .products-categories ul li a,
.pl-PL .products-categories ul li a {
    font-size: .9rem
}

@media (min-width: 768px) {
    .it-IT .products-categories ul li a,
    .pl-PL .products-categories ul li a {
        font-size: 1.3rem
    }
}

@media (max-width: 767px) {
    .it-IT .products-device .nav-device-selector .swiper-wrapper .swiper-slide,
    .pl-PL .products-device .nav-device-selector .swiper-wrapper .swiper-slide {
        width: 33.333%
    }
    .it-IT .products-device .nav-device-selector .swiper-wrapper .swiper-slide a,
    .pl-PL .products-device .nav-device-selector .swiper-wrapper .swiper-slide a {
        font-size: .9rem
    }
}

.ru-RU .navigation-top-bar .col-phone-12>div .search-toggle a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .navigation-search input[type="submit"] {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .products-code input[type="submit"] {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .navigation-main .nav-wrapper nav ul.menu>li>a {
    display: inline-block;
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .products-menu h3,
.ru-RU .products-menu .in-action-header .content sup,
.in-action-header .content .ru-RU .products-menu sup {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .products-categories a {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 380px) {
    .ru-RU .products-categories a {
        font-size: 0.9rem
    }
}

.ru-RU .products-device .nav-device-selector li a {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

@media (max-width: 380px) {
    .pt .products-menu-wrapper .products-categories a {
        font-size: 0.9rem
    }
}

.kr .navigation-top-bar .col-phone-12>div .search-toggle a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .navigation-search input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .products-code input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .navigation-main .nav-wrapper nav ul.menu>li>a {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .products-menu h3,
.kr .products-menu .in-action-header .content sup,
.in-action-header .content .kr .products-menu sup {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .products-categories a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .products-device .nav-device-selector li a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.footnav {
    color: #fff;
    background-color: #232323;
    /*background-image: url("../img/Pleca-MapaDelSitio.jpg");*/
    background-image: url(../img/gradient-footer.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 1.5rem;
    padding-bottom: 2rem
}

.footnav h2 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #666
}

.footnav h2 img {
    display: block;
    width: 109px;
    height: 19px
}

.footnav .col-desktop-1:last-of-type h2 {
    width: 109px;
    height: 17px;
    border-bottom: none
}

.footnav .col-desktop-1:last-of-type ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 2.4rem
}

.footnav ul {
    list-style: outside;
    color: #c98959;
    padding: 0;
    margin-left: 1.6rem;
    margin-bottom: 0
}

.footnav ul li {
    font-size: 1.2rem;
    line-height: 2;
    width: 50%;
    float: left
}

.footnav ul li a {
    color: #999
}

.footnav ul li a:hover {
    color: #c98959;
    text-decoration: none
}

.footnav ul.social {
    list-style: none;
    padding-left: 0px !important;
    margin-left: -30px;
}

.footnav ul.social li {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 20px;
    margin-bottom: 8px
}

.footnav ul.social li:last-of-type {
    margin-right: 0
}

.footnav ul.social img {
    width: 36px;
    height: 36px
}

@media (max-width: 767px) {
    .footnav ul li a {
        margin-right: 2rem
    }
}

@media (min-width: 768px) {
    .footnav .col-desktop-1:nth-of-type(2) {
        margin-bottom: 4rem
    }
    .footnav ul li {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .footnav {
        padding-top: 1rem;
        padding-bottom: 4rem
    }
    .footnav h2 {
        padding-top: 6.6rem;
        padding-left: 2.5rem;
        border-left: 1px solid #666;
        border-bottom: none;
        padding-bottom: 0;
        margin-top: 0
    }
    .footnav ul {
        padding-left: 2.5rem
    }
    .footnav .col-desktop-1:last-of-type h2 {
        border-left: none;
        padding-top: 6.6rem;
        padding-left: 0;
        padding-bottom: 8.6rem;
        width: 109px;
        height: 17px
    }
    .footnav .col-desktop-1:last-of-type ul {
        padding-left: 0;
        margin-top: 0
    }
}

.footnav .col-phone-6,
.footnav .col-phone-7,
.footnav .col-phone-8,
.footnav .col-phone-9,
.footnav .col-phone-10,
.footnav .col-phone-11,
.footnav .col-phone-12,
.footnav .col-tablet-6,
.footnav .col-tablet-7,
.footnav .col-tablet-8,
.footnav .col-tablet-9,
.footnav .col-tablet-10,
.footnav .col-tablet-11,
.footnav .col-tablet-12,
.footnav .col-desktop-6,
.footnav .col-desktop-7,
.footnav .col-desktop-8,
.footnav .col-desktop-9,
.footnav .col-desktop-10,
.footnav .col-desktop-11,
.footnav .col-desktop-12,
.footnav .col-phone-1,
.footnav .col-phone-2,
.footnav .col-phone-3,
.footnav .col-phone-4,
.footnav .col-phone-5,
.footnav .col-tablet-1,
.footnav .col-tablet-2,
.footnav .col-tablet-3,
.footnav .col-tablet-4,
.footnav .col-tablet-5,
.footnav .col-desktop-1,
.footnav .col-desktop-2,
.footnav .col-desktop-3,
.footnav .col-desktop-4,
.footnav .col-desktop-5 {
    position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.footnav .col-phone-6,
.footnav .col-phone-7,
.footnav .col-phone-8,
.footnav .col-phone-9,
.footnav .col-phone-10,
.footnav .col-phone-11,
.footnav .col-phone-12,
.footnav .col-phone-1,
.footnav .col-phone-2,
.footnav .col-phone-3,
.footnav .col-phone-4,
.footnav .col-phone-5 {
    float: left
}

.footnav .col-phone-1 {
    width: 20%
}

.footnav .col-phone-2 {
    width: 40%
}

.footnav .col-phone-3 {
    width: 60%
}

.footnav .col-phone-4 {
    width: 80%
}

.footnav .col-phone-5 {
    width: 100%
}

.footnav .col-phone-pull-0 {
    right: auto
}

.footnav .col-phone-pull-1 {
    right: 20%
}

.footnav .col-phone-pull-2 {
    right: 40%
}

.footnav .col-phone-pull-3 {
    right: 60%
}

.footnav .col-phone-pull-4 {
    right: 80%
}

.footnav .col-phone-pull-5 {
    right: 100%
}

.footnav .col-phone-push-0 {
    left: auto
}

.footnav .col-phone-push-1 {
    left: 20%
}

.footnav .col-phone-push-2 {
    left: 40%
}

.footnav .col-phone-push-3 {
    left: 60%
}

.footnav .col-phone-push-4 {
    left: 80%
}

.footnav .col-phone-push-5 {
    left: 100%
}

.footnav .col-phone-offset-0 {
    margin-left: 0%
}

.footnav .col-phone-offset-1 {
    margin-left: 20%
}

.footnav .col-phone-offset-2 {
    margin-left: 40%
}

.footnav .col-phone-offset-3 {
    margin-left: 60%
}

.footnav .col-phone-offset-4 {
    margin-left: 80%
}

.footnav .col-phone-offset-5 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .footnav .col-tablet-6,
    .footnav .col-tablet-7,
    .footnav .col-tablet-8,
    .footnav .col-tablet-9,
    .footnav .col-tablet-10,
    .footnav .col-tablet-11,
    .footnav .col-tablet-12,
    .footnav .col-tablet-1,
    .footnav .col-tablet-2,
    .footnav .col-tablet-3,
    .footnav .col-tablet-4,
    .footnav .col-tablet-5 {
        float: left
    }
    .footnav .col-tablet-1 {
        width: 20%
    }
    .footnav .col-tablet-2 {
        width: 40%
    }
    .footnav .col-tablet-3 {
        width: 60%
    }
    .footnav .col-tablet-4 {
        width: 80%
    }
    .footnav .col-tablet-5 {
        width: 100%
    }
    .footnav .col-tablet-pull-0 {
        right: auto
    }
    .footnav .col-tablet-pull-1 {
        right: 20%
    }
    .footnav .col-tablet-pull-2 {
        right: 40%
    }
    .footnav .col-tablet-pull-3 {
        right: 60%
    }
    .footnav .col-tablet-pull-4 {
        right: 80%
    }
    .footnav .col-tablet-pull-5 {
        right: 100%
    }
    .footnav .col-tablet-push-0 {
        left: auto
    }
    .footnav .col-tablet-push-1 {
        left: 20%
    }
    .footnav .col-tablet-push-2 {
        left: 40%
    }
    .footnav .col-tablet-push-3 {
        left: 60%
    }
    .footnav .col-tablet-push-4 {
        left: 80%
    }
    .footnav .col-tablet-push-5 {
        left: 100%
    }
    .footnav .col-tablet-offset-0 {
        margin-left: 0%
    }
    .footnav .col-tablet-offset-1 {
        margin-left: 20%
    }
    .footnav .col-tablet-offset-2 {
        margin-left: 40%
    }
    .footnav .col-tablet-offset-3 {
        margin-left: 60%
    }
    .footnav .col-tablet-offset-4 {
        margin-left: 80%
    }
    .footnav .col-tablet-offset-5 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .footnav .col-desktop-6,
    .footnav .col-desktop-7,
    .footnav .col-desktop-8,
    .footnav .col-desktop-9,
    .footnav .col-desktop-10,
    .footnav .col-desktop-11,
    .footnav .col-desktop-12,
    .footnav .col-desktop-1,
    .footnav .col-desktop-2,
    .footnav .col-desktop-3,
    .footnav .col-desktop-4,
    .footnav .col-desktop-5 {
        float: left
    }
    .footnav .col-desktop-1 {
        width: 20%
    }
    .footnav .col-desktop-2 {
        width: 40%
    }
    .footnav .col-desktop-3 {
        width: 60%
    }
    .footnav .col-desktop-4 {
        width: 80%
    }
    .footnav .col-desktop-5 {
        width: 100%
    }
    .footnav .col-desktop-pull-0 {
        right: auto
    }
    .footnav .col-desktop-pull-1 {
        right: 20%
    }
    .footnav .col-desktop-pull-2 {
        right: 40%
    }
    .footnav .col-desktop-pull-3 {
        right: 60%
    }
    .footnav .col-desktop-pull-4 {
        right: 80%
    }
    .footnav .col-desktop-pull-5 {
        right: 100%
    }
    .footnav .col-desktop-push-0 {
        left: auto
    }
    .footnav .col-desktop-push-1 {
        left: 20%
    }
    .footnav .col-desktop-push-2 {
        left: 40%
    }
    .footnav .col-desktop-push-3 {
        left: 60%
    }
    .footnav .col-desktop-push-4 {
        left: 80%
    }
    .footnav .col-desktop-push-5 {
        left: 100%
    }
    .footnav .col-desktop-offset-0 {
        margin-left: 0%
    }
    .footnav .col-desktop-offset-1 {
        margin-left: 20%
    }
    .footnav .col-desktop-offset-2 {
        margin-left: 40%
    }
    .footnav .col-desktop-offset-3 {
        margin-left: 60%
    }
    .footnav .col-desktop-offset-4 {
        margin-left: 80%
    }
    .footnav .col-desktop-offset-5 {
        margin-left: 100%
    }
}

.footer--simplified.footer {
    padding: 3.2rem 0 2rem
}

.footer {
    /*background-color: #C98959;*/
    background-color: #1e1e1e;
    color: #fff;
    font-size: 1.2rem;
    padding: 30px !important;

}

.footer .country-toggle {
    margin-bottom: 2.4rem
}

.footer .country-toggle a {
    color: #c98959;
    font-size: 1.2rem;
    text-decoration: none;
    background-image: url("../img/common/lang-dropdown.svg");
    background-repeat: no-repeat;
    background-size: 9px 5px;
    background-position: right 50%;
    padding-right: 14px;
    margin-left: 14px
}

@media (min-width: 768px) {
    .footer .country-toggle {
        margin-bottom: 0;
        text-align: right
    }
}

@media (min-width: 1200px) {
    .footer {
        padding: 3.2rem 0 7rem;
        line-height: 1
    }
    .footer .nav-right {
        float: right;
        color: #fff;
        margin-top: -0.4rem
    }
    .footer .nav-right>div {
        float: left
    }
    .footer .nav-right a {
        color: #fff;
        text-decoration: none
    }
    .footer .nav-right .country-toggle a {
        color: #c98959;
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) {
    .zh-CN .footer p {
        padding-left: 61.5%
    }
}

@media (max-width: 1199px) {
    .zh-CN .footer .col-desktop-push-9 {
        width: 100%;
        left: 0;
        margin-bottom: 2.4rem;
        text-align: center
    }
    .zh-CN .footer .col-desktop-push-9 .country-toggle {
        text-align: center
    }
    .zh-CN .footer .col-desktop-pull-3 {
        width: 100%;
        left: 0;
        right: 0;
        text-align: center
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

select.filter {
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.fancy-select {
    position: relative;
    text-align: center
}

.fancy-select.disabled {
    opacity: 0.5
}

.fancy-select .trigger {
    display: none;
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 80%;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 18px 4px;
    border-radius: 20px;
    cursor: pointer;
    color: #c98959;
    border: 1px solid #c98959;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.fancy-select .trigger:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 14px;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../img/common/learn-more.svg") no-repeat 100% 100%;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fancy-select .options {
    list-style: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5.5rem;
    margin-bottom: 0;
    padding: 0
}

.fancy-select .options li {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    min-width: 180px;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 32px 4px;
    border-radius: 20px;
    cursor: pointer;
    color: #666;
    border: 1px solid #666;
    display: inline-block;
    margin: 5px;
    white-space: nowrap;
    position: relative
}

.fancy-select .options .selected {
    background: url("../img/common/icon-checkmark.svg") no-repeat 13px 11px;
    background-size: 12px 12px;
    color: #c98959;
    border: 1px solid #c98959
}

.category-filter .fancy-select .options li:first-child {
    display: none
}

@media (max-width: 1199px) {
    select.filter {
        width: 80%;
        height: 34px;
        display: block;
        position: absolute;
        top: 0;
        left: 10%;
        opacity: 0;
        z-index: 10
    }
    .fancy-select .options li {
        color: #c98959;
        border: 1px solid #c98959
    }
    .fancy-select .trigger {
        display: inline-block
    }
    .fancy-select .options {
        display: none
    }
    .fancy-select .options.open {
        display: block
    }
    .search-page-head .fancy-select .trigger {
        width: 90%
    }
    .search-page-head select.filter {
        width: 90%;
        left: 5%
    }
}

@media (min-width: 1200px) {
    .fancy-select .options li span {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -36px;
        z-index: 10;
        font-family: 'Oblik Bold', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #111;
        text-transform: none
    }
}

.ru-RU .fancy-select .trigger {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .fancy-select .options li {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (min-width: 1200px) {
    .ru-RU .fancy-select .options li span {
        font-family: 'Helios Cond Bold', sans-serif;
        font-weight: 400;
        font-style: normal
    }
}

.kr .fancy-select .trigger {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .fancy-select .options li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

@media (min-width: 1200px) {
    .kr .fancy-select .options li span {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal
    }
}

.popup-video .container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 960px
}

.popup-video .bin-button-wrapper {
    text-align: center;
    margin-top: 20px
}

.popup-video a.close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100
}

.popup-video .video-list {
    text-align: center;
    padding-top: 2rem
}

.popup-video .video-list a {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    border-radius: 20px;
    font-size: .8em;
    margin-bottom: .75rem
}

.popup-video .video-list a.active,
.popup-video .video-list a:hover {
    color: #c98959;
    border: 1px solid #c98959
}

.video-section {
    background-color: #111;
    border-bottom: 55px solid #f4f4f4
}

.video-section .col-phone-12 {
    padding-left: 0;
    padding-right: 0
}

.video-section h2 {
    color: #fff
}

.video-section p {
    text-align: center;
    color: #666;
    display: block;
    width: 290px;
    margin: 0 auto
}

.video-section .video-container {
    position: relative;
    top: 2rem;
    height: 146px;
    width: 300px;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto
}

.video-section .video-container .bunny {
    height: 290px;
    width: auto;
    position: absolute;
    z-index: 100;
    top: -128px;
    right: 250px
}

.video-section .video-slider,
.video-section .video-player {
    width: 260px;
    float: right
}

.video-section .video-slider {
    margin-top: 20px;
    position: relative;
    float: left
}

.video-section .video-slider .icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-section .video-slider .icon.icon-prev {
    left: -2rem
}

.video-section .video-slider .icon.icon-next {
    right: -2rem
}

.video-section .video-slider.slider-off .icon {
    display: none
}

.video-section .video-slider.slider-off .swiper-slide {
    margin-right: 20px
}

.video-section .swiper-slide {
    max-width: 280px
}

.video-section .swiper-slide a img {
    width: 100%;
    height: auto
}

.video-section.video-section-right .video-container .bunny {
    right: auto;
    left: 238px;
    height: 190px;
    top: -50px
}

.video-section.video-section-right .video-player {
    width: 260px;
    float: left
}

.in-action-page .video-section {
    background-color: #f4f4f4;
    border-bottom: 0
}

.in-action-page .video-section h2 {
    color: #111
}

.in-action-page .video-section .video-container {
    height: 196px
}

.pt .video-section p,
.es .video-section p {
    width: 240px
}

@media (max-width: 767px) {
    .video-section .video-slider {
        left: 50%;
        margin-left: -100px;
        width: 200px
    }
}

@media (max-width: 1199px) {
    .video-section.no-mobile-bunny .bunny {
        display: none
    }
    .video-section.no-mobile-bunny .video-container {
        height: auto
    }
    .video-section.no-mobile-bunny .video-player {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .video-section.no-mobile-bunny .video-slider {
        float: none
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .video-section.no-mobile-bunny .video-slider {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) {
    .video-section {
        border-bottom: 110px solid #f4f4f4
    }
    .video-section h2 {
        margin-bottom: 4rem
    }
    .video-section p {
        width: 460px
    }
    .video-section .video-container {
        top: 4rem;
        height: 326px;
        width: 650px
    }
    .video-section .video-container .bunny {
        height: 580px;
        top: -202px;
        right: 561px
    }
    .video-section .video-player,
    .video-section .video-slider {
        width: 580px;
        float: right
    }
    .video-section .video-slider .icon {
        width: 40px;
        height: 40px
    }
    .video-section .video-slider .icon.icon-prev {
        left: -4rem
    }
    .video-section .video-slider .icon.icon-next {
        right: -4rem
    }
    .video-section.video-section-right .video-container .bunny {
        right: auto;
        left: 538px;
        height: 350px;
        top: -20px
    }
    .video-section.video-section-right .video-player {
        width: 580px;
        float: left
    }
    .in-action-page .video-section {
        padding-top: 2rem
    }
    .in-action-page .video-section .video-container {
        height: 446px
    }
    .pt .video-section p,
    .es .video-section p {
        width: 460px
    }
}

@media (min-width: 1200px) {
    .video-section p {
        width: 860px
    }
    .video-section .video-container {
        height: 495px;
        width: 1060px
    }
    .video-section .video-container .bunny {
        top: -33px;
        right: 861px
    }
    .video-section .video-container .video-player,
    .video-section .video-container .video-slider {
        width: 880px
    }
    .video-section.video-section-right .video-container .bunny {
        right: auto;
        left: 818px;
        height: 520px;
        top: -27px
    }
    .video-section.video-section-right .video-player {
        width: 880px;
        float: left
    }
    .in-action-page .video-section {
        padding-top: 4rem
    }
    .in-action-page .video-section .video-container {
        height: 625px
    }
}

.for-professionals-section {
    background: url("../img/common/gradient-big.jpg") repeat;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
    position: relative;
    z-index: 10
}

.for-professionals-section h2,
.for-professionals-section p {
    color: #fff
}

.for-professionals-section h2 {
    text-transform: none
}

.for-professionals-section .button {
    margin-top: 1.5rem
}

@media (min-width: 1200px) {
    .for-professionals-section {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .for-professionals-section h2 {
        text-align: left
    }
    .for-professionals-section h2 br {
        display: none
    }
    .for-professionals-section p {
        text-align: left
    }
    .for-professionals-section .button {
        margin-top: 10rem
    }
}

.for-professionals-section+.footnav {
    margin-top: -10px
}

.faq-section {
    padding-top: 2rem;
    padding-bottom: 11rem
}

.faq-section .faq-entry {
    position: relative;
    padding-left: 6rem
}

.faq-section .faq-entry h3,
.faq-section .faq-entry .in-action-header .content sup,
.in-action-header .content .faq-section .faq-entry sup {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #111;
    display: inline-block;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    padding-right: 2rem;
    cursor: pointer
}

.faq-section .faq-entry .faq-content {
    display: none;
    padding-bottom: 4rem;
    padding-right: 2rem
}

.faq-section .faq-entry p {
    padding-bottom: 1rem
}

.faq-section .faq-entry ul {
    margin: 0;
    padding-left: 1.5rem;
    padding-bottom: 1rem
}

.faq-section .faq-entry a {
    background: url("../img/common/faq-toggle.svg") no-repeat;
    background-size: 36px 108px;
    background-position: 50% 100%;
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 10px;
    top: 13px
}

.faq-section .faq-entry .faq-separator {
    width: 113px;
    height: 1px;
    border-top: 1px solid #c98959
}

.faq-section .faq-entry.active {
    background-color: #f4f4f4;
    border-top: 1px solid #f4f4f4;
    margin-top: -1px
}

.faq-section .faq-entry.active .faq-content {
    display: block
}

.faq-section .faq-entry.active a {
    background-position: 50% 0
}

.faq-section .faq-entry.active .faq-separator {
    display: none
}

.faq-section .faq-entry:last-of-type .faq-separator {
    display: none
}

.faq-section .container {
    position: relative
}

.faq-section .container .hidden-desktop-up {
    height: auto;
    display: block;
    position: absolute;
    bottom: -150px;
    right: 5px;
    width: 220px;
    z-index: 100
}

@media (min-width: 768px) {
    .faq-section {
        padding-bottom: 15rem
    }
    .faq-section .faq-entry {
        padding-left: 4rem;
        margin-left: 1.8rem
    }
    .faq-section .faq-entry h3,
    .faq-section .faq-entry .in-action-header .content sup,
    .in-action-header .content .faq-section .faq-entry sup {
        padding-right: 12rem
    }
    .faq-section .faq-entry .faq-content {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .faq-section .faq-entry a {
        left: -18px
    }
    .faq-section .container .hidden-desktop-up {
        width: 360px;
        right: -64px;
        bottom: -216px
    }
}

@media (min-width: 1200px) {
    .faq-section {
        padding-top: 7rem;
        padding-bottom: 9rem
    }
    .faq-section .col-phone-12:nth-child(2) {
        min-height: 360px
    }
    .faq-section .faq-entry {
        width: 980px
    }
    .faq-section .faq-entry .faq-content {
        padding-right: 16rem
    }
    .faq-section .container .hidden-tablet-down {
        position: absolute;
        right: -70px;
        bottom: -140px;
        z-index: 100;
        height: 610px
    }
}

.button {
    display: inline-block
}

.button:focus {
    text-decoration: none
}

.button.button-brass {
    background-color: #c98959;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 25px 9px;
    border-radius: 24px;
    transition: background-color 500ms, color 500ms
}

.button.button-brass:hover {
    background-color: transparent;
    color: #c98959;
    padding: 9px 23px 7px;
    border: 2px solid #c98959
}

.button.button-brass.button-brass-dark:hover {
    background-color: #111
}

.button.button-brass.button-brass-light:hover {
    background-color: #f4f4f4
}

.button.button-brass.button-brass--no-hover {
    color: #fff;
    background-color: #c98959
}

@media (min-width: 768px) {
    .button.button-brass {
        font-size: 1.6rem;
        padding: 16px 38px 14px;
        border-radius: 28px
    }
    .button.button-brass:hover {
        padding: 14px 36px 12px
    }
}

.button.button-brass.button-bin-inactive {
    background-color: #1e1e1e;
    color: #353535
}

.button.button-brass.button-bin-inactive:hover {
    background-color: #1e1e1e;
    color: #353535;
    padding: 11px 25px 9px;
    border: 0
}

@media (min-width: 768px) {
    .button.button-brass.button-bin-inactive {
        font-size: 1.6rem;
        padding: 16px 38px 14px;
        border-radius: 28px
    }
    .button.button-brass.button-bin-inactive:hover {
        padding: 16px 38px 14px
    }
}

.button.button-brass.button-inactive {
    background-color: #f4f4f4;
    color: #cccccc
}

.button.button-brass.button-inactive:hover {
    background-color: #f4f4f4;
    border: 2px solid #f4f4f4;
    color: #cccccc
}

.button.button-brass.button-brass-inverse {
    background-color: #fff;
    color: #c98959;
    text-transform: uppercase;
    padding: 9px 23px 7px;
    border: 2px solid #c98959;
    border-radius: 24px;
    transition: background-color 500ms, color 500ms
}

.button.button-brass.button-brass-inverse:hover {
    background-color: #c98959;
    color: #fff;
    padding: 11px 25px 9px;
    border: none
}

@media (min-width: 768px) {
    .button.button-brass.button-brass-inverse {
        font-size: 1.6rem;
        padding: 14px 36px 12px;
        border-radius: 28px
    }
    .button.button-brass.button-brass-inverse:hover {
        padding: 16px 38px 14px
    }
}

.button.button-brass.button-brass-inverse.button-inactive {
    color: #cccccc;
    background-color: #fff;
    border: 2px solid #f4f4f4
}

.button.button-brass.button-brass-inverse.button-inactive:hover {
    background-color: #fff;
    border: 2px solid #f4f4f4;
    padding: 14px 36px 12px;
    color: #cccccc
}

.button.button-brass.button-brass-inverse-dark {
    background-color: #000;
    color: #c98959;
    text-transform: uppercase;
    padding: 9px 23px 7px;
    border: 2px solid #c98959;
    border-radius: 24px;
    transition: background-color 500ms, color 500ms
}

.button.button-brass.button-brass-inverse-dark:hover {
    background-color: #c98959;
    color: #fff;
    padding: 11px 25px 9px;
    border: none
}

@media (min-width: 768px) {
    .button.button-brass.button-brass-inverse-dark {
        font-size: 1.6rem;
        padding: 14px 36px 12px;
        border-radius: 28px
    }
    .button.button-brass.button-brass-inverse-dark:hover {
        padding: 16px 38px 14px
    }
}

.button.button-brass.button-brass-inverse-dark.button-inactive {
    color: #cccccc;
    background-color: #333;
    border: 2px solid #f4f4f4
}

.button.button-brass.button-brass-inverse-dark.button-inactive:hover {
    background-color: #fff;
    border: 2px solid #f4f4f4;
    padding: 14px 36px 12px;
    color: #cccccc
}

.button.button-mineshaft {
    background-color: #232323;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 25px 9px;
    border-radius: 24px;
    transition: background-color 500ms, color 500ms
}

.button.button-mineshaft:hover {
    background-color: transparent;
    color: #232323;
    padding: 9px 23px 7px;
    border: 2px solid #232323
}

@media (min-width: 768px) {
    .button.button-mineshaft {
        font-size: 1.6rem;
        padding: 16px 32px 14px;
        border-radius: 28px
    }
    .button.button-mineshaft:hover {
        padding: 14px 30px 12px
    }
}

.button.button-video {
    padding: 17px 21px 15px 70px;
    color: #fff;
    text-transform: uppercase;
    position: relative
}

.button.button-video:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url("../img/common/video-play.svg") no-repeat 0 50%;
    background-size: 50px 50px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button.button-video-animated {
    padding: 17px 20px 15px 65px;
    color: #fff;
    text-transform: uppercase;
    position: relative
}

.button.button-video-animated:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url("../img/common/video-play.svg") no-repeat 0 50%;
    background-size: 40px 40px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .button.button-video-animated {
        padding: 17px 20px 15px 75px
    }
    .button.button-video-animated:before {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        -webkit-animation-name: play-button;
        animation-name: play-button;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@media (min-width: 1200px) {
    .button.button-video-animated {
        padding: 17px 20px 15px 85px
    }
    .button.button-video-animated:before {
        width: 60px;
        height: 60px;
        background-size: 60px 60px
    }
}

@-webkit-keyframes play-button {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-50%) scale(1.25);
        transform: translateY(-50%) scale(1.25)
    }
    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
}

@keyframes play-button {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-50%) scale(1.25);
        transform: translateY(-50%) scale(1.25)
    }
    100% {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
}

.logo-slider {
    height: 60px;
    margin-top: 2rem;
    margin-bottom: 4rem;
    position: relative
}

.logo-slider>div {
    width: 88%;
    margin-left: auto;
    margin-right: auto
}

.logo-slider .swiper-slide {
    height: 50px;
    position: relative;
    vertical-align: middle
}

.logo-slider .swiper-slide img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.logo-slider .icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.logo-slider .icon.icon-prev {
    left: 0
}

.logo-slider .icon.icon-next {
    right: 0
}

.logo-slider.slider-off .swiper-slide {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.logo-slider.slider-off .icon {
    display: none
}

@media (min-width: 768px) {
    .logo-slider {
        height: 120px
    }
    .logo-slider .swiper-slide {
        height: 120px
    }
    .logo-slider .icon {
        width: 40px;
        height: 40px
    }
}

.navigation-country-selector {
    background-color: #111;
    display: none;
    position: fixed;
    top: 36px;
    left: 0;
    width: 100%;
    z-index: 1000
}

.navigation-country-selector.cs-opened {
    display: block
}

.navigation-country-selector .col-phone-12 {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.navigation-country-selector .col-phone-12>a {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 10px;
    background: url("../img/cross.svg") no-repeat center center;
    background-size: 14px 14px
}

.navigation-country-selector h2 {
    color: #fff;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    margin-bottom: 1rem;
    text-align: left;
    font-family: 'Oblik Bold', sans-serif
}

.country-selector {
    background-color: #111;
    padding-bottom: 8rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.country-selector ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    list-style: none;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem
}

.country-selector ul li {
    width: 48.5%;
    line-height: 1.2;
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
    padding-right: 1.5%
}

.country-selector ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
    position: relative;
    padding-left: 3rem
}

.country-selector ul li a span {
    display: block;
    width: 22px;
    margin-right: 1rem;
    position: absolute;
    left: 0
}

.mobile .country-selector,
.tablet .country-selector {
    height: 100vh
}

@media (max-width: 767px) {
    .navigation-country-selector h2 {
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .navigation-country-selector h2 {
        font-size: 3rem;
        padding-left: 0;
        text-align: center;
        margin-bottom: 2rem
    }
    .navigation-country-selector .col-phone-12>a {
        width: 40px;
        height: 40px;
        top: 16px;
        background-size: 20px 20px
    }
    .country-selector ul {
        max-height: 52.2rem;
        padding-left: 5rem;
        padding-right: 5rem;
        padding-bottom: 0
    }
    .country-selector ul li {
        width: 33.3%;
        margin-top: 1.3rem;
        margin-bottom: 1.3rem
    }
    .country-selector ul li a {
        font-size: 1.4rem
    }
}

@media (min-width: 1200px) {
    .navigation-country-selector {
        top: 90px
    }
    .navigation-country-selector>.container-fluid {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto
    }
    .navigation-country-selector h2 {
        font-size: 5rem;
        margin-bottom: 2rem;
        width: 90%;
        margin-top: 4rem;
        margin-left: auto;
        margin-right: auto
    }
    .navigation-country-selector .col-phone-12>a {
        top: 46px;
        background-size: 30px 30px
    }
    .country-selector {
        max-width: 1060px;
        margin: 0 auto;
        height: 550px;
        overflow: hidden
    }
    .country-selector ul {
        height: 439px;
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 0;
        padding-right: 0
    }
    .country-selector ul li {
        width: 24%;
        padding-right: 1%
    }
}

.ru-RU .navigation-country-selector h2 {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .country-selector ul li a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .navigation-country-selector h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .country-selector ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.search-wrapper {
    width: 90%;
    margin: 0 auto;
    position: relative
}

.search-wrapper input[type="text"],
.search-wrapper input[type="submit"] {
    padding: 14px 25px 12px;
    border-radius: 24px;
    border: 0;
    outline: 0
}

.search-wrapper input[type="text"] {
    width: 100%;
    padding: 0 25px;
    height: 48px
}

.search-wrapper input[type="submit"] {
    background: #c98959 url("../img/common/search-nav-mobile.svg") no-repeat;
    background-size: 24px 24px;
    background-position: right 20px top 12px;
    padding: 14px 54px 12px 25px;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media (max-width: 767px) {
    .search-wrapper input[type="submit"] {
        background-position: right 14px top 12px;
        padding: 14px 54px 12px 0;
        font-size: 0;
        line-height: 2.2rem
    }
}

@media (min-width: 768px) {
    .search-wrapper {
        width: 90%
    }
}

@media (min-width: 1200px) {
    .search-wrapper {
        width: 700px
    }
}

.ru-RU .search-wrapper input[type="submit"] {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .search-wrapper input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.no1-brand-section {
    padding: 2rem 0 4rem
}

.no1-brand-section .claim img {
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto 1rem
}

.no1-brand-section .claim p {
    font-size: 2.4rem;
    font-family: "Oblik Bold", sans-serif;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 2rem;
    max-width: 350px;
    margin: 0 auto;
    color: #111
}

.no1-brand-section .battery img {
    width: 80%;
    max-width: 340px;
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .no1-brand-section {
        padding: 4rem 0 6rem
    }
    .no1-brand-section .claim img {
        margin: 0 0 1rem
    }
    .no1-brand-section .claim p {
        text-align: left;
        margin: 0;
        max-width: 100%
    }
    .no1-brand-section .battery img {
        width: 100%;
        max-width: 470px;
        margin: 4rem auto 0
    }
}

@media (min-width: 1200px) {
    .no1-brand-section {
        padding: 5rem 0 6rem
    }
    .no1-brand-section .claim p {
        font-size: 3.4rem
    }
}

.ru-RU .no1-brand-section .claim p {
    font-family: "Oblik Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .no1-brand-section .claim p {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.careers-and-media-section .content {
    position: relative;
    max-width: 500px;
    margin: 0 auto
}

.careers-and-media-section h2 {
    text-align: left;
    text-transform: none;
    margin-top: 3rem;
    margin-bottom: 1rem
}

.careers-and-media-section p {
    padding-bottom: 1rem
}

.careers-and-media-section .careers,
.careers-and-media-section .media {
    padding-bottom: 3rem
}

.careers-and-media-section .careers {
    background-color: #f4f4f4;
    position: relative
}

.careers-and-media-section .careers h2,
.careers-and-media-section .careers p,
.careers-and-media-section .careers a {
    position: relative;
    z-index: 10
}

.careers-and-media-section .careers img.hidden-desktop-up {
    position: absolute;
    z-index: 9;
    bottom: -61px;
    left: 145px;
    width: 170px
}

.careers-and-media-section .media {
    background-color: #111
}

.careers-and-media-section .media h2 {
    color: #fff
}

.careers-and-media-section .media p {
    color: #999
}

.careers-and-media-section .media h2,
.careers-and-media-section .media p,
.careers-and-media-section .media a {
    position: relative;
    z-index: 10
}

.careers-and-media-section .media:before {
    content: ' ';
    display: block;
    width: 95%;
    height: 194px;
    position: absolute;
    bottom: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

@media (min-width: 768px) {
    .careers-and-media-section .content {
        max-width: 700px;
        margin: 0 auto
    }
    .careers-and-media-section h2 {
        margin-top: 5rem;
        margin-bottom: 2rem
    }
    .careers-and-media-section p {
        padding-bottom: 2rem
    }
    .careers-and-media-section .careers,
    .careers-and-media-section .media {
        padding-bottom: 5rem
    }
    .careers-and-media-section .careers img.hidden-desktop-up {
        bottom: -94px;
        left: 435px;
        width: 240px
    }
}

@media (min-width: 1200px) {
    .careers-and-media-section {
        padding-top: 4rem
    }
    .careers-and-media-section .content {
        max-width: 1060px;
        padding-right: 360px
    }
    .careers-and-media-section .careers img.hidden-tablet-down {
        position: absolute;
        z-index: 9;
        left: 710px;
        top: -140px
    }
    .careers-and-media-section .media {
        padding-bottom: 5rem
    }
    .careers-and-media-section .media h2 {
        margin-top: 6rem
    }
    .careers-and-media-section .media:before {
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
}

div.wpcf7 {
    margin: 0;
    padding: 0
}

div.wpcf7-response-output {
    margin: 0;
    padding: 1rem 0
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

div.wpcf7-mail-sent-ok {
    color: #398f14
}

div.wpcf7-mail-sent-ng {
    color: #ff0000
}

div.wpcf7-spam-blocked {
    color: #c98959
}

div.wpcf7-validation-errors {
    color: #c98959
}

.wpcf7-form-control-wrap {
    position: relative;
    display: inline-block
}

span.wpcf7-not-valid-tip {
    color: #c98959;
    display: inline-block;
    font-size: .9em
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #c98959;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    margin-left: 0.5em
}

.wpcf7-display-none {
    display: none
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px
}

div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .placeheld {
    color: #888
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0
}

div.wpcf7 input[type="file"] {
    cursor: pointer
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default
}

.help-page .contact-us-form.contact-us-form__wpcf7 {
    height: auto;
    max-width: 480px;
    margin-bottom: 3rem;
    background-color: #111111;
    color: #fff
}

.help-page .contact-us-form.contact-us-form__wpcf7 label,
.help-page .contact-us-form.contact-us-form__wpcf7 p {
    display: block
}

.help-page .contact-us-form.contact-us-form__wpcf7 h3,
.help-page .contact-us-form.contact-us-form__wpcf7 .in-action-header .content sup,
.in-action-header .content .help-page .contact-us-form.contact-us-form__wpcf7 sup {
    color: #fff;
    text-align: center;
    padding-bottom: 2rem
}

.help-page .contact-us-form.contact-us-form__wpcf7 .wrap {
    margin-top: 3rem
}

.help-page .contact-us-form.contact-us-form__wpcf7 p {
    color: #999999;
    text-align: center
}

.help-page .contact-us-form.contact-us-form__wpcf7 sup {
    color: #c98959;
    font-weight: 800;
    font-size: 120%;
    top: 0
}

.help-page .contact-us-form.contact-us-form__wpcf7 label {
    margin-top: 1rem
}

.help-page .contact-us-form.contact-us-form__wpcf7 label .ltext {
    display: block;
    font-weight: 800
}

.help-page .contact-us-form.contact-us-form__wpcf7 input[type="text"],
.help-page .contact-us-form.contact-us-form__wpcf7 input[type="email"],
.help-page .contact-us-form.contact-us-form__wpcf7 textarea {
    color: #666;
    padding: 1rem 2rem;
    border: 0;
    max-width: 350px;
    width: 100%
}

.help-page .contact-us-form.contact-us-form__wpcf7 input[type="text"]:focus,
.help-page .contact-us-form.contact-us-form__wpcf7 input[type="email"]:focus,
.help-page .contact-us-form.contact-us-form__wpcf7 textarea:focus {
    outline: 0
}

.help-page .contact-us-form.contact-us-form__wpcf7 input[type="text"],
.help-page .contact-us-form.contact-us-form__wpcf7 input[type="email"] {
    border-radius: 20px/50%
}

.help-page .contact-us-form.contact-us-form__wpcf7 textarea {
    padding: 1rem 2rem;
    border-radius: 16px
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"] {
    position: relative
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"] select {
    opacity: 0.01;
    height: 42px;
    width: 100%;
    max-width: 350px;
    position: relative;
    z-index: 100;
    color: #666
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"] select option {
    color: #666
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"]:after {
    content: attr(data-after);
    display: block;
    width: 100%;
    max-width: 350px;
    height: 42px;
    position: absolute;
    top: 22px;
    padding: 1rem 4rem 1rem 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 20px/50%;
    color: #666;
    background: #fff url("../img/product/arrow-select.svg") no-repeat;
    background-position: right 20px center
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"] {
    position: relative
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"] input {
    opacity: 0.01;
    height: 52px
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"] input+span {
    color: #666;
    display: inline-block;
    position: relative;
    padding-top: .6rem
}

.help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"]:after {
    content: attr(data-content);
    display: inline-block;
    height: 42px;
    position: absolute;
    left: 0;
    top: 24px;
    border: 2px solid #c98959;
    color: #c98959;
    text-transform: uppercase;
    font-weight: 800;
    background-color: #111111;
    line-height: 1.4;
    padding: 1rem 2rem;
    border-radius: 20px/50%
}

.help-page .contact-us-form.contact-us-form__wpcf7 input[type="submit"] {
    border: 2px solid #c98959;
    border-radius: 20px/50%;
    padding: 1rem 2rem;
    background: #c98959;
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 800
}

.help-page .contact-us-form.contact-us-form__wpcf7 input[type="submit"]:hover {
    background: #111111;
    color: #c98959
}

.help-page .contact-us-form.contact-us-form__wpcf7 .wpcf7-form-control-wrap.file span.wpcf7-not-valid-tip {
    display: block;
    padding-top: 5px
}

.help-page .contact-us-head.open {
    margin-bottom: 0;
    border-bottom: 4rem solid #111111
}

.help-page .col-phone-12.open {
    background-color: #111111
}

@media (max-width: 1199px) {
    .help-page .col-phone-12.open {
        border-bottom: 30px solid #fff
    }
}

@media (min-width: 768px) {
    .help-page .contact-us-form.contact-us-form__wpcf7 {
        max-width: 520px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 input[type="text"],
    .help-page .contact-us-form.contact-us-form__wpcf7 input[type="email"],
    .help-page .contact-us-form.contact-us-form__wpcf7 textarea {
        max-width: 100%;
        width: 480px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"] select {
        max-width: 100%;
        width: 480px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"]:after {
        max-width: 100%;
        width: 480px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 .wpcf7-form-control-wrap.file span.wpcf7-not-valid-tip {
        padding-top: 5px
    }
}

@media (min-width: 1200px) {
    .help-page .contact-us-form.contact-us-form__wpcf7 {
        max-width: 100%;
        width: 1020px;
        margin-bottom: 4rem
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label .ltext {
        float: left;
        padding: 14px 36px 14px 0;
        width: 340px;
        text-align: right
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label input[type="text"],
    .help-page .contact-us-form.contact-us-form__wpcf7 label input[type="email"] {
        padding: 1.5rem 2rem;
        border-radius: 26px/50%;
        width: 520px;
        background-color: #fff;
        border: 0
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label select {
        height: 52px;
        width: 520px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label textarea {
        width: 520px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"] select {
        width: 520px;
        height: 52px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="product-name"]:after {
        width: 520px;
        height: 52px;
        top: 0;
        left: 340px;
        padding: 1.5rem 2rem;
        border-radius: 26px/50%
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"] input {
        width: 170px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"] input+span {
        top: .8rem
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 label[for="your-file"]:after {
        top: 0;
        left: 340px;
        height: 52px;
        padding: 1.5rem 2rem;
        border-radius: 26px/50%
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 input[type="submit"] {
        margin-left: 344px;
        border-radius: 26px/50%;
        padding: 1.5rem 2rem
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 span.wpcf7-not-valid-tip {
        display: block;
        padding-top: 5px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 div.wpcf7-response-output {
        padding-left: 344px
    }
    .help-page .contact-us-form.contact-us-form__wpcf7 .wpcf7-form-control-wrap.file span.wpcf7-not-valid-tip {
        padding-top: 15px
    }
    .help-page .contact-us-head.open {
        margin-bottom: 0;
        border-bottom: 9rem solid #111111
    }
    .help-page .col-phone-12.open {
        margin-bottom: 4rem
    }
}

.circle-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sk-fading-circle {
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.more-power-banner {
    background: #000;
    position: relative
}

.more-power-banner .more-power-banner__button {
    overflow: hidden
}

.more-power-banner .more-power-banner__button a {
    float: right;
    margin-right: 1rem
}

.more-power-banner .more-power-banner__button a:hover {
    background: #000
}

.more-power-banner .hidden-tablet-up {
    width: 100%
}

.more-power-banner .col-phone-12 a {
    position: relative;
    left: 1rem;
    z-index: 10
}

@media (max-width: 767px) {
    .more-power-banner .col-phone-12 {
        position: static
    }
    .more-power-banner .more-power-banner__button {
        position: absolute;
        top: 23%;
        right: 8%
    }
}

@media (min-width: 768px) {
    .more-power-banner {
        height: 600px
    }
    .more-power-banner .col-phone-12 {
        height: 600px
    }
    .more-power-banner .more-power-banner__button {
        padding-top: 170px
    }
    .more-power-banner .hidden-phone-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 600px;
        width: auto
    }
}

@media (min-width: 1200px) {
    .more-power-banner .col-phone-12 {
        height: 600px
    }
    .more-power-banner .more-power-banner__button {
        padding-top: 215px
    }
    .more-power-banner .hidden-tablet-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 600px;
        width: auto
    }
}

.kv-section {
    background: #000;
    position: relative
}

.kv-section .more-power-banner__button {
    overflow: hidden
}

.kv-section .more-power-banner__button a {
    float: right;
    margin-right: 1rem
}

.kv-section .more-power-banner__button a:hover {
    background: #000
}

.kv-section .hidden-tablet-up {
    width: 100%
}

.kv-section .col-phone-12 a {
    position: relative;
    left: 1rem;
    z-index: 10
}

@media (max-width: 767px) {
    .more-power-banner .col-phone-12 {
        position: static
    }
    .more-power-banner .more-power-banner__button {
        position: absolute;
        top: 23%;
        right: 8%
    }
}

@media (min-width: 768px) {
    .more-power-banner {
        height: 600px
    }
    .more-power-banner .col-phone-12 {
        height: 600px
    }
    .more-power-banner .more-power-banner__button {
        padding-top: 170px
    }
    .more-power-banner .hidden-phone-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 600px;
        width: auto
    }
}

@media (min-width: 1200px) {
    .more-power-banner .col-phone-12 {
        height: 600px
    }
    .more-power-banner .more-power-banner__button {
        padding-top: 215px
    }
    .more-power-banner .hidden-tablet-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 600px;
        width: auto
    }
}

.map-section {
    position: relative;
    min-height: 600px;
    background: #000;
    overflow: hidden
}

@media (max-width: 1199px) {
    .map-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.map-section .container {
    width: 100%
}

.map-section__wrapper {
    height: 80vh;
    min-height: 500px
}

@media (min-width: 768px) {
    .map-section__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 60%;
        height: 100% !important;
        min-height: 100%;
        max-height: 100%
    }
}

.map-section__wrapper .map {
    width: 100%;
    height: 100%;
    position: relative
}

.map-section__wrapper .map>div {
    background: #000 !important
}

.map-section__wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to right, #000, transparent)
}

@media (min-width: 768px) {
    .map-section__wrapper:before {
        width: 10%
    }
}

@media (min-width: 1200px) {
    .map-section__wrapper:before {
        width: 20%
    }
}


@media (min-width: 768px) {
    .container {
        max-width: 720px
    }

    
}

@media (min-width: 1200px) {
    .container {
        max-width: 1080px
    }
}

.map-section__wrapper .popup {
    background: url("../img/initiative/starwars/popup-bg.svg") 50% 50%/contain no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: .3s ease-in-out;
    pointer-events: none;
    width: 360px;
    height: 270px
}

.map-section__wrapper .popup.open {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    pointer-events: all
}

@media (max-width: 360px) and (max-height: 500px) {
    .map-section__wrapper .popup {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }
    .map-section__wrapper .popup.open {
        -webkit-transform: translate(-50%, 0) scale(1);
        transform: translate(-50%, 0) scale(1)
    }
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup {
        width: 550px;
        height: 415px
    }
}

.map-section__wrapper .popup__close {
    position: absolute;
    right: 41px;
    top: 1px;
    padding: 0;
    outline: none;
    background: none;
    border: none
}

.map-section__wrapper .popup__close img {
    max-width: 50px
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup__close {
        right: 65px;
        top: 3px
    }
    .map-section__wrapper .popup__close img {
        max-width: none
    }
}

.map-section__wrapper .popup__image img {
    display: block;
    margin: 1.5rem auto 0 auto;
    max-width: 90%
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup__image img {
        max-width: 100%
    }
}

.map-section__wrapper .popup__content {
    text-align: center;
    max-width: 250px;
    margin: 0 auto
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup__content {
        max-width: 380px
    }
}

.map-section__wrapper .popup__content h3,
.map-section__wrapper .popup__content .in-action-header .content sup,
.in-action-header .content .map-section__wrapper .popup__content sup {
    font-size: 1.8rem;
    margin-top: 1rem
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup__content h3,
    .map-section__wrapper .popup__content .in-action-header .content sup,
    .in-action-header .content .map-section__wrapper .popup__content sup {
        margin-top: 3.4rem;
        font-size: 2.4rem
    }
}

.map-section__wrapper .popup__content p {
    font-size: 1.1rem;
    line-height: 1.3rem
}

@media (min-width: 768px) {
    .map-section__wrapper .popup__content p {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

@media (min-width: 1200px) {
    .map-section__wrapper .popup__content p {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.map-section .container {
    position: relative;
    pointer-events: none;
    z-index: 1
}

@media (min-width: 768px) {
    .map-section .container {
        margin: 0 auto
    }
}

.map-section .section__header {
    padding-top: 4rem
}

@media (min-width: 768px) {
    .map-section .section__header {
        padding-top: 0;
        max-width: 380px
    }
}

@media (min-width: 1200px) {
    .map-section .section__header {
        padding-top: 6rem
    }
}

.map-section .section__header h2 {
    margin-top: 0;
    margin-bottom: 1.8rem;
    text-align: left;
    color: #fff;
    font-size: 2.3rem
}

.map-section .section__header h2 br {
    display: none
}

@media (min-width: 768px) {
    .map-section .section__header h2 {
        font-size: 3.2rem
    }
    .map-section .section__header h2 br {
        display: inline
    }
}

@media (min-width: 1200px) {
    .map-section .section__header h2 {
        font-size: 5.4rem
    }
}

@media (min-width: 768px) {
    .map-section .section__content {
        max-width: 300px
    }
}

.map-section .section__content p {
    color: #999999;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    line-height: 1.9rem
}

.map-section .section__content p br {
    display: none
}

@media (min-width: 768px) {
    .map-section .section__content p {
        margin-top: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.2rem
    }
    .map-section .section__content p br {
        display: inline
    }
}

@media (min-width: 1200px) {
    .map-section .section__content p {
        margin-top: 2.2rem;
        font-size: 1.5rem;
        line-height: 2.6rem
    }
}

.background-section {
    overflow: hidden;
    background-size: contain;
    background-position: 50% 0;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .background-section {
        background-size: cover
    }
}

.background-section .container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 768px) {
    .background-section--text-right .container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.background-section .section__header {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .background-section .section__header {
        padding-top: 6rem
    }
}

.background-section .section__header h2 {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.3rem
}

.background-section .section__header h2 br {
    display: none
}

@media (min-width: 768px) {
    .background-section .section__header h2 {
        font-size: 3.2rem
    }
}

@media (min-width: 1200px) {
    .background-section .section__header h2 {
        font-size: 5.4rem
    }
    .background-section .section__header h2 br {
        display: inline
    }
}

.background-section .section__content {
    padding-bottom: 3rem
}

@media (min-width: 768px) {
    .background-section .section__content {
        max-width: 50%;
        padding-bottom: 0
    }
}

.background-section .section__content h3,
.background-section .section__content .in-action-header .content sup,
.in-action-header .content .background-section .section__content sup {
    font-size: 2rem;
    line-height: 2.3rem;
    margin-top: 2rem
}

.background-section .section__content h3 br,
.background-section .section__content .in-action-header .content sup br,
.in-action-header .content .background-section .section__content sup br {
    display: none
}

@media (min-width: 768px) {
    .background-section .section__content h3,
    .background-section .section__content .in-action-header .content sup,
    .in-action-header .content .background-section .section__content sup {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

@media (min-width: 1200px) {
    .background-section .section__content h3,
    .background-section .section__content .in-action-header .content sup,
    .in-action-header .content .background-section .section__content sup {
        font-size: 3.2rem;
        line-height: 3.7rem
    }
    .background-section .section__content h3 br,
    .background-section .section__content .in-action-header .content sup br,
    .in-action-header .content .background-section .section__content sup br {
        display: inline
    }
}

.background-section .section__content p {
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 1.7rem
}

.background-section .section__content p:first-child {
    margin-top: 1rem
}

.background-section .section__content p br {
    display: none
}

@media (min-width: 768px) {
    .background-section .section__content p {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

@media (min-width: 1200px) {
    .background-section .section__content p {
        margin-top: 0.2rem;
        font-size: 1.5rem;
        line-height: 2.0rem
    }
    .background-section .section__content p br {
        display: inline
    }
}






.fancy-carousel {
    position: relative;
    overflow: hidden
}

.fancy-carousel ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    overflow: hidden
}

.fancy-carousel li {
    position: relative;
    height: 0;
    padding-bottom: 26.66667%;
    width: 100%;
    overflow: hidden
}

.fancy-carousel li p,
.fancy-carousel li h3 a,
.fancy-carousel li .in-action-header .content sup a,
.in-action-header .content .fancy-carousel li sup a {
    color: #000
}

.fancy-carousel li p {
    padding-bottom: 1.25rem;
    padding-top: 0
}

.fancy-carousel li.white p,
.fancy-carousel li.white h3 a,
.fancy-carousel li.white .in-action-header .content sup a,
.in-action-header .content .fancy-carousel li.white sup a {
    color: #fff
}

.fancy-carousel * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none
}

.fancy-carousel h3 a,
.fancy-carousel .in-action-header .content sup a,
.in-action-header .content .fancy-carousel sup a {
    width: 240px;
    height: 80px;
    display: block;
    position: relative
}

.fancy-carousel h3 a:before,
.fancy-carousel .in-action-header .content sup a:before,
.in-action-header .content .fancy-carousel sup a:before {
    content: ' ';
    float: left;
    width: 40px;
    height: 40px;
    background: url("../img/home/in-action-pointer.svg") no-repeat;
    background-size: 40px 40px;
    margin: 10px 15px 0 25px;
    transition: all 0.3s
}

.fancy-carousel h3 a span,
.fancy-carousel .in-action-header .content sup a span,
.in-action-header .content .fancy-carousel sup a span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fancy-carousel .slide-image {
    position: absolute;
    width: 100%
}

.fancy-carousel .slide-bunny {
    position: absolute;
    top: -34px;
    right: -450px
}

.fancy-carousel .arrows {
    display: none
}

@media (max-width: 767px) {
    .fancy-carousel .slide-image {
        top: 0;
        height: 100%
    }
    .fancy-carousel .slide-image img {
        width: 100%;
        height: auto
    }
    .fancy-carousel h3,
    .fancy-carousel .in-action-header .content sup,
    .in-action-header .content .fancy-carousel sup {
        font-size: 1.9rem;
        position: absolute;
        margin-top: 13.5%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10
    }
    .fancy-carousel h3 a:before,
    .fancy-carousel .in-action-header .content sup a:before,
    .in-action-header .content .fancy-carousel sup a:before {
        width: 30px;
        height: 30px;
        margin-top: 24px;
        background-size: 30px 30px
    }
    .fancy-carousel li.opened h3 a:before,
    .fancy-carousel li.opened .in-action-header .content sup a:before,
    .in-action-header .content .fancy-carousel li.opened sup a:before {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .fancy-carousel .slide-content {
        position: relative;
        margin: 23% 0 0 70px;
        width: 75%;
        font-size: 1.3rem;
        line-height: 1.5;
        opacity: 0
    }
    .fancy-carousel .button {
        position: relative;
        margin: 0 0 10% 70px;
        bottom: 0;
        opacity: 0
    }
}

@media (max-width: 1199px) {
    .fancy-carousel .carousel-bunny {
        display: none
    }
}

@media (min-width: 768px) {
    .fancy-carousel {
        position: absolute;
        width: 100%;
        height: 750px;
        top: -140px;
        z-index: 100;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .fancy-carousel ul {
        position: absolute;
        width: 32000em;
        height: 620px;
        overflow: hidden;
        top: 134px
    }
    .fancy-carousel li {
        float: left;
        height: 600px;
        padding-bottom: 0;
        cursor: pointer;
        margin-top: 43px
    }
    .fancy-carousel .slide-image {
        height: 500px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 center;
        transform-origin: 0 center
    }
    .fancy-carousel .slide-image img {
        height: 100%;
        width: auto
    }
    .fancy-carousel h3,
    .fancy-carousel .in-action-header .content sup,
    .in-action-header .content .fancy-carousel sup {
        margin-top: 65px;
        overflow: hidden;
        font-size: 2.3rem
    }
    .fancy-carousel h3 a:before,
    .fancy-carousel .in-action-header .content sup a:before,
    .in-action-header .content .fancy-carousel sup a:before {
        margin: 20px 10px 0 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .fancy-carousel .slide-content {
        position: relative;
        width: 0;
        overflow: hidden
    }
    .fancy-carousel .slide-content * {
        width: 400px;
        padding: 0 50px
    }
    .fancy-carousel .slide-content p {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
    .fancy-carousel li.opened h3,
    .fancy-carousel li.opened .in-action-header .content sup,
    .in-action-header .content .fancy-carousel li.opened sup {
        margin-top: 0
    }
    .fancy-carousel li.opened h3 a,
    .fancy-carousel li.opened .in-action-header .content sup a,
    .in-action-header .content .fancy-carousel li.opened sup a {
        padding: 37px 50px 3px;
        width: 275px;
        cursor: default;
        height: auto
    }
    .fancy-carousel li.opened h3 a:before,
    .fancy-carousel li.opened .in-action-header .content sup a:before,
    .in-action-header .content .fancy-carousel li.opened sup a:before {
        content: none
    }
    .fancy-carousel li.opened h3 a span,
    .fancy-carousel li.opened .in-action-header .content sup a span,
    .in-action-header .content .fancy-carousel li.opened sup a span {
        top: 0;
        -webkit-transform: none;
        transform: none;
        position: relative
    }
    .fancy-carousel li.opened .slide-content {
        top: 8px
    }
    .fancy-carousel .button {
        position: absolute;
        bottom: 200px;
        left: 50px;
        z-index: -1
    }
    .fancy-carousel .arrows {
        display: block;
        width: 100%;
        position: absolute;
        top: 400px;
        z-index: 1000
    }
    .fancy-carousel .arrows a {
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.7);
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: center
    }
    .fancy-carousel .arrows a.prev {
        left: 0;
        background-image: url("../img/common/icon-prev.svg")
    }
    .fancy-carousel .arrows a.next {
        right: 0;
        background-image: url("../img/common/icon-next.svg")
    }
    .fancy-carousel .carousel-bunny {
        opacity: 0;
        position: absolute;
        width: 350px;
        height: 227px;
        top: 0;
        right: 10%
    }
    .fancy-carousel .carousel-bunny div {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100%
    }
    .fancy-carousel .carousel-bunny .bunny-head {
        width: 305px;
        height: 227px;
        left: 40px;
        background-image: url("../img/in-action/bunny-head.png")
    }
    .fancy-carousel .carousel-bunny .bunny-hand-left-back {
        left: 0;
        top: 190px;
        width: 89px;
        height: 89px;
        background-image: url("../img/in-action/bunny-hand-left-back.png")
    }
    .fancy-carousel .carousel-bunny .bunny-hand-left-front {
        left: 0;
        top: 190px;
        width: 85px;
        height: 58px;
        z-index: 100;
        background-image: url("../img/in-action/bunny-hand-left-front.png")
    }
    .fancy-carousel .carousel-bunny .bunny-hand-right-back {
        right: 0;
        top: 190px;
        width: 90px;
        height: 89px;
        background-image: url("../img/in-action/bunny-hand-right-back.png")
    }
    .fancy-carousel .carousel-bunny .bunny-hand-right-front {
        right: 0;
        top: 190px;
        width: 84px;
        height: 58px;
        z-index: 100;
        background-image: url("../img/in-action/bunny-hand-right-front.png")
    }
}

@media (min-width: 1200px) {
    .fancy-carousel .slide-image {
        width: auto
    }
}




.products-section h2 {
    margin-bottom: 35px
}

.products-section p {
    text-align: center;
    margin-bottom: 35px
}

.products-section-wrapper {
    position: relative
}

@media (max-width: 1600px) {
    .products-section-wrapper {
        padding-bottom: 45px
    }
}

@media (max-width: 767px) {
    .products-section-wrapper {
        padding-bottom: 50px
    }
}

.products-section-wrapper--light .carousel-bunny {
    opacity: 0;
    position: absolute;
    width: 350px;
    height: 227px;
    bottom: 0;
    display: block;
    pointer-events: none
}

@media (max-width: 767px) {
    .products-section-wrapper--light .carousel-bunny {
        -webkit-transform: scale(0.5) translate(150px, 113px);
        transform: scale(0.5) translate(150px, 113px)
    }
}

@media (min-width: 768px) {
    .products-section-wrapper--light .carousel-bunny {
        display: block
    }
}

.products-section-wrapper--light .carousel-bunny div {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%
}

.products-section-wrapper--light .carousel-bunny .bunny-head {
    width: 305px;
    height: 227px;
    left: 40px;
    top: 20px;
    background-image: url("../img/in-action/bunny-head.png")
}

.products-section-wrapper--light .carousel-bunny .bunny-hand-left-back {
    left: 0;
    top: 190px;
    width: 89px;
    height: 89px;
    background-image: url("../img/in-action/bunny-hand-left-back.png")
}

.products-section-wrapper--light .carousel-bunny .bunny-hand-left-front {
    left: 0;
    top: 190px;
    width: 85px;
    height: 58px;
    z-index: 100;
    background-image: url("../img/in-action/bunny-hand-left-front.png")
}

.products-section-wrapper--light .carousel-bunny .bunny-hand-right-back {
    right: 0;
    top: 190px;
    width: 90px;
    height: 89px;
    background-image: url("../img/in-action/bunny-hand-right-back.png")
}

.products-section-wrapper--light .carousel-bunny .bunny-hand-right-front {
    right: 0;
    top: 190px;
    width: 84px;
    height: 58px;
    z-index: 100;
    background-image: url("../img/in-action/bunny-hand-right-front.png")
}

.products-section-wrapper--light .products-categories {
    border: none;
    position: relative
}

@media (max-width: 767px) {
    .products-section-wrapper--light .products-categories {
        position: static
    }
}

.products-section-wrapper--light .products-categories p {
    text-align: center
}

.products-section-wrapper--light .products-categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products-section-wrapper--light .products-categories ul li {
    background-color: #fff;
    width: 204px;
    padding: 5px
}

@media (max-width: 1199px) {
    .products-section-wrapper--light .products-categories ul li {
        width: 33.333%
    }
}

@media (max-width: 767px) {
    .products-section-wrapper--light .products-categories ul li {
        width: 100%
    }
}

.products-section-wrapper--light .products-categories ul li a {
    border-color: #fff;
    background-color: #f4f4f4;
    color: #000;
    padding: 4rem 2rem;
    height: 230px;
    background-size: auto 45%;
    background-position: 50% 80%;
    font-size: 18px
}

.products-section-wrapper--light .products-categories ul li a.category-hearing {
    background-size: auto 35%;
    background-position: 50% 75%
}

.products-section-wrapper--light .products-categories ul li a.category-coin {
    background-size: auto 40%;
    background-position: 50% 75%
}

@media (max-width: 1199px) {
    .products-section-wrapper--light .products-categories ul li a.category-hearing {
        background-size: auto 30%;
        background-position: 50% 75%
    }
    .products-section-wrapper--light .products-categories ul li a.category-coin {
        background-size: auto 35%;
        background-position: 50% 75%
    }
}

@media (max-width: 767px) {
    .products-section-wrapper--light .products-categories ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 90px;
        background-size: 50px;
        text-align: left;
        font-size: 15px;
        background-position: 20px 50%;
        padding: 1rem 1rem 1rem 100px
    }
    .products-section-wrapper--light .products-categories ul li a.category-hearing {
        background-position: 20px 50%;
        background-size: 50px
    }
    .products-section-wrapper--light .products-categories ul li a.category-coin {
        background-position: 20px 50%;
        background-size: 50px
    }
}

.products-section-wrapper--hasBunny .carousel-bunny {
    right: 20px;
    height: 220px
}

@media (min-width: 1630px) {
    .products-section-wrapper--hasBunny .carousel-bunny {
        right: 20px
    }
}

.bunny-head-clone {
    width: 260px;
    height: 127px;
    left: 40px;
    top: 20px;
    background: url("../img/in-action/bunny-head.png") 100% 100% no-repeat;
    position: absolute
}

@media (max-width: 1599px) {
    .bunny-head-clone {
        width: 200px;
        height: 227px
    }
}

@media (max-width: 767px) {
    .bunny-head-clone {
        display: none !important
    }
}

.home-page .powered-by {
    margin-top: 4rem
}

.we-are-duracell {
    height: 545px;
    margin: 0 auto;
    background-image: url(../img/timeline.png),url(../img/we-are-duracell-logo-grey.png),url(../img/we-are-duracell-bg.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto 52px, auto 88px, auto 465px;
    background-position: 70px 368px, 45px 68px, -550px 0;
    overflow: hidden;
        position: relative;
    top: -20px;
}

.we-are-duracell .col-phone-12>div {
    color: #999;
    padding-left: 56px;
    padding-top: 4.5rem;
    position: relative;
    height: 465px
}

.we-are-duracell .col-phone-12>div h2 {
    color: #c98959;
    font-size: 2.6rem;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin-bottom: 2rem
}

.we-are-duracell .col-phone-12>div h2+img {
    max-width: 275px;
    width: 100%;
    height: auto;
    margin-bottom: 3rem
}

.we-are-duracell .col-phone-12>div img.bunny {
    height: 340px;
    width: auto;
    position: absolute;
    top: 158px;
    left: 208px
}

.we-are-duracell .col-phone-12>div .button {
    position: absolute;
    bottom: -24px
}

@media (max-width: 767px) {
    .we-are-duracell .col-phone-12>div p {
        width: 170px
    }
}

@media (min-width: 768px) {
    .we-are-duracell {
        height: 710px;
        padding-top: 40px;
        background-size: 1920px 81px, auto 105px, auto 575px;
        background-position: 370px 492px, 135px 155px, -613px 40px
    }
    .we-are-duracell .col-phone-12>div {
        height: 585px;
        padding-left: 130px;
        padding-top: 6rem
    }
    .we-are-duracell .col-phone-12>div h2 {
        font-size: 4.8rem
    }
    .we-are-duracell .col-phone-12>div h2+img {
        max-width: 450px;
        position: relative;
        z-index: 100
    }
    .we-are-duracell .col-phone-12>div p {
        font-size: 1.6rem;
        width: 390px
    }
    .we-are-duracell .col-phone-12>div p br {
        display: none
    }
    .we-are-duracell .col-phone-12>div img.bunny {
        height: 675px;
        width: auto;
        position: absolute;
        top: -40px;
        left: 515px
    }
    .we-are-duracell .col-phone-12>div .button {
        bottom: -16px
    }
}

@media all and (min-width: 800px) {
    .we-are-duracell .col-phone-12>div {
        padding-left: 110px
    }
}

@media all and (min-width: 840px) {
    .we-are-duracell .col-phone-12>div {
        padding-left: 90px
    }
}

@media all and (min-width: 890px) {
    .we-are-duracell .col-phone-12>div {
        padding-left: 70px
    }
}

@media all and (min-width: 920px) {
    .we-are-duracell .col-phone-12>div {
        padding-left: 50px
    }
}

@media all and (min-width: 960px) {
    .we-are-duracell .col-phone-12>div {
        padding-left: 30px
    }
}

@media (min-width: 1200px) {
    .we-are-duracell {
        height: 720px;
        padding-top: 40px;
        background-size: 2100px 81px, auto 180px, auto 585px;
        background-position: 510px 492px, 135px 135px, -625px 40px
    }
    .we-are-duracell .col-phone-12>div {
        height: 595px;
        padding-left: 90px;
        padding-top: 6rem
    }
    .we-are-duracell .col-phone-12>div h2 {
        font-size: 5.4rem
    }
    .we-are-duracell .col-phone-12>div h2+img {
        max-width: 670px;
        position: relative;
        z-index: 100;
        margin-bottom: 4.5rem
    }
    .we-are-duracell .col-phone-12>div p {
        font-size: 1.6rem;
        width: 690px
    }
    .we-are-duracell .col-phone-12>div p br {
        display: none
    }
    .we-are-duracell .col-phone-12>div img.bunny {
        height: 675px;
        width: auto;
        position: absolute;
        top: -40px;
        left: auto;
        right: -60px
    }
    .we-are-duracell .col-phone-12>div .button {
        bottom: -16px
    }
    .we-are-duracell .col-phone-12>div .image-sequence {
        height: 675px;
        width: 415px;
        position: absolute;
        top: -40px;
        left: auto;
        right: -60px
    }
    .we-are-duracell .col-phone-12>div .image-sequence img {
        height: 675px;
        width: auto
    }
    .we-are-duracell .col-phone-12>div .image-sequence #trigger {
        width: 100%;
        height: 10px;
        position: absolute;
        top: 280px
    }
}

@media (max-width: 767px) {
    .de-DE .we-are-duracell .col-phone-12>div img.bunny,
    .fr-FR .we-are-duracell .col-phone-12>div img.bunny {
        left: 215px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .es .we-are-duracell .col-phone-12>div p {
        width: 420px;
        font-size: 1.5rem
    }
    .es .we-are-duracell .col-phone-12>div img.bunny {
        left: 537px
    }
}

@media (max-width: 767px) {
    .it-IT .we-are-duracell {
        height: 490px
    }
    .it-IT .we-are-duracell .col-phone-12>div img.bunny {
        height: 280px;
        top: 144px;
        left: 212px
    }
}

@media (max-width: 767px) {
    .nl .we-are-duracell {
        height: 490px
    }
    .nl .we-are-duracell .col-phone-12>div img.bunny {
        height: 280px;
        top: 144px;
        left: 220px
    }
}

@media (min-width: 768px) {
    .nl .we-are-duracell .col-phone-12>div p {
        font-size: 1.5rem
    }
}

@media (min-width: 1200px) {
    .nl .we-are-duracell .col-phone-12>div p {
        font-size: 1.5rem
    }
}

.home-page .product-slider+.article-listing h2 {
    padding-top: 2rem
}

@media (min-width: 768px) {
    .home-page .product-slider+.article-listing h2 {
        padding-top: 4rem
    }
}

.single-product-head {
    background: #111 url("../img/common/blue-gradient-bg.png") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    padding-bottom: 2rem;
    overflow: auto;
    position: relative
}

.single-product-head .desktop {
    min-height: 315px
}

.single-product-head.single-product-head--gray {
    background-image: url("../img/common/gray-gradient-bg.jpg")
}

.single-product-head h2,
.single-product-head .description,
.single-product-head .size,
.single-product-head .quantity,
.single-product-head .rating {
    color: #fff
}

.single-product-head h2 {
    margin-top: 0
}

.single-product-head img {
    max-height: 315px;
    height: auto;
    max-width: 300px;
    width: auto;
    display: block;
    margin: 0 auto 30px
}

@media (min-width: 768px) {
    .single-product-head img {
        max-height: 345px;
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    .single-product-head img {
        max-height: 410px
    }
}

.single-product-head .size span,
.single-product-head .quantity span {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px
}

.single-product-head .rating {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.single-product-head .description,
.single-product-head .size,
.single-product-head .quantity {
    margin-bottom: 2rem
}

.single-product-head small {
    color: #999;
    font-size: .8em
}

.single-product-head .bin {
    padding-bottom: 1rem
}

.single-product-head .countries-available {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #fff
}

.single-product-head .countries-available>span {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px
}

.single-product-head .countries-available ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-product-head .countries-available li {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.single-product-head .countries-available li span {
    margin-right: 1rem
}

@media (min-width: 768px) {
    .single-product-head {
        padding-top: 7rem;
        padding-bottom: 4rem;
        background-size: 1200px auto
    }
    .single-product-head .col-desktop-4 {
        min-height: 375px
    }
    .single-product-head h2 {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }
    .single-product-head .rating {
        margin-bottom: 3rem
    }
    .single-product-head .bin {
        padding-bottom: 0
    }
    .single-product-head .countries-available li {
        width: 25%
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .single-product-head h2,
    .single-product-head .description,
    .single-product-head .rating {
        padding-left: 1rem
    }
    .single-product-head .size,
    .single-product-head .quantity {
        padding-top: 7rem
    }
}

@media (min-width: 1200px) {
    .single-product-head {
        background-size: 1200px auto;
        padding-bottom: 3.5rem
    }
    .single-product-head .col-desktop-4 {
        min-height: 460px
    }
    .single-product-head .size,
    .single-product-head .quantity {
        padding-top: 1.5rem
    }
    .single-product-head .size.type,
    .single-product-head .quantity.type {
        margin-bottom: 0
    }
    .single-product-head .bin {
        padding-bottom: 2rem;
        padding-top: 6rem
    }
}

.ru-RU .single-product-head .size span,
.ru-RU .single-product-head .quantity span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .single-product-head .rating {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .single-product-head .size span,
.kr .single-product-head .quantity span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .single-product-head .rating {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.dk .single-product-head h2,
.fi .single-product-head h2 {
    font-size: 2.1rem
}

@media (min-width: 768px) {
    .dk .single-product-head h2,
    .fi .single-product-head h2 {
        font-size: 2.8rem
    }
}

@media (min-width: 1200px) {
    .dk .single-product-head h2,
    .fi .single-product-head h2 {
        font-size: 4.8rem
    }
}

.size-selector {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.size-selector.powerbanks-size {
    margin-bottom: 0
}

.size-selector li {
    float: left;
    margin-right: 21px
}

.size-selector li:last-child {
    margin-right: 0
}

.size-selector li label {
    height: 115px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    cursor: pointer;
    margin-bottom: 0
}

.powerbanks-size .size-selector li label {
    height: 123px
}

.size-selector li input:checked+label {
    background-position: 100% 100%
}

.size-selector li input[name="powerbank-size"]+label {
    height: 123px
}

.size-selector li input[name="powerbank-size"]:checked+label {
    background-position: 0 100%
}

.size-selector li .size-pb-3350mah {
    width: 24px;
    background-image: url("../img/product/powerbanks/3350.svg");
    background-size: 101px 91px;
    background-position: 100% 100%
}

.size-selector li .size-pb-6700mah {
    width: 42px;
    background-image: url("../img/product/powerbanks/6700.svg");
    background-size: 118px 91px;
    background-position: 100% 100%
}

.size-selector li .size-pb-10050mah {
    width: 59px;
    background-image: url("../img/product/powerbanks/10050.svg");
    background-size: 156px 91px;
    background-position: 100% 100%
}

.size-selector li .size-pb-20100mah {
    width: 46px;
    background-image: url("../img/product/powerbanks/20100.svg");
    background-size: 128px 122px;
    background-position: 100% 100%
}

.size-selector li .size-aaa {
    width: 20px;
    background-image: url("../img/common/aaa-icon.svg");
    background-size: 249px 85px
}

.size-selector li input:checked+.size-aaa {
    background-image: url("../img/common/aaa-icon.svg")
}

.size-selector li .size-aa {
    width: 27px;
    background-image: url("../img/common/aa-icon.svg");
    background-size: 248px 102px
}

.size-selector li input:checked+.size-aa {
    background-image: url("../img/common/aa-icon.svg")
}

.size-selector li .size-c {
    width: 50px;
    background-image: url("../img/common/c-icon.svg");
    background-size: 242px 98px
}

.size-selector li input:checked+.size-c {
    background-image: url("../img/common/c-icon.svg")
}

.size-selector li .size-d {
    width: 66px;
    background-image: url("../img/common/d-icon.svg");
    background-size: 318px 115px
}

.size-selector li input:checked+.size-d {
    background-image: url("../img/common/d-icon.svg")
}

.size-selector li .size-9v {
    width: 52px;
    background-image: url("../img/common/9v-icon.svg");
    background-size: 314px 95px
}

.size-selector li input:checked+.size-9v {
    background-image: url("../img/common/9v-icon.svg")
}

.size-selector li .size-chr {
    width: 52px;
    background-image: url("../img/common/9v-icon.svg");
    background-size: 314px 95px
}

.size-selector li input:checked+.size-chr {
    background-image: url("../img/common/9v-icon.svg")
}

.size-selector li input {
    display: none
}

.product-hearing-aid .size-selector li {
    margin-right: 40px
}

.product-hearing-aid .size-selector li label {
    height: 120px
}

.product-hearing-aid .size-selector li .size-ha10 {
    width: 29px;
    background-image: url("../img/common/hearing-aids-01.svg");
    background-size: 200px 120px
}

.product-hearing-aid .size-selector li input:checked+.size-ha10 {
    background-image: url("../img/common/hearing-aids-01.svg")
}

.product-hearing-aid .size-selector li .size-ha13 {
    width: 33px;
    background-image: url("../img/common/hearing-aids-02.svg");
    background-size: 200px 120px
}

.product-hearing-aid .size-selector li input:checked+.size-ha13 {
    background-image: url("../img/common/hearing-aids-02.svg")
}

.product-hearing-aid .size-selector li .size-ha312 {
    width: 36px;
    background-image: url("../img/common/hearing-aids-03.svg");
    background-size: 200px 120px
}

.product-hearing-aid .size-selector li input:checked+.size-ha312 {
    background-image: url("../img/common/hearing-aids-03.svg")
}

.product-hearing-aid .size-selector li .size-ha675 {
    width: 45px;
    background-image: url("../img/common/hearing-aids-04.svg");
    background-size: 200px 120px
}

.product-hearing-aid .size-selector li input:checked+.size-ha675 {
    background-image: url("../img/common/hearing-aids-04.svg")
}

.facts-headline {
    position: relative;
    background-color: #1e1e1e;
    border-bottom: 2px solid #c98959;
    padding-top: 1rem
}

.facts-headline:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

.facts-headline .col-phone-12>div {
    position: relative;
    height: 380px
}

.facts-headline .col-phone-12>div>img {
    position: absolute;
    height: 320px;
    width: auto;
    top: 110px;
    left: 0
}

.facts-headline h2,
.facts-headline h3,
.facts-headline .in-action-header .content sup,
.in-action-header .content .facts-headline sup {
    font-size: 1rem
}

.facts-headline h2 span,
.facts-headline h3 span,
.facts-headline .in-action-header .content sup span,
.in-action-header .content .facts-headline sup span {
    display: none
}

.facts-headline h2 img,
.facts-headline h2 small,
.facts-headline h3 img,
.facts-headline .in-action-header .content sup img,
.in-action-header .content .facts-headline sup img,
.facts-headline h3 small,
.facts-headline .in-action-header .content sup small,
.in-action-header .content .facts-headline sup small {
    width: 100%;
    max-width: 340px
}

.facts-headline h2 small,
.facts-headline h3 small,
.facts-headline .in-action-header .content sup small,
.in-action-header .content .facts-headline sup small {
    color: #999;
    text-align: right;
    font-size: 1.2rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    display: inline-block;
    text-transform: none;
    margin-top: 1.5rem;
    line-height: 1.4
}

.facts-headline .facts-icons {
    position: absolute;
    width: 320px;
    right: 30px;
    bottom: 50px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.facts-headline .facts-icons li {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    margin-left: 26px;
    float: left;
    width: 130px;
    height: 190px
}

@media (min-width: 1200px) {
    .facts-headline .facts-icons li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .facts-headline .facts-icons li span {
        min-height: 45px
    }
}

.facts-headline .facts-icons li .img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 160px
}

.facts-headline .facts-icons li.vertical img {
    width: 110px;
    height: auto
}

.facts-headline .facts-icons li img {
    display: block;
    width: 110px;
    height: auto;
    margin: 0 auto 2rem
}

.facts-content h2 {
    color: #fff
}

.facts-content p {
    color: #666
}

.facts-list {
    padding-top: 5rem
}

.facts-list h2 {
    color: #fff
}

.facts-list p {
    color: #fff
}

.facts-list small {
    color: #666;
    display: block;
    font-size: .8em;
    margin-top: 1rem
}

.facts-list>p {
    padding-bottom: 2rem
}

.facts-list .facts {
    list-style: none;
    padding-left: 0
}

.facts-list .facts li {
    margin-bottom: 2rem
}

.facts-list .facts li div {
    padding-left: 107px
}

.facts-list .facts li div.img-wrapper {
    padding-left: 0
}

.facts-list .facts h3,
.facts-list .facts .in-action-header .content sup,
.in-action-header .content .facts-list .facts sup {
    color: #c98959
}

.facts-list .facts h3 span,
.facts-list .facts .in-action-header .content sup span,
.in-action-header .content .facts-list .facts sup span {
    color: #fff
}

.facts-list .facts img {
    float: left;
    width: 87px;
    height: auto
}

.facts-list .facts small {
    color: #666
}

.product-powerbanks .facts-headline .facts-icons {
    bottom: -115px
}

.product-powerbanks .facts-headline .facts-icons li {
    width: 141px;
    margin-left: 15px
}

.product-powerbanks .facts-headline .facts-icons li img {
    max-width: 100%;
    width: auto;
    height: 130px
}

.product-powerbanks .facts-headline .facts-icons li .img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 160px
}

.product-powerbanks .facts-headline .facts-icons li.vertical img {
    width: 130px;
    height: auto
}

.product-powerbanks .facts-content {
    padding-top: 5rem
}

@media (max-width: 1199px) {
    .product-powerbanks .facts-headline .facts-icons {
        bottom: -10px
    }
    .product-powerbanks .facts-headline .facts-icons li img {
        height: 110px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .product-powerbanks .facts-headline img {
        max-width: 75%;
        float: right
    }
    .product-powerbanks .facts-headline .facts-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 75%;
        margin-bottom: 20px;
        margin-right: 20px
    }
    .product-powerbanks .facts-headline .facts-icons li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 120px;
        height: auto;
        margin-bottom: 5px
    }
    .product-powerbanks .facts-headline .facts-icons li .img-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 130px;
        height: 140px
    }
    .product-powerbanks .facts-headline .facts-icons li.vertical img {
        width: 110px;
        height: auto
    }
}

@media (max-width: 767px) {
    .product-powerbanks .facts-headline .col-phone-12>div {
        height: 460px
    }
    .product-powerbanks .facts-headline .col-phone-12>div>img {
        top: auto;
        height: 350px;
        bottom: -50px
    }
}

.product-simply .facts-headline .col-phone-12>div {
    position: relative;
    height: 420px
}

.product-simply .facts-headline .col-phone-12>div>img {
    top: 140px
}

.product-simply .facts-headline h2 {
    text-align: left;
    color: #fff;
    max-width: 320px
}

.product-simply .facts-headline h2 span {
    font-size: 4rem;
    display: block;
    line-height: 1
}

.product-simply .facts-headline h2 small {
    text-align: left
}

.product-plus-power .facts-headline .col-phone-12>div,
.product-ultra-rechargable .facts-headline .col-phone-12>div,
.product-plus-rechargable .facts-headline .col-phone-12>div,
.product-chargers .facts-headline .col-phone-12>div,
.product-hearing-aid .facts-headline .col-phone-12>div,
.product-coin-specialty .facts-headline .col-phone-12>div {
    position: relative;
    height: 490px
}

.product-plus-power .facts-headline .col-phone-12>div>img,
.product-ultra-rechargable .facts-headline .col-phone-12>div>img,
.product-plus-rechargable .facts-headline .col-phone-12>div>img,
.product-chargers .facts-headline .col-phone-12>div>img,
.product-hearing-aid .facts-headline .col-phone-12>div>img,
.product-coin-specialty .facts-headline .col-phone-12>div>img {
    position: absolute;
    height: 320px;
    width: auto;
    top: 220px;
    left: 0
}

.product-plus-power .facts-headline h2 small,
.product-ultra-rechargable .facts-headline h2 small,
.product-plus-rechargable .facts-headline h2 small,
.product-chargers .facts-headline h2 small,
.product-hearing-aid .facts-headline h2 small,
.product-coin-specialty .facts-headline h2 small {
    text-align: left
}

.product-plus-power .facts-headline h3,
.product-plus-power .facts-headline .in-action-header .content sup,
.in-action-header .content .product-plus-power .facts-headline sup,
.product-ultra-rechargable .facts-headline h3,
.product-ultra-rechargable .facts-headline .in-action-header .content sup,
.in-action-header .content .product-ultra-rechargable .facts-headline sup,
.product-plus-rechargable .facts-headline h3,
.product-plus-rechargable .facts-headline .in-action-header .content sup,
.in-action-header .content .product-plus-rechargable .facts-headline sup,
.product-chargers .facts-headline h3,
.product-chargers .facts-headline .in-action-header .content sup,
.in-action-header .content .product-chargers .facts-headline sup,
.product-hearing-aid .facts-headline h3,
.product-hearing-aid .facts-headline .in-action-header .content sup,
.in-action-header .content .product-hearing-aid .facts-headline sup,
.product-coin-specialty .facts-headline h3,
.product-coin-specialty .facts-headline .in-action-header .content sup,
.in-action-header .content .product-coin-specialty .facts-headline sup {
    text-align: center
}

.product-plus-power .facts-headline h3 small,
.product-plus-power .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-plus-power .facts-headline sup small,
.product-ultra-rechargable .facts-headline h3 small,
.product-ultra-rechargable .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-ultra-rechargable .facts-headline sup small,
.product-plus-rechargable .facts-headline h3 small,
.product-plus-rechargable .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-plus-rechargable .facts-headline sup small,
.product-chargers .facts-headline h3 small,
.product-chargers .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-chargers .facts-headline sup small,
.product-hearing-aid .facts-headline h3 small,
.product-hearing-aid .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-hearing-aid .facts-headline sup small,
.product-coin-specialty .facts-headline h3 small,
.product-coin-specialty .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-coin-specialty .facts-headline sup small {
    text-align: right
}

.product-plus-power .facts-content,
.product-ultra-rechargable .facts-content,
.product-plus-rechargable .facts-content,
.product-chargers .facts-content,
.product-hearing-aid .facts-content,
.product-coin-specialty .facts-content {
    padding-top: 5rem
}

.product-plus-power .facts-list,
.product-ultra-rechargable .facts-list,
.product-plus-rechargable .facts-list,
.product-chargers .facts-list,
.product-hearing-aid .facts-list,
.product-coin-specialty .facts-list {
    padding-top: 0
}

.product-ultra-rechargable .facts-headline .col-phone-12>div,
.product-plus-rechargable .facts-headline .col-phone-12>div,
.product-hearing-aid .facts-headline .col-phone-12>div {
    height: 410px
}

.product-ultra-rechargable .facts-headline .col-phone-12>div>img,
.product-plus-rechargable .facts-headline .col-phone-12>div>img,
.product-hearing-aid .facts-headline .col-phone-12>div>img {
    top: 120px
}

.product-hearing-aid .facts-headline .col-phone-12>div {
    height: 430px
}

.product-hearing-aid .facts-headline .col-phone-12>div>img {
    top: 140px
}

.product-coin-specialty .facts-headline .col-phone-12>div,
.product-new-rpc .facts-headline .col-phone-12>div {
    position: relative;
    height: 410px
}

.product-coin-specialty .facts-headline .col-phone-12>div>img,
.product-new-rpc .facts-headline .col-phone-12>div>img {
    position: absolute;
    height: 320px;
    width: auto;
    top: 140px;
    left: 0
}

.product-coin-specialty .facts-coin-header,
.product-new-rpc .facts-coin-header {
    padding-bottom: 4rem
}

.product-coin-specialty .facts-coin-header p,
.product-new-rpc .facts-coin-header p {
    text-align: center
}

.product-coin-specialty .facts-coin-sizes,
.product-new-rpc .facts-coin-sizes {
    text-align: center;
    padding-bottom: 4rem
}

.product-coin-specialty .facts-coin-sizes .image,
.product-new-rpc .facts-coin-sizes .image {
    padding-bottom: 2rem;
    min-height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-coin-specialty .facts-coin-sizes .image img,
.product-new-rpc .facts-coin-sizes .image img {
    display: inline-block
}

.product-coin-specialty .facts-coin-sizes .sizes-type,
.product-new-rpc .facts-coin-sizes .sizes-type {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #fff
}

.product-coin-specialty .facts-coin-sizes .sizes-list,
.product-new-rpc .facts-coin-sizes .sizes-list {
    color: #666
}

.product-basic .facts-headline .col-phone-12>div {
    position: relative;
    height: 440px
}

.product-basic .facts-headline .col-phone-12>div>img {
    position: absolute;
    height: 320px;
    width: auto;
    top: 150px;
    left: 0
}

.product-basic .facts-headline h2 img,
.product-basic .facts-headline h2 small,
.product-basic .facts-headline h3 img,
.product-basic .facts-headline .in-action-header .content sup img,
.in-action-header .content .product-basic .facts-headline sup img,
.product-basic .facts-headline h3 small,
.product-basic .facts-headline .in-action-header .content sup small,
.in-action-header .content .product-basic .facts-headline sup small {
    width: auto
}

@media (min-width: 768px) and (max-width: 1199px) {
    .facts-headline {
        background-color: #202020
    }
    .facts-headline:before {
        height: 440px
    }
    .facts-headline .facts-icons {
        width: 380px;
        right: -30px;
        bottom: -10px
    }
    .facts-headline .facts-icons li {
        font-size: 13px;
        width: 160px;
        height: 195px
    }
    .facts-headline .facts-icons li img {
        width: 100px;
        height: auto;
        margin: 0 auto 1.6rem
    }
    .facts-content {
        padding-bottom: 4rem
    }
    .de-DE.product-simply .facts-headline .col-phone-12>div>img,
    .fr-FR.product-simply .facts-headline .col-phone-12>div>img {
        top: 225px
    }
}

@media (min-width: 768px) {
    .facts-headline {
        padding-top: 5rem
    }
    .facts-headline h2 img,
    .facts-headline h2 small,
    .facts-headline h3 img,
    .facts-headline .in-action-header .content sup img,
    .in-action-header .content .facts-headline sup img,
    .facts-headline h3 small,
    .facts-headline .in-action-header .content sup small,
    .in-action-header .content .facts-headline sup small {
        max-width: 640px
    }
    .facts-headline h2 small,
    .facts-headline h3 small,
    .facts-headline .in-action-header .content sup small,
    .in-action-header .content .facts-headline sup small {
        font-size: 1.4rem
    }
    .facts-headline .col-phone-12>div {
        position: relative;
        height: 610px
    }
    .facts-headline .col-phone-12>div>img {
        position: absolute;
        height: 500px;
        top: 150px;
        left: -30px
    }
    .facts-list {
        padding-top: 10rem
    }
    .facts-list .facts {
        position: relative
    }
    .facts-list .facts li {
        position: absolute;
        top: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 0
    }
    .facts-list .facts li .img-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 150px;
        height: 160px;
        padding: 0
    }
    .facts-list .facts li.vertical img {
        width: 130px;
        height: auto
    }
    .facts-list .facts li img {
        width: auto;
        height: 130px
    }
    .product-coin-specialty .facts-list .facts li img {
        height: auto
    }
    .facts-list .facts li div {
        padding-left: 170px
    }
    .facts-list .facts li.active {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }
    .facts-list .facts h3,
    .facts-list .facts .in-action-header .content sup,
    .in-action-header .content .facts-list .facts sup {
        display: inline-block;
        font-size: 3.2rem;
        padding-bottom: 2.5rem;
        border-bottom: 1px solid #666;
        margin-bottom: 3rem
    }
    .product-simply .facts-headline .col-phone-12>div {
        position: relative;
        height: 610px
    }
    .product-simply .facts-headline .col-phone-12>div>img {
        top: 205px
    }
    .product-simply .facts-headline h2 {
        max-width: 640px;
        margin-top: 0
    }
    .product-simply .facts-headline h2 span {
        max-width: 640px;
        font-size: 8.2rem;
        line-height: 1
    }
    .product-plus-power .facts-headline .col-phone-12>div,
    .product-ultra-rechargable .facts-headline .col-phone-12>div,
    .product-plus-rechargable .facts-headline .col-phone-12>div,
    .product-chargers .facts-headline .col-phone-12>div,
    .product-hearing-aid .facts-headline .col-phone-12>div,
    .product-coin-specialty .facts-headline .col-phone-12>div {
        position: relative;
        height: 610px
    }
    .product-plus-power .facts-headline .col-phone-12>div>img,
    .product-ultra-rechargable .facts-headline .col-phone-12>div>img,
    .product-plus-rechargable .facts-headline .col-phone-12>div>img,
    .product-chargers .facts-headline .col-phone-12>div>img,
    .product-hearing-aid .facts-headline .col-phone-12>div>img,
    .product-coin-specialty .facts-headline .col-phone-12>div>img {
        position: absolute;
        height: 440px;
        width: auto;
        top: 235px;
        left: -20px
    }
    .product-plus-power .facts-headline h2,
    .product-plus-power .facts-headline h3,
    .product-plus-power .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-power .facts-headline sup,
    .product-ultra-rechargable .facts-headline h2,
    .product-ultra-rechargable .facts-headline h3,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup,
    .product-plus-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h3,
    .product-plus-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-rechargable .facts-headline sup,
    .product-chargers .facts-headline h2,
    .product-chargers .facts-headline h3,
    .product-chargers .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-chargers .facts-headline sup,
    .product-hearing-aid .facts-headline h2,
    .product-hearing-aid .facts-headline h3,
    .product-hearing-aid .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-hearing-aid .facts-headline sup,
    .product-coin-specialty .facts-headline h2,
    .product-coin-specialty .facts-headline h3,
    .product-coin-specialty .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-coin-specialty .facts-headline sup {
        text-align: left
    }
    .product-plus-power .facts-headline h2 img,
    .product-plus-power .facts-headline h2 small,
    .product-plus-power .facts-headline h3 img,
    .product-plus-power .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-plus-power .facts-headline sup img,
    .product-plus-power .facts-headline h3 small,
    .product-plus-power .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-plus-power .facts-headline sup small,
    .product-ultra-rechargable .facts-headline h2 img,
    .product-ultra-rechargable .facts-headline h2 small,
    .product-ultra-rechargable .facts-headline h3 img,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup img,
    .product-ultra-rechargable .facts-headline h3 small,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup small,
    .product-plus-rechargable .facts-headline h2 img,
    .product-plus-rechargable .facts-headline h2 small,
    .product-plus-rechargable .facts-headline h3 img,
    .product-plus-rechargable .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-plus-rechargable .facts-headline sup img,
    .product-plus-rechargable .facts-headline h3 small,
    .product-plus-rechargable .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-plus-rechargable .facts-headline sup small,
    .product-chargers .facts-headline h2 img,
    .product-chargers .facts-headline h2 small,
    .product-chargers .facts-headline h3 img,
    .product-chargers .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-chargers .facts-headline sup img,
    .product-chargers .facts-headline h3 small,
    .product-chargers .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-chargers .facts-headline sup small,
    .product-hearing-aid .facts-headline h2 img,
    .product-hearing-aid .facts-headline h2 small,
    .product-hearing-aid .facts-headline h3 img,
    .product-hearing-aid .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-hearing-aid .facts-headline sup img,
    .product-hearing-aid .facts-headline h3 small,
    .product-hearing-aid .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-hearing-aid .facts-headline sup small,
    .product-coin-specialty .facts-headline h2 img,
    .product-coin-specialty .facts-headline h2 small,
    .product-coin-specialty .facts-headline h3 img,
    .product-coin-specialty .facts-headline .in-action-header .content sup img,
    .in-action-header .content .product-coin-specialty .facts-headline sup img,
    .product-coin-specialty .facts-headline h3 small,
    .product-coin-specialty .facts-headline .in-action-header .content sup small,
    .in-action-header .content .product-coin-specialty .facts-headline sup small {
        max-width: 350px
    }
    .product-plus-power .facts-content,
    .product-ultra-rechargable .facts-content,
    .product-plus-rechargable .facts-content,
    .product-chargers .facts-content,
    .product-hearing-aid .facts-content,
    .product-coin-specialty .facts-content {
        padding-top: 9rem
    }
    .product-plus-power .facts-content h2,
    .product-ultra-rechargable .facts-content h2,
    .product-plus-rechargable .facts-content h2,
    .product-chargers .facts-content h2,
    .product-hearing-aid .facts-content h2,
    .product-coin-specialty .facts-content h2 {
        text-align: center
    }
    .product-plus-power .facts-list,
    .product-ultra-rechargable .facts-list,
    .product-plus-rechargable .facts-list,
    .product-chargers .facts-list,
    .product-hearing-aid .facts-list,
    .product-coin-specialty .facts-list {
        padding-top: 3rem
    }
    .product-ultra-rechargable .facts-headline h2,
    .product-ultra-rechargable .facts-headline h3,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup,
    .product-plus-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h3,
    .product-plus-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-rechargable .facts-headline sup,
    .product-chargers .facts-headline h2,
    .product-chargers .facts-headline h3,
    .product-chargers .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-chargers .facts-headline sup,
    .product-hearing-aid .facts-headline h2,
    .product-hearing-aid .facts-headline h3,
    .product-hearing-aid .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-hearing-aid .facts-headline sup,
    .product-coin-specialty .facts-headline h2,
    .product-coin-specialty .facts-headline h3,
    .product-coin-specialty .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-coin-specialty .facts-headline sup,
    .product-new-rpc .facts-headline h2,
    .product-new-rpc .facts-headline h3,
    .product-new-rpc .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-new-rpc .facts-headline sup {
        text-align: left;
        max-width: 320px
    }
    .product-ultra-rechargable .facts-headline h3,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup,
    .product-plus-rechargable .facts-headline h3,
    .product-plus-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-rechargable .facts-headline sup,
    .product-chargers .facts-headline h3,
    .product-chargers .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-chargers .facts-headline sup,
    .product-hearing-aid .facts-headline h3,
    .product-hearing-aid .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-hearing-aid .facts-headline sup,
    .product-coin-specialty .facts-headline h3,
    .product-coin-specialty .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-coin-specialty .facts-headline sup,
    .product-new-rpc .facts-headline h3,
    .product-new-rpc .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-new-rpc .facts-headline sup {
        position: absolute;
        top: 9px;
        left: 380px
    }
    .product-ultra-rechargable .facts-headline .facts-icons,
    .product-plus-rechargable .facts-headline .facts-icons,
    .product-chargers .facts-headline .facts-icons,
    .product-hearing-aid .facts-headline .facts-icons,
    .product-coin-specialty .facts-headline .facts-icons,
    .product-new-rpc .facts-headline .facts-icons {
        bottom: 10px
    }
    .product-ultra-rechargable .facts-headline .facts-icons li,
    .product-plus-rechargable .facts-headline .facts-icons li,
    .product-chargers .facts-headline .facts-icons li,
    .product-hearing-aid .facts-headline .facts-icons li,
    .product-coin-specialty .facts-headline .facts-icons li,
    .product-new-rpc .facts-headline .facts-icons li {
        height: 210px
    }
    .product-ultra-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h2 {
        max-width: 600px
    }
    .product-ultra-rechargable .facts-headline h2 img,
    .product-plus-rechargable .facts-headline h2 img {
        max-width: 600px
    }
    .product-hearing-aid .facts-headline .col-phone-12>div {
        height: 670px
    }
    .product-hearing-aid .facts-headline .col-phone-12>div>img {
        top: 170px
    }
    .product-coin-specialty .product-new-rpc .facts-headline .col-phone-12>div {
        position: relative;
        height: 510px
    }
    .product-coin-specialty .product-new-rpc .facts-headline .col-phone-12>div>img {
        position: absolute;
        height: 440px;
        width: auto;
        top: 135px;
        left: -20px
    }
    .product-coin-specialty .product-new-rpc .facts-coin-header {
        padding-bottom: 0
    }
    .product-coin-specialty .product-new-rpc .facts-coin-sizes {
        text-align: center;
        padding-bottom: 4rem
    }
    .product-coin-specialty .product-new-rpc .facts-coin-sizes .image {
        margin-bottom: 2rem;
        height: 195px;
        line-height: 195px
    }
    .product-coin-specialty .product-new-rpc .facts-coin-sizes .image img {
        display: inline-block;
        vertical-align: bottom
    }
}

@media (min-width: 1200px) {
    .csstransforms .facts-headline h2 {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        transition: all 500ms ease-in 200ms
    }
    .csstransforms .facts-headline h3,
    .csstransforms .facts-headline .in-action-header .content sup,
    .in-action-header .content .csstransforms .facts-headline sup {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        transition: all 500ms ease-in
    }
    .csstransforms .facts-headline .col-phone-12>div>img {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        transition: all 250ms ease-in
    }
    .csstransforms .facts-headline .facts-icons li img {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 500ms cubic-bezier(0, 0, 0.5, 2)
    }
    .csstransforms .facts-headline .facts-icons li span {
        opacity: 0;
        transition: all 500ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(1) * {
        transition-delay: 125ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(2) * {
        transition-delay: 250ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(3) * {
        transition-delay: 375ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(4) * {
        transition-delay: 500ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(5) * {
        transition-delay: 625ms
    }
    .csstransforms .facts-headline .facts-icons li:nth-last-of-type(6) * {
        transition-delay: 750ms
    }
    .facts-headline {
        padding-top: 8rem;
        background: -webkit-linear-gradient(left, #111 0%, #202020 100%);
        background-image: linear-gradient(to right, #111 0%, #202020 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#202020', GradientType=1)
    }
    .facts-headline:before {
        height: 380px;
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .facts-headline h2 {
        text-align: right;
        padding-right: 5rem
    }
    .facts-headline h2.trans {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: all 500ms ease-out
    }
    .facts-headline h3.trans,
    .facts-headline .in-action-header .content sup.trans,
    .in-action-header .content .facts-headline sup.trans {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: all 500ms ease-out 200ms
    }
    .facts-headline .col-phone-12>div {
        position: relative;
        height: 340px
    }
    .facts-headline .col-phone-12>div>img {
        position: absolute;
        height: 500px;
        top: -70px;
        left: -70px
    }
    .facts-headline .col-phone-12>div>img.trans {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: all 500ms ease-out 100ms
    }
    .facts-headline .facts-icons {
        width: auto;
        bottom: -125px
    }
    .facts-headline .facts-icons li.trans img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .facts-headline .facts-icons li.trans span {
        opacity: 1;
        min-height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .facts-list {
        padding-top: 14rem
    }
    .facts-list .fact {
        min-height: 320px
    }
    .product-simply .facts-headline .col-phone-12>div {
        position: relative;
        height: 340px
    }
    .product-simply .facts-headline .col-phone-12>div>img {
        height: 500px;
        top: -70px;
        left: -70px
    }
    .product-simply .facts-headline h2 {
        max-width: 640px;
        margin-top: 2rem;
        margin-left: 38rem
    }
    .product-simply .facts-headline h2 span {
        max-width: 640px;
        font-size: 8.2rem;
        line-height: 1
    }
    .product-simply .facts-headline .facts-icons {
        right: 0;
        bottom: -125px;
        left: 380px
    }
    .product-simply .facts-headline .facts-icons li {
        margin-left: 0;
        margin-right: 26px
    }
    .product-plus-power .facts-headline .col-phone-12>div,
    .product-ultra-rechargable .facts-headline .col-phone-12>div,
    .product-plus-rechargable .facts-headline .col-phone-12>div,
    .product-chargers .facts-headline .col-phone-12>div,
    .product-hearing-aid .facts-headline .col-phone-12>div,
    .product-coin-specialty .facts-headline .col-phone-12>div,
    .product-new-rpc .facts-headline .col-phone-12>div {
        position: relative;
        height: 400px
    }
    .product-plus-power .facts-headline .col-phone-12>div>img,
    .product-ultra-rechargable .facts-headline .col-phone-12>div>img,
    .product-plus-rechargable .facts-headline .col-phone-12>div>img,
    .product-chargers .facts-headline .col-phone-12>div>img,
    .product-hearing-aid .facts-headline .col-phone-12>div>img,
    .product-coin-specialty .facts-headline .col-phone-12>div>img,
    .product-new-rpc .facts-headline .col-phone-12>div>img {
        position: absolute;
        height: 680px;
        width: auto;
        top: -70px;
        left: -150px
    }
    .product-plus-power .facts-headline h2,
    .product-ultra-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h2,
    .product-chargers .facts-headline h2,
    .product-hearing-aid .facts-headline h2,
    .product-coin-specialty .facts-headline h2,
    .product-new-rpc .facts-headline h2 {
        text-align: left;
        margin-top: 0;
        margin-left: 43rem;
        padding-right: 0
    }
    .product-plus-power .facts-headline h2 img,
    .product-ultra-rechargable .facts-headline h2 img,
    .product-plus-rechargable .facts-headline h2 img,
    .product-chargers .facts-headline h2 img,
    .product-hearing-aid .facts-headline h2 img,
    .product-coin-specialty .facts-headline h2 img,
    .product-new-rpc .facts-headline h2 img {
        max-width: 600px
    }
    .product-plus-power .facts-headline h2 small,
    .product-ultra-rechargable .facts-headline h2 small,
    .product-plus-rechargable .facts-headline h2 small,
    .product-chargers .facts-headline h2 small,
    .product-hearing-aid .facts-headline h2 small,
    .product-coin-specialty .facts-headline h2 small,
    .product-new-rpc .facts-headline h2 small {
        text-align: left;
        max-width: 100%
    }
    .product-plus-power .facts-headline .facts-icons,
    .product-ultra-rechargable .facts-headline .facts-icons,
    .product-plus-rechargable .facts-headline .facts-icons,
    .product-chargers .facts-headline .facts-icons,
    .product-hearing-aid .facts-headline .facts-icons,
    .product-coin-specialty .facts-headline .facts-icons,
    .product-new-rpc .facts-headline .facts-icons {
        right: 0;
        bottom: -125px;
        left: 420px
    }
    .product-plus-power .facts-headline .facts-icons li,
    .product-ultra-rechargable .facts-headline .facts-icons li,
    .product-plus-rechargable .facts-headline .facts-icons li,
    .product-chargers .facts-headline .facts-icons li,
    .product-hearing-aid .facts-headline .facts-icons li,
    .product-coin-specialty .facts-headline .facts-icons li,
    .product-new-rpc .facts-headline .facts-icons li {
        margin-left: 0;
        margin-right: 16px
    }
    .product-plus-power .facts-content,
    .product-ultra-rechargable .facts-content,
    .product-plus-rechargable .facts-content,
    .product-chargers .facts-content,
    .product-hearing-aid .facts-content,
    .product-coin-specialty .facts-content,
    .product-new-rpc .facts-content {
        padding-top: 16rem
    }
    .product-ultra-rechargable .facts-headline h2,
    .product-ultra-rechargable .facts-headline h3,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup,
    .product-plus-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h3,
    .product-plus-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-rechargable .facts-headline sup,
    .product-chargers .facts-headline h2,
    .product-chargers .facts-headline h3,
    .product-chargers .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-chargers .facts-headline sup,
    .product-hearing-aid .facts-headline h2,
    .product-hearing-aid .facts-headline h3,
    .product-hearing-aid .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-hearing-aid .facts-headline sup,
    .product-coin-specialty .facts-headline h2,
    .product-coin-specialty .facts-headline h3,
    .product-coin-specialty .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-coin-specialty .facts-headline sup,
    .product-new-rpc .facts-headline h2,
    .product-new-rpc .facts-headline h3,
    .product-new-rpc .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-new-rpc .facts-headline sup {
        text-align: left;
        max-width: 640px
    }
    .product-ultra-rechargable .facts-headline h2,
    .product-plus-rechargable .facts-headline h2,
    .product-chargers .facts-headline h2,
    .product-hearing-aid .facts-headline h2,
    .product-coin-specialty .facts-headline h2,
    .product-new-rpc .facts-headline h2 {
        position: relative;
        top: -2.5rem
    }
    .product-ultra-rechargable .facts-headline h2 small,
    .product-plus-rechargable .facts-headline h2 small,
    .product-chargers .facts-headline h2 small,
    .product-hearing-aid .facts-headline h2 small,
    .product-coin-specialty .facts-headline h2 small,
    .product-new-rpc .facts-headline h2 small {
        max-width: 500px;
        text-align: right
    }
    .product-ultra-rechargable .facts-headline h3,
    .product-ultra-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-ultra-rechargable .facts-headline sup,
    .product-plus-rechargable .facts-headline h3,
    .product-plus-rechargable .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-plus-rechargable .facts-headline sup,
    .product-chargers .facts-headline h3,
    .product-chargers .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-chargers .facts-headline sup,
    .product-hearing-aid .facts-headline h3,
    .product-hearing-aid .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-hearing-aid .facts-headline sup,
    .product-coin-specialty .facts-headline h3,
    .product-coin-specialty .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-coin-specialty .facts-headline sup,
    .product-new-rpc .facts-headline h3,
    .product-new-rpc .facts-headline .in-action-header .content sup,
    .in-action-header .content .product-new-rpc .facts-headline sup {
        position: relative;
        left: auto;
        margin-left: 43rem;
        top: -4rem
    }
    .product-ultra-rechargable .facts-headline .facts-icons,
    .product-plus-rechargable .facts-headline .facts-icons,
    .product-chargers .facts-headline .facts-icons,
    .product-hearing-aid .facts-headline .facts-icons,
    .product-coin-specialty .facts-headline .facts-icons,
    .product-new-rpc .facts-headline .facts-icons {
        bottom: -125px
    }
    .product-ultra-rechargable .facts-headline .facts-icons li,
    .product-plus-rechargable .facts-headline .facts-icons li,
    .product-chargers .facts-headline .facts-icons li,
    .product-hearing-aid .facts-headline .facts-icons li,
    .product-coin-specialty .facts-headline .facts-icons li,
    .product-new-rpc .facts-headline .facts-icons li {
        height: 210px
    }
    .product-ultra-rechargable .facts-content h2,
    .product-plus-rechargable .facts-content h2,
    .product-chargers .facts-content h2,
    .product-hearing-aid .facts-content h2,
    .product-coin-specialty .facts-content h2,
    .product-new-rpc .facts-content h2 {
        margin-bottom: 0
    }
    .product-ultra-rechargable .facts-list,
    .product-plus-rechargable .facts-list,
    .product-chargers .facts-list,
    .product-hearing-aid .facts-list,
    .product-coin-specialty .facts-list,
    .product-new-rpc .facts-list {
        padding-top: 7rem
    }
    .product-plus-rechargable .facts-headline h2 {
        top: 40px
    }
    .product-chargers .facts-headline h2 {
        text-align: left;
        margin-top: 0;
        margin-left: 49rem;
        padding-right: 0;
        padding-top: 3rem
    }
    .product-chargers .facts-headline h2 img {
        max-width: 480px
    }
    .product-chargers .facts-headline h2 small {
        text-align: left;
        max-width: 100%
    }
    .product-chargers .facts-headline .facts-icons {
        left: 120px
    }
    .product-powerbanks .facts-headline h2 img {
        max-width: 100%;
        width: auto
    }
    .product-powerbanks .facts-headline .col-phone-12>div {
        height: 400px
    }
    .product-powerbanks .facts-headline .col-phone-12>div>img.trans {
        height: 650px;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px)
    }
    .product-powerbanks .facts-content {
        padding-top: 150px
    }
    .product-powerbanks .facts-content h2 {
        text-align: center;
        margin-bottom: 0;
        margin-top: 4rem
    }
    .product-powerbanks .facts-list {
        padding-top: 4rem
    }
    .product-powerbanks .facts-list .facts {
        margin-top: 3rem
    }
    .product-powerbanks .facts-list .fact {
        min-height: 250px
    }
    .product-powerbanks .hotspots {
        max-height: 600px;
        bottom: -120px
    }
    .product-powerbanks .hotspots img {
        top: 0
    }
    .product-hearing-aid .facts-headline h2 {
        padding-top: 2rem
    }
    .product-hearing-aid .facts-headline h2 img {
        max-width: 420px
    }
    .product-hearing-aid .facts-headline h2 small {
        text-align: left;
        max-width: 100%
    }
    .product-hearing-aid .facts-headline .facts-icons {
        left: 420px
    }
    .product-coin-specialty .facts-headline h2,
    .product-new-rpc .facts-headline h2 {
        top: 8rem
    }
    .product-coin-specialty .facts-coin-header h2,
    .product-new-rpc .facts-coin-header h2 {
        padding-bottom: 2rem
    }
    .product-coin-specialty .facts-coin-header p,
    .product-new-rpc .facts-coin-header p {
        padding-left: 15rem;
        padding-right: 15rem;
        text-align: center
    }
    .product-coin-specialty .facts-coin-sizes .sizes-type,
    .product-coin-specialty .facts-coin-sizes .sizes-list,
    .product-new-rpc .facts-coin-sizes .sizes-type,
    .product-new-rpc .facts-coin-sizes .sizes-list {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.ru-RU .facts-headline h2 small,
.ru-RU .facts-headline h3 small,
.ru-RU .facts-headline .in-action-header .content sup small,
.in-action-header .content .ru-RU .facts-headline sup small {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .facts-icons li {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .product-coin-specialty .facts-coin-sizes .sizes-type,
.ru-RU .product-new-rpc .facts-coin-sizes .sizes-type {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .facts-headline h2 small,
.kr .facts-headline h3 small,
.kr .facts-headline .in-action-header .content sup small,
.in-action-header .content .kr .facts-headline sup small {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .facts-icons li {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .product-coin-specialty .facts-coin-sizes .sizes-type,
.kr .product-new-rpc .facts-coin-sizes .sizes-type {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

@media (max-width: 767px) {
    .it-IT .facts-headline .col-phone-12>div>img {
        top: 120px
    }
}

@media (min-width: 1200px) {
    .product-plus-power.de-DE .facts-headline .facts-icons {
        width: 730px;
        left: 400px
    }
}

@media (max-width: 767px) {
    .product-chargers.nl .facts-list h3,
    .product-chargers.nl .facts-list .in-action-header .content sup,
    .in-action-header .content .product-chargers.nl .facts-list sup {
        font-size: 2rem
    }
}

.comparison-table {
    margin-top: 2rem
}

.comparison-table .swiper-button-disabled {
    opacity: 0
}

.comparison-table .container {
    position: relative
}

.comparison-table .container>img {
    position: absolute;
    z-index: 100
}

.comparison-table .container>img.hidden-desktop-up {
    bottom: -40px;
    right: 5px;
    width: 220px;
    height: auto
}

.comparison-table .col-phone-12 {
    position: relative
}

.comparison-table .col-phone-12>img {
    width: 270px;
    height: auto;
    display: block;
    position: absolute;
    right: -80px;
    bottom: -30px;
    z-index: 100
}

.comparison-table h2 br {
    display: none
}

.comparison-table p,
.comparison-table small,
.comparison-table .icon {
    text-align: center
}

.comparison-table small {
    display: inline-block;
    width: 100%
}

.comparison-table .table-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comparison-table .table-wrapper .battery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px
}

.comparison-table .table-wrapper .battery>div {
    min-height: 90px;
    box-sizing: content-box
}

.comparison-table .table-wrapper .battery .top {
    text-align: center;
    margin-bottom: 2rem
}

.product-powerbanks .comparison-table .table-wrapper .battery .top {
    margin-bottom: 5rem
}

.comparison-table .table-wrapper .battery .top h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.4rem;
    padding-bottom: .5rem;
    color: #111;
    position: relative
}

.product-powerbanks .comparison-table .table-wrapper .battery .top h4 {
    display: block
}

.comparison-table .table-wrapper .battery .top img {
    display: inline-block;
    max-width: 215px;
    width: auto;
    max-height: 215px;
    height: auto
}

.comparison-table .table-wrapper .battery .top span {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #c98959;
    display: inline-block;
    width: 100%;
    padding-top: 1.5rem
}

.comparison-table .table-wrapper .battery .top a {
    display: block;
    max-width: 260px
}

.comparison-table .table-wrapper .battery .top a h4 {
    display: inline-block;
    padding-left: 16px
}

.product-powerbanks .comparison-table .table-wrapper .battery .top a h4 {
    display: block
}

.comparison-table .table-wrapper .battery .top a h4:before {
    content: '';
    display: inline-block;
    background: url("../img/common/learn-more.svg") no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    margin-left: -14px
}

.comparison-table .table-wrapper .battery .odd {
    background-color: #f4f4f4
}

.comparison-table .table-wrapper .battery .sizes,
.comparison-table .table-wrapper .battery .usage,
.comparison-table .table-wrapper .battery .duralock,
.comparison-table .table-wrapper .battery .powercheck,
.comparison-table .table-wrapper .battery .capacity,
.comparison-table .table-wrapper .battery .game,
.comparison-table .table-wrapper .battery .mouse,
.comparison-table .table-wrapper .battery .pictures,
.comparison-table .table-wrapper .battery .duratech,
.comparison-table .table-wrapper .battery .precharged,
.comparison-table .table-wrapper .battery .guarantee3,
.comparison-table .table-wrapper .battery .guarantee5,
.comparison-table .table-wrapper .battery .fullcharge,
.comparison-table .table-wrapper .battery .led,
.comparison-table .table-wrapper .battery .cellsacc,
.comparison-table .table-wrapper .battery .xbatteries,
.comparison-table .table-wrapper .battery .advtech,
.comparison-table .table-wrapper .battery .sfeatures,
.comparison-table .table-wrapper .battery .cooling,
.comparison-table .table-wrapper .battery .guarantee,
.comparison-table .table-wrapper .battery .dimensions,
.comparison-table .table-wrapper .battery .cooling,
.comparison-table .table-wrapper .battery .guarantee,
.comparison-table .table-wrapper .battery .dimensions,
.comparison-table .table-wrapper .battery .smart,
.comparison-table .table-wrapper .battery .easytab,
.comparison-table .table-wrapper .battery .mercury,
.comparison-table .table-wrapper .battery .iname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 3rem;
    color: #c98959
}

.comparison-table .table-wrapper .battery .sizes span,
.comparison-table .table-wrapper .battery .usage span,
.comparison-table .table-wrapper .battery .duralock span,
.comparison-table .table-wrapper .battery .powercheck span,
.comparison-table .table-wrapper .battery .capacity span,
.comparison-table .table-wrapper .battery .game span,
.comparison-table .table-wrapper .battery .mouse span,
.comparison-table .table-wrapper .battery .pictures span,
.comparison-table .table-wrapper .battery .duratech span,
.comparison-table .table-wrapper .battery .precharged span,
.comparison-table .table-wrapper .battery .guarantee3 span,
.comparison-table .table-wrapper .battery .guarantee5 span,
.comparison-table .table-wrapper .battery .fullcharge span,
.comparison-table .table-wrapper .battery .led span,
.comparison-table .table-wrapper .battery .cellsacc span,
.comparison-table .table-wrapper .battery .xbatteries span,
.comparison-table .table-wrapper .battery .advtech span,
.comparison-table .table-wrapper .battery .sfeatures span,
.comparison-table .table-wrapper .battery .cooling span,
.comparison-table .table-wrapper .battery .guarantee span,
.comparison-table .table-wrapper .battery .dimensions span,
.comparison-table .table-wrapper .battery .cooling span,
.comparison-table .table-wrapper .battery .guarantee span,
.comparison-table .table-wrapper .battery .dimensions span,
.comparison-table .table-wrapper .battery .smart span,
.comparison-table .table-wrapper .battery .easytab span,
.comparison-table .table-wrapper .battery .mercury span,
.comparison-table .table-wrapper .battery .iname span {
    display: block;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #111
}

.comparison-table .table-wrapper .battery .blank {
    min-height: 160px;
    text-align: center;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #c98959;
    background-color: #fff
}

.comparison-table .table-wrapper .battery .blank>div {
    display: block;
    float: left;
    width: 33.3%
}

.comparison-table .table-wrapper .battery .blank img {
    display: block;
    margin: 0 auto 10px
}

.comparison-table .table-wrapper .battery .capacity-other {
    padding: 1rem 0;
    color: #c98959;
    position: relative
}

.comparison-table .table-wrapper .battery .capacity-other>div {
    display: block;
    width: 33.3%;
    float: left;
    text-align: center
}

.comparison-table .table-wrapper .battery .capacity-other span {
    display: block;
    position: absolute;
    left: 3rem;
    top: 1.2rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #111
}

.comparison-table .table-wrapper .battery i {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    display: block;
    text-transform: none
}

.comparison-table .table-wrapper .battery .checkmark {
    width: 30px;
    height: 30px
}

.comparison-table .table-wrapper .battery.headers {
    display: none
}

.comparison-table .table-wrapper .icon {
    z-index: 10;
    top: 90px
}

.comparison-table .subinfo ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.comparison-table .subinfo ul li {
    font-size: 1.2rem;
    color: #666;
    padding-left: 3rem
}

.product-plus-rechargable .comparison-table,
.product-ultra-rechargable .comparison-table,
.product-chargers .comparison-table {
    padding-bottom: 13rem
}

.product-plus-rechargable .comparison-table .col-phone-12,
.product-ultra-rechargable .comparison-table .col-phone-12,
.product-chargers .comparison-table .col-phone-12 {
    position: relative
}

.product-plus-rechargable .comparison-table .col-phone-12>img,
.product-ultra-rechargable .comparison-table .col-phone-12>img,
.product-chargers .comparison-table .col-phone-12>img {
    width: 440px;
    height: auto;
    display: block;
    position: absolute;
    right: auto;
    bottom: auto;
    left: -190px;
    top: -170px;
    z-index: 100
}

.product-plus-rechargable .comparison-table .container>img.hidden-desktop-up,
.product-ultra-rechargable .comparison-table .container>img.hidden-desktop-up,
.product-chargers .comparison-table .container>img.hidden-desktop-up {
    bottom: -170px
}

.product-chargers .comparison-table .col-phone-12>img {
    top: -60px
}

.product-chargers .comparison-table .table-wrapper .battery .top h4 {
    padding-bottom: 1rem
}

.product-chargers .comparison-table .table-wrapper .battery .top img {
    max-width: 150px;
    width: auto;
    max-height: 150px;
    height: auto
}

.product-chargers .comparison-table .table-wrapper .battery .top span {
    padding-top: 2rem
}

.product-hearing-aid .comparison-table .table-wrapper .battery h4,
.product-hearing-aid .comparison-table .table-wrapper .battery a h4,
.product-coin-specialty .comparison-table .table-wrapper .battery h4,
.product-coin-specialty .comparison-table .table-wrapper .battery a h4 {
    display: none
}

.product-hearing-aid .comparison-table .table-wrapper .battery .top,
.product-coin-specialty .comparison-table .table-wrapper .battery .top {
    min-height: 245px
}

.ie-wrap {
    width: 100%
}

@media (max-width: 1199px) {
    .comparison-table .table-wrapper .battery .top a {
        margin: 0 auto
    }
    .comparison-table .table-wrapper .battery .blank,
    .comparison-table .table-wrapper .battery .capacity-other {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .comparison-table .table-wrapper .battery .blank {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .comparison-table .table-wrapper .battery .capacity-other {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .comparison-table .container>img.hidden-desktop-up {
        width: 360px;
        right: -64px;
        bottom: -66px
    }
    .comparison-table .table-wrapper .icon {
        top: 82px;
        width: 40px;
        height: 40px
    }
    .product-plus-rechargable .comparison-table,
    .product-ultra-rechargable .comparison-table,
    .product-chargers .comparison-table {
        padding-bottom: 20rem
    }
    .product-plus-rechargable .comparison-table .container>img.hidden-desktop-up,
    .product-ultra-rechargable .comparison-table .container>img.hidden-desktop-up,
    .product-chargers .comparison-table .container>img.hidden-desktop-up {
        bottom: -266px
    }
}

@media (min-width: 1200px) {
    .comparison-table {
        padding-bottom: 4rem;
        margin-top: 6rem
    }
    .comparison-table h2 {
        padding-left: 20rem;
        padding-right: 20rem
    }
    .comparison-table .table-wrapper {
        margin-top: 2rem;
        z-index: 10
    }
    .comparison-table .table-wrapper .battery.powerbanks .top {
        min-height: 210px
    }
    .comparison-table .table-wrapper .battery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .comparison-table .table-wrapper .battery .top {
        min-height: 145px
    }
    .comparison-table .table-wrapper .battery .top img {
        max-width: 150px;
        width: auto;
        max-height: 150px;
        height: auto;
        transition: all 100ms
    }
    .comparison-table .table-wrapper .battery .top a h4 {
        display: block
    }
    .comparison-table .table-wrapper .battery .top a:hover h4 {
        color: #c98959
    }
    .comparison-table .table-wrapper .battery .top a:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    .comparison-table .table-wrapper .battery .sizes span,
    .comparison-table .table-wrapper .battery .usage span,
    .comparison-table .table-wrapper .battery .duralock span,
    .comparison-table .table-wrapper .battery .powercheck span,
    .comparison-table .table-wrapper .battery .capacity span,
    .comparison-table .table-wrapper .battery .game span,
    .comparison-table .table-wrapper .battery .mouse span,
    .comparison-table .table-wrapper .battery .pictures span,
    .comparison-table .table-wrapper .battery .duratech span,
    .comparison-table .table-wrapper .battery .precharged span,
    .comparison-table .table-wrapper .battery .guarantee3 span,
    .comparison-table .table-wrapper .battery .guarantee5 span,
    .comparison-table .table-wrapper .battery .fullcharge span,
    .comparison-table .table-wrapper .battery .led span,
    .comparison-table .table-wrapper .battery .cellsacc span,
    .comparison-table .table-wrapper .battery .xbatteries span,
    .comparison-table .table-wrapper .battery .advtech span,
    .comparison-table .table-wrapper .battery .sfeatures span,
    .comparison-table .table-wrapper .battery .cooling span,
    .comparison-table .table-wrapper .battery .guarantee span,
    .comparison-table .table-wrapper .battery .dimensions span,
    .comparison-table .table-wrapper .battery .capacity-other span,
    .comparison-table .table-wrapper .battery .blank span,
    .comparison-table .table-wrapper .battery .smart span,
    .comparison-table .table-wrapper .battery .easytab span,
    .comparison-table .table-wrapper .battery .mercury span,
    .comparison-table .table-wrapper .battery .iname span {
        display: none
    }
    .comparison-table .table-wrapper .battery .top {
        text-align: left;
        padding-left: 2.8rem
    }
    .comparison-table .table-wrapper .battery.headers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 190px
    }
    .comparison-table .table-wrapper .battery.headers span {
        display: block
    }
    .comparison-table .table-wrapper .battery.headers>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .comparison-table .table-wrapper .powerbanks.headers {
        width: 300px
    }
    .comparison-table .table-wrapper .icon {
        display: none
    }
    .comparison-table .swiper-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .comparison-table .battery.empty {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .comparison-table .battery.empty .odd {
        box-shadow: -1px 0 0 0px #f4f4f4
    }
    .comparison-table.comparison-table--slider .table-wrapper {
        padding-right: 80px
    }
    .comparison-table.comparison-table--slider .table-wrapper .battery {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
    .comparison-table.comparison-table--slider .table-wrapper .battery .top {
        min-height: 223px
    }
    .comparison-table.comparison-table--slider .table-wrapper .icon-prev {
        left: 100px
    }
    .comparison-table.comparison-table--slider .table-wrapper .icon {
        display: block
    }
    .product-plus-rechargable .comparison-table,
    .product-ultra-rechargable .comparison-table {
        padding-bottom: 6rem
    }
    .product-plus-rechargable .comparison-table .table-wrapper .battery.headers,
    .product-ultra-rechargable .comparison-table .table-wrapper .battery.headers {
        width: 275px
    }
    .product-plus-rechargable .comparison-table .table-wrapper .battery .top,
    .product-ultra-rechargable .comparison-table .table-wrapper .battery .top {
        padding-top: 5.6rem;
        box-sizing: border-box
    }
    .product-plus-rechargable .comparison-table .table-wrapper .battery .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .battery .capacity-other {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 3rem
    }
    .product-plus-rechargable .comparison-table .table-wrapper .battery .capacity-other span,
    .product-ultra-rechargable .comparison-table .table-wrapper .battery .capacity-other span {
        position: relative;
        top: auto;
        left: auto
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) h4,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) h4,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) h4,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) h4 {
        position: absolute;
        top: 0;
        width: 396px;
        text-align: center;
        z-index: 10;
        color: #111
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) h4,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) h4,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) h4,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) h4 {
        display: none
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank {
        position: relative
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank:after,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank:after,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank:after,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank:after {
        content: '';
        display: block;
        width: 100%;
        height: 110px;
        background-color: #f4f4f4;
        position: absolute;
        bottom: -110px
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .capacity-other,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(1) .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other {
        display: none
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other {
        width: 396px
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank {
        position: absolute;
        bottom: 110px
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other {
        position: absolute;
        bottom: 0;
        padding-left: 0
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other>div,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other>div {
        padding-top: 34px
    }
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) .blank,
    .product-plus-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) .capacity-other,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) .blank,
    .product-ultra-rechargable .comparison-table .table-wrapper .swiper-wrapper .battery:nth-child(4) .capacity-other {
        display: none
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column {
        padding-bottom: 6rem
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery.headers,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery.headers {
        width: 315px
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .top,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .top {
        padding-top: 5.6rem;
        box-sizing: border-box
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .capacity-other {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 3rem
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .capacity-other span,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .battery .capacity-other span {
        position: relative;
        top: auto;
        left: auto
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) h4,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) h4 {
        position: absolute;
        top: 0;
        left: -2px;
        width: 300px;
        text-align: left;
        z-index: 100;
        color: #111
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) h4,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) h4 {
        position: absolute;
        top: 0;
        width: 396px;
        text-align: center;
        z-index: 10;
        color: #111
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) h4,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) h4 {
        display: block
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) h4,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) h4 {
        display: none
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank,
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank {
        position: relative
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank:after,
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank:after,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .blank:after,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank:after {
        content: '';
        display: block;
        width: 100%;
        height: 110px;
        background-color: #f4f4f4;
        position: absolute;
        bottom: -110px
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .capacity-other,
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(1) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other {
        display: none
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other {
        display: block
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank,
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other {
        width: 498px
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .blank {
        position: absolute;
        bottom: 110px
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other {
        position: absolute;
        bottom: 0;
        padding-left: 0
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other>div,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(2) .capacity-other>div {
        padding-top: 34px
    }
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank,
    .product-plus-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) .blank,
    .product-ultra-rechargable .comparison-table.product-rechargable-three-column .table-wrapper .swiper-wrapper .battery:nth-child(3) .capacity-other {
        display: none
    }
    .safari9 .product-plus-rechargable .comparison-table .table-wrapper .battery.swiper-slide,
    .safari9 .product-ultra-rechargable .comparison-table .table-wrapper .battery.swiper-slide {
        min-height: 1315px
    }
    .product-chargers .comparison-table {
        padding-bottom: 6rem
    }
    .product-chargers .comparison-table .table-wrapper .battery.headers {
        width: 275px
    }
    .product-chargers .comparison-table .table-wrapper .battery .top {
        min-height: 280px;
        padding-top: 2rem;
        box-sizing: border-box
    }
    .product-hearing-aid .comparison-table .col-phone-12,
    .product-coin-specialty .comparison-table .col-phone-12 {
        position: relative
    }
    .product-hearing-aid .comparison-table .col-phone-12>img,
    .product-coin-specialty .comparison-table .col-phone-12>img {
        right: -180px;
        bottom: -140px
    }
    .product-hearing-aid .comparison-table .table-wrapper .battery.headers,
    .product-coin-specialty .comparison-table .table-wrapper .battery.headers {
        width: 220px
    }
    .product-hearing-aid .comparison-table .table-wrapper .battery .top,
    .product-coin-specialty .comparison-table .table-wrapper .battery .top {
        min-height: 205px
    }
    .product-hearing-aid .comparison-table .table-wrapper .battery .top h4,
    .product-hearing-aid .comparison-table .table-wrapper .battery .top a h4,
    .product-coin-specialty .comparison-table .table-wrapper .battery .top h4,
    .product-coin-specialty .comparison-table .table-wrapper .battery .top a h4 {
        display: none
    }
    .product-coin-specialty .comparison-table .table-wrapper .battery.headers {
        width: 200px
    }
    .product-plus-rechargable.es .comparison-table .table-wrapper .battery.headers,
    .product-ultra-rechargable.es .comparison-table .table-wrapper .battery.headers,
    .product-plus-rechargable.pt .comparison-table .table-wrapper .battery.headers,
    .product-ultra-rechargable.pt .comparison-table .table-wrapper .battery.headers {
        width: 310px
    }
    .product-powerbanks .comparison-table h2 {
        margin-bottom: 10rem
    }
    .product-powerbanks .comparison-table .col-phone-12>img {
        width: 354px;
        height: auto;
        display: block;
        position: absolute;
        right: auto;
        bottom: auto;
        left: -70px;
        top: -170px;
        z-index: 100
    }
}

@media screen and (min-width: 1400px) {
    .comparison-table .col-phone-12 {
        position: relative
    }
    .comparison-table .col-phone-12>img {
        width: 370px;
        right: -185px;
        bottom: -30px
    }
}

.ru-RU .comparison-table .table-wrapper .battery .top h4,
.ru-RU .comparison-table .table-wrapper .battery .top span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .comparison-table .table-wrapper .battery .sizes span,
.ru-RU .comparison-table .table-wrapper .battery .usage span,
.ru-RU .comparison-table .table-wrapper .battery .duralock span,
.ru-RU .comparison-table .table-wrapper .battery .powercheck span,
.ru-RU .comparison-table .table-wrapper .battery .capacity span,
.ru-RU .comparison-table .table-wrapper .battery .game span,
.ru-RU .comparison-table .table-wrapper .battery .mouse span,
.ru-RU .comparison-table .table-wrapper .battery .pictures span,
.ru-RU .comparison-table .table-wrapper .battery .duratech span,
.ru-RU .comparison-table .table-wrapper .battery .precharged span,
.ru-RU .comparison-table .table-wrapper .battery .guarantee3 span,
.ru-RU .comparison-table .table-wrapper .battery .guarantee5 span,
.ru-RU .comparison-table .table-wrapper .battery .fullcharge span,
.ru-RU .comparison-table .table-wrapper .battery .led span,
.ru-RU .comparison-table .table-wrapper .battery .cellsacc span,
.ru-RU .comparison-table .table-wrapper .battery .xbatteries span,
.ru-RU .comparison-table .table-wrapper .battery .advtech span,
.ru-RU .comparison-table .table-wrapper .battery .sfeatures span,
.ru-RU .comparison-table .table-wrapper .battery .cooling span,
.ru-RU .comparison-table .table-wrapper .battery .guarantee span,
.ru-RU .comparison-table .table-wrapper .battery .dimensions span,
.ru-RU .comparison-table .table-wrapper .battery .cooling span,
.ru-RU .comparison-table .table-wrapper .battery .guarantee span,
.ru-RU .comparison-table .table-wrapper .battery .dimensions span,
.ru-RU .comparison-table .table-wrapper .battery .smart span,
.ru-RU .comparison-table .table-wrapper .battery .easytab span,
.ru-RU .comparison-table .table-wrapper .battery .mercury span,
.ru-RU .comparison-table .table-wrapper .battery .iname span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .comparison-table .table-wrapper .battery .strong {
    padding: 1rem 3rem
}

.ru-RU .comparison-table .table-wrapper .battery .strong span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .comparison-table .table-wrapper .battery .blank {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .comparison-table .table-wrapper .battery .capacity-other span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .comparison-table .table-wrapper .battery i {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .comparison-table .table-wrapper .battery .top h4,
.kr .comparison-table .table-wrapper .battery .top span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .comparison-table .table-wrapper .battery .sizes span,
.kr .comparison-table .table-wrapper .battery .usage span,
.kr .comparison-table .table-wrapper .battery .duralock span,
.kr .comparison-table .table-wrapper .battery .powercheck span,
.kr .comparison-table .table-wrapper .battery .capacity span,
.kr .comparison-table .table-wrapper .battery .game span,
.kr .comparison-table .table-wrapper .battery .mouse span,
.kr .comparison-table .table-wrapper .battery .pictures span,
.kr .comparison-table .table-wrapper .battery .duratech span,
.kr .comparison-table .table-wrapper .battery .precharged span,
.kr .comparison-table .table-wrapper .battery .guarantee3 span,
.kr .comparison-table .table-wrapper .battery .guarantee5 span,
.kr .comparison-table .table-wrapper .battery .fullcharge span,
.kr .comparison-table .table-wrapper .battery .led span,
.kr .comparison-table .table-wrapper .battery .cellsacc span,
.kr .comparison-table .table-wrapper .battery .xbatteries span,
.kr .comparison-table .table-wrapper .battery .advtech span,
.kr .comparison-table .table-wrapper .battery .sfeatures span,
.kr .comparison-table .table-wrapper .battery .cooling span,
.kr .comparison-table .table-wrapper .battery .guarantee span,
.kr .comparison-table .table-wrapper .battery .dimensions span,
.kr .comparison-table .table-wrapper .battery .cooling span,
.kr .comparison-table .table-wrapper .battery .guarantee span,
.kr .comparison-table .table-wrapper .battery .dimensions span,
.kr .comparison-table .table-wrapper .battery .smart span,
.kr .comparison-table .table-wrapper .battery .easytab span,
.kr .comparison-table .table-wrapper .battery .mercury span,
.kr .comparison-table .table-wrapper .battery .iname span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .comparison-table .table-wrapper .battery .blank {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .comparison-table .table-wrapper .battery .capacity-other span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .comparison-table .table-wrapper .battery i {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.single-product-facts {
    background-color: #111111
}

.single-product-facts.facts-headline {
    background-color: #1e1e1e
}

.product-page .article-listing {
    padding-top: 3rem
}

@media (min-width: 768px) {
    .product-page .video-section h2 {
        margin-top: 5rem
    }
    .product-page .single-product-facts+.video-section h2 {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .single-product-facts.facts-headline {
        background-color: #111111
    }
    .product-page .article-listing {
        padding-top: 4rem
    }
}

.rating>span {
    color: #c98959
}

.rating .stars {
    padding-right: .5rem
}

.rating .star-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px 12px
}

.rating .star-icon.star-full {
    background-image: url("../img/common/star-full.svg")
}

.rating .star-icon.star-half-light {
    background-image: url("../img/common/star-half-light.svg")
}

.rating .star-icon.star-half-dark {
    background-image: url("../img/common/star-half-dark.svg")
}

.rating .count {
    color: #999
}

.hotspots {
    position: relative;
    height: 620px;
    z-index: 100
}

.hotspots img {
    position: absolute;
    max-height: 620px;
    height: auto;
    max-width: 270px;
    width: auto
}

.hotspots .hotspot {
    display: block;
    width: 54px;
    height: 54px;
    position: absolute;
    background: url("../img/product/hotspot-on.svg") no-repeat;
    background-position: 50% 50%;
    background-size: 36px 36px;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hotspots .hotspot.active {
    background: url("../img/product/hotspot-off.svg") no-repeat;
    background-size: 54px 54px
}

.product-powerbanks .hotspots {
    max-height: 600px
}

.product-powerbanks .hotspots img {
    max-width: none;
    max-height: 600px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (min-width: 768px) {
    .product-simply .hotspots,
    .product-ultra-power .hotspots {
        margin-top: 8rem;
        bottom: -50px
    }
    .hotspots {
        bottom: -30px
    }
}

@media (min-width: 1200px) {
    .product-simply .hotspots,
    .product-ultra-power .hotspots {
        bottom: -70px
    }
    .product-coin-specialty .hotspots,
    .product-new-rpc .hotspots {
        height: 290px;
        bottom: -70px
    }
    .hotspots {
        left: 40px;
        bottom: -70px
    }
}

.product-slider {
    position: relative;
    color: #fff;
    background: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 194px, #111 195px, #111 100%)
}

.product-slider:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 194px;
    position: absolute;
    top: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

.product-slider .product {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3.875rem;
    padding-right: 3.875rem
}

.product-slider .swiper-slide {
    box-sizing: border-box
}

.product-slider .icon {
    z-index: 10;
    top: 210px
}

@media (min-width: 768px) {
    .product-slider .icon {
        width: 40px;
        height: 40px
    }
}

@media (min-width: 1200px) {
    .product-slider {
        padding-bottom: 2rem
    }
    .product-slider:before {
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
    .product-slider .icon {
        display: none
    }
}

.customer-reviews-head {
    background-color: #f4f4f4;
    text-align: center
}

.customer-reviews-head p.section-desc {
    padding-left: 0;
    padding-right: 0
}

.customer-reviews-head a {
    position: relative;
    top: 21px;
    z-index: 100
}

@media (min-width: 768px) {
    .customer-reviews-head a {
        top: 25px
    }
}

.customer-reviews-content {
    position: relative;
    padding-top: 5.5rem
}

.customer-reviews-content .review {
    background-color: #f4f4f4;
    background-image: url("../img/product/quote-w.png");
    background-repeat: no-repeat;
    background-size: 76px auto;
    background-position: 0% 100%;
    position: relative;
    margin-bottom: 2rem;
    padding: 35px 25px
}

.customer-reviews-content .review h3,
.customer-reviews-content .review .in-action-header .content sup,
.in-action-header .content .customer-reviews-content .review sup {
    color: #000;
    padding-right: 15rem
}

.customer-reviews-content .review .content {
    color: #666;
    padding: 1rem 0
}

.customer-reviews-content .review .rating,
.customer-reviews-content .review .author {
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700
}

.customer-reviews-content .review .rating {
    color: #c98959;
    position: absolute;
    top: 40px;
    right: 25px
}

.customer-reviews-content .review .rating span {
    color: #000
}

.customer-reviews-content .review .author {
    color: #666
}

.customer-reviews-content .review .author .name {
    color: #000
}

.customer-reviews-content .review .social {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    right: 25px;
    bottom: 25px;
    display: block;
    height: 36px
}

.customer-reviews-content .review .social li {
    float: left
}

.customer-reviews-content .review .social .fb,
.customer-reviews-content .review .social .tw {
    display: block;
    width: 36px;
    height: 36px
}

.customer-reviews-content .review .social .fb {
    background: url("../img/product/content-fb.svg") no-repeat
}

.customer-reviews-content .review .social .tw {
    background: url("../img/product/content-tw.svg") no-repeat;
    margin-left: 1rem
}

.customer-reviews-content .container {
    position: relative
}

.customer-reviews-content .container>img {
    position: absolute;
    z-index: 100
}

.customer-reviews-content .container>img.hidden-desktop-up {
    bottom: -40px;
    right: 5px;
    width: 220px;
    height: auto
}

@media (min-width: 768px) {
    .customer-reviews-content .container>img.hidden-desktop-up {
        width: 360px;
        right: -64px;
        bottom: -66px
    }
}

@media (min-width: 1200px) {
    .customer-reviews-content .container>img.hidden-tablet-down {
        bottom: -48px;
        right: -75px;
        width: 320px;
        height: auto
    }
}

@media (max-width: 767px) {
    .customer-reviews-content .load-more-wrapper {
        text-align: left
    }
}

@media (min-width: 768px) {
    .customer-reviews-content .load-more-wrapper {
        padding-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .comparison-table+.customer-reviews-head {
        padding-top: 4rem
    }
}

.ru-RU .customer-reviews-content .review .rating,
.ru-RU .customer-reviews-content .review .author {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .customer-reviews-content .review .rating,
.kr .customer-reviews-content .review .author {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

@media (max-width: 767px) {
    .nl .customer-reviews-head h2 {
        font-size: 2.3rem
    }
}

.info-box-ultra-power {
    background: #fff;
    padding-top: 2rem
}

.info-box-ultra-power h2 {
    max-width: 480px;
    font-size: 1rem
}

.info-box-ultra-power h2 span {
    display: none
}

.info-box-ultra-power h2 img,
.info-box-ultra-power h2 small {
    display: block;
    width: 100%;
    max-width: 480px
}

.info-box-ultra-power h2 small {
    color: #999;
    text-align: left;
    font-size: 1.4rem;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    display: inline-block;
    text-transform: none;
    margin-top: 1.5rem;
    padding-left: 1.5rem
}

.info-box-ultra-power .bunny {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 600px
}

@media (min-width: 768px) {
    .info-box-ultra-power {
        padding-top: 5rem
    }
    .info-box-ultra-power h2 {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem
    }
    .info-box-ultra-power h2 img,
    .info-box-ultra-power h2 small {
        display: block;
        width: 100%;
        max-width: 600px
    }
}

@media (min-width: 1200px) {
    .info-box-ultra-power .col-phone-12 {
        position: relative;
        height: 450px
    }
    .info-box-ultra-power h2 {
        max-width: 600px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        position: absolute;
        top: 20px;
        left: 460px;
        z-index: 100
    }
    .info-box-ultra-power h2 img,
    .info-box-ultra-power h2 small {
        display: block;
        width: 100%;
        max-width: 600px
    }
    .info-box-ultra-power h2 small {
        padding-left: 3rem;
        padding-top: 16rem
    }
    .info-box-ultra-power .bunny {
        width: 500px;
        position: absolute;
        margin-left: 0;
        margin-right: 0;
        top: -90px;
        left: -100px
    }
    .info-box-ultra-power .battery-stack {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.ru-RU .info-box-ultra-power h2 small {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .info-box-ultra-power h2 small {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.info-box-plus-power {
    background: #111 url("../img/common/blue-gradient-bg.png") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.info-box-plus-power>div {
    position: relative
}

.info-box-plus-power p,
.info-box-plus-power small {
    color: #666
}

.info-box-plus-power small {
    display: block;
    margin-bottom: 3rem
}

.info-box-plus-power p.lead {
    color: #c98959;
    font-size: 1.8rem;
    font-family: 'Oblik Bold', sans-serif;
    text-align: center;
    margin-bottom: 0;
    margin-top: 2rem
}

.info-box-plus-power h2 {
    color: #fff;
    margin-top: 0
}

.info-box-plus-power .col-tablet-4 img {
    display: block;
    margin: 0 auto;
    max-width: 310px;
    max-height: 310px;
    width: auto;
    height: auto
}

@media (max-width: 767px) {
    .info-box-plus-power .button.button-brass {
        display: inline-block;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 768px) {
    .info-box-plus-power {
        background-size: 1200px auto
    }
    .info-box-plus-power h2,
    .info-box-plus-power p.lead {
        text-align: left
    }
    .info-box-plus-power p.lead {
        font-size: 3.2rem
    }
    .info-box-plus-power .col-tablet-4 img {
        display: block;
        margin: 6rem auto 0
    }
    .info-box-plus-power .col-tablet-8>div {
        padding-left: 3rem
    }
}

.info-box-plus-power {
    padding-top: 5rem;
    padding-bottom: 7rem
}

.info-box-plus-power h2 {
    margin-bottom: 2rem
}

.info-box-plus-power .col-tablet-8 {
    position: relative
}

.info-box-plus-power .col-tablet-8>div {
    max-width: 440px;
    padding-left: 0
}

.info-box-plus-power .col-tablet-8>img {
    position: absolute;
    top: -110px;
    right: -20px;
    z-index: 100
}

.ru-RU .info-box-plus-power p.lead {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .info-box-plus-power p.lead {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.info-box-powerdots {
    background: #111111;
    background: linear-gradient(to right, #111 0%, #212121 100%);
    padding-top: 2rem
}

.info-box-powerdots h2 {
    max-width: 480px;
    font-size: 1rem;
    text-align: left;
    color: #fff
}

.info-box-powerdots h2 span {
    display: block
}

.info-box-powerdots h2 span.sup {
    font-size: 1.6rem
}

.info-box-powerdots h2 span.press {
    font-size: 2.4rem
}

.info-box-powerdots h2 span.check {
    font-size: 2.4rem;
    color: #c98959
}

.info-box-powerdots .bunny {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    top: 15px
}

@media (min-width: 768px) {
    .info-box-powerdots {
        padding-top: 5rem
    }
    .info-box-powerdots h2 {
        max-width: 100%;
        margin-bottom: 3rem
    }
    .info-box-powerdots h2 span {
        display: block
    }
    .info-box-powerdots h2 span.sup {
        font-size: 2.2rem
    }
    .info-box-powerdots h2 span.press {
        font-size: 6rem
    }
    .info-box-powerdots h2 span.check {
        font-size: 6rem;
        color: #c98959
    }
    .info-box-powerdots .bunny {
        top: 15px
    }
}

@media (min-width: 1200px) {
    .info-box-powerdots .col-phone-12 {
        position: relative;
        height: 510px
    }
    .info-box-powerdots h2 {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        position: absolute;
        top: 260px;
        left: 0;
        z-index: 100
    }
    .info-box-powerdots .bunny {
        max-width: 700px;
        position: absolute;
        margin-left: 0;
        margin-right: 0;
        top: -80px;
        left: auto;
        right: -30px
    }
}

.capt-section {
    background: #000;
    padding: 50px 0;
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative
}

.capt-section:before,
.capt-section:after {
    content: '';
    width: 1000%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #000
}

.capt-section:before {
    left: -999%
}

.capt-section:after {
    right: -999%
}

.capt-section .capt-image {
    text-align: center
}

@media (max-width: 1199px) {
    .capt-section .capt-image {
        float: right
    }
}

@media (max-width: 767px) {
    .capt-section .capt-image {
        float: none;
        padding-bottom: 30px
    }
}

.capt-section .capt-image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

@media (max-width: 1199px) {
    .capt-section .capt-text {
        float: left
    }
}

@media (max-width: 767px) {
    .capt-section .capt-text {
        float: none;
        text-align: center
    }
}

.capt-section .capt-text .link-more {
    font-weight: 700
}

.capt-section h3,
.capt-section .in-action-header .content sup,
.in-action-header .content .capt-section sup {
    padding-bottom: 10px
}

.capt-section p {
    color: #999999
}

.capt-section p strong {
    color: #fff
}

.popup-bin,
.popup-review {
    overflow: auto
}

.buy-it-now,
.write-a-review {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.bin-head,
.review-head {
    position: relative;
    background-color: #c98959
}

.bin-head h2,
.review-head h2 {
    color: #fff;
    text-align: left;
    font-size: 1.8rem;
    font-family: 'Oblik Bold', sans-serif;
    text-transform: none;
    padding: 1rem 2rem;
    margin-top: 0;
    margin-bottom: 0
}

.bin-head .close,
.review-head .close {
    position: absolute;
    right: 2rem;
    top: .8rem
}

.bin-popup-product,
.review-popup-product {
    background: #111111;
    background: linear-gradient(to right, #111 0%, #212121 100%);
    border-bottom: 4px solid #c98959;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.bin-popup-product h3,
.bin-popup-product .in-action-header .content sup,
.in-action-header .content .bin-popup-product sup,
.bin-popup-product .rating,
.bin-popup-product .description,
.review-popup-product h3,
.review-popup-product .in-action-header .content sup,
.in-action-header .content .review-popup-product sup,
.review-popup-product .rating,
.review-popup-product .description {
    padding-left: 2rem;
    padding-right: 2rem
}

.bin-popup-product h3,
.bin-popup-product .in-action-header .content sup,
.in-action-header .content .bin-popup-product sup,
.review-popup-product h3,
.review-popup-product .in-action-header .content sup,
.in-action-header .content .review-popup-product sup {
    color: #fff;
    padding-bottom: 1rem
}

.bin-popup-product .rating,
.review-popup-product .rating {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.bin-popup-product .description,
.review-popup-product .description {
    padding-top: 1rem;
    color: #666
}

.bin-popup-product .quantity,
.review-popup-product .quantity {
    margin-top: 1rem;
    padding-left: 2rem
}

.bin-popup-product .quantity>span,
.review-popup-product .quantity>span {
    margin-bottom: 12px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.bin-popup-retailers {
    background-color: #f4f4f4;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.bin-popup-retailers .row {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.bin-popup-retailer .text-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bin-popup-retailer .col-phone-4,
.bin-popup-retailer .col-phone-6 {
    height: 90px;
    position: relative
}

.bin-popup-retailer img,
.bin-popup-retailer .in-stock,
.bin-popup-retailer .button {
    text-align: center
}

.bin-popup-retailer .in-stock {
    font-size: 1rem
}

.fr-FR .bin-popup-retailer .in-stock {
    width: 140px;
    font-size: .9rem
}

.it-IT .bin-popup-retailer .in-stock {
    width: 120px
}

@media (min-width: 420px) {
    .bin-popup-retailer .in-stock {
        font-size: 1.2rem
    }
    .fr-FR .bin-popup-retailer .in-stock {
        font-size: 1.1rem
    }
}

@media (min-width: 768px) {
    .bin-popup-retailer .in-stock {
        font-size: 1.4rem
    }
    .fr-FR .bin-popup-retailer .in-stock {
        font-size: 1.3rem
    }
}

@media (min-width: 1200px) {
    .bin-popup-retailer .in-stock {
        font-size: 1.6rem
    }
    .fr-FR .bin-popup-retailer .in-stock {
        font-size: 1.5rem
    }
}

.bin-popup-retailer .button.button-brass {
    font-size: 1rem;
    padding: 12px 10px 10px
}

.bin-popup-retailer .button.button-brass:hover {
    padding: 10px 8px 8px
}

@media (min-width: 420px) {
    .bin-popup-retailer .button.button-brass {
        font-size: 1.2rem
    }
}

@media (min-width: 768px) {
    .bin-popup-retailer .button.button-brass {
        font-size: 1.3rem;
        padding: 16px 25px 14px
    }
    .bin-popup-retailer .button.button-brass:hover {
        padding: 14px 23px 12px
    }
}

@media (min-width: 1200px) {
    .bin-popup-retailer .button.button-brass {
        font-size: 1.6rem
    }
}

.bin-popup-retailer .button.button-brass.button-brass-inverse.button-inactive {
    border: 0
}

.bin-popup-retailer .button.button-brass.button-brass-inverse.button-inactive:hover {
    padding: 12px 10px 10px
}

@media (min-width: 768px) {
    .bin-popup-retailer .button.button-brass.button-brass-inverse.button-inactive:hover {
        padding: 16px 25px 14px
    }
}

.bin-popup-retailer img {
    max-height: 55px;
    height: auto;
    max-width: 80px;
    width: auto
}

.bin-popup-retailer .in-stock {
    position: relative;
    color: #c98959;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    width: 100px
}

.bin-popup-retailer .in-stock:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/common/icon-checkmark.svg") no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    right: -27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 768px) {
    .bin-popup-retailer .in-stock {
        text-align: center
    }
    .bin-popup-retailer .in-stock:after {
        position: static;
        margin: 7px auto
    }
}

.bin-popup-retailer .in-stock--not:after {
    background: url("../img/common/icon-minus.svg") no-repeat 50% 50%;
    background-size: contain;
    bottom: auto;
    top: 50%;
    margin-top: -2px
}

@media (max-width: 768px) {
    .bin-popup-retailer .in-stock--not {
        text-align: center
    }
    .bin-popup-retailer .in-stock--not:after {
        position: static;
        margin: 7px auto
    }
}

.bin-popup-retailer.odd {
    background-color: #f4f4f4
}

@media (max-width: 420px) {
    .fr-FR .bin-popup-retailer .button {
        font-size: 1.1rem;
        padding: 11px 10px 9px
    }
}

@media (min-width: 1200px) {
    .bin-head h2,
    .review-head h2 {
        font-size: 2.4rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .bin-head .close,
    .review-head .close {
        top: 1.7rem
    }
    .bin-popup-product .hidden-tablet-down,
    .review-popup-product .hidden-tablet-down {
        position: relative;
        height: 150px
    }
    .bin-popup-product .hidden-tablet-down img,
    .review-popup-product .hidden-tablet-down img {
        max-width: 150px;
        width: auto;
        max-height: 150px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .bin-popup-product h3,
    .bin-popup-product .in-action-header .content sup,
    .in-action-header .content .bin-popup-product sup,
    .review-popup-product h3,
    .review-popup-product .in-action-header .content sup,
    .in-action-header .content .review-popup-product sup {
        font-size: 3.2rem
    }
    .bin-popup-retailer .col-phone-3,
    .bin-popup-retailer .col-phone-6 {
        height: 100px
    }
    .bin-popup-retailer img {
        max-height: 65px;
        height: auto;
        max-width: 120px;
        width: auto
    }
}

.ru-RU .bin-popup-product .rating,
.ru-RU .review-popup-product .rating {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .bin-popup-retailer .in-stock {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .bin-head h2,
.ru-RU .review-head h2 {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .bin-popup-product .rating,
.kr .review-popup-product .rating {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .bin-popup-retailer .in-stock {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .bin-head h2,
.kr .review-head h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.review-form {
    background-color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1.9375rem;
    padding-right: 1.9375rem
}

.review-form h4 {
    padding-top: 2rem;
    padding-bottom: 0;
    font-size: 1.9rem;
    font-family: 'Oblik Bold', sans-serif;
    color: #c98959
}

.review-form p {
    color: #999;
    padding-top: .5rem
}

.review-form p.form-notice {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center
}

.review-form p.field-name {
    padding-top: .5rem;
    padding-bottom: .25rem;
    margin-bottom: 0;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #111
}

.review-form p.validation-message {
    color: #ff1f1f;
    text-align: left;
    width: 100%;
    float: left
}

.review-form p.validation-message img {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-right: 3px
}

.review-form sup {
    color: #c98959;
    padding-left: 3px;
    font-size: 1.2rem
}

.review-form input[type="text"],
.review-form input[type="email"],
.review-form textarea {
    width: 100%;
    padding: 1rem 1.4rem;
    background-color: #f4f4f4;
    border: 0;
    outline: 0;
    color: #111
}

.review-form input[type="text"],
.review-form input[type="email"] {
    border-radius: 20px
}

.review-form textarea {
    min-height: 200px;
    border-radius: 10px
}

.review-form .review-rating {
    float: left
}

.review-form .review-rating:not(:checked)>input {
    display: none
}

.review-form .review-rating:not(:checked)>label {
    float: right;
    display: inline-block;
    width: 38px;
    height: 35px;
    margin-right: 1rem;
    cursor: pointer
}

.review-form .review-rating:not(:checked)>label span {
    display: none
}

.review-form .review-rating:not(:checked)>label:before {
    content: ' ';
    display: inline-block;
    width: 38px;
    height: 35px;
    background: url("../img/common/star-empty.svg") no-repeat;
    background-size: 38px 35px
}

.review-form .review-rating>input:checked ~ label:before {
    content: ' ';
    display: inline-block;
    width: 38px;
    height: 35px;
    background: url("../img/common/star-full.svg") no-repeat;
    background-size: 38px 35px
}

.review-form .review-select {
    background-color: #f4f4f4;
    background-image: url("../img/product/arrow-select.svg");
    background-repeat: no-repeat;
    background-size: 14px 8px;
    background-position: right 15px center;
    overflow: hidden;
    width: 100%;
    padding: 1rem 1.4rem;
    border-radius: 20px
}

.review-form .review-select:first-child {
    margin-bottom: 1.5rem
}

.review-form .review-select select {
    background: transparent;
    border: none;
    outline: 0;
    font-size: 14px;
    width: 110%
}

.review-form .review-select select::-ms-value {
    background: none;
    color: #111
}

.review-form .review-gender {
    padding-bottom: 1.5rem
}

.review-form .review-gender input[type="radio"] {
    display: none
}

.review-form .review-gender label {
    position: relative;
    line-height: 1;
    margin-right: 1rem;
    padding-top: .75rem;
    padding-left: 3.75rem
}

.review-form .review-gender label:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #f4f4f4;
    border: 9px solid #f4f4f4;
    box-sizing: content-box;
    border-radius: 50%;
    float: left;
    margin-right: .75rem
}

.review-form .review-gender input[type="radio"]:checked+label:before {
    background-color: #c98959;
    border: 9px solid #f4f4f4
}

.review-form input[type="checkbox"] {
    display: none
}

.review-form input[type="checkbox"]+label {
    position: relative;
    line-height: 1.2;
    margin-right: 1rem;
    padding-bottom: 1rem;
    padding-top: .75rem;
    padding-left: 3.75rem
}

.review-form input[type="checkbox"]+label:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f4f4f4;
    border-radius: 6px;
    float: left;
    margin-right: .75rem
}

.review-form input[type="checkbox"]:checked+label:before {
    background-image: url("../img/common/icon-checkmark.svg");
    background-repeat: no-repeat;
    background-size: 20px 15px;
    background-position: 50% 50%
}

.review-form .review-actions {
    padding-top: 2rem;
    width: 100%;
    text-align: center
}

.review-form .review-actions a {
    display: inline-block;
    margin: 0 .5rem
}

.review-toc {
    background: #111111;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.review-message {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1.9375rem;
    padding-right: 1.9375rem;
    background-color: #fff
}

.review-message h3,
.review-message .in-action-header .content sup,
.in-action-header .content .review-message sup {
    text-align: center;
    position: relative;
    padding-top: 10rem
}

.write-a-review.already-submitted .review-message h3:before,
.write-a-review.already-submitted .review-message .in-action-header .content sup:before,
.in-action-header .content .write-a-review.already-submitted .review-message sup:before {
    content: ' ';
    display: block;
    width: 64px;
    height: 64px;
    background: url("../img/common/validation-error-amber.svg") no-repeat;
    background-size: 64px 64px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.write-a-review.thanks .review-message h3:before,
.write-a-review.thanks .review-message .in-action-header .content sup:before,
.in-action-header .content .write-a-review.thanks .review-message sup:before {
    content: ' ';
    display: block;
    width: 64px;
    height: 64px;
    background: url("../img/common/icon-checkmark.svg") no-repeat;
    background-size: 64px 64px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .review-form h4 {
        font-size: 2.4rem
    }
    .review-toc {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .review-message {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .review-form .col-desktop-8 {
        padding-right: 10rem
    }
    .review-form .col-desktop-8.col-desktop-push-2 {
        padding-right: 0
    }
    .review-form h4 {
        padding-left: 10rem;
        padding-bottom: 1rem
    }
    .review-form p.field-name {
        text-align: right;
        padding-right: 1rem
    }
    .review-form .review-select {
        display: inline-block;
        width: 40%
    }
    .review-form .review-select:first-child {
        margin-bottom: 0
    }
    .review-form .review-select select {
        width: 125%
    }
    .review-form input[type="checkbox"]+label {
        margin-left: 10rem
    }
    .review-form .review-actions a {
        display: inline-block;
        margin: 0 1rem
    }
    .review-form .review-legals+p {
        margin-left: 10rem
    }
    .review-toc {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .review-message {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.ru-RU .review-form p.field-name {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .review-form h4 {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .review-form p.field-name {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .review-form h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.product {
    max-width: 330px;
    margin: 3rem auto 5rem;
    overflow: hidden
}

@media (min-width: 768px) {
    .product {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.product>a {
    display: block;
    height: 310px;
    line-height: 310px;
    width: 100%;
    text-align: center
}

.product>a img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 310px;
    max-height: 310px
}

@media (min-width: 1200px) {
    .product>a img {
        margin: 0
    }
}

.product h3,
.product .in-action-header .content sup,
.in-action-header .content .product sup {
    color: #fff;
    margin-bottom: 23px
}

.product h3 a,
.product .in-action-header .content sup a,
.in-action-header .content .product sup a {
    color: #fff
}

@media (max-width: 767px) {
    .product h3 br,
    .product .in-action-header .content sup br,
    .in-action-header .content .product sup br {
        display: none
    }
}

.product p {
    color: #999
}

.product .rating,
.product .qty {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}

.product .rating {
    margin: 33px 0 23px
}

.product .qty {
    margin-bottom: 12px
}

.quantity-selector {
    display: block;
    width: 100%;
    list-style: none;
    margin-bottom: 1.5rem;
    padding-left: 0
}

.quantity-selector li {
    float: left;
    margin-right: 5px
}

.quantity-selector li input[type="radio"] {
    display: none
}

.quantity-selector li label {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #666;
    border: 1px solid #666;
    display: block;
    width: 78px;
    text-align: center;
    padding: 5px 0 3px;
    border-radius: 20px;
    cursor: pointer
}

.quantity-selector li input[type="radio"]:checked+label {
    color: #c98959;
    border: 1px solid #c98959
}

.quantity-selector--devices li input[type="radio"]:checked+label {
    border: none
}

.quantity-selector--devices li label {
    border: none;
    width: 25%
}

.quantity-selector--devices li img {
    max-width: 48px;
    height: auto
}

@media (min-width: 1200px) {
    .quantity-selector--devices li img {
        max-width: 68px;
        max-height: 68px
    }
}

.product-listing-head {
    position: relative;
    color: #fff;
    background-color: #1e1e1e;
    padding-top: 4rem
}

.product-listing-head h2 {
    color: #fff
}

@media (min-width: 768px) {
    .product-listing-head {
        padding-top: 7rem;
        padding-bottom: 2rem
    }
}

.product-listing {
    position: relative;
    color: #fff;
    background: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 194px, #111 195px, #111 100%)
}

.product-listing:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 194px;
    position: absolute;
    top: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

@media (min-width: 1200px) {
    .product-listing {
        padding-bottom: 2rem
    }
    .product-listing:before {
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
}

.product-listing.category-listing {
    background: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 260px, #111 261px, #111 100%)
}

@media (max-width: 767px) {
    .product-listing.category-listing:before {
        height: 260px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .product-listing.category-listing {
        padding-top: 4rem;
        background: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 290px, #111 291px, #111 100%)
    }
    .product-listing.category-listing:before {
        height: 290px
    }
}

@media (min-width: 1200px) {
    .product-listing.category-listing {
        padding-top: 7rem;
        padding-bottom: 0;
        background: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 324px, #111 325px, #111 100%)
    }
    .product-listing.category-listing:before {
        height: 324px;
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .product h3,
    .product .in-action-header .content sup,
    .in-action-header .content .product sup {
        font-size: 3.4rem
    }
    .fi .product h3,
    .fi .product .in-action-header .content sup,
    .in-action-header .content .fi .product sup {
        font-size: 2.8rem
    }
    .dk .product h3,
    .dk .product .in-action-header .content sup,
    .in-action-header .content .dk .product sup {
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    .fr-FR .product-listing .button.button-brass,
    .fr-FR .product-listing .button.button-brass.button-bin-inactive,
    .fr-FR .product-slider .button.button-brass,
    .fr-FR .product-slider .button.button-brass.button-bin-inactive {
        padding: 16px 32px 14px
    }
    .pl-PL .product h3,
    .pl-PL .product .in-action-header .content sup,
    .in-action-header .content .pl-PL .product sup,
    .fi .product h3,
    .fi .product .in-action-header .content sup,
    .in-action-header .content .fi .product sup {
        font-size: 3.2rem
    }
    .pl-PL.product-page .product-listing-head h2,
    .fi.product-page .product-listing-head h2 {
        font-size: 4.8rem
    }
}

.ru-RU .product .rating,
.ru-RU .product .qty {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .quantity-selector li label {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .product .rating,
.kr .product .qty {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .quantity-selector li label {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.ro-RO .quantity-selector li label {
    font-size: 12px;
    padding: 7px 0 5px
}

.category-head {
    background-color: #111;
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
    position: relative
}

.category-head h2 {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 3rem
}

.category-head p {
    color: #999
}

.category-top {
    padding-top: 3rem
}

.category-top .border-brass {
    padding-bottom: 2rem
}

.category-filter {
    padding-top: .5rem;
    text-align: center
}

.category-filter .border-brass {
    min-height: 106px
}

.border-brass-category {
    margin-bottom: 0
}

.border-brass-bottom-category {
    margin-top: 0
}

.border-brass-bottom-category .border-brass-bottom {
    min-height: 50px
}

.border-brass-bottom-category h2 {
    margin-top: -30px
}

.border-brass-bottom-category h2 div {
    display: inline-block;
    width: 190px;
    height: 43px;
    background: #fff;
    position: relative;
    margin: 0 auto
}

.category-size-selector {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    z-index: 110
}

.category-size-selector li {
    float: left
}

.category-size-selector li:last-child {
    margin-right: 0
}

.category-size-selector li label {
    background-color: #1e1e1e;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 140px
}

.category-size-selector li label div {
    height: 121px;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.category-size-selector li label span {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    color: #fff
}

.category-size-selector li input:checked+label div {
    background-position: 100% 100%
}

.category-size-selector li input:checked+label span {
    color: #c98959
}

.category-size-selector li .size-aaa div {
    width: 20px;
    background-image: url("../img/common/aaa-icon.svg");
    background-size: 249px 85px
}

.category-size-selector li input:checked+.size-aaa div {
    background-image: url("../img/common/aaa-icon.svg")
}

.category-size-selector li .size-aa div {
    width: 27px;
    background-image: url("../img/common/aa-icon.svg");
    background-size: 248px 102px
}

.category-size-selector li input:checked+.size-aa div {
    background-image: url("../img/common/aa-icon.svg")
}

.category-size-selector li .size-c div {
    width: 50px;
    background-image: url("../img/common/c-icon.svg");
    background-size: 242px 98px
}

.category-size-selector li input:checked+.size-c div {
    background-image: url("../img/common/c-icon.svg")
}

.category-size-selector li .size-d div {
    width: 66px;
    background-image: url("../img/common/d-icon.svg");
    background-size: 318px 115px
}

.category-size-selector li input:checked+.size-d div {
    background-image: url("../img/common/d-icon.svg")
}

.category-size-selector li .size-9v div {
    width: 52px;
    background-image: url("../img/common/9v-icon.svg");
    background-size: 314px 95px
}

.category-size-selector li input:checked+.size-9v div {
    background-image: url("../img/common/9v-icon.svg")
}

.category-size-selector li .size-chr div {
    width: 75px;
    background-image: url("../img/common/chargers-icon.svg");
    background-size: 328px 121px
}

.category-size-selector li input:checked+.size-chr div {
    background-image: url("../img/common/chargers-icon.svg")
}

.category-size-selector li input {
    display: none
}

.selection {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 1
}

.selection a,
.selection a:focus {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    float: right;
    padding-right: 2px;
    padding-left: 24px;
    text-decoration: none;
    color: #c98959;
    line-height: 1;
    background: url("../img/common/clear-selection.svg") no-repeat;
    background-position: 0 0;
    background-size: 14px 14px
}

@media (max-width: 767px) {
    .category-head .col-phone-12 img {
        width: 100%
    }
    .category-head.category-devices {
        padding-bottom: 0
    }
    .category-head.category-devices .col-phone-12 img {
        position: relative;
        top: 20px;
        max-width: 380px
    }
    .category-head.category-devices .col-phone-12 p {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .category-size-selector li {
        border: 1px solid #111
    }
    .category-size-selector li label div {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    .category-size-selector li.sel-aaa {
        width: 13%
    }
    .category-size-selector li.sel-aa {
        width: 15%
    }
    .category-size-selector li.sel-c {
        width: 22%
    }
    .category-size-selector li.sel-d {
        width: 27%
    }
    .category-size-selector li.sel-b9v {
        width: 23%
    }
    .category-size-selector.selector-6 li {
        border: 1px solid #111
    }
    .category-size-selector.selector-6 li label div {
        -webkit-transform: scale(0.55);
        transform: scale(0.55)
    }
    .category-size-selector.selector-6 li label span {
        font-size: 1.1rem;
        bottom: 15px
    }
    .category-size-selector.selector-6 li.sel-aaa {
        width: 10%
    }
    .category-size-selector.selector-6 li.sel-aa {
        width: 10%
    }
    .category-size-selector.selector-6 li.sel-c {
        width: 16%
    }
    .category-size-selector.selector-6 li.sel-d {
        width: 22%
    }
    .category-size-selector.selector-6 li.sel-b9v {
        width: 18%
    }
    .category-size-selector.selector-6 li.sel-chr {
        width: 24%
    }
}

@media (min-width: 768px) {
    .category-head .col-phone-12 img {
        max-width: 660px
    }
    .category-head.category-devices {
        padding-bottom: 0
    }
    .category-head.category-devices .col-phone-12 img {
        position: relative;
        margin-top: -160px;
        top: 20px;
        right: -20px;
        max-width: 340px;
        float: right;
        z-index: 10
    }
    .category-head.category-devices .col-phone-12 p {
        padding-bottom: 0;
        margin-bottom: 0;
        max-width: 360px;
        position: relative;
        z-index: 100
    }
    .category-head.category-devices .col-phone-12 h2 {
        position: relative;
        z-index: 100
    }
    .category-top .border-brass {
        padding-bottom: 4rem
    }
    .category-filter {
        padding-top: 2.5rem
    }
    .category-filter .border-brass {
        min-height: 126px
    }
    .border-brass-bottom-category h2 div {
        width: 370px
    }
    .category-size-selector li {
        margin-right: 20px
    }
    .category-size-selector li label {
        height: 220px;
        width: 124px
    }
    .category-size-selector li label div {
        margin: 34px auto 0
    }
    .category-size-selector li label span {
        bottom: 15px
    }
    .category-size-selector.selector-6 li {
        margin-right: 4px
    }
    .category-size-selector.selector-6 li label {
        width: 112px
    }
    .selection {
        font-size: 16px
    }
    .selection.selector-6 {
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    .category-head {
        padding-top: 6rem;
        padding-bottom: 5rem
    }
    .category-head .container {
        position: relative
    }
    .category-head .col-phone-12 img {
        max-width: 880px
    }
    .category-head p {
        margin-bottom: 2rem;
        font-size: 16px
    }
    .category-head.no-selector p {
        padding-right: 9rem
    }
    .category-head .deco {
        display: block;
        height: 540px;
        width: auto;
        position: absolute;
        top: -15px;
        right: -105px;
        z-index: 100
    }
    .category-head .deco.no-selector {
        top: -40px
    }
    .category-head.category-devices {
        padding-top: 15rem
    }
    .category-head.category-devices .col-phone-12 {
        padding-bottom: 21rem
    }
    .category-head.category-devices .col-phone-12 img {
        position: absolute;
        top: auto;
        bottom: -45px;
        right: -30px;
        max-width: 100%;
        float: none
    }
    .category-head.category-devices .col-phone-12 p {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 0;
        max-width: 485px
    }
    .category-head.category-devices .col-phone-12 h2 {
        max-width: 580px
    }
    .category-top {
        padding-top: 5.5rem
    }
    .category-filter .border-brass {
        min-height: 146px
    }
    .border-brass-bottom-category .border-brass-bottom {
        min-height: 100px
    }
    .border-brass-bottom-category h2 div {
        width: auto
    }
    .category-size-selector li label {
        height: 220px;
        width: 160px
    }
    .category-size-selector.selector-6 li {
        margin-right: 6px
    }
    .category-size-selector.selector-6 li label {
        width: 140px
    }
}

.ru-RU .category-size-selector li label span {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .selection {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .selection a,
.ru-RU .selection a:focus {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.kr .category-size-selector li label span {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .selection {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .selection a,
.kr .selection a:focus {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.zoomWindow {
    border-radius: 10px;
    cursor: pointer
}

.zoomLens {
    border-radius: 6px;
    cursor: pointer
}

.zoomContainer {
    cursor: pointer
}

.zoomGallery {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: #111;
    color: #fff;
    display: none
}

.zoomGallery a.close {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../img/common/close-btn.svg") no-repeat 50% 50%;
    background-size: 20px 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100
}

.zoomGallery .zoomGalleryThumbs {
    position: absolute;
    width: 80px;
    height: 100%;
    left: 0;
    top: 20px;
    overflow: auto;
    max-width: 100%
}

.zoomGallery .zoomGalleryThumbs div {
    position: relative;
    width: 58px;
    height: 58px;
    float: left;
    margin: 10px;
    border: 1px solid #000;
    transition: all 100ms
}

.zoomGallery .zoomGalleryThumbs div.current {
    border: 1px solid #c98959
}

.zoomGallery .zoomGalleryThumbs img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.zoomGallery .zoomGalleryImage {
    height: 100%;
    position: absolute;
    left: 90px;
    top: 20px;
    width: calc( 100% - 140px)
}

@media (min-width: 1200px) {
    .zoomGallery .zoomGalleryImage {
        left: 70px;
        width: 960px
    }
}

.zoomGallery .zoomGalleryImage img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (min-width: 1200px) {
    .zoomGallery .zoomGalleryImage img {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.gallery-main {
    height: 320px;
    width: 100%
}

.site-wrapper.product-powerbanks .gallery-main {
    height: auto
}

.gallery-message {
    text-align: center;
    color: #fff;
    height: 25px;
    font-size: 1.2rem
}

.gallery-message p {
    margin-bottom: 0;
    display: none
}

.gallery-thumbs {
    width: 270px;
    margin: 0 auto
}

.gallery-thumbs div {
    width: 54px;
    height: 54px;
    float: left;
    margin: 10px 6px;
    cursor: pointer;
    border: 1px solid transparent
}

.gallery-thumbs div img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.gallery-thumbs div.active {
    border: 1px solid #c98959
}

.thumbs-slider {
    position: relative
}

.thumbs-slider .icon {
    z-index: 10;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (min-width: 768px) {
    .thumbs-slider .icon {
        width: 40px;
        height: 40px
    }
}

.article-grid {
    margin-top: 3rem
}

.article-grid .article {
    background-color: #f4f4f4
}

.article-grid .article .image {
    display: block;
    text-decoration: none;
    outline: 0;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.article-grid .article .content {
    min-height: 250px;
    padding: 3rem;
    position: relative
}

.article-grid .article .content h3,
.article-grid .article .in-action-header .content sup,
.in-action-header .article-grid .article .content sup {
    margin: 0;
    padding-bottom: 1.5rem
}

.article-grid .article .content h3 a,
.article-grid .article .in-action-header .content sup a,
.in-action-header .article-grid .article .content sup a {
    font-family: 'Oblik Bold', sans-serif
}

.article-grid .article .content p {
    margin: 0;
    padding-bottom: 1.5rem
}

@media (max-width: 767px) {
    .article-grid {
        margin-bottom: 2rem
    }
    .article-grid .article-grid-left .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 2.4rem solid transparent;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid #f4f4f4;
        position: absolute;
        top: -2.3rem;
        left: 3rem
    }
    .article-grid .article-grid-right .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 2.4rem solid transparent;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid #f4f4f4;
        position: absolute;
        top: -2.3rem;
        left: 3rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .article-grid .article {
        margin-bottom: 2rem
    }
    .article-grid .article .image,
    .article-grid .article .content {
        height: 270px
    }
    .article-grid .article-grid-left .row .col-tablet-6:nth-child(1) {
        padding-right: 0
    }
    .article-grid .article-grid-left .row .col-tablet-6:nth-child(2) {
        padding-left: 0
    }
    .article-grid .article-grid-left .row .col-tablet-6.col-tablet-push-6 {
        padding-right: .9375rem;
        padding-left: 0
    }
    .article-grid .article-grid-left .row .col-tablet-6.col-tablet-pull-6 {
        padding-left: .9375rem;
        padding-right: 0
    }
    .article-grid .article-grid-left .row .col-desktop-4 .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-right: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        left: -2.3rem
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(2) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        right: -2.3rem
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(3) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-right: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        left: -2.3rem
    }
    .article-grid .article-grid-right .row .col-tablet-6:nth-child(1) {
        padding-right: 0
    }
    .article-grid .article-grid-right .row .col-tablet-6:nth-child(2) {
        padding-left: 0
    }
    .article-grid .article-grid-right .row .col-tablet-6.col-tablet-push-6 {
        padding-right: .9375rem;
        padding-left: 0
    }
    .article-grid .article-grid-right .row .col-tablet-6.col-tablet-pull-6 {
        padding-left: .9375rem;
        padding-right: 0
    }
    .article-grid .article-grid-right .row .col-desktop-4 .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        right: -2.3rem
    }
    .article-grid .article-grid-right .row .col-desktop-12:nth-child(1) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        right: -2.3rem
    }
    .article-grid .article-grid-right .row .col-desktop-8 .col-desktop-12:nth-child(2) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-right: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        left: -2.3rem
    }
}

@media (min-width: 1200px) {
    .article-grid .row .article {
        transition: all 250ms
    }
    .article-grid .row .article .image,
    .article-grid .row .article .content {
        height: 270px
    }
    .article-grid .row .article .content {
        position: relative;
        z-index: 10
    }
    .article-grid .row .article .content:after {
        z-index: 9
    }
    .article-grid .row .article:hover {
        color: #999;
        background-color: #1e1e1e
    }
    .article-grid .row .col-desktop-4 .article .image {
        height: 290px
    }
    .article-grid .article-grid-left {
        margin-bottom: 2rem
    }
    .article-grid .article-grid-left .row .col-tablet-6.col-tablet-push-6 {
        padding-right: .9375rem;
        padding-left: 0
    }
    .article-grid .article-grid-left .row .col-tablet-6.col-tablet-pull-6 {
        padding-left: .9375rem;
        padding-right: 0
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(2) .article {
        margin-bottom: 2rem
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(3) .col-tablet-6:nth-child(1) {
        padding-right: 0
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(3) .col-tablet-6:nth-child(2) {
        padding-left: 0
    }
    .article-grid .article-grid-left .row .col-desktop-4 .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 2.4rem solid transparent;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid #f4f4f4;
        position: absolute;
        top: -2.3rem;
        left: 3rem;
        transition: border-bottom-color 250ms
    }
    .article-grid .article-grid-left .row .col-desktop-4 .article:hover .content:after {
        border-bottom-color: #1e1e1e
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(2) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        right: -2.3rem;
        transition: border-left-color 250ms
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(2) .article:hover .content:after {
        border-left: 2.4rem solid #1e1e1e
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(3) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-right: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        left: -2.3rem;
        transition: border-right-color 250ms
    }
    .article-grid .article-grid-left .row .col-desktop-8:nth-child(3) .article:hover .content:after {
        border-right: 2.4rem solid #1e1e1e
    }
    .article-grid .article-grid-right {
        margin-bottom: 2rem
    }
    .article-grid .article-grid-right .row .col-tablet-6.col-tablet-push-6 {
        padding-left: .9375rem;
        padding-right: 0
    }
    .article-grid .article-grid-right .row .col-tablet-6.col-tablet-pull-6 {
        padding-right: 0;
        padding-left: .9375rem
    }
    .article-grid .article-grid-right .row .col-desktop-8:nth-child(1) .col-desktop-12:nth-child(1) .article {
        margin-bottom: 2rem
    }
    .article-grid .article-grid-right .row .col-desktop-8:nth-child(1) .col-desktop-12:nth-child(2) .row .col-tablet-6:nth-child(1) {
        padding-left: 0;
        padding-right: .9375rem
    }
    .article-grid .article-grid-right .row .col-desktop-8:nth-child(1) .col-desktop-12:nth-child(2) .row .col-tablet-6:nth-child(2) {
        padding-right: 0;
        padding-left: .9375rem
    }
    .article-grid .article-grid-right .row .col-desktop-4 .col-desktop-12:nth-child(1) {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
    .article-grid .article-grid-right .row .col-desktop-4 .col-desktop-12:nth-child(2) {
        padding-right: .9375rem
    }
    .article-grid .article-grid-right .row .col-desktop-4 .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 2.4rem solid transparent;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid #f4f4f4;
        position: absolute;
        top: -2.3rem;
        left: 3rem;
        transition: border-bottom-color 250ms
    }
    .article-grid .article-grid-right .row .col-desktop-4 .article:hover .content:after {
        border-bottom: 2.4rem solid #1e1e1e
    }
    .article-grid .article-grid-right .row .col-desktop-12:nth-child(1) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-right: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        left: -3.2rem;
        transition: border-right-color 250ms
    }
    .article-grid .article-grid-right .row .col-desktop-12:nth-child(1) .article:hover .content:after {
        border-right: 2.4rem solid #1e1e1e
    }
    .article-grid .article-grid-right .row .col-desktop-8 .col-desktop-12:nth-child(2) .content:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid #f4f4f4;
        position: absolute;
        top: 3rem;
        right: -2.3rem;
        transition: border-left-color 250ms
    }
    .article-grid .article-grid-right .row .col-desktop-8 .col-desktop-12:nth-child(2) .article:hover .content:after {
        border-left: 2.4rem solid #1e1e1e
    }
}

.ru-RU .article-grid .article .content h3 a,
.ru-RU .article-grid .article .in-action-header .content sup a,
.in-action-header .ru-RU .article-grid .article .content sup a {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.kr .article-grid .article .content h3 a,
.kr .article-grid .article .in-action-header .content sup a,
.in-action-header .kr .article-grid .article .content sup a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.article-listing .article-listing-head {
    background: #111 url("../img/common/blue-gradient-bg.png") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    padding-bottom: 18rem;
    height: auto
}

.article-listing .article-listing-head h2,
.article-listing .article-listing-head p {
    color: #fff
}

.article-listing .article-featured {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.article-listing .article-featured .content {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    padding-top: 30rem;
    padding-bottom: 2.2rem;
    padding-left: 4rem;
    padding-right: 4rem;
    margin-top: -145px
}

.article-listing .article-featured .content h3,
.article-listing .article-featured .in-action-header .content sup,
.in-action-header .article-listing .article-featured .content sup {
    max-width: 360px;
    margin-bottom: 2rem;
    font-size: 3.6rem
}

.article-listing .article-featured .content h3 a,
.article-listing .article-featured .in-action-header .content sup a,
.in-action-header .article-listing .article-featured .content sup a {
    color: #fff
}

.article-listing .article-featured .content p {
    margin-bottom: 2rem;
    max-width: 290px;
    color: #fff
}

@media (max-width: 767px) {
    .article-listing .article-featured .col-phone-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .article-listing .article-listing-head {
        background-size: 1200px auto;
        padding-bottom: 21rem
    }
    .article-listing .article-featured .content {
        height: 400px;
        padding-top: 6.5rem;
        padding-bottom: 0;
        padding-left: 6.5rem;
        padding-right: 0
    }
    .article-listing.tr-TR .article-featured .content h3,
    .article-listing.tr-TR .article-featured .in-action-header .content sup,
    .in-action-header .article-listing.tr-TR .article-featured .content sup {
        max-width: 420px
    }
    .article-listing.tr-TR .article-featured .content p {
        max-width: 340px
    }
}

@media (min-width: 1200px) {
    .home-page .article-listing h2 {
        padding-left: 14rem;
        padding-right: 14rem
    }
}

.social div {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 2rem
}

.social ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.social ul a {
    display: block
}

.social ul li {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.social ul li:last-of-type {
    margin-right: 0
}

.social ul img {
    width: 36px;
    height: 36px
}

.single-article .single-article-head {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 250px
}

.single-article .single-article-head h2 {
    text-align: left
}

.single-article .single-article-head .social {
    position: absolute;
    top: -58px
}

.single-article .single-article-head.video-article-head .button {
    position: absolute;
    top: -160px
}

.single-article .single-article-content .lead {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem
}

.single-article .single-article-content .article-lead-separator {
    display: block;
    width: 160px;
    height: 1.4rem;
    border-bottom: 2px solid #c98959;
    margin-bottom: 2rem
}

.single-article .single-article-content a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500
}

.single-article .single-article-content img {
    max-width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.single-article .single-article-content ul {
    margin-bottom: 2rem
}

.single-article .single-article-content .quote {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.single-article .single-article-content .quote img {
    margin-top: 0;
    margin-bottom: 0
}

.single-article .single-article-content .quote blockquote {
    background-color: #111;
    padding: 2.2rem;
    background-image: url("../img/product/quote-b.png");
    background-repeat: no-repeat;
    background-size: 76px auto;
    background-position: 93% 100%
}

.single-article .single-article-content .quote blockquote h3,
.single-article .single-article-content .quote blockquote .in-action-header .content sup,
.in-action-header .content .single-article .single-article-content .quote blockquote sup {
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4rem;
    color: #c98959
}

.single-article .single-article-content .quote blockquote p {
    color: #999
}

.single-article .single-article-content .quote blockquote ul {
    padding-left: 1.4rem;
    margin-bottom: 0
}

.single-article .single-article-content .quote blockquote ul li {
    color: #999;
    padding-bottom: 1rem;
    font-size: 1.4rem
}

.single-article .single-article-content .quote blockquote strong {
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    display: block
}

.single-article .single-article-content .quote.info blockquote {
    background-image: none
}

.single-article .single-article-content .quote-large img {
    width: 100%;
    height: auto
}

.single-article .single-article-content .info-boxes {
    background: #f4f4f4;
    padding: 2rem
}

.single-article .single-article-content .info-boxes h3,
.single-article .single-article-content .info-boxes .in-action-header .content sup,
.in-action-header .content .single-article .single-article-content .info-boxes sup {
    margin-bottom: 2rem
}

.single-article .single-article-content .info-boxes ul {
    list-style: none;
    padding: 0;
    margin-left: 0
}

.single-article .single-article-content .info-boxes ul li {
    float: left;
    width: 100%;
    padding-bottom: 3rem
}

.single-article .single-article-content .info-boxes ul li img {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 2rem;
    max-width: 80px;
    width: auto
}

.single-article .single-article-content .info-boxes ul li p {
    overflow: hidden
}

.single-article .single-article-content .info-boxes ul li h4 {
    font-family: 'Oblik Bold', sans-serif;
    text-transform: uppercase
}

.single-article .single-article-content .info-boxes ul li:last-child {
    padding-bottom: 0
}

.single-article .single-article-content .info-boxes--extended:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    bottom: 0;
    background-color: #f4f4f4;
    -webkit-transform: translateX(-50vw);
    transform: translateX(-50vw);
    z-index: -1
}

@media (min-width: 1200px) {
    .single-article .single-article-content .info-boxes--extended:after {
        display: none
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__header {
    padding-top: 2rem;
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__header {
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__header {
        width: 45%;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 1
}

@media (min-width: 768px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content:after {
    content: '';
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4;
    z-index: -1
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content .bunny {
    display: block;
    margin: 0 auto 40px auto;
    max-height: 320px;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content .bunny {
        width: 45%;
        margin: 0;
        max-height: none
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content ul {
        width: 65%;
        margin-top: -80px
    }
}

@media (min-width: 1200px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content ul {
        margin-left: 20px;
        margin-top: 90px
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content ul:only-child {
    width: 100%
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content ul li {
    width: 100%;
    background: none;
    min-height: 0;
    text-align: left
}

@media (min-width: 1200px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content ul li {
        width: 50%;
        margin-top: 75px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.single-article .single-article-content .info-boxes--extended .info-boxes__content ul li img {
    left: 0;
    -webkit-transform: none;
    transform: none;
    margin-right: 2rem
}

@media (min-width: 768px) {
    .single-article .single-article-content .info-boxes--extended .info-boxes__content ul li img {
        margin-left: 2rem
    }
}

.single-article .video-section {
    border-bottom-color: #fff
}

@media (max-width: 767px) {
    .single-article-head .col-phone-12>div {
        position: relative;
        margin-top: 290px
    }
    .de-DE .single-article-head h2,
    .fr-FR .single-article-head h2 {
        font-size: 2rem
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .single-article .single-article-content {
        margin-bottom: 2rem
    }
    .single-article .single-article-content article>ul {
        padding-left: 1.4rem
    }
    .single-article-head h2 {
        font-size: 4.7rem
    }
    .postid-4130 .it-IT .single-article-head h2 {
        width: 430px;
        font-size: 4.8rem
    }
    .postid-4121 .it-IT .single-article-head h2 {
        width: 350px;
        font-size: 4.8rem
    }
}

@media (min-width: 1200px) {
    .single-article .single-article-content {
        margin-bottom: 4rem
    }
    .single-article .single-article-content article>p,
    .single-article .single-article-content article>span,
    .single-article .single-article-content article>h3,
    .single-article .single-article-content .in-action-header .content article>sup,
    .in-action-header .content .single-article .single-article-content article>sup,
    .single-article .single-article-content article>h4 {
        padding-left: 8.5rem
    }
    .single-article .single-article-content article>ul {
        padding-left: 9.5rem
    }
}

@media (min-width: 768px) {
    .social ul li,
    .social ul img {
        width: 50px;
        height: 50px
    }
    .single-article .single-article-head {
        background-position: 100% 0;
        background-color: #000;
        background-size: auto 410px;
        height: 410px;
        margin-bottom: 6rem
    }
    .single-article .single-article-head .col-phone-12>div {
        position: relative;
        margin-top: 40px;
        height: 370px
    }
    .single-article .single-article-head h2 {
        color: #fff;
        width: 660px
    }
    .single-article .single-article-head .social {
        top: auto;
        bottom: -25px
    }
    .single-article .single-article-head.video-article-head .button {
        position: relative;
        top: 0
    }
    .single-article .single-article-content .lead {
        font-size: 2.2rem
    }
    .single-article .video-section {
        padding-top: 2rem
    }
    .en-GB .single-article-head h2 {
        width: 550px
    }
}

@media (min-width: 1200px) {
    .single-article .single-article-head {
        background-size: auto 550px;
        height: 550px
    }
    .single-article .single-article-head .col-phone-12>div {
        position: relative;
        margin-top: 70px;
        height: 480px
    }
    .single-article .single-article-content .article-lead-separator {
        width: 70px;
        border-bottom-width: 4px;
        margin-top: 2rem;
        margin-bottom: 4rem;
        margin-left: 8.5rem
    }
    .single-article .single-article-content p {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .single-article .single-article-content .quote blockquote {
        width: 430px;
        padding: 5rem 4rem
    }
    .single-article .single-article-content .quote h3,
    .single-article .single-article-content .quote .in-action-header .content sup,
    .in-action-header .content .single-article .single-article-content .quote sup {
        margin-bottom: 2rem
    }
    .single-article .single-article-content .quote-large {
        margin-top: 4rem;
        margin-bottom: 4rem;
        height: 410px;
        position: relative
    }
    .single-article .single-article-content .quote-large blockquote {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .single-article .single-article-content .quote-large img {
        width: auto;
        height: 410px
    }
    .single-article .single-article-content .quote-small {
        float: right;
        margin-left: 6rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .single-article .single-article-content .info-boxes {
        background: none;
        padding: 0
    }
    .single-article .single-article-content .info-boxes h3,
    .single-article .single-article-content .info-boxes .in-action-header .content sup,
    .in-action-header .content .single-article .single-article-content .info-boxes sup {
        text-align: center;
        margin-bottom: 4rem
    }
    .single-article .single-article-content .info-boxes.info-boxes--4-cols ul li {
        width: 25%
    }
    .single-article .single-article-content .info-boxes ul li {
        width: 33.3%;
        background: #f4f4f4;
        position: relative;
        min-height: 280px;
        margin-top: 100px;
        padding-left: 4rem;
        padding-right: 4rem;
        text-align: center
    }
    .single-article .single-article-content .info-boxes ul li img {
        max-width: 150px;
        width: auto;
        max-height: 145px;
        width: auto;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -72px;
        position: absolute
    }
    .single-article .single-article-content .info-boxes ul li h4 {
        padding-top: 100px
    }
    .single-article .video-section {
        padding-top: 4rem
    }
    .pl-PL.single-article .single-article-content .lead {
        font-size: 2rem
    }
}

.ru-RU .single-article-content a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .single-article-content .lead {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .single-article-content .quote blockquote strong {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .single-article-content .quote blockquote h3,
.ru-RU .single-article-content .quote blockquote .in-action-header .content sup,
.in-action-header .content .ru-RU .single-article-content .quote blockquote sup {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .single-article-content .info-boxes ul li h4 {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .social div {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.kr .single-article-content a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .single-article-content .lead {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .single-article-content .quote blockquote strong {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .single-article-content .quote blockquote h3,
.kr .single-article-content .quote blockquote .in-action-header .content sup,
.in-action-header .content .kr .single-article-content .quote blockquote sup {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .single-article-content .info-boxes ul li h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .social div {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

@media (max-width: 767px) {
    .page-template-initiative-back-to-school-18 .hide-mobile {
        display: none !important
    }

    .goldtittle.mobile {
        font-size: 30px !important;
        max-width: 65% !important;
        margin-top: -20px !important;
    }

    #SelecPais {
        top: -6px !important !important;
        position: relative !important;
    width: 100px !important;
    }


    #SelecEst {
            margin-top: 3px !important;
    width: 100px !important;
    }

    #buscar {
        width: 100px !important;
        top: 60px !important;
        height: 30px !important;
    }
}

@media (min-width: 768px) {
    .page-template-initiative-back-to-school-18 .hide-desktop {
        display: none !important
    }
}

.page-template-initiative-back-to-school-18 .container {
    max-width: 320px;
    padding: 0 20px
}

@media (min-width: 768px) {
    .page-template-initiative-back-to-school-18 .container {
        max-width: 680px
    }
}

@media (min-width: 1200px) {
    .page-template-initiative-back-to-school-18 .container {
        max-width: 1080px
    }
}

.page-template-initiative-back-to-school-18 img {
    max-width: 100%;
    height: auto
}

.page-template-initiative-back-to-school-18 .initiative-featured-before .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-initiative-back-to-school-18 .initiative-featured-before .buttons a {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .page-template-initiative-back-to-school-18 .initiative-featured-before .buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .page-template-initiative-back-to-school-18 .initiative-featured-before .buttons a {
        margin: 0 2%
    }
}

.page-template-initiative-back-to-school-18 .initiative-featured-after .circle-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-initiative-back-to-school-18 .initiative-featured-after .circle-buttons a {
    display: block;
    padding: 0 2%
}

.kr-section {
    background-color: #303030;
    padding: 30px 0
}

@media (min-width: 768px) {
    .kr-section {
        padding: 70px 0
    }
}

.kr-section .container {
    max-width: 320px;
    padding: 0 20px
}

@media (min-width: 768px) {
    .kr-section .container {
        max-width: 680px
    }
}

@media (min-width: 1200px) {
    .kr-section .container {
        max-width: 1080px
    }
}

.kr-section .event {
    margin-top: 70px
}

.kr-section .event:first-of-type {
    margin-top: 0
}

.kr-section .event__header {
    overflow: hidden
}

@media (min-width: 768px) {
    .kr-section .event__header {
        padding-right: 100px
    }
}

.kr-section .event__header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .kr-section .event__header .title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.kr-section .event__header .title h2 {
    margin: 0;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    text-align: left
}

@media (min-width: 768px) {
    .kr-section .event__header .title h2 {
        font-size: 21px
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header .title h2 {
        font-size: 33px
    }
}

.kr-section .event__header .title h2 strong {
    color: #ffd79b;
    font-weight: bold
}

.kr-section .event__header h3,
.kr-section .event__header .in-action-header .content sup,
.in-action-header .content .kr-section .event__header sup {
    margin: 5px 0 10px 10px;
    font-size: 10px;
    line-height: 1.2;
    color: #fff;
    font-weight: normal
}

@media (min-width: 768px) {
    .kr-section .event__header h3,
    .kr-section .event__header .in-action-header .content sup,
    .in-action-header .content .kr-section .event__header sup {
        font-size: 15px;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header h3,
    .kr-section .event__header .in-action-header .content sup,
    .in-action-header .content .kr-section .event__header sup {
        font-size: 21px
    }
}

.kr-section .event__header h3 strong,
.kr-section .event__header .in-action-header .content sup strong,
.in-action-header .content .kr-section .event__header sup strong {
    color: #dea377;
    font-weight: normal
}

.kr-section .event__header .label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 15px;
    padding: 7px 23px;
    border: 2px solid #dea377;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    border-radius: 60px
}

@media (min-width: 768px) {
    .kr-section .event__header .label {
        margin-right: 10px;
        margin-bottom: 0;
        padding: 10px 30px;
        font-size: 15px
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header .label {
        margin-right: 20px;
        padding: 15px 50px;
        font-size: 25px
    }
}

.kr-section .event__header .subtitle {
    margin-top: 10px
}

@media (min-width: 768px) {
    .kr-section .event__header .subtitle {
        margin-left: 135px;
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header .subtitle {
        margin-left: 230px
    }
}

.kr-section .event__header ul {
    padding-left: 20px
}

.kr-section .event__header ul li {
    color: #e0e0e0;
    font-size: 10px
}

@media (min-width: 768px) {
    .kr-section .event__header ul li {
        font-size: 12px
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header ul li {
        font-size: 18px
    }
}

.kr-section .event__header--badge {
    position: relative
}

@media (min-width: 1200px) {
    .kr-section .event__header--badge {
        padding-right: 240px
    }
}

.kr-section .event__header--badge:after {
    content: '';
    position: absolute;
    right: 30px;
    top: 45px;
    background: url("../img/initiative/icon-talk.png") 0 0/contain no-repeat;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.5)
}

@media (min-width: 768px) {
    .kr-section .event__header--badge:after {
        right: 40px;
        top: 10px;
        width: 60px;
        height: 60px;
        box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.5)
    }
}

@media (min-width: 1200px) {
    .kr-section .event__header--badge:after {
        right: 120px;
        top: 10px;
        width: 94px;
        height: 94px
    }
}

.kr-section .event__header--badge .title h2 {
    max-width: 150px;
    text-align: center
}

@media (min-width: 768px) {
    .kr-section .event__header--badge .title h2 {
        max-width: none;
        text-align: left
    }
}

.kr-section .event__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 420px;
    margin: 30px auto 0 auto;
    padding: 45px 30px;
    background-color: #000;
    border-radius: 10px
}

@media (min-width: 1200px) {
    .kr-section .event__image {
        max-width: 700px
    }
}

.kr-section .event__image p {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    color: #fff
}

@media (min-width: 768px) {
    .kr-section .event__image p {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .kr-section .event__image p {
        font-size: 30px
    }
}

.kr-section .event__image .image {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5
}

.kr-section .event__image .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.kr-section .event__prizes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .kr-section .event__prizes-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.kr-section .event__prizes {
    max-width: 280px;
    margin-left: 25px
}

@media (min-width: 768px) {
    .kr-section .event__prizes {
        max-width: none;
        margin: 40px 0
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes {
        margin: 70px 45px
    }
}

.kr-section .event__prizes .prize {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 7px;
    background-color: #000;
    padding: 20px 25px;
    min-height: 120px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(33.333% - 40px);
        margin: 0 20px;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes .prize {
        width: calc(33.333% - 80px);
        margin: 0 30px
    }
}

.kr-section .event__prizes .prize__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.kr-section .event__prizes .prize__no {
    position: absolute;
    top: 50%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1;
    border-radius: 100%;
    background-color: #c98959;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize__no {
        width: 46px;
        height: 46px;
        font-size: 22px;
        position: static;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes .prize__no {
        width: 72px;
        height: 72px;
        font-size: 36px
    }
}

.kr-section .event__prizes .prize__label {
    position: absolute;
    font-size: 11px;
    right: 13px;
    top: 10%;
    width: 50%;
    padding: 10px 5px;
    text-align: center;
    margin-top: 10px;
    color: #c98959
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize__label {
        position: static;
        margin-top: 0;
        width: auto;
        font-size: 15px;
        line-height: 1;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes .prize__label {
        font-size: 25px;
        -webkit-transform: none;
        transform: none
    }
}

.kr-section .event__prizes .prize__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kr-section .event__prizes .prize__image img {
    display: block;
    width: auto;
    max-height: 80px;
    max-width: 110px
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize__image img {
        max-width: 200px;
        width: auto;
        max-height: 120px
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes .prize__image {
        min-height: 200px
    }
    .kr-section .event__prizes .prize__image img {
        max-width: 330px;
        width: auto;
        max-height: none
    }
}

.kr-section .event__prizes .prize__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 10px 5px;
    margin: 10% 0 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #fff
}

@media (min-width: 768px) {
    .kr-section .event__prizes .prize__title {
        width: 100%;
        height: 70px;
        font-size: 13px;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes .prize__title {
        font-size: 22px
    }
}

.kr-section .event__prizes-foot {
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5)
}

.kr-section .event__prizes-foot p {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .kr-section .event__prizes-foot {
        font-size: 10px;
        text-align: right
    }
}

@media (min-width: 1200px) {
    .kr-section .event__prizes-foot {
        padding: 20px 60px 0 20px;
        font-size: 17px
    }
}

.kr-section .steps__header h2 {
    font-size: 18px;
    color: #ffd79b;
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .kr-section .steps__header h2 {
        font-size: 30px;
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__header h2 {
        font-size: 50px
    }
}

.kr-section .steps__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
    border-radius: 10px;
    counter-reset: section
}

@media (min-width: 768px) {
    .kr-section .steps__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.kr-section .steps__list .step {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
    margin-top: 2px
}

@media (min-width: 768px) {
    .kr-section .steps__list .step {
        -webkit-box-flex: 0.25;
        -ms-flex: 0.25;
        flex: 0.25;
        padding-top: 25px;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.kr-section .steps__list .step:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: 16px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background-color: #3f2324;
    font-size: 14px;
    line-height: 1;
    color: #fff
}

@media (min-width: 768px) {
    .kr-section .steps__list .step:before {
        top: 25px;
        left: 10px;
        width: 24px;
        height: 24px;
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__list .step:before {
        top: 25px;
        left: 20px;
        width: 32px;
        height: 32px;
        font-size: 24px
    }
}

.kr-section .steps__list .step__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 15px;
    width: 50%
}

.kr-section .steps__list .step__image img {
    max-width: 100%
}

@media (min-width: 768px) {
    .kr-section .steps__list .step__image {
        width: auto;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .kr-section .steps__list .step__image img {
        max-width: 90px
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__list .step__image img {
        max-width: 100%
    }
}

.kr-section .steps__list .step__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 10px 5px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #000
}

@media (min-width: 768px) {
    .kr-section .steps__list .step__text {
        font-size: 12px;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__list .step__text {
        font-size: 19px
    }
}

@media (min-width: 768px) {
    .kr-section .steps__list .step:first-of-type {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }
    .kr-section .steps__list .step:first-of-type .step__text {
        border-bottom-left-radius: 5px
    }
}

@media (min-width: 768px) {
    .kr-section .steps__list .step:last-of-type {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
    .kr-section .steps__list .step:last-of-type .step__text {
        border-bottom-right-radius: 5px
    }
}

.kr-section .steps__foot .big-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 25px 40px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    border-radius: 80px;
    background-color: #c98959;
    color: #fff;
    border: 3px solid #000;
    transition: .3s ease-in-out
}

.kr-section .steps__foot .big-btn:hover {
    background-color: #c37b46
}

.kr-section .steps__foot .big-btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 40px;
    background: url("../img/initiative/icon-click.png") 0 0/contain no-repeat;
    width: 50px;
    height: 30px
}

@media (min-width: 768px) {
    .kr-section .steps__foot .big-btn:after {
        right: 10px;
        top: 25px
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__foot .big-btn:after {
        width: 100px;
        height: 75px;
        right: 20px;
        top: 30px
    }
}

@media (min-width: 768px) {
    .kr-section .steps__foot .big-btn {
        font-size: 15px
    }
}

@media (min-width: 1200px) {
    .kr-section .steps__foot .big-btn {
        font-size: 25px;
        padding: 25px
    }
}

@media (min-width: 768px) {
    .kr-section .rules {
        padding: 25px 50px 0 50px
    }
}

@media (min-width: 1200px) {
    .kr-section .rules {
        padding: 50px 100px 0 100px
    }
}

.kr-section .rules__header h2 {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #fff
}

@media (min-width: 768px) {
    .kr-section .rules__header h2 {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .kr-section .rules__header h2 {
        font-size: 30px
    }
}

.kr-section .rules__list {
    padding-left: 20px
}

.kr-section .rules__list li {
    font-size: 10px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 5px
}

.kr-section .rules__list li:last-child {
    color: #c98959
}

@media (min-width: 1200px) {
    .kr-section .rules__list li {
        font-size: 17px
    }
}

.initiative-page .initiative-head {
    display: block;
    height: 460px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.initiative-page .initiative-head .col-phone-12 {
    position: relative;
    height: 460px
}

.initiative-page .initiative-head .col-phone-12 a {
    position: absolute;
    right: 10px;
    bottom: 60px
}

.initiative-page .initiative-head--bg-dark {
    background-color: #070809;
    background-size: 320px
}

@media (min-width: 768px) {
    .initiative-page .initiative-head--bg-dark {
        background-size: cover
    }
}

.initiative-page .initiative-head--bg-dark .container {
    padding: 0
}

.initiative-page .initiative-head--bg-dark .col-phone-12 {
    position: relative;
    padding: 0
}

.initiative-page .initiative-head--bg-dark .col-phone-12 a {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.initiative-page .initiative-video-section-top {
    padding-top: 4rem
}

.initiative-page .initiative-video-section-top p {
    text-align: left
}

.initiative-page .initiative-video-section-top h2>div {
    max-width: 260px
}

.initiative-page .initiative-video-section-top .content {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3rem
}

.initiative-page .initiative-video-section-top .content>img {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 2rem
}

.initiative-page .initiative-video-section-top .content p {
    padding-bottom: 2rem
}

.initiative-page .initiative-video-section-top .content ul {
    padding-left: 2rem;
    margin-bottom: 2rem
}

.initiative-page .initiative-video-section-bottom {
    background-color: #f4f4f4;
    margin-bottom: 5rem;
    text-align: center;
    position: relative;
    top: -5px;
    margin-top: -55px
}

.initiative-page .initiative-video-section-bottom .border-brass-bottom {
    height: 70px
}

.initiative-page .initiative-video-section-bottom h2 {
    margin-top: -16px
}

.initiative-page .initiative-video-section-bottom h2>div {
    margin: 0 auto;
    max-width: 240px;
    background-color: #f4f4f4
}

.initiative-page .initiative-video-section-bottom a {
    position: relative;
    top: 20px
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after {
    margin-top: 0;
    background-color: #fff
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after h2>div {
    max-width: 100%;
    background-color: #fff
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after .content p {
    padding-bottom: 2rem
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after .content,
.initiative-page .initiative-video-section-bottom.initiative-featured-after p.section-desc {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: left
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after .border-brass-bottom {
    height: auto;
    overflow: auto;
    padding-top: 3.6rem;
    padding-bottom: 2.4rem
}

.initiative-page .initiative-video-section-bottom.initiative-featured-after .positioned {
    max-width: 100%;
    height: auto
}

.initiative-page .initiative-featured-product {
    background: #111 url("../img/common/blue-gradient-bg.png") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 1rem
}

.initiative-page .initiative-featured-product h2 {
    color: #fff;
    position: relative;
    z-index: 100
}

.initiative-page .initiative-featured-product .product {
    margin: 3rem auto 5rem;
    color: #fff;
    max-width: 100%
}

.initiative-page .initiative-featured-product .product>a {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .initiative-page .initiative-featured-product .product>a {
        max-width: 220px
    }
}

@media (max-width: 1200px) {
    .initiative-page .initiative-featured-product .product>a img {
        max-width: 100%
    }
}

.initiative-page .initiative-featured-product .col-phone-12 {
    position: relative
}

.initiative-page .initiative-featured-product .col-phone-12>img {
    position: absolute;
    top: -60px;
    right: -150px;
    z-index: 100
}

.initiative-page .after-video img {
    display: block;
    margin: 0 auto 1rem
}

.initiative-page .after-video p.section-desc {
    text-align: left
}

.initiative-page .article-listing {
    padding-top: 1rem
}

.initiative-page .video-section {
    padding-top: 1rem
}

.initiative-page .video-section .video {
    position: relative;
    z-index: 100
}

.initiative-page .initiative-countdown {
    background: #000;
    color: #fff;
    padding: 20px 0
}

.initiative-page .initiative-countdown .initiative-countdown__timer {
    width: 270px;
    margin: 0 auto
}

.initiative-page .initiative-countdown .initiative-countdown__timer::after {
    content: "";
    display: table;
    clear: both
}

.initiative-page .initiative-countdown .initiative-countdown__timer_item {
    position: relative;
    float: left;
    width: 60px;
    color: #fff;
    font-weight: 700
}

.initiative-page .initiative-countdown .initiative-countdown__timer_val {
    padding-top: 2px;
    text-align: center;
    font-size: 11px
}

.initiative-page .initiative-countdown .initiative-countdown__timer_unit {
    border-radius: 5px;
    background: #494948;
    width: 28px;
    line-height: 34px;
    text-align: center;
    float: left
}

.initiative-page .initiative-countdown .initiative-countdown__timer_unit:last-child {
    float: right
}

.initiative-page .initiative-countdown .initiative-countdown__timer_dots {
    width: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    float: left
}

.initiative-page .initiative-countdown .initiative-countdown__timer_time {
    position: relative;
    z-index: 2;
    font-size: 24px
}

.initiative-page .initiative-countdown .initiative-countdown__timer_time::after {
    content: "";
    display: table;
    clear: both
}

.initiative-page .initiative-countdown .initiative-countdown__footer {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 20px;
    font-family: 'Oblik Bold', sans-serif;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .04em
}

.initiative-page .initiative-countdown .initiative-countdown__small {
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Oblik Bold', sans-serif
}

.initiative-page .initiative-countdown .initiative-countdown--banner img,
.initiative-page .initiative-countdown .initiative-countdown--image img {
    margin: 0 auto;
    display: block;
    width: 500px;
    max-width: 100%
}

.initiative-page .initiative-countdown .initiative-countdown--image {
    padding-bottom: 20px
}

.initiative-page .initiative-countdown .car-info {
    display: block;
    background: url("../img/initiative/car_info.jpg") no-repeat;
    background-size: cover;
    width: 280px;
    height: 174px;
    margin: 0 auto 30px;
    padding: 95px 0 0 0;
    text-align: center;
    letter-spacing: .025em;
    text-transform: uppercase;
    transition: 250ms opacity;
    color: #fff
}

.initiative-page .initiative-countdown .car-info:hover {
    opacity: .8
}

.initiative-page .initiative-countdown .car-info h3,
.initiative-page .initiative-countdown .car-info .in-action-header .content sup,
.in-action-header .content .initiative-page .initiative-countdown .car-info sup {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Oblik Bold', sans-serif;
    color: #fff
}

.initiative-page .initiative-countdown .car-info p {
    font-size: 12px;
    font-family: 'Oblik Bold', sans-serif;
    color: #fff
}

.initiative-page .initiative-big-content {
    margin-top: 70px
}

.initiative-page .initiative-big-content .image-header {
    width: 260px;
    margin: -40px auto 20px
}

.initiative-page .initiative-big-content .image-header img {
    height: auto;
    max-width: 100%
}

.initiative-page .initiative-big-content .content {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 300;
    padding: 0 20px 20px
}

.initiative-page .initiative-big-content .content .button {
    font-family: 'Oblik Bold', sans-serif;
    display: block;
    background: #c98959;
    height: 48px;
    line-height: 48px;
    color: #fff;
    border-radius: 24px;
    padding: 0 20px;
    font-size: 14px;
    transition: all 250ms;
    margin: 0 auto;
    text-align: center;
    width: 250px
}

.initiative-page .initiative-big-content .content .button:hover {
    opacity: .8
}

.initiative-page .initiative-big-content .content .cover-photo {
    padding-top: 30px
}

.initiative-page .initiative-big-content .content .cover-photo img {
    margin: 0 auto 30px;
    width: 60%;
    height: auto
}

.initiative-page .initiative-big-content .content img {
    max-width: 100%;
    height: auto;
    display: block
}

.initiative-page .initiative-big-content .content p {
    letter-spacing: .02em;
    padding-bottom: 30px
}

.initiative-page .initiative-big-content .content h4 {
    color: #c98959;
    font-size: 24px;
    font-family: 'Oblik Bold', sans-serif;
    padding-bottom: 10px;
    text-transform: uppercase
}

.initiative-page .initiative-big-content .content blockquote p {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 700;
    padding-bottom: 10px
}

.initiative-page .initative-video-left {
    background: #000
}

.initiative-page .initative-video-left.video-section {
    border-bottom: 0;
    padding-top: 0
}

.initiative-page .initative-video-left .border-brass {
    border-top: 0;
    border-bottom: 0
}

.initiative-page .initative-video-left h4 {
    font-family: 'Oblik Bold', sans-serif;
    color: #c98959;
    font-size: 24px;
    line-height: 32px;
    padding: 20px
}

.initiative-page .initative-video-left .video-container {
    width: auto;
    height: auto;
    top: auto;
    margin-left: 9px;
    margin-bottom: 40px
}

.initiative-page .initative-video-left .video-container .video-player {
    float: left;
    width: calc(100% - 90px);
    position: relative
}

.initiative-page .initative-video-left .video-container .video-player:after {
    content: '';
    background: url("../img/initiative/video-bunny.png") no-repeat;
    background-size: cover;
    width: 73px;
    height: 143px;
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.initiative-page .initiative-bottom {
    margin-bottom: 60px
}

.initiative-page .initiative-bottom h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    font-family: 'Oblik Bold', sans-serif
}

.initiative-page .initiative-bottom .initiative-bottom--circle {
    margin: 30px auto;
    width: 80%
}

.initiative-page .initiative-bottom .initiative-bottom--circle img {
    width: 100%;
    height: auto
}

.initiative-page .initiative-bottom .initiative-bottom--circle a {
    transition: 250ms opacity
}

.initiative-page .initiative-bottom .initiative-bottom--circle a:hover {
    opacity: .8
}

.initiative-page .initiative-bottom .initiative-bottom__inner {
    padding: 20px
}

.initiative-page .initiative-bottom .initiative-bottom__inner::after {
    content: "";
    display: table;
    clear: both
}

.initiative-page .initiative-bottom .initiative-bottom--photo {
    margin: 0 auto;
    width: 90%
}

.initiative-page .initiative-bottom .initiative-bottom--photo::after {
    content: "";
    display: table;
    clear: both
}

.initiative-page .initiative-bottom .initiative-bottom--photo img {
    max-width: 100%;
    height: auto
}

.initiative-page .initiative-bottom.initiative-bottom--text img {
    max-width: 100%;
    display: block;
    margin: 0 auto 30px
}

.initiative-page .initiative-bottom.initiative-bottom--text p {
    letter-spacing: .02em;
    padding-bottom: 30px
}

@media (min-width: 768px) {
    .initiative-page .initiative-head {
        height: 750px
    }
    .initiative-page .initiative-head .col-phone-12 {
        height: 750px
    }
    .initiative-page .initiative-head .col-phone-12 a {
        right: 0;
        bottom: 115px
    }
    .initiative-page .initiative-head--bg-dark {
        background-size: contain
    }
    .initiative-page .initiative-head--bg-dark .col-phone-12 a {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .initiative-page .initiative-video-section-top p,
    .initiative-page .initiative-video-section-top li,
    .initiative-page .initiative-video-section-top span {
        font-size: 1.6rem
    }
    .initiative-page .initiative-video-section-top p.section-desc {
        text-align: center
    }
    .initiative-page .initiative-video-section-top h2>div {
        max-width: 600px;
        font-size: 3.2rem
    }
    .initiative-page .initiative-video-section-top .content {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .initiative-page .initiative-video-section-top.initiative-featured-before h2>div {
        font-size: 4.8rem
    }
    .initiative-page .initiative-video-section-bottom {
        margin-top: -115px
    }
    .initiative-page .initiative-video-section-bottom .border-brass-bottom {
        height: 140px
    }
    .initiative-page .initiative-video-section-bottom h2 {
        margin-top: -32px
    }
    .initiative-page .initiative-video-section-bottom h2>div {
        max-width: 490px
    }
    .initiative-page .initiative-video-section-bottom a {
        top: 26px
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after p,
    .initiative-page .initiative-video-section-bottom.initiative-featured-after li,
    .initiative-page .initiative-video-section-bottom.initiative-featured-after span {
        font-size: 1.6rem
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after h2 {
        margin-top: 0;
        font-size: 4.8rem
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .content,
    .initiative-page .initiative-video-section-bottom.initiative-featured-after p.section-desc {
        padding-left: 6rem;
        padding-right: 6rem;
        text-align: left
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after p.section-desc {
        text-align: center
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .content>img {
        margin-left: auto;
        margin-right: auto;
        display: block
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .border-brass-bottom {
        padding-top: 7.2rem;
        padding-bottom: 4.8rem
    }
    .initiative-page .initiative-featured-product {
        background-size: 1200px auto;
        padding-top: 2rem
    }
    .initiative-page .initiative-featured-product .product {
        overflow: hidden
    }
    .initiative-page .initiative-featured-product .product>div {
        width: 390px;
        float: left
    }
    .initiative-page .initiative-featured-product .product>div .rating {
        margin-top: 0
    }
    .initiative-page .initiative-featured-product .product .qty {
        margin-top: 2rem
    }
    .initiative-page .initiative-featured-product .product>a {
        float: left;
        margin-right: 4rem;
        margin-left: 0;
        clear: both
    }
    .initiative-page .initiative-featured-product .product form a {
        position: absolute;
        bottom: -26px;
        z-index: 100
    }
    .initiative-page .article-listing {
        padding-top: 5rem
    }
    .initiative-page .after-video img {
        float: right;
        display: block;
        margin: 1rem 0 0 1rem;
        width: 300px;
        height: auto
    }
    .initiative-page .initiative-countdown {
        padding: 40px 0
    }
    .initiative-page .initiative-countdown .initiative-countdown__timer {
        width: 380px
    }
    .initiative-page .initiative-countdown .initiative-countdown__timer_unit {
        width: 38px;
        line-height: 42px
    }
    .initiative-page .initiative-countdown .initiative-countdown__timer_item {
        width: 80px
    }
    .initiative-page .initiative-countdown .initiative-countdown__timer_time {
        font-size: 30px
    }
    .initiative-page .initiative-countdown .initiative-countdown__timer_dots {
        width: 20px
    }
    .initiative-page .initiative-countdown .initiative-countdown__footer {
        font-size: 25px;
        padding-top: 40px
    }
    .initiative-page .initiative-countdown .initiative-countdown__small {
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px
    }
    .initiative-page .initiative-countdown .initiative-countdown--image {
        padding-bottom: 40px
    }
    .initiative-page .initiative-countdown .car-info {
        width: 410px;
        height: 255px;
        padding: 140px 0 0 0
    }
    .initiative-page .initiative-countdown .car-info h3,
    .initiative-page .initiative-countdown .car-info .in-action-header .content sup,
    .in-action-header .content .initiative-page .initiative-countdown .car-info sup {
        font-size: 32px;
        line-height: 38px
    }
    .initiative-page .initiative-big-content {
        margin-top: 120px
    }
    .initiative-page .initiative-big-content .image-header {
        width: 400px;
        margin: -64px auto 40px
    }
    .initiative-page .initiative-big-content .content {
        padding: 0 40px 40px
    }
    .initiative-page .initiative-big-content .content h3,
    .initiative-page .initiative-big-content .in-action-header .content sup,
    .in-action-header .initiative-page .initiative-big-content .content sup {
        font-size: 3.4rem
    }
    .initiative-page .initiative-big-content .content h4 {
        font-size: 38px
    }
    .initiative-page .initiative-big-content .content p {
        font-size: 1.8rem
    }
    .initiative-page .initiative-big-content .content .button {
        margin-top: 10px;
        padding: 0 30px;
        font-size: 2.6rem;
        height: 70px;
        line-height: 70px;
        letter-spacing: 0.02em;
        border-radius: 35px;
        text-align: center;
        width: 490px
    }
    .initiative-page .initative-video-left h4 {
        font-size: 38px;
        line-height: 46px;
        padding: 40px
    }
    .initiative-page .initative-video-left .video-container {
        margin-bottom: 70px
    }
    .initiative-page .initative-video-left .video-container .video-player {
        width: 500px
    }
    .initiative-page .initative-video-left .video-container .video-player:after {
        width: 175px;
        height: 347px;
        bottom: -20px
    }
    .initiative-page .initiative-bottom h4 {
        width: 80%;
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 40px
    }
    .initiative-page .initiative-bottom.initiative-bottom--text p {
        font-size: 1.8rem
    }
    .initiative-page .initiative-bottom .initiative-bottom--circle {
        width: 65%
    }
    .initiative-page .initiative-bottom .initiative-bottom__inner {
        padding: 40px
    }
    .initiative-page .initiative-bottom .initiative-bottom--photo {
        width: 80%
    }
    .page-id-3998 .initiative-page.de-DE .initiative-head .col-phone-12 a {
        right: 0;
        bottom: 75px
    }
}

@media (min-width: 1200px) {
    .initiative-page .initiative-head {
        height: 610px
    }
    .initiative-page .initiative-head .col-phone-12 {
        height: 610px
    }
    .initiative-page .initiative-head--bg-dark {
        height: 547px
    }
    .initiative-page .initiative-head--bg-dark .col-phone-12 {
        height: 547px
    }
    .initiative-page .initiative-video-section-top h2>div {
        max-width: 800px
    }
    .initiative-page .initiative-video-section-top .content {
        padding-left: 8rem;
        padding-right: 8rem;
        padding-bottom: 6rem
    }
    .initiative-page .initiative-video-section-top .content>img:first-child {
        float: right;
        margin-left: 6rem;
        margin-top: 3rem
    }
    .initiative-page .initiative-video-section-top .content .alignright {
        float: right;
        margin-left: 6rem
    }
    .initiative-page .initiative-video-section-bottom {
        margin-bottom: 8rem
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .content {
        position: relative;
        width: 45%;
        left: 55%;
        margin-top: 40px
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .positioned {
        position: absolute;
        width: 610px;
        max-width: none;
        height: auto;
        left: -610px;
        top: -30px;
        margin: 0
    }
    .initiative-page .initiative-video-section-bottom.initiative-featured-after .border-brass-bottom {
        padding-top: 9.6rem;
        overflow: visible
    }
    .initiative-page .initiative-featured-product {
        padding-top: 6rem
    }
    .initiative-page .initiative-featured-product .product {
        margin-top: 6rem
    }
    .initiative-page .initiative-featured-product .product>div {
        width: 320px
    }
    .initiative-page .initiative-featured-product .product>a {
        margin-right: 7em
    }
    .initiative-page .video-section {
        padding-top: 2rem
    }
    .initiative-page .after-video {
        text-align: left
    }
    .initiative-page .after-video p.section-desc {
        padding: 0 8rem
    }
    .initiative-page .after-video img {
        float: right;
        display: block;
        margin: 0 0 0 2rem;
        width: 500px;
        height: auto;
        clear: both
    }
    .initiative-page .after-video a {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .initiative-page .initiative-countdown .initiative-countdown--image,
    .initiative-page .initiative-countdown .initiative-countdown--banner {
        padding-bottom: 0
    }
    .initiative-page .initiative-countdown .initiative-countdown--image img,
    .initiative-page .initiative-countdown .initiative-countdown--banner img {
        width: auto
    }
    .initiative-page .initiative-countdown .initiative-countdown__footer {
        max-width: 100%;
        margin: 0
    }
    .initiative-page .initiative-big-content {
        margin-top: 170px
    }
    .initiative-page .initiative-big-content .image-header {
        width: auto;
        margin: -88px auto 40px
    }
    .initiative-page .initiative-big-content .content h2 {
        max-width: none
    }
    .initiative-page .initiative-big-content .content .cover-photo {
        position: relative;
        padding-left: 410px;
        padding-bottom: 0;
        padding-top: 60px;
        margin-bottom: 60px;
        letter-spacing: 0;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif
    }
    .initiative-page .initiative-big-content .content .cover-photo img {
        width: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0
    }
    .initiative-page .initiative-big-content .content p {
        padding-bottom: 60px
    }
    .initiative-page .initiative-big-content .content h4 {
        font-size: 48px
    }
    .initiative-page .initative-video-left h4 {
        font-size: 54px;
        line-height: 56px
    }
    .initiative-page .initative-video-left .video-container .video-player {
        width: 900px
    }
    .initiative-page .initative-video-left .video-container .video-player:after {
        bottom: -40px;
        width: 346px;
        height: 681px
    }
    .initiative-page .initiative-bottom h4 {
        float: right;
        font-size: 38px;
        line-height: 44px;
        width: 420px;
        text-align: right;
        margin-right: 30px;
        margin-bottom: 130px
    }
    .initiative-page .initiative-bottom .initiative-bottom--circle {
        margin: auto;
        position: absolute;
        left: 40px;
        top: 20px;
        z-index: 0;
        width: auto
    }
    .initiative-page .initiative-bottom .initiative-bottom--photo {
        width: auto
    }
    .initiative-page .initiative-bottom .initiative-bottom--photo img {
        float: right
    }
    .initiative-page .initiative-bottom.initiative-bottom--text p {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 820px) {
    .rnl-wrapper {
        position: relative;
        width: 100%;
        height: 0
    }
    .rnl-wrapper .rnl-button {
        width: 320px;
        height: 80px;
        position: absolute;
        top: 360px;
        left: 320px
    }
    .rnl-wrapper .rnl-anchor {
        width: 100px;
        height: 5px;
        top: 1090px;
        position: absolute
    }
}

@media screen and (min-width: 970px) {
    .rnl-wrapper .rnl-button {
        top: 370px;
        left: 380px
    }
}

@media screen and (min-width: 1080px) {
    .rnl-wrapper {
        width: 1080px;
        margin: 0 auto
    }
    .rnl-wrapper .rnl-button {
        width: 260px;
        height: 60px;
        top: 380px;
        left: 422px
    }
}

@-webkit-keyframes clouds {
    from {
        -webkit-transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(50%)
    }
}

@keyframes clouds {
    from {
        -webkit-transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(50%)
    }
}

@-webkit-keyframes clouds-reverse {
    from {
        -webkit-transform: translateX(50%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

@keyframes clouds-reverse {
    from {
        -webkit-transform: translateX(50%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

.initiative-page--starwars .container {
    padding: 0 4%;
    max-width: none
}

@media (min-width: 768px) {
    .initiative-page--starwars .container {
        padding: 0 9%;
        max-width: none
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .container {
        padding: 0 1rem;
        max-width: 1080px
    }
}

.initiative-page--starwars .initiative-head {
    background-color: #000;
    height: 100vw
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-head {
        height: 640px;
        max-height: 640px
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .initiative-head {
        height: 550px;
        max-height: 550px
    }
}

.initiative-page--starwars .initiative-head img {
    max-width: 100%
}

.initiative-page--starwars .initiative-head img.only-tablet,
.initiative-page--starwars .initiative-head img.only-mobile {
    display: none
}

@media (max-width: 767px) {
    .initiative-page--starwars .initiative-head img.only-mobile {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .initiative-page--starwars .initiative-head img.only-tablet {
        display: block;
        width: 150%;
        max-width: 150%;
        -webkit-transform: translateX(-16%);
        transform: translateX(-16%)
    }
}

.initiative-page--starwars .background-section--falcon {
    min-height: 400px;
    background-image: url("../img/initiative/starwars/falcon-bg.jpg");
    background-position: 100% 0;
    background-size: 800px
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--falcon {
        min-height: 550px;
        background-position: 50% 0;
        background-size: contain
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .background-section--falcon {
        background-position: 50% 0px;
        background-size: cover
    }
}

.initiative-page--starwars .background-section--falcon .container {
    padding-top: 220px;
    position: relative
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--falcon .container {
        padding-top: 0
    }
}

.initiative-page--starwars .background-section--falcon .falcon {
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--falcon .falcon {
        right: 0;
        -webkit-transform: translate(25%, 0);
        transform: translate(25%, 0);
        max-width: 50%
    }
}

.initiative-page--starwars .background-section--falcon .falcon img {
    transition: opacity .3s ease-in-out;
    max-height: 200px
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--falcon .falcon img {
        max-height: none
    }
}

.initiative-page--starwars .background-section--falcon .falcon--hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.initiative-page--starwars .background-section--falcon .falcon:hover .falcon--hover {
    opacity: 1
}

.initiative-page--starwars .background-section--meet-travelers {
    min-height: 520px;
    background-image: url("../img/initiative/starwars/meet-travelers-mobile.jpg");
    position: relative;
    padding-top: 337px;
    background-size: 768px;
    background-position: 35% 0
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--meet-travelers {
        padding-top: 0;
        padding-bottom: 4rem;
        background-image: url("../img/initiative/starwars/meet-travelers.jpg");
        background-position: 72% 100%;
        background-size: 1300px
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .background-section--meet-travelers {
        min-height: 770px;
        background-position: 50% -10px;
        background-size: cover
    }
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--meet-travelers .section__header,
    .initiative-page--starwars .background-section--meet-travelers .section__content {
        max-width: 345px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--meet-travelers .section__header p,
    .initiative-page--starwars .background-section--meet-travelers .section__content p {
        color: #fff
    }
}

.initiative-page--starwars .background-section--into-galaxy {
    position: relative;
    background-color: #fff;
    padding-top: 280px;
    background-image: url("../img/initiative/starwars/into-galaxy-bg.jpg");
    background-size: 790px;
    background-position: 100% 0px;
    padding-bottom: 4rem
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--into-galaxy {
        padding-top: 0;
        background-size: cover;
        background-position: 40% 0px
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .background-section--into-galaxy {
        min-height: 628px;
        background-position: 50% -40px
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .background-section--into-galaxy .section__header {
        padding-top: 7rem
    }
}

.initiative-page--starwars .background-section--into-galaxy .section__content {
    max-width: 425px;
    width: 100%
}

.initiative-page--starwars .background-section--into-galaxy .container {
    position: relative;
    z-index: 1
}

.initiative-page--starwars .background-section--into-galaxy .hills {
    position: absolute;
    top: 125px;
    right: 0;
    z-index: 1;
    height: 155px
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--into-galaxy .hills {
        position: absolute;
        bottom: 0;
        top: auto;
        right: -200px;
        height: auto;
        max-width: 155%
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .background-section--into-galaxy .hills {
        right: 0
    }
}

.initiative-page--starwars .background-section--into-galaxy .layer {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.initiative-page--starwars .background-section--into-galaxy .layer--clouds {
    -webkit-animation-name: clouds;
    animation-name: clouds;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: url("../img/initiative/starwars/clouds-fg.png") repeat-x 0 100%;
    width: 4420px;
    height: 280px;
    top: 0;
    opacity: .5
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--into-galaxy .layer--clouds {
        height: 312px;
        top: auto;
        opacity: 1
    }
}

.initiative-page--starwars .background-section--into-galaxy .layer--clouds-reverse {
    -webkit-animation-name: clouds-reverse;
    animation-name: clouds-reverse;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: url("../img/initiative/starwars/clouds-bg.png") repeat-x 0 100%;
    width: 4420px;
    height: 280px;
    top: 0
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--into-galaxy .layer--clouds-reverse {
        height: 312px;
        top: auto
    }
}

.initiative-page--starwars .background-section--into-galaxy .layer--fg {
    z-index: 1
}

.initiative-page--starwars .background-section--into-galaxy .layer--bg {
    z-index: 0;
    height: 280px;
    top: 0
}

@media (min-width: 768px) {
    .initiative-page--starwars .background-section--into-galaxy .layer--bg {
        height: 450px;
        top: auto
    }
}

.initiative-page--starwars .product-listing {
    z-index: 1
}

.initiative-page--starwars .product-listing h2 div {
    margin-bottom: 0;
    font-size: 2.3rem;
    color: #fff
}

.initiative-page--starwars .product-listing h2 div br {
    display: none
}

@media (min-width: 768px) {
    .initiative-page--starwars .product-listing h2 div {
        font-size: 3.2rem
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .product-listing h2 div {
        font-size: 5.4rem
    }
    .initiative-page--starwars .product-listing h2 div br {
        display: inline
    }
}

.initiative-page--starwars .product-listing .product {
    padding: 0
}

@media (min-width: 768px) {
    .initiative-page--starwars .product-listing .product>a {
        text-align: left
    }
}

.initiative-page--starwars .product-listing .product .button {
    max-width: 235px;
    margin-top: 3rem;
    height: auto;
    line-height: 1;
    text-align: center
}

@media (max-width: 767px) {
    .initiative-page--starwars .product-listing .product .button {
        margin: 2rem auto
    }
}

.initiative-page--starwars .product-listing .product h3,
.initiative-page--starwars .product-listing .product .in-action-header .content sup,
.in-action-header .content .initiative-page--starwars .product-listing .product sup {
    margin-top: 4rem;
    font-family: 'Oblik Bold', sans-serif
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-video-section-top {
        margin-top: 80px
    }
}

.initiative-page--starwars .initiative-video-section-top h2 div {
    margin-bottom: 0;
    font-size: 2.3rem
}

.initiative-page--starwars .initiative-video-section-top h2 div br {
    display: none
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-video-section-top h2 div {
        font-size: 3.2rem
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .initiative-video-section-top h2 div {
        font-size: 5.4rem
    }
    .initiative-page--starwars .initiative-video-section-top h2 div br {
        display: inline
    }
}

.initiative-page--starwars .initiative-video-section-top p {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.9rem
}

.initiative-page--starwars .initiative-video-section-top p br {
    display: none
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-video-section-top p {
        margin-top: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .initiative-video-section-top p {
        margin-top: 2.2rem;
        font-size: 1.5rem;
        line-height: 2.6rem
    }
    .initiative-page--starwars .initiative-video-section-top p br {
        display: inline
    }
}

.initiative-page--starwars .initiative-video-section-bottom {
    margin-bottom: 0;
    margin-top: 0;
    top: 0
}

.initiative-page--starwars .initiative-video-section-bottom h2 {
    margin-bottom: 4rem
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-video-section-bottom h2 {
        margin-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .initiative-page--starwars .initiative-video-section-bottom h2 {
        margin-bottom: 9rem
    }
}

@media (min-width: 768px) {
    .initiative-page--starwars .initiative-video-section-bottom h2>div {
        max-width: 600px
    }
}

.page-template-initiative-x-mass-express .initiative-page .content h2>small {
    font-size: 100%
}

.page-template-initiative-x-mass-express .initiative-page .content h2>small>span {
    display: block;
    font-size: 70%;
    color: #000000
}

.page-template-initiative-x-mass-express .initiative-page .content h2>small+br,
.page-template-initiative-x-mass-express .initiative-page .content h2>span+br {
    display: none
}

.page-template-initiative-x-mass-express .initiative-page .initiative-big-content .content img.alignleft {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle
}

.page-template-initiative-x-mass-express .initiative-page .initiative-big-content .content img.alignleft+p {
    display: inline-block;
    padding-bottom: 0;
    vertical-align: middle
}

@media (min-width: 768px) {
    .page-template-initiative-x-mass-express .initiative-page .initiative-bottom__inner {
        padding: 0 40px 40px
    }
}

.press-listing .press-listing-head {
    background: #111 url("../img/common/grey-gradient-bg.jpg") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    padding-bottom: 18rem;
    height: auto
}

.press-listing .press-listing-head h2,
.press-listing .press-listing-head p {
    color: #fff
}

.press-listing .press-listing-head img {
    display: block;
    height: 300px;
    width: auto;
    margin: 0 auto
}

.press-featured .content {
    background-color: #111;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    position: relative;
    margin-top: -280px
}

.press-featured .content h3,
.press-featured .in-action-header .content sup,
.in-action-header .press-featured .content sup {
    margin-bottom: 2rem;
    font-size: 2.4rem
}

.press-featured .content h3 a,
.press-featured .in-action-header .content sup a,
.in-action-header .press-featured .content sup a {
    color: #fff
}

.press-featured .content p {
    margin-bottom: 2rem;
    color: #fff
}

.press-featured .content .date {
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 2rem
}

.press-featured .content>img {
    position: absolute;
    z-index: 100
}

.press-listing-content {
    position: relative;
    padding-top: 2rem
}

.press-listing-content .press-item {
    background-color: #f4f4f4;
    position: relative;
    margin-bottom: 2rem;
    padding: 35px 25px
}

.press-listing-content .press-item h3,
.press-listing-content .press-item .in-action-header .content sup,
.in-action-header .content .press-listing-content .press-item sup {
    color: #c98959
}

.press-listing-content .press-item .content {
    color: #666;
    padding: 1rem 0 3rem
}

.press-listing-content .press-item .date {
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700
}

.press-listing-content .press-item .link-more {
    float: right
}

.press-listing-content .press-item:hover {
    background-color: #111
}

.press-listing-content .press-item:hover .content,
.press-listing-content .press-item:hover .date {
    color: #fff
}

@media (max-width: 767px) {
    .press-featured .col-phone-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .press-listing .press-listing-head {
        background-size: 1200px auto;
        padding-bottom: 21rem
    }
    .press-featured .content {
        background: #111 url("../img/home/we-are-duracell-logo-grey.png") no-repeat 50% 100%;
        background-size: contain;
        min-height: 400px;
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
        padding-left: 6.5rem;
        padding-right: 6.5rem;
        margin-top: -145px
    }
    .press-featured .content h3,
    .press-featured .in-action-header .content sup,
    .in-action-header .press-featured .content sup {
        font-size: 3.6rem;
        max-width: 400px
    }
    .press-featured .content p {
        max-width: 380px
    }
    .press-featured .content>img {
        width: 280px;
        right: -20px;
        bottom: -30px
    }
}

@media (min-width: 1200px) {
    .press-featured .content h3,
    .press-featured .in-action-header .content sup,
    .in-action-header .press-featured .content sup {
        max-width: 660px
    }
    .press-featured .content p {
        max-width: 640px
    }
    .press-featured .content>img {
        width: 320px;
        right: 0;
        bottom: -46px
    }
    .press-listing-content {
        padding-top: 4.5rem
    }
}

.ru-RU .press-featured .content .date {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .press-listing-content .press-item .date {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .press-featured .content .date {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .press-listing-content .press-item .date {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.press-asset-grid {
    position: relative;
    z-index: 10;
    margin-top: -6rem;
    padding-bottom: 3rem
}

.press-asset-grid .brand-asset {
    background-color: #f4f4f4;
    position: relative;
    margin-bottom: 2rem;
    padding: 35px 25px
}

.press-asset-grid .brand-asset h3,
.press-asset-grid .brand-asset .in-action-header .content sup,
.in-action-header .content .press-asset-grid .brand-asset sup {
    color: #c98959
}

.press-asset-grid .brand-asset .content {
    color: #666;
    padding: 1rem 0
}

.press-asset-grid .brand-asset .type {
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700
}

.press-asset-grid .brand-asset img {
    width: 35px;
    height: auto;
    float: right;
    margin-left: 3rem
}

.press-asset-grid .brand-asset .link-download {
    float: right
}

.press-asset-grid .brand-asset:hover {
    background-color: #111
}

.press-asset-grid .brand-asset:hover .content,
.press-asset-grid .brand-asset:hover .type {
    color: #fff
}

@media (min-width: 1200px) {
    .press-asset-grid {
        margin-top: -6rem;
        padding-bottom: 4.5rem
    }
}

.ru-RU .press-asset-grid .brand-asset .type {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .press-asset-grid .brand-asset .type {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.press-auth {
    background: url("../img/common/gradient-big.jpg") repeat;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
    position: relative;
    z-index: 10
}

.press-auth h2,
.press-auth p {
    color: #fff;
    padding-left: 2rem;
    padding-right: 2rem
}

.press-auth h2 {
    text-transform: none
}

.press-auth+.footnav {
    margin-top: -10px
}

.press-auth.press-logged-in {
    padding-bottom: 8rem
}

.auth-wrapper {
    width: 90%;
    margin: 3rem auto 0;
    position: relative
}

.auth-wrapper input[type="password"],
.auth-wrapper input[type="submit"] {
    padding: 14px 25px 12px;
    border-radius: 24px;
    border: 0
}

.auth-wrapper input[type="password"] {
    width: 100%
}

.auth-wrapper input[type="submit"] {
    background: #111;
    padding: 14px 25px 12px;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.auth-wrapper .validation-message {
    padding-top: 3rem;
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.auth-wrapper .validation-message img {
    display: inline-block;
    width: 34px;
    height: 29px;
    margin-right: 3px
}

@media (min-width: 768px) {
    .auth-wrapper {
        max-width: 480px
    }
    .auth-wrapper input[type="password"] {
        padding: 14px 23px 12px
    }
    .auth-wrapper input[type="submit"] {
        padding: 14px 43px 12px
    }
    .auth-wrapper br {
        display: none
    }
}

@media (min-width: 1200px) {
    .press-auth {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .press-auth.press-logged-in {
        padding-bottom: 11rem
    }
    .auth-wrapper {
        max-width: 700px
    }
}

.ru-RU .auth-wrapper input[type="submit"] {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .auth-wrapper .validation-message {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .auth-wrapper input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .auth-wrapper .validation-message {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.about-us-page .text-section {
    padding-top: 1rem;
    padding-bottom: 3rem
}

.about-us-page .text-section h3,
.about-us-page .text-section .in-action-header .content sup,
.in-action-header .content .about-us-page .text-section sup {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.about-us-page .text-section .info,
.about-us-page .text-section .contact {
    padding-top: 1rem
}

.about-us-page .text-section .contact {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f4f4f4
}

.about-us-page .today-section {
    background-color: #111;
    position: relative;
    padding-top: 2rem
}

.about-us-page .today-section h2 {
    color: #fff;
    text-transform: none
}

.about-us-page .today-section p {
    color: #666;
    padding-bottom: 1rem
}

.about-us-page .today-section img {
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto -30px
}

.about-us-page .today-section:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 194px;
    position: absolute;
    bottom: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

.about-us-page .about-us-header {
    background-image: url("../img/home/timeline.png"), url("../img/common/grey-gradient-bg.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: auto 52px, cover;
    background-position: left 10px bottom 30px, 50% 0;
    position: relative
}

.about-us-page .about-us-header:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 194px;
    position: absolute;
    bottom: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

.about-us-page .about-us-header .col-phone-12>div {
    color: #999;
    padding-top: 3rem;
    position: relative
}

.about-us-page .about-us-header .col-phone-12>div h2 {
    color: #c98959;
    font-size: 2.6rem;
    text-align: left;
    text-transform: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem
}

.about-us-page .about-us-header .col-phone-12>div h2+img {
    max-width: 275px;
    width: 100%;
    height: auto;
    margin-bottom: 3rem
}

.about-us-page .about-us-header .col-phone-12>div p {
    width: 210px;
    padding-bottom: 10rem
}

.about-us-page .about-us-header .col-phone-12>div img.bunny {
    height: 340px;
    width: auto;
    position: absolute;
    bottom: -30px;
    left: 215px
}

.about-us-page .our-history {
    padding-top: 2rem
}

.about-us-page .powered-by {
    padding-top: 4rem
}

.about-us-page .video-section {
    border-bottom-color: #fff
}

.about-us-page .video-section h2 {
    text-transform: none
}

@media (max-width: 767px) {
    .our-history {
        padding-top: 3rem
    }
    .our-history .box {
        position: relative;
        border-left: 2px solid #c98959;
        margin-left: 1.4rem;
        padding-bottom: 3rem
    }
    .our-history .box .content {
        background-color: #f4f4f4;
        margin-left: 2.4rem;
        padding: 2rem
    }
    .our-history .box .content h3,
    .our-history .box .in-action-header .content sup,
    .in-action-header .our-history .box .content sup {
        font-family: 'Oblik Black', sans-serif;
        font-size: 2.7rem;
        color: #000
    }
    .our-history .box .content h3 span,
    .our-history .box .in-action-header .content sup span,
    .in-action-header .our-history .box .content sup span {
        display: block;
        padding-top: .5rem;
        color: #c98959;
        font-family: 'Oblik Bold', sans-serif;
        font-size: 1.9rem
    }
    .our-history .box .content p {
        margin-top: 1.5rem;
        display: none
    }
    .our-history .box .toggle {
        background: url("../img/common/about-toggle.svg") no-repeat;
        background-size: 36px 108px;
        background-position: 50% 100%;
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        left: -19px;
        top: 0
    }
    .our-history .box.active .toggle {
        background-position: 50% 0
    }
    .our-history .box.active p {
        display: block
    }
    .our-history .box.fourth {
        padding-bottom: 6rem
    }
    .our-history+.video-section {
        padding-top: 3.5rem
    }
}

@media (min-width: 768px) {
    .about-us-page .text-section h3,
    .about-us-page .text-section .in-action-header .content sup,
    .in-action-header .content .about-us-page .text-section sup {
        padding-top: 3rem;
        padding-bottom: 2rem
    }
    .about-us-page .text-section .info,
    .about-us-page .text-section .contact {
        padding-top: 1rem
    }
    .about-us-page .text-section .contact {
        padding-left: 3rem;
        padding-right: 1rem;
        padding-bottom: 3rem
    }
    .about-us-page .today-section {
        padding-bottom: 3rem
    }
    .about-us-page .today-section h2,
    .about-us-page .today-section p {
        text-align: left;
        max-width: 470px
    }
    .about-us-page .today-section img {
        margin: 0;
        width: 340px;
        position: absolute;
        right: -50px;
        top: -60px
    }
    .about-us-page .about-us-header {
        background-size: 1920px 81px, cover;
        background-position: left 250px bottom 30px, 50% 0
    }
    .about-us-page .about-us-header .col-phone-12>div {
        padding-top: 4rem
    }
    .about-us-page .about-us-header .col-phone-12>div h2 {
        font-size: 4.8rem
    }
    .about-us-page .about-us-header .col-phone-12>div h2+img {
        max-width: 450px;
        position: relative;
        z-index: 100
    }
    .about-us-page .about-us-header .col-phone-12>div p {
        font-size: 1.6rem;
        width: 460px;
        padding-bottom: 16rem
    }
    .about-us-page .about-us-header .col-phone-12>div img.bunny {
        height: 500px;
        width: auto;
        position: absolute;
        bottom: -50px;
        left: 515px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .our-history {
        padding-top: 3rem
    }
    .our-history .box {
        position: relative;
        border-left: 2px solid #c98959;
        margin-left: 1.4rem;
        padding-bottom: 3rem
    }
    .our-history .box .content {
        background-color: #f4f4f4;
        margin-left: 2.4rem;
        padding: 2rem
    }
    .our-history .box .content h3,
    .our-history .box .in-action-header .content sup,
    .in-action-header .our-history .box .content sup {
        font-size: 4.2rem;
        color: #000
    }
    .our-history .box .content h3 span,
    .our-history .box .in-action-header .content sup span,
    .in-action-header .our-history .box .content sup span {
        display: block;
        padding-top: .5rem;
        color: #c98959;
        font-size: 2.2rem
    }
    .our-history .box .content p {
        margin-top: 1.5rem;
        display: none
    }
    .our-history .box .toggle {
        background: url("../img/common/about-toggle.svg") no-repeat;
        background-size: 36px 108px;
        background-position: 50% 100%;
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        left: -19px;
        top: 0
    }
    .our-history .box.active .toggle {
        background-position: 50% 0
    }
    .our-history .box.active p {
        display: block
    }
    .our-history .box.fourth {
        padding-bottom: 6rem
    }
    .our-history+.video-section {
        padding-top: 3.5rem
    }
}

@media (min-width: 1200px) {
    .about-us-page .text-section {
        padding-top: 4rem;
        padding-bottom: 5rem
    }
    .about-us-page .text-section h3,
    .about-us-page .text-section .in-action-header .content sup,
    .in-action-header .content .about-us-page .text-section sup,
    .about-us-page .text-section p {
        padding-right: 4rem
    }
    .about-us-page .today-section:before {
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
    .about-us-page .today-section {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .about-us-page .today-section h2,
    .about-us-page .today-section p {
        text-align: left;
        max-width: 100%
    }
    .about-us-page .today-section p {
        max-width: 720px
    }
    .about-us-page .today-section img {
        margin: 0;
        width: 420px;
        position: absolute;
        right: -20px;
        top: -180px
    }
    .about-us-page .about-us-header {
        background-size: 2100px 81px, cover;
        background-position: left 500px bottom 30px, 0 0
    }
    .about-us-page .about-us-header:before {
        max-width: 1600px;
        height: 300px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
    .about-us-page .about-us-header .col-phone-12>div {
        padding-top: 8rem
    }
    .about-us-page .about-us-header .col-phone-12>div h2 {
        font-size: 5.4rem
    }
    .about-us-page .about-us-header .col-phone-12>div h2+img {
        max-width: 670px;
        position: relative;
        z-index: 100;
        margin-bottom: 4.5rem
    }
    .about-us-page .about-us-header .col-phone-12>div p {
        font-size: 1.6rem;
        width: 690px;
        padding-bottom: 14rem
    }
    .about-us-page .about-us-header .col-phone-12>div img.bunny {
        height: 660px;
        width: auto;
        position: absolute;
        bottom: -150px;
        left: auto;
        right: -60px
    }
    .about-us-page .powered-by {
        padding-top: 7rem
    }
    .about-us-page .video-section {
        padding-top: 4rem
    }
}

@media (min-width: 1200px) {
    .csstransforms .about-us-page .our-history .box.first .content h3,
    .csstransforms .about-us-page .our-history .box.first .in-action-header .content sup,
    .in-action-header .csstransforms .about-us-page .our-history .box.first .content sup,
    .csstransforms .about-us-page .our-history .box.third .content h3,
    .csstransforms .about-us-page .our-history .box.third .in-action-header .content sup,
    .in-action-header .csstransforms .about-us-page .our-history .box.third .content sup {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        transition: all 750ms ease-in
    }
    .csstransforms .about-us-page .our-history .box.first .content p,
    .csstransforms .about-us-page .our-history .box.third .content p {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        transition: all 750ms ease-in 100ms
    }
    .csstransforms .about-us-page .our-history .box.second .content h3,
    .csstransforms .about-us-page .our-history .box.second .in-action-header .content sup,
    .in-action-header .csstransforms .about-us-page .our-history .box.second .content sup,
    .csstransforms .about-us-page .our-history .box.fourth .content h3,
    .csstransforms .about-us-page .our-history .box.fourth .in-action-header .content sup,
    .in-action-header .csstransforms .about-us-page .our-history .box.fourth .content sup {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        transition: all 750ms ease-in
    }
    .csstransforms .about-us-page .our-history .box.second .content p,
    .csstransforms .about-us-page .our-history .box.fourth .content p {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        transition: all 750ms ease-in 100ms
    }
    .about-us-page .our-history {
        padding-top: 6rem
    }
    .about-us-page .our-history .milestone {
        width: 40px;
        height: 40px;
        background: url("../img/milestone.svg") no-repeat 50% 50%;
        background-size: contain;
        position: absolute;
        top: -22px
    }
    .about-us-page .our-history .box {
        border: 4px solid #c98959;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative
    }
    .about-us-page .our-history .box .content {
        background-color: #f4f4f4;
        position: relative;
        width: 1200px
    }
    .about-us-page .our-history .box .content h3,
    .about-us-page .our-history .box .in-action-header .content sup,
    .in-action-header .about-us-page .our-history .box .content sup {
        position: absolute;
        top: 0;
        font-size: 5.4rem;
        color: #000
    }
    .about-us-page .our-history .box .content h3 span,
    .about-us-page .our-history .box .in-action-header .content sup span,
    .in-action-header .about-us-page .our-history .box .content sup span {
        display: block;
        width: 180px;
        color: #c98959;
        font-size: 2.2rem
    }
    .about-us-page .our-history .box .content p {
        margin-bottom: 0;
        width: 700px;
        display: inline-block
    }
    .about-us-page .our-history .box.first {
        top: 16px;
        width: 880px;
        left: 200px
    }
    .about-us-page .our-history .box.first .milestone {
        left: -10px
    }
    .about-us-page .our-history .box.first .content {
        width: 1784px;
        left: -951px;
        text-align: right
    }
    .about-us-page .our-history .box.first .content h3,
    .about-us-page .our-history .box.first .in-action-header .content sup,
    .in-action-header .about-us-page .our-history .box.first .content sup {
        text-align: right;
        left: 715px;
        top: 54px;
        width: 320px
    }
    .about-us-page .our-history .box.first .content h3 span,
    .about-us-page .our-history .box.first .in-action-header .content sup span,
    .in-action-header .about-us-page .our-history .box.first .content sup span {
        float: right
    }
    .about-us-page .our-history .box.first .content p {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: left;
        padding-right: 100px
    }
    .about-us-page .our-history .box.second {
        top: 12px;
        width: 560px
    }
    .about-us-page .our-history .box.second .milestone {
        left: 900px
    }
    .about-us-page .our-history .box.second .content {
        width: 1766px;
        left: 40px
    }
    .about-us-page .our-history .box.second .content h3,
    .about-us-page .our-history .box.second .in-action-header .content sup,
    .in-action-header .about-us-page .our-history .box.second .content sup {
        text-align: left;
        left: 805px;
        top: 54px
    }
    .about-us-page .our-history .box.second .content p {
        width: 750px;
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: right;
        padding-left: 80px
    }
    .about-us-page .our-history .box.third {
        top: 8px;
        width: 600px;
        left: 480px
    }
    .about-us-page .our-history .box.third .milestone {
        left: -290px
    }
    .about-us-page .our-history .box.third .content {
        width: 1784px;
        left: -1232px;
        text-align: right
    }
    .about-us-page .our-history .box.third .content h3,
    .about-us-page .our-history .box.third .in-action-header .content sup,
    .in-action-header .about-us-page .our-history .box.third .content sup {
        text-align: right;
        left: 715px;
        top: 54px;
        width: 320px
    }
    .about-us-page .our-history .box.third .content span {
        float: right
    }
    .about-us-page .our-history .box.third .content p {
        padding-top: 60px;
        padding-bottom: 60px;
        text-align: left;
        padding-right: 100px
    }
    .about-us-page .our-history .box.fourth {
        top: 4px;
        width: 500px
    }
    .about-us-page .our-history .box.fourth .milestone {
        left: 900px
    }
    .about-us-page .our-history .box.fourth .content {
        width: 1766px;
        left: 40px
    }
    .about-us-page .our-history .box.fourth .content h3,
    .about-us-page .our-history .box.fourth .in-action-header .content sup,
    .in-action-header .about-us-page .our-history .box.fourth .content sup {
        text-align: left;
        left: 805px;
        top: 74px
    }
    .about-us-page .our-history .box.fourth .content h3 span,
    .about-us-page .our-history .box.fourth .in-action-header .content sup span,
    .in-action-header .about-us-page .our-history .box.fourth .content sup span {
        width: 200px
    }
    .about-us-page .our-history .box.fourth .content p {
        width: 750px;
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: right;
        padding-left: 80px
    }
    .about-us-page .our-history .box.fifth {
        padding-top: 0;
        padding-bottom: 0;
        height: 50px;
        width: 500px;
        left: 40px;
        top: 0;
        border-bottom: none;
        border-bottom-right-radius: 0
    }
    .about-us-page .our-history .box.fifth .milestone {
        left: 474px;
        top: 27px
    }
    .about-us-page .our-history .box.first .content h3.trans,
    .about-us-page .our-history .box.first .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.first .content sup.trans,
    .about-us-page .our-history .box.first .content p.trans,
    .about-us-page .our-history .box.second .content h3.trans,
    .about-us-page .our-history .box.second .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.second .content sup.trans,
    .about-us-page .our-history .box.second .content p.trans,
    .about-us-page .our-history .box.third .content h3.trans,
    .about-us-page .our-history .box.third .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.third .content sup.trans,
    .about-us-page .our-history .box.third .content p.trans,
    .about-us-page .our-history .box.fourth .content h3.trans,
    .about-us-page .our-history .box.fourth .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.fourth .content sup.trans,
    .about-us-page .our-history .box.fourth .content p.trans {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .about-us-page .our-history .box.first .content h3.trans,
    .about-us-page .our-history .box.first .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.first .content sup.trans,
    .about-us-page .our-history .box.second .content h3.trans,
    .about-us-page .our-history .box.second .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.second .content sup.trans,
    .about-us-page .our-history .box.third .content h3.trans,
    .about-us-page .our-history .box.third .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.third .content sup.trans,
    .about-us-page .our-history .box.fourth .content h3.trans,
    .about-us-page .our-history .box.fourth .in-action-header .content sup.trans,
    .in-action-header .about-us-page .our-history .box.fourth .content sup.trans {
        transition: all 750ms ease-out 100ms
    }
    .about-us-page .our-history .box.first .content p.trans,
    .about-us-page .our-history .box.second .content p.trans,
    .about-us-page .our-history .box.third .content p.trans,
    .about-us-page .our-history .box.fourth .content p.trans {
        transition: all 750ms ease-out
    }
    .about-us-page .our-history .left {
        border-right-color: transparent;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }
    .about-us-page .our-history .right {
        border-left-color: transparent;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px
    }
    .nl.about-us-page .our-history .box.fourth .content h3 span,
    .nl.about-us-page .our-history .box.fourth .in-action-header .content sup span,
    .in-action-header .nl.about-us-page .our-history .box.fourth .content sup span {
        width: 230px
    }
}

.ru-RU .our-history .box .content h3,
.ru-RU .our-history .box .in-action-header .content sup,
.in-action-header .ru-RU .our-history .box .content sup {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.ru-RU .our-history .box .content h3 span,
.ru-RU .our-history .box .in-action-header .content sup span,
.in-action-header .ru-RU .our-history .box .content sup span {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.kr .our-history .box .content h3,
.kr .our-history .box .in-action-header .content sup,
.in-action-header .kr .our-history .box .content sup {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.kr .our-history .box .content h3 span,
.kr .our-history .box .in-action-header .content sup span,
.in-action-header .kr .our-history .box .content sup span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.error-page .error-page-head {
    background: #111 url("../img/common/grey-gradient-bg.jpg") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    padding-bottom: 4rem;
    height: auto;
    position: relative
}

.error-page .error-page-head h2 {
    color: #c98959;
    text-align: left;
    margin-bottom: 1rem
}

.error-page .error-page-head img {
    position: absolute;
    height: 148px;
    top: 39px;
    left: 10px;
    z-index: 100
}

.error-page .error-page-head .button {
    margin-top: 10rem;
    position: relative;
    z-index: 100
}

.error-page .footnav {
    background-image: none;
    padding-top: 0
}

@media (max-width: 767px) {
    .error-page .error-page-head {
        overflow-x: hidden
    }
}

@media (min-width: 768px) {
    .error-page .error-page-head {
        background-size: 1200px auto;
        padding-bottom: 3rem;
        text-align: center
    }
    .error-page .error-page-head h2 {
        text-align: center
    }
    .error-page .error-page-head img {
        height: 394px;
        top: 25px;
        left: auto;
        right: -234px
    }
    .error-page .error-page-head .button {
        margin-top: 22rem
    }
}

@media (min-width: 1200px) {
    .error-page .error-page-head {
        padding-bottom: 4rem
    }
    .error-page .error-page-head img {
        width: 1150px;
        height: 555px;
        top: 16px;
        right: -294px
    }
    .error-page .error-page-head .button {
        margin-top: 34rem
    }
}

.legal-page .legal-page-head {
    background: #111 url("../img/common/grey-gradient-bg.jpg") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 1.5rem;
    padding-bottom: 18rem;
    height: auto
}

.legal-page .legal-page-head h2 {
    color: #fff;
    margin-bottom: 1rem
}

.legal-page .legal-page-head p {
    color: #999;
    text-align: center;
    width: 35rem;
    max-width: 100%;
    margin: 0 auto
}

.legal-page .legal-page-head.no-toc {
    padding-bottom: 4rem
}

.legal-page .table-of-contents-head .container {
    padding-left: inherit;
    padding-right: inherit
}

.legal-page .table-of-contents-head .container .content {
    background-color: #232323;
    padding-top: 3.2rem;
    padding-bottom: 1.2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
    margin-top: -150px
}

.legal-page .table-of-contents-head .container .content h3,
.legal-page .table-of-contents-head .container .in-action-header .content sup,
.in-action-header .legal-page .table-of-contents-head .container .content sup {
    color: #fff;
    text-align: left
}

.legal-page .table-of-contents-head .container .content ul {
    list-style: none;
    padding-top: 2rem;
    padding-left: 0;
    padding-bottom: 1rem
}

.legal-page .table-of-contents-head .container .content ul li {
    margin-bottom: 1rem
}

.legal-page .table-of-contents-head .container .content ul a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none
}

.legal-page .table-of-contents-head .container .content ul a:before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 12px 12px;
    top: 2px;
    float: right
}

.legal-page .legal-content .container {
    padding-top: 4rem;
    padding-bottom: 2.8rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

.legal-page .legal-content .container article {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.legal-page .legal-content .container article a {
    color: #c98959;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    outline: 0
}

.legal-page .legal-content .container article p {
    position: relative;
    z-index: 1
}

.legal-page .legal-content .container article h3,
.legal-page .legal-content .container article .in-action-header .content sup,
.in-action-header .content .legal-page .legal-content .container article sup {
    color: #000;
    padding-bottom: 1.4rem;
    border-top: 20px solid transparent;
    margin: -20px 0 0;
    background-clip: padding-box;
    position: relative
}

.legal-page .legal-content .container article h3:before,
.legal-page .legal-content .container article .in-action-header .content sup:before,
.in-action-header .content .legal-page .legal-content .container article sup:before {
    content: '';
    display: block;
    width: 80px;
    height: 1.4rem;
    border-bottom: 2px solid #c98959;
    margin-bottom: 3rem
}

.legal-page .legal-content .container article h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 0.6rem;
    margin-bottom: 1.6rem
}

.legal-page .legal-content .container article ul {
    padding-left: 1.4rem;
    list-style: none
}

.legal-page .legal-content .container article ul li:before {
    content: ' ';
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: #c98959;
    position: relative;
    left: -1.4rem;
    border-radius: 50%;
    margin-right: -0.4rem;
    top: -0.1rem
}

@media (max-width: 767px) {
    .de-DE .legal-page-head h2,
    .fr-FR .legal-page-head h2 {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .legal-page .legal-page-head {
        background-size: 1200px auto;
        padding-bottom: 20rem;
        padding-top: 4.5rem
    }
    .legal-page .legal-page-head h2 {
        margin-bottom: 2.5rem
    }
    .legal-page .legal-page-head p {
        width: 50rem
    }
    .legal-page .legal-page-head.no-toc {
        padding-bottom: 7rem
    }
    .legal-page .table-of-contents-head .container {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }
    .legal-page .table-of-contents-head .container .content {
        background: #111;
        min-height: 400px;
        padding-top: 6rem;
        padding-bottom: 3.5rem;
        padding-left: 4.5rem;
        padding-right: 4.5rem;
        margin-top: -145px
    }
    .legal-page .table-of-contents-head .container .content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        height: 350px
    }
    .legal-page .table-of-contents-head .container .content ul li {
        width: 47%;
        padding-left: 2rem;
        line-height: 1.4
    }
    .legal-page .legal-content .container article {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .legal-page .table-of-contents-head .container .content {
        padding-left: 7rem;
        padding-right: 7rem
    }
    .legal-page .table-of-contents-head .container .content ul {
        height: 300px;
        padding-bottom: 3.5rem
    }
    .legal-page .table-of-contents-head .container .content ul li {
        width: 32%;
        padding-left: 2.6%
    }
    .legal-page .legal-content .container {
        padding-top: 2rem
    }
    .legal-page .legal-content .container article {
        padding-left: 7.5rem
    }
    .legal-page .legal-content .container article p {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .legal-page .legal-content .container article h3,
    .legal-page .legal-content .container article .in-action-header .content sup,
    .in-action-header .content .legal-page .legal-content .container article sup {
        border-top: 64px solid transparent;
        margin: -64px 0 0
    }
    .legal-page .legal-content .container article h3:before,
    .legal-page .legal-content .container article .in-action-header .content sup:before,
    .in-action-header .content .legal-page .legal-content .container article sup:before {
        width: 70px;
        border-bottom-width: 4px;
        margin-top: 1rem;
        margin-bottom: 4rem
    }
    .legal-page .legal-content .container article h4 {
        padding-top: 0rem;
        margin-bottom: 0rem
    }
    .legal-page .legal-content .container article ul {
        margin-bottom: 2rem
    }
}

.ru-RU .legal-page .table-of-contents-head .container .content ul a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .legal-page .legal-content .container article a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .legal-page .legal-content .container article h4 {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .legal-page .table-of-contents-head .container .content ul a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .legal-page .legal-content .container article a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .legal-page .legal-content .container article h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.help-page .col-phone-12 {
    position: relative
}

.help-page .col-phone-12>img {
    display: none
}

.help-page .help-page-head {
    background: #111 url("../img/common/grey-gradient-bg.jpg") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    text-align: center
}

.help-page .help-page-head h2,
.help-page .help-page-head p {
    color: #fff
}

.help-page .help-page-head .search-wrapper {
    margin-top: 2rem;
    margin-bottom: 3rem
}

.help-page .help-page-head .selection {
    text-align: left
}

.help-page .help-page-head .selection a,
.help-page .help-page-head .selection a:focus {
    padding-left: 0;
    background: none
}

.help-page .contact-us-head {
    background-color: #1e1e1e;
    text-align: center;
    padding-top: 1rem;
    margin-bottom: 4rem;
    position: relative
}

.help-page .contact-us-head h2,
.help-page .contact-us-head p {
    color: #fff
}

.help-page .contact-us-head a {
    display: inline-block;
    position: relative;
    z-index: 10;
    top: 20px
}

.help-page .contact-us-head .button.button-brass.button-brass-dark:hover {
    background-color: #1e1e1e
}

.help-page .contact-us-form {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    height: 2550px;
    overflow: hidden
}

.help-page .contact-us-form iframe {
    width: 100%;
    height: 2550px
}

.help-page .contact-us-form.hidden {
    height: 0
}

.help-page .contact-us-sub {
    padding-bottom: 2rem
}

.help-page .contact-us-sub h3,
.help-page .contact-us-sub .in-action-header .content sup,
.in-action-header .content .help-page .contact-us-sub sup {
    color: #111
}

.help-page .contact-us-sub a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300
}

.help-page .contact-us-sub.contact-us-sub-extra {
    padding-top: 2rem
}

.faq-category-selector {
    list-style: none;
    margin-bottom: 3rem;
    padding-left: 0
}

.faq-category-selector li {
    float: left;
    height: 90px;
    width: 25%;
    text-align: center;
    padding: 0 1px;
    margin-bottom: 2px
}

.faq-category-selector li a {
    background-color: #1e1e1e;
    cursor: pointer;
    position: relative;
    display: block;
    outline: 0;
    width: 100%;
    height: 90px;
    line-height: 1
}

.faq-category-selector li a div {
    height: 85px;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50% -80px;
    background-size: 150px 300px;
    -webkit-transform: scale(0.6) translateY(-15px);
    transform: scale(0.6) translateY(-15px)
}

.faq-category-selector li a span {
    width: 100%;
    text-align: center;
    font-family: 'Oblik Bold', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .9rem;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: -25px
}

.faq-category-selector li a.active div {
    background-position: 50% -224px
}

.faq-category-selector li a.active span {
    color: #c98959
}

.faq-category-selector li .faq-rechargable div {
    background-image: url("../img/common/faq-icons-rechargable.svg")
}

.faq-category-selector li .faq-batteries div {
    background-image: url("../img/common/faq-icons-batteries.svg")
}

.faq-category-selector li .faq-storage div {
    background-image: url("../img/common/faq-icons-storage.svg")
}

.faq-category-selector li .faq-safety div {
    background-image: url("../img/common/faq-icons-safety.svg")
}

.faq-category-selector li .faq-science div {
    background-image: url("../img/common/faq-icons-science.svg")
}

.faq-category-selector li .faq-general div {
    background-image: url("../img/common/faq-icons-general.svg")
}

.faq-category-selector li .faq-company div {
    background-image: url("../img/common/faq-icons-company.svg")
}

.faq-category-selector li .faq-bunny div {
    background-image: url("../img/common/faq-icons-bunny.svg")
}

.faq-category-selector li input {
    display: none
}

@media (min-width: 768px) {
    .help-page .col-phone-12>img {
        display: block;
        width: 360px;
        height: auto;
        position: absolute;
        bottom: -25px;
        right: 495px;
        z-index: 10
    }
    .help-page .help-page-head {
        position: relative;
        background-size: 1200px auto
    }
    .help-page .help-page-head .search-wrapper {
        position: relative;
        z-index: 20;
        margin-top: 3rem;
        margin-bottom: 4rem
    }
    .help-page .help-page-head .selection {
        padding: 0 5px
    }
    .help-page .contact-us-head {
        padding-top: 3rem;
        margin-bottom: 9rem
    }
    .help-page .contact-us-head a {
        top: 26px
    }
    .help-page .contact-us-form {
        height: 2320px;
        max-width: 100%;
        width: 520px
    }
    .help-page .contact-us-form iframe {
        height: 2320px
    }
    .help-page .contact-us-sub {
        padding-bottom: 3rem
    }
    .help-page .contact-us-sub.contact-us-sub-extra {
        padding-top: 3rem
    }
    .faq-category-wrapper {
        width: 600px;
        margin-left: 100px;
        position: relative;
        z-index: 100
    }
    .faq-category-selector li {
        height: 150px;
        padding: 0 5px;
        margin-bottom: 10px
    }
    .faq-category-selector li a {
        height: 150px
    }
    .faq-category-selector li a div {
        background-position: 50% -60px;
        height: 115px;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    .faq-category-selector li a span {
        font-size: 1.4rem;
        top: 0
    }
    .faq-category-selector li a.active div {
        background-position: 50% -204px
    }
}

@media (min-width: 1200px) {
    .help-page .faq-section {
        padding-top: 4rem
    }
    .help-page .col-phone-12>img {
        display: block;
        width: 450px;
        height: auto;
        position: absolute;
        bottom: -80px;
        right: 720px;
        z-index: 10
    }
    .help-page .help-page-head {
        padding-bottom: 1rem
    }
    .help-page .help-page-head .selection {
        padding: 0 10px
    }
    .help-page .contact-us-form {
        height: 1720px;
        width: 1000px
    }
    .help-page .contact-us-form iframe {
        height: 1720px
    }
    .help-page .contact-us-sub {
        padding-bottom: 5rem
    }
    .help-page .contact-us-sub.contact-us-sub-extra {
        padding-top: 5rem
    }
    .faq-category-selector li {
        padding: 0 10px;
        margin-bottom: 20px
    }
    .faq-category-wrapper {
        width: 880px;
        margin-left: 180px
    }
}

.ru-RU .contact-us-sub a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .faq-category-selector li a span {
    font-family: 'Helios Cond Bold', sans-serif;
    font-weight: 400;
    font-style: normal
}

.kr .contact-us-sub a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .faq-category-selector li a span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal
}

.search-results .search-page-head {
    background: #111 url("../img/common/grey-gradient-bg.jpg") no-repeat;
    background-position: 0 0;
    background-size: 700px auto;
    padding-top: 3.5rem;
    padding-bottom: 5.5rem;
    text-align: center
}

.search-results .search-page-head h2,
.search-results .search-page-head p {
    color: #fff
}

.search-results .search-page-head .search-wrapper {
    margin-bottom: 3rem
}

.search-results .search-page-head .filter-info {
    display: inline-block;
    text-transform: uppercase;
    width: 90%;
    text-align: left;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700
}

.search-results .result-header {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.search-results .results-desc {
    text-align: center;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #999
}

.search-results .article-grid {
    margin-top: 0
}

.search-results .other-listing {
    padding-bottom: 2rem
}

.search-results .other-item {
    background-color: #f4f4f4;
    position: relative;
    margin-bottom: 2rem;
    padding: 35px 25px
}

.search-results .other-item h3,
.search-results .other-item .in-action-header .content sup,
.in-action-header .content .search-results .other-item sup {
    color: #c98959
}

.search-results .other-item .content {
    color: #666;
    padding: 1rem 0
}

.search-results .other-item>a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500;
    overflow-wrap: break-word;
    width: 100%
}

.search-results .other-item>a.link-other:before {
    display: none
}

.search-results .other-item>a.link-other:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../img/common/learn-more.svg") no-repeat 0 100%;
    background-size: contain;
    margin-left: 1rem
}

.search-results .other-item:hover {
    background-color: #111
}

.search-results .other-item:hover .content {
    color: #fff
}

@media (min-width: 768px) {
    .search-results .search-page-head {
        background-size: 1200px auto
    }
    .search-results .search-page-head .search-wrapper {
        margin-top: 3rem;
        margin-bottom: 4rem
    }
    .search-results .result-header {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .search-results .other-listing {
        padding-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .search-results .search-page-head .filter-info {
        display: none
    }
    h2 {
        margin-bottom: 4rem
    }
}

.ru-RU .search-results .search-page-head .filter-info {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .search-results .results-desc {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .search-results .other-item>a {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .search-results .search-page-head .filter-info {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .search-results .results-desc {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .search-results .other-item>a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.careers-page .careers-listing-head {
    height: 250px;
    background-color: #111;
    background-repeat: no-repeat;
    background-size: auto 250px;
    background-position: 100% 50%
}

.careers-page .careers-listing-head h2 {
    display: block;
    color: #fff;
    margin-top: 9rem
}

.careers-page .careers-why-duracell-head {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 4rem
}

.careers-page .careers-why-duracell-content {
    background-color: #111
}

.careers-page .careers-why-duracell-content .container {
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat 50% 100%;
    background-size: contain;
    position: relative
}

.careers-page .careers-why-duracell-content .container>img {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 220px
}

.careers-page .careers-why-duracell-content .col-phone-12 {
    text-align: center
}

.careers-page .careers-why-duracell-content .col-phone-12 div {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #c98959;
    position: relative;
    display: inline-block
}

.careers-page .careers-why-duracell-content .col-phone-12 div img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.careers-page .careers-why-duracell-content .col-phone-12 div.no1-company img {
    height: 60%
}

.careers-page .careers-why-duracell-content .col-phone-12 div.iconic-brand img {
    height: 70%
}

.careers-page .careers-why-duracell-content .col-phone-12 div.market-growth img {
    height: 55%
}

.careers-page .careers-why-duracell-content .col-phone-12 h3,
.careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
.in-action-header .content .careers-page .careers-why-duracell-content .col-phone-12 sup {
    font-family: 'Oblik Bold', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #ffffff
}

.careers-page .careers-sections {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.careers-page .careers-sections .section {
    position: relative
}

.careers-page .careers-sections .section h2 {
    text-align: left;
    margin-top: 0
}

.careers-page .careers-sections .section h3,
.careers-page .careers-sections .section .in-action-header .content sup,
.in-action-header .content .careers-page .careers-sections .section sup,
.careers-page .careers-sections .section p {
    margin-bottom: 1.5rem;
    margin-top: 0
}

.careers-page .careers-sections.section-grey {
    background-color: #f4f4f4;
    padding-top: 3rem
}

@media (max-width: 767px) {
    .careers-page .careers-why-duracell-content .container {
        padding-top: 2rem;
        padding-bottom: 11rem
    }
    .careers-page .careers-why-duracell-content .col-phone-12 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .careers-page .careers-why-duracell-content .col-phone-12 div {
        float: left;
        margin-left: 1rem
    }
    .careers-page .careers-why-duracell-content .col-phone-12 h3,
    .careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
    .in-action-header .content .careers-page .careers-why-duracell-content .col-phone-12 sup {
        float: left;
        width: 56%;
        text-align: left;
        padding-left: 2rem
    }
    .careers-page .careers-sections .section img {
        width: 100%;
        max-width: 520px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .careers-page .careers-sections {
        padding-bottom: 4rem
    }
    .careers-page .careers-sections.section-grey {
        padding-top: 4rem
    }
}

@media (min-width: 1200px) {
    .careers-page .careers-sections {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
    .careers-page .careers-sections .section {
        padding-left: 6rem
    }
    .careers-page .careers-sections.section-grey .section {
        padding-top: 7rem;
        padding-right: 6rem;
        padding-left: 0
    }
    .careers-page .careers-sections.section-grey img {
        margin-top: 7rem
    }
}

@media (min-width: 768px) {
    .careers-page .careers-listing-head {
        height: 390px;
        background-size: auto 390px
    }
    .careers-page .careers-listing-head h2 {
        margin-top: 13rem;
        text-align: left
    }
    .careers-page .careers-why-duracell-head p {
        padding: 0 10rem
    }
    .careers-page .careers-why-duracell-content .container {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .careers-page .careers-why-duracell-content .container>img {
        position: absolute;
        top: -65px;
        left: -100px;
        height: 500px;
        width: auto;
        z-index: 100
    }
    .careers-page .careers-why-duracell-content .col-phone-12 div {
        margin-bottom: 3rem
    }
    .careers-page .careers-why-duracell-content .col-phone-12 h3,
    .careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
    .in-action-header .content .careers-page .careers-why-duracell-content .col-phone-12 sup {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1200px) {
    .careers-page .careers-why-duracell-head p {
        padding: 0 20rem
    }
    .careers-page .careers-why-duracell-content .container {
        padding-top: 9rem;
        padding-bottom: 9rem
    }
    .careers-page .careers-why-duracell-content .container>img {
        top: -185px;
        left: -80px;
        height: 650px
    }
    .careers-page .careers-why-duracell-content .col-phone-12 div {
        margin-bottom: 3rem
    }
    .careers-page .careers-why-duracell-content .col-phone-12 h3,
    .careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
    .in-action-header .content .careers-page .careers-why-duracell-content .col-phone-12 sup {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.ru-RU .careers-page .careers-why-duracell-content .col-phone-12 h3,
.ru-RU .careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
.in-action-header .content .ru-RU .careers-page .careers-why-duracell-content .col-phone-12 sup {
    font-family: 'Helios Cond Bold', sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .careers-page .careers-why-duracell-content .col-phone-12 h3,
.kr .careers-page .careers-why-duracell-content .col-phone-12 .in-action-header .content sup,
.in-action-header .content .kr .careers-page .careers-why-duracell-content .col-phone-12 sup {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.in-action-page .content strong {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 500
}

.in-action-page .social {
    position: absolute
}

.in-action-page .product-listing-head {
    padding-top: 1rem
}

.in-action-header {
    position: relative;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 275px
}

.in-action-header>img {
    max-height: 275px;
    height: auto;
    width: auto;
    position: absolute;
    right: -5px;
    top: 10px
}

.in-action-header .content {
    padding-top: 320px
}

.in-action-header .content h2,
.in-action-header .content sup {
    text-align: left
}

.in-action-header .content h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 1rem
}

.in-action-header .content sup {
    font-size: 1.8rem;
    padding-top: 0;
    display: block
}

.in-action-header .social {
    top: 257px
}

.in-action-section {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 230px
}

.in-action-section .headers {
    max-width: 55%;
    min-height: 230px
}

.in-action-section .content {
    padding-top: 254px;
    padding-bottom: 4rem
}

.in-action-section .content sup {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    font-family: "Oblik Bold", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #c98959;
    padding-top: 0;
    display: block
}

.in-action-section .content h2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 1rem
}

.in-action-section .content p {
    padding-bottom: 1rem
}

.in-action-section .content .button {
    position: relative;
    z-index: 100
}

.in-action-section .content img {
    max-width: 300px;
    width: auto;
    height: auto;
    display: block;
    margin: 2rem auto
}

.in-action-section .content small {
    display: block;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    color: #a6a6a6
}

.in-action-banner {
    height: 500px;
    background: #000;
    position: relative
}

.in-action-banner .hidden-tablet-up {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 500px;
    width: auto
}

.in-action-banner .col-phone-12 {
    height: 500px
}

.in-action-banner .col-phone-12 h2 {
    display: block;
    width: 95%;
    max-width: 380px;
    height: auto;
    position: relative;
    left: 1rem;
    z-index: 10;
    margin-top: 3rem;
    margin-bottom: 1rem
}

.in-action-banner .col-phone-12 h2 span {
    display: none
}

.in-action-banner .col-phone-12 h2 img {
    display: block;
    width: 100%;
    height: auto
}

.in-action-banner .col-phone-12 span {
    position: relative;
    left: 1rem;
    z-index: 10;
    width: 290px;
    font-size: 1.2rem;
    line-height: 1.2;
    display: block;
    color: #666;
    margin-bottom: 2rem
}

.in-action-banner .col-phone-12 a {
    position: relative;
    left: 1rem;
    z-index: 10
}

.in-action-fact {
    background-color: #1e1e1e
}

.in-action-fact .container {
    position: relative
}

.in-action-fact .container:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 194px;
    position: absolute;
    bottom: 0;
    background: url("../img/home/we-are-duracell-logo-grey.png") no-repeat center bottom;
    background-size: 100% auto
}

.in-action-fact .hidden-desktop-up {
    position: absolute;
    height: 250px;
    width: auto;
    left: 200px;
    bottom: 10px
}

.in-action-fact .headers {
    width: 190px;
    min-height: 220px;
    position: relative
}

.in-action-fact .headers p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-family: "Oblik Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #c98959;
    padding-top: 3rem
}

.in-action-fact .headers h2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 2rem;
    color: #fff
}

.in-action-fact .content {
    padding-bottom: 4rem
}

.in-action-fact .content p {
    color: #666;
    padding-bottom: 1rem
}

.in-action-fact .bunny-image {
    position: relative
}

.in-action-fact .bunny-image img {
    position: absolute
}

.postid-696 .de-DE .in-action-fact .hidden-desktop-up,
.postid-696 .fr-FR .in-action-fact .hidden-desktop-up {
    display: none
}

.postid-693 .de-DE .in-action-fact .hidden-desktop-up,
.postid-694 .de-DE .in-action-fact .hidden-desktop-up {
    display: none
}

.postid-694 .de-DE .in-action-fact .headers h2 {
    font-size: 2.3rem
}

@media (max-width: 767px) {
    .postid-694 .nl .in-action-fact .headers h2 {
        font-size: 2.2rem
    }
    .postid-696 .nl .in-action-fact .headers h2 {
        font-size: 2rem
    }
    .postid-696 .nl .in-action-fact .hidden-desktop-up {
        left: 205px
    }
}

@media (min-width: 768px) {
    .in-action-page .product-listing-head {
        padding-top: 2rem
    }
    .in-action-header {
        background-size: auto 450px
    }
    .in-action-header>img {
        max-height: 480px;
        right: 0
    }
    .in-action-header .content {
        padding-top: 530px
    }
    .in-action-header .content h2 {
        padding-bottom: 2rem
    }
    .in-action-header .content sup {
        font-size: 3.2rem
    }
    .in-action-header .social {
        top: 425px
    }
    .in-action-section {
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-size: auto 450px
    }
    .in-action-section .content {
        padding-top: 500px
    }
    .in-action-section .content h2 {
        padding-bottom: 4rem
    }
    .in-action-section .content sup {
        font-size: 3.2rem
    }
    .in-action-section .content img {
        max-width: 300px;
        width: auto;
        height: auto;
        display: block;
        margin: 0 0 6rem 0;
        float: right
    }
    .in-action-section-product .content p,
    .in-action-section-product .content small {
        max-width: 370px
    }
    .in-action-banner {
        height: 600px
    }
    .in-action-banner .hidden-phone-down {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 600px;
        width: auto
    }
    .in-action-banner .col-phone-12 {
        height: 600px
    }
    .in-action-banner .col-phone-12 h2 {
        max-width: 100%;
        width: 550px;
        z-index: 10;
        left: 1rem;
        margin-top: 5rem;
        margin-bottom: 2rem
    }
    .in-action-banner .col-phone-12 span {
        z-index: 10;
        left: 1rem;
        width: 430px;
        text-align: left;
        padding-bottom: 2rem
    }
    .in-action-fact .hidden-desktop-up {
        position: absolute;
        width: auto;
        left: 435px;
        height: 130%;
        max-height: 480px
    }
    .in-action-fact .headers {
        width: 100%;
        min-height: 280px
    }
    .in-action-fact .headers p {
        padding-bottom: 0;
        margin-bottom: 0;
        color: #c98959;
        font-size: 3.2rem;
        padding-top: 6rem
    }
    .in-action-fact .headers h2 {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 1rem;
        color: #fff
    }
    .in-action-fact .content {
        padding-bottom: 4rem
    }
    .in-action-fact .content p {
        color: #666;
        padding-bottom: 1rem
    }
    .postid-694 .pl-PL .in-action-fact .headers h2,
    .postid-698 .pl-PL .in-action-fact .headers h2 {
        font-size: 4.6rem
    }
}

@media (min-width: 1200px) {
    .in-action-page .product-listing-head {
        padding-top: 4rem
    }
    .in-action-header {
        background-size: auto 550px;
        height: 550px
    }
    .in-action-header>img {
        max-height: 560px;
        right: 40px;
        top: 20px
    }
    .in-action-header .social {
        top: 525px
    }
    .in-action-header .content {
        padding-top: 80px;
        height: 450px
    }
    .in-action-header .content h2,
    .in-action-header .content sup {
        width: 610px
    }
    .in-action-header .content p {
        width: 430px
    }
    .in-action-header.in-action-header-dark .content h2,
    .in-action-header.in-action-header-dark .content p {
        color: #fff
    }
    .en-GB .in-action-header .content h2,
    .en-GB .in-action-header .content sup,
    .en-GB .in-action-header .content p {
        width: 430px
    }
    .ru-RU .in-action-header .content h2,
    .ru-RU .in-action-header .content sup {
        width: 500px
    }
    .postid-693 .de-DE .in-action-header .content p,
    .postid-693 .fr-FR .in-action-header .content p,
    .postid-693 .it-IT .in-action-header .content p,
    .postid-694 .de-DE .in-action-header .content p,
    .postid-694 .fr-FR .in-action-header .content p,
    .postid-694 .it-IT .in-action-header .content p,
    .postid-696 .de-DE .in-action-header .content p,
    .postid-696 .fr-FR .in-action-header .content p,
    .postid-696 .it-IT .in-action-header .content p,
    .postid-697 .de-DE .in-action-header .content p,
    .postid-697 .fr-FR .in-action-header .content p,
    .postid-697 .it-IT .in-action-header .content p {
        width: 430px
    }
    .in-action-logo-slider {
        padding-top: 4rem
    }
    .in-action-section {
        min-height: 600px;
        background-size: auto 100%;
        padding-bottom: 0
    }
    .in-action-section .content {
        padding-top: 80px
    }
    .in-action-section .content h2,
    .in-action-section .content sup {
        width: 620px
    }
    .in-action-section .content h2 {
        padding-bottom: 2rem
    }
    .in-action-section .content p {
        max-width: 570px
    }
    .in-action-section .content img {
        max-width: 530px;
        width: auto;
        height: auto;
        display: block;
        margin: -9rem -2rem 0 0;
        float: right
    }
    .in-action-section-product {
        height: auto;
        background-size: auto 450px;
        padding-bottom: 6rem
    }
    .in-action-section-product .content sup {
        width: 480px
    }
    .in-action-section-product .content h2 {
        width: 500px;
        height: 380px;
        padding-bottom: 4rem
    }
    .in-action-section-product .content p {
        padding-bottom: 3rem;
        max-width: 520px
    }
    .in-action-section-product div.reversed {
        min-height: 420px
    }
    .in-action-section-product div.reversed h2 {
        height: auto
    }
    .postid-698 .de-DE .in-action-section-product.section-2 .content h2,
    .postid-698 .tr-TR .in-action-section-product.section-2 .content h2,
    .postid-698 .de-DE.ch .in-action-section-product.section-2 .content h2,
    .postid-698 .es-ES .in-action-section-product.section-2 .content h2,
    .postid-698 .ro-RO .in-action-section-product.section-2 .content h2,
    .postid-698 .no .in-action-section-product.section-2 .content h2,
    .postid-698 .dk .in-action-section-product.section-2 .content h2 {
        font-size: 4.8rem
    }
    .postid-698 .fr-FR .in-action-section-product.section-2 .content h2,
    .postid-698 .it-IT .in-action-section-product.section-2 .content h2,
    .postid-698 .nl .in-action-section-product.section-2 .content h2 {
        font-size: 4rem
    }
    .postid-698 .pl-PL .in-action-section .content h2 {
        font-size: 4rem;
        width: 480px
    }
    .postid-694 .pl-PL .in-action-section-product.section-2 .content h2,
    .postid-1148 .pl-PL .in-action-section-product.section-2 .content h2 {
        font-size: 4rem;
        width: 480px
    }
    .postid-1637 .fr-FR .in-action-header .content h2 {
        font-size: 4.8rem
    }
    .postid-1637 .fr-FR .in-action-header .content p {
        width: 510px
    }
    .postid-1148 .fr-FR .in-action-header .content h2 {
        width: 630px
    }
    .postid-1148 .ro-RO .in-action-header .content h2 {
        font-size: 4.2rem
    }
    .postid-1148 .ro-RO .in-action-header .content p {
        width: 520px
    }
    .postid-4260 .nl .in-action-section-product.section-2 .content h2 {
        font-size: 4.4rem
    }
    .postid-4229 .ch .in-action-section-product.section-2 .content h2 {
        font-size: 4.8rem
    }
    .in-action-banner .col-phone-12 {
        height: 600px
    }
    .in-action-banner .col-phone-12 h2 {
        width: 650px;
        left: 0;
        margin-top: 8rem
    }
    .in-action-banner .col-phone-12 span {
        left: 0;
        width: 700px
    }
    .in-action-banner .col-phone-12 a {
        left: 0
    }
    .in-action-fact .container {
        padding-top: 4rem;
        padding-bottom: 8rem
    }
    .in-action-fact .container:before {
        max-width: 1200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }
    .in-action-fact .col-desktop-9 {
        padding-left: 90px
    }
    .in-action-fact .hidden-tablet-down {
        position: relative
    }
    .in-action-fact .hidden-tablet-down img {
        position: absolute;
        height: auto;
        width: auto;
        left: -150px;
        top: -95px;
        z-index: 100
    }
    .in-action-fact .headers {
        max-width: 100%;
        min-height: 210px
    }
    .in-action-fact .headers p {
        padding-bottom: 0;
        margin-bottom: 0;
        color: #c98959;
        font-size: 3.2rem;
        padding-top: 6rem
    }
    .in-action-fact .headers h2 {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 1rem;
        color: #fff
    }
    .in-action-fact .content {
        padding-bottom: 4rem
    }
    .in-action-fact .content p {
        color: #666;
        padding-bottom: 1rem
    }
}

.ru-RU.in-action-page .content strong {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .in-action-section .content sup {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.ru-RU .in-action-fact .headers p {
    font-family: "Helios Cond Bold", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr.in-action-page .content strong {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .in-action-section .content sup {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

.kr .in-action-fact .headers p {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

@media (min-width: 768px) and (max-width: 1199px) {
    .in .in-action-fact .hidden-desktop-up {
        left: 450px
    }
}

@media (max-width: 767px) {
    .postid-698 .pt .in-action-fact .hidden-desktop-up,
    .postid-698 .es .in-action-fact .hidden-desktop-up {
        bottom: 60px
    }
    .navigation-top-bar #menu-switch {
        display: block;
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 9999;
        top: -10px;
        visibility: hidden;
    }
        


    .navigation-main {
            display: none !important;
    } 


    .navigation-main.open, .navigation-main.opened {
        display: block !important;
    } 


 
  


}

@media (min-width: 768px) and (max-width: 1199px) {
    .postid-698 .pt .in-action-fact .hidden-desktop-up,
    .postid-698 .es .in-action-fact .hidden-desktop-up {
        bottom: 80px
    }
}

.site-map-page .site-map-content .col-phone-12 {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem
}

.site-map-page .site-map-content h2 {
    text-align: left;
    margin-bottom: 1rem
}

.site-map-page .site-map-content h3,
.site-map-page .site-map-content .in-action-header .content sup,
.in-action-header .content .site-map-page .site-map-content sup {
    color: #111
}

.site-map-page .site-map-content h3:before,
.site-map-page .site-map-content .in-action-header .content sup:before,
.in-action-header .content .site-map-page .site-map-content sup:before {
    content: '';
    display: block;
    width: 160px;
    height: 1.4rem;
    border-bottom: 2px solid #c98959;
    margin-bottom: 2rem
}

.site-map-page .site-map-content ul {
    list-style: none;
    padding-top: 1rem;
    padding-left: 0
}

.site-map-page .site-map-content ul li {
    width: 100%;
    float: left;
    line-height: 1.6
}

.site-map-page .site-map-content ul li:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 1rem;
    background: url("../img/common/learn-more.svg") no-repeat 100% 100%;
    background-size: contain
}

.site-map-page .site-map-content ul li a {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #373a3c;
    text-transform: none
}

.site-map-page .site-map-content ul li a:hover {
    color: #c98959
}

@media (min-width: 768px) {
    .site-map-page .site-map-content .col-phone-12 {
        padding-top: 4rem;
        padding-bottom: 8rem
    }
    .site-map-page .site-map-content h2 {
        margin-bottom: 2rem
    }
    .site-map-page .site-map-content h3:before,
    .site-map-page .site-map-content .in-action-header .content sup:before,
    .in-action-header .content .site-map-page .site-map-content sup:before {
        width: 70px;
        border-bottom-width: 4px;
        margin-top: 2rem;
        margin-bottom: 3.5rem
    }
    .site-map-page .site-map-content ul {
        padding-top: 2.5rem
    }
    .site-map-page .site-map-content ul li {
        width: 50%;
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1200px) {
    .site-map-page .site-map-content ul li {
        width: 33.3%
    }
}

.ru-RU .site-map-page .site-map-content ul li a {
    font-family: "Helios Cond Regular", sans-serif;
    font-style: normal;
    font-weight: 400
}

.kr .site-map-page .site-map-content ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400
}

.tr-TR .we-are-duracell {
    background-image: url("../img/timeline_TR.png"), url("../img/we-are-duracell-logo-grey.png"), url("../img/we-are-duracell-bg.jpg")
}

.tr-TR.about-us-page .about-us-header {
    background-image: url("../img/timeline_TR.png"), url("../img/grey-gradient-bg.jpg")
}

.tr-TR .faq-category-selector li .faq-bunny div {
    background-image: url("../img/common/faq-icons-bear.svg")
}


.navigation-top-bar {
    background-color: #111;
    height: 70px;
    overflow: hidden;
}


.navigation-top-bar h1 {
    display: inline-block;
    position: inherit; !important;
}

.navigation-top-bar .col-phone-12>div {position: inherit !important; padding: 9px;}
.navicon {margin-right: 10px;}
.navigation-top-bar .top-social {width:100%;}

.toptop {top: 25px !important;}
.toptop2 {top: -5px !important;}

.bannerone {
    margin: 0 auto !important;
    float: none;
    display: block;
    padding-top: 0px;
}
.bannertwo {padding-left: 20px;}
.bannerone img {display: block; margin: 0px auto; width: 100%;}
.bannertwo img {display: block; margin: 0px auto; width: 90%;}
#tu-auto {    min-height: 450px;}

.footnav {padding-bottom: 50px;}
.footnav h2 {border-bottom:3px solid #C98959; border-left: 0px; min-height: 115px;
 height: 115px;  padding-bottom: 7px;}
.logofoot {display: block; width: 100% !important; margin-top: 70px;  margin-bottom: 50px;     margin-left: -40px;}
#ambiente {top: 0px;}
#duracellblock {margin-left: -20px;}
.footer a, .footer p {color:white !important; font-size: 14px; font-family: "Oblik Light", sans-serif !important;font-weight: 500;}
p.trans, .about-us-page .our-history p {line-height: 22px;font-size: 15px; letter-spacing: 0.7px;}
.black {background: black; color:white !important;}
.about-us-page h3, .goldtittle {color:#C98959;padding:20px 0px; font-family: "Oblik Bold";}
.goldtittle {     font-size: 38px;
    text-align: center;
    padding: 50px 0px;}
.about-us-page .text-section {padding-top: 0px;}
.centered {width: 85%; float: right; padding-bottom:  40px; padding-left: 20px; }
.ambiental{
    border: 0px !important;
    border-top: 4px solid #c98959 !important;
    border-radius: 0px !important;
    right: 0px;
    position: absolute !important;
    left: inherit !important;
}
.ambiental2 {
    border: 0px !important;
    border-top: 4px solid #c98959 !important;
    border-radius: 0px !important;
    left: 0px !important;
    position: absolute !important;
}

.ambiental2 .milestone {
    left: 560px !important;

}
.ambiente {
    width: 100% !important;
    max-width: 1360px;
    margin: 0 auto !important;
    position: relative;
}
.left-text{text-align: left !important}
#conejo {position: relative; top: -150px;}
#conejo2 {
    position: absolute;
    top: 20px;
    right: -130px;
    width: 300px;

}
#conejo3 {
    position: absolute;
    width: 270px;
    height: auto;
    top: -250px;
    left: -208px;
}
.ambiente .col-phone-12 {max-height: 450px;}
.down {padding-bottom: 60px;}
.fondo_gray {
    background: url(../img/background.jpg);
    background-size: 100%;
    padding-bottom: 60px;
}
#plantas, #ventajas { 
    border-radius: 20px; 
    border: 4px solid #c98959; 
    border-top:0px !important; 
    width:100%; 
    min-height: 400px; 
    padding-bottom: 40px;
    margin-bottom: 70px;
}
#plantas img {width: 70%; height: 230px; display: block; margin: 20px auto 15px auto;}
#plantas figure {min-height: 230px;}
#plantas p {padding: 0px 15px;}
#plantas img[src*="Certificado-2"]{width:90% !important; height: auto !important;}
#plantas h4 {font-size: 15px !important; font-weight: 700 !important; text-align: center; min-height: 33px;}
#categorias {margin-top: -20px !important; padding-bottom:180px;}

.doblepadding {padding:80px 0px;}
.top20 {margin-top: 20px;}
.top60 {margin-top: 60px !important;}
.top80 {margin-top: 80px !important;}
.top120 {margin-top: 120px !important;}

.pro-menu {
    position: relative;
    width: 100%;
    top: 45px;
    left: 0;
    list-style: none !important;
}
.pro-menu a {
    display: block;
    width: 97%;
    height: 214px;
    background-repeat: no-repeat;
    background-color:#232323 ;
    font-size: 2rem;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    padding-left: 4rem;
    padding-top: 4rem;
    text-transform: none;
    height: 240px;
    position: relative;
    transition: all 250ms;
}

.pro-menu a:hover {
    z-index: 1000;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}


.paises.row div a:hover img {
    -webkit-transform: scale(1.25) ;
    transform: scale(1.25) ;
}




.pro-menu li {
    border: none;
    width: 50%;
    float: left;
    padding: .5rem;
    list-style: none !important;
}

.inaction-wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
}


.post-692 {
    background-image: url(../img/005-coche.png);
    background-size: 40%;
    background-position: center;
    color: #111111;
}

.post-693 {
    background-image: url(../img/002-camion.png);
    background-position: center;
    background-size: 40%;
    color: #111111;
}

.post-694 {
    background-image: url(../img/004-carro-de-golf.png);
    background-position: center;
    background-size: 40%;
    color: #111111;
}

.post-695 {
    background-image: url(../img/003-lancha-rapida.png);
    background-position: center;
    background-size: 40%;
    color: #111111;
}

.post-696 {
    background-image: url(../img/001-cortacesped.png);
    background-position: center;
    background-size: 40%;
    color: #111111;
}

img[src*="Bateria"] {
    width: 287px;
    display: block;
    margin: 0px auto;
}

/*.post-697 {
    background-image: url(../img/Bateria.png);
    color: #111111;
}*/


.top-social {display:none !important;}


.paises.row {
    padding-left: 0px;
    margin-top: 40px;
}



.paises.row div {
    padding: 20px 0px;
}



.paises.row div img  {
    padding-right:4px;
    width: 60px;
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
}

.paises.row div a span {
    color:rgb(100,100,100);
    font-size: 18px;
}

.paises.row div a:hover {text-decoration:none}


#tu-auto .paises span {display:block; text-align: center; font-weight: 1000}

#categorias .ia-link h4 {
    color: white;
    font-size: 22px;
    text-align: center;
    padding-left: 0px;
    position: absolute;
    bottom: 7px;
    width: 80%;
    font-weight: 1000;
}

#bunycon {
    position: absolute;
    width: 240px;
    top: 50px;
    right: 20px;
}



.apartado {
    width: 100%;
}


.apartado img[src*="pleca_dorada.png"] { 
    height: 10px !important;
    margin-bottom: 20px;
    position: relative;
    width: 97%;
    top: 10px;
    margin-left: 0px !important;
}

.apartado h4 {
    color: #C98959;
    font-family: "Oblik Bold";
    font-size: 28px;
    padding: 20px 0px 0px 20px;
}


.apartado h3, .apartado p {
    padding: 0px 0px 0px 20px !important;
    font-size: 19px;
}

.apartado p:first-of-type {
    display: block;
}

.apartado p {
    font-size: 18px !important;
    display: inline-block;
}

.apartado img {
  margin: 0px 20px;
  margin-right: 0px;
}


.apartado h3, .apartado p:first-of-type {   
    font-weight: 1000;
    padding-top: 7px !important;
    margin-bottom: 7px !important;
}


 

/*
.especial {
   
}
*/

.article-grid-left .row {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}




div:nth-child(1) > div.col-md-4.col-sm-12.infotext .apartado {
    position: absolute;
}

div:nth-child(2) > div.col-md-4.col-sm-12.infotext {padding-top: 10px;}

 div:nth-child(2) > div.col-md-4.col-sm-12.infotext .apartado { 
    margin-left: 1px !important;
    height: 297px;
    position: relative;
    top: -20px;
}

.infotextultimo .apartado {  
    position: absolute;
    left: 10px;
    height: 297px;
}


.infotext {
    padding-right: 0px !important;
}

.article .infotext .apartado.content { 
    height: auto;
    padding: 0px;
    padding-bottom: 30px;
}

@media (max-width: 900px) {
        div:nth-child(1) > div.col-md-4.col-sm-12.infotext .apartado {
        position: inherit !important;
        margin-bottom: 20px !important;
    }

    #righta {display: none !important;}

   .navigation-top-bar { 
        height: auto !important;
        padding: 20px !important;
        padding-bottom: 30px !important;
    }


    
    #menu-switch-cont, #hamburguer {
        float: right;
        position: absolute !important;
        top: 10px;
        width: 80px;
    }

    .logofoot {
        margin-left: 40px;
    }

    .navigation-top-bar {
        background-color: #111;
        height: 150px;
        overflow: hidden;
    }
    a {
        color: white;
        text-decoration: none;
    }
}



.cintillo { height:200px; background:#232323; margin-top:140px !important; padding-top: 10px;}
.cintillo h1 {text-align: center; font-size: 46px; font-weight: 1000;}
.cintillo h1:first-child {color:white !important; font-family: 'Oblik Black', sans-serif !important;}
.cintillo h1:last-child {color:#C98959; font-family: 'Oblik Black', sans-serif !important;}

.mapaises{width: 80%;
    display: block;
    margin: 0px auto !important; padding-top: 100px !important;}

.mapaises h1 {
    font-family: 'Oblik Black', sans-serif !important;
}


.mapaises .paises.row  span {
    text-align: center;
    width: 100%;
    display: block;
}

.mapain {
    width: 100%;
    background: url(../img/Mapa.png);
    background-size: 550px;
    min-height: 760px;
    background-repeat: no-repeat;
    background-position: 70px;
    margin-top: -60px;
}

.bottom {padding-bottom:80px;}

h1, .h1 {
    font-size: 46px;
}


#righta {float:right;margin-right: -30px}

#buscador {
    min-height: 500px;
    /*background: url(../img/Back-Buscador-CentroServicio.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 30px;*/
}

#buscador_bateria {
    min-height: 500px;
    background: url(../img/Buscador_Baterias.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    top: 30px;
}

.btn_gold {
    z-index: 0;
    background: #E08A50;
    border: none;
    border-radius: 60px;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 22px;
    padding: 10px 15px;
}

.btn_gold:hover, .btn_gold:active  {
    text-decoration: none;
    color:white;
}


.blackblock {
    width: 400px;
    padding:40px;
    height:200px;
    background: black;
    margin: auto;
    margin-bottom: 100px;
    display: block;
}




.navigation-main { 
   top:70px;
}


.baterias_h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding-top:20px;
}


#baterias {
    position: absolute;
    top: -38px;
}


#baterias select {
    border: none !important;
    display: block;
    margin-bottom: 15px;
}



.article-grid-left .col-phone-12 .article {
    border: 3px solid black;
}

#conejo3 {
    position: absolute;
    width: 350px;
    height: auto;
    top: -100px;
    left: -213px;
}

.inaction-wrapper ul {position: relative; z-index: 99;}