/*   
Theme Name: COZD
Description: Тема для Центра ОЖД
Author: Юрий
Version: 1.1
*/

/*-----------------------------------------------------------------------------------*/
/*	Базовые вещи
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: sans, sans-serif;
	vertical-align: baseline
}

::selection { background-color: #fcc }

img { height: auto }

h1 {
	font-size: 28px;
	padding: 10px 20px;
	color: #333
}

h2 {
	font-size: 20px;
	margin: 10px 0
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	font-size: 11px
}

sup { bottom: 1ex }

sub { top: .5ex }

a {
	text-decoration: none;
	color: #22c
}

a:hover { text-decoration: underline }

a:focus { outline: none }

strong:after { content: "" }

body {
	min-width: 850px;
	margin: 0 auto;c
	line-height: 1.5
}

.button_button--blue {
  min-width: 100px;
  font-family: inherit;
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676d7;
  color: #fff;
  padding: 8px 16px;
  font-size: 1rem;
  cursor: pointer;
}

.button_button--blue:hover {
  background: #1d49aa;
}

.right {
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	box-sizing: content-box;
	position: fixed;
	height: 40px;
	width: 40px;
	bottom: 40px;
	right: 25px;
	z-index: 1;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	display: none;
	transform: scale(1);
	transition: .2s
}

.right img {
	padding-top: 12px;
	position: relative;
	opacity: .5;
	max-width: 16px
}

.right:hover {
	background: #eee;
	transform: scale(1.2);
	transition: .2s
}

.right:hover img { opacity: .7 }

p {
    padding: 5px 0;
    min-width: 100px
}

.info {
    user-select: none;
	text-align: center;
	vertical-align: baseline;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 2px 6px;
	border-radius: 100%
}

.info:hover {
	color: #fff;
	background-color: #555
}

.alignleft {
	float: left;
	padding: 0 20px 10px 0;
	max-width: 100%;
	display: block
}

.alignright {
	float: right;
	padding: 0 0 10px 20px;
	max-width: 100%;
	display: block
}

.aligncenter {
	float: none;
	margin: 0 auto;
	max-width: 100%;
	display: block
}

.wp-video { margin: 10px auto }

ul {
	display: block;
	position: relative
}

blockquote {
    margin: 10px 0 10px 40px;
    border-left: 5px solid #22c;
    padding: 5px 15px;
    font-size: 130%;
	overflow: hidden
}

.warnings {
    margin: 10px 0 10px 40px;
    border-left: 5px solid #22c;
    padding: 5px 15px;
	overflow: hidden
}

.grecaptcha-badge { display: none }


/*-----------------------------------------------------------------------------------*/
/*	Заголовок
/*-----------------------------------------------------------------------------------*/

#logo img { 
    top: 5px;
    left: 15px;
    position: relative
}

header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

#navigation  {
	height: 70px;
	float: right
}

#navigation ul { float: left }

#navigation li {
	margin: 0 1px;
	list-style: none;
	float: left
}

#navigation li a {
	color: #333;
	display: block;
	padding: 32px 25px 26px;
	border-bottom: 0px solid #fff;
	transition: .1s
}

#navigation li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #22c;
    transition: .1s
}

#navigation .current-menu-item a { border-bottom: 3px solid #22c }

/*-----------------------------------------------------------------------------------*/
/*	Основная часть
/*-----------------------------------------------------------------------------------*/

#page, #page_home {
	min-width: 800px;
	margin: 0 auto;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	position: relative
}

#page { max-width: 1500px }

#page_home { max-width: 1200px;
             background-color: #f7f7f7
}

#page-category {
	margin-bottom: 20px;
	min-height: 450px;
	overflow: hidden;
	text-align: center
}

#page-instr {
	padding: 15px 10px 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#page-instr a:hover { text-decoration: none }

#single {
	border: 1px solid #eee;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
	margin: 25px auto 15px;
	width: 80%;
    max-width: 1250px
}

.title h1 {
	border-radius: 3px 3px 0 0;
	background-color: #f3f3f3
}

#mail {
	transition: .2s;
	transform: scale(1);
	font-size: 18px;
	margin-top: 10px;
	color: #333;
	float: right
}

#mail:hover {
	transition: .2s;
	transform: scale(1.3);
	text-decoration: none;
	color: #000
}

