:root{
    --b-feedback-color1:#999;     /*темно серый*/
    --b-feedback-color2:#f26122;  /*темно оранжевый*/
    --b-feedback-color3:#efeded;  /*светло серый*/
    --b-feedback-color4:#f7b395;  /*светло оранжевый*/
    --b-feedback-color5:#888;     /*текст формы, серый*/
    --b-feedback-color6:#2585e5;  /*темно синий*/
    --b-feedback-color7:#49b75e;  /*темно зеленый*/
    --b-feedback-color8:#f30c0c;  /*темно красный*/ 
}

.slam-easyform .modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .slam-easyform .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.slam-easyform .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.slam-easyform .modal .modal-header .title {
    margin: 0;
    font-size: 22px;
    display: inline-block;
}

.hide-formvalidation small.help-block {
    display: none !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

.slam-easyform .spinner,
.slam-easyform .spinner:hover {
    position: relative;
    color: transparent
}

.slam-easyform .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite
}
.slam-easyform {
    font: normal 16px/1.4 "Arial", sans-serif
}
.slam-easyform .hidden {
    display: none!important;
    visibility: hidden!important
}
.slam-easyform .form-group {
    margin-bottom: 15px
}
.slam-easyform .control-label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    color: var(--b-feedback-color5);
    font-weight: 500;
}
.slam-easyform .form-control {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #F7F7F7;
    background-image: none;
    border: 1px solid #EEE;
    border-radius: 2px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box
}
.slam-easyform .form-control:focus {
    /*border: 2px solid var(--b-feedback-color4);*/
    outline:  2px solid var(--b-feedback-color4);
    padding: 8px 12px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)*/
}
.slam-easyform [class*="col-xs"] {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}
.slam-easyform .row {
    margin-left: -15px;
    margin-right: -15px
}
.slam-easyform .row:before {
    content: " ";
    display: table;
    clear: both
}
.slam-easyform .col-xs-12 {
    width: 100%
}
.slam-easyform .col-xs-9 {
    width: 75%
}
.slam-easyform .col-xs-3 {
    width: 25%
}
.slam-easyform .radio-inline, .slam-easyform .checkbox-inline {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    padding-top: 2px;
    vertical-align: middle;
    font-size: 13px;
    color: var(--b-feedback-color5);
    font-weight: 500;
    cursor: pointer;
}
.slam-easyform .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}
.slam-easyform .btn:active, .slam-easyform .btn.active {
    /*outline: 0;*/
    background-image: none;
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)*/
}
.slam-easyform .btn:hover, .slam-easyform .btn:focus {
    color: var(--b-feedback-color1);
    text-decoration: none
}
.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary {
    background-image: none
}
.slam-easyform .btn:active, .btn.active {
    /*outline: 0;*/
    background-image: none;
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)*/
}
.slam-easyform .pull-right {
    float: right
}
.slam-easyform .pull-right {
    float: right!important
}
.slam-easyform .btn-primary {
    color: var(--b-feedback-color1);
    background-color: #fff;
    border-color: var(--b-feedback-color2);
}
.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus {
    color: var(--b-feedback-color1);
    background-color: #fff;
    border: 1px  solid var(--b-feedback-color3);

}
.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary {
    color: var(--b-feedback-color1);
    background-color: #fff;
    border-color: var(--b-feedback-color2);
}
.slam-easyform .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.slam-easyform .btn-primary {
    color: var(--b-feedback-color1);
    background-color: #fff;
    border-color: var(--b-feedback-color2);
}
.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary {
    background-image: none
}
.slam-easyform .btn-primary:hover,  .slam-easyform .open .dropdown-toggle.btn-primary {
    color: var(--b-feedback-color2);
    outline:none;
    background-color: #fff;
    border-color: var(--b-feedback-color3);
}
/*.slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active{
    color: var(--b-feedback-color1);
    outline:none;
    background-color: #fff;
    border-color: var(--b-feedback-color3);
}*/

