/*
Theme Name: Belopolskaya
Theme URI: http://
Author: Alexandr Jormungandr
Author URI: http://nightforest.ru/
Description: Тема для сайта Belopolskaya
Version: 1.0
License: CCA 3.0 license
License URI: http://creativecommons.org/licenses/by/3.0/
Tags: 
*/

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

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

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

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

body {
	font-size: 16px;
	line-height: 1.6;
	font-family: "CenturyGothicRegular", sans-serif;
	overflow-x: hidden;
	color: #1f1f1f;
	margin-bottom: 242px; }

.hidden {
	display: none; }

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

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

.cptch{
    transform: scale(0.87);
            transform-origin: 0 0;
            
            }
            
.g-recaptcha > div{
    width: 100% !important;
}
.button {
	background-color: #1f1f1f;
	width: 240px;
	line-height: 60px;
	height: 60px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: "CenturyGothicBold", sans-serif;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border: none;
	-webkit-border-radius: 5px;
					border-radius: 5px;
	outline: none; }
	.button:hover, .button:active {
		background-color: #1f1f1f;
		color: #fff;
		opacity: .8; }
	.button:focus {
		background-color: #1f1f1f;
		color: #fff; }

.white-button {
	background-color: #fff;
	opacity: .7;
	color: #000; }
	.white-button:hover, .white-button:active {
		background-color: #fff;
		color: #000;
		opacity: 1; }
	.white-button:focus {
		background-color: #fff;
		color: #000; }

.green-button {
	background-color: #aeb823;
	color: #fff;
	font-size: 15px;
	width: 100%;
	max-width: 290px; }
	.green-button:hover, .green-button:active {
		background-color: #aeb823;
		color: #fff;
		opacity: .7; }
	.green-button:focus {
		background-color: #aeb823;
		color: #fff; }

*::-webkit-input-placeholder {
	color: #606060;
	opacity: 1; }

*:-moz-placeholder {
	color: #606060;
	opacity: 1; }

*::-moz-placeholder {
	color: #606060;
	opacity: 1; }

*:-ms-input-placeholder {
	color: #606060;
	opacity: 1; }

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background-color: #f1f1f1; }
	#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: #aeb823;
			-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 {
	background-color: #fff;
	padding: 15px 0; }
	#header .logo {
		position: absolute;
		top: 0;
		left: 40px; }
	#header .main-menu {
		display: inline-block;
		width: 100%;
		margin: 32px 0;
		padding: 0 370px; }
		#header .main-menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: center; }
			#header .main-menu ul li {
				display: inline-block;
				line-height: 1;
				margin: 0 12px; }
				#header .main-menu ul li a {
					text-transform: uppercase;
					font-size: 14px;
					color: #7e7e7e;
					font-family: "CenturyGothicBold", sans-serif;
					-webkit-transition: all .5s ease;
					transition: all .5s ease; }
					#header .main-menu ul li a:hover, #header .main-menu ul li a:active {
						color: #1f1f1f; }
	#header .order-call {
		position: absolute;
		top: 15px;
		right: 40px; }

#header .main-menu ul li.wpml-ls-item {
    margin: 0 2px;
}
.main-menu-toggle {
	position: absolute;
	top: 25px;
	left: 30px;
	display: none;
	width: 32px;
	height: 30px;
	cursor: pointer; }
	.main-menu-toggle div {
		width: 100%;
		height: 3px;
		background: #1f1f1f;
		-webkit-border-radius: 2px;
						border-radius: 2px;
		margin: 6px auto;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-backface-visibility: hidden;
						backface-visibility: hidden; }
	.main-menu-toggle.on .one {
		-webkit-transform: rotate(45deg) translate(5px, 5px);
				-ms-transform: rotate(45deg) translate(5px, 5px);
						transform: rotate(45deg) translate(5px, 5px); }
	.main-menu-toggle.on .two {
		opacity: 0; }
	.main-menu-toggle.on .three {
		-webkit-transform: rotate(-45deg) translate(7px, -8px);
				-ms-transform: rotate(-45deg) translate(7px, -8px);
						transform: rotate(-45deg) translate(7px, -8px); }

#slider .bx-wrapper {
	background: none;
	-webkit-box-shadow: none;
					box-shadow: none;
	border: none;
	margin-bottom: 0;
	position: relative; }
	#slider .bx-wrapper .bx-pager {
		padding: 0;
		bottom: 0;
		z-index: 100; }
		#slider .bx-wrapper .bx-pager .bx-pager-item {
			width: 20%;
			padding: 0 5px;
			vertical-align: bottom; }
			#slider .bx-wrapper .bx-pager .bx-pager-item a {
				width: 100%;
				margin: 0;
				-webkit-border-radius: 0;
								border-radius: 0;
				height: 7px;
				opacity: .5;
				background-color: #fff; }
				#slider .bx-wrapper .bx-pager .bx-pager-item a.active {
					height: 12px;
					opacity: .8; }
	#slider .bx-wrapper .main-slider {
		padding-left: 0; }
		#slider .bx-wrapper .main-slider li {
			position: relative;
			width: 100%;
			height: auto; }
			#slider .bx-wrapper .main-slider li .slider-caption {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translateY(-50%) translateX(-50%);
						-ms-transform: translateY(-50%) translateX(-50%);
								transform: translateY(-50%) translateX(-50%);
				text-align: center;
				z-index: 100;
				width: 100%; }
				#slider .bx-wrapper .main-slider li .slider-caption h3 {
					color: #fff;
					font-size: 35px;
					margin: 0 0 55px;
					line-height: 1; 
					text-shadow: 3px 3px 3px #000;
					}
				#slider .bx-wrapper .main-slider li .slider-caption .button {
					margin: 0 auto; }

