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

:root {
  --color-fon-main: #fff; /*Цвет фона если не загрузится картинка*/
  --background-color1: #E43BAB; ; /*Цвет ссылки*/
  --background-color2:#eeeeee;/*Цвет полей формы*/
  --background-color3: linear-gradient(90deg, rgba(11, 181, 239, 0.9752275910364145) 0%, rgba(237, 48, 165, 0.9780287114845938) 100%); /*цвет кнопки*/
  --text-color1: #0E0E0E; /*Цвет заголовка*/
  --text-color3: #FFFFFF;/*фон формы*/
  --text-color4:#7a7878; /*текст на кнопках*/
  --font-family1:  "Roboto Condensed", sans-serif; /*Шрифт заголовка*/
  --font-family2:  "Roboto", sans-serif; /*Шрифт на кнопках*/
  --color-border: linear-gradient(#fff, #fff 0) padding-box,
    linear-gradient(to right, rgb(45 166 230), rgb(228 59 171)) border-box; /*Цветная обводка формы. При необходимости, поменяйте цначение цветов rgb*/ 

}

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

body {
  background: var(--color-fon-main); /*фон*/
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.standard-form{
  padding: 2em;
  border: 2px solid transparent;
  border-radius: 2em;
  background: var(--color-border);
}



/*Убираем лого*/

.gc-account-logo {
  display: none;
}

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


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


/*Заголовки вход, регистрация, смена пароля*/
h2.heder_text,
h2{
  font-family: var(--font-family1)!important;
  font-size: 30px!important;
  text-transform: uppercase;
  color: var(--text-color1)!important;
  font-weight:800!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);
  font-family: var(--font-family2)!important;
  text-transform: uppercase;
  padding:10px 10px!important;
  border: 1px solid var(--text-color4);
  border-radius:8px!important;
}


.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);
  text-decoration: none!important;
  background-color:transparent!important;
  border: 1px solid var(--text-color4);
  border-radius:8px;
  background:transparent!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  outline: none!important;
}

.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-color3);
  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;
}

/*Обратная связь*/
.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: var(--background-color2)!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:var(--background-color2)!important;
  border:none;
  padding-top: 7px;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family: var(--font-family1)!important;
  border-radius:8px!important;
  margin-bottom: 10px;

}

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

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

.talks-widget-button{
  background: var(--background-color3) !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;
  }
}