* {margin: 0; padding: 0;}

header, section, footer, aside, nav, article, div { display: block; }


.center_text {text-align:center !important;}
.center_block {display: block; margin:0 auto; width:90%;}
.wd100 {width: 100%;}
.wd50 {width: 50%;}

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.buffer { clear:both; height:100%; }

.row  {display: table-row;}
.cell { display: table-cell;}

table {border: 1px solid #7f7f7f; border-collapse: collapse;}
table td {padding: 5px; vertical-align: top;}
.tab-line:hover {background-color:#f0f0f0;}
html{height:100%;padding:0;margin:0;}

body {font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 15px; color: #000000; background: #cfcfcf url('https://img4.goodfon.ru/original/1920x1200/4/37/gvozdiki-tsvety-vetochki-fon.jpg') fixed bottom center; margin:0; padding:0; height: 100%;}

a {color: #3C13AF;}
a:hover {color: #4C036E;}

img {max-width: 100%; margin: 5px auto;}

.menu_top {width: 100%; height: 40px; position: fixed; top:0; box-shadow: 2px 3px 7px rgba(0,0,0,0.5);
				font-size: 1.1em; font-weight:bold; z-index:999; background: #ffffff;}
.menu_top a.vision {float: left; height: 40px; width:150px; color:#ffffff; background:#000000; text-decoration:none;
					font-size:.9em; padding:0 5px; margin:0; text-align:center;}
.menu_top ul {list-style:none; margin:0 0 2px 0; padding:0; position: relative; display: inline-block;}
.menu_top ul li {display: inline-block;  margin:0; padding:0 5px; line-height: 40px; vertical-align:top; }
.menu_top ul li a{text-decoration: none; display: block; height: 100%; width:100%; }
.menu_top ul li:hover, .head_title .head_menu ul li:hover {background: #3C13AF; background: radial-gradient(circle,#D8D8D8,#3C13AF);}
.menu_top ul li:hover a {color: #ffffff; text-decoration: underline;}

.menu_top ul li ul { z-index: 999; background: #ffffff; padding:2px; border: 2px solid #3C13AF;}
.menu_top ul li ul li{display: block; background: #ffffff; height: 32px; line-height: 32px;  font-size: .8em; }
.menu_top ul li:hover ul li a {color: #3C13AF;}
.menu_top ul li:hover ul li a:hover {color: #ffffff;}

.menu_top .site_name {position: absolute; top: 0; right:10px; line-height: 40px;}

.menu_top .spoiler .text { display: none; text-align: left; border: none; background: #fafafa; box-shadow: 2px 3px 7px rgba(0,0,0,0.5); }
.menu_top .spoiler .name { display: block; height:40px; margin:0 .1em; padding:0 5px; line-height: 40px; border: none;}
.menu_top .spoiler .name span { display: inline-block; color:#3C13AF; text-transform: none; height:40px; padding:0 5px;  cursor:pointer;}
.menu_top .spoiler .name span:hover  { color:#ffffff; background: #3C13AF; background: radial-gradient(circle,#D8D8D8,#3C13AF);}
.menu_top .spoiler .name span:before { content:'\2630'; display: inline-block; padding: 0 5px;}


.bread_crumbs {list-style:none; margin:0; padding:0; position: relative; display: inline-block;}
.bread_crumbs li {display: inline-block; margin:0; padding:0;}
.bread_crumbs a {color:#ffffff; text-decoration: none; font-size: .6em; display:block; padding:3px;}
.bread_crumbs a:hover {color:#062270; background-color:#ffffff; text-decoration: none; font-size: .6em; display:block;}

textarea:focus, input:focus, select:focus {outline:none}
#search-top {display: inline-block;}
#search-input {cursor: pointer; background:#FFFFFF url('/images/search.png') 1px 1px no-repeat;margin:0;padding:6px;padding-right:0;padding-left:28px;color:#151515;width:1px;border:1px solid #7f7f7f;  }

.head_title {width: 100%; height: 125px; margin-top:40px; box-shadow: 4px 4px 10px rgba(0,0,0,0.7);
				text-align:center; font-size: .9em; font-weight:bold; z-index:998; padding: 20px 0 0 0;
				color:#ffffff; text-shadow: 1px 1px 1px #000000; position:relative; background: url('/images/razshar114.jpg');}
.head_title .head_name {position: relative; z-index: 900;}
.head_title h1 {font-size: 2.6em; margin:5px auto;}
h1.fixed {position: fixed; top: 40px; left: 0; width:100%; height: 22px; margin:0; text-align: center; background: url('/images/razshar114.jpg') #062270; z-index:900; font-size: 18px;}
.head_title .info {position: absolute; top:5px; right:10px; width:200px; z-index: 900; }
.head_title .info p {margin:10px 0; color: #cfcfcf;}
.head_title .info:hover p {color: #ffffff;}
#head-canvas {position: absolute; left: 0; top: 0; z-index: 800;}
.head_title .head_menu {position: absolute; top:5px; left:0px; width:220px; z-index: 900;}
.head_title .head_menu ul {list-style:none; margin:0; padding:0; position: relative; display: inline-block;}
.head_title .head_menu ul li {display: block; padding:5px;}
.head_title .head_menu ul li a{text-decoration: none; display: block; height: 100%; width:100%; color: #ffffff; font-size: 1.1em;}
.head_menu.fixed {position: fixed !important; top: auto !important; left: auto !important; right: 10px !important; bottom: 10px; text-align: right;}
.head_menu.fixed ul li {text-align: right;}
.block_index {position:relative; text-align:center; }
.sidebar {position: absolute; left: auto;  top: 250px; width: 200px;}

.home {border: none; margin: 0 auto; width: 100%; }
.col1 {width: 200px; padding: 3px;}
.col3 {width: 200px; padding: 3px;}

.col1 .spoiler .name {padding: 7px 0 7px 7px; margin: 3px auto; border-left: #062270 2px solid; border-bottom:none; border-top: none; border-right: none; font-size: 1.1em;}
.col1 .spoiler .name:hover {background-color: #062270; color: #ffffff;}
.col1 .spoiler .name span {text-transform: none;}
.col1 .spoiler .name span:after {content:' \2023'}
.col1 .spoiler .text {text-align: right;}
.col1 .spoiler .text .menu_link {padding: 7px 7px 7px 0; border-right:#062270 2px solid; border-left:none}

.col1 .sidebar1_menu {background-color: rgba(207,207,207,0.3); }
.col1 .sidebar1_menu.fixed {position: fixed; top: 90px; left: 10px; width:200px;}


.home .col2  .item {position: relative; width: 45%; height: 250px; border: 1px solid #062270; display: inline-block; overflow:hidden; background: #fafafa; padding:3px; box-shadow: none;}
.home .col2  .item h4 {display: block; width:100%; text-align:left; margin: 0; padding:5px; color: #062270; background-color: #fafafa; font-size:1.1em;}
.home .col2  .item a {text-decoration: none; color: #000000;}
.home .col2  .item a img {position: absolute; bottom:0; right:0; z-index:1; width: 30%; display:none; margin: 0;}
.home .col2  .item a:hover {color: #000000;}
.home .col2  .item p { font-size:1em; padding: 9px; line-height:1.1em; margin: 5px auto; text-align:left; z-index:2;}
.home .col2  .item:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.home .col2  .item:hover h4 {color: #ffffff; background-color: #062270;}
.home .col2  .uiedu:hover h4 {color: #ffffff; background-color: #067062;}
.home .col2  .item:hover a p {color: #4C036E;}

#block-for-slider {max-width: 800px; margin: 0 auto; padding: 0; max-height: 600px; overflow: hidden;}
#viewport {width: 100%; display: table; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
#slidewrapper { position: relative;	width: calc(100% * 4); top: 0; left: 0; margin: 0; padding: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;}
#slidewrapper ul, #slidewrapper li { margin: 0; padding: 0;}
#slidewrapper li {width: calc(100%/4); list-style: none; display: inline; float: left;}
.slide-img {width: 100%;}
#prev-btn, #next-btn {position: absolute; width: 30px; height: 30px; background-color: #fafafa; background: radial-gradient(#fafafa,#062270); border-radius: 50%; top: calc(50% - 15px);}
#prev-btn:hover, #next-btn:hover {cursor: pointer;}
#prev-btn {left: 10px;}
#next-btn {right: 10px;}
#nav-btns {position: absolute; width: 100%; top: 10px; padding: 0; margin: 0; text-align: center;}
.slide-nav-btn {position: relative; display: inline-block; list-style: none; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin: 3px;}
.slide-nav-btn:hover {cursor: pointer;}

.home .col3 .item {background: #fafafa; padding:3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); margin:10px auto;}
.home .col3 .item h4 {display: block; width: auto; text-align:left; margin: 0; padding:2px 2px 2px 5px; color: #ffffff ; background-color: #062270; background: linear-gradient(to right,#062270,#fafafa); font-size:1.1em;}
.home .col3 .item p {padding: 5px; margin: 2px auto;}
.home .col3 .item img {max-width: 100%;}
.home .col3 .item input {width: 95%; margin: 2px;}
.home .col3 .item .phone, .phone {display: none;}
.home .col3 .item textarea {width: 95%; margin: 2px; resize: none;}
.home .content h4 {width: auto;}
.feedback.fixed {position: fixed; top: 100px; right: 0; width:200px;}

.content {margin: 0 auto; max-width:1200px;}

.content h3 {display: block; margin: 0; padding:5px 2em; color: #ffffff; background-color: #062270; font-size:1.2em;}
.content h4 {display: block; width:90%; margin: 10px auto; padding:5px 2em; color: #ffffff; background-color: #476DD5; font-size:1.2em;}
.content h4 a {color: #ffffff; text-decoration: none;}
.h4list h4.fixed {position: fixed; top: 62px; left: 0; width:100%; margin:0; text-align: center; background-color: #476DD5; z-index:900;}
.content .item {position: relative; width: 200px; height: 250px; border: 2px solid #062270; display: inline-block; margin: 1px; overflow:hidden; background: #fafafa; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); padding:3px;}
.content .item h4 {display: block; width:100%; text-align:left; margin: 0; padding:5px; color: #062270; background-color: #fafafa; font-size:1.1em;}
.content .item a {text-decoration: none; color: #000000;}
.content .item a img {position: absolute; bottom:0; right:0; z-index:1; width: 30%; display:none; margin: 0;}
.content .item a:hover {color: #000000;}
.content .item p { font-size:1em; padding: 9px; line-height:1.1em; margin: 5px auto; text-align:left; z-index:2;}

.unions h5 {display: block; width:90%; margin: 5px auto; padding:5px 2em; color: #ffffff; background-color: rgb(80, 71, 213); font-size:1.1em;}
.unions h4 a:hover {color:#476DD5; background-color:#ffffff;}
.unions h3 a {color:#ffffff; text-decoration: none;}
.unions h3 a:hover {color: #062270; background-color: #FFFFFF;}

.content .item:hover h4 {color: #ffffff; background-color: #062270;}
.content .item:hover a p {color: #4C036E;}

.subcat {list-style:none; width:auto; background: #fafafa; padding: 10px;}
.subcat li {width:100%; margin: 3px auto;}
.subcat li a, a.menu_link {display: block; width: auto; text-decoration: none; color: #000000; padding: 7px 0 7px 7px; font-size: 1.1em; border-left:#062270 2px solid; }
.subcat li a:hover, a.menu_link:hover { background-color: #062270; color: #ffffff; }
a.menu_link {margin: 3px auto;}

.descr {margin:10px auto; background: #fafafa; padding: 10px; line-height:1.2em;}
.descr ul, .descr ol {padding: .5em 3em;}

.echo_list {margin:10px auto; background: #fafafa; padding: 10px;}
.echo_list .item {position: relative; width: 100% !important; height: auto !important; border: none !important; margin: 5px auto !important; overflow:hidden  !important; background: #fafafa  !important; box-shadow: none  !important; border-left: 2px solid #fafafa  !important;}
.echo_list .item:hover {border-left: 2px solid #062270  !important;}
.echo_list .item h4 {display: block  !important; width:100%  !important; text-align:left  !important; margin: 0  !important; padding:.2em 0 .2em .3em  !important; color: #062270  !important; background-color: #fafafa  !important;}
.echo_list .item h4:before {content: '\2714\00A0';}
.echo_list .item:hover h4 {color: #ffffff !important; background-color: #062270 !important;}
.echo_list .item a {text-decoration: none  !important; color: #000000  !important;}
.echo_list .item a img {position: absolute  !important; z-index:1  !important; width: 64px  !important; display:none ; margin: 0  !important;}
.echo_list .item a:hover {color: #000000  !important;}
.echo_list .item p { font-size:1em  !important; padding: 9px  !important; line-height:1.1em  !important; margin: 5px auto  !important; text-align:left  !important; z-index:2  !important; width:70%  !important;}

.unions_list_data {margin: 7px; padding: 5px; display: inline-block; width: 95%; max-width: 98% }
.unions_list_data h5 {margin: 5px auto; width: 80%;}
.unions_list_data .item_list a {text-decoration: none;}
.unions_list_data .item_list {display:table; border-bottom: 1px solid #7f7f7f; width: 85%; margin: 2px auto;}
.item_list .item_list_1, .item_list .item_list_2 {display: table-cell; vertical-align: top;}
.item_list .item_list_1 {width: 30%;}
.unions .subcat li a:hover span:nth-child(1) {color: #ffffff !important;}

.single {margin:10px auto; max-width: 50em; background: #fafafa; padding: 10px; }
.single h4 {display: block; margin: 0; padding: 5px 2em; color: #ffffff; background-color: #062270;}
.single h4.fixed {position: fixed; top: 62px; left: 0; width:100%;  text-align: center; background-color: #476DD5; z-index:900;}
.single h5 a {display: block; margin: 0; padding: 5px 2em; width: auto; color:#ffffff; text-decoration: none; background-color: #4C036E;}
.single h5 a:hover {background-color: #062270;}
.single p {font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.3em; padding: 5px; line-height:1.2em; margin: 10px auto; text-align:left;}
.single ul, .single ol {padding: .5em 3em; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:1.3em;}
.single ul ul {font-size:1em;}
.single table, .single table td, .single table td p {font-size: 1em; line-height: 1.1em;}
.single form {font-size:1.2em;}
.single form input {font-size:1.1em; max-width: 100%;}
.single form button[type=submit]  {font-size: 1.1em; padding: 0 5px;}
.single form.distance {font-size:1em; margin: 10px;}
.single form.distance input {font-size:1em; max-width: 100%;}
.single form.distance input[type=file] {font-size:.8em; max-width: 100%;}
.single form.distance input[type=submit] {width:100%; font-size: 1.3em;}
.single form.distance legend {text-align: center; font-size: 1.3em;}
.single form ol li {margin: 1em auto;}
.menu_catalog {display:list-item;}
.menu_catalog:hover {list-style: circle; color: #000000;}

.unions .single img[src^="/upload/images/unions/ico"] {height: 200px;}
.unions .single p:not([style]) {clear: both;}
.unions .single p {padding: 0; margin: 3px 0 0 0;}

.archive ol {margin: 15px; padding: 15px;}
#union label { display: block; margin: 10px;}
#union .check_loka {display: inline-block; width: 49%;}
#union button[type=submit] {font-size: 1.3em; width: 100%; margin: 30px auto;}


div.spoiler div.text { display: none; text-align: left; border-bottom: 2px solid #062270;}
div.spoiler div.name { display: block; border:#7f7f7f 1px solid; font-weight:bold; padding: 10px 0 10px 10px; margin:  10px auto 0px auto; text-align: left; }
div.spoiler div.name span { text-transform:uppercase; cursor:pointer;}
div.spoiler div.name strong { cursor:pointer; }
.spoiler .text table { font-size: .8em; border: 1px solid; border-collapse: collapse; }
.spoiler .text table td{ padding: 0 5px; border: 1px solid; }

.comment {margin:10px auto; max-width: 50em; background: #fafafa; padding: 10px;}
.comment h4 {display: block; margin: 0; padding: 5px 2em; color: #ffffff; background-color: #062270;}

.comment .gb_form form {width:100%; position: relative;}
.comment .gb_form textarea {width:50%; resize: none; font-size:1.7em;}
.comment .gb_form input {font-size:1.7em; border:1px solid #7f7f7f}
.comment .gb_form .fields {position: absolute; top:0; left:51%; width:40%; padding:5px 0;}
.comment .gb_form .fields p {font-size:1.2em; padding: 5px 0;}
.comment .fields .user {max-width:100%; background:#FFFFFF url('/images/user.png') 1px 1px no-repeat; padding-left:28px;}
.comment .fields .query {max-width:100%; background:#FFFFFF url('/images/query.png') 1px 1px no-repeat; padding-left:28px;}
.comment .submit {cursor:pointer; width:25%; position:absolute; right:0; bottom:-10px; background:#062270; color:#ffffff; text-transform:uppercase; font-size: 1.1em !important; padding: 5px 0;}

.comment .message {min-height:150px; margin: 10px auto; border: 1px solid #6D89D5; position: relative; overflow: hidden;}
.comment .message h5 {display: block; margin: 0; padding: 5px 2em; color: #ffffff; background-color: #6D89D5; font-size:1.2em;}
.datet {color:#cfcfcf; font-size:.7em;}
.comment .message:hover .autor {color: #6D89D5; background-color: #ffffff; padding: 5px; }
.comment .message p {font-size:1em; padding: 10px; line-height:1.1em; margin: 10px auto; text-align:left;}
.comment .message .gb_info {position: absolute; top:0; right: 0; width: 150px; font-size: .8em; border-left: 1px solid #6D89D5; height: 100%;}
.gb_info a {color:#000000; text-decoration: none;}
.gb_info a:hover {color:#3C13AF;}

.pages {width: 90%; margin: 10px auto; text-align: center;}
.pages a {display: inline-block; font-size:1.2em; width:1.8em; height:1.8em; line-height:1.8em; margin: 0 1px; background-color:#4C036E; color: #ffffff; text-decoration:none;}
.pages .cur_page, .pages a:hover {background-color:#062270;}

#top {cursor: pointer; display: none; font-size: 150%; position: fixed; right: 10px; bottom: 40px; width:64px; height:64px; background: url('/images/arrowup.png') top left no-repeat;}

.footer {text-align: center; font-size: .8em; margin: 20px auto 0 auto;}

.form {width: 240px; border: 1px solid; position: fixed; bottom:100px; right: 100px; box-shadow: 4px 4px 10px rgba(53,255,3,0.5)}

blockquote {font-size: .9em; font-style: italic; border-left: 3px solid #bbb; padding: 0 1em; background: #efefef; margin: 1em;}
blockquote p {margin: 0 !important; padding: 2px !important;}
blockquote:before {content: '\201C'; color: #bbb; font-size: 3em; line-height: 0.1em; margin-right: 0.2em; vertical-align: -.5em; }
blockquote > p:first-child {display: inline;}

.modal_div {width: 600px; height: 400px; border: 3px #062270 solid; background: #fafafa; position: fixed; top: 45%; left: 50%; margin-top: -200px; margin-left: -300px; display: none; opacity: 0; z-index: 1000; padding: 5px; overflow: auto; font-size: .9em; }
.modal_div h5 {font-size: 1.1em; margin: 0; padding: 5px 2em; margin-right: 20px; color: #ffffff; background-color: #062270;}
.modal_close {padding: 5px; position: absolute; top: 5px; right: 5px; cursor: pointer; display: block; background: #fafafa; color: red; font-weight: bold; }
#overlay { z-index:999; position:fixed; background-color:#000; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; }
.modal_div img:nth-child(1) {max-width: 30%;}
.modal_div p:not([style]) {clear: both;}

.boy {display:inline-block;width:16px;height: 16px;background:url('/images/boy.png'); margin:5px;}
.girl {display:inline-block;width:16px;height: 16px;background:url('/images/girl.png'); margin:5px;}

@media screen and (min-width: 1920px) {

	.block_index, .news {display: table-cell; vertical-align:top;}
}


@media screen and (max-width: 1190px) {
	.sidebar {width: auto; position: relative; text-align: center; top: auto; left: auto;}
}

@media screen and (max-width: 1152px) {
	.content {max-width: 800px;}
	.head_menu.fixed {display: none;}
}

@media screen and (max-width: 900px) {
	.menu_top { height: auto; position: relative; }
	.menu_top .site_name ul, .head_title .info  {display: none; }
	.head_title {margin-top:0; height: auto; padding: 0;}
	.head_title .head_menu { height: auto; position: relative; width: 100%; margin: 0 0 10px 0;}
	.head_title .head_menu ul li {display: inline-block;}
	h1.fixed {top: 0 !important;}
	.single h4.fixed, .h4list h4.fixed {top: 22px !important;}
	.home .news .item {height: auto !important; width: 90% !important;}
	.col1 {width: 17%;}
	.col2 {width: auto;}
	.col3 {width: 17%;}
	.feedback.fixed {position: fixed; top: 60px; right: 0; width:17%;}

}