#advantage {
	padding: 80px 0;
	background-color: #fff; }
	#advantage .advantage-title {
		text-align: center; }
		#advantage .advantage-title h2 {
			color: #1f1f1f;
			font-size: 35px;
			margin: 0 0 60px;
			line-height: 1.4;
			font-family: "CenturyGothicBold", sans-serif; }
	#advantage .advantage-item {
		text-align: center;
		max-width: 250px;
		width: 100%;
		margin: 0 auto 20px;}
		#advantage .advantage-item .advantage-icon {
			margin-bottom: 25px;
			height: 64px; }
		#advantage .advantage-item h5 {
			font-family: "CenturyGothicBold", sans-serif;
			margin: 0 0 20px;
			line-height: 1.5;
			font-size: 16px;
			color: #1f1f1f; }
		#advantage .advantage-item p {
			color: #5f5f5f;
			font-size: 14px;
			line-height: 1.4;
			margin: 0; }

#view-portfolio .view-portfolio-wrap {
	//background: url(img/portfolio-bg.jpg) no-repeat;
	//background-size: cover;
	height: 630px;
	position: relative; }
	#view-portfolio .view-portfolio-wrap .description {
		position: absolute;
		text-align: center;
		max-width: 620px;
		width: 100%;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
				-ms-transform: translateY(-50%) translateX(-50%);
						transform: translateY(-50%) translateX(-50%);
		background-color: #fff;
		padding: 40px 20px 55px;
		-webkit-border-radius: 5px;
						border-radius: 5px; }
		#view-portfolio .view-portfolio-wrap .description h3 {
			text-transform: uppercase;
			font-family: "CenturyGothicBold", sans-serif;
			color: #1f1f1f;
			margin: 0;
			line-height: 1;
			font-size: 32px; }
		#view-portfolio .view-portfolio-wrap .description .button {
			position: absolute;
			bottom: -30px;
			left: 50%;
			margin-left: -120px;
			opacity: .9;
			font-size: 15px; }
			#view-portfolio .view-portfolio-wrap .description .button:hover, #view-portfolio .view-portfolio-wrap .description .button:active {
				opacity: 1; }

.section-title {
	text-align: center; }
	.section-title h2 {
		text-transform: uppercase;
		color: #1f1f1f;
		font-family: "CenturyGothicBold", sans-serif;
		margin: 0 0 55px;
		font-size: 32px;
		line-height: 1; }

#contact-us {
	background-color: #fff;
	padding: 95px 0 65px; }
	#contact-us #contact-us-form input[type="text"] {
		display: block;
		width: 100%;
		max-width: 100%;
		border: 2px solid #1f1f1f;
		text-indent: 25px;
		background-color: #fff;
		outline: none;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		height: 60px;
		font-size: 16px;
		-webkit-border-radius: 5px;
						border-radius: 5px;
		margin: 0 auto; }
		#contact-us #contact-us-form input[type="text"]:focus, #contact-us #contact-us-form input[type="text"]:hover {
			border-color: #aeb823; }
	#contact-us #contact-us-form .form-group {
		position: relative;
		margin-bottom: 15px; }
	#contact-us #contact-us-form .button {
		margin: 0 auto;
		width: 100%;
		font-size: 12px; }

#oath-designer {
	background-color: #f7f7f7; 
	padding: 110px 0;}

#oath-designer .designer-item {
	padding-left: 15px;
	padding-right: 15px; }

#oath-designer .designer-img {
	//background: url(img/designer-img2.jpg) no-repeat top center;
	//background-size: cover;
	width: 100%;
	height: 100%; }

#oath-designer .oath-text {
	background-color: #f7f7f7;
	padding: 0; }
	#oath-designer .oath-text h3 {
		font-family: "CenturyGothicBold", sans-serif;
		text-transform: uppercase;
		font-size: 25px;
		margin: 0 0 60px;
		color: #1f1f1f;
		line-height: 1; }
	#oath-designer .oath-text ol {
		list-style-type: none;
		counter-reset: item;
		padding-left: 0;
		margin: 0; }
		#oath-designer .oath-text ol li {
			padding-left: 30px;
			position: relative;
			margin-bottom: 20px; }
			#oath-designer .oath-text ol li h4 {
				font-family: "CenturyGothicBold", sans-serif;
				font-size: 16px;
				line-height: 1.4;
				padding-top: 3px;
				color: #1f1f1f;
				margin: 0 0 8px; }
			#oath-designer .oath-text ol li p {
				color: #5f5f5f;
				font-size: 14px;
				line-height: 1.4;
				margin: 0; }
		#oath-designer .oath-text ol li:before {
			content: counter(item) "";
			counter-increment: item;
			position: absolute;
			top: 0;
			left: 0;
			font-family: "CenturyGothicBold", sans-serif;
			font-size: 24px;
			line-height: 1;
			color: #1f1f1f; }

#how-i-work {
	padding: 85px 0; }
	#how-i-work .section-title h2 {
		margin-bottom: 20px; }
	#how-i-work .descr {
		text-align: center; }
		#how-i-work .descr p {
			font-size: 18px;
			line-height: 1.2;
			margin-bottom: 30px; }
		#how-i-work .descr .button {
			margin: 0 auto;
			font-size: 15px; }

#read-blog {
	margin-bottom: 110px; }
	#read-blog .read-blog-wrap {
		height: 560px;
		//background: url(img/read-blog-bg.jpg) no-repeat top center;
		//background-size: cover;
		position: relative; }
		#read-blog .read-blog-wrap .center-descr {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
							transform: translateY(-50%);
			text-align: center;
			width: 100%; }
			#read-blog .read-blog-wrap .center-descr h3 {
				font-size: 34px;
				margin: 0 0 85px;
				line-height: 1; }
			#read-blog .read-blog-wrap .center-descr .button {
				margin: 0 auto;
				border: 2px solid #1f1f1f;
				opacity: 1;
				height: 64px;
				font-size: 15px;
				width: 185px; }
				#read-blog .read-blog-wrap .center-descr .button:hover, #read-blog .read-blog-wrap .center-descr .button:active {
					background-color: #1f1f1f;
					color: #fff; }