.slam-easyform .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    position: fixed;
    right: -1px;
    top: 300px;
    z-index: 999;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid var(--b-feedback-color3);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    white-space: nowrap;
    padding: 12px 21px !important;
    outline: 0;
    font-size: 20px;
    line-height: 1.42857143;
    border-radius: 4px 0 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slam-easyform .btn i{
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
}
.slam-easyform .pull-right {
    float: right !important
}
.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}
.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
.slam-easyform button, .slam-easyform select {
    text-transform: none;
}
.slam-easyform button {
    overflow: visible;
}
.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.slam-easyform .close:not([disabled]):not(.disabled) {
    cursor: pointer;
}
.slam-easyform .modal-header .close {
    margin-top: -2px;
}
.slam-easyform .modal-header .close {
    margin-top: -2px;
}
.slam-easyform button.close {
    padding-top:24px;
    cursor: pointer;
    outline: none;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.slam-easyform .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    
}
.slam-easyform .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
.slam-easyform .close:hover, .slam-easyform .close:focus {
    color: var(--b-feedback-color2);
    text-decoration: none;
    cursor: pointer;
}
.slam-easyform .fade.in {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
}
.slam-easyform .modal {
    text-align: center;
}
.modal-open .slam-easyform .modal {
    overflow-x: hidden;
}
.slam-easyform .modal {
    display: none;
    overflow: auto;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.slam-easyform .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    background: none;
}
.slam-easyform .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.slam-easyform .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.slam-easyform .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.slam-easyform .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0;
}
.slam-easyform .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.slam-easyform .modal-header {
    padding: 15px;
    border-bottom: 2px solid var(--b-feedback-color2);
    min-height: 16.42857143px;
}
.slam-easyform .modal-body {
    position: relative;
    padding: 20px;
}
.slam-easyform .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.slam-easyform .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.slam-easyform .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.slam-easyform .modal .modal-header .title {
    margin: 0;
    font-size: 22px;
    display: inline-block;
}
.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline {
    color: #3c763d;
}
.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after {
    content: " ";
    display: table;
    clear: both;
}
@media (min-width:768px) {
    .slam-easyform .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px
    }
    .slam-easyform .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .slam-easyform .container {
        width: 750px
    }
    .slam-easyform .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }
}
@media (min-width:992px) {
    .slam-easyform .container {
        width: 970px
    }
}
@media (min-width:1200px) {
    .slam-easyform .container {
        width: 1170px
    }
}
.modal-open {
    overflow: hidden
}
.slam-easyform * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.slam-easyform .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline {
    color: #a94442
}
.slam-easyform .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox] {
    float: left;
    margin-left: -17px
}
.slam-easyform input[type=radio], .slam-easyform input[type=checkbox] {
    margin: 2px 0 0;
    margin-top: 1px 9;
    line-height: normal
}
.slam-easyform input[type=checkbox], .slam-easyform input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
.slam-easyform .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.slam-easyform .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.slam-easyform .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

/* GRASS */

.b-asterisk{
    font-size: 12px;
    font-weight: 400;
    color: #e62222;
    padding: 0px 1px 0 2px;
}
.b-feedback-title{
    font-size:24px;
    color: #000;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
} 

.b-feedback-submit{
    display: inline-block;
    margin: 11px 0 9px 0 !important;
    font-size: 14px !important;
    padding: 12px 21px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    color: #fff;
    background-color:  var(--b-feedback-color2);
    border: 1px solid var(--b-feedback-color2);
    white-space: nowrap;   
    line-height: 1.42857143;
    border-radius: 2px;  
}
.b-feedback-submit:hover, .b-feedback-submit:focus{
    color:#fff;
    outline: none;
    background-color: var(--b-feedback-color6);
    border: 1px solid var(--b-feedback-color6);
}

.b-feedback-personal small{
    color:var(--b-feedback-color5);
    font-size: 13px; 
}

.b-feedback-personal a{
    color:var(--b-feedback-color2) !important;

}
.b-feedback-personal a:hover{
    color: #1d2029;
	text-decoration: none;
}
@media (max-width: 767px) {
  .b-hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .b-hidden-sm {
    display: none !important;
  }
}
.b-feedback-file-but-text{
    cursor: pointer;
    display: block;
    width: 100%;
    height: auto;
	color: var(--b-feedback-color2);
}