/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

audio:not([controls]),
hr {
    height: 0
}

.banner,
legend {
    max-width: 100%
}

#faceook-pixel-container,
#tracking-code-container,
.invisible {
    visibility: hidden
}

.client-banner,
.invisible,
[hidden],
audio:not([controls]),
form #form-long,
template {
    display: none
}

form .row,
sub,
sup {
    position: relative
}

progress,
sub,
sup {
    vertical-align: baseline
}

button,
hr,
input {
    overflow: visible
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

body,
figure,
h1,
h2,
h3,
h4,
h5,
html,
p {
    padding: 0;
    margin: 0
}

body,
html {
    min-height: 100%
}

.clear,
.clr {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.client-banner {
    margin: 0 auto
}

body {
    cursor: default!important;
    font-family: Arial, sans-serif;
    font-weight: 400
}

body.fr {
    padding-bottom: 115px
}

.step-leadgen {
    margin: 0 auto;
    width: 100%
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #00d521;
    color: #fff;
    text-shadow: 0 -1px 1px #000;
    border: 3px solid #2a2a2a
}

.form-wrapper form {
    position: relative;
    z-index: 3
}

#contact,
form#dkw_form_mob,
form#phone-form,
form#pin-form {
    overflow: hidden;
    display: none
}

form#dkw_form_mob em {
    font-size: 18px;
    line-height: 22px
}

form .row .error,
form .row .error.dob-alert {
    padding: 5px 7px;
    background: red;
    top: 8px;
    font-size: 12px
}

form .row {
    width: 92%;
    margin: 0 auto 6px;
    clear: both;
    display: block
}

form .row .error {
    display: none;
    white-space: nowrap;
    position: absolute;
    right: 108%;
    color: #FFF
}

form .row .error.dob-alert {
    z-index: 20;
    height: auto!important;
    right: 103%;
    width: auto;
    text-indent: 0
}

.fancy-form .row #email,
.fancy-form .row #first_name,
.fancy-form .row #mobile,
.fancy-form .row #street,
.fancy-form .row #via,
.fancy-form .row #zipcode,
.fancy-form.flamingo-form .row #landline,
.fancy-form.flamingo-form .row #last_name,
.it .fancy-form .row #city {
    text-indent: 33px
}

form .row .error.dob-alert:after {
    display: none!important
}

form .row .error:after {
    float: right;
    margin-right: -25px;
    margin-top: -5px;
    margin-bottom: -5px;
    content: ' ';
    width: 20px;
    height: 24px;
    display: block;
    background: url(../images/error_arrow.png) center right no-repeat
}

form .row.gender .error {
    top: -4px
}

form .row.selects .error {
    top: 27px
}

form .row input[type=tel],
form .row input[type=text] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: -moz-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fefefe 0, #f2f2f2 100%);
    border: 1px solid #7f7f7f;
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding-left: 8px;
    width: 100%
}

form .row.selects {
    overflow: hidden
}

form .row.selects label {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 3px
}

form .row select,
form .row.select select,
form .row.selects input,
form .row.selects select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: -moz-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fefefe 0, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fefefe 0, #f2f2f2 100%);
    border: 1px solid #7f7f7f;
    color: #000;
    float: left;
    font-size: 13px;
    height: 30px;
    padding-left: 5px;
    width: 100%
}

form .row.selects input#dob_d,
form .row.selects select#dob_d {
    width: 25%
}

form .row.selects input#dob_m,
form .row.selects select#dob_m {
    width: 40%;
    margin: 0 5%
}

form .row.selects input#dob_y,
form .row.selects select#dob_y {
    width: 31%
}

form .row.checkbox input {
    float: left;
    width: 30px;
    height: 30px
}

.id form .row.checkbox input {
    clear: both
}

body form .row.checkbox label {
    float: right;
    margin-bottom: 10px;
    width: 85%;
    font-size: 14px;
    line-height: 12px;
    display: block
}

form .row.checkbox label.no-checkbox,
form .row.checkbox label.nopadding {
    width: 100%
}

form .row.checkbox label.evensmaller {
    font-size: 9px;
    line-height: 9px
}

