<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
  <head>
    <meta charset="utf-8" />
<meta name="description" content="Good Charlotte Reservations Page" />
<meta name="keywords" content="unlockgc" />
<link rel="canonical" href="https://reservations.goodcharlotte.com/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://reservations.goodcharlotte.com/" />
<meta property="og:site_name" content="Good Charlotte" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://reservations.goodcharlotte.com/" />
<meta property="og:title" content="Homepage | Good Charlotte" />
<meta property="og:description" content="Good Charlotte Reservations Page" />
<meta property="og:image" content="https://reservations.goodcharlotte.com/sites/g/files/g2000020156/files/2025-06/GC_OG.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Good Charlotte Reservations Page" />
<meta name="twitter:title" content="Homepage | Good Charlotte" />
<meta name="twitter:url" content="https://reservations.goodcharlotte.com/homepage" />
<meta name="twitter:image" content="https://reservations.goodcharlotte.com/sites/g/files/g2000020156/files/2025-06/GC_OG.png" />
<meta name="google-site-verification" content="WnZRhY8OkcEORAbW87GaqIDz4yUeyOH1PS57xL59rz8" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.2/css/all.css" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/custom_css/icon_Library/icomoon-library.css" />
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&amp;display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://use.typekit.net/gyc1cxd.css" />
<meta name="robots" content="noimageai,noai" />
<link rel="icon" href="/sites/g/files/g2000020156/files/GC_Fav1.png" type="image/png" />
<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="0197608e-bf66-7e8e-9a6c-647244aece6b" data-document-language="true"></script>
<script type="text/javascript">function OptanonWrapper() {
      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
      var allLinks = document.querySelectorAll('a');
      for(i = 0; i < allLinks.length; i++) {
        let href = allLinks[i].href;
        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
          href = href + '?ot=0197608e-bf66-7e8e-9a6c-647244aece6b&url=' + window.location.hostname;
          allLinks[i].setAttribute("href", href);
          allLinks[i].setAttribute("target", "_blank");
        }
      }             
      var eOT = new Event("OneTrustGroupsUpdated");
      document.dispatchEvent(eOT);
      var regCheckPerformance = /,C0002,/;
      var regCheckFunctional = /,C0003,/;
      var regCheckTargeting = /,C0004,/;
      var regCheckSocial = /,C0008,/;
}</script>
<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgatl"},"content":{"artist":"Good Charlotte","label":"Atlantic Records"},"page":{"pageInfo":{"pageName":"Good Charlotte:Du Cap Email for Snippet:Landing","server":"Good Charlotte:Site","devTeam":"WMX D2C","platform":"Drupal 10"},"category":{"primaryCategory":"Good Charlotte:Landing Page","pageType":"landing page:email for snippet"}}}</script>
<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js"></script>
<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js"></script>

    <title>Homepage | Good Charlotte</title>
    <link rel="stylesheet" media="all" href="/sites/g/files/g2000020156/files/css/css_Ssv4a8ihIxN5HMAH7aG_B-OMzNBDMib5dnV6-pCbYNg.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000020156/files/css/css_HLWMh9equkgW9vIviFrqzvw-26l55ITTHIeeB2oaV3o.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
