/* ---------mobile ---------- */

#mobile {
	display:none;
}
@media screen and (max-width:1180px) {
	#mobile {display:block;}
}

/* ---------header ---------- */

header {
	padding:0 20px;
	background:url('/images/design/industrial-floor.jpg') 50% 50% no-repeat;
	background-size:cover;
	color:#ffffff;
}
.itemid-145 header {
	background:url('/images/design/betonnye-poly.jpg') 50% 50% no-repeat;
	background-size:cover;
}
.itemid-146 header {
	background:url('/images/design/polimernye-poly.jpg') 50% 50% no-repeat;
	background-size:cover;
}
.itemid-147 header {
	background:url('/images/design/toppingovye-poly.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#head {
	max-width:1366px;
	margin:0 auto;
}
.preview {
	height:100vh;
	display:flex;
}
.preview-other {
	height:auto;
}
.preview-top {
	align-items:flex-start;
	flex-wrap:nowrap;
	height:30vh;
	width:100vw;
}
.preview-other .preview-top {
	height:auto;
}
.preview-top-left {
	width:45%;
	justify-content:flex-start;
	flex-wrap:nowrap;
	align-items:center;
}
.preview-top-right {
	width:55%;
	justify-content:flex-end;
	margin-top:60px;
}
.preview-top-logo {
	min-width:180px;
}
.preview-top-menu {
	margin:0 0 35px 0;
	justify-content:flex-start;
}
.preview-top-menu ul {
	display:flex;
	flex-wrap:wrap;
}
.preview-top-menu ul li {
	line-height:200%;
}
.preview-top-menu a {
	color:#d4d4d4;
	font-family: "Comfortaa-Bold", sans-serif;
	text-transform:uppercase;
	margin:0 15px;
	font-size:16px;
	border-bottom:1px solid #ffffff00;
}
.preview-top-menu li a:hover {
	border-bottom:1px solid #fff;
	color:#fff;
}
.preview-top-menu ul li.active a {
	border-bottom:1px solid #fff;
	color:#fff;
}
.preview-top-menu li ul {
	display:none;
}
.preview-top-menu li ul li {
	display:none;
}
.preview-top-call {
	padding:0;
	margin:0 0 30px 0;
	width:380px;
}
.preview-top-call-left a {
	font-size:23px;
	color:#ffffff;
	font-family: "Comfortaa-Bold", sans-serif;
	border-bottom:2px solid #ffffff00;
	padding-bottom:3px;
}
.preview-top-call-left a:hover {
	border-bottom:2px solid #fff;
}
.preview-top-call-left span {
	display:block;
	font-size:12px;
	margin-top:5px;
	margin-right:2px;
	text-align:right;
	color:#d4d4d4;
}
.preview-top-call-right {
	margin:0 40px 0 0;
}
.preview-top-call-right a {
	display:inline-block;
	opacity:0.78;
}
.preview-top-call-right a:hover {
	opacity:1;
}
.preview-top-order {
	width:220px;
	text-align:right;
}
.preview-top-order a {
	display:inline-block;
	background:#b23322;
	color:#fff;
	padding:10px 25px;
	border-radius:30px;
	text-align:center;
}
.preview-center {
	height:35vh;
	align-content: center;
}
.preview-header {
	width:100%;
	max-width:434px;
	margin:0 auto;
	position:relative;
}
.preview-other-item .preview-header {
	max-width:100%;
	margin:0 auto;
	text-align:center;
}
.preview-header h1 {
	font-size:35px;
}
.preview-header span {
	background:#b23322;
	padding:5px 0 5px;
	border-radius:30px;
	display:block;
	width:220px;
	text-align:center;
	position:absolute;
	bottom:7px;right:20px;
	font-size:15px;
}
.preview-other-item .preview-header span {
	margin:20px auto 0;
	position:relative;
	bottom:auto;right:auto;
}
.preview-description {
	text-align:center;
	width:100%;
	margin-top:30px;
}
.preview-description p {
	max-width:968px;
	margin:0 auto;
}
.preview-bottom {
	height:35vh;
	align-content:center;
	width:100%;
}
.preview-items {
	flex-wrap:nowrap;
	justify-content:space-between;
}
.preview-item {
	width:calc(100% / 4 - 20px);
	text-align:center;
}
.preview-item img {
	display:block;
	margin:0 auto 20px;
}

@media screen and (max-width:1180px) {
	.preview-top-left {width:auto;}
	.preview-top-menu {display:none;}
	.preview-top-right {width:auto;flex-wrap:nowrap;margin-right:100px;}
	.preview-top-call-right {margin:0 20px 0 0;}
	.preview-top-call {width:340px;}
}
@media screen and (max-width:900px) {
	header, .preview, .preview-top, .preview-center, .preview-bottom {height:auto;}
	.preview-top, .preview-center, .preview-bottom {margin-bottom:100px;}
	.preview-top-right {display:none;}
	.preview-other .preview-top {height:auto;margin:0;}
}
@media screen and (max-width:768px) {
	.preview-items {flex-wrap:wrap;}
	.preview-item {width:calc(100% / 2 - 20px);text-align:center;margin-top:20px;}
}
@media screen and (max-width:524px) {
	.preview-header h1 {font-size:28px;max-width:370px;}
	.preview-other-item .preview-header h1 {font-size:28px;max-width:100%;}
	.preview-header span {margin-top:20px;width:220px;position:relative;bottom:0;right:0;}
	.preview-description {text-align:left;width:100%;}
	.preview-top, .preview-center, .preview-bottom {margin-bottom:50px;}
	.preview-item {text-align:left;}
	.preview-item img {margin:0 0 20px;}
	.preview-center {margin-bottom:0;}
}
@media screen and (max-width:480px) {
	.preview-items {flex-wrap:wrap;}
	.preview-item {width:100%;}
}

/* ---------landing ---------- */

.whitefon {
	padding:100px 20px;
}
.whitefon h1, .whitefon h2 {
	font-size:30px;
	color:#b23322;
	margin-bottom:20px;
}
.whitefon h1 span, .whitefon h2 span {
	color:#000;
	border-bottom:2px solid #000;
	margin-right:10px;
}
.territories p {
	font-size:15px;
}
.territories h2 span {
	color:#000;
	border-bottom:2px solid #000;
	margin-right:10px;
}
.territories ul {
	margin:0;padding:0;
	list-style:none;
}
.territories ul li a {
	color:#333;
	position:relative;
	padding:0 0 0 30px;
	margin-bottom:10px;
	display:inline-block;
	font-family: "Comfortaa-Bold", sans-serif;
	cursor:text;
}
.territories ul li a:hover {
	color:#b23322;
}
.territories ul li a:before {
	content:'';
	position:absolute;
	top:4px;left:0;
	width:15px;height:15px;
	border:4px solid #d96455;
	border-radius:50%;
}
.territories {
	justify-content:space-between;
}
.territories-services {
	text-align:right;
	padding:50px 0 0 0;
}
.territories-services a {
	font-family: "Comfortaa-Bold", sans-serif;
	display:inline-block;
	margin:5px 5px 5px 0;
	color:#853E35;
	padding:5px 15px;
	font-size:14px;
	border-radius:20px;
	border:2px solid #853E35;
	cursor:text;
}
.territories-services a:hover {
	color:#333;
	border:2px solid #333;
}
.territories-item {
	width:calc(100% / 4 - 20px);
}
.territories-item:first-child {
	width:calc(100% / 2 - 20px);
}

@media screen and (max-width:900px) {
	.territories-item:first-child {width:100%;margin-bottom:40px;}
	.territories-item {width:30%;}
	.whitefon h1 span, .whitefon h2 span {display:block;}
	.whitefon h1 span, .whitefon h2 span {border-bottom:none;margin-right:0;}
}
@media screen and (max-width:600px) {
	.territories-item {width:100%;}
	.territories-services {text-align:left;}
}

.floors {
	margin:100px 0 50px;
}
.floor {
	width:calc(100% / 4 - 10px);
	color:#fff;
	height:420px;
	border-radius:5px;
	padding:40px 20px;
	position:relative;
}
.floor h3 {
	font-family: "Comfortaa-Bold", sans-serif;
	font-size:22px;
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d4d4d4;
}
.floor p {
	font-size:15px;
}
.floor a {
	color:#fff;
	height:80px;
	font-family: "Comfortaa-Bold", sans-serif;
	display:block;
	position:absolute;
	bottom:20px;left:20px;
	padding-bottom:25px;
	align-content:flex-end;
	font-size:15px;
	width:calc(100% - 30px);
}
.floor a:after {
	content:'';
	height:80px;width:80px;
	position:absolute;
	bottom:0;right:0;
	background:url('/images/design/link.png') 0 0 no-repeat;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
.floor a:hover:after {
	background:url('/images/design/linkhover.png') 0 0 no-repeat;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
div.floor:nth-child(1) {
	background:url('/images/design/concret--floor.jpg') 0 0 no-repeat;
	background-size:cover;
}
div.floor:nth-child(2) {
	background:url('/images/design/polymer-floor.jpg') 0 0 no-repeat;
	background-size:cover;
}
div.floor:nth-child(3) {
	background:url('/images/design/topping-floor.jpg') 0 0 no-repeat;
	background-size:cover;
}
div.floor:nth-child(4) {
	background:url('/images/design/floor-repair.jpg') 0 0 no-repeat;
	background-size:cover;
}

.simple-order {
	justify-content:flex-end;
	align-items:center;
	margin:50px 0 0;
	padding:50px 0 0;
	border-top:2px dashed #ccc;
}
.simple-order-left {
	font-family: "Comfortaa-Bold", sans-serif;
	line-height:120%;
}
.simple-order-right {
	margin-left:100px;
}
.simple-order-right a {
	display:inline-block;
	background:#b23322;
	color:#fff;
	padding:10px 30px;
	border-radius:30px;
}
.simple-order-right a:hover {
	background:#333;
}

@media screen and (max-width:1024px) {
	.floor {width:calc(100% / 2 - 10px);margin-bottom:20px;}
	.simple-order-left {margin-bottom:20px;}
}
@media screen and (max-width:600px) {
	.floor {width:100%;margin-bottom:20px;}
	.simple-order-right {margin-left:0;}
}

.installationfon {
	color:#fff;
	font-size:15px;
	padding:100px 20px;
	background:url('/images/design/floor-installation.jpg') 0 0 no-repeat;
	background-size:cover;
}
.installationfon img {
	display:block;
	margin:0 0 20px;
}
.installation-inner {
	justify-content:space-between;
	padding-left:50px;
}
.installation-item {
	width:calc(100% / 4 - 20px);
}

@media screen and (max-width:768px) {
	.installationfon {background:url('/images/design/floor-installation.jpg') 50% 50% no-repeat;
	background-size:cover;padding:100px 20px 75px 20px;}
	.installation-item {width:calc(100% / 2 - 20px);margin-bottom:25px;}
}
@media screen and (max-width:524px) {
	.installation-item {width:100%;}
}

.grayfon {
	background:#f6f6f6;
	padding:100px 20px;
}
.projects h2 {
	font-size:30px;
	margin-top:10px;
	color:#b23322;
	display:block;
	margin-bottom:-20px;
}
.projects h2 span {
	color:#000;
	border-bottom:2px solid #000;
	margin-right:5px;
}

@media screen and (max-width:1180px) {
	.projects {margin-bottom:-50px;}
}
@media screen and (max-width:768px) {
	.projects h2 {margin:0;}
}

.form-order {
	background:#fff;
	border-radius:5px;
	padding:40px;
	position:relative;
	overflow:hidden;
	margin-bottom:-25px;
}
.form-order:after {
	content:'';
	background:#853E35;
	width:500px;height:500px;
	bottom:-20%;right:-25%;
	position:absolute;
	transform: rotate(45deg);
	border-radius:5px;
}
.form-order:before {
	content:'';
	background:#666;
	width:500px;height:500px;
	bottom:15%;left:-20%;
	position:absolute;
	transform: rotate(45deg);
	border-radius:5px;
	opacity:0.15;
}
.form-order h2 {
	font-size:30px;
	line-height:120%;
	padding:20px;
	position:relative;
}
.form-order h2 span {
	color:#b23322;
	display:block;
	font-size:25px;
}

@media screen and (max-width:1024px) {
	.form-order:after {width:320px;height:350px;bottom:-10%;}
	.form-order:before {width:400px;height:400px;bottom:15%;left:-30%;}
}
@media screen and (max-width:768px) {
	.form-order:after {display:none;}
	.form-order:before {width:400px;height:400px;bottom:auto;top:-5%;left:-50%;}
}
@media screen and (max-width:524px) {
	.form-order {padding:40px 10px;}
	.form-order:before {width:400px;height:400px;bottom:auto;top:0;left:-75%;opacity:0.1;}
	.form-order h2 {font-size:25px;}
	.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {width: 100%;}
}


/* ---------main ---------- */

#wrapper {
	padding:0 20px;
	position:relative;
}
#breadcrumbs {
	max-width:1366px;
	margin:0 auto;
}
.breadcrumbs {
	display:block;
	padding:20px 0 0;
	color:#333;
	font-weight:normal;
	line-height:18px;
	font-size:15px;
	text-transform:lowercase;
}
.breadcrumbs a, .breadcrumb a {
	color:#666;
	font-weight:normal;
}
.breadcrumbs a:hover, .breadcrumb a:hover {
	color:#b23322;
}
.breadcrumbs ul {
	margin:0;
}
.breadcrumbs li {
	display:inline;
}
.breadcrumb {
	margin:25px auto 0;
	max-width:1366px;
	list-style:none;
	font-size:15px;
	padding:0;
}
.breadcrumb li {
	display:inline;
	text-transform:lowercase;
}
.main {
	margin:0;padding:0;
}
.main h1 {
	font-size:30px;
	margin-bottom:30px;
	text-align:left;
}
.home-ul {
	display:flex;
	margin:0 0 100px;padding:0;
	list-style:none;
	flex-wrap:wrap;
}
.home-ul li {
	border:2px solid #4C85D3;
	border-radius:30px;
	margin:10px 10px 10px 0;
	padding:10px 20px;
	background:#f6f6f6;
	text-align:left;
}
.two {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.two-item:first-child {
	width:55%;
	margin:0 50px 0 0;
}

@media screen and (max-width:900px) {
	.two {flex-wrap:wrap;margin:0 0 50px;}
	.two-item:first-child {width:100%;}
	.home-ul {margin:0 0 50px;}
}

/* ---------------------------------
          Bottom
---------------------------------- */

#wrapper-bottom {
	position:relative;
}
.wrapper-bottom-inner {
	margin:-5px auto 0 auto;
}
#bottom {
	margin:0;
	padding:0;
}

