/* Base Font */
@base__font__family: 'PT Sans', sans-serif;
@base__font__size: 16px;
@base__font__color: #000;
@base__font__active__a: #0067db;
@lite__font__color: #555;
@base__font__weight: 400;
@base__line__height: 20px;

/* Base body styles */
body{
	font-family: @base__font__family;
	font-size: @base__font__size;
	color: @base__font__color;
	font-weight: @base__font__weight;
	line-height: @base__line__height;
}

/* Backgrounds */
@background__gray: #ededed;


/* Titles for Website */
@base__title__font__family: 'Roboto', sans-serif;

/* Colors for Website */
@base__color__gray: #f2f3f6;
@base__color__white: #fff;
@base__color__red: rgba(230,0,0,1);  //    #E60000 - miele   #e61400 - старое


.base__box__shadow(){
	-webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
}
 
/* Base transition */
.base__transition(@time:.2s){
	transition: @time all ease;
    -webkit-transition: @time all ease;
    -moz-transition: @time all ease;
    -o-transition: @time all ease;
    -ms-transition: @time all ease;
}

/* Radius of elements */
@base__rasius: 0;
.border__radius(@radius:@base__rasius){
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}

/* Clean a flow */
.clearfix() {
	&::after {
		content: "";
		display: table;
		clear: both;
	}
}

/* type items as flexbox */
.flexbox() {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/* Buttons for Website */
@button__base__color: @base__font__active__a;
@button__hover__color: rgba(0,0,0,1);
@button__base__font__color: #fff;


/* Typical button */
button {
	background: #0067db;
	border: none;
	font-family: @base__font__family;
	font-size: 0.9em;
	font-weight: bold;
	padding: 1em 2.3em;
	margin-top: 30px;
	cursor: pointer;
	color: @button__base__font__color;
	&:hover{
		background: #0163d0;
		-webkit-box-shadow: 0px 10px 5px -3px rgba(0,103,219,0.1);
		-moz-box-shadow: 0px 10px 5px -3px rgba(0,103,219,0.1);
		box-shadow: 0px 10px 5px -3px rgba(0,103,219,0.1);
	}
	text-transform: uppercase;
	.base__transition;
	letter-spacing: .08em;
	word-spacing: .05em;
	.border__radius(5px);
}

input {
	width: 100%;
	max-width: 405px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(255,255,255,1);
    padding: 0 10px;
	margin-bottom: 25px;
    text-align: left;
    font-family: @base__font__family;
	font-size: 1em;
	border: 2px solid rgba(204,225,248,1);
	.border__radius(3px);
	line-height: 40px;
	&:focus{border-color: rgba(0,103,219,1);}
	&::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
	&::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
	&:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
	&:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
	&:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
	&:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
	&:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
	&:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

}
#send__feedback textarea {
	width: 100%;
	max-width: 405px;
    padding: 10px;
    display: block;
    background-color: rgba(255,255,255,1);
    text-align: left;
    position: relative;
    height: 130px;
	border: 2px solid rgba(204,225,248,1);
	.border__radius(3px);
    font-family: @base__font__family;
	font-size: 1em;
    resize: none;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
	&:focus{border-color: rgba(0,103,219,1);}
	&::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
	&::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
	&:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
	&:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
	&:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
	&:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
	&:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
	&:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
}

/* Фон подложка под всплывающие окна */
#background_popup{
	display: none;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}


/* Обёртка для контента шириной 1230px */
.wrap{
	width: 98%;
	max-width: 1230px;
	height: auto;
	margin: 0 auto;
	position: relative;
	.clearfix;
}

/* Стандартная ссылка */
a{
	.base__transition; 
	color: @base__font__color;
	text-decoration: none;
	border-bottom: 1px solid @base__font__color;
	line-height: 1em;
	padding-top: 3px;
	cursor: pointer;
	&:hover{color: @base__font__active__a; border-bottom: 1px solid @base__font__active__a;}
}

.logo{
	border-bottom: none;
	padding-top: 0;
    overflow: hidden;
    width: 85px;
    height: auto;
}
.logo:hover{border: none;}

