/* ==========================================================================
	 IMPORTS
	 ========================================================================== */

@import '/vendor/bootstrap/less/bootstrap.less';
//@import 'mixins.less';
//@import 'variable.less';
@import 'fonts.less';


/* ==========================================================================
	 Bootstrap's
	 ========================================================================== */


/* ==========================================================================
	 FONT'S
	 ========================================================================== */


/* ==========================================================================
	 VARIABLES
	 ========================================================================== */


/* ==========================================================================
	 BASE STYLES
	 ========================================================================== */


h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: "Open Sans", sans-serif;
}

h1 {
	margin: 0;
	font-size: 14px;
}

h2 {
	margin: 40px 0 36px;
	font-size: 34px;
}

h3 {
	margin: 36px 0 30px;
	fotn-size: 28px
}

h4 {
	margin: 34px 0 26px;
	fotn-size: 22px
}

h5 {
	margin: 26px 0 20px;
	fotn-size: 16px
}

h6 {
	margin: 22px 0 16px;
	fotn-size: 14px;
}

form {
}

a {
	outline:none !important;
	&:hover {
	outline: none;
	}
	&:active{
		outline-style: none;
	outline: none;
	}
	&:focus{
		outline-style: none;
	outline: none;
	}

}


input[type=text],
input[type=password],
input[type=email] {
	height: 48px;
}

input[type=text],
input[type=password],
input[type=email],
textarea{
	display: block;
	width: 100%;
	background: #e3e3e3;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	box-shadow: inset 4px 4px 7px rgba(0,0,0,.4);
	color: #1d1c1d;

	&.error {
		box-shadow: 0 0 2px 2px #d61f25;
	}
}

textarea {
	resize: none;
	height: 180px;
}

input[type=submit] {
	color: #fff;
	font-size: 18px;
	height: 62px;
	line-height: 62px;
	padding: 0 50px;
	background: #1d1c1d;
	border: 0;
	border-radius: 31px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	@media (max-width: 768px) {
		display: block;
		width: 100%;
	}

	&:hover {
		background: darken(#1d1c1d, 10%);
	}
}


//t-center
.t-center {
	text-align: center;
}


//title
.title {
	margin: 0;

	&-70 {
		font-size: 70px;

		@media(max-width: 1200px) {
			font-size: 60px ;
		}

		@media(max-width: 992px) {
			font-size: 50px;
		}

		@media(max-width: 768px) {
			font-size: 40px;
		}
	}
}

body {
	background: #ffffff;
}

//navbar
.navbar {
	margin-top: 35px;
	border-radius: 0;
	border: transparent;
}

.navbar-brand {
	img {
		@media (max-width: 768px) {
			height: 50px;
		}
	}
}

.navbar-collapse {
	@media (max-width: 768px) {
		border-color: transparent !important;
		background: rgba(0,0,0,.5);
	}
}

.navbar-default {
	background: transparent;

	.navbar-nav {

		li {

			&:hover,
			&.active,
			&.active:hover {

				a {
					background: #e2181f;
					color: #fff;
				}
			}

			a {
				font-size: 24px;
				text-transform: uppercase;
				color: #e2181f;
				font-family: 'Core Mellow', sans-serif;
				font-weight: 800;
				padding-top: 10px;
				padding-bottom: 10px;
				border-radius: 2px;

				@media (max-width: 992px) {
					font-size: 20px;
				}

				@media (max-width: 768px) {
					font-size: 16px;
				}
			}
		}
	}
}

//header
.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;

	&__logo {
		margin-top: 44px;
	}

	&__switch-lang {
		padding: 10px;
	}
}


//header-grey
.header-grey {
	background: #eaeaea;

	ul.navbar-nav {

		li {

			a {
				color: #1d1c1d;
			}
		}
	}

	.navbar-brand {
		img {
			display: inline-block;
			vertical-align: top;
			margin-top: -30px;
		}
		.navbar-brand__text {
			margin-top: -15px;
			display: inline-block;
			vertical-align: top;
			color: #1d1c1d;
			font-size: 12px;
			margin-left: 33px;
			width: 166px;

			@media (max-width: 1200px) {
				margin-left: 10px;
				display: none
			}
		}
	}

}

//main
.main {
	padding-top: 30px;
	padding-bottom: 110px;

	&-index {
		padding-top: 0px;
	}

	&--white {
		background: #f5f5f5;
	}

	&__wrap-title {
		position: relative;
	}

	&__title {
		display: inline-block;
		font-size: 70px;
		margin-top: 0px;
		margin-bottom:36px;
		color: #e2181f;
		font-family: 'Core Mellow', sans-serif;
		font-weight: 800;
		text-transform: uppercase;

		&-link {
			position: absolute;
			bottom: 45px;
			right: 0;
			color: #232222;
			font-family: "Core Mellow", sans-serif;
			text-transform: uppercase;
		}
	}

	&__first-text {
		margin: 40px 0 50px;
	}

	&__end {
		margin-bottom: -110px !important;
	}
}

