/*.border-radius()	@radius	Создает закругление углов элемента. Можно передавать одно значение или четыре для каждого угла.
.box-shadow()	@shadow	Добавляет тень к элементу
.transition()	@transition	Добавляет эффекты CSS3 transition (например, all .2s linear)
.rotate()	@degrees	Поворачивает элемент на n градусов
.scale()	@ratio	Масштабирует (увеличивает) элемент в n раз от оригинального размера
.translate()	@x, @y	Двигает элемент на x и y пикселей от исходного положения
.background-clip()	@clip	Обрезает фон элемента (полезно при использовании border-radius)
.background-size()	@size	Контролирует размер фоновой картинки через CSS3
.box-sizing()	@boxmodel	Изменяет модель Box-элемента (пример: border-box для полной ширины input)
.user-select()	@select	Контролирует цвет фона при выделении текста пользователем
.backface-visibility()	@visibility: visible	Исключает мерцание при использовании CSS 3D transforms
.resizable()	@direction: both	Делает размер любого элемента изменяемым вниз и вправо
.content-columns()	@columnCount, @columnGap: @gridGutterWidth	Применяет CSS3 columns к контенту любого элемента
*/

/*google fonts*/
/* cyrillic */


.transition(@transition) {
  -webkit-transition: @transition;
-moz-transition: @transition;
-o-transition: @transition;
transition: @transition;
}
.opacity(@opacity) {
  opacity: @opacity / 100;
  filter: ~"alpha(opacity=@{opacity})";
}
.radius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}/*.radius(25px);*/


.flydivr (@t, @l) {
	position: relative;
	left: @l;
	top:@t;	
}
.flydiva (@left, @margin, @top) {
	position: absolute;
	line-height: 0;
	left: @left;
	margin-left: @margin;
	top:@top;	
}

.animation (@values){
	-webkit-animation: @values;
	-moz-animation: @values;
	-ms-animation: @values;
	-o-animation: @values;
    animation: @values;
}
.border-radius-custom (@topleft, @topright, @bottomleft, @bottomright) {
    -webkit-border-radius: @topleft @topright @bottomright @bottomleft;
    -moz-border-radius: @topleft @topright @bottomright @bottomleft;
    border-radius: @topleft @topright @bottomright @bottomleft;
}

@bg: #ffffff;
@link: #666;
@linkhover: #000;


a, a:visited {
	.transition(all 0.4s);
	color: @link;
	outline: none;

	&:hover, &:active, &:focus{
	  .opacity(70);
	  color: @linkhover;
	  text-decoration: none;
	  outline: none;
	}
}


html, body {
	background: @bg;
	height: 100%;	
	outline: none;
	color: @link;
	font-family: 'Open Sans', sans-serif;
	a {
		outline: none;
		&:hover, &:active, &:focus {
			outline: none;
		}		
	}
}
#center {
	top: 50%; /* Отступ в процентах от верхнего края окна */
	left: 50%; /* Отступ в процентах от левого края окна */
	width: 450px; /* Ширина блока */
	height: 350px; /* Высота блока */
	position: absolute; /* Абсолютное позиционирование блока */
	margin-top: -175px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
	margin-left: -225px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
	background-color:#ffffff;
}
.logo {
	width: 180px;
}


@media (max-width: 995px) {

}
@media (max-width: 500px) {

}