/*
Author: Artem Zimin
vk.com/z1min
*/

@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/ProximaNova-Reg.eot');
	src: local('�'), url('../fonts/ProximaNova-Reg.woff') format('woff'), url('../fonts/ProximaNova-Reg.ttf') format('truetype'), url('../fonts/ProximaNova-Reg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/ProximaNova-Bold.eot');
	src: local('�'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/ProximaNova-Light.eot');
	src: local('�'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@import url('https://fonts.googleapis.com/css?family=Roboto');

@color-blue: #6aa2fc;

ul, ol {
	list-style: none;
}

ul, ol, p {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}

.product-page {
	overflow: hidden;
	padding-top: 0px;
}

.btn {
	&:hover {
		background: #447eda !important;
	}
}


.info {
	margin-top: 40px;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
	h2 {
		color: white;
		text-align: center;
		font-size: 64px;
		line-height: 64px;
	}
	p {
		color: white;
		padding-top: 20px;
	}
}

.current-product {
	text-align: center;
	a {
		font-family: 'Roboto', sans-serif;
		font-size: 42px;
		color: black;
		text-decoration: none;
		span {
			font-size: 12px;
		}
	}
}

.arrow {
	background: url(../images/arrow.png);
	width: 44px;
	height: 44px;
	float: left;
	&:hover {
		transform: rotate(180deg);
		background: url(../images/arrow-blue.png);
	}
}

.info-headphones-block {
	width: 550px;
	background: white;
	padding: 10px 20px;
}

.info-headphones-block:hover {
	opacity: 1;
}

		.blur-img:hover .info-headphones-block {
			opacity: 1;
		}

.block-3 {
	background: url(../images/block-4.png);
	width: 1920px;
	height: 630px;
	background-position: center;
	position: relative;
	.blur-img {
		position: absolute;
		top: 175px;
		z-index: 999;
		left: 17%;
		opacity: 0;
		transition: all .5s ease;
		&:hover {
			opacity: 1;
		}
	}
	.info-headphones-block {
		opacity: 0;
		&:after {
			background: url(../images/fixed-block-after.png);
			width: 59px;
			height: 32px;
			content: '';
			position: absolute;
			left: -59px;
			top: 10px;
			z-index: 473219321;
		}
	}
}

.arrow-next {
	background: url(../images/arrow.png);
	width: 44px;
	height: 44px;
	float: right;
	transform: rotate(180deg);
	&:hover {
		transform: rotate(0deg);
		background: url(../images/arrow-blue.png);
	}
}

.block-2 {
	padding: 50px 0;
}

.toggle {
	overflow: hidden;
}

.slogan {
	padding: 20px 0;
	color: white;
	padding-left: 30px;
	font-size: 42px;
	line-height: 42px;
	b {
		display: block;
		font-family: 'Roboto', sans-serif;
	}
	span {
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
	}
}

.title-news {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	color: black;
	position: relative;
	a {
		color: black;
		&:hover {
			color: #447eda;
		}
	}
	&:after {
		content: '';
		width: 2px;
		height: 22px;
		background: #447eda;
		left: 0;
		top: -20px;
		position: absolute;
		opacity: 0;
	}
	&:hover:after {
		opacity: 1;
	}
}
.desc-news {
	clear: both;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	padding-top: 20px;
	color: rgba(0,0,0,.5);
	overflow: hidden;
}

.subscribe input[type="submit"]:hover {
	background: #447eda;
}

.category-page {
	[class*=col-] {
		padding: 0;
	}
	article {
		font-family: 'Roboto', sans-serif;
		h3 {
			font-size: 35px;
			color: black;
		}
		p {
			font-family: 'Roboto', sans-serif;
			font-weight: 100;
			font-size: 18px;
			color: #989898;
		}
	}
	.container {
		margin-top: 16px;
		padding: 0px 0px;
		background: white;
	}
	.left-nav {
		background: #f9f9f9;
		.active {
			background: #f0f0f0;
		}
		li {
			display: block;
			a {
				padding: 10px 0px 10px 30px;
				display: block;
				width: 100%;
				font-family: 'Roboto', sans-serif;
				font-size: 20px;
				color: black;
				&:hover {
					background: #f0f0f0;
					color: #6aa2fc;
					text-decoration: underline;
				}
			}
			ul {
				padding-bottom: 10px;
				padding-top: 0px;
				padding-left: 20px;
				background: #f0f0f0;
				li {
					&:first-child{
						padding-top: 0;
					}
					padding-top: 10px;
					a {
						font-family: 'Roboto', sans-serif;
						font-size: 16px;
					}
				}
			}
		} 
	}
}

.label {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #0c2a51;
	clear: both;
	display: block;
}
.radio {
	display: none;
}
.radio-custom {
	width: 15px;
	height: 15px;
	border: 2px solid #e4e4e4;
	border-radius: 3px;
	position: relative;
	background: #e4e4e4;
}
.radio-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}
.radio:checked + .radio-custom::before {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #3064b7;
	border-radius: 2px;
}
.radio-custom,
.radio:checked + .radio-custom::before {
	border-radius: 50%;

}
/* Скрываем реальный чекбокс */
.checkbox {
	display: none;
}

/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
	background: #e4e4e4;
	position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 15px;             /* Обязательно задаем ширину */
	height: 15px;            /* Обязательно задаем высоту */
	border: 1px solid #ccc;
}