//slider-index
.slider-index {
	min-height: 670px;
	//background: url(/img/slider-index-bg.jpg) 50% 50% no-repeat;
	//background-size: cover;

	.slider-index__item {
		min-height: 670px;

		@media(max-width: 768px) {
			text-align: left;
		}
	}

	&__inner {
		max-width: 600px;
		margin: 0 20px 30px auto;
		padding-top: 140px;
	}
}

//slider
.slider {

	&__list {
		overflow: hidden;
	}

	&__item {
		color: #fff;
		text-align: right;
	}

	&__header {
	}

	&__body {
	}

	&__footer {
		margin-top: 35px;
	}


	&__title {
		font-family: 'Core Mellow', sans-serif;
		margin-bottom: 30px;
		font-weight: 800;
		text-transform: uppercase;
	}

	&__text {
		font-weight: 600;
		font-size: 26px;
		left: 31px;
	}

	&__btn {
		width: 284px;
	}
}

//btn
.btn {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	outline:none !important;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;

	&:hover,
	&:focus,
	&:active{
	color: #fff;
	}

	&--black {
		color: #fff;
		background: #1d1c1d;
		border-radius: 31px;


		&:hover,
		&.focus {
			color: #fff;
			background: darken(#1d1c1d, 5%);
		}
	}

	&--red {
		color: #fff;
		background: #e2181f;
		border-radius: 31px;
	font-family: "Core Mellow", sans-serif;


		&:hover,
		&.focus {
			color: #fff;
			background: darken(#e2181f, 5%);
		}
	}

	&--small {
		padding: 2px 15px;
		font-size: 24px;
		border-radius: 4px;
		text-transform: uppercase;
	}

	&--middle {
		padding: 0 20px;
		line-height: 62px;
		height: 62px;
	}
}

//owl
.owl {
	position: relative;
}

.owl-controls {
	text-align: center;
	margin-bottom: 20px;

	.owl-nav {

		.owl-prev,
		.owl-next {
			z-index: 1;
			position: absolute;
			top: 48%;
			display: inline-block;
			background-image: url(/img/sprite.png);
			background-repeat: no-repeat;
			width: 39px;
			height: 32px;
			opacity: .21;
			transition: all .3s;

			&:hover,
			&:focus {
				opacity: 1;
			}
		}

		.owl-prev {
			left: -42px;
			background-position: 0 0;
		}

		.owl-next {
			right: -42px;
			background-position: -49px 0;

		}
	}

	.owl-dots {
		margin-top: -40px;
		position: relative;
		z-index: 2;


		.owl-dot {
			display: inline-block;
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background: #999999;
			margin-left: 25px;

			&:first-child {
				margin-left: 0;
			}

			&.active {
				background: #e2181f;
			}

			span {
			}
		}
	}
}

//icon
.i {
	vertical-align: middle;
	display: inline-block;
	background-image: url(/img/sprite.png);
	background-repeat: no-repeat;

	&-arrow-left,
	&-arrow-right {
		width: 39px;
		height: 32px;
		opacity: .21;

		&:hover,
		&:focus {
			opacity: 1;
		}
	}

	&-arrow-left {
		background-position: 0 0;
	}

	&-arrow-right {
		background-position: 0 0;
	}

	&-phone-small,
	&-email-small {
		width: 24px;
		height: 24px;
	}

	&-phone-small {
		background-position: -196px -84px;
	}

	&-email-small {
		background-position: -230px -84px;
	}

	&-home-middle,
	&-tell-middle,
	&-email-middle {
		width: 35px;
		height: 35px;
	}

	&-home-middle {
		background-position: -197px -118px;
	}

	&-tell-middle {
		background-position: -241px -118px;
	}

	&-email-middle {
		background-position: -286px -118px;
	}
}

//company-group
.company-group {
	margin-top: 50px;

	&__header {
		text-align: right;

		@media (max-width: 768px) {
			text-align: center;
		}
	}

	&__title {
		color: #e2181f;
		font-size: 70px;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 62px;
		font-family: 'Core Mellow', sans-serif;
	}

	&__infographic {
		margin-top: 31px;
	}

	&__user-text {
		margin-top: 40px;

		@media (max-width: 992px) {
			margin-top: 0;
		}

		&--first {
			@media (max-width: 992px) {
				margin-top: 40px;
			}
		}
	}
}

//infographic
.infographic {
	margin-bottom: 8px;

	&__list {
		display: table;
		width: 100%;
		height: 133px;

		@media (max-width: 768px) {
			display: block;
			height: auto;
		}
	}

	&__item {
		display: table-cell;
		width: 25%;
		text-align: center;
		color: #fff;
		vertical-align: middle;

		@media (max-width: 768px) {
			display: block;
			width: 100%;
			padding: 20px;
		}

		&--red {
			background: #e2181f;
		}

		&--black {
			background: #505050; //#302f30; // #1d1c1d;
			position: relative;

			@media (min-width: 768px) {
				&:before,
				&:after {
					content: '';
					display: block;
					position: absolute;
					left: 0;
					width: 100%;
					height: 9px;
					background: #505050; // #302f30; // #1d1c1d;
				}

				&:before {
					top: -9px;
				}

				&:after {
					bottom: -9px;
				}
			}
		}
	}

	&__inner {
		display: inline-block;
		text-align: right;
	}

	&__text-top {
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		opacity: .4;
	}

	&__text-middle {
		font-size: 40px;
		line-height: 40px;
		font-family: "Core Mellow", sans-serif;
		font-weight: 700;
	}

	&__text-bottom {
		font-size: 16px;
		left: 16px;
		font-weight: 700;
	}
}

//products
.products {
	margin-top: 50px;
	margin-bottom: 40px;
	overflow: hidden;

	&__header {
		border-bottom: 10px solid #e2181f;
		text-align: center;
	}

	&__title {
		color: #fff;
		font-weight: 800;
		font-family: "Core Mellow", sans-serif;
		font-size: 24px;
		text-transform: uppercase;
		display: inline-block;
		padding: 2px 17px;
		background: #e2181f;
		margin: 0;
	}

	&__tabs {

		ul {
			margin-top: 20px;
			margin-bottom: 30px;
			text-align: center;
			border: none;

			li {
				margin: 0 !important;
				border: none !important;
				display: inline-block;
				float: none;

				&:hover,
				&.active {

					a {
						background: #e2181f !important;
						border: transparent !important;
						color: #fff !important;
					}
				}

				a {
					border: none !important;
					margin: 0;
					border-radius: 13px;
					border: none !important;
					font-family: "Open Sans", sans-serif;
					font-weight: 700;
					font-size: 14px;
					color: #e2181f;
					padding: 5px 30px;
				}
			}
		}
	}

	&__list {

	}

	&__item {
		text-align: center;

		a {
			text-decoration: none;
			color: #232222;

			&:hover {
				color: #e2181f !important;

				div {
					color: #e2181f !important;
				}
			}
		}

		img {
			margin-left: auto;
			margin-right: auto;
		}

		div {
			margin-top: 32px;
			color: #232222;
			font-family: "Open Sans", sans-serif;
			font-size: 14px;

			&:hover {
				color: #e2181f;
			}
		}
	}

	.owl-controls {
		@media (max-width: 1280px) {
			display: none !important;
		}

		.owl-nav {

			.owl-prev,
			.owl-next {
				position: absolute;
				top: 50px;
				width: 84px;
				height: 84px;
				display: block;
				background-image: url(/img/sprite.png);
				opacity: 1;
				transition: all 0s !important;
			}

			.owl-prev {
				left: -110px;
				background-position: 0 -84px;

				&:hover {
					background-position: 0 -177px;
				}
			}

			.owl-next {
				right: -110px;
				background-position: -92px -84px;

				&:hover {
					background-position: -92px -177px;
				}
			}
		}
	}
}

//tricks-trade
.tricks-trade {
	margin-bottom: 60px;

	&__header {
		text-align: center;
	}

	&__title {
		display: inline-block;
		padding: 0 26px 6px;
		border-radius: 8px;
		color: #fff;
		font-family: 'Core Mellow';
		font-weight: 800;
		font-size: 70px;
		text-transform: uppercase;
		background: #e2181f;

		@media (max-width: 992px) {
			font-size: 60px;
		}

		@media (max-width: 768px) {
			font-size: 50px;
		}
	}
}

//tricks-trade-item
.tricks-trade-item {
	margin-top: 30px;
	text-align: center;

	&__img {
		margin-left: auto;
		margin-right: auto;
	}

	&__title {
		font-size: 26px;
		font-weight: 700;
		color: #2c2432;
		margin-top: 20px;
		margin-bottom: 30px;

	}

	&__text {
		font-size: 14px;
	}
}

//news-block
.news-block {
	background-color: #120a08;
	background-image: url(/img/news-block.png);
	background-size: cover;
	min-height: 600px;

	&__header {
		margin-bottom: 20px;

		&-icon {
			position: relative;
			margin-top: -34px;

			&:after {
				content: '';
				position: absolute;
				top: 13px;
				left: 0;
				right: 0;
				margin: auto;
				width: 98px;
				height: 22px;
				background: url(/img/news-block__header-icon.png);
			}

			img {
				position: relative;
				z-index: 1;
				margin-left: auto;
				margin-right: auto;
			}
		}

		&-text {
			margin-top: 28px;
			font-size: 12px;
			color: #b5b4b4;
			font-style: italic;
		}

		&-link {
			text-align: left;
			margin-top: 10px;
			text-transform: uppercase;
			font-family: "Core Mellow", sans-serif;
			font-size: 16px;
			color: #fff;

			a {
				color: #fff;
			}
		}
	}

	&__body {
		padding-bottom: 40px;
	}

	&__list {}
}

//pre-article
.pre-article {
	background: #fff;
	height: 250px;
	border-radius: 0 0 3px 0;

	@media (max-width:768px) {
		height: auto;
	}

	&__inner {
		height: 207px;
		overflow: hidden;
		position: relative;

		@media (max-width:768px) {
			height: auto;
		}
	}

	&__header {
		margin-top:24px;
		margin-bottom: 20px;
	}

	&__title {
		font-size: 20px;
		font-weight: 700;
		color: #1d1c1d !important;
	margin-top:24px;

	}

	&__body {
		fotn-size: 14px;
		color: #1d1c1d !important;
	}

	&__footer {
		position: relative;
		height: 43px;

		img {
			position: absolute;
			bottom: 0;
			right: -15px;
		}
	}

	&__date {
		display: inline-block;
		margin-top: 10px;
		color: #e2181f;
		font-weight: 700;
	}

	&__img {
		// background: url(/img/article__img.jpg);
		background-size: cover;
		height: 250px;
	}

	&__link {
		display: block;

		&:hover {
		 // background: #b9b9b9;
		}
	}

	.pre-article__body:after{
		@media (min-width: 992px){
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 20px;
			content: '';
			background: linear-gradient(to top, #fbfcfc 30%, transparent);
		}
	}
}

//news-list
.news-list {
	&__item {
		margin-bottom: 30px;
	}
}

//partners
.partners {
	// overflow: hidden;

	&__header {
		text-align: center;
		border-top: 10px solid #e2181f;
		margin-bottom: 52px;
	}

	&__title {
		font-family: 'Core Mellow', sans-serif;
		fotn-size: 24px;
		font-weight: 800;
		color: #fff;
		display: inline-block;
		background: #e2181f;
		margin: 0 0 0;
		padding: 0 15px 10px;
		text-transform: uppercase;
	}

	&__body {}

	&__list {
		margin-bottom: 30px;
	}

	&__item {}

	&__wrap-img {
		display: table;
		width: 100%;
		height: 100px;
		text-align: center;

		span {
			display: table-cell;
			vertical-align: middle;
		}

		img {
		}
	}

	.owl-controls {
		@media (max-width: 1400px) {
			display: none !important;
		}

		.owl-nav {

			.owl-prev,
			.owl-next {
				position: absolute;
				top: 24px;
				width: 48px;
				height: 48px;
				display: block;
				background-image: url(/img/sprite.png);
				opacity: 1;
				transition: all 0s !important;
			}

			.owl-prev {
				left: -110px;
				background-position: -98px 0;

				&:hover {
					background-position: -273px 0;
				}
			}

			.owl-next {
				right: -110px;
				background-position: -156px 0;

				&:hover {
					background-position: -215px 0;
				}
			}
		}
	}
}

//footer
.footer {
	background: #e3e3e3;
	padding-top: 30px;
	padding-bottom: 38px;
	position: relative;

	&:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 10px;
		display: block;
		background: linear-gradient(to bottom, #d0d0d0, transparent);
	}

	&__logo {
		@media (max-width: 1200px) {
			text-align: center;
			margin-bottom: 40px;
		}
	}

	&__onlinebees {
		@media (max-width: 1200px) {
			text-align: center;
			margin-top: 40px;
		}
	}
}

//footer-logo
.footer-logo {

	&__img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	&__text {
		display: inline-block;
		vertical-align: middle;
		color: #1d1c1d;
		font-size: 12px;
		font-style: italic;
		width: 182px;
	}
}

//footer-nav
.footer-nav {

	&__list {
		margin-top: 4px;
		text-align: center;
	padding-left:0;
	margin-left:0;
	}

	&__item {
		padding:6px;
		list-style: none;
		display: inline-block;

		 @media (max-width: 768px) {
			display: block;
		}
	}

	&__link {
		font-weight: 700;
		color: #e2181f;

		&:hover {
			color: #e2181f;
		}
	}
}

//onlinebees
.onlinebees {

	&__img {
		display: inline-block;
		vertical-align: middle;
	}

	&__text {
		vertical-align: middle;
		display: inline-block;
		width: 260px;
		font-size: 12px;
		margin-top: 10px;
	}

	&__link {
		font-weight: bold;
		color: #1d1c1d;

		&:hover {
			text-decoration: none;
			color: #e2181f;
		}
	}
}

//switch-lang
.switch-lang {
	background: #463e3a;
	height: 20px;
	width: 90px;
	position: relative;
	border-radius: 8px;
	cursor: pointer;

	&.en {
		.switch-lang__level {
			left: 48px;
		}
	}

	&__text {
		text-transform: uppercase;
		color: #fff;
		font-size: 8px;
		text-decoration: none;
		line-height: 20px;
		position: relative;
		z-index: 1;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		&-left {
			float: left;
			margin-left: 14px;
		}

		&-right {
			float: right;
			margin-right: 14px;
		}
	}

	&__level {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 42px;
		height: 20px;
		background: #e2181f;
		cursor: pointer;
		border-radius: 8px;
	}
}

//breadcrumb
.breadcrumb {
	background: transparent;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	padding-left: 0;

	& > li + li:before {
		content: '|';
		color: #e2181f;
	}

	a {
		font-weight: 700;
		color: #1d1c1d;
	}
}

//pager_string
.pager_string {
	margin-top: 160px;
	color: #d7d6d7;
	font-size: 20px;
	font-weight: 700;
	text-align: center;

	#leftPage,
	#rightPage {
		background-image: url(/img/sprite.png);
		background-repeat: no-repeat;
	color:transparent;
	}

	#leftPage {
		margin-right: 40px;
		background-position: -98px 0;
	}

	#rightPage {
		margin-left: 40px;
		background-position: -156px 0;
	}

	.cur {
		background: transparent;
		color: #1d1c1d;

		&:hover {
			background: transparent;
			color: #1d1c1d;
		}
	}

	& > * {
		vertical-align: top;
		text-align: center;
		width: 48px;
		line-height: 48px;
		height: 48px;
		color: #fff;
		background: #d7d6d7;
		border-radius: 50%;
		display: inline-block;
		margin: 0 4px;

		&:hover {
			color: #fff;
			background: #e2181f;
			text-decoration: none;
		}
	}
}