/* ---------------------------------
          Footer
---------------------------------- */

footer {
	padding:50px 20px;
	position:relative;
	color:#fff;
	background:#333;
}
.footer-inner {
	max-width:1366px;
	margin:0 auto;
}
#foot {
	margin:0;
	padding:20px 0 0;
}
#foot .footers a {
	color:#fff;
}
.footers {
	padding-bottom:10px;
}
.footers-left {
	width:calc(100% / 10*4 - 20px);
}
.footers-left p:first-child {
	font-size:18px;
	margin-bottom:20px;
	font-family: "Comfortaa-Bold", sans-serif;
}
.footers-left p {
	font-size:15px;
}
.footers-left p.foot-phone {
	font-size:28px;
}
.foot-phone span {
	color:#d4d4d4;
	font-size:15px;
}
.foot-soc a {
	width:50px;height:50px;
	display:inline-block;
}
.footers-center {
	width:calc(100% / 10*3 - 20px);
	text-align:right;
}
.footers-right {
	width:calc(100% / 10*3 - 20px);
	text-align:right;
}
.footers-center strong, .footers-right strong {
	font-size:18px;
	margin-bottom:15px;
	display:block;
	color:#d4d4d4;
}
.footers-center a, .footers-right a {
	font-size:15px;
	display:block;
	margin-bottom:5px;
}

@media screen and (max-width:768px) {
	.footers {flex-direction:column;}
	.footers-left, .footers-center, .footers-right {width:100%;text-align:left;margin-bottom:50px;}
	p.foot-address {margin-top:40px;}
}
@media screen and (max-width:524px) {

}