/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}

/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.checkbox:checked + .checkbox-custom::before {
	content: "";             /* Добавляем наш псевдоэлемент */
	display: block;          /* Делаем его блочным элементом */
	position: absolute;      /* Позиционируем его абсолютным образом */

	/* Задаем расстояние от верхней, правой, нижней и левой границы */
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	width: 9px;
	height: 7px;
	background: url(../images/check.png);     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
}
.banner-in {
	padding-right: 10px;
}
footer {
	background: #000;
	padding: 13px 0 13px 0;
	[class*=col-] {
		overflow: hidden;
	}
	.container {
		position: relative;
	}
	.go-in-catalog {
		position: absolute;
		bottom: -23px;
		right: 120px;
		.in {
			border: 1px solid white;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			padding: 8px 15px;
			margin-left: 20px;
		}	
	}
	.social-block {
		p {				
			font-size: 14px;
			font-family: 'Roboto', sans-serif;
			color: rgba(255,255,255, .4);
			padding-bottom: 5px;
		}
		a {
			margin-right: 7px;
			&:last-child {
				margin-right: 0px;					
			}
		}
	}
	.footer-menu {
		float: left;
		margin-right: 70px;
		&:last-child {
			margin-right:0;
		}
		&:nth-child(2) {
			margin-right: 20px;
		}
		p {
			font-family: 'Roboto', sans-serif;
			color: white;
			font-size: 16px;
			padding-bottom: 25px;
		}
		li {
			padding:7px 0 0 0;
  			float:left;
  			margin-right:25px;
			a {
				font-size: 14px;
				font-family: 'Roboto', sans-serif;
				color: rgba(255,255,255, .4);
			}
		}
	}
	.contacts-block {
		i {
			color: white;
		}
		li {
			padding-top: 2px;
			  text-align:right;
			  padding-right:0px;
		}
		a 	{
			color: white;
			font-size: 18px;
			font-family: 'Roboto', sans-serif;
		}
	}
}


.block-2 {
	img {
		display: block;
		margin: auto;
	}
}