form .row.checkbox label.evensmaller img {
    float: none
}

form .row.checkbox label a {
    color: #000
}

form .row.checkbox label span {
    display: block;
    margin-top: 10px
}

form .row.checkbox img {
    float: right;
    max-width: 100px;
    margin-left: 5px;
    max-height: 100px
}

form .row.checkbox select {
    font-family: Arial, sans-serif!important;
    font-size: 12px
}

form .row.checkbox select:first-of-type {
    margin-bottom: 8px
}

.btn-gonext,
.btn-why-win,
.exit_traffic_after,
form button {
    cursor: pointer;
    margin: 5px auto 0;
    width: 92%;
    max-width: 350px;
    height: 60px;
    clear: both;
    font-size: 25px;
    font-weight: 700;
    display: block;
    background: #00cb00;
    color: #FFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none
}

body .agree-terms {
    font-family: Arial, sans-serif;
    font-size: 9px!important;
    margin: 5px auto;
    text-align: center;
    line-height: 10px;
    color: #000
}

.legal,
.optional-offer {
    font-family: Arial, sans-serif
}

body .agree-terms .fancybox,
body .agree-terms a {
    color: #000;
    text-decoration: underline
}

body.gf .agree-terms {
    font-size: 11px!important
}

.contact-winners,
.optional-offer {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    display: block
}

.optional-offer {
    margin-bottom: 5px
}

form .row.checkbox {
    text-align: left
}

form .row.checkbox strong {
    display: block;
    float: left;
    width: 70%
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    form .row.checkbox img {
        max-height: 40px
    }
}

form .row.checkbox label strong.no-strong {
    float: none;
    display: inline
}

.id form .row .error::after,
.id form .row.input-mobile .error br,
.sg form .row .error::after,
.sg form .row.input-mobile .error br {
    display: none
}

.id form .row.input-mobile .error,
.sg form .row.input-mobile .error {
    font-size: 10px!important
}

.id form .row .error,
.sg form .row .error {
    position: relative;
    width: 100%!important;
    float: left;
    white-space: normal;
    overflow: hidden;
    height: auto!important;
    margin-bottom: 0
}

.id form .row .error::before,
.sg form .row .error::before {
    background: url(../images/error_icon.png) center center/20px auto no-repeat;
    content: " ";
    display: inline-block;
    height: 24px;
    margin: 0 5px 0 -5px;
    vertical-align: middle;
    width: 20px
}

.id form .row.checkbox .error,
.id form .row.gender .error,
.id form .row.input-doi .error,
.sg form .row.checkbox .error,
.sg form .row.gender .error,
.sg form .row.input-doi .error {
    right: 0!important
}

.fancy-form .row input[type=tel],
.fancy-form .row input[type=text],
.fancy-form .row.checkbox select,
.fancy-form .row.select select,
.fancy-form .row.selects select {
    background: #fff;
    -webkit-box-shadow: inset .56px .83px 1px 0 rgba(0, 0, 0, .13);
    -moz-box-shadow: inset .56px .83px 1px 0 rgba(0, 0, 0, .13);
    box-shadow: inset .56px .83px 1px 0 rgba(0, 0, 0, .13);
    color: #999;
    font-size: 13px;
    -webkit-appearance: none
}