#send-email .send-email-item {
	padding-left: 0;
	padding-right: 0; }

#send-email .send-email-img {
	background: url(img/send-email-bg.jpg) no-repeat top center;
	background-size: cover;
	width: 100%;
	height: 100%; }

#send-email .send-email-descr {
	background: #1f1f1f url('img/logo-white-2.png') no-repeat 400px 0;
	width: 100%;
	padding: 70px 135px; }
	#send-email .send-email-descr .button-wrap {
		max-width: 220px;
		text-align: center; }
		#send-email .send-email-descr .button-wrap .button {
			margin: 0 0 12px;
			border: 2px solid #fff;
			opacity: 1;
			height: 64px;
			font-size: 15px;
			width: 220px; }
			#send-email .send-email-descr .button-wrap .button:hover, #send-email .send-email-descr .button-wrap .button:active {
				background-color: #fff;
				color: #1f1f1f; }
		#send-email .send-email-descr .button-wrap p {
			margin: 0;
			color: #838383;
			font-size: 15px;
			line-height: 1; }
			#send-email .send-email-descr .button-wrap p a {
				color: #fff; }
				#send-email .send-email-descr .button-wrap p a:hover {
					text-decoration: underline; }

#footer {
	height: 242px;
	position: absolute;
	bottom: 0;
	width: 100%; }
	#footer .footer-wrap {
		background-color: #f7f7f7; }
	#footer .footer-contacts {
		padding: 70px 0;
		text-align: center; }
		#footer .footer-contacts .phone {
			font-size: 21px;
			color: #909090;
			padding-left: 50px;
			background: url(img/icon-phone.png) no-repeat left center;
			line-height: 37px;
			display: inline-block;
			-webkit-transition: all .5s ease;
			transition: all .5s ease;
			margin: 0 65px; }
			#footer .footer-contacts .phone:hover, #footer .footer-contacts .phone:active {
				color: #1f1f1f; }
		#footer .footer-contacts .email {
			font-size: 21px;
			color: #909090;
			padding-left: 50px;
			background: url(img/icon-email.png) no-repeat left center;
			line-height: 37px;
			display: inline-block;
			-webkit-transition: all .5s ease;
			transition: all .5s ease;
			margin: 0 15px; }
			#footer .footer-contacts .email:hover, #footer .footer-contacts .email:active {
				color: #1f1f1f; }
		#footer .footer-contacts .social {
			display: inline-block;
			padding-left: 0;
			margin: 0 65px;
			list-style: none;
			vertical-align: top; }
			#footer .footer-contacts .social li {
				display: inline-block;
				margin-right: 5px; }
				#footer .footer-contacts .social li:last-child {
					margin-right: 0; }
				#footer .footer-contacts .social li a {
					width: 46px;
					height: 46px;
					display: block;
					-webkit-filter: grayscale(100%);
									filter: grayscale(100%);
					-webkit-transition: all .5s ease;
					transition: all .5s ease; }
					#footer .footer-contacts .social li a:hover {
						-webkit-filter: grayscale(0);
										filter: grayscale(0); }
				#footer .footer-contacts .social li .facebook {
					background: url(img/facebook.png) no-repeat center center; }
				#footer .footer-contacts .social li .instagram {
					background: url(img/instagram.png) no-repeat center center; }
	#footer .development-wrap {
		background-color: #fff;
		padding: 17px 0;
		text-align: center; }
		#footer .development-wrap .development {
			font-size: 15px;
			line-height: 1;
			color: #b4b4b4; }
			#footer .development-wrap .development a {
				color: #b4b4b4;
				-webkit-transition: all .5s ease;
				transition: all .5s ease; }
				#footer .development-wrap .development a:hover {
					color: #1f1f1f; }

#breadcrumbs {
	background-color: #f5f5f5;
	padding: 15px 0; }
	#breadcrumbs .breadcrumb {
		padding: 0;
		margin-bottom: 0;
		list-style: none;
		background-color: transparent;
		-webkit-border-radius: 0;
						border-radius: 0;
		font-size: 14px;
		line-height: 1; }
		#breadcrumbs .breadcrumb > li + li:before {
			color: #8d8d8d; }
		#breadcrumbs .breadcrumb li {
			color: #8d8d8d; }
		#breadcrumbs .breadcrumb a {
			color: #8d8d8d;
			-webkit-transition: all .5s ease;
			transition: all .5s ease; }
			#breadcrumbs .breadcrumb a:hover {
				color: #1f1f1f; }

#main {
	padding: 45px 0 10px; }
	#main .category-title {
		text-align: center; }
		#main .category-title h1 {
			font-family: "Mateur", sans-serif;
			font-size: 25px;
			line-height: 1.2;
			margin: 0 0 50px;
			color: #4d4d4d; }