.category-page {
	padding-bottom: 60px;
	.paginations {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.paginations {
	clear: both;
	width: 100%;
	text-align: center;
	li {
		display: inline-block;
		a {
			font-size: 20px;
			font-family: 'Roboto', sans-serif;
			color: black;
			width: 32px;
			padding-top: 2px;
			text-align: center;
			height: 32px;
			display: block;
			&:hover {
				color: white;
				border-radius: 50%;
				background: #6aa2fc;
			}
		}
	}
}
.subscribe {
	.icon-img {
		overflow: hidden;
		padding-top: 5px;
	}
	background: #f4f4f4;
	padding: 15px 24px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px;
	span {
		color: black;
		font-family: 'Roboto', sans-serif;
		font-size: 19px;
		padding-left: 10px;
		margin-top: 10px;
		vertical-align: middle;
	}
	input[type="text"] {

	}
	input[type="submit"] {
		float: right;
		background: #6aa2fc;
		color: white;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		border: none;
	}
	input {
		outline: none;
		padding: 10px 10px;
		width: 100%;
		height: 100%;
	}
}

.name-product {
	float: left;
	padding-left: 15px;
    line-height: 42px;
}

.go-in-catalog {
	display: none;
}

.news-section {
	text-align: center;
	img {
		display: block;
		margin: 10px auto;
	}
}

.col-2 {
	padding: 10px !important;
	margin-top: 135px !important;;
}

.product {
	border: 2px solid white;
	overflow: hidden;
/*	margin-bottom: 20px;*/
	padding: 10px;
	margin: 0 25px;
	img {
		display: block;
		margin: auto;
	}
	&:hover {
		border-color: #d4d4d4;
	}
}

.category-bg {
	background: url(../images/category-bg.jpg);
	background-repeat: no-repeat;
	background-color: white;
	background-position: center 85px;
}

.title-products {
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: black;
	padding-top: 3px;
	padding-bottom: 1px;
	border:0px solid red;
}

.desc-products {
	color: rgba(0,0,0, .4);
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

.news-wrapper-section {
	img {
		margin: 10px auto;
	}
	text-align: center;
}

.img-product {
	ul {
		padding-top: 20px;
		width: 100%;
		text-align: center;
		li {
			display: inline-block;
			img {
				border: 1px solid transparent;
				&:hover {
					border: 1px solid rgba(0,0,0,.3);					
				}
			}
		}
	}
}

.breadcrumbs {
	display: none;
}

.title {
	text-align: center;
}

.text-page {
	label {
		display: block;
	}
}

.table-s {
	width: 100%;
	margin-top: 60px;
	clear: both;
	tr:first-child {
		border-bottom: 1px solid rgba(0,0,0,.1);
		background: white !important;
	}
	th {
		text-align: center;
		padding: 15px 0;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		color: #0c2a51;
	}
	td {
		padding: 13px 0;
	}
	tr {
		background: white;
	}
	tr:nth-child(2n+1) {
		background: #f3f3f3;
	}
	tr td:first-child {
		text-align: left;
		padding-left: 30px;
	}
	td {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #0c2a51;
	}
}

.category-page {
	.banner-in {
		padding-top: 30px;
	}
}

.text-page {
	.title {
		text-align: left;
	}
}

.breadcrumbs {
	li {
		padding-right: 5px;
	}
}

/*SLIDER*/
.slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	.next-slide,
	.prev-slide {
		position: absolute;
		top: 50%;
		z-index: 99;
	}
	.next-slide {
		right: 0;
	}
	.prev-slide {
		left: 0;
	}
}

.slider-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	li {
		float: left;
		line-height: none;
		img {
			max-width: 100%;
		}
	}
}
/*END SLIDER*/

.about-us {
	img {
		margin: auto;
	}
}
.text-page {
	article {
		padding-right: 30px;
		p {
			font-family: 'Roboto', sans-serif;
			color: #0c2a51;
			margin-bottom: 20px;
			font-size: 18px;
		}
	}
	[class*=col-] {
		padding: 0;
	}
}

.product-page {
	h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 35px;
		padding: 40px 0;
		text-align: center;
	}
	.product {
		margin-bottom: 80px;
		text-align: center;
	}
	table {
		background: #f9f9f9;
		width: 100%;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		p {
			padding-top: 20px;
		}
		.more {
			display: block;
			color: @color-blue;
			padding-top: 10px; 
			padding-bottom: 20px; 
		}
		tr{
			&:nth-child(1) {
				td {
					padding-top: 15px;
				}
			}
			td {
				padding: 5px 30px;
			}
			td:nth-child(1) {
				padding-left: 20px;
				color: rgba(0,0,0,.4);
			}
		}
	}
}