.border-top-9 {
	border-top: 10px solid #e41f26;
}

//text-padding
.text-margin {
	margin-top: 40px;
	margin-bottom: 40px;
}

//about
.about {

	&__img {

		@media (max-width: 992px) {
			text-align: center;

			img {
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
			}
		}
	}
}

//user_content
.user_content {
	font-family: "Open Sans", sans-serif;
	ul {
		padding-left: 0;

		li {
			list-style: none;
			margin-left: 70px;
			position: relative;
			margin-bottom: 0;

			&:before {
				position: absolute;
				top: 4px;
				left: -25px;
				content: '';
				color: white;
				background: #e2181f;
				border-radius: 25%;
				display: inline-block;
				text-align: center;
				line-height: 40px;
				width: 12px;
				height: 12px;
				line-height: 24px;
			}
		}
	}

	ol {
		padding-left: 0;
		counter-reset: myCounter;

		li {
			list-style: none;
			margin-left: 70px;
			position: relative;
			margin-bottom: 20px;

			&:before {
				position: absolute;
				top: -1px;
				left: -45px;
				counter-increment: myCounter;
				content:counter(myCounter);
				color: white;
				background: #e2181f;
				border-radius: 50%;
				display: inline-block;
				text-align: center;
				line-height: 40px;
				width: 24px;
				height: 24px;
				line-height: 24px;
			}
		}
	}
}