/* Активная ссылка */
.active_anchor{color: @base__font__active__a !important; border-bottom: 1px solid @base__font__active__a;}


header{
	width: 100%;
	min-height: 113px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	& > div:first-child{
		color: #fff;
		font-weight: 700;
		font-size: 0.875em;
		background-color: rgba(0,103,219,1);
		.flexbox;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 6px;
		letter-spacing: 0.003em;
	}
	.wrap{
		.flexbox;
		justify-content: space-between;
		align-items: center;
		min-height: 81px;
	}
	nav {
		width: 50%;
		margin: 0 auto;
		.flexbox;
		justify-content: space-between;
		align-items: center;
		padding-left: 125px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin-top: -6px;
	}
	#visually_impaired_version{
		border: none; 
		cursor: pointer; 
		img{margin-right: 7px;} 
		padding-top: 0;
		width: 210px;
		text-align: right;
		margin-top: -6px;
	}
	#open__close__menu{
		width: 46px;
		height: 28px;
		cursor: pointer;
		position: absolute;
		top: 27px;
		right: 17px;
		.flexbox;
		flex-direction: column;
		justify-content: space-between;
		z-index: -1;
		opacity: 0;
		span{
			width: 100%;
			height: 6px;
			background-color: rgba(0,103,219,1);
		}
	}
	#close__head__menu{display: none; padding: 0;width: 33px; height: 33px;}
}


/* Контент страницы */
main{
	width: 100%;
	min-height: ~"calc(100% - 450px)";
	min-height: calc(~"100% - "450px);
	min-height: -moz-calc(~"100% - "450px);
	min-height: -webkit-calc(~"100% - "450px);
	min-height: -o-calc(100% - 450px);
	padding-bottom: 50px;
}