<link rel="stylesheet" media="print" href="/sites/g/files/g2000020156/files/css/css_55A1_wojXYUqvyyd2peKRSKkqh748-2FT46EjJNfbWo.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000020156/files/css/css_B8_FXy9QDyLBkfjYCSQ1qjQK075-fHdPJJm_bIwC8aM.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />

    
  </head>
  <body class="page-node-506 page-node-type-page layout-no-sidebars path-frontpage">
        <a href="#main-content" class="visually-hidden focusable skip-link">
      Skip to main content
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div id="page-wrapper">
  <div id="page">
    <header id="header" class="header" role="banner">
      <div class="section layout-container clearfix">
        
          <div class="clearfix region region-header">
    <div id="block-pushpacssjs" class="block block-block-content block-block-content93449290-c630-49f9-937a-3343034eaaa0">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    .header-callout {
        position: absolute;
        /* width: 100%; */
        bottom: 10vw;
        color: #fff;
        text-align: center;
        left: 4vw;
        /* right: 0; */
    }

    .news-title.content-title a {
        color: #000;
        text-transform: LOWERCASE;
        text-align: left;
        text-decoration: underline;
    }

    div#block-views-block-news-block-1-4 {
        margin: 0 auto;
        width: 90%;
    }

    div#block-views-block-news-block-1-4 .item-list li {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        min-height: 96vh;
        text-align: center;
        margin: 1.5%;
        border: 1px solid;
        padding: 1vw;
    }

    div#block-views-block-news-block-1-4 .news-media-thumb {
        width: 100%;
        min-height: 70vh;
    }

    .header-banner-wrapper.views-row {
        position: relative;
    }

    a.primary-btn {
        padding: 0;
        width: 13vw;
        text-align: center;
        height: 3vw;
        line-height: 3vw;
        border: 1px solid #fff;
    }

    /* Start of Music block syles  */
    .view-id-music_section ul.items {
        max-width: 83%;
        display: flex;
        margin: 0 auto;
    }

    .view-id-music_section ul.items li {
        width: 32.25%;
        padding: 0px;
        margin-right: 1.75%;
    }

    .view-id-music_section ul.items li:last-child {
        margin: 0px;
    }

    .albumTitle a {
        color: var(--default-main-font-color);
        font-size: 1.8rem;
        line-height: 1.3;
        letter-spacing: 0;
    }

    /* Start of Tour block syles  */
    div#songkick-wrapper .widget_row {
        background: transparent;
    }

    div#songkick-wrapper .widget_row .plain_text {
        color: var(--default-main-font-color);
        line-height: 1;
    }

    .location.plain_text {
        margin-top: 1%;
    }

    div#songkick-wrapper {
        max-width: 75%;
    }

    #songkick-wrapper .widget_row div.event_date {
        width: 11%;
    }

    .event_date div {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.85rem;
    }

    .featuring-artists.plain_text {
        display: none;
    }

    .widget_row>div.event_location {
        width: 27%;
    }

    #songkick-wrapper .widget_row .event_links {
        width: 62%;
        flex-direction: unset;
        float: none;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    div#songkick-wrapper .widget_row {
        background: transparent;
        padding: 3.65% 0px;
        border: 0px;
    }

    .block.block-block-content.block-block-content94494f89-f543-4a43-96b9-da48b7ddd212 h2 {
        padding-bottom: 1.75%;
    }

    #songkick-wrapper .widget_row .event_links a {
        display: inline-block;
        color: var(--button-font-color);
        background: var(--default-main-font-color);
        border: 2px solid var(--default-main-font-color);
        text-transform: none;
        width: 32%;
        margin: 0px 0 0 0;
        padding: 3.5% 0px;
    }

    #songkick-wrapper .widget_row .event_links a:hover {
        color: var(--default-main-font-color);
        background: var(--button-font-color);
        border: 2px solid var(--button-font-color);
    }

    .no-link {
        display: none;
    }

    div#songkick-wrapper a.view_more {
        color: var(--button-font-color);
        background: var(--default-main-font-color);
        border: 2px solid var(--default-main-font-color);
        text-transform: none;
        width: 23%;
        padding: 2.1% 0px;
        display: block;
        font-family: var(--default-font-family);
        font-weight: var(--default-font-weight-regular);
        margin: 12vh auto 0;
    }

    div#songkick-wrapper a.view_more:hover {
        border: 2px solid var(--default-main-font-color);
        color: var(--default-main-font-color);
        background: var(--button-font-color);
    }

    #songkick-wrapper .widget_row .event_links a.additional_link {
        border: 2px solid var(--default-main-font-color);
        color: var(--default-main-font-color);
        background: var(--button-font-color);
        margin-right: 0px;
        margin-left: 2%;
    }

    #songkick-wrapper .widget_row .event_links a.additional_link:hover {
        color: var(--button-font-color);
        background: var(--default-main-font-color);
    }

    #block-tourlanding #songkick-wrapper {
        background: var(--background-transparent-color);
        max-width: 100%;
        padding-bottom: 10%;
        padding-top: 4%;
    }

    .videoSection {
        margin-top: 1%;
    }

    .site-footer .content a:hover,
    .site-footer .content a:focus,
    .site-footer .content a,
    .site-footer .content a.is-active,
    .site-footer .content {
        color: #3063AC;
    }

    .copyright>div {
        display: inline-block;
    }

    div#footer-block {
        text-align: center;
    }

    .site-footer__bottom {
        margin: 0px;
        border: 0px;
    }

    @media only screen and (max-width: 767px) {
.header-callout {
    position: absolute;
    width: 100%;
    bottom: 0vw;
    color: #fff;
    text-align: center;
    left: auto;
    right: 0;
}
a.primary-btn {
    padding: 0;
    width: 23vw;
    text-align: center;
    height: 5vw;
    line-height: 5vw;
    border: 1px solid #fff;
}
        .copyright span {
            font-size: 4vw;
        }

        .copyright {
            padding: 3vw 0 5vw;
        }

        div#songkick-wrapper {
            max-width: 100%;
        }

        div#songkick-wrapper .widget_row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        div#songkick-wrapper .widget_row .event_date,
        div#songkick-wrapper .widget_row .event_location {
            flex: 1 1 0;
            display: initial;
        }

        #songkick-wrapper .widget_row .event_links {
            flex: 100%;
            order: 3;
            width: 100%;
            position: initial;
            top: auto;
            transform: none;
            margin-top: 4%;
            padding: 0;
        }

        #songkick-wrapper .widget_row .event_links a {
            width: 50%;
        }

        div#songkick-wrapper .widget_row .event_date {
            flex: 14%;
        }

        div#songkick-wrapper .widget_row .event_location {
            flex: 60%;
        }

        div#songkick-wrapper a.view_more {
            width: 38%;
            margin-top: 6vh;
        }
    }

    body {
        margin: 0px;
        background: #748089;
        /* Old browsers */
        background: -moz-linear-gradient(top,
                #748089 0%,
                #3a4045 73%,
                #3a4045 90%,
                #3a4045 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top,
                #748089 0%,
                #3a4045 73%,
                #3a4045 90%,
                #3a4045 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,
                #748089 0%,
                #3a4045 73%,
                #3a4045 90%,
                #3a4045 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .mlform,
    .secondform {
        margin: 0px auto;
        text-align: center;
        padding: 5px 0px;
        transition: all 0.5s ease-in-out;
        color: #ffffff;
    }

    .mlform .message-header {
        font-size: 25px;
        text-transform: uppercase;
    }

    div.plain-ml-wrapper form div.birth-date-title {
        text-align: left;
    }

    .singleStepForm .birth-date-title {
        margin-bottom: 10px;
    }

    .secondform .birth-date-title {
        font-size: 12px;
    }

    .mlform input {
        font-size: 12px;
        width: 100%;
        height: 35px;
        padding: 5px 10px;
        box-sizing: border-box;
        /** margin: 5px; **/
    }

    .plain-ml-wrapper input:focus,
    *:focus {
        outline: none;
    }

    .plain-ml-wrapper input {
        background: transparent;
        border: 1px solid #fff;
    }

    .mlform input.submit {
        color: #ffffff;
        background-color: #359be9;
        border: none;
    }

    .mlform input.email {
        font-style: italic;
        border: 1px solid #fff;
    }

    .mlform .terms,
    .secondform .terms {
        color: #3a4045;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 11px;
    }

    .mlform .terms .terms-message,
    .secondform .terms .terms-message {
        width: 100%;

        color: #3a4045;
        margin: 0px auto;
        text-decoration: none;
    }

    .mlform p.terms-message a,
    .secondform p.terms-message a,
    #tklbContainer div.mlform p.terms-message a,
    #tklbContainer .secondform p.terms-message a,
    #tklbContainer .secondform p.terms-message2 a,
    #tklbContainer .secondform p.terms-message2 {
        color: #070707;
        text-decoration: none;
    }

    .mlform p.terms-message a:hover,
    .secondform p.terms-message a:hover,
    #tklbContainer div.mlform p.terms-message a:hover,
    #tklbContainer .secondform p.terms-message a:hover,
    #tklbContainer .secondform p.terms-message2 a:hover {
        color: #1b214e;
        text-decoration: underline;
    }

    /* first form style ends */
    .singleStepForm .name {
        display: block;
    }

    .singleStepForm .name input {
        width: 100%;
        padding: 0px 5px;

        font-size: 12px;
    }

    .singleStepForm input.goptin {
        width: 15px;
        height: 15px;
    }

    .singleStepForm select {
        width: 100%;
        height: 35px;
        padding: 0px 5px;
        color: #fff;
        font-size: 12px;
        border: 1px solid #fff;
    }

    .secondform {
        width: 100%;
        text-align: center;
    }

    .secondform .name {
        display: block;
    }

    form.mlistFormTwo .postal_country,
    form.mlistFormTwo .postalcode,
    form.mlistFormTwo .dobMonth,
    form.mlistFormTwo .dobDay {
        display: inline-block;
        width: 68%;
    }

    form.mlistFormTwo .dobDay,
    form.mlistFormTwo .postalcode {
        width: 30%;
    }

    .secondform .name input {
        width: 100%;
        padding: 0px 5px;

        font-size: 12px;
    }

    .secondform input.goptin {
        width: 15px;
        height: 15px;
    }

    .secondform select {
        width: 100%;
        padding: 10px 0px;
        height: 35px;
        padding: 0px 5px;
    }

    .secondform input:not([type="submit"]) {
        width: 100%;

        padding: 10px 0px;
        height: 35px;
        padding: 0px 5px;
        border: 1px solid #fff;
    }

    .secondform input[type="checkbox"] {
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }

    .secondform .globaloptin {
        width: 100%;
        margin: 0px auto;
        text-align: justify;
    }

    .secondform .welcome {
        text-transform: uppercase;
        font-size: 12px;
        width: 85%;
        margin: 0 auto;
    }

    .thankyou {
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 2vw;

        margin: 0px auto;
    }

    .mlform {
        text-align: center;
        margin: 0px auto;
    }

    .secondform {
        margin: 0px auto;
    }

    .thankyou {
        color: black;
    }

    .plain-ml-wrapper input {
        color: #fff;
        background: transparent;
    }

    .turnKeyToaster .plain-ml-wrapper input {
        color: #000;
    }

    .mlform .terms,
    .secondform .terms {
        color: white;
    }

    .mlform .terms .terms-message,
    .secondform .terms .terms-message {
        color: #3a4045;
    }

    #tklbContainer .mlform .terms .terms-message,
    #tklbContainer .secondform .terms .terms-message {
        color: #000;
    }

    .secondform select {
        color: #fff;
        font-size: 12px;
        border: 1px solid #fff;
    }

    .secondform input#goptin {
        vertical-align: middle;
        /* font-size: 10px; */
    }

    .secondform .globaloptin {
        font-size: 11px;
    }

    div.thankyou {
        color: #fff;
    }

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        div#songkick-wrapper {
            padding: 0 5%;
        }
    }

    @media only screen and (min-width: 768px) {

        .mlform .terms .terms-message,
        .secondform .terms .terms-message {
            width: 100%;
        }

        div.mlform {
            text-align: center;
            width: 100%;
            margin: 0px auto;
            box-sizing: content-box;
        }

        div.secondform {
            width: 100%;
        }

        .secondform .name {
            width: 100%;
            text-align: center;
        }

        .first {
            font-size: 0px;
        }

        .secondform .name div {
            font-size: 0px;
        }

        .secondform input,
        .secondform select {
            margin: 0;
        }

        input.goptin {
            margin: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .secondform .globaloptin {
            margin-top: 10px;
        }

        .secondform div.birthday {
            font-size: 0;
        }

        .secondform label.goptin_checkbox {
            position: static;
            transform: none;
            font-size: 10px;
            display: inline-block;
            pointer-events: all;
        }

        .secondform .globaloptin span {
            /** padding-left: 10px; **/
        }

        .mlform .terms .terms-message,
        .secondform .terms .terms-message {
            font-size: 11px;
        }

        div.thankyou {
            width: 100%;
            font-size: 20px;
        }
    }

    .secondform .postalcode.first,
    .secondform div.dobDay.fieldWrap,
    form.mlistFormTwo .postalcode.fieldWrap {
        margin-right: 2%;
    }

    .plain-ml-wrapper .terms {
        position: relative;
    }

    .plain-ml-wrapper p.terms-message-2,
    .plain-ml-wrapper p.terms-message {
        position: absolute;
        bottom: 20px;
        font-size: 12px;
        background: rgb(255, 255, 255);
        color: #3a4045;
    }

    .plain-ml-wrapper p.terms-message-2 a,
    .plain-ml-wrapper p.terms-message a {
        color: #3a4045;
    }

    .plain-ml-wrapper p.terms-message-2 a:hover,
    .plain-ml-wrapper p.terms-message a:hover {
        opacity: 0.5;
    }

    #block-plainjsmailinglist option {
        background: #000;
    }

    .fadeOut {
        display: none;
    }

    .fadeIn {
        display: block;
    }

    .page-node-type-miscellaneous-pages input:-webkit-autofill,
    .page-node-type-miscellaneous-pages select:-webkit-autofill {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    }

    #tklbContainer input:-webkit-autofill,
    #tklbContainer select:-webkit-autofill {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px #ccc inset;
    }

    #block-plainjsmailinglist input:-webkit-autofill,
    #block-plainjsmailinglist select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #555 inset;
        -webkit-text-fill-color: #fff;
    }

    #tktsContainer input:-webkit-autofill,
    #tktsContainer select:-webkit-autofill {
        -webkit-text-fill-color: #000;
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }

    #block-plainjsmailinglist .mlform p.terms-message a,
    #block-plainjsmailinglist .singleform p.terms-message a,
    #tklbContainer .mlform p.terms-message a,
    #tklbContainer .singleform p.terms-message a {
        color: #fff;
    }

    #block-plainjsmailinglist #mlform p.terms-message a:hover,
    #block-plainjsmailinglist .singleform p.terms-message a:hover,
    #tklbContainer .mlform p.terms-message a:hover,
    #tklbContainer .singleform p.terms-message a:hover {
        color: #fff;
        opacity: 0.5;
    }

    #tktsContainer #mlform p.terms-message a,
    #block-plainjsmailinglist .singleform p.terms-message a {
        color: #000;
    }

    #tktsContainer .mlform p.terms-message a:hover,
    #block-plainjsmailinglist .singleform p.terms-message a:hover {
        color: #000;
        opacity: 0.5;
    }

    div.plain-ml-wrapper {
        position: relative;
    }

    div.plain-ml-wrapper span.secondFormClose {
        position: absolute;
        right: 3px;
        font-size: 20px;
        cursor: pointer;
    }

    span.input-error {
        font-size: 1vw;
        color: red;
        position: absolute;
        bottom: -1.3vw;
        left: 0;
        padding: 0;
        animation: fadein 2s;
        -moz-animation: fadein 2s;
        -webkit-animation: fadein 2s;
        -o-animation: fadein 2s;
    }

    div#tklbContainer span.input-error {
        background: #cccccc;
    }

    #tktsContainer span.input-error {
        background: #fff;
    }

    #block-plainjsmailinglist span.input-error {
        background: #555;
    }

    /*.page-node-type-miscellaneous-pages span.input-error {
        background: #000;
      }*/
    .mlform input.submit:hover {
        opacity: 0.5;
    }

    form.mlistFormTwo {
        font-size: 0;
    }

    .plain-ml-wrapper input {
        font-size: 12px;
    }

    input[type="checkbox"]:focus {
        outline: 0;
    }

    select::-ms-expand {
        display: none;
    }

    .plain-ml-wrapper select {
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .plain-ml-wrapper div.select-drop-down-arrow {
        position: relative;
    }

    #tktsContainer .plain-ml-wrapper select {
        background: transparent;
    }

    div#block-plainjsmailinglist {
        background: #555555;
    }

    #block-plainjsmailinglist .plain-ml-wrapper {
        max-width: 300px;
        margin: 0 auto;
    }

    .site-footer__bottom .block {
        margin: 0;
    }
