.sign {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1MyAoNzI1MjApIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPkY1QjdERDkzLUVGOEQtNDg1MC05QjRELTgwNjYxOTJGQkQ1MjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR0RQUi0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjMwLjAwMDAwMCwgLTI3MzQuMDAwMDAwKSIgZmlsbD0iI0U4MzQ0NiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODAuMDAwMDAwLCAyMTczLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLUNvcHktMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA1MTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwNTcuNSw0MiBDMTA1Ny4xOTMxNyw0MiAxMDU2Ljk0NDQ0LDQyLjI0ODcyMjUgMTA1Ni45NDQ0NCw0Mi41NTU1NTYxIEwxMDU2Ljk0NDQ0LDQ4Ljk0NDQ1NjcgTDEwNTAuNTU1NTYsNDguOTQ0NDU2NyBDMTA1MC4yNDg3Miw0OC45NDQ0NTY3IDEwNTAsNDkuMTkzMTc5MSAxMDUwLDQ5LjUwMDAxMjggQzEwNTAsNDkuODA2ODQ2NCAxMDUwLjI0ODcyLDUwLjA1NTU2ODkgMTA1MC41NTU1Niw1MC4wNTU1Njg5IEwxMDU2Ljk0NDQ0LDUwLjA1NTU2ODkgTDEwNTYuOTQ0NDQsNTYuNDQ0NDYzOSBDMTA1Ni45NDQ0NCw1Ni43NTEyOTc1IDEwNTcuMTkzMTcsNTcuMDAwMDIgMTA1Ny41LDU3LjAwMDAyIEMxMDU3LjgwNjgzLDU3LjAwMDAyIDEwNTguMDU1NTYsNTYuNzUxMjk3NSAxMDU4LjA1NTU2LDU2LjQ0NDQ2MzkgTDEwNTguMDU1NTYsNTAuMDU1NTY4OSBMMTA2NC40NDQ0NCw1MC4wNTU1Njg5IEMxMDY0Ljc1MTI4LDUwLjA1NTU2ODkgMTA2NSw0OS44MDY4NDY0IDEwNjUsNDkuNTAwMDEyOCBDMTA2NSw0OS4xOTMxNzkxIDEwNjQuNzUxMjgsNDguOTQ0NDU2NyAxMDY0LjQ0NDQ0LDQ4Ljk0NDQ1NjcgTDEwNTguMDU1NTYsNDguOTQ0NDU2NyBMMTA1OC4wNTU1Niw0Mi41NTU1NTYxIEMxMDU4LjA1NTU2LDQyLjI0ODcyMjUgMTA1Ny44MDY4Myw0MiAxMDU3LjUsNDIgTDEwNTcuNSw0MiBaIiBpZD0icGx1cy1idXR0b24iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}

.sign.opened {
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib3Blbi1zaWduIiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNSAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNTMgKDcyNTIwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT4xMTk4NDhDNy01NUMyLTRENEQtQjUzNC03RkNGMTg4RkUzOEI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdEUFItIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMC4wMDAwMDAsIC0yMzYwLjAwMDAwMCkiIGZpbGw9IiNFODM0NDYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTgwLjAwMDAwMCwgMjE3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTM4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDUwLjU1NTU2LDQ5Ljk0NDQ0NzQgQzEwNTAuMjQ4NzIsNDkuOTQ0NDQ3NCAxMDUwLDUwLjE5MzE2OTYgMTA1MCw1MC41MDAwMDI4IEMxMDUwLDUwLjgwNjgzNiAxMDUwLjI0ODcyLDUxLjA1NTU1ODEgMTA1MC41NTU1Niw1MS4wNTU1NTgxIEwxMDY0LjQ0NDQ0LDUxLjA1NTU1ODEgQzEwNjQuNzUxMjgsNTEuMDU1NTU4MSAxMDY1LDUwLjgwNjgzNiAxMDY1LDUwLjUwMDAwMjggQzEwNjUsNTAuMTkzMTY5NiAxMDY0Ljc1MTI4LDQ5Ljk0NDQ0NzQgMTA2NC40NDQ0NCw0OS45NDQ0NDc0IEwxMDUwLjU1NTU2LDQ5Ljk0NDQ0NzQgWiIgaWQ9InBsdXMtYnV0dG9uL29wZW4iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}