.slider-home {
	border-bottom: 1px solid #eee;
	margin: 0 0 20px
}

.post-info {
	overflow: hidden;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	padding: 5px 15px
}

.post-info a { color: #22c }

.l-post-info { float: left }

.r-post-info { float: right }

.r-post-info img {
	position: relative;
	top: 2px
}

.cont {
    padding: 10px 20px 0;
	box-sizing: content-box;
    margin: 0 auto
}

.cont li { margin-left: 30px }

.cont a { color: #22c }

.cont img { max-width: 100% }

#center-page #page-category {
    max-width: 1450px;
    margin: 0 auto
}

#page-category a { text-decoration: none }

#left-page {
	border-right: 1px solid #eee;
	float: left;
	width: calc(100% - 351px)
}

#description { margin: 0 15px }

#description ul, #description ol { margin-left: 45px }

.feedback {
    max-width: 850px;
    margin: 10px auto;
}

#feedback-title {
	user-select: none;
	max-width: 280px;
	margin: auto;
	text-align: center;
	padding: 10px 30px;
	background-color: #b22;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer
}

.feedback-content {
	display: none;
	margin: 0 auto
}

#feedback-title:hover, .wpcf7-:hover { background-color: #a22 }

div.wpcf7 .ajax-loader { width: 0 }

.textwidget .feedback { margin: 25px 0 10px }

.feedback-left {
	margin-left: 10%;
	float: left;
	position: relative;
	width: 50%
}

.feedback-right {
	float: left;
	position: relative;
	width: 40%
}

.feedback-bottom {
	clear: both;
	text-align: center;
	padding-top: 10px
}

.feedback .center { margin-top: 5px }

.zap_spec a {
	user-select: none;
	text-align: center;
	margin: 0 auto 10px;
	display: block;
	max-width: 340px;
	padding: 10px 0;
	background-color: #b22;
	border-radius: 0 0 5px 5px;
	color: #fff;
	cursor: pointer
}

.zap_spec a:hover {
	text-decoration: none;
	background-color: #a22
}

.center {
	display: block;
	margin: 0 auto;
	text-align: center
}

.center-logo { text-align: center }

.center-logo img {
	max-width: 300px;
	margin: 15px 45px;
	vertical-align: middle
}

.clear { clear: both }

.title-map { text-align: center }

.title-map a:hover { text-decoration: none!important }

#content-page {	min-height: 350px }

.cat-description {
	text-align: left;
	padding: 0 20px 10px
}

/*-----------------------------------------------------------------------------------*/
/*	обратная связь
/*-----------------------------------------------------------------------------------*/

html .formcraft-css.align-left .fc-form { margin-left: 0 }

html .formcraft-css {
	max-width: 338px;
	display: block;
	margin: 0 auto
}

/*-----------------------------------------------------------------------------------*/
/*	Раздел новости
/*-----------------------------------------------------------------------------------*/

#news {
	max-width: 1050px;
	margin: 0 auto 25px;
	text-align: left
}

.title_news {
	text-align: center;
	font-weight: bold;
	font-size: 28px
}

.time {
	font-size: 80%;
	font-style: italic
}

.excerpt_news {
	border: 1px solid #bbb;
	border-radius: 4px;
	max-width: 100%;
	margin: 10px;
	box-sizing: content-box;
	padding: 10px 15px
}

