input, button, select, textarea {
    /*font-family: 'Segoe UI', sans-serif;*/
    font-family: 'Cera Pro';
    font-size: 14px;
    border: 1px solid #c5c5c5;
    font-weight: 100;

}
input:focus, button:focus, select:focus, textarea:focus{
    border: 1px solid var(--blue);
    outline: 0;
}
/* Label */
.label{
    display: block;
    padding-top: 5px;
    color: var(--grey);
}

/* Input */
.input{
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 14px;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    width: auto;
    border: 1px solid #ddd;
}
.input:disabled{background: #dedede;}
.input:-moz-read-only {background: #dedede;}
.input:read-only {background: #dedede;}

.input_bg_grey{
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
/*.input_size_small{
    padding: 5px 7.5px;
    font-size: 12px;
}*/
.input_size_large{
    padding: 13px 15px;
    font-size: 18px;
}

.input_width_40{width: 40px;}
.input_width_80{width: 80px;}
.input_width_120{width: 120px;}
.input_width_160{width: 160px;}
.input_width_240{width: 240px;}
.input_width_320{width: 320px;}
.input_width_full{width: 100%;}

.input_border-color_red{border: 1px solid var(--red);}
.input_border-color_green{border: 1px solid var(--green);}

.checkbox_border-color_red{outline: 1px solid var(--red);}

/* Input group */
.input-group{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-append{
    display: flex;
    margin-left: -1px;
}
.input-group__item{
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
    margin-left: -1px;
}
.input-group__item:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group__item:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}


/* Textarea */
.textarea{
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*border: 1px solid #c5c5c5;*/
    /*background-color: #fff;*/
}
.textarea_bg_grey{
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}
.textarea_size_large{
    padding: 13px 15px;
    font-size: 18px;
}
.textarea_br-color_red{
    border: 1px solid red;
}


/*
* Select
*/
.select {
    line-height: 1.5;
    width: auto;
    padding: 0 7.5px;
    padding-right: 20px;
    -webkit-appearance: none;
    background-color: rgb(255, 255, 255);
    background-image: url(/images/icons/select-arrow.png);
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    -o-border-image: initial;
    border-image: initial;
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: auto;
    font-size: 14px;
    height: 32px;
}

.select_width_full{ width: 100%;}
.select_width_80{ width: 80px;}
.select_width_120{ width: 120px;}
.select_width_160{ width: 160px;}
.select_width_240{ width: 240px;}
.select_width_320{ width: 320px;}

.select_disabled{opacity: .8;}
.select_br-color_red{ border: 1px solid var(--red);}
.select_br-color_green{ border: 1px solid var(--green);}


/* Модификаторы */
.text_lowercase{text-transform: lowercase;}
.text_justify{text-align: justify;}
.text_right{    text-align: right;}
.text_left{    text-align: left;}
.text_center{    text-align: center;}
.text_del {
    position: relative;
    text-decoration: none;
    color: #898f97;
    font-weight: 400;
}
.text_del:before {
    content: "";
    border-bottom: 1px solid #898f97;
    position: absolute;
    width: 100%;
    height: 50%;
    transform: rotate(-12deg);
}
.text_color_green{    color: var(--green);}
.text_color_grey{    color: var(--grey);}
.text_color_darkgrey{ color: var(--darkgrey);}
.text_color_red{    color: var(--red);}
.text_color_light-grey{color: silver;}
.text_grey{
    color:#666;
}
.text_strong{
    font-weight: 600;
}
.bg_blue{
    background: #007bff;
}
.bg_green{background: var(--green);}
.bg_grey{background: #f5f5f5;}
.bg_dark-grey{
    background: var(--darkgrey);
}
.bg_white{
    background: #fff;
}
.br_0{border-radius: 0;}
.br_2{border-radius: 2px;}
.br_3{border-radius: 3px;}
.br_4{border-radius: 4px;}
.br_5{border-radius: 5px;}
.br_6{border-radius: 6px;}

.mt_0{margin-top: 0;}
.mt_1{margin-top: 15px;}
.mt_2{margin-top: 30px;}
.mt_3{margin-top: 45px;}
.mt_4{margin-top: 60px;}

.mb_0{margin-bottom: 0;}
.mb_1{margin-bottom: 15px;}
.mb_2{margin-bottom: 30px;}
.mb_3{margin-bottom: 45px;}
.mb_4{margin-bottom: 60px;}

.ml_1{margin-left: 15px;}
.mr_1{margin-right: 15px;}

.shadow_sm{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}

/* text header */
.h1{font-weight: 600; font-size: 32px;}
.h2{font-weight: 600; font-size: 28px;}
.h3{font-weight: 600; font-size: 24px;}
.h4{font-weight: 600; font-size: 18px;}
.h5{font-weight: 600; font-size: 14px;}
.h6{font-weight: 600; font-size: 10px;}