footer{
	width: 100%;
	min-height: 350px;
	background-color: #ebebeb;
	padding-top: 50px;
	.wrap {
		& > a:first-child{display: block; float: left;}
		& > div:nth-child(2){width: 625px;float: left;margin-left: 55px;}
		& > div:last-child{float: left;margin-left: 14.2%;}
	}
	nav {
		width: 100%;
		.flexbox;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	p{margin-bottom: 25px;}
	h3{margin-bottom: 30px;}
	li{
		a{
			color: #bebebe; 
			font-size: 0.93em; 
			border: none;
		}
		& > a:hover{border: none;}
	} 
}


/* Слайдер на главной */
.slider{
	width: 100%;
	height: 870px;
	overflow: hidden;
	position: relative;
	z-index: -1;
	margin-top: -82px;
	img{position: absolute;left:50%;margin-left:-681px;}
	line-height: normal;
	.wrap {
		div{
			float: right; 
			margin-right: 60px;
			margin-top: 255px; 
			text-align: right;
			font-size: 1.3125em;
			color: #0067db;
		}
		h2{
			display: block;
			width: 600px;
			font-size: 60px;
			color: @base__font__color;
			font-weight: 700;
			line-height: 70px;
		}
	}
	#smoll__screen__slide{display: none;position: relative;width: 100%;height: auto;left: 0;}
}


/* Блок Английского на главной под слайдером */
.english{
	width: 970px;
	height: 350px;
	background-color: #fff;
	line-height: normal;
	position: relative;
	margin: -112px auto 0;
	.border__radius(5px;);
	-webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
	
	img{margin: 0 38px 0 5px; float: left;}
	span{display: block; padding-top: 120px; font-size: 1.3125em; color: #0067db;}
	h3{display: block; font-size: 37px; font-weight: 700; margin-bottom: 70px;}
	a{
		color: #0b0b0b;
		font-size: 1.125em;
		&:hover{color: @base__font__active__a;}
		line-height: 1em;
		display: inline-block;
	}
}

.index__content{
	width: 100%;
	max-width: 970px;
	.clearfix;
	position: relative;
	margin: 30px auto 10px;
	line-height: normal;
	a{line-height: 1em;display: inline-block;}
	& > div:first-child{
		width: 270px;
		height: 270px;
		float: left;
		margin-right: 30px;
		background: url(../img/partners.jpg) 0 0 no-repeat;
		text-align: center;
		font-size: 1.5em;
		padding-top: 24px;
		a{font-size: 16px;}
	}
	& > div:nth-child(2){
		width: 270px;
		height: 270px;
		float: left;
		background: url(../img/about__org.jpg) 0 0 no-repeat;
		text-align: center;
		font-size: 1.5em;
		color: @base__color__white;
		padding-top: 24px;
		a{font-size: 16px; color: @base__color__white; border-bottom-color: @base__color__white;}
	}
	& > div:nth-child(3){
		width: 370px;
		height: 570px;
		float: right;
		background: url(../img/make__order.jpg) 0 0 no-repeat;
		text-align: center;
		font-size: 36px;
		line-height: 36px;
		font-weight: 700;
		color: @base__color__white;
		padding-top: 24px;
		a{font-size: 16px; color: @base__color__white; font-weight: 400; border-bottom-color: @base__color__white; cursor: pointer;}
	}
	& > div:nth-child(4){
		width: 270px;
		min-height: 570px;
		float: left;
		margin-top: 30px;
		margin-right: 30px;
		padding: 0 10px 0px 24px;
		font-weight: 400;
		.border__radius(5px;);
		.base__box__shadow;
		h3{font-weight: 700; font-size: 1.5em; margin: 24px 0;}
		ul li{
			color: #929292;
			margin-bottom: 49px;
			span{
				display: block;
				font-size: 1.125em;
				color: @base__font__color;
			}
			font{margin-top: 3px; display: inline-block;}
			a{
				float: left;
				color: @base__font__active__a;
				border-bottom: 1px solid @base__font__active__a;
				&:hover{color: @base__font__active__a;}
				margin-top: 2px;
			}
		}
	}
	& > div:nth-child(5){
		width: 270px;
		height: 270px;
		margin-top: 30px;
		float: left;
		background: url(../img/addres.jpg) 0 0 no-repeat;
		text-align: center;
		font-size: 1.5em;
		padding-top: 24px;
		a{font-size: 16px;}
	}
	& > div:nth-child(6){
		width: 670px;
		height: 270px;
		margin-top: 30px;
		float: left;
		.border__radius(5px;);
		-webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.1);
		h3{
			display: block;
			width: 100%;
			height: 65px;
			background: #4493e6;
			background: #4493e6;
			background: -moz-linear-gradient(left, #4493e6 0%, #046adc 30%, #046adc 70%, #4493e6 100%);
			background: -webkit-linear-gradient(left, #4493e6 0%,#046adc 30%,#046adc 70%,#4493e6 100%);
			background: linear-gradient(to right, #4493e6 0%,#046adc 30%,#046adc 70%,#4493e6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4493e6', endColorstr='#4493e6',GradientType=1 );
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			color: @base__color__white;
			text-align: center;
			line-height: 65px;
			font-size: 1.5em;
		}
	}
}
.slider__reviews__index{
	position: relative;
	height: 205px;
	overflow: hidden;
	.border__radius(5px);
	font-size: 1em;
	a{
		cursor: pointer;
		position: absolute;
		top: 0;
		width: 70px;
		height: 100%;
		text-align: center;
		line-height: 205px;
		background-color: @base__color__white;
		font-size: 1.5em;
	}
	a:first-child{left:0; border: none;}
	a:last-child{right:0; border: none;}
	#slider__body{
		width: 300%;
		height: 100%;
	}
}
#slider__body{
	.base__transition(0.7s);
	div{
		height: 100%;
		width: 670px;
		float: left;
		div{
			float: left;
			height: 100%;
			width: 290px;
			padding-left: 80px;
			.flexbox;
			flex-direction: column;
			justify-content: center;
			span{display: block;font-size: 1.5em;}
		}
		p{
			display: block;
			height: 100%;
			width: 310px;
			.flexbox;
			flex-direction: column;
			justify-content: center;
		}
	}
}





/* Правй блок с навигацией */
.right__menu__column{
	margin-top: 8px;
	width: 370px;
	float: right;
	background: #fafafa;
	.border__radius(5px;);
	.base__box__shadow;
	a{text-decoration: none;}
	ul{margin: 0 20px 30px;}
	ul li{margin-bottom: 20px;}
	a{border: none;}
	nav{margin-top: 30px; .base__transition;}
}
#show__hide__option__org{
	width: 100%;
	height: 50px;
	border: 5px solid #0067db;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 1.1em;
	line-height: 40px;
	display: none;
}


/* Блок с контентом на странице где есть правый блок с навигацией */
article.content{
	float: left;
	width: ~"calc(100% - 430px)";
	width: calc(~"100% - "430px);
	width: -moz-calc(~"100% - "430px);
	width: -webkit-calc(~"100% - "430px);
	width: -o-calc(100% - 430px);
	.first__element{
		padding-top: 33px !important;
	}
	h1{
		font-size: 1.5em;
		font-weight: 700;
		border-bottom: 1px solid #000;
		padding: 34px 0 7px;
		line-height: 1.03em;
	}
	h2{
		font-weight: 700;
		padding: 17px 0 2px;
		line-height: 1em;
		span{font-weight: 400;line-height: 1.6em;}
	}
	a{
		color: @base__font__active__a;
		border-bottom: 1px solid @base__font__active__a;
		line-height: 1em;
		padding-top: 3px;
		&:hover{border-bottom-color: rgba(0,0,0,0);}
		cursor: pointer;
	}
	p{padding-bottom: 14px;}
	li{
		margin-left: 18px;
		position: relative;
		padding-bottom: 12px;
		span{position: absolute;left: -18px;}
	}
	ul li:last-child{padding-bottom: 0;}
	ul li.head{font-weight: 700;}
	.up__text{text-transform: uppercase;}
	.head__txt{font-weight: 700; padding-right: 7px;}
	table{
		width: 100%;
		margin: 40px 0 20px;
		border-collapse: collapse;
		border: 1px solid #000;
		th,td {border: 1px solid #000;padding: 10px;}
		th{font-weight: 700; background-color: #fafafa;}
	}
	.three__cols{th,td{width: 33.33333333333%}}
	.four__cols {
		th,td{width: 25%}
		tr:nth-child(2) th{font-weight: 400;}
	}
}


/* Блок с контентом на страницах в новостях и других контентных страницах */
article.content__pages{
	.clearfix;
	width: 100%;
	
	h1{
		font-size: 1.5em;
		font-weight: 700;
		line-height: 47px;
		margin-bottom: 30px;
		.date__news{
			
			display: block;
			color: #929292;
			font-size: @base__font__size;
			font-weight: 400;
			margin-top: -15px;			
		}
	}
}

#stuledt__content{
	width: 95%;
    max-width: 1000px;
    position: relative;
    margin: 80px auto 0;
}





/* Контакты */
#map{
	width: 100%;
	height: 700px;
	left: 0;
	margin-bottom: -75px;
	.map__shadow{
		position: absolute;
		width: 100%;
		height: 10px;
		z-index: 100;
		-webkit-box-shadow: inset 0px 10px 15px -12px rgba(0,0,0,0.7);
		-moz-box-shadow: inset 0px 10px 15px -12px rgba(0,0,0,0.7);
		box-shadow: inset 0px 10px 15px -12px rgba(0,0,0,0.7);
	}
}
.map__contenr{
	position: absolute;
	background-color: #fff;
	z-index: 100;
	width: 330px;
	top: 90px;
	padding: 40px 30px;
	font-weight: 400;
	.border__radius(5px);
	-webkit-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	h3{font-weight: 700;font-size: 1.5em; margin: 0 0 -5px;}
	h4{font-weight: 700;font-size: 1em; margin: 20px 0 4px;}
	a{cursor: pointer; color: @base__font__active__a; border-bottom-color: @base__font__active__a;}
	a:hover{border-bottom-color: rgba(0,0,0,0);}
	br.cont{display: none;}
}


[class*="ymaps-2"][class*="-ground-pane"] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
}
#send__feedback{
	.border__radius(5px);
	display: none;
	position: fixed;
	top: 50%;
	margin-top: -295px;
	left: 50%;
	margin-left: -250px;
	width: 100%;
	max-width: 500px;
	background-color: #fff;
	z-index: 1100;
	border: 5px solid rgb(0,103,219);
	padding: 38px 40px;
	h3{font-weight: 700;font-size: 1.5em; margin: 0 0 10px;}
	p{margin-bottom: 20px;}
}
.close__form {
    width: 15px;
    height: 15px;
    background: url(/img/close.svg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 15px;
    right: 15px;
    text-indent: 100px;
    overflow: hidden;
	border: none;
	&:hover{border: none;}
	cursor: pointer;
}

/* Студенту */
.partner__programs{
	width: 95%;
	max-width: 1000px;
	height: 440px;
	position: relative;
	margin: 40px auto 0;
	padding-left: 120px;
	.border__radius(5px);
	-webkit-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.1);
	h3{font-weight: 700;font-size: 1.5em; margin: 0 0 20px;}
	.flexbox;
	flex-direction: column;
	justify-content:center;
	align-items: flex-start;
	a{color:@base__font__active__a; border-bottom-color: @base__font__active__a; margin-bottom: 10px;}
	img{position: absolute; top: 0px; right: 0px; z-index: -1;}
}
.partner__wrap{max-width: 1366px; width: 100%; overflow: hidden;margin-bottom: -75px;}
.partners{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 570px;
	.clearfix;
	h3{width: 100%; text-align: center; font-weight: 700;font-size: 1.5em; margin-top: 90px;}
	p{text-align: center; margin-top: 3px;}
	img{display: block; position: absolute; bottom: 0; left: 50%;margin-left: -340px; z-index: -1;}
}
.partner__icons{
	width: 100%;
	max-width: 1300px;
	.clearfix;
	margin: 60px auto 30px;
	a {
		border: none;
		display: block;
		width: 253px; 
		height: 102px; 
		cursor: pointer; 
		position: relative;
		float: left;
		margin: 5px 36px 51px;
		line-height: 1.4em;
		img{top: 0; left: 0; margin: 0;z-index: 100;}
		.base__transition;
		&:hover{
			-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
			box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
			background-color: @base__color__white;
		}
		span{text-transform: none; text-decoration: underline; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 35px; text-align: center; .flexbox; flex-direction: column; justify-content: center; align-items: center; font-weight: 700; color: rgba(0,0,0,0)}
	}
	a:last-child{margin-right: 100%;}
}
.partner__content{
	.border__radius(5px);
	display: none;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -400px;
	width: 100%;
	max-width: 800px;
	background-color: #fff;
	z-index: 1100;
	border: 5px solid rgb(0,103,219);
	padding: 50px;
	h3{font-weight: 700;font-size: 1.5em; margin: 0 0 10px; line-height: 1.2em;}
	h4{font-weight: 700;padding: 17px 0 2px;line-height: 1em;}
	p{padding-bottom: 14px;}
	ul{margin-left: 25px;margin-bottom: 5px;}
	a {
		color: @base__font__active__a;
		border-bottom-color: @base__font__active__a;
		&:hover{border-bottom-color: rgba(0,0,0,0);}
	}
	strong{font-weight: 700;}
}