</style></div>
      
    </div>
  </div>

  </div>

        
      </div>
    </header>
          <div class="highlighted">
        <aside class="layout-container section clearfix" role="complementary">
            <div class="region region-highlighted">
    <div data-drupal-messages-fallback class="hidden"></div>

  </div>

        </aside>
      </div>
            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
      <div id="main" class="layout-main clearfix">
        
        <main id="content" class="column main-content" role="main">
          <section class="section">
            <a id="main-content" tabindex="-1"></a>
              <div class="region region-content">
    <div id="block-bartik-content" class="block block-system block-system-main-block">
  
    
      <div class="content">
      
<article data-history-node-id="506" about="/homepage" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix">
  <header>
    
            <span property="schema:name" content="Homepage" class="rdf-meta hidden"></span>

      </header>
  <div class="node__content clearfix">
    
  </div>
</article>

    </div>
  </div>
<div id="block-bartik-mlistdomblock" class="block block-block-content block-block-content0a21ddc6-3094-4d03-9f78-be12a29ee42d">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><meta name="viewport" content="width=device-width, user-scalable=no" />
<div class="vacancy_image_front">
    <img src="/sites/g/files/g2000020156/files/2025-06/vacancy_image_front.png" alt="vacancy_image_front"/>
    <div class="book_reservation">Book Your Reservation:</div>