.blog-item {
	height: 512px;
	max-width: 450px;
	margin: 0 auto 80px; }
	.blog-item .blog-img {
		margin-bottom: 30px; }
		.blog-item .blog-img img {
			width: 100%;
			height: auto; }
	.blog-item h2 {
		font-family: "Mateur", sans-serif;
		font-size: 16px;
		line-height: 1.2;
		margin: 0 0 15px;
		color: #4d4d4d;
		text-transform: uppercase; 
		max-height: 16px;
		    overflow: hidden;
		}
	.blog-item p {
		font-size: 14px;
		margin: 0 0 15px;
		color: #4d4d4d; 
		max-height: 44px;
		    overflow: hidden;
		}
	.blog-item .read-more {
		background-color: #fff;
		width: 180px;
		line-height: 43px;
		height: 45px;
		display: block;
		text-align: center;
		color: #4d4d4d;
		font-size: 15px;
		font-family: "CenturyGothicRegular", sans-serif;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		border: 1px solid #1f1f1f;
		-webkit-border-radius: 5px;
						border-radius: 5px;
		outline: none; }
		.blog-item .read-more:hover, .blog-item .read-more:active {
			background-color: #1f1f1f;
			color: #fff;
			opacity: .8; }
		.blog-item .read-more:focus {
			background-color: #fff;
			color: #4d4d4d; }

.blog-page {
	margin-bottom: 60px; }
	.blog-page .page-title h1 {
		font-size: 25px;
		text-transform: uppercase;
		line-height: 1.4;
		margin: 0 0 15px;
		color: #4d4d4d;
		font-family: "Mateur", sans-serif; }
	.blog-page h2, .blog-page h3, .blog-page h4, .blog-page h5, .blog-page h6 {
		color: #4d4d4d;
		font-family: "Mateur", sans-serif;
		text-transform: uppercase; }
	.blog-page .full-img {
		width: 100%;
		height: 100%; }
		.blog-page .full-img img {
			width: 100%;
			height: auto; }
	.blog-page .img-right {
		float: right;
		width: 100%;
		height: 100%;
		max-width: 455px;
		margin-bottom: 20px; }
		.blog-page .img-right img {
			width: 100%;
			height: auto; }
	.blog-page p, .blog-page li {
		font-size: 14px;
		color: #4d4d4d;
		margin-bottom: 15px; }

.portfolio-item {
	height: 400px;
	max-width: 210px;
	margin: 0 auto 50px; }
	.portfolio-item .portfolio-img {
		margin-bottom: 20px; }
		.portfolio-item .portfolio-img img {
			width: 100%;
			height: auto; }
	.portfolio-item h2 {
		font-family: "Mateur", sans-serif;
		font-size: 15px;
		line-height: 1.2;
		margin: 0 0 12px;
		color: #4d4d4d; 
		overflow: hidden;
		padding-left: 1px;
		    height: 57px;
		}
		.portfolio-item h2 a, .blog-item h2 a {
		margin-left: 2px;
			color: #4d4d4d;
			-webkit-transition: all .5s ease;
			transition: all .5s ease; }
			.portfolio-item h2 a:hover, .blog-item h2 a:hover {
				color: #aeb823; }
	.portfolio-item p {
		font-size: 14px;
		margin: 0 0 15px;
		color: #4d4d4d;
		height: 66px;
		 }
	.portfolio-item .read-more {
		background-color: #fff;
		width: 180px;
		line-height: 43px;
		height: 45px;
		display: block;
		text-align: center;
		color: #4d4d4d;
		font-size: 15px;
		font-family: "CenturyGothicRegular", sans-serif;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		border: 1px solid #1f1f1f;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		outline: none; }
		.portfolio-item .read-more:hover, .portfolio-item .read-more:active {
			background-color: #1f1f1f;
			color: #fff;
			opacity: .8; }
		.portfolio-item .read-more:focus {
			background-color: #fff;
			color: #4d4d4d; }

.work-page .work-title {
	text-align: center;
	margin-bottom: 50px; }
	.work-page .work-title h1 {
		font-family: "CenturyGothicBold", sans-serif;
		font-size: 25px;
		line-height: 1;
		margin: 0 0 25px;
		color: #4d4d4d; }
	.work-page .work-title p {
		font-size: 14px;
		color: #4d4d4d;
		margin-bottom: 10px;
		line-height: 1.8; }

.work-page .stage-item {
	margin-bottom: 40px; }
	.work-page .stage-item:last-child {
		margin-bottom: 0; }
	.work-page .stage-item .pl-60 {
		padding-left: 60px; }
	.work-page .stage-item .pr-60 {
		padding-right: 60px; }
	.work-page .stage-item .stage-img {
		width: 100%;
		height: 100%; 
		overflow: hidden;
		position: relative;
		display: block;}
		.work-page .stage-item .stage-img img {
			width: 100%;
			height: auto; }
	.work-page .stage-item .stage-descr {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
						transform: translateY(-50%); }
		.work-page .stage-item .stage-descr .stage-number {
			font-size: 16px;
			color: #fff;
			text-align: center;
			font-family: "CenturyGothicBold", sans-serif;
			width: 35px;
			height: 35px;
			background-color: #4d4d4d;
			-webkit-border-radius: 50%;
							border-radius: 50%;
			line-height: 35px;
			margin: 0 auto 25px; }
		.work-page .stage-item .stage-descr .stage-title {
			text-align: center;
			position: relative;
			margin-bottom: 35px; }
			.work-page .stage-item .stage-descr .stage-title:after {
				position: absolute;
				bottom: -20px;
				left: 50%;
				margin-left: -23px;
				width: 46px;
				height: 2px;
				background-color: #dcdcdc;
				content: ""; }
			.work-page .stage-item .stage-descr .stage-title h2 {
				font-family: "CenturyGothicBold", sans-serif;
				text-transform: uppercase;
				font-size: 16px;
				line-height: 1.4;
				margin: 0 0 5px;
				color: #4d4d4d; }
			.work-page .stage-item .stage-descr .stage-title p {
				font-size: 14px;
				color: #b7b7b7;
				line-height: 1.4; }
		.work-page .stage-item .stage-descr p {
			text-align: center;
			font-size: 14px;
			color: #4d4d4d;
			margin: 0;
			line-height: 1.8; }

#main.project {
	background-color: #333333;
	padding: 30px 0 80px; }
	#main.project .project-page .pr-40 {
		padding-right: 40px; }
	#main.project .project-page h1 {
		font-family: "Mateur", sans-serif;
		font-size: 25px;
		line-height: 1.4;
		margin: 0 0 20px;
		color: #fff;
		width: auto;
		display: inline-block;
		padding-bottom: 15px;
		border-bottom: 1px solid #434343; }
	#main.project .project-page h2, #main.project .project-page h3, #main.project .project-page h4, #main.project .project-page h5, #main.project .project-page h6 {
		font-family: "Mateur", sans-serif;
		color: #fff; }
	#main.project .project-page p, #main.project .project-page li {
		font-size: 16px;
		color: #bababa;
		margin-bottom: 20px; }
	#main.project .project-page .button {
		margin: 30px 0; }

.fotorama__thumb-border {
	border-color: #aeb823; }

#popup, #popup2 {
	background-color: #fff;
	width: 100%;
	position: relative;
	max-width: 435px;
	padding: 40px 20px 5px;
	margin: 0 auto; }
	#popup h3, #popup2 h3 {
		text-transform: uppercase;
		font-size: 35px;
		text-align: center;
		line-height: 1.2;
		color: #1f1f1f;
		font-family: "CenturyGothicBold", sans-serif;
		margin: 0 0 35px; }
	#popup input[type="text"],
	#popup input[type="email"],
	#popup textarea,
	#popup2 input[type="text"],
	#popup2 input[type="email"],
	#popup2 textarea {
		display: block;
		width: 100%;
		max-width: 310px;
		border: 2px solid #1f1f1f;
		text-indent: 25px;
		background-color: #fff;
		outline: none;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		height: 60px;
		font-size: 16px;
		-webkit-border-radius: 5px;
						border-radius: 5px;
		margin: 0 auto; }
		#popup input[type="text"]:focus, 
		#popup input[type="text"]:hover,
		#popup input[type="email"]:focus,
		#popup input[type="email"]:hover,
		#popup textarea:focus,
		#popup textarea:hover,
		#popup2 input[type="text"]:focus, 
		#popup2 input[type="text"]:hover,
		#popup2 input[type="email"]:focus,
		#popup2 input[type="email"]:hover,
		#popup2 textarea:focus,
		#popup2 textarea:hover {
			border-color: #aeb823; }
		#popup textarea,
		#popup2 textarea {
			min-height: 180px;
			padding-top: 15px;
		}
	#popup .form-group,
	#popup2 .form-group {
		position: relative;
		margin-bottom: 30px; }
	#popup .button,
	#popup2 .button {
		margin: 0 auto;
		width: 100%;
		max-width:310px;
		font-size: 15px; }

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

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-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); }