.hero-container {
    background-image: url("../images/gdpr_hero_image_1920.jpg");
}

@media screen and (max-width: 1080px) {
    .hero-container {
        background-image: url("../images/gdpr_hero_image_1920.jpg");
    }
}

.hero-container > .hero-text {
    text-align: center;
    justify-self: center;
}

.hero-container > .hero-text > div {
    /*width: 40rem;*/
}


@media screen and (max-width: 720px) {
    .hero-container {
        grid-template-rows: 2fr 1fr 3fr 1.5fr;
        background-image: url("../images/gdpr_hero_image_1920.jpg");
    }
}

@media screen and (max-width: 25rem) {
    .hero-container {
        grid-template-rows: 2fr 1fr 3fr 1.3fr;
        background-image: url("../images/gdpr_hero_image_1920.jpg");
    }
}

.hero-container .gdpr > .hero-text {
    text-align: center;
}


.below-content {
    grid-area: bc;
    display: grid;
    grid-auto-flow: row;
    width: 100%;
}


.our-experience-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: ". tc ic ic";
    grid-template-columns: auto 530px 530px auto;
    align-items: center;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}


.our-experience-text {
    grid-area: tc;
    padding-right: 40px;
}

.our-experience-image {
    grid-area: ic;
    background-image: url("../images/gdpr-hub-our-experience-image_960.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
}

.our-experience-subheader {
    height: 18px;
    color: #E83446;
    font-family: "ZonaPro-Bold", Helvetica, Arial, serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 18px;
}

.our-experience-header {
    color: #000000;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    font-size: 36px;
    line-height: 54px;
}

.our-experience-text > span {
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
}

.our-experience-container li {
    padding: 0.2rem 0;
}

@media screen and (max-width: 1080px) {
    .our-experience-container {
        grid-template-areas: "tc tc" "ic ic";
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-auto-flow: row;
    }

    .our-experience-text {
        padding: 20px;
    }

    .our-experience-image {
        background-size: cover;
        background-position: center;
        height: 300px;
    }
}


.our-services-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: "tc tc tc tc";
    grid-template-columns: auto minmax(530px, 540px) minmax(530px, 540px) auto;
    align-items: center;
    background-size: cover;
    background-position: center;
    max-width: 1080px;
    justify-self: center;
    margin: 100px 0;
}


.our-services-text {
    grid-area: tc;
}


.our-services-header {
    color: #000000;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
}

.our-services-text > span {
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
}

@media screen and (max-width: 1080px) {
    .our-services-container {
        grid-template-areas: "tc tc" "ic ic";
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-auto-flow: row;
        width: inherit;
        margin: 50px 0;
    }

    .our-services-text {
        padding: 20px;
    }

    .our-services-image {
        background-size: cover;
        height: 300px;
    }
}


.compliance-steps-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: "tc tc tc tc";
    grid-template-columns: auto minmax(530px, 540px) minmax(530px, 540px) auto;
    align-items: center;
    background-size: cover;
    background-position: center;
    max-width: 1080px;
    justify-self: center;
    margin: 100px 0;
}


.compliance-steps-text {
    grid-area: tc;
    padding: 0;
}


.compliance-steps-header {
    color: #000000;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
}

.compliance-steps-text > span {
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
}

@media screen and (max-width: 1080px) {
    .compliance-steps-container {
        grid-template-areas: "tc tc" "ic ic";
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-auto-flow: row;
        width: inherit;
        margin: 50px 0;
    }

    .compliance-steps-text {
        padding: 20px;
    }

    .compliance-steps-image {
        background-size: cover;
        height: 300px;
    }
}