.fancy-form .row #first_name {
    background: url(../images/form/name.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form .row #dob_d {
    background: url(../images/form/dob.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form .row #email {
    background: url(../images/form/mail.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form .row #zipcode {
    background: url(../images/form/address.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form.flamingo-form .row #mobile {
    background: url(../images/form/mobile.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form.flamingo-form .row #landline {
    background: url(../images/form/phone.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form.flamingo-form .row #last_name {
    background: url(../images/form/name.png) left center/auto 100% no-repeat #fff
}

.fancy-form .row #mobile {
    background: url(../images/form/phone.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form .row #street,
.fancy-form .row #via,
.it .fancy-form .row #city {
    background: url(../images/form/address.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.be .fancy-form .row #phone_nr {
    background: url(../images/form/phone.png) left center no-repeat #fff;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.fancy-form .row.selects input#dob_d,
.fancy-form .row.selects select#dob_d {
    padding-left: 0;
    text-indent: 44px;
    width: 27%
}

.fancy-form .row.selects input#dob_m,
.fancy-form .row.selects select#dob_m {
    width: 38%
}

.fancy-form .row.gender label span {
    font-size: 14px
}

.fancy-form .row.selects label {
    font-weight: 400
}

.fancy-form .label-mail {
    clear: both;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 15px auto 5px;
    width: 100%
}

.fancy-form .row.checkbox label,
.fancy-form .row.checkbox label a {
    color: #999
}

.fancy-form button {
    height: 50px
}

@-moz-document url-prefix() {
    .fancy-form .row.selects select#dob_d {
        text-indent: 22px
    }
}

.fancy-form2 .row.gender label.gender {
    float: left
}

.fancy-form2 .row.gender input {
    margin-right: 5px;
    float: left;
    background: #fff
}

.fancy-form2 .row.gender input:checked {
    background: #7dc32a
}

.fancy-form2 .row.gender label span {
    margin-right: 15px;
    float: left;
    line-height: 15px
}

.fancy-form2 .row input[type=tel],
.fancy-form2 .row input[type=text],
.fancy-form2 .row.checkbox select,
.fancy-form2 .row.select select,
.fancy-form2 .row.selects select {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid silver;
    border-left: none;
    border-right: none;
    height: 33px;
    border-bottom: 2px solid silver;
    padding-top: 3px
}

.fancy-form2 .row #last_name {
    text-indent: 0
}

.fancy-form2 .row.selects input#dob_d,
.fancy-form2 .row.selects select#dob_d {
    text-indent: 0;
    background: #fff;
    padding: 3px 0 0 12px
}

.fancy-form2 #form-short .row.checkbox input {
    display: none
}

.fancy-form2 .row.checkbox .input-selector {
    width: 21px;
    height: 21px;
    cursor: pointer;
    background: #fff;
    float: left;
    -webkit-border-radius: 1px solid #827f7f;
    -moz-border-radius: 1px solid #827f7f;
    border-radius: 1px solid #827f7f
}

.fancy-form2 .row.checkbox .input-selector.checked {
    background: url(../images/form/check.png) center center no-repeat #fff
}

.fancy-form2 .row.selects label {
    font-size: 13px
}

.fancy-form2 .row.checkbox label,
.fancy-form2 .row.checkbox label a {
    color: #e5e5e5
}

body .fancy-form2 .row.checkbox label {
    width: 87%;
    line-height: 9px;
    font-size: 10px
}

form .fancy-form2 .row.checkbox {
    padding-top: 5px
}

.fancy-form2 .row {
    margin-bottom: 4px
}

.fancy-form2 .row .error:after {
    width: 16px;
    height: 20px;
    -webkit-background-size: 100% 100%!important;
    -moz-background-size: 100%!important;
    -o-background-size: 100%!important;
    background-size: 100%!important
}

.fancy-form2 .row.gender .error {
    top: -9px
}

.legal {
    clear: both;
    width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: center;
    z-index: 10
}

.legal ul:not(.scroller) {
    list-style-type: none;
    padding: 0;
    margin-top: 50px;
    margin-bottom: 30px;
}

.legal ul:not(.scroller) li {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.legal ul:not(.scroller) li a {
    color: #000;
    font-size: 12px;
    margin: 0 10px
}

.legal .bottom-text {
    margin: 10px auto;
    max-width: 800px;
    font-size: 10px;
    display: block;
    line-height: 12px
}

#loading h1,
#thanks h1 {
    margin-top: 150px
}

.logo-exit,
.logo-exit img {
    max-width: 100%
}

.de .legal {
    margin-bottom: 75px
}

.bottom-text a {
    color: #000
}

#loading,
#thanks {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9000;
    top: 0;
    left: 0;
    text-align: center
}

#loading {
    display: none;
    font-size: 18px
}

#loading h1 {
    font-size: 25px;
    margin-bottom: 10px
}