/* Панель управления версией для слабовидящих --- НАЧАЛО */
.vImpairedPanel{
	width: 100%;
	min-width: 1174px;
	height: 46px;
	background: url(/img/vi_panel_back.png) 0 0 repeat-x;		
	position: relative;
	margin-top: -46px;
	z-index: 1000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	letter-spacing: 0 !important;
	word-spacing: normal !important;
}
.vImpairedPanel a{text-transform: unset !important;letter-spacing: normal !important;}
.vi_fontsize, .vi_colors{
	position: relative;
	float: left;
}
.vImpairedPanel h6{
	text-shadow: #fff 0 1px 0;
	color: #000;
	font: 600 16px/46px Roboto, sans-serif;
	float: left;
	margin-left: 20px;
}
.a_fontsize{
	height: 31px;
	float: left;
	background-image: url(/img/vifonts.png);
	position: relative;
	cursor: pointer;
}
.a_fontsize img {height: 31px;}
.vi_fontsize #a_fontsize_small{width: 20px; margin-left: 7px; top: 10px; margin-right: 2px;}	
.vi_fontsize #a_fontsize_small:hover{background-position: 0 -31px;}

.vi_fontsize #a_fontsize_normal{width: 26px; background-position: -20px 0; top: 10px;}
.vi_fontsize #a_fontsize_normal:hover{background-position: -20px -31px;}