.partners-list {

	&__inner {
		display: table;
		height: 86px;
		width: 100%;
	}

	&__center {
		display: table-cell;
		vertical-align: middle;
	}

	&__item {
		height: 86px;
		margin-bottom: 50px;

		img {
			margin-left: auto;
			margin-right: auto;
		}
	}
}

//article
.article {
	&__wrap-img {
		width: 50%;
		float: left;
		margin: 0 30px 30px;

		@media (max-width: 768px) {
			float: none;
			margin-right: 0;
			margin-left: 0;
			width: 100%;
		}
	}

	&__img {
		@media (max-width: 768px) {
			margin-left: auto;
			margin-right: auto;
			padding-top:20px;
		}
	}

	&__header {
		font-size: 34px;
		font-weight: 700;
		margin: 26px 0 36px;
		margin-right: 30px
	}

	&__title {
		@media (max-width: 768px) {
			margin-left: 30px;
		}

	}

	&__data {
		font-weight: 700;
		font-size: 12px;
		color: #e2181f;
		display: block;
	@media (max-width: 768px) {
			margin-left: 30px;
		}
	}

	&__body {
		margin-right: 30px
	}
}

//photo-gallery
.photo-gallery {
	margin-top: 70px;

	&__header {
		border-bottom: 9px solid #e2181f;
		text-align: center;
	}

	&__title {
		background: #e2181f;
		display: inline-block;
		font-size: 24px;
		text-transform: uppercase;
		color: #fff;
		font-family: "Core Mellow", sans-serif;
		border-radius: 2px;
		padding: 10px 15px;
		margin: 0 0 -10px;
	}

	&__body {
		margin: 15px 26px;
	}

	&__count {
		margin: 15px 0;
		font-style: italic;
		font-size: 12px;
	}



	&__list {
	}

	&__item {
		margin-bottom: 30px;

		img {
			margin-left: auto;
			margin-right: auto;
		}
	}
}

