/***
 * START CreateEvent.css
 */

.grecaptcha-badge {
    display: none
}

#member-subscription .not-required {
    padding-right: 20px;
}

.error .dropdown,
.error textarea {
    border-color: #c30000 !important;
}

#member-subscription .required-fields-message {
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 20px;
}

.bottom-border {
    border-bottom: 1px solid #ddd;
}

.captcha {
    padding-bottom: 100px !important;
}

.input-row .text-center textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px !important;
    border: 1px solid #242424;
}

.profile input, .profile .dropdown, .profile .black-border {
    border: 1px solid rgb(169, 169, 169);
}

    .profile .dropdown img:not(.dropdown-arrow) {
        margin: 0;
        display: initial;
        margin-left: 0px;
        display: inline-block;
    }

.margin-bottom {
    margin-bottom: 20px !important;
}

.profile .profile-form-wrapper {
    padding-bottom: 0px;
}

#generic-form .date-control .dropdown.text-left {
    border-left: none;
    border-right: none;
    padding-left: 0px;
}

.date-control .text-left .dropdown-toggle {
    padding-left: 15px;
}

.date-control .dropdown-toggle .placeholder:not(.default) {
    color: rgb(36,36,36);
}

.extra-info-list-element .download:hover svg {
    stroke: #c30000;
}

.flex {
    display: flex;
}

.steps-progress-page .step-section {
    border-top: none;
    border-bottom: none;
    padding: 10px 0px;
}

.extra-info-list-element .download.type1 {
    margin-right: 15px;
}

#events-create-page {
    margin: 0;
}

#steps-progress {
    margin: 0 2%;
}

.display-mobile {
    display: block;
}

.button-holder.left {
    text-align: left;
}

.button-holder.right {
    text-align: right;
}

.button.dark {
    width: 100%;
    margin: 20px 0;
}

.button.white {
    width: 100%;
    margin: 0 0 20px 0;
}

section {
    text-align: center;
}

.global section h1 {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    line-height: 32px;
    border-bottom: 1px solid #f4f4f4;
    margin-top: 40px;
    text-transform: uppercase;
}

.global section {
    margin-bottom: 40px;
}

.global {
    width: 100%;
    padding: 0 5%;
}

    .global .title-wrapper {
        padding-top: 50px;
        text-align: left;
    }

        .global .title-wrapper p {
            padding-top: 20px;
            font-size: 24px;
            font-weight: normal;
            line-height: 34px;
        }

    .global .event-create-social {
        float: none;
    }

        .global .event-create-social .link {
            margin: 20px 8px 30px 0px;
        }

        .global .event-create-social > * {
            display: inline-block;
            vertical-align: middle;
        }

        .global .event-create-social .icon {
            width: 26px;
            height: 26px;
            fill: #242424;
            vertical-align: middle;
            webkit-transition: fill 100ms ease-in-out;
            -moz-transition: fill 100ms ease-in-out;
            transition: fill 100ms ease-in-out;
        }

        .global .event-create-social .stroke svg {
            stroke: #242424;
        }

        .global .event-create-social .link:hover .icon {
            fill: #c30000;
        }

        .global .event-create-social .stroke:hover svg {
            stroke: #c30000;
        }

.spaces-grid-wrapper {
    border-bottom: 1px solid #ddd;
}

.menu-grid-wrapper {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.overall-grid-wrapper {
    border-bottom: 1px solid #ddd;
}

.last {
    margin-bottom: 40px;
}

.space-wrapper {
    height: 190px;
    margin: 15px 0px 10px 0;
    cursor: pointer;
    display: inline-block;
    transition: opacity 250ms ease-in-out;
}

.menu-wrapper {
    padding: 0 10px;
    margin: 15px 0 50px 0px;
    cursor: pointer;
    display: inline-block;
    transition: all 250ms ease-in-out;
    height: 160px;
}

    .menu-wrapper .menu-image {
        overflow: hidden;
        max-height: 120px;
    }

    .menu-wrapper .menu-image img {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        opacity: 0.3;
        transition: all 250ms ease-in-out;
    }

    .menu-wrapper:hover .menu-image img {
        -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
        opacity: 1;
    }

.menu-hover .menu-image img {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    opacity: 1;
}

.space-image {
    opacity: 0.3;
    transition: all 250ms ease-in-out;
}

.space-hover .space-image {
    opacity: 1;
}

.space-wrapper:hover .space-image svg {
    fill: #c30000;
}

.space-wrapper:hover .space-image {
    opacity: 1;
}

.space-wrapper .space > * {
    display: inline-block;
    vertical-align: middle;
}

.space-wrapper .space-image svg {
    position: relative;
    left: 0px;
    bottom: 0;
    stroke: none !important;
    fill: #242424;
    fill-opacity: 0.1;
    transition: all 0.5s ease-in-out;
    width: 80px;
    height: 80px;
    top: -10px;
}

.space-wrapper .space-image img {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
}

.space-hover .space-image svg {
    fill: #c30000;
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}

.space-wrapper .space-name p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.space-wrapper .space-name span::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border: 1px solid black;
    cursor: pointer;
    margin-left: -13px;
    margin-top: 6px;
}