.excerpt_news, .excerpt_news a { color: #999 }

.red_line { border-left: 3px solid #22c }

.red_line, .red_line a { color: #000 }

.excerpt_news .title {
	font-weight: bold;
	font-size: 16px
}

.excerpt_news .text { color: #333 }

.excerpt_news .text p { padding: 0 }

.excerpt_news .text a {	border-bottom: 1px dashed #666 }

.excerpt_news .text a:hover {
	text-decoration: none;
	border-bottom: 1px solid #666
}

#news ul {
	list-style-type: square;
	margin-left: 20px
}

#news ol { margin-left: 20px }


/*-----------------------------------------------------------------------------------*/
/*	Превью записи
/*-----------------------------------------------------------------------------------*/

.excerpt {
	transition: .2s;
	display: flex;
	align-items: center;
	width: 330px;
	box-sizing: content-box;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 5px
}

.excerpt:hover {
	transition: .2s;
	box-shadow: 0 0 5px 5px rgba(200,200,200,.4)
}

.excerpt img {
	padding: 5px;
	max-width: calc(100% - 10px);
	vertical-align: middle
}

.excerpt .featured-thumbnail {
	float: left;
	width: 120px
}

.excerpt .title {
	float: left;
	text-align: center;
	padding: 5px 10px 5px 0;
	width: 200px;
	color: #333
}


/*-----------------------------------------------------------------------------------*/
/*	Картинки
/*-----------------------------------------------------------------------------------*/

.wp-caption {
	display: block;
	margin: 0 auto;
	max-width: 500px
}

.wp-caption p { margin: 0 }

.wp-caption a { height: 0 }

.wp-caption-text {
	margin: 0;
	padding: 0;
	text-align: center;
	font-style: italic
}

.post img.left, .post img.alignleft, .wp-caption.alignleft {
	margin: .3em 1.571em .5em 0;
	display: block;
	float: left
}

.post img.right, .post img.alignright, .wp-caption.alignright {
	margin: .3em 0 .5em 1.571em;
	display: block;
	float: right
}

.post img.center, .post  img.aligncenter, .wp-caption.aligncenter {
	margin: 18px auto 12px;
	display: block;
	position: relative;
	text-align: center
}

.image img {
	transform-origin: 50% 90%;
	max-width: 100%;
	border-radius: 4px;
    transition: .2s;
	transform: scale(1);
	border: 1px solid #d7d7d7
}

.image { position: relative }

.image:after {
	opacity: 0;
	transition: .2s;
	content: " ";
    background-color: rgba(0,0,0,.6);
	background-image: url("/icon/zoom.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	border-radius: 5px;
    position: absolute;
    bottom: 10px;
    right: 7px;
	padding: 0 10px 2px
}

.image:hover:after {
	opacity: 1;
	transition: .2s;
}

.wp-caption a, .gallery-item a { cursor: zoom-in }

.gallery-columns-3 dl:nth-child(1), .gallery-columns-3 dl:nth-child(5), .gallery-columns-3 dl:nth-child(8), .gallery-columns-7 dl:nth-child(1), .gallery-columns-7 dl:nth-child(13) { padding-left: 0.5% }

.gallery-columns-7 dl:nth-child(1), .gallery-columns-7 dl:nth-child(2), .gallery-columns-7 dl:nth-child(3), .gallery-columns-7 dl:nth-child(13), .gallery-columns-7 dl:nth-child(14), .gallery-columns-7 dl:nth-child(15) { width: 33%!important }
.gallery-columns-7 dl:nth-child(4), .gallery-columns-7 dl:nth-child(13) { clear: both }

.gallery-columns-7 dl:nth-child(4), .gallery-columns-7 dl:nth-child(5), .gallery-columns-7 dl:nth-child(6), .gallery-columns-7 dl:nth-child(7), .gallery-columns-7 dl:nth-child(9), .gallery-columns-7 dl:nth-child(10), .gallery-columns-7 dl:nth-child(11), .gallery-columns-7 dl:nth-child(12) { width: 25%!important }

.gallery-item img {
	border-radius: 4px;
	border: none!important;
	max-width: 94%;
	width: auto;
	max-height: 350px
}

.gallery { margin: 10px auto 15px!important }

#fancybox-title {
	transition-duration: .3s;
	opacity: 0
}

#fancybox-wrap:hover #fancybox-title {
	transition-duration: .3s;
	opacity: 1
}

#fancybox-title-over {
	min-height: 16px;
	font-size: 13px;
	padding-right: 45px!important;
}

#fancybox-title .download {
	border-left: 1px solid #999;
	position: absolute; 
	top: 0;
	bottom: 0;
	right: 0
}

#fancybox-title:hover { background-color: rgba(0,0,0,.5) }

#fancybox-title .download:hover { background-color: rgba(0,0,0,.3) }

#fancybox-title .download img {
	width: 16px;
	margin: calc(50% - 8px) 10px
}

#fancybox-content { box-shadow: 0 0 5px 5px rgba(10,10,10,.3) }

#fancybox-outer { box-shadow: none!important }

#fancybox-wrap { padding: 20px 0 20px 20px!important }

#fancybox-wrap img {
	max-width: 100%!important;
	max-height: 100%!important
}

#fancybox-left span:after, #fancybox-right span:after {
	display: none;
	color: #ddd;
	font-size: 36px;
	line-height: 1.2;
	text-align: center;
	padding-top: 1px
}