.textwidget {
	display: inline-block;
}

img.alignright {
	float: right;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
	margin-left: 15px;
}

img.alignleft {
	float: left;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
	margin-right: 15px;
}

img.aligncenter {
	max-width: 100%;
	height: auto;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
	text-align: center !important;
}

.portfolio-prev a,
.portfolio-next a,
.blog-prev a,
.blog-next a {
    background-color: transparent;
    width: 220px;
    line-height: 63px;
    height: 65px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "CenturyGothicRegular", sans-serif;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.portfolio-next a,
.blog-next a {
	float: right;
}

.blog-prev a,
.blog-next a {
	border-color: #000;
	color: #000;
}

.portfolio-prev a:hover,
.portfolio-next a:hover{
	background-color: #fff;
	color: #000;
}

.blog-prev a:hover,
.blog-next a:hover {
	background-color: #000;
	color: #fff;
}

.back-to-main {
    background-color: transparent;
    width: 190px;
    line-height: 48px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #4a4a4a;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "CenturyGothicRegular", sans-serif;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #4a4a4a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

.back-to-main:hover {
	background-color: #4a4a4a;
	color: #fff;
}

.mt-0 {
	margin-top: 0 !important; }

.mt-10 {
	margin-top: 10px; }

.mt-20 {
	margin-top: 20px; }

.mt-30 {
	margin-top: 30px; }

.mt-40 {
	margin-top: 40px; }

.mt-50 {
	margin-top: 50px; }

.mt-60 {
	margin-top: 60px; }

.mt-70 {
	margin-top: 70px; }

.mt-80 {
	margin-top: 80px; }

.mt-90 {
	margin-top: 90px; }

.mt-100 {
	margin-top: 100px; }

.mb-0 {
	margin-bottom: 0 !important; }

.mb-10 {
	margin-bottom: 10px; }

.mb-20 {
	margin-bottom: 20px; }

.mb-30 {
	margin-bottom: 30px; }

.mb-40 {
	margin-bottom: 40px; }

.mb-50 {
	margin-bottom: 50px; }

.mb-60 {
	margin-bottom: 60px; }

.mb-70 {
	margin-bottom: 70px; }

.mb-80 {
	margin-bottom: 80px; }

.mb-90 {
	margin-bottom: 90px; }

.mb-100 {
	margin-bottom: 100px; }

.pt-0 {
	padding-top: 0 !important; }

.pt-10 {
	padding-top: 10px; }

.pt-20 {
	padding-top: 20px; }

.pt-30 {
	padding-top: 30px; }

.pt-40 {
	padding-top: 40px; }

.pt-50 {
	padding-top: 50px; }

.pt-60 {
	padding-top: 60px; }

.pt-70 {
	padding-top: 70px; }

.pt-80 {
	padding-top: 80px; }

.pt-90 {
	padding-top: 90px; }

.pt-100 {
	padding-top: 100px; }

.pb-0 {
	padding-bottom: 0 !important; }

.pb-10 {
	padding-bottom: 10px; }

.pb-20 {
	padding-bottom: 20px; }

.pb-30 {
	padding-bottom: 30px; }

.pb-40 {
	padding-bottom: 40px; }

.pb-50 {
	padding-bottom: 50px; }

.pb-60 {
	padding-bottom: 60px; }

.pb-70 {
	padding-bottom: 70px; }

.pb-80 {
	padding-bottom: 80px; }

.pb-90 {
	padding-bottom: 90px; }

.pb-100 {
	padding-bottom: 100px; }
	
.wpml-ls-native{
    padding: 5px;
        background: #aeb823;
            color: #fff;
                border-radius: 50%;
    text-transform: uppercase;
        font-size: 14px;
            font-family: "CenturyGothicBold", sans-serif;
}
#ll{
    display: none;
}
ul#ll li {
    list-style: none;
    }