.select-left-block {
	.ui-slider-horizontal {
		height: 5px;
		background: #d0d2dc;
	}
	.ui-state-default {
		border-radius: 50%;
		background: white;
		outline: none;
		box-shadow: 0px 0px 15px rgba(0,0,0,.2)
	}
	background: #f9f9f9;
	padding: 10px 0 30px 0;
	margin-top: 40px;
	#slider-range {
		margin: 30px;
	}
	form {
		text-align: center;
	}
	h4 {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		color: black;
		padding: 10px 0px 0px 30px;
	}
	label {
		display: block;
		margin: 0 0 15px 30px;
	}
	.amount1, .amount2  {
		border: 1px solid rgba(0,0,0,.2);
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		padding: 5px 0;
		margin: 0 15px;
		width: 95px;
		text-align: center; 
	}
}


.news-section {
	.news-wrapper {
		padding-top: 0 !important;
		margin: 0;
	}
}

.nav-toggle {
	cursor: pointer;
}

.hover-item {
	a {
		&:hover {
			border-color: @color-blue;
		}
	}
}

.main-menu {
	overflow: hidden;
	max-height: 0em;
	transition: all .5s ease;
	li {
		display: block;
		background: #447eda;
		&:last-child a{
			border: none;
		}
		a {
			color: white;
			text-align: center;
			padding: 10px 0;
			display: block;
			border-bottom: 1px solid white;
		}
	}
}

#map {
	width: 100%;
	height: 550px;
}

.menu-active {
	max-height: 20em;
}

@media (min-width: 768px) {

}