//block
.block {

	&--white {
		// background: #fff;  // было закрыто 04.10.2017
		// box-shadow: 0 0 4px rgba(0,0,0,.15); // было закрыто 04.10.2017
	}
}

//contact-block
.contact-block {
	margin-bottom: 30px;

	&__header {
		padding-top: 30px;
		padding-bottom: 32px;
	}

	&__title {
		font-size: 26px;
		color: #e2181f;
		font-weight: 700;
		margin: 0 15px;
	}

	&__list {
		padding-bottom: 18px;
	}
}

.contact {
	margin-bottom: 10px;

	&__img {
		border-radius: 50%;
	}

	&__name {
		font-size: 18px;
		font-weight: 700;
		min-height: 40px;
		margin-bottom: 6px;
		margin-top: 16px;

		i { margin-right: 10px; }
	}

	&__phone {
		font-weight: bold;
		margin-bottom: 10px;

		i { margin-right: 10px; }

		span {
			color: #e2181f;
		}
	}

	&__email {
		i { margin-right: 10px; }
	}
}


//.address-line
.address-line-list {
	padding-bottom: 40px;
}

.address-line {
	margin-bottom: 30px;

	&__left {
		display: inline-block;
		vertical-align: top;
		margin-right: 20px;
		margin-bottom: 20px;

		@media (max-width: 768px) {
			display: block;
			width: 100%;
		}
	}

	&__right {
		display: inline-block;
		vertical-align: top;
	}

	&__title {
		fotn-size: 18px;
		color: #e2181f;
		font-weight: 700;
		margin-bottom: 16px;
	}

	&__text {
		&--phone {
			font-weight: 700;
			font-size: 26px;

			span {
				color: #e2181f;
			}
		}
	}
}


