/*
Theme Name: Yellowplane
Theme URI: http://
Author: Alexandr Jormungandr
Author URI: 
Description: Yellowplane Theme
Version: 1.0
License: CCA 3.0 license
License URI: http://creativecommons.org/licenses/by/3.0/
Tags: 
*/

@charset "UTF-8";
@font-face {
	font-family: "MuseoSansCyrl";
	font-weight: 300;
	font-style: normal;
	src: url("fonts/MuseoSansCyrlLight/MuseoSansCyrlLight.eot");
	src: url("fonts/MuseoSansCyrlLight/MuseoSansCyrlLight.eot?#iefix") format("embedded-opentype"), url("fonts/MuseoSansCyrlLight/MuseoSansCyrlLight.woff") format("woff"), url("fonts/MuseoSansCyrlLight/MuseoSansCyrlLight.ttf") format("truetype"); }

@font-face {
	font-family: "MuseoSansCyrl";
	font-weight: 500;
	font-style: normal;
	src: url("fonts/MuseoSansCyrlMedium/MuseoSansCyrlMedium.eot");
	src: url("fonts/MuseoSansCyrlMedium/MuseoSansCyrlMedium.eot?#iefix") format("embedded-opentype"), url("fonts/MuseoSansCyrlMedium/MuseoSansCyrlMedium.woff") format("woff"), url("fonts/MuseoSansCyrlMedium/MuseoSansCyrlMedium.ttf") format("truetype"); }

@font-face {
	font-family: "MuseoSansCyrl";
	font-weight: 700;
	font-style: normal;
	src: url("fonts/MuseoSansCyrlBold/MuseoSansCyrlBold.eot");
	src: url("fonts/MuseoSansCyrlBold/MuseoSansCyrlBold.eot?#iefix") format("embedded-opentype"), url("fonts/MuseoSansCyrlBold/MuseoSansCyrlBold.woff") format("woff"), url("fonts/MuseoSansCyrlBold/MuseoSansCyrlBold.ttf") format("truetype"); }

@font-face {
	font-family: "MuseoSansCyrl";
	font-weight: 900;
	font-style: normal;
	src: url("fonts/MuseoSansCyrlBlack/MuseoSansCyrlBlack.eot");
	src: url("fonts/MuseoSansCyrlBlack/MuseoSansCyrlBlack.eot?#iefix") format("embedded-opentype"), url("fonts/MuseoSansCyrlBlack/MuseoSansCyrlBlack.woff") format("woff"), url("fonts/MuseoSansCyrlBlack/MuseoSansCyrlBlack.ttf") format("truetype"); }

html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden; }