.our-privacy-team-container {
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: "ic ic tc .";
    grid-template-columns: auto 530px 530px auto;
    grid-template-rows: 520px;
    align-items: center;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    padding-bottom: 110px;
}


.our-privacy-team-text {
    grid-area: tc;
    padding-left: 40px;
}

.our-privacy-team-image {
    grid-area: ic;
    background-image: url("../images/gdpr-hub-our-privacy-team-image_960.jpg");
    background-size: cover;
    height: 100%;
}

.our-privacy-team-subheader {
    height: 18px;
    color: #E83446;
    font-family: "ZonaPro-Bold", Helvetica, Arial, serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 18px;
}

.our-privacy-team-header {
    color: #000000;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    font-size: 36px;
    line-height: 54px;
}

.our-privacy-team-text > span {
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
}

@media screen and (max-width: 1080px) {
    .our-privacy-team-container {
        grid-template-areas: "tc tc" "ic ic";
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-auto-flow: row;
    }

    .our-privacy-team-text {
        padding: 20px;
    }

    .our-privacy-team-image {
        background-size: cover;
        height: 300px;
    }
}


.contact-us {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 612px;
    position: absolute;
    margin: 0;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    font-size: 54.0px;
    color: rgba(0, 0, 0, 1.0);
    line-height: 60.0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

@media screen and (max-width: 1080px) {
    .contact-us {
        width: 612px;
        font-size: 40.0px;
        line-height: 46.0px;
    }
}

@media screen and (max-width: 720px) {
    .overlay-image .text {
        font-size: 10.0px;
    }

    .contact-us {
        font-size: 30.0px;
        width: 60vw;
        line-height: 34.0px;
    }
}


.content {
    display: grid;
    margin-top: 120px;
    width: 100%;
    grid-area: c;
    grid-template-columns: auto;
    grid-template-areas: "newsevents";
}

@media screen and (min-width: 720px) {
    .content {
        display: grid;
        margin-top: 120px;
        width: 100%;
        grid-area: c;
        grid-template-columns: auto 40rem auto;
        grid-template-areas: ". newsevents . ";
    }
}

@media screen and (max-width: 720px) {
    .content {
        grid-template-columns: auto;
        grid-template-areas: "newsevents";
    }
}

.contact-label {
    font-family: "ZonaPro-Bold", Helvetica, Arial, serif;
    font-size: 12.0px;
    color: rgba(232, 52, 70, 1.0);
    text-align: left;
    letter-spacing: 2.0px;
    line-height: 24.0px;
    margin: 10px 0;
    font-weight: bold;
}

.el .contact-label {
    font-size: 16.0px;
}


.contact-data {
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16.0px;
    color: rgba(255, 255, 255, 1.0);
    text-align: left;
    letter-spacing: 1.0px;
    line-height: 24.0px;
    margin: 0;
}

.company-contact {
    background-color: rgba(85, 55, 69, 1.0);
    grid-area: newsevents;
    display: block;
    /*margin: 1rem 0 7rem;*/
    justify-content: center;
    justify-items: center;
    margin-top: -10rem;
    z-index: 1;
}

.company-head {
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
    z-index: 1;
}

.company-head h2 {
    font-size: 1.2rem;
}

.company-address {
    display: grid;
    grid-auto-flow: row;
    margin: 1rem 0 7rem;
    justify-content: center;
    padding: 10px;
    justify-items: center;
    z-index: 1;
}


.logo-addr {
    margin: 2rem;
}

.contact {
    color: rgba(232, 52, 70, 1.0);
}

.company-address a {
    text-decoration: none;
    color: inherit;
}

#wrapper {
    position: relative;
    padding: 2px;
}

@media (max-width: 550px) {
    #wrapper {
        box-sizing: border-box;
        transform: translate(0, 0);
        max-width: 100%;
        min-height: 100%;
        margin: 0;
        left: 0;
    }
}

