/* === Импортируем шрифт === */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --color-fon-main: #Fff; /*Цвет фона если не загрузится картинка*/
    --background-color1: #8B9C78; /*Цвет ссылки*/
    --background-color3:  #8B9C78;/*цвет кнопки*/
    --text-color1: #222; /*Цвет заголовка*/
    --text-color3: #FFFFFF;/*фон формы*/
    --text-color4:#222; /*текст на правой кнопке*/
    --text-color5:#fff; /*текст на акцентной кнопке*/
    --font-family1: "Open Sans", serif; /*Шрифт Заголовков*/
    --font-family2: "Open Sans", serif; /*Шрифт текста*/  
    --border-radius:50px; /*Скругление углов у кнопок и полей формы*/

}

/*Фоновая картинка*/

body {
    background: url();/*Картинка фона*/
    background-color: var(--color-fon-main); /*фон*/
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

/*Виджет поддержки*/

.talks-widget-button{
    background: var(--background-color3) !important;
    color: var(--text-color5)!important;
}

/*выравниваем форму по центру*/
.gc-main-content.with-left-menu,
.logo.gc-account-logo{
    margin-left: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

a, a:hover{
    color:var(--background-color1)!important;
    font-weight:400!important;
}


/*Редактируем форму*/
.standard-form {
    border-radius:10px;
    background-color: var(--text-color3);
    font-family: var(--font-family1)!important;
}


/*Заголовки вход, регистрация, смена пароля*/
h2.heder_text,
h2{
    font-family: var(--font-family1)!important;
    font-size: 30px!important;
    color: var(--text-color1)!important;
    font-weight:700!important;

}

/*Работа с кнопками*/

.btn_register2,
.btn_vhod2{
    margin-bottom: 20px!important;
}

.btn_register2,
.btn_vhod2,
.btn_passvord,
.btn_vhod,
.btn_register,
button.btn.btn-primary,
.btn-link, 
.btn-link:active, 
.btn-link:focus, 
.btn-link:hover,
.btn-success{
    color: var(--text-color1)!important;
    font-family: var(--font-family2)!important;
    font-size: 16px!important;
    font-weight:500!important;
    padding:10px 10px!important;
    border: 1px solid var(--text-color4);
    border-radius:var(--border-radius)!important;
    min-width: 120px;

}


.btn_register2,
.btn_vhod2,
.btn_passvord,
.btn_register2:hover,
.btn_vhod2:hover,
.btn_passvord:hover,
.btn_register2:focus,
.btn_vhod2:focus,
.btn_passvord:focus,
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover
{
    color: var(--text-color1)!important;
    text-decoration: none!important;
    background-color:transparent!important;
    border: 1px solid var(--text-color4);
    border-radius:var(--border-radius)!important;
    background:transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: none!important;
    min-width: 120px;
}

.btn_vhod,
.btn_register,
.btn_vhod:hover,
.btn_register:hover,
.btn_vhod:focus,
.btn_register:focus,
.btn_vhod:active,
.btn_register:active,
button.btn.btn-primary,
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:hover{
    text-decoration: none!important;
    color: var(--text-color5)!important;
    border: 1px solid var(--background-color3)!important;
    background-color: var(--background-color3)!important;
    background:var(--background-color3)!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: none!important;
    margin-right: 10px;
    min-width: 120px;
}

/*Обратная связь*/
.os a {
    color: var(--background-color1)!important;
    text-decoration: none!important;
    font-family: var(--font-family1);
    font-size: 18px;
    font-weight:100;
}


/*Редактируем поля формы*/
.form-control  {
    height: 50px;
    font-family: var(--font-family1)!important;
    font-size: 15px!important;
    color: var(--text-color1)!important;
    font-weight:300!important;

}

/*Редактируем подсказки убираем картинки*/
.xdget-block .form-field input,
input.form-control{
    background:none; 
    background-color: #EEEEEE!important;
    border:none;
    padding-top: 7px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family: var(--font-family1)!important;
}

/*Делаем отступы полям*/
.xdget-block .pole_email .form-field  {
    margin-bottom: 0px!important;
}

.xdget-block .pole_pasvord .form-field  {
    margin-bottom: 30px!important;
}

.fa{
    font-family: "fontawesome"; 
}

/*Ставим новые иконки*/
.pole_email:before{
    content:"\f003";
    font-family: "fontawesome"; 
    color: #666666;
    position: relative;
    top: 37px;
    left: 15px;
    padding-top: 7px;
}

.pole_pasvord:before{
    content:"\f13e ";
    font-family: "fontawesome"; 
    color: #666666;
    position: relative;
    top: 36px;
    left: 15px;
    padding-top: 7px;
}

/*Поля для ввода пароля для сотрудников после отправки сообщения*/
.xdget-common-user-form .input-group.form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.xdget-common-user-form input.form-control {
    background:none; 
    background-color: #EEEEEE!important;
    border:none;
    padding-top: 7px;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family: var(--font-family1)!important;
    border-radius:var(--border-radius)!important;
    margin-bottom: 10px;

}

.btn-error {
    margin-bottom: 10px;
}

.xdget-loginUserForm.standard-form {
    padding: 15px!important;
}



/*Мобильная адаптация*/

@media(max-width:375px){
    .form-buttons{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .btn_passvord{
        margin-left:0!important;
        margin-top:10px;
    }


    h2.heder_text, h2 {
        font-size: 24px !important;
    }
}

/*Форма авторизованного пользователя*/

.xdget-loginUserForm.standard-form{
    padding: 15px;
}

@media(max-width:484px){
    .login-form.active-state .form-buttons,
    .xdget-loginUserForm.standard-form .form-buttons{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .login-form.active-state .btn_passvord,
    .xdget-loginUserForm  .btn.btn-link.pull-right{
        margin-left:0!important;
        margin-top:10px;
    }
}