/*form*/
.btn {background: #365edc;
    border: 1px solid #365edc;
    height:44px; line-height: 44px; color: #fff; font-weight: bold;
    font-size: 14px; padding: 0 20px;
    border-radius: 3px; display: inline-block; text-align: center; text-decoration: none !important;}
.btn:hover {
    /*box-shadow: 0px 0px 10px rgba(45, 129, 190, 0.56);*/
    box-shadow: 0px 0px 10px rgba(54,94,220, 0.56);
}

.btn_style {
    height:44px; line-height: 44px; color: #fff;
    font-size: 14px;
    border-radius: 3px; display: inline-block; text-align: center; text-decoration: none !important;
    cursor: pointer;
    position: relative;
    z-index: 5;
    padding: 0px 20px;
    border: none;
    background: none;
    outline: none;
    vertical-align: top;
    font-weight: 600;
    transition: all .3s;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.btn_style:before {
    transition: background 1s, top .2s, bottom .2s;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #365edc 0%, #f1a617 50%, #f1a617 60%, #365edc 100%);
    background-size: 200% auto;
    border-radius: 3px;
}
.btn_style:after {
    opacity: .65;
    z-index: -2;
    right: 0;
    height: 100%;
    left: 0;
    top: 3px;
    transition: all 1s;
    -webkit-filter: blur(5px);
    -ms-filter: blur(3px);
    filter: blur(5px);
    border-radius: 3px;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #365edc 0%, #f1a617 50%, #f1a617 60%, #365edc 100%);
}
.btn_style:before, .btn_style:after {
    content: '';
    position: absolute;
}
.btn_style:hover:before {
    background-position: right center;
}
.btn_style:hover:after {
    opacity: .85;
    background-position: right center;
}


.btn_white {background:#fff; border: 1px solid #365edc;
    height:44px; line-height: 44px; color: #365edc; font-weight: bold;
    font-size: 14px; padding: 0 20px;
    border-radius: 3px; display: inline-block; text-align: center; text-decoration: none !important;}
.btn_white:hover {background: #365edc; color: #fff;
    box-shadow: none;}
/*
.btn_white:after {
    content: '';
    position: absolute;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    bottom: -4px;
    height: 120%;
    left: -30%;
    -webkit-transform: skewX(-55deg);
    transform: skewX(-55deg);
    z-index: -2;
    background: #365edc;
}
.btn_white:hover {color: #fff;
    box-shadow: none; background: transparent !important;}
.btn_white:hover:after {width:160%;}
*/

.fld_row input[type=text]{background: #FFFFFF; height:44px; line-height: 44px; font-size: 14px; padding: 0 15px;
    border: 1px solid #B2B2B2; width: 300px;}
.fld_row textarea {background: #FFFFFF; height:44px; line-height: 20px; font-size: 14px; padding: 15px;
    border: 1px solid #B2B2B2; min-height: 100px; width: 100%;}
.fld_row select {background: #FFFFFF; height:44px; line-height: 44px; font-size: 14px; padding: 0 15px;
    border: 1px solid #B2B2B2;}
input[type=text].input_error, input[type=password].input_error, textarea.input_error, select.input_error {border: 1px solid #E55555;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border: 1px solid #365edc;}
.input_error_text {color: #E24545; line-height: 29px; display:block;}
.fld_row {margin-bottom: 20px; max-width: 300px;}
.fld_row label {display: block}
.fld_row.fld_soglasie {display: flex}
.fld_checkbox {margin-left: 10px;}
.fld_req {color: #365edc; margin-left: 5px;     font-size: 21px;
    line-height: 16px;}



.success_add_form {background: #f1ffe3; border: 1px solid #ddffcb; padding: 10px; border-radius: 5px; max-width: 300px;}
.error_add_form {background: #ffe2e7; border: 1px solid #ffc5c5; padding: 10px; border-radius: 5px; margin-bottom: 10px; max-width: 300px;}
.error_add_form p {margin: 0px;}

.preload-active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    z-index: 99;
}
.preload-active:after {
    content: '';
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='8' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23313D50'%3e%3ccircle cx='15' cy='15' r='15'%3e%3canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3e%3canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3ccircle cx='105' cy='15' r='15'%3e%3canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 99;
}