@import "reset.css";
@import "calendar.css";

/*==================================
HEADER
==================================*/
header {
	min-height: 124px;
	position: relative;
	background: url("/assets/images/header_bg.png") no-repeat center 0;
}

header .right {
	width: 400px;
}

.logotype {
	float: left;
	width: 630px;
	color: #e4dcff;
	position: relative;
	padding-left: 140px;
}

.logotype a {
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	width: 125px;
	height: 124px;
}

.logotype div {
	font-size: 16px;
	padding: 20px 160px 0 0;
	text-transform: uppercase;
}

.logotype p {
	font-size: 24px;
	padding-top: 5px;
	font-family: "Nautilus", sans-serif;
}

.hphone {
	height: 61px;
	color: #d2e0ff;
	font-size: 16px;
	padding: 13px 0 0 60px;
}

.hphone span {
	display: block;
	font-size: 28px;
	padding-bottom: 5px;
	font-family: "PFDin-Reg", sans-serif;
}

.hcont span {
	float: left;
	display: block;
	font-size: 16px;
	line-height: 50px;
	font-family: "PFDin-Reg", sans-serif;
	width: 200px;
	height: 50px;
}

.hcont span:nth-child(1) a {
	color: #ffffff;
	display: block;
	padding-left: 61px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	height: 100%;
}

.hcont span + span {
	padding: 0;
	width: 200px;
	text-align: center;
}

.hcont span + span a {
	color: #d2e0ff;
	text-transform: none;
	text-decoration: none;
	font-family: "PFDin-Light", sans-serif;
}

/*--- feedback us modal ---*/
.feedback-modal {
	width: 520px;
	display: none;
	padding: 45px;
	background: #ffffff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.feedback-modal a.close-modal {
	z-index: 500;
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	background: rgba(247, 247, 247, 0.9) url("/assets/images/modal_close.png") no-repeat center;
}

.feedback-modal input, .feedback-modal textarea, .feedback-modal .ftop input {
	padding: 0 10px;
	margin-bottom: 9px;
	border: 1px solid #bfbfbf;
	width: 100%;
	height: 36px;
	max-width: 487px;
}

.feedback-modal .ftop input {
	float: left;
	width: 228px;
	margin-right: 9px;
}

.feedback-modal textarea {
	padding: 10px;
	min-height: 88px;
}

