Default HTML and CSS for the CMP privacy manager

CSS Styles

<style>

    html {
        height: 100%
    }

    body {
        margin: 0;
        min-height: 100%;
        background-color: #fff;
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #333
    }

    img {
        max-width: 100%;
        vertical-align: middle;
        display: inline-block
    }

    html.w-mod-touch * {
        background-attachment: scroll !important
    }

    .w-block {
        display: block
    }

    .w-inline-block {
        max-width: 100%;
        display: inline-block
    }

    .w-clearfix:after,
    .w-clearfix:before {
        content: " ";
        display: table
    }

    .w-clearfix:after {
        clear: both
    }

    .w-hidden {
        display: none
    }

    .w-button {
        display: inline-block;
        padding: 9px 15px;
        background-color: #3898ec;
        color: #fff;
        border: 0;
        line-height: inherit;
        text-decoration: none;
        cursor: pointer;
        border-radius: 0
    }

    input.w-button {
        -webkit-appearance: button
    }

    html[data-w-dynpage] [data-w-cloak] {
        color: transparent !important
    }

    .w-webflow-badge,
    .w-webflow-badge * {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        z-index: auto;
        display: block;
        visibility: visible;
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 0;
        min-width: 0;
        margin: 0;
        padding: 0;
        float: none;
        clear: none;
        border: 0 none transparent;
        border-radius: 0;
        background: none;
        background-image: none;
        background-position: 0 0;
        background-size: auto auto;
        background-repeat: repeat;
        background-origin: padding-box;
        background-clip: border-box;
        background-attachment: scroll;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        direction: ltr;
        font-family: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        font-style: inherit;
        font-variant: inherit;
        text-align: inherit;
        letter-spacing: inherit;
        text-decoration: inherit;
        text-indent: 0;
        text-transform: inherit;
        list-style-type: disc;
        text-shadow: none;
        font-smoothing: auto;
        vertical-align: baseline;
        cursor: inherit;
        white-space: inherit;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal
    }

    .w-webflow-badge {
        position: fixed !important;
        z-index: 2147483647 !important;
        top: auto !important;
        right: 12px !important;
        bottom: 12px !important;
        left: auto !important;
        color: #aaadb0 !important;
        background-color: #fff !important;
        border-radius: 3px !important;
        padding: 6px 8px 6px 6px !important;
        font-size: 12px !important;
        line-height: 14px !important;
        text-decoration: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        margin: 0 !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        white-space: nowrap;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1)
    }

    .w-webflow-badge,
    .w-webflow-badge>img {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important
    }

    .w-webflow-badge>img {
        vertical-align: middle !important
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        margin-bottom: 10px
    }

    h1 {
        font-size: 38px;
        line-height: 44px
    }

    h1,
    h2 {
        margin-top: 20px
    }

    h2 {
        font-size: 32px;
        line-height: 36px
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 20px
    }

    h4 {
        font-size: 18px;
        line-height: 24px
    }

    h4,
    h5 {
        margin-top: 10px
    }

    h5 {
        font-size: 14px;
        line-height: 20px
    }

    h6 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px
    }

    p {
        margin-top: 0;
        margin-bottom: 10px
    }

    blockquote {
        margin: 0 0 10px;
        padding: 10px 20px;
        border-left: 5px solid #e2e2e2;
        font-size: 18px;
        line-height: 22px
    }

    figure {
        margin: 0;
        margin-bottom: 10px
    }

    figcaption {
        margin-top: 5px;
        text-align: center
    }

    ol,
    ul {
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 40px
    }

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

    .w-embed:after,
    .w-embed:before {
        content: " ";
        display: table
    }

    .w-embed:after {
        clear: both
    }

    .w-video {
        width: 100%;
        position: relative;
        padding: 0
    }

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

    fieldset {
        padding: 0;
        margin: 0;
        border: 0
    }

    button,
    html input[type=button],
    input[type=reset] {
        border: 0;
        cursor: pointer;
        -webkit-appearance: button
    }

    .w-form {
        margin: 0 0 15px
    }

    .w-form-done {
        display: none;
        padding: 20px;
        text-align: center;
        background-color: #ddd
    }

    .w-form-fail {
        display: none;
        margin-top: 10px;
        padding: 10px;
        background-color: #ffdede
    }

    label {
        display: block;
        margin-bottom: 5px;
        font-weight: 700
    }

    .w-input,
    .w-select {
        display: block;
        width: 100%;
        height: 38px;
        padding: 8px 12px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #333;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #ccc
    }

    .w-input:-moz-placeholder,
    .w-select:-moz-placeholder {
        color: #999
    }

    .w-input::-moz-placeholder,
    .w-select::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .w-input:-ms-input-placeholder,
    .w-select:-ms-input-placeholder {
        color: #999
    }

    .w-input::-webkit-input-placeholder,
    .w-select::-webkit-input-placeholder {
        color: #999
    }

    .w-input:focus,
    .w-select:focus {
        border-color: #3898ec;
        outline: 0
    }

    .w-input[disabled],
    .w-input[readonly],
    .w-select[disabled],
    .w-select[readonly],
    fieldset[disabled] .w-input,
    fieldset[disabled] .w-select {
        cursor: not-allowed;
        background-color: #eee
    }

    textarea.w-input,
    textarea.w-select {
        height: auto
    }

    .w-select {
        background-image: -webkit-linear-gradient(#fff, #f3f3f3);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
        background-image: -o-linear-gradient(#fff 0, #f3f3f3 100%);
        background-image: linear-gradient(#fff, #f3f3f3)
    }

    .w-select[multiple] {
        height: auto
    }

    .w-form-label {
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
        margin-bottom: 0
    }

    .w-checkbox,
    .w-radio {
        display: block;
        margin-bottom: 5px;
        padding-left: 20px
    }

    .w-checkbox:after,
    .w-checkbox:before,
    .w-radio:after,
    .w-radio:before {
        content: " ";
        display: table
    }

    .w-checkbox:after,
    .w-radio:after {
        clear: both
    }

    .w-checkbox-input,
    .w-radio-input {
        margin: 4px 0 0;
        margin-top: 1px\9;
        line-height: normal;
        float: left;
        margin-left: -20px
    }

    .w-radio-input {
        margin-top: 3px
    }

    .w-file-upload {
        display: block;
        margin-bottom: 10px
    }

    .w-file-upload-input {
        width: .1px;
        height: .1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -100
    }

    .w-file-upload-default,
    .w-file-upload-success,
    .w-file-upload-uploading {
        display: inline-block;
        color: #333
    }

    .w-file-upload-error {
        display: block;
        margin-top: 10px
    }

    .w-file-upload-default.w-hidden,
    .w-file-upload-error.w-hidden,
    .w-file-upload-success.w-hidden,
    .w-file-upload-uploading.w-hidden {
        display: none
    }

    .w-file-upload-uploading-btn {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        padding: 8px 12px 8px 40px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBvcGFjaXR5PSIuMiIgZD0iTTE1IDMwYTE1IDE1IDAgMSAxIDAtMzAgMTUgMTUgMCAwIDEgMCAzMHptMC0zYTEyIDEyIDAgMSAwIDAtMjQgMTIgMTIgMCAwIDAgMCAyNHoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIG9wYWNpdHk9Ii43NSIgZD0iTTAgMTVBMTUgMTUgMCAwIDEgMTUgMHYzQTEyIDEyIDAgMCAwIDMgMTVIMHoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiBkdXI9IjAuNnMiIGZyb209IjAgMTUgMTUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0bz0iMzYwIDE1IDE1IiB0eXBlPSJyb3RhdGUiLz48L3BhdGg+PC9zdmc+");
        background-position: 12px 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat
    }

    .w-file-upload-file,
    .w-file-upload-uploading-btn {
        margin: 0;
        border: 1px solid #ccc;
        background-color: #fafafa
    }

    .w-file-upload-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px 9px 8px 11px
    }

    .w-file-upload-file-name {
        font-size: 14px;
        font-weight: 400;
        display: block
    }

    .w-file-remove-link {
        margin-top: 3px;
        margin-left: 10px;
        width: auto;
        height: auto;
        padding: 3px;
        display: block;
        cursor: pointer
    }

    .w-icon-file-upload-remove {
        margin: auto;
        font-size: 10px
    }

    .w-file-upload-error-msg {
        display: inline-block;
        color: #ea384c;
        padding: 2px 0
    }

    .w-file-upload-info {
        display: inline-block;
        line-height: 38px;
        padding: 0 12px
    }

    .w-file-upload-label {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        margin: 0;
        padding: 8px 12px 8px 40px;
        border: 1px solid #ccc;
        background-color: #fafafa;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTUuOTIgNS4wMmE0LjUgNC41IDAgMCAxIC4wOCA4Ljk1VjE0SDRhNCA0IDAgMSAxIDAtOCA2IDYgMCAwIDEgMTEuOTItLjk4ek0xMSA5aDNsLTQtNS00IDVoM3YyaDJWOXoiLz48L3N2Zz4=");
        background-position: 12px 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat
    }

    .w-icon-file-upload {
        width: 20px;
        height: 20px;
        margin-right: 8px
    }

    .w-icon-file-upload-svg {
        width: 100%;
        height: 100%
    }

    .w-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 940px
    }

    .w-container:after,
    .w-container:before {
        content: " ";
        display: table
    }

    .w-container:after {
        clear: both
    }

    .w-container .w-row {
        margin-left: -10px;
        margin-right: -10px
    }

    .w-row:after,
    .w-row:before {
        content: " ";
        display: table
    }

    .w-row:after {
        clear: both
    }

    .w-row .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px
    }

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

    .w-col-1 {
        width: 8.33333333%
    }

    .w-col-2 {
        width: 16.66666667%
    }

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

    .w-col-4 {
        width: 33.33333333%
    }

    .w-col-5 {
        width: 41.66666667%
    }

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

    .w-col-7 {
        width: 58.33333333%
    }

    .w-col-8 {
        width: 66.66666667%
    }

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

    .w-col-10 {
        width: 83.33333333%
    }

    .w-col-11 {
        width: 91.66666667%
    }

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

    .w-hidden-main {
        display: none !important
    }

    @media screen and (max-width:991px) {
        .w-container {
            max-width: 728px
        }

        .w-hidden-main {
            display: inherit !important
        }

        .w-hidden-medium {
            display: none !important
        }

        .w-col-medium-1 {
            width: 8.33333333%
        }

        .w-col-medium-2 {
            width: 16.66666667%
        }

        .w-col-medium-3 {
            width: 25%
        }

        .w-col-medium-4 {
            width: 33.33333333%
        }

        .w-col-medium-5 {
            width: 41.66666667%
        }

        .w-col-medium-6 {
            width: 50%
        }

        .w-col-medium-7 {
            width: 58.33333333%
        }

        .w-col-medium-8 {
            width: 66.66666667%
        }

        .w-col-medium-9 {
            width: 75%
        }

        .w-col-medium-10 {
            width: 83.33333333%
        }

        .w-col-medium-11 {
            width: 91.66666667%
        }

        .w-col-medium-12 {
            width: 100%
        }

        .w-col-stack {
            width: 100%;
            left: auto;
            right: auto
        }
    }

    @media screen and (max-width:767px) {

        .w-hidden-main,
        .w-hidden-medium {
            display: inherit !important
        }

        .w-hidden-small {
            display: none !important
        }

        .w-container .w-row,
        .w-row {
            margin-left: 0;
            margin-right: 0
        }

        .w-col {
            width: 100%;
            left: auto;
            right: auto
        }

        .w-col-small-1 {
            width: 8.33333333%
        }

        .w-col-small-2 {
            width: 16.66666667%
        }

        .w-col-small-3 {
            width: 25%
        }

        .w-col-small-4 {
            width: 33.33333333%
        }

        .w-col-small-5 {
            width: 41.66666667%
        }

        .w-col-small-6 {
            width: 50%
        }

        .w-col-small-7 {
            width: 58.33333333%
        }

        .w-col-small-8 {
            width: 66.66666667%
        }

        .w-col-small-9 {
            width: 75%
        }

        .w-col-small-10 {
            width: 83.33333333%
        }

        .w-col-small-11 {
            width: 91.66666667%
        }

        .w-col-small-12 {
            width: 100%
        }
    }

    @media screen and (max-width:479px) {
        .w-container {
            max-width: none
        }

        .w-hidden-main,
        .w-hidden-medium,
        .w-hidden-small {
            display: inherit !important
        }

        .w-hidden-tiny {
            display: none !important
        }

        .w-col {
            width: 100%
        }

        .w-col-tiny-1 {
            width: 8.33333333%
        }

        .w-col-tiny-2 {
            width: 16.66666667%
        }

        .w-col-tiny-3 {
            width: 25%
        }

        .w-col-tiny-4 {
            width: 33.33333333%
        }

        .w-col-tiny-5 {
            width: 41.66666667%
        }

        .w-col-tiny-6 {
            width: 50%
        }

        .w-col-tiny-7 {
            width: 58.33333333%
        }

        .w-col-tiny-8 {
            width: 66.66666667%
        }

        .w-col-tiny-9 {
            width: 75%
        }

        .w-col-tiny-10 {
            width: 83.33333333%
        }

        .w-col-tiny-11 {
            width: 91.66666667%
        }

        .w-col-tiny-12 {
            width: 100%
        }
    }

    .w-widget {
        position: relative
    }

    .w-widget-map {
        width: 100%;
        height: 400px
    }

    .w-widget-map label {
        width: auto;
        display: inline
    }

    .w-widget-map img {
        max-width: inherit
    }

    .w-widget-map .gm-style-iw {
        width: 90% !important;
        height: auto !important;
        top: 7px !important;
        left: 6% !important;
        display: inline;
        text-align: center;
        overflow: hidden
    }

    .w-widget-map .gm-style-iw+div {
        display: none
    }

    .w-widget-twitter {
        overflow: hidden
    }

    .w-widget-twitter-count-shim {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 28px;
        height: 20px;
        text-align: center;
        background: #fff;
        border: 1px solid #758696;
        border-radius: 3px
    }

    .w-widget-twitter-count-shim * {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
        position: relative;
        font-size: 15px;
        line-height: 12px;
        text-align: center;
        color: #999;
        font-family: serif
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
        position: relative;
        display: block
    }

    .w-widget-twitter-count-shim.w--large {
        width: 36px;
        height: 28px;
        margin-left: 7px
    }

    .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
        font-size: 18px;
        line-height: 18px
    }

    .w-widget-twitter-count-shim:not(.w--vertical) {
        margin-left: 5px;
        margin-right: 8px
    }

    .w-widget-twitter-count-shim:not(.w--vertical).w--large {
        margin-left: 6px
    }

    .w-widget-twitter-count-shim:not(.w--vertical):after,
    .w-widget-twitter-count-shim:not(.w--vertical):before {
        top: 50%;
        left: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .w-widget-twitter-count-shim:not(.w--vertical):before {
        border-color: rgba(117, 134, 150, 0);
        border-right-color: #5d6c7b;
        border-width: 4px;
        margin-left: -9px;
        margin-top: -4px
    }

    .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
        border-width: 5px;
        margin-left: -10px;
        margin-top: -5px
    }

    .w-widget-twitter-count-shim:not(.w--vertical):after {
        border-color: hsla(0, 0%, 100%, 0);
        border-right-color: #fff;
        border-width: 4px;
        margin-left: -8px;
        margin-top: -4px
    }

    .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
        border-width: 5px;
        margin-left: -9px;
        margin-top: -5px
    }

    .w-widget-twitter-count-shim.w--vertical {
        width: 61px;
        height: 33px;
        margin-bottom: 8px
    }

    .w-widget-twitter-count-shim.w--vertical:after,
    .w-widget-twitter-count-shim.w--vertical:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .w-widget-twitter-count-shim.w--vertical:before {
        border-color: rgba(117, 134, 150, 0);
        border-top-color: #5d6c7b;
        border-width: 5px;
        margin-left: -5px
    }

    .w-widget-twitter-count-shim.w--vertical:after {
        border-color: hsla(0, 0%, 100%, 0);
        border-top-color: #fff;
        border-width: 4px;
        margin-left: -4px
    }

    .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
        font-size: 18px;
        line-height: 22px
    }

    .w-widget-twitter-count-shim.w--vertical.w--large {
        width: 76px
    }

    .w-widget-gplus {
        overflow: hidden
    }

    .w-background-video {
        position: relative;
        overflow: hidden;
        height: 500px;
        color: #fff
    }

    .w-background-video>video {
        background-size: cover;
        background-position: 50% 50%;
        position: absolute;
        right: -100%;
        bottom: -100%;
        top: -100%;
        left: -100%;
        margin: auto;
        min-width: 100%;
        min-height: 100%;
        z-index: -100
    }

    .w-background-video>video::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none
    }

    .w-slider {
        position: relative;
        height: 300px;
        text-align: center;
        background: #ddd;
        clear: both;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: transparent
    }

    .w-slider-mask {
        display: block;
        overflow: hidden;
        z-index: 1;
        left: 0;
        right: 0;
        white-space: nowrap
    }

    .w-slide,
    .w-slider-mask {
        position: relative;
        height: 100%
    }

    .w-slide {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        white-space: normal;
        text-align: left
    }

    .w-slider-nav {
        position: absolute;
        z-index: 2;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        padding-top: 10px;
        height: 40px;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: transparent
    }

    .w-slider-nav.w-round>div {
        border-radius: 100%
    }

    .w-slider-nav.w-num>div {
        width: auto;
        height: auto;
        padding: .2em .5em;
        font-size: inherit;
        line-height: inherit
    }

    .w-slider-nav.w-shadow>div {
        -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, .4);
        box-shadow: 0 0 3px rgba(51, 51, 51, .4)
    }

    .w-slider-nav-invert {
        color: #fff
    }

    .w-slider-nav-invert>div {
        background-color: rgba(34, 34, 34, .4)
    }

    .w-slider-nav-invert>div.w-active {
        background-color: #222
    }

    .w-slider-dot {
        position: relative;
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: hsla(0, 0%, 100%, .4);
        cursor: pointer;
        margin: 0 3px .5em;
        -webkit-transition: background-color .1s, color .1s;
        -o-transition: background-color .1s, color .1s;
        transition: background-color .1s, color .1s
    }

    .w-slider-dot.w-active {
        background-color: #fff
    }

    .w-slider-arrow-left,
    .w-slider-arrow-right {
        position: absolute;
        width: 80px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        cursor: pointer;
        overflow: hidden;
        color: #fff;
        font-size: 40px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .w-slider-arrow-left [class*=" w-icon-"],
    .w-slider-arrow-left [class^=w-icon-],
    .w-slider-arrow-right [class*=" w-icon-"],
    .w-slider-arrow-right [class^=w-icon-] {
        position: absolute
    }

    .w-slider-arrow-left {
        z-index: 3;
        right: auto
    }

    .w-slider-arrow-right {
        z-index: 4;
        left: auto
    }

    .w-icon-slider-left,
    .w-icon-slider-right {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 1em;
        height: 1em
    }

    .w-dropdown {
        display: inline-block;
        z-index: 900
    }

    .w-dropdown,
    .w-dropdown-btn,
    .w-dropdown-link,
    .w-dropdown-toggle {
        position: relative;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }

    .w-dropdown-btn,
    .w-dropdown-link,
    .w-dropdown-toggle {
        vertical-align: top;
        text-decoration: none;
        color: #222;
        padding: 20px;
        white-space: nowrap
    }

    .w-dropdown-toggle {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        cursor: pointer;
        padding-right: 40px
    }

    .w-icon-dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        margin-right: 20px;
        width: 1em;
        height: 1em
    }

    .w-dropdown-list {
        position: absolute;
        background: #ddd;
        display: none;
        min-width: 100%
    }

    .w-dropdown-list.w--open {
        display: block
    }

    .w-dropdown-link {
        padding: 10px 20px;
        display: block;
        color: #222
    }

    .w-dropdown-link.w--current {
        color: #0082f3
    }

    .w-nav[data-collapse=all] .w-dropdown,
    .w-nav[data-collapse=all] .w-dropdown-toggle {
        display: block
    }

    .w-nav[data-collapse=all] .w-dropdown-list {
        position: static
    }

    @media screen and (max-width:991px) {

        .w-nav[data-collapse=medium] .w-dropdown,
        .w-nav[data-collapse=medium] .w-dropdown-toggle {
            display: block
        }

        .w-nav[data-collapse=medium] .w-dropdown-list {
            position: static
        }
    }

    @media screen and (max-width:767px) {

        .w-nav[data-collapse=small] .w-dropdown,
        .w-nav[data-collapse=small] .w-dropdown-toggle {
            display: block
        }

        .w-nav[data-collapse=small] .w-dropdown-list {
            position: static
        }

        .w-nav-brand {
            padding-left: 10px
        }
    }

    @media screen and (max-width:479px) {

        .w-nav[data-collapse=tiny] .w-dropdown,
        .w-nav[data-collapse=tiny] .w-dropdown-toggle {
            display: block
        }

        .w-nav[data-collapse=tiny] .w-dropdown-list {
            position: static
        }
    }

    .w-lightbox-backdrop {
        color: #000;
        cursor: auto;
        font-family: serif;
        font-size: medium;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: normal;
        list-style: disc;
        text-align: start;
        text-indent: 0;
        text-shadow: none;
        text-transform: none;
        visibility: visible;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: #fff;
        font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 300;
        text-align: center;
        background: rgba(0, 0, 0, .9);
        z-index: 2000;
        outline: 0;
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-transform: translate(0)
    }

    .w-lightbox-backdrop,
    .w-lightbox-container {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .w-lightbox-content {
        position: relative;
        height: 100vh;
        overflow: hidden
    }

    .w-lightbox-view {
        position: absolute;
        width: 100vw;
        height: 100vh;
        opacity: 0
    }

    .w-lightbox-view:before {
        content: "";
        height: 100vh
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 86vh
    }

    .w-lightbox-frame,
    .w-lightbox-view:before {
        display: inline-block;
        vertical-align: middle
    }

    .w-lightbox-figure {
        position: relative;
        margin: 0
    }

    .w-lightbox-group .w-lightbox-figure {
        cursor: pointer
    }

    .w-lightbox-img {
        width: auto;
        height: auto;
        max-width: none
    }

    .w-lightbox-image {
        display: block;
        float: none;
        max-width: 100vw;
        max-height: 100vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-height: 86vh
    }

    .w-lightbox-caption {
        padding: .5em 1em;
        background: rgba(0, 0, 0, .4);
        text-align: left;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .w-lightbox-caption,
    .w-lightbox-embed {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    .w-lightbox-embed {
        top: 0;
        width: 100%;
        height: 100%
    }

    .w-lightbox-control {
        position: absolute;
        top: 0;
        width: 4em;
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: 50%;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .w-lightbox-left {
        display: none;
        bottom: 0;
        left: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")
    }

    .w-lightbox-right {
        display: none;
        right: 0;
        bottom: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")
    }

    .w-lightbox-close {
        right: 0;
        height: 2.6em;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
        background-size: 18px
    }

    .w-lightbox-strip {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 1vh;
        line-height: 0;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }

    .w-lightbox-item {
        display: inline-block;
        width: 10vh;
        padding: 2vh 1vh;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        cursor: pointer;
        -webkit-transform: translateZ(0)
    }

    .w-lightbox-active {
        opacity: .3
    }

    .w-lightbox-thumbnail {
        position: relative;
        height: 10vh;
        background: #222;
        overflow: hidden
    }

    .w-lightbox-thumbnail-image {
        position: absolute;
        top: 0;
        left: 0
    }

    .w-lightbox-thumbnail .w-lightbox-tall {
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .w-lightbox-thumbnail .w-lightbox-wide {
        left: 50%;
        height: 100%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

    .w-lightbox-spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border: 5px solid rgba(0, 0, 0, .4);
        border-radius: 50%;
        -webkit-animation: spin .8s infinite linear;
        animation: spin .8s infinite linear
    }

    .w-lightbox-spinner:after {
        content: "";
        position: absolute;
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px;
        border: 3px solid transparent;
        border-bottom-color: #fff;
        border-radius: 50%
    }

    .w-lightbox-hide {
        display: none
    }

    .w-lightbox-noscroll {
        overflow: hidden
    }

    @media (min-width:768px) {
        .w-lightbox-content {
            height: 96vh;
            margin-top: 2vh
        }

        .w-lightbox-view,
        .w-lightbox-view:before {
            height: 96vh
        }

        .w-lightbox-group,
        .w-lightbox-group .w-lightbox-view,
        .w-lightbox-group .w-lightbox-view:before {
            height: 84vh
        }

        .w-lightbox-image {
            max-width: 96vw;
            max-height: 96vh
        }

        .w-lightbox-group .w-lightbox-image {
            max-width: 82.3vw;
            max-height: 84vh
        }

        .w-lightbox-left,
        .w-lightbox-right {
            display: block;
            opacity: .5
        }

        .w-lightbox-close {
            opacity: .8
        }

        .w-lightbox-control:hover {
            opacity: 1
        }
    }

    .w-lightbox-inactive,
    .w-lightbox-inactive:hover {
        opacity: 0
    }

    .w-richtext:after,
    .w-richtext:before {
        content: " ";
        display: table
    }

    .w-richtext:after {
        clear: both
    }

    .w-richtext[contenteditable=true]:after,
    .w-richtext[contenteditable=true]:before {
        white-space: normal
    }

    .w-richtext ol,
    .w-richtext ul {
        overflow: hidden
    }

    .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
    .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
    .w-richtext .w-richtext-figure-selected[data-rt-type=image] div,
    .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:before {
        outline: 2px solid #2895f7
    }

    .w-richtext figure.w-richtext-figure-type-video>div:before,
    .w-richtext figure[data-rt-type=video]>div:before {
        content: "";
        position: absolute;
        display: none;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

    .w-richtext figure {
        position: relative;
        max-width: 60%
    }

    .w-richtext figure>div:before {
        cursor: default !important
    }

    .w-richtext figure img {
        width: 100%
    }

    .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
        opacity: .6
    }

    .w-richtext figure div {
        font-size: 0;
        color: transparent
    }

    .w-richtext figure.w-richtext-figure-type-image,
    .w-richtext figure[data-rt-type=image] {
        display: table
    }

    .w-richtext figure.w-richtext-figure-type-image>div,
    .w-richtext figure[data-rt-type=image]>div {
        display: inline-block
    }

    .w-richtext figure.w-richtext-figure-type-image>figcaption,
    .w-richtext figure[data-rt-type=image]>figcaption {
        display: table-caption;
        caption-side: bottom
    }

    .w-richtext figure.w-richtext-figure-type-video,
    .w-richtext figure[data-rt-type=video] {
        width: 60%;
        height: 0
    }

    .w-richtext figure.w-richtext-figure-type-video iframe,
    .w-richtext figure[data-rt-type=video] iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .w-richtext figure.w-richtext-figure-type-video>div,
    .w-richtext figure[data-rt-type=video]>div {
        width: 100%
    }

    .w-richtext figure.w-richtext-align-center {
        margin-right: auto;
        margin-left: auto;
        clear: both
    }

    .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
    .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
        max-width: 100%
    }

    .w-richtext figure.w-richtext-align-normal {
        clear: both
    }

    .w-richtext figure.w-richtext-align-fullwidth {
        width: 100%;
        max-width: 100%;
        text-align: center;
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .w-richtext figure.w-richtext-align-fullwidth>div {
        display: inline-block;
        padding-bottom: inherit
    }

    .w-richtext figure.w-richtext-align-fullwidth>figcaption {
        display: block
    }

    .w-richtext figure.w-richtext-align-floatleft {
        float: left;
        margin-right: 15px;
        clear: none
    }

    .w-richtext figure.w-richtext-align-floatright {
        float: right;
        margin-left: 15px;
        clear: none
    }

    .w-nav {
        position: relative;
        background: #ddd;
        z-index: 1000
    }

    .w-nav:after,
    .w-nav:before {
        content: " ";
        display: table
    }

    .w-nav:after {
        clear: both
    }

    .w-nav-brand {
        float: left;
        color: #333
    }

    .w-nav-brand,
    .w-nav-link {
        position: relative;
        text-decoration: none
    }

    .w-nav-link {
        display: inline-block;
        vertical-align: top;
        color: #222;
        padding: 20px;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }

    .w-nav-link.w--current {
        color: #0082f3
    }

    .w-nav-menu {
        position: relative;
        float: right
    }

    .w--nav-menu-open {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #c8c8c8;
        text-align: center;
        overflow: visible;
        min-width: 200px
    }

    .w--nav-link-open {
        display: block;
        position: relative
    }

    .w-nav-overlay {
        position: absolute;
        overflow: hidden;
        display: none;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%
    }

    .w-nav-overlay .w--nav-menu-open {
        top: 0
    }

    .w-nav[data-animation=over-left] .w-nav-overlay {
        width: auto
    }

    .w-nav[data-animation=over-left] .w--nav-menu-open,
    .w-nav[data-animation=over-left] .w-nav-overlay {
        right: auto;
        z-index: 1;
        top: 0
    }

    .w-nav[data-animation=over-right] .w-nav-overlay {
        width: auto
    }

    .w-nav[data-animation=over-right] .w--nav-menu-open,
    .w-nav[data-animation=over-right] .w-nav-overlay {
        left: auto;
        z-index: 1;
        top: 0
    }

    .w-nav-button {
        position: relative;
        float: right;
        padding: 18px;
        font-size: 24px;
        display: none;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .w-nav-button.w--open {
        background-color: #c8c8c8;
        color: #fff
    }

    .w-nav[data-collapse=all] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=all] .w-nav-button {
        display: block
    }

    @media screen and (max-width:991px) {
        .w-nav[data-collapse=medium] .w-nav-menu {
            display: none
        }

        .w-nav[data-collapse=medium] .w-nav-button {
            display: block
        }
    }

    @media screen and (max-width:767px) {
        .w-nav[data-collapse=small] .w-nav-menu {
            display: none
        }

        .w-nav[data-collapse=small] .w-nav-button {
            display: block
        }

        .w-nav-brand {
            padding-left: 10px
        }
    }

    @media screen and (max-width:479px) {
        .w-nav[data-collapse=tiny] .w-nav-menu {
            display: none
        }

        .w-nav[data-collapse=tiny] .w-nav-button {
            display: block
        }
    }

    .w-tabs {
        position: relative
    }

    .w-tabs:after,
    .w-tabs:before {
        content: " ";
        display: table
    }

    .w-tabs:after {
        clear: both
    }

    .w-tab-link,
    .w-tab-menu {
        position: relative
    }

    .w-tab-link {
        display: inline-block;
        vertical-align: top;
        text-decoration: none;
        padding: 9px 30px;
        text-align: left;
        cursor: pointer;
        color: #222;
        background-color: #ddd
    }

    .w-tab-link.w--current {
        background-color: #c8c8c8
    }

    .w-tab-content {
        position: relative;
        display: block;
        overflow: hidden
    }

    .w-tab-pane {
        position: relative;
        display: none
    }

    .w--tab-active {
        display: block
    }

    @media screen and (max-width:479px) {
        .w-tab-link {
            display: block
        }
    }

    .w-ix-emptyfix:after {
        content: ""
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .w-dyn-empty {
        padding: 10px;
        background-color: #ddd
    }

    .w-condition-invisible,
    .w-dyn-bind-empty {
        display: none !important
    }

    .bg-overlay {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 99999999999;
        display: -ms-flexbox;
        display: flex;
        overflow: scroll;
        height: 100vh;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(0, 0, 0, .7)
    }

    .privacy-container {
        display: block;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .accordian-parent,
    .privacy-container {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .accordian-parent {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-top: 1px solid rgba(229, 233, 238, 0);
        border-bottom: 1px solid #e5e9ee;
        background-color: rgba(247, 248, 250, 0);
        color: #000;
        line-height: 14px;
        text-decoration: none;
        cursor: pointer
    }

    .accordian-parent:hover {
        border-bottom: 1px solid #e5e9ee;
        background-color: #f7f8fa
    }

    .priv-ft-container {
        display: -ms-flexbox;
        display: flex;
        min-height: 80px;
        padding: 20px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 0 auto;
        flex: 0 1 auto;
        border-top: 1px solid #eee;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #f7f8fa
    }

    .sp-priv-link {
        font-family: proxima-nova, sans-serif;
        color: #7b7b7b;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        text-decoration: none
    }

    .sp-priv-link:hover {
        text-decoration: underline
    }

    .priv-save-btn {
        padding: 12px;
        border-radius: 3px;
        background-color: #1434de;
        font-family: proxima-nova, sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        text-align: center
    }

    .priv-save-btn:hover {
        opacity: .7
    }

    .priv-cancel-btn {
        margin-right: 12px;
        padding: 12px;
        border: 1px solid #ccd5e0;
        border-radius: 3px;
        background-color: #fff;
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        text-align: center
    }

    .priv-cancel-btn:hover {
        opacity: .7
    }

    .priv-vendor-block {
        padding-right: 0;
        padding-left: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1;
        flex: 1 1
    }

    .switch-bg {
        display: block;
        width: 40px;
        height: 20px;
        margin-right: 0;
        margin-left: auto;
        padding: 2px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-radius: 10px;
        background-color: #d5d8dc
    }

    .inner-switch {
        position: relative;
        left: 0;
        top: 0;
        width: 16px;
        height: 100%;
        border-radius: 100px;
        background-color: #fff
    }

    .purpose-block {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 18px 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 0 auto;
        flex: 0 1 auto;
        text-decoration: none;
        cursor: pointer
    }

    .purpose-title {
        margin-bottom: 0;
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 13px;
        line-height: 13px;
        font-weight: 500;
        text-decoration: none
    }

    .priv-main {
        margin-right: 20px;
        margin-bottom: 15px;
        margin-left: 20px;
        padding: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-bottom: 1px none #e6e9ee
    }

    .priv-logo-enabled,
    .priv-main {
        display: -ms-flexbox;
        display: flex
    }

    .priv-logo-enabled {
        width: 100%;
        padding-bottom: 20px;
        -ms-flex-pack: justify;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff
    }

    .priv-reject-btn {
        margin-right: 12px
    }

    .priv-company-logo {
        max-height: 35px;
        max-width: 200px
    }

    .privacy-title {
        margin-bottom: 10px;
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 22px;
        line-height: 28px;
        font-weight: 700
    }

    .priv-description {
        line-height: 18px
    }

    .priv-description,
    .priv-enable-btn,
    .priv-reject-btn {
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 12px
    }

    .priv-enable-btn,
    .priv-reject-btn {
        padding: 10px;
        border: 1px solid #ccd5e0;
        border-radius: 3px;
        line-height: 12px;
        font-weight: 600;
        text-decoration: none
    }

    .priv-enable-btn:hover,
    .priv-reject-btn:hover {
        opacity: .7
    }

    .priv_main_parent {
        display: -ms-flexbox;
        display: flex;
        width: 95%;
        height: 90%;
        max-height: 560px;
        max-width: 520px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 10px;
        background-color: #fff
    }

    .sp-switch-arrow-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .sp-arrow-block {
        margin-left: 12px
    }

    .purp-description {
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 12px;
        line-height: 18px
    }

    .priv-purpose-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1;
        flex: 1 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .purp-vendors-cont {
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        margin-bottom: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .priv-vendor-tag {
        margin-right: 10px;
        padding: 3px;
        border-bottom: 1px solid #dbdfe6;
        border-radius: 3px;
        background-color: #e8ebf0;
        font-size: 10px;
        line-height: 10px
    }

    .priv-vendor-tag,
    .ven-vendors-btn {
        margin-bottom: 10px;
        font-family: proxima-nova, sans-serif;
        font-weight: 600
    }

    .ven-vendors-btn {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #e5e9ee;
        border-radius: 5px;
        background-color: #f7f8fa;
        color: #000;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        text-decoration: none
    }

    .ven-vendors-btn:hover {
        opacity: .7
    }

    .ven-vendors-parent {
        margin-bottom: 15px;
        padding-top: 15px;
        padding-right: 20px;
        padding-left: 20px
    }

    .ven-vendor-cont {
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #e5e9ee;
        font-family: proxima-nova, sans-serif;
        line-height: 12px;
        text-decoration: underline
    }

    .ven-vendor-cont,
    .vendor-priv-link {
        color: #000;
        font-size: 12px
    }

    .purp-info-cont,
    .ven-vendor-list {
        display: block
    }

    @media (max-width:767px) {
        .priv_main_parent {
            width: 100%;
            height: 100%;
            max-height: 100%;
            max-width: 100%;
            border-radius: 0
        }
    }

    @media (max-width:479px) {
        .bg-overlay {
            height: 100%;
            padding-top: 0;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .bg-overlay,
        .privacy-container {
            display: block;
            background-color: #fff
        }

        .privacy-container {
            margin-right: auto;
            margin-left: auto;
            padding-top: 20px
        }

        .accordian-parent {
            padding-right: 20px;
            padding-left: 20px;
            font-size: 12px;
            line-height: 12px
        }

        .priv-ft-container {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            min-height: 70px;
            padding: 15px
        }

        .sp-priv-link {
            font-size: 12px;
            line-height: 12px
        }

        .priv-save-btn {
            font-size: 13px;
            line-height: 13px;
            text-decoration: none
        }

        .priv-cancel-btn {
            display: -ms-flexbox;
            display: flex;
            margin-right: 10px;
            -ms-flex-align: center;
            align-items: center;
            font-size: 13px;
            line-height: 13px
        }

        .priv-btn-block {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex: 0 auto;
            flex: 0 1 auto
        }

        .switch-bg {
            left: -40px;
            top: 8px
        }

        .inner-switch {
            width: 16px
        }

        .purpose-block {
            padding-right: 20px;
            -ms-flex-align: start;
            align-items: flex-start;
            font-size: 3.5vw;
            line-height: 3.5vw
        }

        .purpose-title {
            font-size: 12px;
            line-height: 16px
        }

        .priv-main {
            margin-right: 20px;
            margin-bottom: 0;
            margin-left: 20px;
            padding-bottom: 0
        }

        .priv-company-logo {
            max-height: 30px
        }

        .priv-txt-group {
            margin-bottom: 10px;
            padding-right: 0;
            padding-left: 0
        }

        .privacy-title {
            margin-bottom: 5px;
            font-size: 20px
        }

        .priv-description {
            font-size: 11px;
            line-height: 16px
        }

        .priv-enable-btn,
        .priv-reject-btn {
            padding: 10px;
            font-size: 12px;
            line-height: 12px
        }

        .priv_main_parent {
            display: block;
            width: 100%;
            height: 100%;
            max-height: 100%;
            margin-right: auto;
            margin-left: auto;
            border-radius: 0
        }

        .sp-switch-arrow-block {
            -ms-flex-align: center;
            align-items: center
        }

        .ven-vendors-parent {
            margin-bottom: 80px
        }
    }

    a {
        cursor: pointer
    }

    .arrow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .arrow.open {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotate(180deg);
        transform: rotateX(0deg) rotateY(0deg) rotate(180deg)
    }

    .hidden {
        display: none !important
    }

    .switch-bg.on {
        background-color: #47d747
    }

    .inner-switch {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .on .inner-switch {
        -webkit-transform: translateX(20px) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skewX(0deg) skewY(0deg);
        transform: translateX(20px) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skewX(0deg) skewY(0deg)
    }

    .ven-vendors-parent.expanded {
        background-color: #f7f8fa
    }

    .ven-vendors-btn.expanded {
        background-color: #fff
    }

    .bg-overlay,
    body {
        background-color: transparent
    }

    .priv-ft-container .priv-enable-btn,
    .priv-ft-container .priv-reject-btn {
        margin-left: 12px;
        margin-right: 0;
        padding: 12px;
        border: 1px solid #ccd5e0;
        border-radius: 3px;
        background-color: #fff;
        font-family: proxima-nova, sans-serif;
        color: #000;
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        text-align: center
    }

    /*# sourceMappingURL=main.1fce8048.css.map*/
</style>

HTML Container

<div class="priv_main_parent">
    <div class="privacy-container">
        <div class="priv-main">
            <div class="priv-logo-enabled"><img src="" alt="" class="priv-company-logo"><a class="priv-enable-btn w-inline-block">
                    <div>Accept All</div>
                </a></div>
            <div class="priv-txt-group">
                <div class="privacy-title">Privacy Manager</div>
                <div class="priv-description">
                    <div>
                        <p>Help us provide you with a better web experience. Publishers and partners set cookies and collect information from your browser to provide you with relevant content and advertising that helps better understand their audiences.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="priv-vendor-block">
            <div class="accordian-parent">
                <div class="priv-purpose-container"><a class="purpose-block w-inline-block">
                        <div class="purpose-title">Information storage and access<br></div>
                    </a>
                    <div class="sp-switch-arrow-block"><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a><a class="sp-arrow-block w-inline-block"><img src="images/arrow-2.svg" alt="" class="arrow"></a></div>
                </div>
                <div class="purp-info-cont hidden">
                    <div class="purp-description">The storage of information, or access to information that is already stored, on your device such as advertising identifiers, device identifiers, cookies, and similar technologies.</div>
                    <div class="purp-vendors-cont">
                        <div class="priv-vendor-tag">
                            <div>ADman Interactive SL</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>AppNexus Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>BeeswaxIO Corporation</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>MediaMath, Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>ShareThis, Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>The Trade Desk</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>TechTarget</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordian-parent">
                <div class="priv-purpose-container"><a class="purpose-block w-inline-block">
                        <div class="purpose-title">Ad selection, delivery, reporting<br></div>
                    </a>
                    <div class="sp-switch-arrow-block"><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a><a class="sp-arrow-block w-inline-block"><img src="images/arrow-2.svg" alt="" class="arrow"></a></div>
                </div>
                <div class="purp-info-cont hidden">
                    <div class="purp-description">The collection of information, and combination with previously collected information, to select and deliver advertisements for you, and to measure the delivery and effectiveness of such advertisements. This includes using previously collected information about your interests to select ads, processing data about what advertisements were shown, how often they were shown, when and where they were shown, and whether you took any action related to the advertisement, including for example clicking an ad or making a purchase. This does not include personalisation, which is the collection and processing of information about your use of this service to subsequently personalise advertising and/or content for you in other contexts, such as websites or apps, over time. </div>
                    <div class="purp-vendors-cont">
                        <div class="priv-vendor-tag">
                            <div>ADman Interactive SL</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>BeeswaxIO Corporation</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>ShareThis, Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>Sharethrough, Inc</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordian-parent">
                <div class="priv-purpose-container"><a class="purpose-block w-inline-block">
                        <div class="purpose-title">Content selection, delivery, reporting<br></div>
                    </a>
                    <div class="sp-switch-arrow-block"><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a><a class="sp-arrow-block w-inline-block"><img src="images/arrow-2.svg" alt="" class="arrow"></a></div>
                </div>
                <div class="purp-info-cont hidden">
                    <div class="purp-description">The collection of information, and combination with previously collected information, to select and deliver content for you, and to measure the delivery and effectiveness of such content. This includes using previously collected information about your interests to select content, processing data about what content was shown, how often or how long it was shown, when and where it was shown, and whether the you took any action related to the content, including for example clicking on content. This does not include personalisation, which is the collection and processing of information about your use of this service to subsequently personalise content and/or advertising for you in other contexts, such as websites or apps, over time.</div>
                    <div class="purp-vendors-cont">
                        <div class="priv-vendor-tag">
                            <div>ShareThis, Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>AdDaptive Intelligence</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>Facebook Custom Audience</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>Spotible</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>LinkedIn</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordian-parent">
                <div class="priv-purpose-container"><a class="purpose-block w-inline-block">
                        <div class="purpose-title">Measurement<br></div>
                    </a>
                    <div class="sp-switch-arrow-block"><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a><a class="sp-arrow-block w-inline-block"><img src="images/arrow-2.svg" alt="" class="arrow"></a></div>
                </div>
                <div class="purp-info-cont hidden">
                    <div class="purp-description">The collection of information about your use of the content, and combination with previously collected information, used to measure, understand, and report on your usage of the service. This does not include personalisation, the collection of information about your use of this service to subsequently personalise content and/or advertising for you in other contexts, i.e. on other service, such as websites or apps, over time.</div>
                    <div class="purp-vendors-cont">
                        <div class="priv-vendor-tag">
                            <div>ADman Interactive SL</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>BeeswaxIO Corporation</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>ShareThis, Inc.</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>Sharethrough, Inc</div>
                        </div>
                        <div class="priv-vendor-tag">
                            <div>The Trade Desk</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordian-parent">
                <div class="priv-purpose-container"><a class="purpose-block w-inline-block">
                        <div class="purpose-title">Strictly Necessary<br></div>
                    </a>
                    <div class="sp-switch-arrow-block"><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a><a class="sp-arrow-block w-inline-block"><img src="images/arrow-2.svg" alt="" class="arrow"></a></div>
                </div>
                <div class="purp-info-cont hidden">
                    <div class="purp-description"></div>
                    <div class="purp-vendors-cont">
                        <div class="priv-vendor-tag">
                            <div>Facebook Custom Audience</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ven-vendors-parent"><a class="ven-vendors-btn w-inline-block">
                    <div>Vendors on site</div>
                </a>
                <div class="ven-vendor-list hidden">
                    <div class="ven-vendor-cont"><a href="https://www.thetradedesk.com/general/privacy-policy" target="_blank" class="vendor-priv-link">The Trade Desk</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="https://www.appnexus.com/en/company/platform-privacy-policy" target="_blank" class="vendor-priv-link">AppNexus Inc.</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="http://www.mediamath.com/privacy-policy/" target="_blank" class="vendor-priv-link">MediaMath, Inc.</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="https://www.beeswax.com/privacy.html" target="_blank" class="vendor-priv-link">BeeswaxIO Corporation</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="https://platform-cdn.sharethrough.com/privacy-policy" target="_blank" class="vendor-priv-link">Sharethrough, Inc</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="https://policies.google.com/technologies/ads?hl=en" target="_blank" class="vendor-priv-link">Google Ad Manager</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a target="_blank" class="vendor-priv-link">Facebook Custom Audience</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="http://admanmedia.com/politica" target="_blank" class="vendor-priv-link">ADman Interactive SL</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                    <div class="ven-vendor-cont"><a href="http://www.sharethis.com/privacy/" target="_blank" class="vendor-priv-link">ShareThis, Inc.</a><a class="switch-bg w-inline-block">
                            <div class="inner-switch"></div>
                        </a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="priv-ft-container"><a href="https://www.sourcepoint.com" class="sp-priv-link" target="_blank">Privacy Policy</a>
        <div class="priv-btn-block"><button class="priv-cancel-btn w-button">Cancel</button><button class="priv-save-btn w-button">Save &amp; Exit</button></div>
    </div>
</div>
Did this answer your question?