//address-line-list
.address-line-list {
	margin-left: 15px;
	margin-right: 15px;
}


//contact-form
.contact-form {
	background: url(/img/contact-form.jpg) 50% 0 no-repeat;
	background-size: cover;
	color: #fff;
	padding: 0 160px 30px 140px;
	position: relative;

	@media (max-width: 992px) {
		padding-right: 100px;
		padding-left: 100px;
	}

	@media (max-width: 768px) {
		padding-right: 30px;
		padding-left: 30px;
	}


	&__logo {
		position: absolute;
		top: -37px;
		left: 10px;
		z-index: 2;
		background: url(/img/contact-form__header.png) 50% 15px no-repeat;
	}

	&__header {
		padding-top: 24px;
	}

	&__title {
		font-family: 'Core Mellow', sans-serif;
		fotn-size: 24px;
		text-transform: uppercase;
	}

	&__subtitile {
		font-size: 12px;
		line-height: 16px;
		font-style: italic;
		opacity: .6;
	}
}


//map
.map {

	&__header {
		text-align: center;
		border-bottom: 9px solid #e2181f;
	}

	&__title {
		padding: 8px;
		display: inline-block;
		font-size: 24px;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Core Mellow', sans-serif;
		font-weight: 800;
		background: #e2181f;
		border-radius: 2px;
		margin: 0 0 -4px;
	}

	&__body {
		text-align: center;
		img {
			width: 100%;
			height: 574px;
		}
	}
}