.space-wrapper .space-name input:checked + span::before {
    content: "";
    color: #c30000;
    position: absolute;
    background-image: url("/Images/icons/icons.svg#check-icon-anchor");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-left: -9px;
}

.menu-wrapper .menu-name p {
    margin: 10px 0 8px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.menu-wrapper .menu-name span::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border: 1px solid black;
    cursor: pointer;
    margin-left: -13px;
    margin-top: 6px;
}

.menu-wrapper .menu-name input:checked + span::before {
    content: "";
    color: #c30000;
    position: absolute;
    background-image: url("/Images/icons/icons.svg#check-icon-anchor");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-left: -9px;
}

.services-grid-wrapper {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.services-wrapper .checkbox-wrapper {
    text-align: left;
    margin-left: 10%;
    cursor: pointer;
    display: flex;
}

    .services-wrapper .checkbox-wrapper label {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 22px;
        margin-top: 5px;
        margin-left: 25px;
        font-weight: 400;
        width: 80%;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
    }

    .services-wrapper .checkbox-wrapper input:checked + span::before {
        content: "";
        text-align: center;
        color: #c30000;
        position: absolute;
        background-image: url("/Images/icons/icons.svg#check-icon-anchor");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        margin-top: 9px;
        margin-left: -9px;
    }

    .services-wrapper .checkbox-wrapper span::after {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        border: 1px solid black;
        cursor: pointer;
        margin-left: -13px;
        margin-top: 6px;
    }

#servicesPointer .checkbox-wrapper input:checked + span::before {
    content: "";
    text-align: center;
    color: #c30000;
    position: absolute;
    background-image: url("/Images/icons/icons.svg#check-icon-anchor");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-left: -9px;
}

#contactsPointer .checkbox-wrapper-2 input:checked + span::before {
    content: "";
    text-align: center;
    color: #c30000;
    position: absolute;
    background-image: url("/Images/icons/icons.svg#check-icon-anchor");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-left: -9px;
}

#servicesPointer .checkbox-wrapper input:checked + span::after {
    border: none;
}

#servicesPointer .checkbox-wrapper {
    text-align: left;
    margin-left: 30px;
}

    #servicesPointer .checkbox-wrapper input {
        width: 20px;
        height: 15px;
    }

#contactsPointer .checkbox-wrapper-2 input:checked + span::after {
    border: none;
}

#contactsPointer .checkbox-wrapper-2 {
    text-align: left;
    margin-left: 30px;
}

    #contactsPointer .checkbox-wrapper-2 input {
        width: 20px;
        height: 15px;
    }

    #contactsPointer .checkbox-wrapper-2 span::before {
        content: "";
        text-align: center;
        color: #c30000;
        position: absolute;
        background-image: url("/Images/icons/icons.svg#check-icon-anchor");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        margin-top: 9px;
        margin-left: -9px;
    }

    #contactsPointer .checkbox-wrapper-2 span::after {
        border: none;
    }

#contactsPointer .checkbox-wrapper-2 {
    text-align: left;
    margin-left: 30px;
}

#menuPointer .menu-wrapper .menu-name span::after {
    border: none;
}

#spacePointer .space-wrapper {
    height: 160px;
}

    #spacePointer .space-wrapper .space-name span::after {
        border: none;
    }

    #spacePointer .space-wrapper .space-name p {
        border: none;
    }

    #spacePointer .space-wrapper input:checked + span::before {
        content: "";
        color: #c30000;
        position: absolute;
        background-image: url("/Images/icons/icons.svg#check-icon-anchor");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        margin-top: 9px;
        margin-left: -9px;
    }

    #spacePointer .space-wrapper .space-image svg {
        fill: #c30000;
    }