.contacts-page {
	[class*=col-lg] {
		padding: 0;
	}
	overflow: hidden;
	padding-bottom: 50px;
	form {
		::-webkit-input-placeholder {color:#000;}
		::-moz-placeholder          {color:#000;}
		:-moz-placeholder           {color:#000;}
		:-ms-input-placeholder      {color:#000;}
		input[type="submit"] {
			border: none;
			background: #6aa2fc;
			color: white;
			&:hover {
				background: #447eda;
			}
		}
		p {
			color: black;
			font-size: 20px;
			padding: 20px 0 15px 0;
			font-weight: bold;
		}
		input, textarea {
			margin-bottom: 10px;
			width: 100%;
			outline: none;
			font-size: 16px;
			padding: 8px  10px;
			resize: none;
			background: #f9f9f9;
			border: 1px solid rgba(0,0,0,.1);
		}
	}
}

.partners {
	.title {
		padding: 0;
		margin: 40px 0 0 0;
	}
	img {
		padding: 30px 0;
	}
}

.contacts-info {
	ul {
		font-family: 'Roboto';
		i {
			color: @color-blue;
			padding-right: 10px;
		}
		a {
			font-size: 16px;
			color: black;
		}
		li {
			font-size: 16px;
			margin-bottom: 10px;
		}
	}
}

.logo {
	float: left;
	/*img {
		max-width: 100%;
		}*/
	}
	.nav-toggle {
		float: right;
		margin-top: 25px;
	}

	.contact-header-block {
		display: none;
/*	
	li {
		display: block;
    	background: #447eda;
    	padding: 0 20px;
    	i {
    		color: white;
    		padding-right: 10px;
    	}
    	a {
    		color: white;
    	}
    	}*/
    }

    @media (min-width: 992px) {

    }

    .detail-products {
    	overflow: hidden;
    	padding-bottom: 30px;
    	p {
    		font-family: 'Roboto', sans-serif;
    		font-size: 15px;
    		color: rgba(0,0,0,.4);
    		padding: 30px 0 10px 0;
    	}
    	.btn {
    		color: white;
    		font-family: 'Roboto', sans-serif;
    		font-size: 15px;
    		background: @color-blue;
    		padding: 5px;
    		margin-right: 20px;
    		margin-top: 20px;
    	}
    }

    .product-page table tr td {
    	padding: 3px 5px;
    }
    .headphones {
    	display: none;
    }
.social-block {
	a {
		display: inline-block;
	}
}
    @media (min-width: 1200px) {
    	.news-section {
    		.desc-news {
    			overflow: hidden;
    			line-height: 16px;
    		}
    		img {
    			margin: 0;
    			padding: 0px;
    		}
    		.news {
    			margin-bottom: 60px;
    			img {
    				margin: 0;
    			}
    			.title-news {
    				display: block;
    				margin-top: 30px;
    			}
    		}
    		h1 {
    			padding: 0;
    			margin: 0;
    			text-align: left;
    			line-height: 42px;
    		}
    		.last-news {
    			text-align: left;
    			p {
    				padding-top: 30px;
    				line-height: 18px;
    			}
    			a {
    				color: white;
    				background: #6aa2fc;
    				font-size: 16px;
    				display: block;
    				float: left;
    				margin-top: 35px;
    				padding: 15px 30px;
    			}
    		}

    	}
    	.info-headphones-block {
    		position: absolute;
    		left: 38%;
    		top: 180px;
    		padding: 25px 57px 20px 57px;
    		.title-block {
    			.name {
    				float: left;
    				font-size: 24px;
    				color: black;
    			}
    			.view-all {
    				float: right;
    				color: #6aa2fc;
    				font-size: 16px;
    				text-decoration: underline;
    			}
    		}
			.desc-block {
				clear: both;
				padding-top: 15px;
				font-size: 15px;
				color: #0c2a51;
			}
			.img-block {
				display: block;
				width: 100%;
				margin: auto;
				overflow: hidden;
				.img {
					float: left;
					width: 50%;
					img {
						display: block;
						margin: auto;
					}
				}
			}
			.title-img {
				text-align: center;
				a {
					padding-top: 10px;
					font-size: 18px;
					color: black;
				}
			}
    	}
    	.contacts-page {
    		.title {
    			text-align: left;
    		}
    	}
    	.slogan {
    		padding-left: 0;
    	}
    	.category-page {
    		.container {
    			position: relative;
    		}
    	}
    	.headphones {
    		display: block;
    		position: absolute;
    		 top: -200px;
    		right: 100px;
    	}
    	.product-list {
    		padding-left: 20px !important;
    	}
    	.category-page .title {
    		text-align: left;
    	}
    	.product-page h3 {
    		text-align: left;
    	}
		.current-product {
			a {
				font-size: 42px;
				span {
					font-size: 17px;
				}
			}
		}
		.slogan {
			font-size: 58px;
			line-height: 58px;

		}
    	.detail-products {
    		.btn {
    			padding: 15px 40px;
    		}
    	}
    	.toggle {
    		overflow: visible;
    	}

    	.news-wrapper-section img {
    		margin: 0px;
    	}
    	.news {
    		text-align: left;
    		margin-bottom: 70px;
    		.news-wrapper {
    			padding-top: 25px;
    			overflow: hidden;
    		}
    		.type-pic {
    			float: left;
    			width: 20%;
    		}
    		.detail-news {
    			float: left;
    			width: 80%;
    		}
    	}

    	header {
    		background: white;
    		[class*=col-] {
    			padding: 0px;
    		}
    		.container {
    			padding: 0;
    			.header-phone {
    				font-size: 16px;
    				font-family: 'Roboto', sans-serif;
    			}
    			.contact-header-block {
    				display: block;
    				padding: 42px 0 0 0;
    				li {
    					float: left;
    					margin-right: 46px;
    					&:last-child {
    						margin-right: 0px;
    					}
    					a {
    						font-family: 'Roboto', sans-serif;
    						font-size: 15px;
    						color: black;
    					}
    				}
    				i {
    					color: @color-blue;
    				}
    				.language {
    					&:hover a {
    						display: block;
    					}
    					.active {
    						top: 0px;
    						display: block;
    						color: @color-blue;
    					}
    					position: relative;
    					&:after {
    						content: '\25bc';
    						position: absolute;
    						top: 5px;
    						left: 20px;
    						font-size: 9px;
    					}
    					a {
    						position: absolute;
    						color: black;
    						font-weight: bold;
    						display: none;
    						top: 20px;
    					}
    				}
    			}
    			.logo {
    				float: left;
    			}
    			nav {

    				.item-menu {
    					.active {
    						background: #6aa2fc;
    						a {
    							color: white;
    						}
	    					&:hover .header-drop-menu li{
	    						display: block;
	    					}
    					}
    				}
    				
    				margin-left: 40px;
    				.header-menu, .main-menu {
    					overflow: visible;
    					max-height: 20em;
    					display: block;
    					width: 100%;
    					li {
    						float: left;
    						background: transparent;
    						text-align: center;
    						position: relative;
    						padding: 30px 22px 0 22px;
    						&:last-child {
    							margin-right: 0px;
    						}
    						&:hover .header-drop-menu {
    							display: block;
    						}
    						.header-drop-menu {
    							background: #447eda;
    							position: absolute;
    							width: 290px;
    							top: 68px;
    							left: 0;
    							z-index: 99;
    							.active {
    								background: #6aa2fc;
    								a {
    									color: #fff;
    								}
    							}
    							li {
    								display: none;
    								float: none;
    								padding: 4px 22px;
    								text-align: left;
    								background: #447eda;
    								&:hover{background: #6aa2fc;}
    								a {
    									border-bottom: none;
    									font-family: 'Roboto', sans-serif;
    									font-size: 13px;
    									padding:5px 0 5px 0;
    									color: #fff;
    									font-weight: 100;
    									text-align: left;
    									&:hover {
    										color: #fff;
    										border-color: #fff;
    									}
    								}
    							}
    						}
    						a {
    							font-family: 'Roboto', sans-serif;
    							font-size: 15px;
    							color: black;
    							border-bottom: 2px solid white;
    							&:hover {
    								border-color: #6AA2FD;
    							}
    						}
    					}
    				}
    				.item-menu {
    					li {
    						a {
    							&:hover {
    								/*color: white;*/
    							}
    						}
    						&:hover {
    							/*background: #6aa2fc;*/
    						}
    					}
    				}
    				.language {
    					a {	
    						font-family: 'Roboto', sans-serif;
    						font-size: 16px;
    						color: #6aa2fc;
    					}
    				}
    			}
    		}
    	}
    	.block-2 {
    		.container {
    			p {
    				font-family: 'Roboto', sans-serif;
    				font-size: 34px;
    			}
    			img:first-child {
    				margin-top: 48px;
    			}
    		}
    	}
    	.title {
    		font-family: 'Roboto', sans-serif;
    		font-weight: 0;
    		font-size: 35px;
    		color: black;
    	}
    	.news-section {
    		background: #f6f6f6;
    		padding-top: 69px;
    		padding-bottom: 2px;
    		.last-news {
    			p{
    				color: #0c2a51;
    				font-family: 'Roboto', sans-serif;
    				font-size: 15px;
    			}
    		}	
    	}
    	.about-us {
    		background: white;
    		padding-top: 29px;
    		padding-bottom: 72px;
    		article {
    			color: #0c2a51;
    			font-family: 'Roboto', sans-serif;
    			font-weight: 100;
    			font-size: 18px;
    			margin: 0px;
    			padding: 0;
    		}
    		img {
    			float: right;
    		}
    	}
    	.breadcrumbs {
    		display: block;
    		padding-top: 45px;
    		li {
    			float: left;
    			font-size: 15px;
    		}
    		a {
    			font-family: 'Roboto', sans-serif;
    			font-size: 15px;
    			color: #0c2a51;
    		}
    	}
    	.paragraph {
    		font-family: 'Roboto', sans-serif;
    		font-size: 18px;
    		color: #0c2a51;
    	}
    	.nav-toggle {
    		display: none;
    		float: right;
    	}
    	.go-in-catalog {
    		display: block;
    	}
    }