/********** Темный фон **********/
.cms_form { position: fixed; z-index: 1000000; background: url("/pic/anketa/search-bg.png") repeat; width: 100%; height: 100%; }

/********** Контенер для выравнивания по высоте и ширине **********/
.cms_form_table { width: 100%; height: 100%; display: table; }
.cms_form_td { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; }

/********** Крестик **********/
.cms_form_close { position: absolute; z-index: 10; transition: 0.2s; top: 0; right: 0; width: 35px; height: 35px; background: #00a7ee; cursor: pointer; }
.cms_form_close:before { content: "\f00d"; position: absolute; z-index: 5; color: #fff; top: 0; left: 0; margin: 8px 0px 0px 10px; font-size: 18px; font-weight: normal; FONT-FAMILY: Font-Awesome; }
.cms_form_close:hover { transition: 0.2s; background: #008ecb; }

/********** Подложка **********/
.cms_form_box { display: inline-block; position: relative; background: #fff; padding: 30px 30px 0px 30px; font-size: 14px; width: 350px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/********** Контейнер формы **********/
.cms_form_body { padding: 15px 0px 20px 0px; color: #333; font-weight: normal; font-family: Arial; }

/********** Alert заголовок **********/
.cms_alert_title { padding: 5px 0px 20px 0px; color: #333; font-size: 14px; text-transform: uppercase; line-height: 20px; font-weight: bold; font-family: Arial; }

/********** Заголовок формы **********/
.cms_form_title { padding: 5px 0px 8px 0px; color: #333; font-size: 24px; line-height: 24px; font-weight: normal; font-family: Arial; text-align: left; }

/********** Input type text **********/
.cms_form_text { outline: none; border: none; border: 1px solid #ccc; line-height: 35px; height: 36px; width: 100%; padding: 0 3%; margin-bottom: 13px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; TEXT-DECORATION: none; text-align: left; }

/********** Input type textarea **********/
.cms_form_textarea { outline: none; border: none; resize: none; border: 1px solid #ccc; line-height: 18px; height: 100px; width: 100%; padding: 2% 3%; margin-bottom: 5px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; font-family: Arial; TEXT-DECORATION: none; text-align: left; }
 
/********** Кнопки **********/
.cms_form_button_box { border-top: 1px solid #ccc; cursor: pointer; color: #999; font-weight: bold; text-transform: uppercase; }
.cms_form_button_duble { padding: 25px 0px; width: 50%; float: left; } /* Две кнопки */
.cms_form_button_mono { padding: 25px 0px; width: 100%; float: left; } /* Одна кнопка */
.cms_form_box .but_ok { color: #00a7ee; }
.cms_form_button_duble:hover span { border-bottom: 2px solid #00a7ee; }  
.cms_form_button_mono:hover span { border-bottom: 2px solid #00a7ee; } 

/********** Текст ошибки **********/
.cms_form_err { text-transform: uppercase;
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ea523b; TEXT-DECORATION: none; text-align: left; }

/********** Выделение ошибочного поля **********/
.cms_input_err { border: 1px solid #ea523b; background: #ffffe0; }
 
@media screen and (max-width: 450px) {
	/********** Форма **********/
	.cms_form_box { font-size: 15px; width: 90%; }	
}