@media only screen and (max-width: 1200px) {
#header .main-menu ul li.wpml-ls-item {
    margin: 0 15px;
}
#ll {
    display: block;
        position: absolute;
            right: 5px;
                top: 18px;
                }


	.mt-md-0 {
		margin-top: 0 !important; }
	.mt-md-10 {
		margin-top: 10px; }
	.mt-md-20 {
		margin-top: 20px; }
	.mt-md-30 {
		margin-top: 30px; }
	.mt-md-40 {
		margin-top: 40px; }
	.mt-md-50 {
		margin-top: 50px; }
	.mt-md-60 {
		margin-top: 60px; }
	.mt-md-70 {
		margin-top: 70px; }
	.mt-md-80 {
		margin-top: 80px; }
	.mt-md-90 {
		margin-top: 90px; }
	.mt-md-100 {
		margin-top: 100px; }
	.mb-md-0 {
		margin-bottom: 0 !important; }
	.mb-md-10 {
		margin-bottom: 10px; }
	.mb-md-20 {
		margin-bottom: 20px; }
	.mb-md-30 {
		margin-bottom: 30px; }
	.mb-md-40 {
		margin-bottom: 40px; }
	.mb-md-50 {
		margin-bottom: 50px; }
	.mb-md-60 {
		margin-bottom: 60px; }
	.mb-md-70 {
		margin-bottom: 70px; }
	.mb-md-80 {
		margin-bottom: 80px; }
	.mb-md-90 {
		margin-bottom: 90px; }
	.mb-md-100 {
		margin-bottom: 100px; }
	.pt-md-0 {
		padding-top: 0 !important; }
	.pt-md-10 {
		padding-top: 10px; }
	.pt-md-20 {
		padding-top: 20px; }
	.pt-md-30 {
		padding-top: 30px; }
	.pt-md-40 {
		padding-top: 40px; }
	.pt-md-50 {
		padding-top: 50px; }
	.pt-md-60 {
		padding-top: 60px; }
	.pt-md-70 {
		padding-top: 70px; }
	.pt-md-80 {
		padding-top: 80px; }
	.pt-md-90 {
		padding-top: 90px; }
	.pt-md-100 {
		padding-top: 100px; }
	.pb-md-0 {
		padding-bottom: 0 !important; }
	.pb-md-10 {
		padding-bottom: 10px; }
	.pb-md-20 {
		padding-bottom: 20px; }
	.pb-md-30 {
		padding-bottom: 30px; }
	.pb-md-40 {
		padding-bottom: 40px; }
	.pb-md-50 {
		padding-bottom: 50px; }
	.pb-md-60 {
		padding-bottom: 60px; }
	.pb-md-70 {
		padding-bottom: 70px; }
	.pb-md-80 {
		padding-bottom: 80px; }
	.pb-md-90 {
		padding-bottom: 90px; }
	.pb-md-100 {
		padding-bottom: 100px; } }

@media only screen and (max-width: 992px) {
	.mt-sm-0 {
		margin-top: 0 !important; }
	.mt-sm-10 {
		margin-top: 10px; }
	.mt-sm-20 {
		margin-top: 20px; }
	.mt-sm-30 {
		margin-top: 30px; }
	.mt-sm-40 {
		margin-top: 40px; }
	.mt-sm-50 {
		margin-top: 50px; }
	.mt-sm-60 {
		margin-top: 60px; }
	.mt-sm-70 {
		margin-top: 70px; }
	.mt-sm-80 {
		margin-top: 80px; }
	.mt-sm-90 {
		margin-top: 90px; }
	.mt-sm-100 {
		margin-top: 100px; }
	.mb-sm-0 {
		margin-bottom: 0 !important; }
	.mb-sm-10 {
		margin-bottom: 10px; }
	.mb-sm-20 {
		margin-bottom: 20px; }
	.mb-sm-30 {
		margin-bottom: 30px; }
	.mb-sm-40 {
		margin-bottom: 40px; }
	.mb-sm-50 {
		margin-bottom: 50px; }
	.mb-sm-60 {
		margin-bottom: 60px; }
	.mb-sm-70 {
		margin-bottom: 70px; }
	.mb-sm-80 {
		margin-bottom: 80px; }
	.mb-sm-90 {
		margin-bottom: 90px; }
	.mb-sm-100 {
		margin-bottom: 100px; }
	.pt-sm-0 {
		padding-top: 0 !important; }
	.pt-sm-10 {
		padding-top: 10px; }
	.pt-sm-20 {
		padding-top: 20px; }
	.pt-sm-30 {
		padding-top: 30px; }
	.pt-sm-40 {
		padding-top: 40px; }
	.pt-sm-50 {
		padding-top: 50px; }
	.pt-sm-60 {
		padding-top: 60px; }
	.pt-sm-70 {
		padding-top: 70px; }
	.pt-sm-80 {
		padding-top: 80px; }
	.pt-sm-90 {
		padding-top: 90px; }
	.pt-sm-100 {
		padding-top: 100px; }
	.pb-sm-0 {
		padding-bottom: 0 !important; }
	.pb-sm-10 {
		padding-bottom: 10px; }
	.pb-sm-20 {
		padding-bottom: 20px; }
	.pb-sm-30 {
		padding-bottom: 30px; }
	.pb-sm-40 {
		padding-bottom: 40px; }
	.pb-sm-50 {
		padding-bottom: 50px; }
	.pb-sm-60 {
		padding-bottom: 60px; }
	.pb-sm-70 {
		padding-bottom: 70px; }
	.pb-sm-80 {
		padding-bottom: 80px; }
	.pb-sm-90 {
		padding-bottom: 90px; }
	.pb-sm-100 {
		padding-bottom: 100px; } }