#loader {
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 50px
}

#thanks,
#thanks h1,
#thanks h2,
.logo-exit {
    display: none
}

#loading img:not(.approve) {
    margin-bottom: 5px
}

#loading .approve {
    max-height: 15px
}

#thanks {
    font-size: 35px;
    text-transform: uppercase
}

.exit-inquiry.exit-web {
    font-family: Arial, sans-serif
}

body.inquiry-visible {
    overflow-x: hidden!important
}

body .step-inquiry h2 {
    margin-bottom: 15px
}

.logo-exit {
    margin: 10px auto 0;
    background: #FFF;
    width: 800px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.logo-exit.active {
    display: block
}

.step-8floors,
.step-banners,
.step-iframe,
.step-iframe2,
.step-memory,
.step-pin,
.step-thankyou,
.step-thankyou2 {
    background: #FFF;
    width: 800px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    margin: 10px auto 0;
    max-width: 90%
}

.step-banners,
.step-iframe,
.step-iframe2 {
    max-width: 95%
}

.step-banners img {
    margin: 0 auto!important
}

.step-thankyou {
    max-width: 90%!important;
    margin: 10px auto 0
}

.step-iframe iframe,
.step-iframe2 iframe,
.step-pin iframe {
    border: none;
    width: 100%;
    height: 740px
}

.step-iframe iframe.fullwidth {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999
}

.step-iframe iframe:not(.sovendus-iframe) {
    background: url(../images/geo-block.png) center center no-repeat #fff
}

@media only screen and (max-width:500px) {
    .step.step-iframe {
        padding: 10px 0!important;
        max-width: 100%!important;
        margin-top: 0!important;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important
    }
}

.step-pin iframe {
    overflow: hidden;
    margin-top: 0;
    height: 1050px
}

.step.step-8floors {
    margin-top: 10px!important;
    overflow: hidden
}

.step-memory h3,
.step.step-8floors h3 {
    font: 400 20px Arial, sans-serif!important;
    margin: 0!important
}

.btn-continue.flR {
    margin-bottom: 30px
}

.btn-why-win {
    line-height: 60px;
    text-decoration: none
}

.pl .step-iframe {
    width: 1050px
}

.loadingcf {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 25px 0 rgba(50, 50, 50, .5);
    -moz-box-shadow: 0 0 25px 0 rgba(50, 50, 50, .5);
    box-shadow: 0 0 25px 0 rgba(50, 50, 50, .5);
    display: none;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: fixed;
    top: 50%;
    overflow: hidden;
    width: 100px
}

.loadingcf img {
    width: 100%
}

body .exit-web .answers_bottom_pre_question_container {
    position: relative
}

.cc_banner-wrapper {
    position: fixed!important
}

.load-new-coregs iframe {
    width: 100%;
    border: none;
    margin: 0;
    height: 450px
}

#form-coregs {
    display: none;
    padding: 0 20px
}

body .step-survey .section.active {
    display: block!important
}

.section.active {
    display: block
}

.no-constant,
.no-image {
    font-size: 9px;
    font-family: Arial;
    margin: 5px 2px;
    display: inline-block;
    white-space: nowrap;
    padding: 5px;
    color: #000;
    position: relative;
    z-index: 50
}

.inquiry-visible footer.legal,
.thankyou-visible footer.legal,
body.components .step {
    display: none
}

.no-constant.no-image,
.no-image.no-image {
    background: orange
}

.no-constant.no-constant,
.no-image.no-constant {
    background: #ff0
}