</div>

<div class="Mailinglist_CommonWrapper">
    <!-- START FORM -->
    <div class="plain-ml-wrapper dtmtoaster" id="firstMlistForm" data-custom-page-name="Homepage" data-success="EmailFormSubmit">
        <div id="mlform">
            <!-- <div class="joinText">Join My Mailing List!

            </div> -->
            <form id="mlistFormOne" class="mlform singleform" action="">
                <div class="email fieldWrap">
                    <!-- <label for="email" class="">Email address</label> -->
                    <input data-type="email" data-error-text="Please enter a valid email address" placeholder="Email Address" required="" id="email" name="email" autocomplete="off">
                </div>
                <span class="consent-placeholder" data-template="artist-mktg" data-artist="Good&nbsp;Charlotte" data-error-text="This field is required" data-pp-link="https://reservations.goodcharlotte.com/privacypolicy">I want Good Charlotte to send me marketing messages. Unsubscribe at any time. Please read our <a href="https://reservations.goodcharlotte.com/privacypolicy">Privacy Policy</a> for more information about how we handle your personal information, including for marketing.</span>
                <div class="submit btn btn-hov">
                    <input type="submit" id="submit" class="mlistSubmit" value="submit">
                </div>
                <div class="primary-list-values">
                    <input name="Datasource" type="hidden" value="GoodCharlotte_MotelDuCapReservations_Standalone_Website">
                    <input name="_ext" type="hidden" value="C593AE67-0D91-4A08-B82B-609F5DE52121:7002871">

                </div>
            </form>
            
        </div>
        <div id="thankyou" class="fadeOut">
            THANK YOU.<br/>
            YOUR RESERVATION IS BOOKED.<br/>
            (TURN UP YOUR VOLUME!)