#servicesPointer .checkbox-wrapper label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 8px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

#contactsPointer .checkbox-wrapper-2 label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 8px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.space-wrapper .space-name input:checked + .space-wrapper .space-image svg {
    fill: #c30000;
}

.overall-wrapper .title {
    font-weight: lighter;
    font-size: 28px;
    margin: 20px 0;
}

#menuPointer {
    display: flex;
    justify-content: center;
}

.overall-wrapper {
    border-bottom: solid 1px #f4f4f4;
}

    .overall-wrapper.last {
        border-bottom: none;
    }

.extra-info-list {
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
}

.extra-info-list-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}

    .extra-info-list-element .title-container {
        margin: 0 20px;
    }

        .extra-info-list-element .title-container h2 {
            text-align: center;
            font-weight: 200;
            line-height: 1;
            margin: 20px 0 0 0;
            font-size: 24px;
            font-family: "Roboto Condensed", sans-serif;
        }

        .extra-info-list-element .title-container .additional {
            color: #bebebe;
            font-size: 18px;
            text-align: center;
            margin: 5px 0 20px 0;
        }

    .extra-info-list-element .info-container {
        text-align: center;
        margin: 0 20px;
    }

    .extra-info-list-element .download {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

        .extra-info-list-element .download img {
            width: 35px;
            height: 50px;
            margin: 0px 0 0 30px;
        }

    .extra-info-list-element a .download p {
        text-align: center;
        font-weight: 200;
        line-height: 1;
        margin: 0;
        font-size: 24px;
        font-family: "Roboto Condensed", sans-serif;
    }

    .extra-info-list-element .info-container a h2 {
        text-align: center;
        font-weight: 200;
        line-height: 1;
        margin: 20px 0 10px 0;
        font-size: 24px;
        font-family: "Roboto Condensed", sans-serif;
    }


    .extra-info-list-element .download svg {
        stroke: rgb(36,36,36);
        width: 38px;
        height: 50px;
        margin-left: 5px;
        transition: stroke 200ms ease-in-out;
    }

/* ----------------- CONFIRMATION STEP ----------------- */

.confirmation-form {
    border-bottom: solid 1px rgb(221,221,221);
    margin-top: 40px;
    padding-bottom: 20px;
}

    .confirmation-form .content {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .confirmation-form .content > div {
            width: 100%;
            margin-top: 20px;
        }

    .confirmation-form svg {
        stroke: #333;
        stroke-width: 0.3;
        max-width: 70px;
        max-height: 50px;
        fill: red;
    }

    .confirmation-form h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 18px;
        text-align: left;
        font-size: 28px;
        font-weight: 300;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }

    .confirmation-form p {
        font-size: 16px;
        text-transform: none;
        margin-top: 15px;
        margin-bottom: 30px;
        text-align: left;
    }

    .confirmation-form ~ .button-holder .button {
        margin-top: 20px;
        width: 100%;
    }

/***
 * START MEDIA QUERIES
 */

@media only screen and (min-width:767px) {
    .bottom-border {
        margin-bottom: 20px;
    }

    .input-row .text-center textarea {
        font-size: 20px;
    }

    #member-subscription .required {
        padding-right: 40px;
    }

    .extra-info-list-element .download {
        margin-top: 0px;
    }

    .extra-info-list-element .info-container a h2 {
        font-size: 32px;
        margin: 0;
    }

    .overall-wrapper {
        border-bottom: none;
    }

    #servicesPointer {
        border-right: solid 1px #f4f4f4;
    }

        #servicesPointer .checkbox-wrapper label {
            font-size: 20px;
        }

    #contactsPointer .checkbox-wrapper-2 label {
        font-size: 20px;
    }

    .services-wrapper .checkbox-wrapper label {
        font-size: 20px;
    }

    .space-wrapper .space-name p {
        font-size: 20px;
    }

    .menu-wrapper .menu-name p {
        font-size: 20px;
    }

    .extra-info-list-element .title-container h2 {
        text-align: center;
        font-weight: 200;
        line-height: 1;
        margin: 20px 0 0 0;
        font-size: 44px;
        font-family: "Roboto Condensed", sans-serif;
    }

    .extra-info-list-element a .download p {
        text-align: center;
        font-weight: 200;
        line-height: 1;
        margin: 0;
        font-size: 28px;
        font-family: "Roboto Condensed", sans-serif;
    }

    .col-md-2 {
        width: 20% !important;
    }

    .last {
        margin-bottom: 0px;
    }

    .global section {
        margin-bottom: 0px;
    }

    .services-grid-wrapper {
        margin-bottom: 20px;
    }

    .spaces-grid-wrapper {
        margin: 20px 0;
    }

    .menu-grid-wrapper {
        margin-bottom: 20px;
    }

    .overall-grid-wrapper {
        margin-bottom: 40px;
    }

    .button-holder.left {
        margin-top: -110px;
        margin-bottom: 60px;
        text-align: left;
    }

    .button.white {
        width: 120px;
        margin: 0;
    }

    .button.dark {
        width: 200px;
        margin: 0px 0 71px 0;
    }

    .global .title-wrapper h1 {
        font-size: 60px;
        font-weight: 300;
        line-height: 60px;
    }

    .global .title-wrapper p {
        font-size: 24px;
        font-weight: normal;
        line-height: 34px;
    }

    #menuPointer {
        border-right: solid 1px #f4f4f4;
        height: 200px;
    }

    #spacePointer .space-wrapper .space-image svg {
        top: -5px;
        height: 100%;
        width: 80px;
    }

    #spacePointer .space-wrapper .space-image img {
        top: 30px;
        height: 50px;
    }

    #spacePointer {
        border-right: solid 1px #f4f4f4;
        height: 200px;
        margin-bottom: 50px;
    }

    .extra-info-list-element {
        flex-direction: row;
    }

        .extra-info-list-element .title-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .extra-info-list-element .title-container h2 {
                font-size: 32px;
                margin: 0px;
            }

            .extra-info-list-element .title-container .additional {
                font-size: 14px;
                text-align: left;
                margin: 0 0 0 10px;
                line-height: 13px;
            }

        .extra-info-list-element a .download p {
            margin: 0;
        }

        .extra-info-list-element a .download p {
            font-size: 32px;
        }

    /* ----------------- CONFIRMATION STEP ----------------- */
    .confirmation-form {
        margin-top: 50px;
        padding-bottom: 50px;
    }

        .confirmation-form .content {
            flex-wrap: nowrap;
        }

            .confirmation-form .content > div {
                padding-left: 5%;
                margin-top: 0;
            }

        .confirmation-form h2 {
            padding-right: 20%;
            font-size: 32px;
        }

        .confirmation-form p {
            margin-top: 0;
            font-size: 24px;
            margin-bottom: 50px;
            padding-right: 5%;
        }

        .confirmation-form ~ .button-holder {
            justify-content: space-between;
            display: flex;
            flex-wrap: wrap;
        }

            .confirmation-form ~ .button-holder .button {
                width: 222px;
            }

    #confirmation-step {
        margin-bottom: 50px;
    }

    .input-row {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .margin-bottom {
        margin-bottom: 40px !important;
    }

    .profile .dropdown img.phone-lang-img {
        margin-left: 10px;
        display: inline-block !important;
    }
}