#fancybox-left span:after { content: "‹" }

#fancybox-right span:after { content: "›" }

#fancybox-left:hover span:after, #fancybox-left:hover span {
	display: block;
	left: 0!important
}

#fancybox-right:hover span:after, #fancybox-right:hover span {
	display: block;
	right: 0!important
}

#fancybox-left span:hover, #fancybox-right span:hover {
	background-color: rgba(0,0,0,.5);
	padding-right: 0
}

#fancybox-left span:hover:after, #fancybox-right span:hover:after { color: #fff }

#fancybox-left span, #fancybox-right span {
	background-image: none;
    background-position: 0;
	background-color: rgba(0,0,0,.4);
	top: calc(50% - 25px);
	left: 0;
	margin-top: 0;
	height: 50px;
	display: none;
	width: 50px
}

#fancybox-left span {
	border-radius: 50%;
	margin-left: 15px
}
	
#fancybox-right span {
	border-radius: 50%;
	margin-right: 15px
}

#fancybox-close:before {
	content: "×";
	display: block;
	float: right;
	margin: 2px 19px 0 0;
	color: #bbb;
	font-size: 36px
}

#fancybox-overlay:hover { cursor: zoom-out!important }

#fancybox-overlay:hover + #fancybox-wrap #fancybox-close:before, #fancybox-close:hover:before { color: #eee }

#fancybox-overlay:hover + #fancybox-wrap #fancybox-close { opacity: 1 }

#fancybox-close:hover {
	width: 70px!important;
	height: 65px!important;
	text-decoration: none;
	opacity: 1;
	transition: .2s;
	box-shadow: 0 0 5px 5px rgba(100,100,100,.2)
}

#fancybox-close {
	position: fixed!important;
	right: 0!important;
	top: 0!important;
	width: 65px!important;
	height: 60px!important;
	border: 0!important;
	border-radius: 0 0 0 60px!important;
	background: none!important;
	background-color: rgba(0,0,0,.7)!important;
	opacity: .7;
	transition: .2s;
	display: none!important
}

.fancybox-active::-webkit-scrollbar { width: 0 }

.fancybox-active {
	-ms-overflow-style: none;
	scrollbar-width: none
}

ul.related_post li {
	color: #666;
	font-size: 120%;
	padding: 5px 0
}

.related_post_title { font-size: 130% }

.wp_rp_content {
	border-left: 5px solid #22c;
	padding: 5px 0 0 25px;
	margin: 15px 10px 10px 30px
}


/*-----------------------------------------------------------------------------------*/
/*	Подвал
/*-----------------------------------------------------------------------------------*/

#copyrate {	background-color: #fafafa }

#copyrate .center {font-size: 110% }

#copyrate .center a:hover { text-decoration: underline }

.text-top {
	padding: 0 0 15px;
	background-color: #0653e1;
	color: #fff
}