.vi_fontsize #a_fontsize_big{width: 26px; background-position: -46px 0; top: 10px; margin-left: 4px;}
.vi_fontsize #a_fontsize_big:hover{background-position: -46px -31px;}


.a_colors {
	height: 31px;
	float: left;
	background-image: url(/img/vicolors.png);
	position: relative;
	width: 26px;
	cursor: pointer;
	top: 10px;
}
.vi_colors #color1{margin-left: 7px; background-position: 0 0;}	
.vi_colors #color1:hover{background-position: 0 -31px;}
.vi_colors #color2{margin-left: 5px; background-position: -26px 0;}	
.vi_colors #color2:hover{background-position: -26px -31px;}
.vi_colors #color3{margin-left: 5px; background-position: 100% 0;}	
.vi_colors #color3:hover{background-position: 100% -31px;}

.vi_settings{
	margin-left: 10px;
	position: relative;
	float: left;
}
img.settings{
	display: block;
	position: relative;
	float: left;
	margin-left: 40px;
	top: 10px;
}

.vImpairedPanel h6 img{
	display: block;
	position: relative;
	margin-left: 8px;
	float: right;
	top: 21px;
}

.speed_ancors{
	z-index: 800;
	width: 685px;
	height: 46px;
	margin: 0 auto;
	background: url(/img/vi_panel_back.png) 0 0 repeat-x;
}



