/*sys*/

body {
    font-family: sans-serif;
}


/*reset form*/

input,
select,
textarea {
    border: 1px solid #b8b8b8;
    border-radius: 0;
    -webkit-border-radius: 0px;
    border-radius: 0;
    padding: 1px 5px;
    height: 40px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
}

textarea {
    min-height: 200px;
    padding: 8px 8px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat;
    /*background-position: 100% 50%;*/
    background-size: 30px auto, 100%;
    background-position: right -5px top 50%, 0 0;
}

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -1px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: all;
    transition-property: background-color, border;
    margin-right: 4px;
}

input[type=radio] {
    border-radius: 50%;
    margin-top: -4px;
}

input[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-color: #1e87f0;
    border-color: transparent;
    background-size: 30px auto;
}

input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-color: #1e87f0;
    border-color: transparent;
}

input:focus:not([type="checkbox"]):not([type="radio"]),
select:focus,
textarea:focus {
    outline: none;
    border-color: #70aae4;
    box-shadow: inset 0 0 3px -2px #117de9;
}


/*form blocks style*/

.le_form {
    display: block;
    overflow: hidden;
    margin: 10px 0;
    padding: 25px;
    color: #555;
}

.le_form_head {
    display: block;
    font-size: 150%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.le_shadow {
    box-shadow: 0 2px 10px rgba(94, 94, 94, 0.08);
    border: 1px solid #ececec;
}

.le_he .le_inp {
    margin-left: 300px;
}

.le_fl {
    font-size: 14px;
}

.le_he .le_fl {
    width: 290px;
    float: left;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.le_he,
.le_ve {
    margin-bottom: 25px;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 25px;
}

.le_ve .le_fl {
    margin-bottom: 3px;
    display: block;
}

.le_inp input:not([type="checkbox"]):not([type="radio"]),
.le_inp select,
.le_inp textarea {
    max-width: 100%;
    width: 100%;
}


/*le multi elements*/

.le_me label {
    display: block;
    padding-top: 8px;
}


/*Multi Element Horizontal*/

.le_meh label {
    float: left;
    margin-right: 10px;
}

.le_he {
    display: flex;
    flex-wrap: wrap;
}

.le_he .le_fl {
    min-width: 200px;
    flex: 40%;
    flex-grow: 1;
}

.le_he .le_inp {
    margin-left: 0;
    flex-grow: 1;
    /*растягиваться на свободное пространство*/
    min-width: 200px;
    flex: 60%;
}

.le_fl sup {
    color: red;
    font-size: 17px;
    font-weight: bold;
    padding-left: 2px;
}


/*buttons*/

[class^="le_btn"] {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 2px 1px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}

.le_btn {
    background-color: #f9f9f9;
    border-color: #c9c9c9;
    color: #444;
}

.le_btn:hover {
    background: #f3f3f3;
    border-color: #b5b5b5;
}

.le_btn_gr {
    background-color: #449d44;
    border-color: #398439;
}

.le_btn_gr:hover {
    background-color: #0a8f0a;
    border-color: #229322;
}

.le_btn_bl {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.le_btn_bl:hover {
    background-color: #286090;
    border-color: #204d74;
}

.le_btn_rd {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.le_btn_rd:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}


/*color-bl*/

._green {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


/*гамбургеры и крестики*/

#nav-icon6 {
    width: 60px;
    height: 45px;
    position: relative;
    transition-duration: 1s;
    margin: 48px auto 12px auto;
    cursor: pointer;
}

#nav-icon6 span {
    height: 9px;
    width: 60px;
    background-color: #337AB7;
    border-radius: 20px;
    position: absolute;
    transition-duration: .25s;
    transition-delay: .25s;
}

#nav-icon6 span:before {
    left: 0;
    position: absolute;
    top: -18px;
    height: 9px;
    width: 60px;
    background-color: #337AB7;
    content: "";
    border-radius: 20px;
    transition-duration: .25s;
    transition: transform .25s, top .25s .25s;
}

#nav-icon6 span:after {
    left: 0;
    position: absolute;
    top: 18px;
    height: 9px;
    width: 60px;
    background-color: #337AB7;
    content: "";
    border-radius: 20px;
    transition-duration: .25s;
    transition: transform .25s, top .25s .25s;
}

#nav-icon6.open span {
    transition-duration: 0.1s;
    transition-delay: .25s;
    background: transparent;
}

#nav-icon6.open span:before {
    transition: top .25s, transform .25s .25s;
    top: 0px;
    transform: rotateZ(-45deg);
}

#nav-icon6.open span:after {
    transition: top 0.4s, transform .25s .25s;
    top: 0px;
    transform: rotateZ(45deg);
}