.orders{

    font-size: 14px;
    color: #303030;

}

.orders > h2{
    margin: 0 0 40px 0;
}

.orders .form-inline{
    margin: 5px 0 10px 0;
    display: block;
}

.orders .form-textarea{
    margin: 25px 0 0 0;
}

.form_orders{
    display: block;
    background: #57aee5;
    border-radius: 6px;
    padding: 10px 0 40px 0;
    width: 900px;
    margin: 20px 0 50px 0;

}
.form_orders label{

    display: block;
    color: #fff;
    font-size: 14px;
    text-align: right;
    padding: 0 15px 0 0;
    width: 240px;
    float: left;
    font-weight: normal;
    line-height: 36px;
    height: 32px;

}

.form_orders label small{
    font-size: 10px;
    display: inline-block;
}

.form_orders .row strong{
    display: block;
    color: #fed86c;
    margin: 15px;
    font-size: 14px;
}

.form_orders input {
    background: #ffffff;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    color: #303030;
    text-align: center;
    font-size: 14px;
    min-width: 240px;
    width: auto;
    border: 0px;
}

.contacts_bot{
    padding: 20px;
}

.contacts_bot input, .contacts_bot textarea{
    width: 470px !important;
}

input[name="code"]{
    width: 200px !important;
}

.contacts_bot textarea{
    background: #ffffff;
    border-radius: 16px;
    height: 125px;
    color: #303030;
    border: 0px;
    resize: none;
    padding: 15px;
}

.notey{
    display: inline-block;
    background: #fed86c;
    border-radius: 3px;
    margin: 2px 4px 0 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 6px 0px 7px;

}

.error{
    color: #fed86c;
    margin:  0 0 0 6px;
}


.select2-container{
    margin: 0;
    background: url("/orders/img/arrow_down.png") no-repeat 94% 10px #fff;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    color: #303030;

}

.select2-dropdown-open .select2-choice {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-search input {
    margin: 5px 0 0 0;
}

.select2-container .select2-choice {

    display: block;
    height: 32px;
    padding: 0 0 0 0;
    overflow: hidden;
    position: relative;
    border: 0;
    line-height: 32px;
    color: #303030;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: none;
    text-align: center;
}

.select2-drop {
    background: #ffffff;
}

.select2-results .select2-result-label {
    font-size: 14px;
}

.select2-results .select2-highlighted {
    background: #57aee5;
    color: #fff;
}


.select2-container .select2-choice .select2-arrow {
    display: none !important;
}

.slider{
    width: 220px;
    display: block;
    position: relative;
    margin: 14px 0 30px 10px;
    float: left;
;

}

.slider_input{
    background: transparent !important;
    font-size: 16px !important;
    color: #ffffff !important;
    position: absolute;
    left: 220px;
    top: -11px;
    width: 100px !important;
    min-width: 100px !important;
    font-weight:bold;

}

.ui-slider .ui-slider-range {
    background: #fff;
}

.ui-slider-handle {
    border: 1px solid #fed86c !important;
    background: #fed86c  !important;
    font-weight: normal;
    color: #454545;
    border-radius: 50%  !important;
}

.ordersul{
    margin: 20px 0;
}

.has-error .form-control{
    background: rgba(251, 142, 143, .8);
}

.ordersul li{
    margin: 0 0 10px 0;
    counter-increment: step-counter;
}

.ordersul li::before {
    content: counter(step-counter);
    background: #fed86c;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;

}

.aclicked{
    height: 62px;
    line-height: 62px;
    position: relative;
    background: #57aee5;
    display: block;
    cursor: pointer;
    cursor: hand;
    margin: -7px 0 2px 0;
}

.aclicked h3{
    margin: 10px 20px 20px 55px;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;

}

.notclicked{
    border-bottom: 1px solid #fed86c;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 20px 5px 55px;
}

.aclicked .notey{
    position: absolute;
    background: #cacaca;
    left: 11px;
    top: 9px;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    display: block;

}

.aclicked h3::after {
    content: '';
    position: absolute;
    left: 46%;
    bottom: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;

}


.aclicked.active{
    background: transparent;
}

.aclicked.active h3{
    border-bottom: 1px solid #fed86c;

}

.aclicked.active h3::after {
    display: none;

}

.aclicked.active .notey{

    background: #fed86c;
    left: 11px;
    top: 9px;

}

.blockclicked{
    display: none;
    padding: 0 20px 20px 20px;
}
.blockclicked.active{
    display: block;
    background: #57aee5;
}

.pcatcha{
    width: 50%;
    color: #fff;
    font-size: 14px;
    padding: 0 0px 15px 17px;
}

.catch{
    float: left;
    margin: 0 10px 0 15px;
    border-radius: 6px;
}

em{
    float: left;
    margin: 5px 15px 0 20px;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    display: block;

}

.sub_orders{
    height: 42px;
    line-height: 42px;
    background: #fed86c;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    padding: 0 35px;
    border: 0px;
    margin: 30px 0 0px 0;
}

#ui-datepicker-div{
    z-index: 100 !important;
    background: #ffffff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f3bc27;
    background: #fed86c;
    color: #fff;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.top_notes{
    width: 900px;
    margin: 40px 0;
}


.note_required {
    color: #fff;
    text-align: right;
    padding: 15px 20% 15px 0px;
}


@media (max-width: 481px) {

    .form_orders {
        width: 100%;
    }

    .select2-container {
        width: 100% !important;
    }

    .form-inline {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .form_orders input {
        min-width: 100%;
        width: 100%;
    }

    .form_orders label {
        width: 100%;
        text-align: left;
        padding:  0 0 0 10px;
    }
    .contacts_bot input, .contacts_bot textarea {
        width: 100% !important;
    }

    .pcatcha {
        width: 100%;
        padding: 0 0px 5px 10px;
    }

    .catch {
        float: none;
        margin: 0 10px 15px 10px;
    }

    .note_required {
        padding: 15px;
    }

    .notclicked {
        margin: 5px 20px 0px 15px;
    }

    .contacts_bot {
        padding: 10px 20px;
    }


}