/********** Темный фон **********/
.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: 45px; height: 45px; background: #26438b; cursor: pointer; }
.cms_form_close:before { content: "\f00d"; position: absolute; z-index: 5; color: #fff; top: 0; left: 0; margin: 0px 0px 0px 0px; width: 45px; text-align: center; line-height: 45px; font-size: 17px; font-weight: normal; FONT-FAMILY: Font-Awesome; }
.cms_form_close:hover { transition: 0.2s; background: #fcf0c2; }
.cms_form_close:hover:before { transition: 0.2s; color: #333; }

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

/********** Контейнер формы **********/
.cms_form_body { padding: 15px 0px 25px 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: normal; FONT-FAMILY: OpenSans-Bold; }

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

/********** Input type text **********/
.cms_form_text { transition: 0.2s; outline: none; border: none; border: 1px solid #ccc; line-height: 41px; height: 42px; width: 100%; padding: 0 5%; margin-bottom: 13px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: OpenSans-Regular; COLOR: #333; TEXT-DECORATION: none; text-align: left; }
.cms_form_text:focus { transition: 0.2s; border: 1px solid #26438b; }

/********** Input type textarea **********/
.cms_form_textarea { transition: 0.2s; outline: none; border: none; resize: none; border: 1px solid #ccc; line-height: 18px; height: 100px; width: 100%; padding: 4% 5%; margin-bottom: 5px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: OpenSans-Regular; COLOR: #333; font-family: Arial; TEXT-DECORATION: none; text-align: left; }
.cms_form_textarea:focus { transition: 0.2s; border: 1px solid #26438b; } 
 
/********** Кнопки **********/
.cms_form_button_box { transition: 0.2s; border-top: 1px solid #ccc; cursor: pointer; color: #999; font-weight: normal; text-transform: uppercase; border: none; FONT-SIZE: 14px; FONT-FAMILY: OpenSans-Bold; }
.cms_form_button_duble { transition: 0.2s; padding: 25px 0px; width: 50%; float: left;  } /* Две кнопки */
.cms_form_button_duble.value { transition: 0.2s; background: #26438b; }
.cms_form_button_duble.value:hover { transition: 0.2s; background: #fcf0c2; }

.cms_form_button_duble:hover .but_ok { transition: 0.2s; color: #333; }
.cms_form_button_mono { padding: 25px 0px; width: 100%; float: left; } /* Одна кнопка */
.cms_form_button_duble .but_ok { transition: 0.2s; color: #fff; }
.cms_form_button_duble span { transition: 0.2s; }
.cms_form_button_duble:hover span { transition: 0.2s; color: #26438b; }

/********** Текст ошибки **********/
.cms_form_err { text-transform: uppercase; FONT-FAMILY: OpenSans-Bold; line-height: 16px;
FONT-WEIGHT: normal; 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%; }	
}

.cms_form_body label { font-family: Arial; font-size: 13px; color: #333333; }
input#personal_data { vertical-align: middle; }

a.personal_data_link:link, a.personal_data_link:link { color: #26438b !important; text-decoration: underline !important; /*-bottom: 1px solid #26438b; */}
a.personal_data_link:hover, a.personal_data_link:active { color: #26438b !important; text-decoration: none !important; border: none; }