/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body, button, input, legend, select, textarea {
    font: 13px/18px verdana,sans-serif;
    color: #605f4b;
}
header {
    padding-top: 10px;
    background: url(../img/background-header.png);
    background-position: bottom center;
    height: 99px;
}
#intro {
    background: url(../img/intro-background.png) no-repeat;
    background-position: bottom center;
    color: #ffffff;
    margin-bottom: 60px;
}
#customer #intro, #thanks #intro {
    margin-bottom: 30px;
}

#alreadyCustomer .modal-dialog {
    width: 330px;
}

#intro .container {
    padding-top: 30px;
    padding-bottom: 40px;
    min-height: 250px;
}
#intro .row {
    position: relative;
}
#intro .diner-card {
    position: absolute;
    right: 0px;
    bottom: -40px;
}
#intro .btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 13px;
    color: #086cb5;
    background: #f7f7f1;
    background-image: -webkit-linear-gradient(top, #f7f7f1, #e8e8df);
    background-image: -moz-linear-gradient(top, #f7f7f1, #e8e8df);
    background-image: -ms-linear-gradient(top, #f7f7f1, #e8e8df);
    background-image: -o-linear-gradient(top, #f7f7f1, #e8e8df);
    background-image: linear-gradient(to bottom, #f7f7f1, #e8e8df);
    text-decoration: none;
}
#intro .btn:hover {
    background: #e8e8df;
    background-image: -webkit-linear-gradient(top, #e8e8df, #f7f7f1);
    background-image: -moz-linear-gradient(top, #e8e8df, #f7f7f1);
    background-image: -ms-linear-gradient(top, #e8e8df, #f7f7f1);
    background-image: -o-linear-gradient(top, #e8e8df, #f7f7f1);
    background-image: linear-gradient(to bottom, #e8e8df, #f7f7f1);

}
@media (max-width: 650px) {
    .col-xxs-12 {
        width: 100%;
    }
}

.questions {
    position: relative;
    margin-bottom: 50px;
}

    .questions .global-line {
        position: absolute;
        width: 60px;
        z-index: 2;
        top: -30px;
        left: 555px;
        background: url(../img/line.png);
        background-position: top center;
        height: 100%;
    }

    .question:nth-child(odd) .question-image {
        float: right;
        padding-left: 0px;
        padding-right: 0px;
    }
    .question:nth-child(even) .question-image {
        float: left;
        padding-left: 0px;
        padding-right: 0px;
    }
    .question {
        margin-top: 0px;
        background-color: #f7f7f1;
        margin-bottom: 100px;
    }
    .question:last-child {
        margin-bottom: 30px;
    }
    .question:last-child .line {
        top: 0px;
    }
    .question-text {
        background-color: #f7f7f1;
        padding: 0px 10px 30px 40px;
    }
    .question h2 {
        font-size: 13px;
        color: #605f4b;
    }
    .question h3 {
        margin-top: 15px;
        font-size: 18px;
        color: #605f4b;
    }
    .question .alert {
        padding: 7px;
        margin-left: -8px;
        margin-bottom: 7px;
    }
    .question .alert-dismissible .close {
        right: -3px;
    }
    .question label {
        font-size: 13px;
        color: #605f4b;
    }

    #alreadyCustomer .btn.btn-ok {
        background: #91cd07 !important;
    }
    .question .btn, #customer .btn, #alreadyCustomer .btn {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #ffffff;
        font-size: 13px;
        background: #ce2d10;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        border: none;
    }
    .question .btn:hover, #customer .btn:hover, #alreadyCustomer .btn:hover {
        color: #0059a2;
        background: #f7f7f1;
        background-image: -webkit-linear-gradient(top, #f7f7f1, #e8e8df);
        background-image: -moz-linear-gradient(top, #f7f7f1, #e8e8df);
        background-image: -ms-linear-gradient(top, #f7f7f1, #e8e8df);
        background-image: -o-linear-gradient(top, #f7f7f1, #e8e8df);
        background-image: linear-gradient(to bottom, #f7f7f1, #e8e8df);
        text-decoration: none;
    }

    .question:nth-last-child(1) .btn-next {
        display: none;
    }
    .question:nth-child(2) .btn-back {
        display: none;
    }
    .question .btn-continue {
        display: none;
    }
    .question:nth-last-child(1) .btn-continue {
        display:inline-block;
        padding-left: 30px;
        padding-right: 30px;
    }
    .btn-back {
        display:inline-block;
        font-size: 13px;
        margin-top: 10px;
        padding: 0px 25px 10px 30px;
    }

    .question .img-responsive {
        width: 100%;
    }

    .question .line {
        position: absolute;
        width: 60px;
        top: 30px;
        right: -15px;
        background: url(../img/line.png);
        background-position: top center;
        height: 100%;
        z-index:2;
    }
    .question .icon {
        position: absolute;
        width: 60px;
        overflow: hidden;
        top: -30px;
        right: -30px;
        z-index:3;
    }
    @media (min-width: 992px) {
        .btn-start {
            display: none;
        }
        .question:nth-child(odd) .icon {
            left: -30px;
        }
    }
    @media (max-width: 1200px) {
        .questions .global-line {
            left: 455px;
        }
    }
    @media (max-width: 991px) {
        #intro .container {
            padding-top: 0px;
        }
        #intro .diner-card {
            top: 0px;
        }
        .questions .global-line {
            left: 5px;
        }
        .question {
            position: relative;
            background-color: transparent;
            background: none;
            min-height: 100vh;
            margin-bottom: 50px;
        }
        .question .icon {
            left: 5px;
        }
        .question .line {
            left: 5px;
            top: 30px;
        }
        .question .question-text {
            padding-left: 60px;
        }
    }

#customer .btn, #thanks .btn {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background: #e83a0c;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d70200),color-stop(1,#e83a0c));
    background-image: -o-linear-gradient(bottom,#d70200 0%,#e83a0c 100%);
    background-image: -moz-linear-gradient(bottom,#d70200 0%,#e83a0c 100%);
    background-image: -webkit-linear-gradient(bottom,#d70200 0%,#e83a0c 100%);
    background-image: -ms-linear-gradient(bottom,#d70200 0%,#e83a0c 100%);
    background-image: linear-gradient(bottom,#d70200 0%,#e83a0c 100%);
}
#customer .btn:hover, #thanks .btn:hover {
    background: #ce2b10;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#9f0100),color-stop(1,#ce2b10));
    background-image: -o-linear-gradient(bottom,#9f0100 0%,#ce2b10 100%);
    background-image: -moz-linear-gradient(bottom,#9f0100 0%,#ce2b10 100%);
    background-image: -webkit-linear-gradient(bottom,#9f0100 0%,#ce2b10 100%);
    background-image: -ms-linear-gradient(bottom,#9f0100 0%,#ce2b10 100%);
    background-image: linear-gradient(bottom,#9f0100 0%,#ce2b10 100%);
    color: #ffffff;
}
#thanks .container.middle {
    margin-bottom: 50px;
}
footer {
    font-size: 13px;
    background: #959482;
    font-weight: bold;
}
footer .container {
    background: #959482;
    padding-bottom: 10px;
}
.footer-row {
    background-position: center top;
    background: url(../img/shadow_line.png) no-repeat center -1px;
    padding-top: 40px;
    padding-bottom: 30px;
}
footer a {
    text-decoration: underline;
    color: #efefe7;
}
footer a:hover {
    color: #3c3b34;
}
footer li {
    display: block;
}

footer li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #605f4b;
}
footer .tagline {
    text-align: right;
}
footer .tagtext {
    font-size: 16px;
    color: #efefe7;
    font-weight: bold;
    display: inline-block;
    line-height: 50px;
    vertical-align: top;
}
footer .tagline a {
    display: inline-block;
}

footer .logo_image {
    width: 150px;
    height: 50px;
    background-image: url(../img/logo.png);
    background-size: 150px 50px;
    background-repeat: no-repeat;

}

.cookie-free-bottom { height: 50px; }
.cookie-bar { position: fixed; min-height: 50px; background-color: #000000; bottom: 0px; width: 100%; opacity: 0.8; z-index: 4; }
.cookie-bar-image-left { float: left; margin: 5px 30px 5px 5px; }
.cookie-bar-image-right { float: right; margin: 5px 15px 5px 5px; }
.cookie-bar-text { font-family: Arial; text-align: center; font-weight: normal; font-size: 13px; color: #ffffff; padding: 15px 10px 10px 10px; }
.cookie-bar-text a { color: #ffffff; }