@media only screen and (max-width: 767px) {
	.mt-xs-0 {
		margin-top: 0 !important; }
	.mt-xs-10 {
		margin-top: 10px; }
	.mt-xs-20 {
		margin-top: 20px; }
	.mt-xs-30 {
		margin-top: 30px; }
	.mt-xs-40 {
		margin-top: 40px; }
	.mt-xs-50 {
		margin-top: 50px; }
	.mt-xs-60 {
		margin-top: 60px; }
	.mt-xs-70 {
		margin-top: 70px; }
	.mt-xs-80 {
		margin-top: 80px; }
	.mt-xs-90 {
		margin-top: 90px; }
	.mt-xs-100 {
		margin-top: 100px; }
	.mb-xs-0 {
		margin-bottom: 0 !important; }
	.mb-xs-10 {
		margin-bottom: 10px; }
	.mb-xs-20 {
		margin-bottom: 20px; }
	.mb-xs-30 {
		margin-bottom: 30px; }
	.mb-xs-40 {
		margin-bottom: 40px; }
	.mb-xs-50 {
		margin-bottom: 50px; }
	.mb-xs-60 {
		margin-bottom: 60px; }
	.mb-xs-70 {
		margin-bottom: 70px; }
	.mb-xs-80 {
		margin-bottom: 80px; }
	.mb-xs-90 {
		margin-bottom: 90px; }
	.mb-xs-100 {
		margin-bottom: 100px; }
	.pt-xs-0 {
		padding-top: 0 !important; }
	.pt-xs-10 {
		padding-top: 10px; }
	.pt-xs-20 {
		padding-top: 20px; }
	.pt-xs-30 {
		padding-top: 30px; }
	.pt-xs-40 {
		padding-top: 40px; }
	.pt-xs-50 {
		padding-top: 50px; }
	.pt-xs-60 {
		padding-top: 60px; }
	.pt-xs-70 {
		padding-top: 70px; }
	.pt-xs-80 {
		padding-top: 80px; }
	.pt-xs-90 {
		padding-top: 90px; }
	.pt-xs-100 {
		padding-top: 100px; }
	.pb-xs-0 {
		padding-bottom: 0 !important; }
	.pb-xs-10 {
		padding-bottom: 10px; }
	.pb-xs-20 {
		padding-bottom: 20px; }
	.pb-xs-30 {
		padding-bottom: 30px; }
	.pb-xs-40 {
		padding-bottom: 40px; }
	.pb-xs-50 {
		padding-bottom: 50px; }
	.pb-xs-60 {
		padding-bottom: 60px; }
	.pb-xs-70 {
		padding-bottom: 70px; }
	.pb-xs-80 {
		padding-bottom: 80px; }
	.pb-xs-90 {
		padding-bottom: 90px; }
	.pb-xs-100 {
		padding-bottom: 100px; } }

@media only screen and (max-width: 480px) {
	/**/ }

@media only screen and (max-width: 320px) {
	/**/ }

/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1500px) {
	#header .main-menu {
		padding: 0 250px 0 370px;} }

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1300px) {
	#header .main-menu {
		padding: 0;
		margin: 40px 0 20px;
		/*margin: 120px 0 15px;*/
		} }

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	#oath-designer .oath-text {
		//padding: 75px 100px; 
	}
	#footer .footer-contacts .phone,
	#footer .footer-contacts .email,
	#footer .footer-contacts .social {
		margin: 0 30px; }
	#send-email .send-email-descr {
		padding: 70px 80px; }
	#slider .bx-wrapper ul > li img {
		width: auto;
		height: 450px; }
	.bx-wrapper img {
		max-width: none; } 
	#send-email .send-email-descr {
		background: #1f1f1f url('img/logo-white-2.png') no-repeat 340px 0;}






@media only screen and (max-width: 1024px) {
#ll{
right: 25px;
top: 29px;
}
	#header .order-call {
		display: none; }
	#header .logo {
		position: relative;
		text-align: center; 
		padding-left: 40px;
		left: 0;}
	.main-menu-toggle {
		z-index: 100;
		display: block; }
	#header .main-menu {
		display: none;
		margin: 0; }
	#header .main-menu ul {
		text-align: left;
	}
	#header .main-menu ul li {
		display: block;
		border-bottom: 1px solid #f1f1f1;
		margin: 0 15px; }
		#header .main-menu ul li:last-child {
			border-bottom: none; }
		#header .main-menu ul li a {
			display: block;
			width: 100%;
			padding: 10px 0; } 
	.portfolio-prev a, .portfolio-next a, .blog-prev a, .blog-next a{
		width: 100%;
		font-size: 10px;}
}