<br/><!--a href="https://goodcharlotte.com/" class="entersite">Enter Site</a-->      
        </div>
        
    </div>
    <!-- END FORM -->
</div>


<div class="Footer_Wrapper">
    <span> © 2025 Atlantic Records  </span>  <span class="septr"> | </span>   
    <a class="pp" href="https://www.atlanticrecords.com/privacy-policy" target="_blank">Privacy&nbsp;Policy</a>  <span class="septr"> | </span>
    <a class="tos" href="https://www.atlanticrecords.com/terms-of-use" target="_blank">Terms&nbsp;of&nbsp;Use</a>  <span class="septr"> | </span>
    <a class="cookie" target="_blank" href="https://www.wminewmedia.com/cookies-policy/">Cookies&nbsp;Policy</a> <span class="septr cs"> | </span>
    <a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a>
</div>


<audio loop id="myAudio" src="" preload="none"></audio>


<script>
       

		var globalData = "";
		var myAudio = document.getElementById("myAudio");
		var isPlaying = false;
        var userInteraction = true;
		
		function reload(newAudio) {
			myAudio.src = newAudio;
			myAudio.load();
			setTimeout(() => {
				if(userInteraction){
					//console.log(myAudio.src),
					myAudio.play()	
				}
				
			}, 1000);				
			isPlaying = true;			
		}

jQuery(function(){
jQuery('div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder input + label').html('I want Good Charlotte to send me marketing messages. Unsubscribe at any time. Please read our <a href="https://reservations.goodcharlotte.com/privacypolicy" target="_blank">Privacy&nbsp;Policy</a> for more information about how we handle your personal information, including for marketing.');
})
</script></div>
      
    </div>
  </div>
<div id="block-bartik-mlistcssblock" class="block block-block-content block-block-content57f58be7-4bee-4b61-a7ac-eb00b524ef50">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 
.vacancy_image_front{
    width: 33.64vw;
    padding-top: 0;
    margin: 0 auto;
    position: relative;
} 
.vacancy_image_front img{
    width: 100%;
    height: auto;
}
.book_reservation{
    position: absolute;
    font-family: "amador", sans-serif;
    font-weight: 400;
    font-style: normal;
    bottom: 3.4vw;
    font-size: 1.6vw;
    color: #3063AC;
    left: 10vw;
}
.layout-main {
    margin-top: 0;
    margin-bottom: 0;
}
.layout-container {
    max-width: 100% !important;
}
.Mailinglist_CommonWrapper{
    background-color: #fff;
    min-height: calc(100vh - 53vw);
} 

div#toolbar-administration {
    display: none;
}
body{
    padding-top: 0 !important;
    background: #fff !important;
}
.main-content .section {
    padding: 0;
}
.joinText{
    font-size: 1.32vw;
    line-height: 1.68vw;
    color: #3063AC;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    padding: 9.22vw 0 1.68vw 0;
}

.plain-ml-wrapper {
	max-width: 27.78vw;
    margin: 0 auto;
    padding-bottom: 5.70vw;
}

.plain-ml-wrapper #mlform,
.plain-ml-wrapper #secondform {
	margin: 0px auto;
	text-align: center;
	padding: 0.37vw 0px;
	transition: all .5s ease-in-out;
	color: #3063AC;
}

.plain-ml-wrapper #mlform .message-header {
	font-size: 25px;
	text-transform: uppercase;
}

.plain-ml-wrapper #mlform input {
	width: 100%;
	height: 1.7vw;
	padding: 0.37vw 10px;
	box-sizing: border-box;
    border-radius: 0 !important;
}
.plain-ml-wrapper #mlform input#submit{
    height: 0.9vw;
    padding: 0;
}

