/*
    $color_1: #545454;
    $color_2: #F3953F;
    $color_3: #FFFFFF;
    $color_4: #CDCDCD;
    $color_5: #F3953F;
    $color_6: #535352;
    $color_7: #2E2E2E;
    $color_8: #F8F8F8;
    $color_9: #676A6C;
    $color_10: #E7EAEC;
    $color_11: #595959;
*/


body{
    color: #545454; /* $color_1 */
}

header h1{
    color: #F3953F; /* $color_2 */
}

header h2{
    color: #F3953F; /* $color_3 */
}

#logo img{
    width: 110px;
}

.separator{
    background-color: #F3953F; /* $color_2 */
}

.separator.grey{
    background-color: #CDCDCD; /* $color_4 */
}

.box-number{
    color: #F3953F; /* $color_2 */
}

.box-title{
    color: #F3953F; /* $color_5 */
}

.box-text{
    color: #535352; /* $color_6 */
}

.popup{
    background-color: #FFFFFF; /* $color_3 */
    border:1px solid #FFFFFF; /* $color_3 */
}

footer{
    background-color: #2E2E2E; /* $color_7 */
    color: #FFFFFF; /* $color_3 */
}

footer a{
    color:#FFFFFF; /* $color_3 */
}

.carousel-indicators li{
    background-color: #2E2E2E; /* $color_7 */
}
.carousel-indicators .active{
    background-color: #F3953F; /* $color_2 */
}

/* FORM */
.form-wrapper {
    background-color: #F8F8F8; /* $color_8 */
}

.form-wrapper .form-group {
    color: #676A6C; /* $color_9 */
}


.form-wrapper .form-group .form-control {
    border: 1px solid #E7EAEC; /* $color_10 */
}

.form-wrapper .form-group .form-control:focus {
    color: #676A6C; /* $color_9 */
    border-color: #E7EAEC; /* $color_10 */
}

.form-wrapper form .section-title {
    color: #595959; /* $color_11 */
}

.form-wrapper .form-check label {
    color: #676A6C; /* $color_9 */
}

.form-wrapper .form-check span:before {
    background-color: #FFFFFF; /* $color_3 */
    border:1px solid #676A6C; /* $color_9 */
}

.form-wrapper .form-check span:after {
    border-bottom: 3px solid #FFFFFF; /* $color_3 */
    border-left: 3px solid #FFFFFF; /* $color_3 */
}

.form-wrapper .form-check input[type=checkbox]:checked ~ span:before {
    background-color: #F3953F; /* $color_5 */
    border:1px solid #F3953F; /* $color_5 */
}

.btn-primary {
    background-color:  #F3953F; /* $color_5 */
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color:  #ca7528; /* $color_? */
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:hover {
    color: #FFFFFF; /* $color_3 */
    background-color:  #F3953F; /* $color_5 */
}

.form-wrapper form #submit-resp {
    color: #F3953F; /* $color_5 */
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
    .box-title{
        font-size: 15px;
    }
}