body {
	font-size: 16px!important;
	line-height: 1.6;
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	color: #242424;
	background: #fff; }

.hidden {
	display: none; }

a {
	outline: none !important;
	color: #242424; }
	a:hover, a:active, a:focus {
		text-decoration: none; }

strong {
	font-weight: normal;
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 700; }

.button {
	-webkit-border-radius: 0;
					border-radius: 0;
	background: transparent;
	-webkit-box-shadow: none;
					box-shadow: none;
	width: auto;
	line-height: 1.3;
	margin: 0;
	display: inline-block;
	text-align: center;
	color: #3C3C3C;
	font-size: 14px;
	font-family: "MuseoSansCyrl", sans-serif;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border: 2px solid #3C3C3C;
	outline: none;
	padding: 9px 17px 9px;
	height: auto;
	font-weight: 500;
	cursor: pointer; }
	.button:hover, .button:active, .button:focus:hover {
		background: #3C3C3C;
		color: #fff;
		-webkit-box-shadow: none;
						box-shadow: none;
		outline: none; }
	.button:focus {
		background: transparent;
		color: #3C3C3C;
		-webkit-box-shadow: none;
						box-shadow: none;
		outline: none; }
	.button__yellow {
		border-color: #F8D548;
		color: #fff; }
		.button__yellow:hover, .button__yellow:active, .button__yellow:focus:hover {
			background: #F8D548;
			color: #3C3C3C; }
		.button__yellow:focus {
			background: transparent;
			color: #fff; }

.section-title {
	margin-bottom: 45px; }
	.section-title h2 {
		font-size: 40px;
		font-weight: 900;
		line-height: 1.1;
		margin: 0 0 12px; }
		.section-title h2 span {
			display: block; }
	.section-title p {
		display: inline-block;
		position: relative;
		font-size: 22px;
		font-weight: 300;
		line-height: 1.4;
		margin: 0;
		z-index: 0; }
		.section-title p span {
			display: block; }
		.section-title p:before {
			position: absolute;
			bottom: -2px;
			left: 0;
			width: 100%;
			height: 10px;
			background: #F8D548;
			content: '';
			z-index: -1; }
	.section-title__white h2 {
		color: #fff; }
	.section-title__white p {
		color: #fff; }

*::-webkit-input-placeholder {
	color: #242424;
	opacity: 1;
	font-weight: 600; }

*::-moz-placeholder {
	color: #242424;
	opacity: 1;
	font-weight: 600; }

*:-ms-input-placeholder {
	color: #242424;
	opacity: 1;
	font-weight: 600; }

::-webkit-input-placeholder {
	color: #666666;
	font-weight: 600; }

::-moz-placeholder {
	color: #666666;
	font-weight: 600; }

:-ms-input-placeholder {
	color: #666666;
	font-weight: 600; }

::-ms-input-placeholder {
	color: #666666;
	font-weight: 600; }

::placeholder {
	color: #666666;
	font-weight: 600; }

::-moz-selection {
	background-color: #F8D548;
	color: #fff; }

::selection {
	background-color: #F8D548;
	color: #fff; }

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background-color: #e6e6e6; }
	#preloader .cssload-whirlpool {
		position: absolute;
		top: 50%;
		left: 50%;
		border: 1px solid #fff;
		-webkit-border-radius: 974px;
						border-radius: 974px; }
		#preloader .cssload-whirlpool::before, #preloader .cssload-whirlpool::after {
			position: absolute;
			top: 50%;
			left: 50%;
			border: 1px solid #fff;
			border-left-color: #E4BE28;
			-webkit-border-radius: 974px;
							border-radius: 974px;
			margin: -24px 0 0 -24px;
			height: 49px;
			width: 49px;
			-webkit-animation: cssload-rotate 1150ms linear infinite;
							animation: cssload-rotate 1150ms linear infinite; }
		#preloader .cssload-whirlpool::before {
			content: "";
			margin: -22px 0 0 -22px;
			height: 43px;
			width: 43px;
			-webkit-animation: cssload-rotate 1150ms linear infinite;
							animation: cssload-rotate 1150ms linear infinite; }
		#preloader .cssload-whirlpool::after {
			content: "";
			margin: -28px 0 0 -28px;
			height: 55px;
			width: 55px;
			-webkit-animation: cssload-rotate 2300ms linear infinite;
							animation: cssload-rotate 2300ms linear infinite; }

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
						transform: rotate(360deg); } }

@keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
						transform: rotate(360deg); } }

.header {
	padding: 25px 0 25px;
	background: #000; }
	.header--logo {
		margin-right: 100px; }
		.header--logo img {
			max-width: 100%;
			height: auto; }
	.header--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
						justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center; }
	.header--location {
		position: relative;
		padding-left: 40px; }
		.header--location .icon {
			position: absolute;
			top: 3px;
			left: 0; }
			.header--location .icon img {
				max-width: 100%;
				height: auto; }
		.header--location p {
			font-weight: 300;
			line-height: 1.4;
			margin: 0; }
			.header--location p span {
				display: block; }
	.header--phone {
		position: relative;
		padding-left: 45px; }
		.header--phone .icon {
			position: absolute;
			top: 2px;
			left: 0; }
			.header--phone .icon img {
				max-width: 100%;
				height: auto; }
		.header--phone ul {
			padding-left: 0;
			list-style: none;
			margin: 0; }
			.header--phone ul li {
				line-height: 1.2;
				margin-bottom: 1px; }
				.header--phone ul li:last-child {
					margin-bottom: 0; }
				.header--phone ul li a {
					font-size: 16px;
					color: #3C3C3C;
					-webkit-transition: all .5s ease;
					-o-transition: all .5s ease;
					transition: all .5s ease;
					font-weight: 700; }
					.header--phone ul li a:hover {
						color: #F8D548; }
	.header-0 {
	padding: 3px 0;
	background: #fff; }
	.header-0--logo {position:absolute; z-index:1; margin: 0 15px 0 60px;}
	.header-0--logo img {
			max-width: 94%;
			height: auto; }
	.header-design, .header-eshop, .header-chif, .header-vod, .header-byt {position:relative; left:100px;}
	.header-design p, .header-eshop p, .header-chif p, .header-vod p, .header-byt p {position:relative; left:-5px; margin:0px 5px;}
	.header-design p:before, .header-eshop p:before, .header-chif p:before, .header-vod p:before, .header-byt p:before {content:"|"; padding:0 15px 0 5px; color:#848484;}
	.header-0--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
						justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center; }
	.header-eshop a, .header-chif a, .header-vod a, .header-byt a {color:#848484;}
	.header-design a:hover, .header-eshop a:hover, .header-chif a:hover, .header-vod a:hover, .header-byt a:hover {color:#384091;}


.about {
	background: #3C3C3C; }
	.about--row {
		position: relative;
		padding: 65px 0 75px; }
	.about--line {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: #4D4D4D; }
		.about--line.line-2 {
			left: 25%; }
		.about--line.line-3 {
			left: 50%; }
		.about--line.line-4 {
			left: 75%; }
		.about--line.line-5 {
			left: 100%; }
	.about--social {
		padding: 65px 0 75px;
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
		height: 100%;
		border-left: 1px solid #4D4D4D;
		z-index: 10; }
		.about--social .social-list {
			position: absolute;
			top: 205px;
			left: -124px;
			padding-left: 0;
			list-style: none;
			margin: 0;
			-webkit-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
							transform: rotate(90deg);
			width: 300px; }
			.about--social .social-list li {
				display: inline-block;
				line-height: 1;
				margin-right: 55px; }
				.about--social .social-list li:last-child {
					margin-right: 0; }
				.about--social .social-list li a {
					color: #8B8B8B;
					-webkit-transition: all .5s ease;
					-o-transition: all .5s ease;
					transition: all .5s ease; }
					.about--social .social-list li a:hover {
						color: #fff; }
		.about--social .social-share {
			width: 12px;
			height: 12px;
			position: absolute;
			bottom: 80px;
			left: 50%;
			margin-left: -6px;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease; }
			.about--social .social-share:hover {
				opacity: .5; }
	.about--slider-arrows {
		margin-bottom: 70px;
		padding-left: 10px; }
	.about--slider-left {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-left-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		margin-right: 12px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.about--slider-left:hover {
			background-image: url(img/slider-left-arrow-white.svg); }
		.about--slider-left:focus, .about--slider-left:active {
			outline: none; }
	.about--slider-right {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-right-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.about--slider-right:hover {
			background-image: url(img/slider-right-arrow-white.svg); }
		.about--slider-right:focus, .about--slider-right:active {
			outline: none; }
	.about--descr {
		margin-bottom: 130px;
		padding-left: 10px; }
		.about--descr h1 {
			font-size: 40px;
			line-height: 1;
			font-weight: 900;
			margin: 0 0 10px;
			color: #fff; }
			.about--descr h1 span {
				display: block; }
				.about--descr h1 span.yellow-color {
					color: #F8D548; }
		.about--descr p {
			font-size: 26px;
			line-height: 1.2;
			margin: 0;
			color: #A0A0A0;
			font-weight: 500; }
	.about--icon-wrap {
		padding-left: 10px; }
	.about--icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
		margin-bottom: 30px; }
		.about--icon .icon {
			min-width: 70px; }
		.about--icon p {
			color: #fff;
			line-height: 1.5;
			margin: 0;
			font-weight: 300; }
			.about--icon p span {
				display: block; }
	.about--slider-wrap {
		position: relative;
		margin-right: 40px; }
		.about--slider-wrap:before {
			position: absolute;
			bottom: -4px;
			right: 40px;
			width: 180px;
			height: 4px;
			background: #F8D548;
			content: ''; }
	.about--slider {
		max-width: 638px; }
		.about--slider .item img {
			width: auto;
			max-width: 100%;
			height: auto; }
	.about--slider-min {
		position: absolute;
		bottom: 30px;
		left: -95px;
		max-width: 290px;
		border: 12px solid #3C3C3C; }
		.about--slider-min .item img {
			width: auto;
			max-width: 100%;
			height: auto; }

.project {
	background: #fff;
	padding: 85px 0 75px; }
	.project--button {
		margin-top: 5px;
		margin-left: 30px; }
	.project--row {
		margin-left: -20px;
		margin-right: -20px; }
		.project--row .col-lg-4 {
			margin-bottom: 35px;
			padding-left: 20px;
			padding-right: 20px; }
	.project--item {
		border: 2px solid #F9F8F7;
		padding: 20px 35px 45px;
		position: relative;
		height: 100%; }
		.project--item .icon {
			margin-bottom: 15px;
			height: 50px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: end;
			-webkit-align-items: flex-end;
					-ms-flex-align: end;
							align-items: flex-end; }
		.project--item h4 {
			font-size: 14px;
			font-weight: 900;
			line-height: 1.2;
			margin: 0 0 15px; }
		.project--item p {
			line-height: 1.4;
			margin: 0; }
		.project--item .more-button {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 55px;
			height: 55px;
			background: #F9F8F7 url(img/more-button.svg) no-repeat center center;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease; }
			.project--item .more-button:hover {
				background-color: #f5f4f3; }

.video {
	background: #3C3C3C; }
	.video .section-title {
		margin-bottom: 50px; }
	.video--row {
		position: relative;
		padding: 130px 0 160px; }
	.video--line {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: #4D4D4D; }
		.video--line.line-2 {
			left: 25%; }
		.video--line.line-3 {
			left: 50%; }
		.video--line.line-4 {
			left: 75%; }
		.video--line.line-5 {
			left: 100%; }
	.video--descr-wrap {
		padding-left: 35px; }
	.video--descr {
		margin-bottom: 170px; }
		.video--descr p {
			color: #A5A5A5;
			line-height: 1.4; }
			.video--descr p:last-child {
				margin-bottom: 0; }
	.video--button .button {
		padding-left: 60px;
		padding-right: 60px; }
	.video--slider {
		padding-left: 15px; }
		.video--slider .item {
			display: inline-block;
			border: 10px solid #F3F1ED;
			position: relative; }
			.video--slider .item:before {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/play-button.svg) no-repeat center center;
				content: ''; }
			.video--slider .item img {
				max-width: 100%;
				height: auto;
				width: auto; }
	.video--slider-arrows {
		margin-top: 65px;
		text-align: right;
		padding-right: 15px; }
	.video--slider-left {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-left-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		margin-right: 12px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.video--slider-left:hover {
			background-image: url(img/slider-left-arrow-white.svg); }
		.video--slider-left:focus, .video--slider-left:active {
			outline: none; }
	.video--slider-right {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-right-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.video--slider-right:hover {
			background-image: url(img/slider-right-arrow-white.svg); }
		.video--slider-right:focus, .video--slider-right:active {
			outline: none; }

.profit {
	background: #F3F1EE;
	padding: 75px 0; }
	.profit .section-title {
		margin-bottom: 90px;
		margin-top: 15px; }
	.profit--icon-wrap {
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.profit--icon {
		text-align: center;
		position: relative;
		min-width: 150px;
		margin-right: 100px; }
		.profit--icon:last-child {
			margin-right: 0; }
			.profit--icon:last-child:before {
				display: none; }
		.profit--icon:before {
			position: absolute;
			top: 40px;
			right: -80px;
			-webkit-border-radius: 50%;
							border-radius: 50%;
			width: 45px;
			height: 45px;
			background: #E9E6DF url(img/plus-black.svg) no-repeat center center;
			content: ''; }
		.profit--icon .icon {
			width: 36px;
			height: 36px;
			background: #F8D548 url(img/check.svg) no-repeat center center;
			-webkit-border-radius: 50%;
							border-radius: 50%;
			margin: 0 auto 15px; }
		.profit--icon p {
			font-size: 16px;
			margin: 0;
			font-weight: 900;
			color: #3C3C3C;
			line-height: 1.4; }
			.profit--icon p span {
				display: block; }
	.profit--image {
		text-align: right;
		padding-right: 15px; }
		.profit--image img {
			max-width: 100%;
			height: auto; }

.start {
	background: url(img/pattern-bg.png) repeat top left;
	padding: 135px 0 0;
	position: relative; }
	.start:before {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 135px;
		background: #fff;
		content: ''; }
	.start .section-title {
		margin-bottom: 85px; }
	.start--descr {
		margin-bottom: 75px;
		max-width: 420px; }
		.start--descr p {
			line-height: 1.4;
			font-weight: 500; }
			.start--descr p:last-child {
				margin-bottom: 0; }
	.start--images {
		max-width: 510px; }
		.start--images .row {
			margin-left: -10px;
			margin-right: -10px; }
			.start--images .row .col-auto {
				padding-left: 10px;
				padding-right: 10px; }
		.start--images .image img {
			max-width: 100%;
			height: auto; }
	.start--form {
		background: #fff;
		border: 8px solid #E9E6DF;
		padding: 38px 50px 45px;
		max-width: 430px;
		margin: 0 auto;
		width: 100%; }
		.start--form .title {
			margin-bottom: 15px; }
			.start--form .title h3 {
				font-size: 30px;
				line-height: 1.2;
				margin: 0 0 8px;
				font-weight: 900; }
			.start--form .title p {
				font-size: 13px;
				line-height: 1.2;
				margin: 0;
				font-weight: 500; }

.form .form-group {
	margin-bottom: 20px; }

.form .form-control {
	-webkit-border-radius: 0;
					border-radius: 0;
	border-color: #E0E0E0;
	padding: 16px 15px;
	color: #242424;
	font-size: 14px;
	font-weight: 500;
	outline: none;
	-webkit-box-shadow: none;
					box-shadow: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	.form .form-control:hover, .form .form-control:focus {
		border-color: #F8D548; }
	.form .form-control::-webkit-input-placeholder {
		color: #9D9D9D;
		font-weight: 500; }
	.form .form-control:-moz-placeholder {
		color: #9D9D9D;
		font-weight: 500; }
	.form .form-control::-moz-placeholder {
		color: #9D9D9D;
		font-weight: 500; }
	.form .form-control:-ms-input-placeholder {
		color: #9D9D9D;
		font-weight: 500; }

.form .input-group {
	line-height: 1; }

.form .custom-file {
	height: 15px; }

.form .file-input {
	height: 15px;
	cursor: pointer;
	font-weight: 500; }

.form .file-label {
	padding: 0;
	border: none;
	height: 15px;
	-webkit-border-radius: 0;
					border-radius: 0;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 150px;
	margin: 0;
	line-height: 1.2;
	cursor: pointer;
	color: #9D9D9D;
	font-weight: 500;
	font-size: 14px; }
	.form .file-label:after {
		right: auto;
		left: 0;
		height: 15px;
		border: none;
		background: transparent;
		content: 'Прикріпити файл';
		color: #3C3C3C;
		padding: 0;
		font-weight: 500;
		text-decoration: underline;
		line-height: 1.2;
		font-size: 14px; }

.form .button {
	display: block;
	width: 100%;
	padding: 16px 10px; }

.reason {
	padding: 80px 0 55px; }
	.reason .section-title {
		margin-bottom: 55px; }
	.reason--row .col-lg-3 {
		margin-bottom: 35px; }
	.reason--item {
		height: 100%; }
		.reason--item .icon {
			height: 57px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: end;
			-webkit-align-items: flex-end;
					-ms-flex-align: end;
							align-items: flex-end;
			margin-bottom: 25px; }
		.reason--item p {
			font-size: 14px;
			line-height: 1.4;
			color: #3C3C3C;
			margin-bottom: 12px;
			font-weight: 500; }
			.reason--item p:last-child {
				margin-bottom: 0; }
		.reason--item ul {
			padding-left: 0;
			list-style: none;
			margin: 0; }
			.reason--item ul li {
				position: relative;
				line-height: 1.4;
				padding-left: 10px;
				font-weight: 500; }
				.reason--item ul li:before {
					position: absolute;
					top: 7px;
					left: 0;
					width: 5px;
					height: 5px;
					-webkit-border-radius: 50%;
									border-radius: 50%;
					background: #3C3C3C;
					content: ''; }

.portfolio {
	padding: 110px 0 75px;
	background: #F3F1EE; }
	.portfolio .section-title {
		margin-bottom: 25px; }
	.portfolio--slider .item .image {
		position: relative;
		display: inline-block;
		margin-bottom: 13px; }
		.portfolio--slider .item .image:hover:before {
			opacity: 1; }
		.portfolio--slider .item .image:hover .more-button {
			opacity: 1; }
		.portfolio--slider .item .image:before {
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(60, 60, 60, 0.55);
			width: 100%;
			height: 100%;
			content: '';
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
			opacity: 0; }
		.portfolio--slider .item .image img {
			max-width: 100%;
			height: auto;
			width: auto; }
		.portfolio--slider .item .image .more-button {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -20px;
			margin-left: -77px;
			display: block;
			border: 2px solid #F8D548;
			color: #fff;
			width: 154px;
			padding: 7px 10px;
			text-align: center;
			font-weight: 500;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
			opacity: 0; }
			.portfolio--slider .item .image .more-button img {
				display: none; }
			.portfolio--slider .item .image .more-button:hover {
				background: #F8D548;
				color: #fff; }
	.portfolio--slider .item .hidden-image {
		display: none; }
	.portfolio--slider .item .descr {
		text-align: center; }
		.portfolio--slider .item .descr h5 {
			font-size: 22px;
			line-height: 1.2;
			margin: 0 0 12px;
			position: relative;
			display: inline-block;
			font-weight: 300; }
			.portfolio--slider .item .descr h5 span {
				font-weight: 700; }
			.portfolio--slider .item .descr h5:before {
				position: absolute;
				bottom: -2px;
				left: 0;
				width: 100%;
				height: 8px;
				background: #F8D548;
				content: '';
				z-index: -1; }
		.portfolio--slider .item .descr p {
			margin: 0; }
	.portfolio--slider-arrows {
		text-align: right;
		margin-top: 10px; }
	.portfolio--slider-left {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-left-arrow-black.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		margin-right: 12px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.portfolio--slider-left:hover {
			background-image: url(img/slider-left-arrow.svg); }
		.portfolio--slider-left:focus, .portfolio--slider-left:active {
			outline: none; }
	.portfolio--slider-right {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-right-arrow-black.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.portfolio--slider-right:hover {
			background-image: url(img/slider-right-arrow.svg); }
		.portfolio--slider-right:focus, .portfolio--slider-right:active {
			outline: none; }

.lg-outer .lg-thumb {
	margin: 0 auto -5px; }

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: #F8D548; }

.catalog {
	padding: 75px 0 60px;
	background: #F8D548; }
	.catalog .section-title p {
		font-size: 30px; }
		.catalog .section-title p:before {
			background: #FFE26E;
			bottom: 0; }
	.catalog--descr {
		margin-bottom: 45px; }
		.catalog--descr p {
			font-size: 22px;
			line-height: 1.4;
			color: #3C3C3C;
			font-weight: 500; }
			.catalog--descr p:last-child {
				margin-bottom: 0; }
	.catalog .button {
		border-color: #fff;
		padding-left: 20px;
		padding-right: 20px; }
		.catalog .button:hover, .catalog .button:active, .catalog .button:focus:hover {
			background: #fff;
			color: #3C3C3C; }
		.catalog .button:focus {
			background: transparent;
			color: #3C3C3C; }
	.catalog--image {
		position: relative;
		z-index: 0;
		padding-left: 130px; }
		.catalog--image:before {
			position: absolute;
			top: -35px;
			left: 0;
			width: 444px;
			height: 444px;
			-webkit-border-radius: 50%;
							border-radius: 50%;
			background: #FFE26E;
			content: '';
			z-index: -1; }
		.catalog--image img {
			max-width: 100%;
			height: auto; }
	.catalog .download-button {
		position: relative;
		top: -20px;
		border-color: #434343;
		background: url(img/download.svg) no-repeat left 12px center;
		padding-left: 55px;
		padding-right: 30px; }
		.catalog .download-button:hover, .catalog .download-button:active, .catalog .download-button:focus:hover {
			background: #fff url(img/download.svg) no-repeat left 12px center;
			color: #3C3C3C; }
		.catalog .download-button:focus {
			background: url(img/download.svg) no-repeat left 12px center;
			color: #3C3C3C; }

.work {
	padding: 65px 0 65px;
	background: #fff; }
	.work .section-title {
		margin-bottom: 70px; }
		.work .section-title h2 {
			font-size: 38px; }
	.work--row {
		margin-left: -10px;
		margin-right: -10px; }
		.work--row .col-lg-4 {
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 30px; }
	.work--image {
		position: relative; }
		.work--image img {
			max-width: 100%;
			height: auto; }
		.work--image:before {
			position: absolute;
			bottom: -50px;
			left: 0;
			width: 40px;
			height: 4px;
			background: #F8D548;
			content: ''; }
	.work--item {
		padding: 30px 20px;
		background: #F9F8F7;
		height: 100%; }
		.work--item .number {
			width: 67px;
			height: 67px;
			background: #E9E6DF;
			-webkit-border-radius: 50%;
							border-radius: 50%;
			font-weight: 900;
			line-height: 67px;
			font-size: 30px;
			text-align: center;
			margin-bottom: 12px; }
		.work--item h4 {
			font-size: 14px;
			line-height: 1.4;
			margin: 0 0 12px;
			font-weight: 500;
			color: #3C3C3C; }
			.work--item h4 span {
				display: block; }
		.work--item p {
			line-height: 1.4;
			margin: 0;
			color: #3C3C3C; }

.partners {
	padding: 75px 0 75px;
	background: #fff;
	border-top: 1px solid #F3F2EE;
	border-bottom: 1px solid #F3F2EE; }
	.partners .section-title p {
		font-size: 30px; }
		.partners .section-title p:before {
			display: none; }
	.partners--item {
		margin-bottom: 20px; }
		.partners--item .image {
			height: 40px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
					-ms-flex-align: center;
							align-items: center;
			margin-bottom: 20px; }
		.partners--item p {
			opacity: .4;
			line-height: 1.2;
			margin: 0; }


.tovary { padding: 50px 10px; }
	.tovary .section-title {
		margin-bottom:15px;}
	.tovary img { width:100%; 
		      height:100%;}



.reviews {
	padding: 75px 0 130px;
	background: #fff; }
	.reviews .section-title {
		margin-bottom: 260px; }
	.reviews--slider {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 1200px; }
		.reviews--slider .item {
			width: 620px;
			background: #F3F1ED;
			border: 2px solid #F3F1ED;
			padding: 60px 20px 60px 60px;
			height: 100%;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease; }
			.reviews--slider .item--left .avatar {
				margin-bottom: 30px; }
				.reviews--slider .item--left .avatar img {
					max-width: 100%;
					height: auto;
					width: auto;
					-webkit-border-radius: 50%;
									border-radius: 50%; }
			.reviews--slider .item--left .name {
				margin-bottom: 30px; }
				.reviews--slider .item--left .name p {
					line-height: 1.2;
					margin-bottom: 8px;
					font-weight: 500; }
					.reviews--slider .item--left .name p:last-child {
						margin-bottom: 0;
						font-weight: 300; }
			.reviews--slider .item--left .project-link {
				font-size: 12px;
				text-decoration: underline;
				line-height: 1.2;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease; }
				.reviews--slider .item--left .project-link:hover {
					color: #F8D548; }
			.reviews--slider .item--right p {
				line-height: 1.5;
				margin-bottom: 20px; }
				.reviews--slider .item--right p:last-child {
					margin-bottom: 0; }
		.reviews--slider.owl-carousel .owl-stage {
			padding-left: 0 !important;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
							flex-wrap: wrap; }
		.reviews--slider.owl-carousel .owl-item {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			height: auto !important; }
			.reviews--slider.owl-carousel .owl-item.active + .owl-item .item {
				opacity: .65;
				background: #fff; }
	.reviews--slider-left {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-left-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		margin-right: 12px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.reviews--slider-left:hover {
			background-image: url(img/slider-left-arrow-black.svg); }
		.reviews--slider-left:focus, .reviews--slider-left:active {
			outline: none; }
	.reviews--slider-right {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-right-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.reviews--slider-right:hover {
			background-image: url(img/slider-right-arrow-black.svg); }
		.reviews--slider-right:focus, .reviews--slider-right:active {
			outline: none; }

.team {
	padding: 75px 0 0;
	background: #3C3C3C;
	position: relative; }
	.team:before {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 115px;
		background: #F8D548;
		content: ''; }
	.team .section-title {
		margin-bottom: 80px; }
	.team--button {
		text-align: right;
		margin-top: 5px; }
		.team--button .button {
			padding-left: 40px;
			padding-right: 40px; }
	.team--row .col {
		margin-bottom: 80px; }
	.team--item {
		text-align: center;
		height: 100%; }
		.team--item .image {
			margin-bottom: 32px; }
			.team--item .image img {
				-webkit-border-radius: 50%;
								border-radius: 50%;
				width: auto;
				margin: 0 auto; }
		.team--item .name {
			color: #fff;
			font-weight: 500;
			line-height: 1.2;
			margin-bottom: 8px; }
		.team--item .position {
			color: #F8D548;
			line-height: 1.2; }
	.team--slider {
		margin-bottom: 30px; }
	.team--slider-arrows {
		margin: 0 0 30px; }
	.team--slider-left {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-left-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		margin-right: 12px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.team--slider-left:hover {
			background-image: url(img/slider-left-arrow-white.svg); }
		.team--slider-left:focus, .team--slider-left:active {
			outline: none; }
	.team--slider-right {
		width: 32px;
		height: 32px;
		outline: none;
		border: none;
		background: transparent url(img/slider-right-arrow.svg) no-repeat center center;
		-webkit-box-shadow: none;
						box-shadow: none;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer; }
		.team--slider-right:hover {
			background-image: url(img/slider-right-arrow-white.svg); }
		.team--slider-right:focus, .team--slider-right:active {
			outline: none; }

.feedback {
	background: #fff;
	border: 8px solid #E9E6DF; }
	.feedback--descr {
		padding: 35px 0 35px 50px; }
	.feedback .section-title {
		margin-bottom: 5px; }
	.feedback--location {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
		margin-bottom: 20px; }
		.feedback--location .image {
			margin-right: 15px; }
			.feedback--location .image img {
				-webkit-border-radius: 50%;
								border-radius: 50%;
				max-width: 100%;
				height: auto; }
		.feedback--location .descr p {
			color: #3C3C3C;
			margin: 0 0 8px;
			line-height: 1.2;
			font-weight: 500; }
			.feedback--location .descr p:last-child {
				margin-bottom: 0; }
			.feedback--location .descr p a {
				text-decoration: underline;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease; }
				.feedback--location .descr p a:hover {
					color: #F8D548; }
	.feedback--phones {
		padding-left: 0;
		list-style: none;
		margin: 0; }
		.feedback--phones li {
			line-height: 1;
			display: inline-block;
			margin-right: 15px;
			margin-bottom: 15px; }
			.feedback--phones li:last-child {
				margin-right: 0; }
			.feedback--phones li a {
				font-size: 22px;
				font-weight: 700;
				color: #3C3C3C;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease; }
				.feedback--phones li a:hover {
					color: #F8D548; }
	.feedback--social {
		padding-left: 0;
		list-style: none;
		margin: 0 0 10px; }
		.feedback--social li {
			display: inline-block;
			margin-right: 40px;
			margin-bottom: 15px; }
			.feedback--social li:last-child {
				margin-right: 0; }
			.feedback--social li img {
				margin-right: 10px; }
			.feedback--social li a {
				color: #9D9D9D;
				text-decoration: underline;
				font-weight: 500;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease; }
				.feedback--social li a:hover {
					color: #F8D548; }
	.feedback--question h3 {
		font-size: 22px;
		line-height: 1.2;
		margin: 0 0 5px;
		font-weight: 900; }
	.feedback--question p {
		font-size: 13px;
		color: #3C3C3C;
		line-height: 1.2;
		font-weight: 500;
		margin: 0 0 22px; }
	.feedback--question .button {
		padding-left: 20px;
		padding-right: 20px; }
	.feedback--map {
		height: 100%;
		width: 100%; }

#map-canvas {
	width: 100%;
	height: 100%;
	position: relative; }

.footer {
	padding: 40px 0;
	background: #F8D548;
	border-bottom: 5px solid #3C3C3C; }
	.footer--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center; }
	.footer--logo {
		margin-right: 20px; }
	.footer--copyright {
		border-left: 1px solid #707070;
		padding-left: 20px;
		padding-top: 5px; }
		.footer--copyright p {
			line-height: 1.2;
			margin: 0 0 5px;
			font-size: 12px;
			color: #3C3C3C; }
	.footer--social {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
		height: 100%;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
				-ms-flex-pack: end;
						justify-content: flex-end; }
		.footer--social ul {
			padding-left: 0;
			list-style: none;
			margin: 0;
			text-align: right; }
			.footer--social ul li {
				display: inline-block;
				margin-right: 30px; }
				.footer--social ul li:last-child {
					margin-right: 0; }
				.footer--social ul li a {
					font-size: 12px;
					color: #3C3C3C;
					-webkit-transition: all .5s ease;
					-o-transition: all .5s ease;
					transition: all .5s ease; }
					.footer--social ul li a:hover {
						text-decoration: underline; }

.popup-call {
	position: relative;
	background: #fff;
	border: 8px solid #E9E6DF;
	padding: 55px 75px 75px;
	max-width: 430px;
	margin: 0 auto; }
	.popup-call--title {
		text-align: center;
		margin-bottom: 30px; }
		.popup-call--title h3 {
			font-size: 24px;
			line-height: 1.2;
			margin: 0 0 10px;
			font-weight: 900; }
		.popup-call--title p {
			line-height: 1.4;
			margin: 0; }
			.popup-call--title p span {
				display: block; }

.success-popup .popup-call--title {
	margin-bottom: 40px; }
	.success-popup .popup-call--title h3 {
		font-size: 60px;
		margin: 0 0 25px; }

.success-popup .button {
	display: block;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px; }

.popup {
	position: relative;
	background: #fff;
	padding: 55px 55px 75px;
	max-width: 1140px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(51, 51, 51, 0.2);
					box-shadow: 0px 0px 25px 0px rgba(51, 51, 51, 0.2);
	min-height: 500px; }
	.popup--image img {
		max-width: 100%;
		height: auto; }
	.popup--descr h3 {
		font-size: 40px;
		font-weight: 900;
		line-height: 1.2;
		margin: 0 0 35px; }
	.popup--descr h4 {
		font-size: 30px;
		font-weight: 900;
		line-height: 1.2;
		margin: 0 0 25px; }
	.popup--descr p {
		line-height: 1.4;
		font-size: 16px;
		margin-bottom: 20px;
		color: #3C3C3C; }
		.popup--descr p:last-child {
			margin-bottom: 0; }
	.popup--descr .text {
		margin-bottom: 30px; }
	.popup--descr .yellow-line {
		position: relative;
		z-index: 0; }
		.popup--descr .yellow-line:before {
			position: absolute;
			top: 50%;
			margin-top: -1px;
			left: 0;
			width: 100%;
			height: 4px;
			background: #F8D548;
			content: '';
			z-index: -1; }
	.popup--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
		min-height: 370px; }

.mfp-iframe-scaler iframe {
	box-shadow: none !important;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out; }
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.5; }
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform: scale(0.7);
			-ms-transform: scale(0.7);
					transform: scale(0.7); }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform: scale(1);
			-ms-transform: scale(1);
					transform: scale(1); }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-webkit-transform: scale(0.7);
			-ms-transform: scale(0.7);
					transform: scale(0.7); }

button.mfp-close {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
	button.mfp-close:active {
		top: 0; }

/*==========  Desktop First  ==========*/
@media (max-width: 1199.98px) {
	.about--slider-wrap {
		margin-top: 125px; }
	.about--slider {
		max-width: 440px; }
	.video--descr {
		margin-bottom: 20px; } }

@media (max-width: 991.98px) {
	.header--logo {
		margin-right: 0; }
	.about--descr {
		margin-bottom: 40px; }
	.about--slider-wrap {
		margin: 0 0 20px 12px; }
	.about--slider {
		max-width: 100%; }
	.about--slider-min {
		left: -20px; }
	.about--slider-arrows {
		padding-left: 0; }
	.about--descr {
		padding-left: 0; }
	.about--icon-wrap {
		padding-left: 0; }
	.video--slider {
		padding: 0; }
	.video--slider-arrows {
		text-align: left;
		margin-top: 20px;
		padding-right: 0;
		margin-bottom: 30px; }
	.video--descr-wrap {
		padding-left: 15px; }
	.video--row {
		padding: 110px 0; }
	.profit .section-title {
		margin-top: 0;
		text-align: center; }
	.profit--icon-wrap {
		margin-bottom: 40px; }
	.start--form {
		padding-left: 20px;
		padding-right: 20px; }
	.start .section-title {
		margin-bottom: 55px; }
	.catalog--image {
		padding-left: 0;
		margin-top: 50px; }
	.catalog--image img {
		display: block; }
	.reviews--slider {
		position: relative;
		top: auto;
		left: auto;
		min-width: 0; }
	.feedback--map {
		height: 350px; }
	.team--slider-arrows {
		text-align: center; } }

@media (max-width: 767.98px) {
	.header--col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
				-ms-flex-direction: column;
						flex-direction: column; }
	.header--logo {
		margin-bottom: 20px; }
	.header--location,
	.header--phone {
		min-width: 200px;
		margin-bottom: 20px; }
	.header .button {
		min-width: 200px; }
	.about--social {
		display: none; }
	.about--descr {
		text-align: center; }
	.about--slider-arrows {
		text-align: center; }
	.section-title {
		text-align: center; }
	.project--button {
		margin: 0 0 40px;
		text-align: center; }
	.popup--col {
		display: block;
		min-height: 0; }
	.popup--image {
		margin-bottom: 30px;
		text-align: center; }
	.video--slider-arrows {
		text-align: center; }
	.video--descr {
		text-align: center; }
	.video--button {
		text-align: center; }
	.profit--image {
		padding: 0;
		text-align: center; }
	.start {
		padding: 75px 0 0; }
	.start--descr {
		text-align: center;
		max-width: 100%; }
	.start--images {
		max-width: 100%;
		margin-bottom: 30px; }
	.start--form {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px; }
	.reason--item {
		text-align: center; }
	.reason--item .icon {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.reason--item ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
				-ms-flex-direction: column;
						flex-direction: column; }
	.portfolio .section-title {
		text-align: left; }
	.portfolio {
		padding: 75px 0; }
	.catalog--descr {
		text-align: center; }
	.catalog--button {
		text-align: center; }
	.catalog--image {
		text-align: center; }
		.catalog--image img {
			margin: 0 auto; }
	.work--image {
		text-align: center;
		margin-bottom: 30px; }
		.work--image:before {
			display: none; }
	.partners--row {
		text-align: center; }
	.partners--item .image {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.reviews .section-title {
		margin-bottom: 45px; }
	.reviews--slider-arrows {
		text-align: center;
		margin-bottom: 20px; }
	.reviews--slider .item {
		width: 100%;
		padding-left: 20px; }
	.team--button {
		text-align: center;
		margin: 0 0 60px; }
	.team .section-title {
		margin-bottom: 45px; }
	.feedback--descr {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center; }
	.feedback--location .descr {
		text-align: left; }
	.footer--col {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				-ms-flex-pack: center;
						justify-content: center;
		margin-bottom: 30px; }
	.footer--social {
		display: block; }
		.footer--social ul {
			text-align: center; }
	.about--icon-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				-ms-flex-pack: center;
						justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
				-ms-flex-direction: column;
						flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center; }
	.about--icon {
		max-width: 320px;
		width: 100%; } 
	.hidden-md-down {display:none; }
}

@media (max-width: 575.98px) {
	.popup-call {
		padding: 35px 20px 45px; }
	.reviews--slider .item {
		padding: 30px 20px; }
	.reviews--slider .item--left {
		margin-bottom: 20px; }
	.footer--col {
		display: block;
		text-align: center; }
	.footer--logo {
		margin: 0 0 25px; }
	.footer--copyright {
		padding: 0;
		border: none; }
	.section-title p:before {
		display: none; }
	.popup {
		padding-left: 20px;
		padding-right: 20px; }
	.profit--icon {
		min-width: 0;
		margin-right: 30px; }
		.profit--icon:before {
			top: -5px;
			right: -35px; }
	.portfolio .section-title h2 {
		font-size: 30px; }
	.portfolio--slider-arrows {
		margin: 0; }
	.portfolio--slider .item {
		text-align: center; }
	.catalog--image:before {
		display: none; }
	.partners--item {
		width: 290px;
		margin: 0 auto 15px; }
	.feedback--social li {
		margin: 0 5px; }
	.feedback--phones li {
		margin: 0 5px 15px; }
	.hidden-md-down {display:none; } }


/*==========  Mobile First  ==========*/

.panel-rignt {
position:fixed;
z-index:99;
top:30vh;
right:0;
}

.cont{
display:flex;
flex-direction:column;
width: 50px;
}

.cont img {
background:#9ca5a5;
padding: 5px;
margin-bottom: 3px;
max-height: 45px;
}

.cont img:hover {
background:#ff0000;
}

.panel_r{
    position:relative;
    color:#000000;
}

.panel_hov{
    display:none;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
    color:#000000;
   
}

.panel_r:hover .panel_hov {
    display:block;
    position:absolute;
    top:0;
    padding:13px 5px;
    right:50px;
    height: 45px;
    width: 270px;
    background:#ff0000;
    z-index:9999;
    color:#ffffff;
    font-weight:bold;
    font-size: 14px;
    vertical-align:center;
    text-align:center;
}