.plain-ml-wrapper form#mlistFormOne div.fieldWrap,
.plain-ml-wrapper form#mlistFormTwo div.fieldWrap {
	position: relative;
    font-size: 0.88vw;
}

.plain-ml-wrapper form#mlistFormOne>div,
.plain-ml-wrapper form#mlistFormTwo div {
	margin-bottom: 0.88vw;
}

.plain-ml-wrapper form#mlistFormTwo .postal_country {
	font-size: 0;
}





.plain-ml-wrapper input:focus,
*:focus {
	outline: none;
}

.plain-ml-wrapper input#submit {
	color: #3063AC;
    background-color: #FFFFFF;
    border: none;
    border-radius: 1.68vw;
    font-size: 0.7vw;
    letter-spacing: 0.014vw;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    cursor: pointer;
    width: 100%;
    -webkit-text-stroke-width: 0.10vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
}
.plain-ml-wrapper #mlistFormTwo input#submit{
    padding: 0.7vw 0.7vw;
}
::placeholder {
  color: #3063AC;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #3063AC;
}
.plain-ml-wrapper .submit{
    border-bottom: 0.10vw solid #3063AC;
    border-radius: 0;
    width: 2.81vw;
    margin: 0 auto;
    margin-top: 0.66vw;
}
.plain-ml-wrapper #mlform input#email {	
	border: 0.07vw solid #3063AC;
    text-align: center;
}

.plain-ml-wrapper #mlform .terms,
#secondform .terms {
    color: #3063AC;
    text-transform: uppercase;
    font-size: 0.73vw;
    text-decoration: underline;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
}

.plain-ml-wrapper #mlform #terms .terms-message,
.plain-ml-wrapper #secondform #terms .terms-message {
	width: 100%;
	color: #3063AC;
	margin: 0px auto;
	text-decoration: none;
}

.plain-ml-wrapper #mlform p.terms-message a,
.plain-ml-wrapper #secondform p.terms-message a {
	color: #3063AC;
	text-decoration: none;
}

.plain-ml-wrapper #mlform p.terms-message a:hover,
.plain-ml-wrapper #secondform p.terms-message a:hover {
	color: #3063AC;
	text-decoration: underline;
}


/* first form style ends */

.plain-ml-wrapper .singleStepForm .name {
	display: block
}

.plain-ml-wrapper .singleStepForm .name div {
	display: inline-block;
	width: 49%;
}

.plain-ml-wrapper .singleStepForm .name input {
	width: 100%;
	padding: 0px 0.37vw;
	font-size: 0.88vw;
}

.plain-ml-wrapper .singleStepForm input#goptin {
	width: 15px;
	height: 15px;
}

.plain-ml-wrapper .singleStepForm select {
	width: 100%;
	height: 3.29vw;
	padding: 0px 0.37vw;
	color: #3063AC;
	font-size: 0.88vw;
	border: 1px solid #3063AC;
	background: #000;
}

.plain-ml-wrapper #secondform {
	width: 100%;
	text-align: center;
}

.plain-ml-wrapper #secondform .name {
	display: block
}

.plain-ml-wrapper #secondform .birthday div {
	display: inline-block;
	width: 49%;
}
.plain-ml-wrapper #secondform .birthday .dobDay{
    margin-left: 2%;
}

.plain-ml-wrapper #secondform .name input {
	width: 100%;
	padding: 0px 0.37vw;
	font-size: 0.88vw;
}

.plain-ml-wrapper #secondform input#goptin {
	width: 15px;
	height: 15px;
}

.plain-ml-wrapper #secondform select {
	width: 100%;
	height: 2.56vw;
	padding: 0px 0.37vw;
    font-family: "Cinzel", serif;
    font-style: normal;
    font-weight: 400;
}

.plain-ml-wrapper #secondform input:not([type="submit"]) {
	width: 100%;
    background: #fff;
    color: #3063AC;
    height: 2.56vw;
    padding: 0px 0.37vw;
    border: 1px solid #fff;
}

.plain-ml-wrapper #secondform input[type="checkbox"] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.plain-ml-wrapper #secondform .globaloptin {
	width: 100%;
	margin: 0px auto;
	text-align: justify;
    margin-top: -2vw;
}

.plain-ml-wrapper #secondform .welcome {
	text-transform: uppercase;
	font-size: 0.88vw;
	width: 85%;
	margin: 0 auto;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    padding-bottom: 2vw;
    padding-top: 2vw;
}
#mlistFormTwo .submit{
    margin-top: 1vw;
}

.plain-ml-wrapper #thankyou {
	text-align: center;
    text-transform: uppercase;
    color: #3063AC;
    padding: 0;
    font-size: 0.72vw;
    letter-spacing: 0.01vw;
    line-height: 0.93vw;
    width: 100%;
    margin: 0px auto;
    /* margin-left: -2vw; */
    font-family: "Cinzel", serif;
    font-style: normal;
    font-weight:400;
    -webkit-text-stroke-width: 0.10vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
}


.plain-ml-wrapper input {
	color: #3063AC;
	background: transparent;
	padding: 0.37vw 0.7vw;
	box-sizing: border-box;
	border: 1px solid #fff;
	background: #fff;
    font-size: 0.7vw;
    letter-spacing: 0.01vw;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    -webkit-text-stroke-width: 0.10vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
    text-transform: uppercase;
}

.plain-ml-wrapper #secondform select {
	color: #3063AC;
	font-size: 0.88vw;
	border: 1px solid #3063AC;
	background: #fff;
}

