body {
    /* background: #f2edf3;*/
}

h1, h2, h3, h4 { font-size: 60px; font-weight: 900; font-family: 'Raleway', sans-serif; }
h4 {font-size: 30px}
p { font-size: 18px; line-height: 32px; }

ul {padding:0; margin:0;}
ul li {list-style:none;}

.page {max-width: 780px; z-index: 106; position:relative; }
.ui-timepicker-container {z-index: 999 !important;}
.page .card {
    padding: 40px;
}

.datepicker--cell.unavailable {
    background:#e74c3c !important;
    color: #fff !important;
}

.ui-state-disabled {
    position: relative;
}

.ui-state-disabled:not(.ui-datepicker-other-month):before {
    position: absolute;
    content: "";
    left: 20%;
    top: 50%;
    right: 0;
    border: 1px solid #e74c3c;
    border-radius: 15px;
    width: 70%;

    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.badge {
    padding: 10px;
}

.star{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII=');
    background-position:left -2px;
    display:block;
    width:20px;
    height:16px;
    line-height:16px;
    float:left;
    cursor: pointer;
    zoom:1;
}

.fullStar{
    background-position:left -59px;
}

.stars{
    overflow: hidden;
}

.tmp_es{
    background-position:left -21px;
}

.tmp_fs{
    background-position:left -40px;
}

.card {
    border: initial;
}

.standard-logo {
    position: relative;
    z-index: 105;
    margin: 40px 0 40px 0;
}

.btn.btn-primary {
    background: #c28227;
    border-radius: 0;
    border: none;
}

#more-persons {
    margin-bottom: -1rem;
}

/* Steps */
.step { display: none; }

a.btn.btn-primary {
    font-size: 22px;
    margin-bottom: 5px;
}

a.btn.btn-primary.persons {

}

#hero-unit {
    width: 100%;
    height: 350px;
    background-size: cover;
    position: absolute;
    top: 0; left: 0;
}

    #hero-unit .overlay {
        position: absolute;
        width: 100%; height: 100%;
        background: #333;
        opacity: 0.3;
        z-index: 101;
    }

    #hero-unit .overlay-image {
        position: absolute;
        width: 100%; height: 100%;
        top: 0; left: 0;
        z-index: 100;
        background-size:cover !important;
    }

.timeclick {
    display: block;
    padding: 15px;
    border: 1px solid #eee;
    width: 100%;
    max-width:200px;
    text-align: center;
    color: #000;
    font-size: 22px;
}

    .timeclick:hover, .timeclick.active {
        background: #0062cc;
        color: #fff;
        text-decoration: none;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }

        .overlay .bg {
            position: absolute;
            top: 0; left: 0;
            background: #333;
            opacity: 0.6;
            width: 100%; height: 100%;
        }

.messages { }

    .message {
        padding: 20px 10px;
        background: #f1f1f1;
        line-height: 22px;
    }

    .message label {
        font-style: italic;
        display: block;
    }

    .message-container {
        max-height: 100px;
    }

    .message.company {
        background: #2ecc71;
        color: #fff;
        text-align: right;
    }

.lds-facebook {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 99999;
    left: 50%;
    margin-left: -40px;
    top: 30%;
    margin-top: -40px;
}

.lds-facebook h3 {
    color: #fff;
    position: absolute;
    top: 80px;
    width: 600px;
    margin-left: -175px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

.radios input[type="radio"] {
    width: 30px;
    height: 30px;
}

.radios label {
    position: relative;
    top: -10px;
    margin: 0 30px 0 10px;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.font-size-small {
    font-size: 12px;
}

.finalize {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #f1f1f1;
    width: 100%;
    padding: 20px 0;
}

    .finalize input[type="submit"] {
        max-width: 300px;
        width: 100%;
        padding: 15px 0;
        font-size: 24px;
    }
        .finalize input[type="submit"]:disabled {
            background: #c28227;
            opacity: 0.5;
        }

@media screen and (max-width: 1024px) {
    .container {
        padding-left: 0; padding-right: 0;
    }
    .page .card {
        padding: 0 0 200px 0;
    }

    .place, .type {
        width: 100%;
        margin-bottom: 10px !important;
        padding: 12px 0;
    }

    .lds-facebook h3 {
        font-size: 40px;
        width: 300px;
        margin-left: -100px;
    }

    .overflow-scroll, .timeclick {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.invert-logo {
    filter: invert(100%);
}

/*  */
.timeslot {
    position: relative;
}

.disabled::after {
    border-bottom: 3px solid red;
    content: "";
    left: 8px; right: 8px;
    position: absolute;
    top: 50%;
    margin-top: -2px;

    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
    transform:rotate(-15deg);
}