@media (min-width: 992px) {
    #steps-progress .steps-progress-item {
        width: 20%;
    }
}

@media only screen and (min-width:996px) {
    .profile .dropdown img.phone-lang-img {
        display: inline-block !important;
    }

    .display-mobile {
        display: none;
    }

    #steps-progress .steps-progress-item:not(.current-step) {
        display: inline-block;
    }

    #steps-progress .steps-progress-item {
        width: 20% !important;
    }

        #steps-progress .steps-progress-item .steps-progress-item-wrapper {
            padding-top: 15px;
        }

            #steps-progress .steps-progress-item .steps-progress-item-wrapper h1 {
                font-size: 22px;
            }
}

@media only screen and (min-width:1025px) {
    .overall-wrapper .space-wrapper .space-image, .overall-wrapper .menu-wrapper .menu-image {
        margin-top: 0px !important;
        max-height: 120px;
        height: 100%;
    }

    #spacePointer .space-wrapper .space-name p {
        margin: 10px 0 8px 0;
    }

    .confirmation-form h2 {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 12px;
    }

    #steps-progress .steps-progress-item .steps-progress-item-wrapper h1 {
        font-size: 24px;
    }

    .menu-grid-wrapper {
        padding-bottom: 40px;
    }
}

@media only screen and (min-width:1125px) {
    #steps-progress .steps-progress-item .steps-progress-item-wrapper h1 {
        font-size: 26px;
    }
}

/*
 * END CreateEvent.css
 ***/