.plain-ml-wrapper #secondform input#goptin {
	vertical-align: middle;
}

.plain-ml-wrapper #secondform .globaloptin {
	font-size: 11px;
}

.plain-ml-wrapper #terms {
	position: relative;
	margin-bottom: 0;
}

/* .plain-ml-wrapper p.terms-message-2,
.plain-ml-wrapper p.terms-message {
	top: 14px;
	position: absolute;
	background: rgb(255, 255, 255);
	margin: 0;
	background: #000;
} */

.plain-ml-wrapper .fadeOut {
	display: none;
}

.plain-ml-wrapper .fadeIn {
	display: block;
}

.plain-ml-wrapper #mlform p.terms-message a,
.plain-ml-wrapper .singleform p.terms-message a {
	color: #3063AC;
}

.plain-ml-wrapper #mlform p.terms-message a:hover {
	color: #3063AC;
	opacity: .5
}

div.plain-ml-wrapper {
	position: relative;
    padding-top: 0;
}

div.plain-ml-wrapper span#secondFormClose {
	position: absolute;
	right: 3px;
	font-size: 20px;
	cursor: pointer;
}
span.input-error{
    font-size: 0.8vw;
}
.plain-ml-wrapper span.input-error {
	background: none;
    color: red;
    position: absolute;
    bottom: unset;
    top: -1.3vw;
    left: 0;
    padding: 0 0;
    font-family: "Cinzel", serif;
    /* animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s; */
}

input#submit:hover {
	opacity: .5;
}

/** custom checkbox **/


.globaloptin input[type="checkbox"] {
    opacity: 0;
}

.globaloptin label {
    position: relative;
    display: inline-block;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    -webkit-text-stroke-width: 0.05vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
    
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 1.61vw;
    /* vertical-align: middle; */
}

.globaloptin label::before,
.globaloptin label::after {
    position: absolute;
    content: "";
    
    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.globaloptin label::before{
    height: 1.17vw;
    width: 1.17vw;
    border: 1px solid;
    left: 0px;
    
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: -1px;
}

/*Checkmark of the fake checkbox*/
.globaloptin label::after {
    height: 0.37vw;
    width: 0.66vw;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 0.29vw;
    top: 0.29vw;
}

/*Hide the checkmark by default*/
.globaloptin input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.globaloptin input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.globaloptin input[type="checkbox"]:focus + label::before {
    outline: #3063AC auto 0.37vw;
}

/** custom checkbox ends **/


/** label css **/

.plain-ml-wrapper label:not(.goptin_checkbox) {
	-webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.7s;
	transition: all 0.3s ease-in;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	left: 50%;
	width: 100%;
	text-align: center;
	color: #3063AC;
	font-size: 0.88vw;
}

.plain-ml-wrapper label.moveUp {
	background-color: #fff;
	position: absolute;
	top: -8px;
	transform: translateX(-50%) scale(.9);
}
.plain-ml-wrapper #mlform #terms .terms-message, .plain-ml-wrapper #secondform #terms .terms-message,p.terms-message-2.fadeIn {
    font-size: 0.73vw;
    background: #fff;
    color: #3063AC;
    padding: 0.5vw;
    margin-top: 0.5vw;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
}
.plain-ml-wrapper #mlform p.terms-message a, .plain-ml-wrapper #secondform p.terms-message a,p.terms-message-2 a {
    color: #3063AC;
    text-decoration: underline;
}
.globaloptin input[type="checkbox"]:focus + label::before {
    outline: none;
}

div#block-bartik-mlistdomblock .consent-placeholder{
  position: relative; 
  margin: 0.65vw auto 0; 
  display: block; 
} 
.plain-ml-wrapper label:not(.goptin_checkbox){
    position:static;
    transform:none;        
}
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked { 
  position: absolute; 
  left: 0px; 
  width: 1.28vw; 
  height: 1.28vw; 
  z-index: 10; 
  top: 0px; 
  opacity: 0; 
  cursor: pointer; 
  margin: 0; 
  -webkit-appearance: none; 
  padding: 0; 
} 

div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before, 
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before { 
  content: ""; 
  position: absolute; 
  left: 0px; 
  top: auto; 
  width: 1.28vw; 
  height: 1.28vw; 
  border: 0.05vw solid #3063AC; 
  background: transparent; 
  border-radius: 0px; 
  box-sizing: border-box; 
} 

div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked) + label:before { 
  border-color: red; 
} 

div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label { 
    display: inline-block;
    box-sizing: border-box;
    line-height: 0.8vw;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.56vw;
    padding-left: 2.04vw;
    vertical-align: top;
    font-family: "Cinzel", serif;
    font-weight:400;
    position: static;
    transform: none;
    pointer-events: auto;
    text-transform: capitalize;
    -webkit-text-stroke-width: 0.05vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
} 

div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after { 
  content: "\2713"; 
  position: absolute; 
  top: 0.18vw;
  line-height: 1;
  left: 0.3vw;
  font-size: 1vw;
  color: #3063AC; 
  font-weight: 400; 
  text-align: center; 
} 

div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after { 
  color: #3063AC; 
} 

 div#block-bartik-mlistdomblock .consent-placeholder span.input-error { 
  color: red; 
  position: absolute; 
  top: -1vw; 
  left: 0; 
  bottom: auto; 
  font-family: "Cinzel", serif;
} 