.feedback-modal button {
	border: 0;
	float: left;
	color: #ffffff;
	display: block;
	cursor: pointer;
	background: #3c7aec;
	text-transform: uppercase;
	width: 240px;
	height: 50px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.feedback-modal button:hover {
	color: #ffffff;
	cursor: pointer;
	background: #3168cd;
}

.feedback-modal .error {
	float: left;
	color: #8e3328;
	padding: 0 0 0 20px;
}

/*==================================
NAV
==================================*/
nav {
	height: 70px;
	position: relative;
	background: #eaebf3;
}

nav ul {
	width: 100%;
	display: table;
}

nav li {
	height: 70px;
	display: table-cell;
	border-right: 1px solid #b0b2c4;
}

nav li:first-child {
	border-left: 1px solid #b0b2c4;
}

nav li a {
	color: #57425a;
	display: block;
	padding: 0 25px;
	font-size: 14px;
	line-height: 70px;
	text-decoration: none;
	font-family: "PFDin-Med", sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

nav li a:hover, nav li.active a {
	background: #dadce8;
}

/*==================================
ASIDE
==================================*/
aside {
	float: left;
	width: 270px;
}

.ablock {
	margin-top: 45px;
}

.ablock h3 {
	color: #213552;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 25px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.ablock h3 a {
	text-decoration: none;
}

.ablock h3 a:hover {
	text-decoration: underline;
}

/*--- calendar ---*/
.calendar {
	overflow: hidden;
}

.calendar .cblock {
	overflow: hidden;
	padding-left: 3px;
}

.calendar .months {
	height: 16px;
	color: #4944b0;
	position: relative;
	text-align: center;
	margin-bottom: 5px;
	line-height: normal;
}

.calendar .months span {
	top: 3px;
	display: block;
	cursor: pointer;
	position: absolute;
	width: 7px;
	height: 15px;
	background: url("/assets/images/c_nav.png") no-repeat;
}

.calendar .months span.mprev {
	left: 14px;
}

.calendar .months span.mnext {
	right: 14px;
	background-position: 100% 0;
}

.calendar .day {
	float: left;
	color: #525e72;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	background: #eaebf3;
	margin: 0 3px 3px 0;
	width: 35px;
	height: 35px;
}

.day:not(:root:root) {
	line-height: 37px;
}

body:first-of-type .day {
	line-height: 37px;
}

.calendar .day.otherMonth {
	color: #c7cdd6;
}

.calendar .day.selected {
	color: #ffffff;
	cursor: pointer;
	background: #659bff;
}

.calendar .day.selected:hover {
	background: #3c7aec;
}

.calendar .day.selected a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

.calendar .dtitle .day {
	color: #8b97aa;
	background: none;
}

/*--- aside navigation ---*/
.bnav {
	position: relative;
	background: #ebebf3;
}

/*.bnav:before {
	content: '';
	display: block;
	position: absolute;
	width: 32px; height: 100%;
	top: 0; bottom: 0; left: 0;
	background: url(../images/bnav_bg.png) repeat-y 0 53px;
}*/

.bnav ul {
	width: 100%;
	background: url("/assets/images/bnav_shad.png") no-repeat 0 0;
}

.bnav ul li a {
	color: #57425a;
	display: block;
	position: relative;
	text-decoration: none;
	padding: 23px 20px 23px 55px;
	border-bottom: 1px solid #5c87c6;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.bnav ul li:first-child a:before, .bnav ul li:nth-child(3) a:before, .bnav ul li:nth-child(4) a:before, .bnav ul li:nth-child(6) a:before, .bnav ul li:nth-child(7n) a:before, .bnav ul li:nth-child(9n) a:before, .bnav ul li:nth-child(11n) a:before, .bnav ul li:nth-child(12n) a:before, .bnav ul li:nth-child(14n) a:before {
	content: "";
	z-index: 10;
	display: block;
	position: absolute;
	bottom: -18px;
	left: 0;
	width: 32px;
	height: 36px;
	background: url("/assets/images/bnav_bg.png") no-repeat;
}

.bnav ul li:last-child a {
	border-bottom: 0;
}

.bnav ul li a:hover {
	background-color: #dadce8;
}

/*--- aside news block ---*/
.an-item {
	padding-right: 10px;
	margin-bottom: 25px;
}

.an-item .an-date {
	float: left;
	color: #525e72;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	background: #eaebf3;
	margin: 5px 15px 0 0;
	width: 55px;
	height: 55px;
	border-bottom: 2px solid #d7d8e6;
}

.an-item .an-date span {
	color: #babfcb;
	display: block;
	font-size: 20px;
	line-height: 29px;
	border-top: 1px solid #d7d8e6;
}

.an-item a {
	color: #525e72;
	display: block;
	font-size: 17px;
	line-height: 22px;
	margin-left: 70px;
	text-decoration: none;
}

.an-item a:hover {
	color: #3c7aec;
}

/*==================================
RIGHT BLOCK CONTENT
==================================*/
.right-block {
	width: 870px;
	float: right;
}

/*--- slider block ---*/
.slide-block {
	overflow: hidden;
	margin: 0 0 35px -30px;
	width: 900px;
	height: 458px;
}

/*--- main top block ---*/
.main-top {
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
}

.last-news {
	color: #b89ae8;
	position: relative;
	width: 224px;
	height: 187px;
	padding: 30px 50px 30px 100px;
	background: url("/assets/images/last_news.png") no-repeat;
}

.last-news .ln-date {
	display: block;
	font-size: 39px;
	line-height: 39px;
	position: absolute;
	top: 105px;
	left: -27px;
	font-family: "Nautilus", sans-serif;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.last-news .title a {
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.last-news p {
	height: 95px;
	overflow: hidden;
	padding: 4px 0 6px;
}

.last-news .ln-more {
	color: #659bff;
	text-decoration: none;
}

.last-news a:hover {
	text-decoration: underline;
}

.mt-event {
	position: relative;
	background: #eaebf3;
	width: 235px;
	height: 201px;
	padding: 25px 210px 20px 25px;
}

.mt-event img {
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	width: 170px;
	height: 100%;
}

.mt-event span {
	color: #213552;
	display: block;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.mt-event p {
	height: 87px;
	padding: 20px 0;
	overflow: hidden;
}

.mt-event .mt-read {
	color: #ffffff;
	display: block;
	line-height: 50px;
	text-align: center;
	background: #3c7aec;
	text-decoration: none;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
	width: 215px;
	height: 50px;
}

.mt-event .mt-read:hover {
	background: #3168cd;
}

/*--- about school ---*/
.about-school {
	margin-top: 30px;
}

.about-school .left {
	width: 450px;
}

.about-school h2 {
	color: #213552;
	font-size: 20px;
	line-height: 14px;
	padding-bottom: 25px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.about-school .left p {
	padding-bottom: 25px;
}

.about-school .about-link {
	color: #ffffff;
	display: block;
	line-height: 51px;
	text-align: center;
	background: #659bff;
	text-decoration: none;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
	width: 215px;
	height: 50px;
}

.about-school .about-link:hover, .about-school .about-link:active {
	background: #3c7aec;
}

.about-school .right {
	width: 362px;
	margin-top: 43px;
	border-left: 8px solid #659bff;
}

.about-school .right img {
	display: block;
	width: 362px;
	height: 230px;
}

/*--- bredcrumds ---*/
.bredcrumds {
	color: #babfcb;
	font-size: 16px;
	padding: 10px 0 15px;
}

.bredcrumds span {
	color: #213552;
}

.bredcrumds a {
	color: #babfcb;
	text-decoration: none;
}

.bredcrumds a:hover {
	text-decoration: underline;
}

/*--- content titles ---*/
.ctitle {
	margin-bottom: 35px;
}

.ctitle h2 {
	color: #213552;
	font-size: 28px;
	line-height: 32px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

/*==================================
NEWS
==================================*/
.news-block {
	height: 150px;
	position: relative;
	background: #f6f6f9;
	margin-bottom: 20px;
	border-left: 8px solid #5c87c6;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.news-block:hover {
	cursor: pointer;
	background: #e1e3ed;
	border-color: #7e5eb2;
}

.news-block img {
	display: block;
	margin-right: 30px;
	width: 150px;
	height: 150px;
}

.news-block h3 {
	color: #213552;
	font-size: 20px;
	line-height: 14px;
	padding: 20px 0 15px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.news-block p {
	padding-right: 115px;
}

.nb-date {
	color: #525e72;
	font-size: 16px;
	top: 0;
	right: 0;
	line-height: 25px;
	text-align: center;
	position: absolute;
	background: #eaebf3;
	width: 55px;
	height: 55px;
	border-bottom: 2px solid #d7d8e6;
}

.nb-date span {
	color: #babfcb;
	display: block;
	font-size: 20px;
	line-height: 29px;
	border-top: 1px solid #d7d8e6;
}

.news-page {
	margin-top: -25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaebf3;
}

.news-page .np-date {
	color: #babfcb;
	margin-bottom: 20px;
}

.news-page p {
	font-size: 16px;
	padding-bottom: 20px;
}

.news-page img {
	height: 279px;
	display: block;
	margin: 0 auto;
}

.news-page blockquote {
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 10px 10px 10px 40px;
	border-left: 8px solid #5c87c6;
}

.news-page blockquote p {
	padding: 0;
	font-size: 18px;
}

.news-page q {
	display: block;
	padding: 10px 10px 10px 65px;
	background: #f7f7f7 url("/assets/images/quote.png") no-repeat 20px 14px;
}

/*--- pagination ---*/
.pagination {
	float: right;
}

.pagination a, .pagination span {
	float: left;
	color: #babfcb;
	display: block;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	background: #eaebf3;
	text-decoration: none;
	width: 35px;
	height: 35px;
}

.pagination a.active, .pagination a:hover {
	color: #ffffff;
	background: #5c87c6;
}

.pagination span.prev, .pagination span.prev a, .pagination span.next, .pagination span.next a {
	text-indent: -9999px;
	background: #d7d8e6 url("/assets/images/next_prev.png") no-repeat;
}

.pagination span.next, .pagination span.next a {
	background-position: 100% 0;
}

.pagination span.prev a, .pagination span.next a:hover {
	background-color: #5c87c6;
}

/*==================================
CONTACTS
==================================*/
.contacts-page {
	position: relative;
}

.contacts-page p {
	width: 370px;
	font-size: 16px;
	margin-top: -10px;
}

.contacts-page p strong {
	font-size: 18px;
}

.contacts-page ul li {
	margin: 20px 0;
	padding: 0 0 3px 35px;
	background: url("/assets/images/c_loc.png") no-repeat;
}

.contacts-page ul li + li {
	background: url("/assets/images/c_phone.png") no-repeat;
}

.contacts-page ul li + li a {
	color: #525e72;
	text-decoration: none;
}

.contacts-page ul li + li + li {
	background: url("/assets/images/c_mail.png") no-repeat 0 5px;
}
.contacts-page ul li + li + li  + li{
	background: url("/assets/images/vk-small.png") no-repeat 0 5px;
}

.contacts-page ul li + li + li a {
	color: #5c87c6;
	text-decoration: underline;
}

.contacts-page ul li + li + li a:hover {
	text-decoration: none;
}

.contacts-page .cmap {
	position: absolute;
	top: -45px;
	right: 0;
	width: 470px;
	height: 445px;
}

.contacts-page .cmap #cmap {
	width: 100%;
	height: 100%;
}

/*==================================
GALLERY PAGE
==================================*/
.gp-tabs li {
	float: left;
	color: #babfcb;
	font-size: 28px;
	padding: 11px 20px 10px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.gp-tabs li a {
	color: #babfcb;
	text-decoration: none;
}

.gp-tabs li.active {
	background: #eaebf3;
}

.gp-tabs li.active a {
	color: #213552;
}

.gp-tabs li a:hover {
	text-decoration: underline;
}

/*--- sort block ---*/
.sort-block {
	padding: 25px 21px;
	background: #eaebf3;
}

.sb-select select, .search input {
	outline: none;
	border: 0 none;
	color: #babfcb;
	font-size: 16px;
	padding: 0 10px;
	background: #ffffff;
}

.sb-select select {
	cursor: pointer;
	margin-left: 10px;
	width: 190px;
	height: 40px;
}

.search input {
	padding: 10px 10px;
	width: 195px;
	height: 20px;
}

.search button {
	border: 0;
	cursor: pointer;
	margin-left: 55px;
	text-indent: -9999px;
	width: 30px;
	height: 40px;
	background: url("/assets/images/sbtn.png") no-repeat 0 center;
}

/*--- gp-title ---*/
.gp-title {
	color: #213552;
	padding: 20px 0 15px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
}

.gp-title h2 {
	float: left;
}

.gp-title span {
	float: right;
	color: #abb0bb;
	font-family: "PFDin-Light", sans-serif;
}

.gp-title span.photo-num {
	color: #213552;
	padding-left: 23px;
	background: url("/assets/images/photo_num.png") no-repeat 0 3px;
}

/*--- video-item ---*/
.video-item li {
	float: left;
	padding: 0 20px;
	background: #e1e3ed;
	margin: 20px 30px 0 0;
	width: 230px;
	height: 265px;
}

.video-item li:nth-child(3n) {
	margin-right: 0;
}

.video-item li .vprev {
	overflow: hidden;
	position: relative;
	margin: 0 -20px 15px;
	width: 270px;
	height: 175px;
}

.video-item li .vprev img {
	display: block;
	max-width: 270px;
}

.video-item li .vprev span {
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 175px;
	background: rgba(86, 115, 177, 0.50) url("/assets/images/vprev_play.png") no-repeat center;
}

.video-item li a, .photo-item li a {
	color: #213552;
	font-size: 20px;
	text-decoration: none;
}

.video-item li a:hover, .photo-item li a:hover {
	color: #3c7aec;
}

.video-item li .vi-btm {
	margin-top: 5px;
}

.video-item li .vdate {
	padding-left: 25px;
	margin-right: 30px;
	background: url("/assets/images/vdate.png") no-repeat;
}

.video-item li .vtime {
	padding-left: 25px;
	background: url("/assets/images/vtime.png") no-repeat;
}

/*--- photo-item ---*/
.photo-item li {
	float: left;
	width: 270px;
	max-height: 265px;
	margin: 15px 30px 0 0;
}

.photo-item li:nth-child(3n) {
	margin-right: 0;
}

.photo-item li .vprev {
	overflow: hidden;
	margin: 0 0 5px;
	position: relative;
	width: 270px;
	height: 175px;
}

.photo-item li .vprev img {
	display: block;
	max-width: 270px;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	cursor: pointer;
}

.photo-item li .vprev span {
	color: #ffffff;
	display: block;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "PFDin-Reg", sans-serif;
	padding: 13px 20px 13px 43px;
	background: #5673b1 url("/assets/images/photo.png") no-repeat 10px 13px;
}

.photo-item li .vdate {
	display: block;
	font-size: 16px;
}

.photo-item li:hover img {
	opacity: 0.6;
}

.photo-item li:hover a {
	color: #3c7aec;
}

.photos a {
	float: left;
	display: block;
	overflow: hidden;
	margin: 20px 23px 0 0;
	width: 155px;
	height: 100px;
}

.photos a:nth-child(5n) {
	margin-right: 0;
}

.photos a img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.photos a:hover img {
	opacity: 0.6;
}

.video {
	margin-top: 30px;
}

/*--- administration page ---*/
.admin-page h2 {
	color: #213552;
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 15px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #eaebf3;
}

.admin-page ul li {
	float: left;
	font-size: 16px;
	line-height: normal;
	margin: 25px 30px 0 0;
	width: 195px;
	height: 305px;
}

.admin-page ul li:nth-child(4n) {
	margin-right: 0;
}

.admin-page ul li .img {
	overflow: hidden;
	width: 195px;
	height: 149px;
}

.admin-page ul li .img img {
	max-width: 100%;
}

.admin-page ul li .name {
	display: block;
	margin-top: 10px;
	line-height: 24px;
	text-transform: uppercase;
}

.admin-page ul li .office {
	color: #babfcb;
	display: block;
	font-size: 18px;
	padding-bottom: 7px;
}

.admin-page ul li .phone, .admin-page ul li .mail {
	color: #525e72;
	line-height: 24px;
	padding-left: 25px;
	text-decoration: none;
	background: url("/assets/images/adm_phone.png") no-repeat 0 center;
}

.admin-page ul li .mail {
	background: url("/assets/images/adm_mail.png") no-repeat 0 center;
}

.admin-page ul li .mail:hover {
	text-decoration: underline;
}

/*==================================
FOOTER
==================================*/
footer {
	min-height: 365px;
	margin-top: -525px;
	position: relative;
	padding-bottom: 160px;
	background: #68489d url("/assets/images/note_foot.png") no-repeat 100% 0;
}

footer .foot-btm {
	bottom: 0;
	left: 0;
	position: absolute;
	background: #55348a;
	width: 100%;
	height: 180px;
}

.foot-form {
	width: 370px;
	margin: 35px 0 30px;
	padding-right: 30px;
	border-right: 1px solid #9374c4;
}

.foot-form h3, .foot-map h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: 14px;
	padding-bottom: 10px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.foot-form p {
	color: #b89ae8;
	font-size: 16px;
	padding-right: 71px;
}

.foot-form p.feedback-error-message {
	color: #e05b58;
}

.foot-form p.feedback-success-message {
	color: #95e096;
}

.foot-form input, .foot-form textarea {
	border: 0;
	width: 350px;
	color: #7f40b4;
	font-size: 16px;
	padding: 11px 10px;
	margin-bottom: 7px;
	background: #a688d6;
}

.foot-form textarea {
	resize: none;
	height: 58px;
	margin-bottom: 0;
}

.foot-form input:focus, .foot-form textarea:focus {
	background: #ffffff;
}

.foot-form input::-webkit-input-placeholder {
	color: #7f40b4;
}

.foot-form input::-moz-placeholder {
	color: #7f40b4;
}

.foot-form input:-moz-placeholder {
	color: #7f40b4;
}

.foot-form input:-ms-input-placeholder {
	color: #7f40b4;
}

.foot-form textarea::-webkit-input-placeholder {
	color: #7f40b4;
}

.foot-form textarea::-moz-placeholder {
	color: #7f40b4;
}

.foot-form textarea:-moz-placeholder {
	color: #7f40b4;
}

.foot-form textarea:-ms-input-placeholder {
	color: #7f40b4;
}

.foot-form button {
	border: 0;
	color: #ffffff;
	font-size: 16px;
	margin-top: 7px;
	line-height: 48px;
	text-align: center;
	background: #659bff;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
	width: 215px;
	height: 50px;
}

.foot-form button:hover, .foot-form button:active {
	cursor: pointer;
	background: #3c7aec;
}

.foot-links {
	width: 405px;
	padding: 0 30px;
	min-height: 295px;
	margin: 35px 0 30px;
	border-right: 1px solid #9374c4;
}

.foot-links .left {
	width: 245px;
}

.foot-links .left, .foot-links .right {
	margin-top: -5px;
}

.foot-links li a {
	color: #b89ae8;
	font-size: 16px;
	text-decoration: none;
}

.foot-links li a:hover {
	text-decoration: underline;
}

.foot-links .upp {
	padding-bottom: 10px;
}

.foot-links .upp li {
	padding-bottom: 5px;
}

.foot-links .upp a {
	color: #ffffff;
	font-size: 18px;
	font-family: "PFDin-Reg", sans-serif;
	text-transform: uppercase;
}

.foot-map {
	width: 273px;
	min-height: 295px;
	padding-left: 30px;
	margin: 35px 0 30px;
}

.foot-map h3 {
	font-size: 18px;
	padding-bottom: 22px;
}

.foot-map #map {
	position: relative;
	width: 273px;
	height: 220px;
}

.foot-btm .logotype {
	padding-left: 150px;
	width: 520px;
	height: 125px;
	background: url("/assets/images/portrait.png") no-repeat;
}

.foot-btm .logotype div {
	color: #dce8ff;
	font-size: 14px;
	text-transform: none;
	font-family: "PFDin-Light", sans-serif;
}

.foot-btm .logotype p {
	color: #dce8ff;
	font-size: 20px;
	font-family: "PFDin-Med", sans-serif;
}

.fphone {
	color: #bfbcfc;
	font-size: 16px;
	margin-top: 25px;
	padding-left: 55px;
	background: url("/assets/images/fphone.png") no-repeat;
}

.fphone span {
	display: block;
}

.fphone span a {
	color: #d2e0ff;
	font-size: 28px;
	text-decoration: none;
}

.foot-btm .email {
	display: block;
	margin-top: 11px;
	margin-bottom: 11px;
	padding: 0 0 2px 55px;
	background: url("/assets/images/fmail.png") no-repeat;
}
.foot-btm .vk {
	display: block;
	margin-top: 11px;
	margin-bottom: 11px;
	padding: 7px 0 10px 55px;
	background: url("/assets/images/vk-icon.png") no-repeat;
}

.foot-btm .email a {
	color: #d2e0ff;
	text-decoration: none;
}

.sub-sections {
    margin: 10px 0;
}
.sub-sections a {
    color: #213552;
    font-size: 24px;
}

@media (max-width: 1680px) {
	footer {
		background-position: 113% 0;
	}
}

@media (max-width: 1366px) {
	footer {
		background-position: 143% 0;
	}
}

@media (max-width: 1280px) {
	footer {
		background-position: 157% 0;
	}
}

.poor-vision{
	position: fixed;
	display: block;
	right: 0;
	width: 70px;
	height: 220px;
	top:50%;
	margin-top: -110px;
	border-radius: 12px 0 0 12px;
	background: url(../images/eye.png) no-repeat 12px 170px #7F40B4;
	transition: all 0.2s ease-in;
}
.poor-vision:hover{
	width: 75px;
}

.poor-vision span{
	display: block;
	position: absolute;
	font-size: 23px;
	text-align: center;
	transform: rotate(-90deg);
	color: #fff;
    left: -40px;
    top: 75px;
    height: 48px;
    width: 145px;
}
.sp,.sp a{color:#fff}