.white_block {
	margin-bottom: 30px;
	&.faq{
		.red_line{
			height:9px;
			background-color:#e2181f;
			width:100%;
			margin-bottom:24px;
		}
		.date_block{
			margin-bottom:20px;
			.text{
				color:#e2181f;
				font-size:14px;
				font-weight:bold;
			}
			@media (min-width: @screen-md) {
				padding-left:44px;
			}
		}
		.info{
			color:#999999;
			font-size:12px;
			margin-bottom:18px;
		}

		.text_block{
			margin-bottom:20px;
			.text{
				color:#1d1c1d;
				font-size:18px;
				font-weight:bold;
			}
		}
		.author_block{
			margin-bottom:20px;
			.text{
				color:#1d1c1d;
				font-size:14px;
				font-weight:bold;
			}
			@media (min-width: @screen-md) {
				padding-left:44px;
				padding-right:30px;
			}
		}
		.item_block{
			@media (max-width: @screen-md) {
				padding-left:44px;
				padding-right:30px;
			}
		}
		.switch{
			position:relative;
			display:inline-block;
			color:#e2181f;
			border-bottom:1px dashed #e2181f;
			margin-bottom:36px;
			cursor:pointer;
			//transition:all 0.2s linear 0.2s;
			&:after{
				background: url("/img/arrow_red.png") no-repeat scroll 0 -5px transparent;
				content:"";
				height:4px;
				position:absolute;
				right:-20px;
				top:9px;
				width:10px;
			}
			&.show_flag{
				&:after{
					background-position:0 0;
				}
			}
			@media(max-width: 992px) {
				margin:0 0 0 27px;
			}
		}

		.answer{
			display:none;
		}
		.text_red{
			color:#e2181f;
			font-size:14px;
			font-weight:bold;
		}
	}
}

.category_sub_title{
	font-family: 'Core Mellow', sans-serif;
	font-size: 20px;
	margin:0 0 24px 0;
}

.product_list{
	font-family: "Open Sans", sans-serif;
	.product_item{
		background-color:#f5f5f5;
		position: relative;
		.red_line{
			height:9px;
			background-color:#e2181f;
			width:100%;
		}
		.img{
			background-color:#fff;
			text-align: center;
			@media (max-width: @screen-sm) {
				text-align:center;
			}
			img{
				@media (max-width: @screen-sm) {
					height:200px;
					text-align:center;
					max-width: 100%;
				}
			}
		}
		.text_block{
			background-color:#f5f5f5;
			height:351px;
			.text_inner{
				padding:20px 20px 0 10px;
				min-height:267px;
				max-height:630px;
				// height:267px;
				overflow:hidden;

				.category{
					color:#e2181f;
					font-size:14px;
					font-weight:bold;
					margin:0 0 9px 0;
				}
				.subcategory{
					color:#2c2432;
					font-size:20px;
					font-weight:bold;
					margin:0 0 10px 0;
					a{
						color: #2c2432;
						text-decoration:none;
						&:hover{
							text-decoration:none;
						}
					}
				}
				.volume{
					color:#222;
					font-size:12px;
					margin:0 0 6px 0;
					span{
						font-weight:bold;
					}
				}
				.strong{
					color:#222;
					font-size:12px;
					margin:0 0 20px 0;
					span{
						font-weight:bold;
						color:#e2181f;
					}
				}
				.text {
					overflow: hidden;
					height: 180px;
				}
			}
		}
		.dotted{
			color:#e2181f;
			font-size:23px;
			font-weight:bold;
			margin:10px 0 0 0;
			padding:0 0 42px 35px;
		}
		.more{
			position: absolute;
			bottom: 0;
			right: 0;
		}

	}
}