div#block-bartik-mlistdomblock .secondform .consent-placeholder { 
  margin: 2vh auto; 
} 
div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder label a,
div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder label span {
    color: #3063AC;
}
div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder label a{
    text-decoration:underline;
}
div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
    opacity: 0.5;
}
.Footer_Wrapper span,.Footer_Wrapper a{
    font-size: 0.5vw;
    color: #3063AC;
    font-family: "Cinzel", serif;
    font-style:normal;
    font-weight:400;
    border-bottom: none;
    -webkit-text-stroke-width: 0.05vw;
    -webkit-text-stroke-color: #3063AC;
    -webkit-text-fill-color: #3063AC;
}
a:hover, a:active, a:focus, .link:hover, .link:active, .link:focus {
    text-decoration: none;
    border-bottom-style: none;
}
.Footer_Wrapper {
    text-align: center;
}
.site-footer {
    padding: 0;
}
a, a.link {
    text-decoration: none;
    border-bottom: none;
}
.block .content {
    margin-top: 0;
}
input#email.errored {
    border: 2px solid red !important;
}
a.entersite {
    background: #3063AC;
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
    padding: 0.35vw 1vw 0.25vw;
    margin-top: 1vw;
    display: inline-block;
    font-weight: 600;
    -webkit-text-stroke-width: 0.02vw;
    line-height: 1;
}
@media only screen and (max-width: 1024px) and (orientation:portrait){ 

 div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label { 
    font-size: 2.13vw;
    line-height: 3.4vw;
    padding-left: 9vw;
  } 
a.entersite {  
    padding: 2vw 2vw 1vw;
    margin-top: 4vw;  
    -webkit-text-stroke-width: 0.06vw;  
    font-size: 3.2vw;
}
  div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 
  div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 
  div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before, 
  div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before { 
     width:6.4vw; 
     height: 6.4vw; 
  } 

  div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after { 
        top: 0.4vw;
        left: 1.2vw;
        font-size: 5.15vw;
  } 
} 

@media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label{
    font-size: 2.268vw;
    padding-left: 7.54vw;
}        
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after{
   top: 0.2vw;
   font-size:4vw;
   left: 0.6vw;
}
div#block-bartik-mlistdomblock .consent-placeholder {
    position: relative;
    margin: 2vh auto ;
}
div#block-bartik-mlistdomblock .consent-placeholder span.input-error{
   top: -1.5vh;
}
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked{
    width: 4.28vw;
    height: 4.28vw;
}

}


@media only screen and (max-width: 1024px) and (orientation: portrait){
    .vacancy_image_front {
        width: 93.3vw;
        padding-top: 0;
    }
    .plain-ml-wrapper {
        max-width: 89.71vw;
        padding-bottom: 16.1vw;
    }
    .plain-ml-wrapper #mlform input {
        height: 8vw;
    }
    .plain-ml-wrapper input {
        font-size: 3.2vw;
        letter-spacing: 0.064vw;
    }
    span.input-error {
        font-size: 3.8vw;
    }
    .plain-ml-wrapper span.input-error {
        top: -5.3vw;
    }
    div#block-bartik-mlistdomblock .consent-placeholder {
        margin: 4.65vw auto 0;
    }
    div#block-bartik-mlistdomblock .consent-placeholder span.input-error {
        top: -5vw;
    }
    .book_reservation {
        bottom: 10.4vw;
        font-size: 4.53vw;
        left: 28vw;
    }
    .plain-ml-wrapper .submit {
        border-bottom: 2px solid #3063AC;
        width: 12.2vw;
        margin: 0 auto;
        margin-top: 3.3vw;
    }
    .plain-ml-wrapper input#submit {       
        font-size: 3.2vw;
        letter-spacing: 0.06vw;
    }
    .plain-ml-wrapper #mlform input#submit {
        height: 4.26vw;
        padding: 0;
    }
    .plain-ml-wrapper #thankyou {
        font-size: 3.2vw;
        letter-spacing: 0.06vw;
        line-height: 3.73vw;
        width: 100%;
    }
    .Footer_Wrapper span, .Footer_Wrapper a {
        font-size: 2.1vw;
        line-height: 3.4vw;
    }
    a.ot-sdk-show-settings {
        display: block;
    }
    .septr.cs{
        display: none;
    }
    .Footer_Wrapper span,.Footer_Wrapper a,.globaloptin label,div#block-bartik-mlistdomblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label,.Footer_Wrapper span,.Footer_Wrapper a{   
        -webkit-text-stroke-width: 0.26vw;
        -webkit-text-stroke-color: #3063AC;
        -webkit-text-fill-color: #3063AC;
    }
    .plain-ml-wrapper #thankyou ,.plain-ml-wrapper input,.plain-ml-wrapper input#submit{	
        -webkit-text-stroke-width: 0.5vw;
        -webkit-text-stroke-color: #3063AC;
        -webkit-text-fill-color: #3063AC;
    }
    .Mailinglist_CommonWrapper {
        min-height: unset;
    }
    .plain-ml-wrapper #mlform input#email {
        border: 0.26vw solid #3063AC;
    }
    div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before, div#block-bartik-mlistdomblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before{
        border: 1px solid #3063AC;
    }

    
}

</style></div>
      
    </div>
  </div>

  </div>

          </section>
        </main>
                      </div>
    </div>
        <footer class="site-footer">
      <div class="layout-container">
                      </div>
    </footer>
  </div>
</div>

  </div>

    <script src="/sites/g/files/g2000020156/files/custom_js_1.js?cache=683ecad991f43"></script>
<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>

    
  </body>
</html>