.text-top a { color: #fff }

.text-top h3 {
	padding: 5px 0 5px 35px;
	font-size: 18px
}

.text-top h4, .text-top p { padding: 5px 0 5px 35px }

.text-top ul { padding: 5px 0 5px 50px }

.text-top li { margin-left: 25px }

.text-bottom {
	text-align: center;
	padding: 20px 0
}

.text-copyright {
    background: url(//ozd-center.ru/wp-content/themes/COZD/icon/footer.jpg) no-repeat;
	background-color: #fff;
    background-position: bottom center;
	background-size: 100%;
    height: 108px;
    font-size: 12px;
	padding: 0 15px
}

/*-----------------------------------------------------------------------------------*/
/*	Фильтр
/*-----------------------------------------------------------------------------------*/

.up-bottom {
	vertical-align: bottom;
	width: 100%;
	background-color: #eee
}

.up {
	outline: none;
	float: right;
	margin: 0 15px 10px
}

.up:hover { background-color: #f3f3f3 }

.search-top {
	text-align: center;
	padding: 8px 0 5px 15px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.search-top select {
	outline: none;
	margin-right: 5px;
	padding: 5px 8px;
	border-radius: 5px;
	border: 1px solid #ddd
}

.search-top button {
	background-color: #d22;
	padding: 7px 20px;
	border: none;
	color: #fff;
	border-radius: 5px
}

.search-top button:hover { background-color: #22c }

.map-pr {
	padding: 0 10px 0 15px;
	margin: 30px 5px 20px 20px;
	border-left: 4px solid #22c
}

.instr_menu {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center
}

.instr_menu li:first-child { border-left: 1px solid #eee }

.instr_menu li li:first-child { border-left: none }

.instr_menu li {
	margin-left: -5px;
	border-right: 1px solid #eee;
	display: inline-block
}

.instr_menu li a {
	color: #333;
	padding: 10px;
	display: block
}

.instr_menu li a:hover {
	background-color: #b7ccf7;
	text-decoration: none
}

.instr_menu li:hover ul { 
	display: block;
	background-color: #b7ccf7
}

.instr_menu li ul {
	padding-top: 1px;
	position: absolute;
	max-width: 200px;
	z-index: 1;
	display: none
}

.instr_menu li ul li {
	width: 100%;
	background-color: #fff;
	border: none;
	margin: 0;
}

.instr_menu li ul li a {
	padding: 7px 10px;
	border: 1px solid #eee;
	border-top: none
}

.instr_menu .current-menu-item, .instr_menu .current-menu-parent { background-color: #b7ccf7 }

#map {
	width: 90%;
	height: 500px;
	margin: 5px 10px 15px
}

/*-----------------------------------------------------------------------------------*/
/*	Поиск
/*-----------------------------------------------------------------------------------*/

#modal {
	opacity: .7;
	padding-right: 5px;
	float: right;
	border-bottom: none;
	transition: .5s
}

#modal:hover {
	text-decoration: none;
	border-bottom: 3px solid #22c;
    transition: .2s
}

#modal_search {
	display: none;
	position: fixed;
	width: 100%;
	height: 86px;
    z-index: 1;
    margin: 0;
    padding: 0
}

.icon_s {
	max-width: 24px;
	padding: 32px 10px 20px;
}

.modal_text {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	height: 86px;
	box-sizing: content-box
}

.modal_close {
    padding-top: 16px;
	height: calc(100% - 16px);
    width: 75px;
	box-sizing: content-box;
    text-align: center;
    font-size: 36px;
	color: #888;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	background-color: #fff
}

.modal_close:hover { background-color: #eee }

#search {
	width: 693px;
	margin: 23px auto 0
}

.ss {
	width: 500px;
	max-width: 500px;
	float: left;
	margin: 0;
	box-sizing: content-box;
	padding: 11px 10px;
	border-radius: 5px 0 0 5px;
	border-right: 0
}

.ssub {
	position: relative;
	left: -2px;
	border: 0;
	background-color: #22c;
	color: #fff;
	cursor: pointer;
	margin: 0;
	width: 150px;
	max-width: 150px;
	box-sizing: content-box;
	padding: 12px 10px;
	border-radius: 0 5px 5px 0;
	float: right
}

.ssub:hover { background-color: #b22 }


/*-----------------------------------------------------------------------------------*/
/*	Календарь запись
/*-----------------------------------------------------------------------------------*/

.appointments-pagination a {
    display: inline-block;
	border-radius: 5px
}

.appointments-wrapper .free { background-color: #48c048 }

.appointments-wrapper tfoot th,.appointments-wrapper thead th  { font-weight: bold }

.appointments-wrapper .mistape_caption { display: none }

.app_timetable {
	text-align: center;
	margin: 0
}

.appointments-pagination a, .appointments-pagination a:hover { background-image: none}

.appointments-pagination a:hover {	background-color: #f6f6f6 }

.appointments-confirmation-wrapper {
	max-width: 650px;
	margin: 0 auto
}

.appointments-confirmation-wrapper fieldset {
    border: none;
    text-align: center;
}

.appointments-confirmation-wrapper span { margin-top: 10px }

.app_services_dropdown_select select, .app_workers_dropdown_select select { margin-right: 0 }

.appointments-confirmation-wrapper fieldset div { text-align: left }

legend {
    min-width: 500px;
    max-width: 80%
}

.app-worker_description-location {
	user-select: all;
	max-width: 750px;
	margin: 0 auto;
	background-color: #dfd;
	border: 1px dashed #ccc;
	text-align: center;
	padding: 10px 0
}

.app-worker_description-location::selection { background-color: #ada }

.cont select {
	width: 450px;
	padding: 5px;
	border-radius: 5px
}

.app_services {
	text-align: center;
	margin-top: 15px
}

.app_monthly_schedule_wrapper thead, .app_monthly_schedule_wrapper tfoot { background-color: #eee }

.app_monthly_schedule_wrapper td p {
	font-size: 14px;
	margin-top: 7px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center
}

.appointments-list table td { height: auto }

.app_timetable .app_timetable_cell {
	font-size: 14px;
	padding: 7px 0;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	width: calc(25% - 2px)
}

.entry-contenttd.free, div.free:hover {	background-color: #4c4!important }

.app_workers { text-align: center }

.next a, .previous a {
	box-shadow: none;
	border-radius: 4px;
	border: 1px solid #ddd
}

.next a:hover, .previous a:hover { background-color: #fef6f6 }

fieldset span { font-weight: bold }

.app_services_dropdown_title, .app_workers_dropdown_title, .app_service_locations_dropdown_title, .app_provider_locations_dropdown_title { margin: 0 }

.headerSortUp:after { content: " ↓" }

.headerSortDown:after  { content: " ↑" }

.appointments-my-appointments table, .appointments-my-appointments, .appointments-all-appointments table, .appointments-all-appointments, .appointments-wrapper { width: 100% }

input, select {
	max-width: 300px;
	margin: 5px 0;
	outline: none;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 5px
}

input[type='button'], .wp-polls .Buttons {
	max-width: 300px;
	border: none;
	background-color: #d22;
	margin: 15px auto 5px;
	display: block;
	color: #fff;
	outline: none;
	font-size: 16px;
	padding: 10px 25px;
	border-radius: 5px
}

input[type='button']:hover { background-color: #22c }

textarea {
	margin: 5px 0;
	min-width: 300px;
	max-width: 300px;
	min-height: 140px;
	height: 165px;
	max-height: 270px;
	line-height: 1.8;
	outline: none;
	box-sizing: content-box;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px
}


/*-----------------------------------------------------------------------------------*/
/*	Кнопка отправить документы в Э-записи
/*-----------------------------------------------------------------------------------*/

.appointments-confirmation-wrapper fieldset .formcraft-css {
	margin: 0 auto;
	position: relative;
	display: block
}

.formcraft-css a {
	border-radius: 4px;
	text-align: center;
	display: block;
	padding: 5px 7px;
	background-color: #3b3;
	color: #fff;
	width: 300px
}

.formcraft-css a:before {
	content: "";
	width: 12px;
	height: 14px;
	display: block;
	position: absolute;
	background-image: url(/icon/clip.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 4px 0 0 40px
}

.formcraft-css a:hover {
	text-decoration: none;
	cursor: pointer;
	background-color: #393
}

/*-----------------------------------------------------------------------------------*/
/*	Маленькие экраны
/*-----------------------------------------------------------------------------------*/



@media (max-width: 950px) {
#left-page { width: 650px }
	
#sidebar { width: 300px }
}

/*-----------------------------------------------------------------------------------*/
/*	Тест
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	Страшно!!
/*-----------------------------------------------------------------------------------*/

.body_home {
	background-color: #444;
	color: #fff
}

.body_home #page_home {
	border-color: #999;
	background-color: #555
}

.body_home .excerpt_news {
	background-color: #494949;
	border-color: #888;
	color: #fff
}

.body_home .red_line { border-left-color: #22c }

.body_home .excerpt_news a { color: #d33 }

.body_home .excerpt_news .text a { border: none }

.body_home #feedback-title, .body_home .zap_spec a { background-color: #222 }

.body_home #feedback-title:hover, .body_home .zap_spec a:hover { background-color: #2a2a2a }

.body_home header {
	background-color: #333;
	border-bottom: none
}

.body_home .formcraft-css.align-left .fc-form {
	background-color: #555!important;
	color: #fff!important
}

.body_home .formcraft-css .fc-form .form-element.error-field .error { display: none }

.body_home .field-cover .button { background-color: #333!important }

.body_home .field-cover .button:hover { background-color: #222!important }

.body_home a { color: #eee }

.body_home .icon_s { filter: invert(100%) }

.body_home .text-top { background-color: #333 }

.body_home .text-copyright { display: none }

.body_home .modal_text { background-color: #666 }

.body_home .modal_close { background-color: #555 }

.body_home .modal_close:hover { background-color: #505050 }