@charset "utf-8";

/*************************************/
/** ОБЩИЙ СТИЛЬ ФОРМЫ ОБРАТНОЙ СВЯЗИ */
/*************************************/

/* Блок содержимого формы обратной связи */
.widg_feedback_form_description { display: block; margin: 15px 0; text-align: justify; }
.widg_feedback_warning_description { display: block; margin: 15px 0; color: #900; text-align: justify; }
.widg_feedback_form_content {  }
.widg_feedback_form_elements {  }
.widg_feedback_clarification { color: #666633; font-size: 14px; margin-bottom: 4px; }

/* Элементы формы */
.widg_feedback_form_content h3 { margin-bottom: 25px; text-transform: uppercase; color: #000; font-size: 22px;}
.widg_feedback_form_content fieldset {  }
.widg_feedback_form_content legend { font-weight: bold; }
.widg_feedback_form_content textarea.f_extra_small_textarea { width: 100%; height: 50px; resize: vertical; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content textarea.f_small_textarea { width: 100%; height: 100px; resize: vertical; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content textarea.f_textarea { width: 100%; height: 150px; resize: vertical; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content textarea.f_big_textarea { width: 100%; height: 250px; resize: vertical; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content input.f_text { width: 100%; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content input.f_numeric { width: 100px; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content input.f_kcaptcha { width: 120px; border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 5px; }
.widg_feedback_form_content select.f_select { min-width: 100%; border: 1px solid #ccc; margin: 5px 0 10px 0; }
.widg_feedback_form_content textarea .widg_feedback_form_content input .widg_feedback_form_content select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100% !important; }

/* Анимированный чекбокс */
.widg_feedback_form_content .f_switch_checkbox { vertical-align: top; margin: 0 3px 0 0; width: 17px; height: 17px; }  
.widg_feedback_form_content .f_switch_checkbox + label { cursor: pointer; }  
.widg_feedback_form_content .f_switch_checkbox:not(checked) { position: absolute; opacity: 0; }  
.widg_feedback_form_content .f_switch_checkbox:not(checked) + label { position: relative; padding: 0 0 0 40px; }  
.widg_feedback_form_content .f_switch_checkbox:not(checked) + label:before { content: ''; position: absolute; top: -2px; left: 0; width: 30px; height: 16px; background: #CDD1DA; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); border: 1px solid #999; }  
.widg_feedback_form_content .f_switch_checkbox:not(checked) + label:after { content: ''; position: absolute; top: 1px; left: 3px; width: 12px; height: 12px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: all .2s; }  
.widg_feedback_form_content .f_switch_checkbox:checked + label:before { background: #9FD468; }  
.widg_feedback_form_content .f_switch_checkbox:checked + label:after { left: 17px; }  
.widg_feedback_form_content .f_switch_checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5); }  

/* Надписи для элементов формы */
.widg_feedback_form_content .f_extra_small_textarea_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_small_textarea_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_textarea_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_big_textarea_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_text_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_numeric_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_kcaptcha_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }
.widg_feedback_form_content .f_select_label { display: block; font-weight: 14px; margin: 10px 0 0 0; }

/* Стиль для AJAX модуля вывода сообщений о неверно введенных данных в форму */
.widg_feedback_form_content .warn_color { background-color: #FEE; }
.widg_feedback_form_content .warn_message { font-size: 11px; color: #900;  display: block; margin: 4px 0; }
.widg_feedback_form_content .warn_message_base { font-size: 11px; color: #900;  display: block; margin: 4px 0; }
.widg_feedback_form_content .warn_message_indent { font-size: 11px; color: #900;  display: block; margin: 4px 0; }

/****************************************************************/
/* СТИЛЬ ПО УМОЛЧАНИЮ ДЛЯ ОБЫЧНОГО ВИДЖЕТА ФОРМЫ ОБРАТНОЙ СВЯЗИ */
/****************************************************************/
/* Блок содержимого формы обратной связи */
.default_widg_feedback_default_form_wrap { display: block; position: relative; margin: 0 0 40px 0; }
.default_widg_feedback_default_form_wrap > .widg_feedback_default_form_content { display: block; margin: 0 auto; max-width: 1200px; }
.default_widg_feedback_default_form_wrap .widg_feedback_default_form_elements {  }

/******************************************/
/* СПЕЦИАЛЬНЫЕ СТИЛИ КЛАССОВ-ОБРАБОТЧИКОВ */
/******************************************/
/* БЛОК EMAIL */
.default_widg_feedback_class_email_feedback_handler {}

/**********************************************************************/
/* СТИЛЬ ПО УМОЛЧАНИЮ ДЛЯ ВИДЖЕТА ФОРМЫ ОБРАТНОЙ СВЯЗИ ПО AJAX КНОПКЕ */
/* Блок с описанием формы и ajax-кнопкой */
.default_widg_feedback_ajax_form_button_wrap { display: block; position: relative; margin: 0 0 40px 0; }
.default_widg_feedback_ajax_form_button_wrap .widg_feedback_ajax_form_button {  }

/************************************************************************/
/* СТИЛЬ ПО УМОЛЧАНИЮ ДЛЯ ВИДЖЕТА ФОРМЫ ОБРАТНОЙ СВЯЗИ В МОДАЛЬНОМ ОКНЕ */
/************************************************************************/
/* Блок содержимого формы обратной связи */
.default_widg_feedback_ajax_form_wrap { display: block; position: relative; margin: 20px 0 10px 0; }
.default_widg_feedback_ajax_form_wrap > .widg_feedback_ajax_form_content { display: block; position: relative; margin: 0; padding: 0; width: 100%; }
.default_widg_feedback_ajax_form_wrap .widg_feedback_ajax_form_elements {  }

/************************************************/
/* ПРАВКИ СТИЛЕЙ ДЛЯ РАЗНЫХ СООТНОШЕНИЙ ЭКРАНОВ */
@media all and (max-width:1150px) 
{


}
@media all and (max-width:720px) 
{


}
@media all and (max-width:639px) 
{


}
@media all and (max-width:479px) 
{


}
@media all and (max-width:409px) 
{


}
@media all and (max-width:319px) 
{


}