.modal{
		.modal-dialog{
		.modal-content{
			border-radius:0;
			border:0;
			background-color:#f5f5f5;
			background-size: cover;
			.modal-header{
				height:9px;
				min-height:9px;
				background-color:#e2181f;
				width:100%;
				margin-bottom:24px;
				position:relative;
				padding:0;
				border-bottom:0;

								.close{
					background:transparent url(/img/close.png) no-repeat scroll center 0;
										position: absolute;
										top:15px;
										right:8px;
										width:46px;
										height:46px;
										border:none;
										margin:0;
					z-index: 1000;
					opacity:1;
					transition: all 0.1s linear 0.2s;
					&:hover{
						opacity:0.7;
					}
								}
						}
						.modal-body{
				.zag{
					color: #e2181f;
					margin-bottom:8px;
					font-size:26px;
					text-align:center;
				}
				.note{
					font-size:16px;
					font-style:italic;
					color: #fff;
					margin-bottom:30px;
					span{
						color:#ff7747;
						font-size:26px;
					}
				}
				.ico_logo{
					background:url("/img/bgr.png") no-repeat scroll -272px 0 transparent;
					height:160px;
					left:50%;
					position:absolute;
					top:12px;
					width:100px;
					margin-left:-64px;
				}
				.zv{
					vertical-align:top;
					color:#ff7747;
					font-size:26px;
				}

				input,
				textarea{
					display: block;
					width: 100%;
					background: #fff;
					padding: 20px;
					margin-top: 20px;
					margin-bottom: 20px;
					border: 0;
					box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.3);
					color: #1d1c1d;
					border-radius:0;
				}
				.form-zag{
					color:#000;
					font-size:12px;
					font-weight:bold;
				}
				.error{
					background-color:#f4d3d5;
				}
						}

			&.modal-product{
				.modal-header{
					margin-bottom:0;
				}
				.modal-body{
					padding:0;
					.product_list{
						.product_item{
							/*background-color: #fff;*/
							width: 800px; // добавлено 2016-01-11
							.img {
								width: 800px; // добавлено 2016-01-11
								text-align:center;
								img {
									// text-align:center; // убрано 2016-01-11
									width: 800px;
									height: 610px;

								}
							}
							.text_block{
								background-color: #F5F5F5;
								height:auto;
								display: none; // добавлено 2016-01-11

								.text_inner{
									max-height:none;
									height:auto;
									overflow:visible;
									padding: 32px 30px 32px 20px;
									min-height: 610;
								}
							}
						}
					}
				}
			}
		}
	}
}






.left_menu_bgr{
	background: url("/img/menu_left.png") no-repeat scroll 0 0 transparent; position:relative;
}
.left_menu{
	margin:0 0 30px 0;
	max-width:263px;
	padding:0;
	list-style:none outside none;
	border-radius:0 0 5px 5px;
	li{
		margin:0;
		padding:0;
		list-style:none;
		a{
			font-size: 14px;
			display:block;
			padding:13px 40px;
			color:#fff;
			text-decoration:none;
			opacity:1;
			&:hover{
				background-color:#e41f26;
				text-decoration:none;
			}
		}
		.lvl_1{
			font-weight:bold;
			background: url("/img/menu_left_lvl_1.png") repeat scroll 0 0 transparent;
		}
		.lvl_2{
			font-style:normal;
			padding:8px 20px;
		}
		.active{
			background-color:#fff;
			color:#e41f26;
			font-weight:bold;
			font-style:italic;
			&:hover{
				background-color:#fff;
			}
		}
	}
	li:first-child{
		padding-top:122px;
	}
	li:last-child{
		padding-bottom:28px;
	}
}

/* ======================
Свойства контейнера с ссылками на электронные каталоги продукции
========================= */

 .container-cataloglink {
   max-width: 100%;
    margin: 10px 0 50px 0;
    padding: 10px;
	border-radius: 5px;
	border: 2px solid red;
	float:left;
}

.icon-cataloglink {
	width:50%;
	float:left;
	div {
		clear:left;
		text-align:left;
		}
	img {
		float:left;
		}
	p {
		font-weight:bold;
		text-align:left;
		padding-left:50px;
		padding-right:10px;
		}
}

/* ======================
Свойства контейнера с ссылками на ТМ в разделе с продукцией
========================= */

.container-brand {
   max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}

.logo-brand {
	width:30%;
	padding:10px;
	float:left;

		div {
			clear:left;
			text-align:center;
			h3 {margin: 30px 0 0;}
		}
		p {
			font-weight:bold;
			text-align:center;
			text-transform: uppercase;
				a {color:black;}
		}
}

.logo-brand-catalog {
	width:25%;
	padding:10px;
	float:left;

		div {
			clear:left;
			text-align:center;
			h3 {margin: 30px 0 0;}
		}
		p {
			font-weight:bold;
			text-align:center;
			text-transform: uppercase;
				a {color:black;}
		}
}

.img-brand {
	display: block;
	max-width: 100%; /* ширина, размеры в процентах*/
	height: auto;
	margin: 20px 0px; /* отступы сверху и снизу */
	padding: 4px;  /* для красоты внутренние отступы */
}

.img-brand-small {
	display: block;
	max-width: 30%; /* ширина, размеры в процентах*/
	height: auto;
	margin: 0px 10px 20px 0px; /* отступы сверху и снизу */
	padding: 4px;  /* для красоты внутренние отступы */
	float: left;
}

#toTop {
 position:fixed;
 z-index:9999;
 bottom:160px;
 right:65px;
 background: url('/uploaded/icon/up-button.png') no-repeat;
 width: 40px;
 height: 46px;
 border: none;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 text-decoration: none;
}