@font-face {
    font-family: BebasNeue;
    src: url(../../style/main/fonts/BebasNeue.eot);
    src: url(../../style/main/fonts/BebasNeue.eot?#iefix) format("embedded-opentype"), url(../../style/main/fonts/BebasNeue.woff) format("woff"), url(../../style/main/fonts/BebasNeue.ttf) format("truetype");
    font-weight: "normal";
    font-style: "normal"
}

body.components .step:nth-child(2)[class*="step step-default"],
body.components section.step-legal,
body.components section:first-of-type:not(.rotateScreen),
body.components.fr .step:nth-child(2)[class*=step-form],
body.components>div.step-legal,
body.components>div:first-of-type:not(.rotateScreen) {
    display: block
}

body.components [class*=" show-edition-"],
body.components [class*=" show-step-"],
body.components [class^=show-edition-],
body.components [class^=show-step-],
body.components.has-edition .hide-on-edition {
    display: none
}

body.components .step-bingo .show-step-bingo,
body.components .step-default .show-step-default,
body.components .step-differences .show-step-differences,
body.components .step-form .show-step-form,
body.components .step-landing .show-step-landing,
body.components .step-leadgen .show-step-leadgen,
body.components .step-product .show-step-product,
body.components .step-product-picker .show-step-product-picker,
body.components .step-questions .show-step-questions {
    display: block
}

body.components .step:not(.step-leadgen):not(.step-form):not(.step-default):not(.step-questions):not(.step-differences):not(.step-landing):not(.step-product-picker):not(.step-bingo) .legal {
    display: none
}

body.components footer.legal .bottom-text .fix-paragraph {
    font-size: 10px;
    line-height: 15px;
    width: 100%;
    padding: 5px;
    z-index: 1;
    position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    display: block;
    text-align: center;
    left: 0;
    margin: 0 auto
}

@media (max-width:992px) {
    body.components footer.legal .bottom-text .fix-paragraph {
        position: relative
    }
}

body.components.branded .unbranded,
body.components.unbranded .branded {
    display: none!important;
    visibility: hidden!important
}

body.components .responsive.responsive {
    display: none
}

@media (max-width:767px) {
    body.components .responsive.responsive {
        display: block
    }
    body.components .desktop.desktop {
        display: none
    }
}

body.components .logo2 {
    display: block;
    margin: 15px auto
}

#debug,
#debug2 {
    padding: 15px;
    margin: 15px;
    clear: both;
    float: left;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    border: 2px dashed #da8b8b;
    background: #f2dede;
    color: #a94442;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    line-height: 1;
    position: relative;
    z-index: 999
}

#debug#debug2,
#debug2#debug2 {
    border: 2px dashed #ecd764;
    background: #fcf8e3;
    color: #8a6d3b
}

#debug .debug-title,
#debug2 .debug-title {
    font-size: 14px
}

#debug .debug-area,
#debug2 .debug-area {
    border-bottom: 2px solid #e4aeae;
    margin-bottom: 10px
}

#debug .debug-area:last-child,
#debug2 .debug-area:last-child {
    margin-bottom: 0;
    border: none
}

#debug#debug2 .debug-area,
#debug2#debug2 .debug-area {
    border-bottom: 2px solid #f7ebae
}

#debug#debug2 .debug-area:last-child,
#debug2#debug2 .debug-area:last-child {
    margin-bottom: 0;
    border: none
}

#debug ul li,
#debug2 ul li {
    line-height: 25px
}

#debug ul li a,
#debug2 ul li a {
    color: #000
}

#debug .constants,
#debug2 .constants {
    background: #ead0d0;
    display: block;
    font-family: monospace;
    margin: 10px 0 20px;
    border: none;
    width: 500px;
    max-width: 100%;
    font-size: 15px;
    overflow: hidden;
    height: auto!important;
    resize: none;
    padding: 8px;
    clear: both;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

.half-padding-left {
    padding-left: 10px
}

.half-padding-right {
    padding-right: 10px
}

@media (max-width:480px) {
    .half-padding-left {
        padding-left: 5px
    }
    .half-padding-right {
        padding-right: 5px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .fancy-form .row.selects input#dob_d,
    .fancy-form .row.selects select#dob_d {
        padding-left: 37px
    }
}

@supports (-ms-accelerator:true) {
    .fancy-form .row.selects input#dob_d,
    .fancy-form .row.selects select#dob_d {
        padding-left: 37px
    }
}

body.fr.components.step-form .step.step-form {
    display: block
}

body .logo-exit.active {
    display: none!important;
    visibility: hidden!important
}

.logo-gf-voucher-mob {
    margin: 0 auto
}