#wrapper h1,
#wrapper h2 {
    color: #000;
}

#wrapper h1 {
    margin: 10% auto 0;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 3px;
    text-align: center;
    display: table;
    padding: 10px 0;
    font-weight: bolder;
    border-bottom: 2px solid #000;
}

#wrapper h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin: 0;
    font-family: "CynthoSlabPro-Regular", Helvetica, Arial, serif;
    cursor: pointer;
    color: #fff;
}

.accordion-item-content {
    z-index: 2;
    transition: all 500ms ease;
    background-color: white;
    border: 1px solid #553745;
    padding: 35px;
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
}

.accordion-item i:before,
.accordion-item i:after {
    transition: all 0.25s ease-in-out;
}


.services-accordion {
    list-style: none;
    padding: 0;
    margin: 0;
}

.accordion-item {
    background-color: #553745;
    padding: 0;
    margin: 20px 0;
}

.accordion-item .accordion-item-content {
    display: none
}

.accordion-item.open .accordion-item-content {

}

.accordion-item .sign.opened {
    display: none;
    /*position: absolute;*/
    float: right;
    margin-top: 16px;
    margin-left: 20px;
    right: 50px;
    top: 58px;
    width: 15px;
    height: 2px;
}

.accordion-item .sign {
    display: block;
    /*position: absolute;*/
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    right: 50px;
    top: 52px;
    width: 15px;
    height: 15px;
}

.accordion-item.open .sign.opened {
    display: block;
}

.accordion-item.open .sign {
    display: none;
}

.accordion-item-header {
    padding: 20px;
}


#compliance-steps-wrapper {
    position: relative;
    padding: 2px;
}

@media (max-width: 550px) {
    #compliance-steps-wrapper {
        box-sizing: border-box;
        transform: translate(0, 0);
        max-width: 100%;
        min-height: 100%;
        margin: 0;
        left: 0;
    }
}

#compliance-steps-wrapper h1,
#compliance-steps-wrapper h2 {
    color: #000;
}

#compliance-steps-wrapper h1 {
    margin: 10% auto 0;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 3px;
    font-weight: 100;
    text-align: center;
    display: table;
    padding: 10px 0;
    font-weight: bolder;
    border-bottom: 2px solid #000;
}

#compliance-steps-wrapper h2 {
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
}

.compliance-steps-accordion-item-content {
    z-index: 2;
    transition: all 500ms ease;
    background-color: white;
    /*background-color: #0a5e69;*/
    border: 1px solid #553745;
    padding: 18px;
    color: #000000;
    font-family: "Source Sans Pro", Helvetica, Arial, serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
}

.compliance-steps-accordion-item i:before,
.compliance-steps-accordion-item i:after {
    transition: all 0.25s ease-in-out;
}


.compliance-steps-accordion {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, minmax(min-content, max-content));
    object-fit: contain;

}

@media screen and (max-width: 1080px) {
    .compliance-steps-accordion {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(8, minmax(min-content, max-content));
    }
}


.compliance-steps-accordion-item {
    padding: 0;
    margin: 0;
}

.compliance-steps-accordion-item .compliance-steps-accordion-item-content {
    display: none
}

.compliance-steps-accordion-item.open .compliance-steps-accordion-item-content {

}

.compliance-steps-accordion-item .sign.opened {
    display: none;
    float: right;
    margin-top: 16px;
    margin-left: 20px;
    right: 50px;
    top: 58px;
    width: 15px;
    height: 2px;
}

.compliance-steps-accordion-item .sign {
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    right: 50px;
    top: 52px;
    width: 15px;
    height: 15px;
}

.compliance-steps-accordion-item.open .sign.opened {
    display: block;
}

.compliance-steps-accordion-item.open .sign {
    display: none;
}

.compliance-steps-accordion-item-header {
    padding: 20px;
    background-color: #553745;
    min-height: 7rem;
}