/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.container {
		width: 100%; }
	#view-portfolio .container .row .col-md-12, #read-blog .container .row .col-md-12 {
			padding-left: 0;
			padding-right: 0;
		 }
	#slider .bx-wrapper .main-slider li .slider-caption h3 {
		font-size: 30px;
		line-height: 1.4; }
	#read-blog .read-blog-wrap .center-descr h3 {
		line-height: 1.4; }
	#contact-us #contact-us-form .button {
		max-width: 280px;
		width: 100%; }
	.work-page .stage-item .pr-60 {
		padding-right: 15px; }
	.work-page .stage-item .pl-60 {
		padding-left: 15px; }
	#main.project .project-page .pr-40 {
		padding-right: 15px; }
	#contact-us #contact-us-form input[type="text"],
	#popup input[type="text"],
	#popup2 input[type="text"],
	#popup input[type="email"],
	#popup2 input[type="email"],
	#popup textarea,
	#popup2 textarea {
		text-indent: 10px; } 
	#footer .footer-contacts .social {
		display: block;
		margin: 0 0 15px;
	}
	#footer .footer-contacts .textwidget {
		display: block;
		margin: 0 0 15px;
	}
	#footer .footer-contacts .phone {
		width: 250px;
		margin: 0 auto;
	}
	#footer .footer-contacts .email {
		width: 290px;
		margin: 0 auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		animation: none !important; }
	#advantage {
		padding: 80px 0 20px; }
	#advantage .advantage-item {
		max-width: 245px;
		margin: 0 auto 60px; }
	#contact-us #contact-us-form .form-group {
		margin-bottom: 35px; }
	#contact-us #contact-us-form input[type="text"] {
		max-width: 100%; }
	#oath-designer .oath-text {
		//padding: 70px 80px; 
	}
	#oath-designer .designer-img {
		max-width: 600px;
		width: 100%;
		height: 500px;
		margin: 0 auto 30px;
		background-position: center center;
	}
	#send-email .send-email-descr {
		padding: 70px 20px; }
	#send-email .send-email-descr .button-wrap {
		margin: 0 auto; }
	#footer .footer-contacts .phone, #footer .footer-contacts .email {
		margin-bottom: 0px; }
	.blog-item {
		height: auto;
		margin-bottom: 45px; }
	.portfolio-item {
		max-width: 100%;
		height: auto;
	}
	.work-page .stage-item .stage-descr {
		top: 0;
		-webkit-transform: none;
				-ms-transform: none;
						transform: none;
		margin-top: 30px; }
	#header .main-menu ul li {
		margin: 0 70px 10px; }
#header .main-menu ul li.wpml-ls-item {
    margin: 0 70px 10px;
}

	#slider .bx-wrapper ul > li img {
		width: auto;
		height: 250px; }
	#slider .bx-wrapper .main-slider li .slider-caption h3 {
		margin-bottom: 20px; } 
	#send-email .send-email-descr {
		background: #1f1f1f;}}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 680px) {
	#header .order-call {
		display: none; }
	#header .logo {
		position: relative;
		text-align: center; 
		padding-left: 40px;
		left: 0;}
	.main-menu-toggle {
		z-index: 100;
		display: block; }
	#header .main-menu {
		display: none;
		margin: 0; }
	#header .main-menu ul {
		text-align: left;
	}
	#header .main-menu ul li {
		display: block;
		border-bottom: 1px solid #f1f1f1;
		margin: 0 15px; }
#header .main-menu ul li.wpml-ls-item {
    margin: 0 15px;
}

		#header .main-menu ul li:last-child {
			border-bottom: none; }
		#header .main-menu ul li a {
			display: block;
			width: 100%;
			padding: 10px 0; } 
	.portfolio-prev a, .portfolio-next a, .blog-prev a, .blog-next a{
		width: 100%;
		font-size: 10px;}
	}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
#ll{
right: 25px;
top: 18px;
}

	#slider .bx-wrapper .main-slider li .slider-caption h3 {
		font-size: 23px; }
	#advantage .advantage-title h2 {
		font-size: 23px; }
	#advantage .col-xs-6 {
		width: 100%; }
	#advantage .advantage-item {
		max-width: 320px;
		margin-bottom: 40px; }
	#view-portfolio .view-portfolio-wrap .description {
		max-width: 320px;
		padding: 45px 45px 55px; }
	#view-portfolio .view-portfolio-wrap .description h3 {
		font-size: 30px;
		line-height: 1.4; }
	#view-portfolio .view-portfolio-wrap {
		height: 420px; }
	.section-title h2 {
		font-size: 30px;
		line-height: 1.4; }
	//#oath-designer .col-xs-3 {
		//width: 100%;
		//height: 365px; }
	//#oath-designer .col-xs-9 {
		//width: 100%; }
	//#oath-designer .oath-text {
		//padding: 60px 30px; }
	#read-blog .read-blog-wrap .center-descr h3 {
		font-size: 25px; }
	#read-blog .read-blog-wrap .center-descr h3 span {
		display: block; }
	#read-blog .read-blog-wrap .center-descr {
		padding: 0 15px; }
	#read-blog .read-blog-wrap {
		height: 405px; }
	#read-blog {
		margin-bottom: 85px; }
	#send-email .col-xs-6 {
		width: 100%;
		height: 155px; }
	#send-email .send-email-descr {
		padding: 35px 15px; }
	#footer .footer-contacts .phone, #footer .footer-contacts .email {
		font-size: 15px;
		margin-bottom: 20px; }
	#footer .footer-contacts .phone,
	#footer .footer-contacts .email,
	#footer .footer-contacts .social {
		margin: 0 auto 15px; 
		display: block;}
	#header .logo img {
		width: 230px;
		height: auto; }
	.main-menu-toggle {
		top: 15px;
		left: 15px; }
	#contact-us-form .col-xs-6 {
		width: 100%; }
	#contact-us #contact-us-form .button {
		max-width: 100%; } 
	#oath-designer .designer-img {
		height: 350px;
	}
}


@media only screen and (max-width: 390px) {
#ll{
right: 15px;
top: 18px;
}
}
@media only screen and (max-width: 350px) {
#ll{
right: 5px;
top: 18px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
	/**/ }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
	/**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	/**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 680px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	/**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	/**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	#header .main-menu {
		display: inline-block !important; } 
	/**/ }