#vImpairedSettings{
	position: relative;
	width: 685px;
	overflow: hidden;
	border: 2px solid #000;
	margin: 0 auto;
	top: -700px;
	background-color: #fff;
	z-index: -1;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 30px;
}
#vImpairedSettings h5{
	color: #000;
	font: 600 47px Roboto, sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;
}

#vImpairedSettings ul{margin-bottom: 10px; overflow: hidden;}
#vImpairedSettings ul li{float: left;}
#vImpairedSettings ul li span{
	display: block;
	position: relative;
	float: left;
	color: #000;
	font: 600 25px Roboto, sans-serif;
	margin-right: 7px;
	margin-bottom: 17px;
}
#vImpairedSettings ul li a{
	display: block;
	text-decoration: none;
	float: left;
	padding: 3px 5px;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 600 17px/1.5 Roboto, sans-serif;
	margin: 0 3px;
	cursor: pointer;
	color: #000;
}
#vImpairedSettings ul li a:hover{background-color: #000; color: #fff;}


a.color_cheme{
	text-decoration: none;
	width: 90%;
	display: block;
	float: left;
	font: 600 20px/40px Roboto, sans-serif;
	padding-left: 25px;
	border-style: solid;
	border-width: 4px;
	cursor: pointer;
}
#black_on_white{background-color: #fff; color: #000; border-color: #000;}
#white_on_black{background-color: #000; color: #fff; border-color: #000;}
#darkblue_on_blue{color: #063462; background: #9dd1ff; border-color: #063462;}
#brown_on_beige{color: #413f37; background: #f7f3d6; border-color: #f7f3d6;}
div.vImpairedButtons{margin-top: 40px; float: left; width: 100%;}
div.vImpairedButtons a{
	text-decoration: none;
	padding: 7px 20px;
	float: right;
	color: #fff;
	background-color: #000;
	font: 600 19px/25px Roboto, sans-serif;
	border: 3px solid #fff;
	margin-right: 35px;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,1);
	cursor: pointer;
}
div.vImpairedButtons a:hover{
	color: #000;
	border: 3px solid #fff;
	background-color: #fff;
}
/* Панель управления версией для слабовидящих --- КОНЕЦ */