body {padding: 0; margin: 0; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: left; font-size: 14px; line-height: 17px; word-wrap: break-word;}
a {text-decoration: none;}

.container {width: 1326px; margin: 0 auto; position: relative;}
.clearfix {clear: both; width: 100%;}

header {margin-top: 30px; float: left; width: 100%;}
header .logo {float: left;}
header .logo img {width: 223px; height: 80px;}
header .main-menu {float: right; margin-top: 26px;}
header .main-menu .close {display: none;}
header .main-menu ul li {float: left; margin-right: 14px; list-style: none;}
header .main-menu ul li:last-child {margin-right: 0;}
header .main-menu ul li a {text-transform: uppercase; font-size: 12px; line-height: 14px; color: #232222; font-family: roboto, sans-serif; font-weight: 700;}
header .main-menu ul li.active a, header .main-menu ul li:hover a {color: #F8AC25;}
header .main-menu .lang a, header .main-menu .lang a:hover {color: #404DA1;}

.main-slider {width: 100%; float: left; margin-top: 54px;}
.main-slider .swiper-slide {width: 100%; height: 440px; position: relative;}
.main-slider .swiper-slide a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-slider .sl-content {position: absolute; top: 160px; left: 124px;}
.main-slider .sl-content img {position: absolute; top: 0; left: 0;}
.main-slider .sl-content.sl01 img {width: 498px;}
.main-slider .sl-content.sl02 {top: 110px; left: 120px;}
.main-slider .sl-content.sl02 img {width: 200px;}
.main-slider .sl-content.sl03 {top: 110px; left: 120px;}
.main-slider .sl-content.sl03 img {width: 200px;}
.main-slider .sl-content.sl04 {top: 110px; left: 120px;}
.main-slider .sl-content.sl04 img {width: 200px;}
.main-slider .sl-content span {position: relative; top: 110px; left: 220px; font-size: 40px; color: #FFFFFF; font-family: roboto, sans-serif; font-weight: 700;}
.main-slider .swiper-pagination-bullet {width: 10px; height: 10px; border: 2px solid #fff;border-radius: 0; background: transparent; opacity: 1;}
.main-slider .swiper-pagination-bullet-active {background: #fff;}
.main-slider .swiper-pagination-bullets {width: 200px !important; left: auto !important; right: 29px; text-align: right; bottom: 22px !important;}

.burger {display: none;}
.main-bg {display: none;}

.main-content {position: relative; float: left; width: 100%; margin-top: 45px; min-height: 860px;}
.main-content .mc-bg {width: 100%; position: absolute; top: 0; left: 0; text-align: center; z-index: -1; opacity: 0.1;}
.main-content .mc-bg img {width: 851px;}

.main-content .mc-prefs {float: left; width: 100%; margin-top: 120px; position: relative;}
.main-content .mc-prefs .mc-p-cols {float: left; width: 1189px; margin-left: -14px;}
.main-content .mc-prefs .mc-p-bg {position: absolute; right: -160px; top: 160px;}
.main-content .mc-prefs .mc-p-bg img {transform: rotate(90deg); width: 353px;}
.main-content .mc-prefs .mc-p-col {width: calc(25% - 2%); margin: 0 calc(2% / 2) 2% calc(2% / 2); float: left;}
.main-content .mc-prefs .mc-p-col h2 {font-size: 18px; font-weight: 700; padding: 0 0px; color: #3d1d45; font-family: Open Sans, Arial, sans-serif;}
.main-content .mc-prefs .mc-p-col p {padding: 20px 0px 0 0px; margin-bottom: 20px; line-height: 1.5;}
.main-content .mc-prefs .mc-p-col a {color: #404DA1;}
.main-content .mc-prefs .mc-p-col a:hover {color: #F8AC25;}

.main-intro {float: left; width: 100%; position: relative;}
.main-intro .mi-bg {position: absolute; top: 20px; left: -64px;}
.main-intro .mi-bg img {width: 186px; transform: rotate(90deg); height: 186px;}
.main-intro .mi-text {font-family: roboto, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #232222; width: 737px; margin-left: 130px; margin-top: 20px;}

footer {float: left; width: 100%; margin: 60px 0 60px;}
footer .ft-logo img {width: 185px;}
footer .ft-cnt {float: right; line-height: 14px; font-weight: 700; text-align: right; font-size: 12px; color: #232222; margin-top: -30px;}


.inner-banner {width: 100%; float: left; height: 440px; margin-top: 60px;}
/*
.inner-banner.sp {background: url(/img/arch3.jpg) center center no-repeat; background-size: cover;}
.inner-banner.sr {background: url(/img/struct_opt.jpg) left top no-repeat; background-size: cover;}
.inner-banner.apr {background: url(/img/stairs_opt.jpg) center center no-repeat; background-size: cover;}
.inner-banner.cs {background: url(/img/cases2_opt.jpg) center center no-repeat; background-size: cover;}
.inner-banner.ct {background: url(/img/atrium_opt_.jpg) center bottom no-repeat; background-size: cover;}
*/
.inner-banner .ib-title {line-height: 96px; font-size: 80px; color: #FFFFFF; font-family: roboto, sans-serif; font-weight: 700; margin: 165px 0 0 98px;}
.inner-banner.cs .ib-title img {width: 369px;}

.sp-content {position: relative; float: left; width: 100%; margin-top: 45px; min-height: 400px;}
.sp-content.sr {margin-top: 0;}
.sp-intro {float: left; width: 100%; position: relative;}
.sp-intro .sp-i-bg {position: absolute; top: 12px; left: -24px;}
.sp-intro .sp-i-bg img {width: 76px; transform: rotate(90deg); height: 76px;}
.sp-intro .sp-i-text {font-family: roboto, sans-serif; font-weight: 300; font-size: 18px; line-height: 22px; color: #232222; width: 760px; margin-left: 95px; margin-top: 28px;}

.sp-prefs {float: left; width: 100%; margin: 70px 0 50px; position: relative;}
.sp-content.sr .sp-prefs {margin-top: 60px;}
.sp-prefs .sp-p-bg {position: absolute; left: 0; top: 55px; z-index: -1;}
.sp-content.sr .sp-p-bg {top: 20px;}
.sp-content.cs .sp-p-bg {top: -5px;}
.sp-content.ct .sp-p-bg {top: -25px;}
.sp-prefs .sp-p-cols {float: left; width: 100%;}
.sp-prefs .sp-p-col {width: 31%; margin-left: 40px; float: left;}
.sp-prefs .sp-p-col:first-child {margin-left: 0;}
.sp-prefs .sp-p-col .sp-p-title {height: 90px; line-height: 90px; overflow: hidden; margin-bottom: 10px;}
.sp-prefs .sp-p-col .sp-p-title .sp-p-icon {float: left; margin-right: 25px;}
.sp-prefs .sp-p-col .sp-p-title .sp-p-icon img {width: 90px;}
.sp-prefs .sp-p-col .sp-p-title span {display: inline-block; width: 295px; line-height: 24px; vertical-align: middle; color: #3d1d45; text-align: left; font-family: roboto, sans-serif; font-weight: 700; font-size: 24px;}
.sp-prefs .sp-p-col p {float: left; color: #232222; text-align: left; font-family: roboto, sans-serif; font-weight: 300; line-height: 21px; padding-right: 25px;}
.sp-prefs .sp-p-col ul {float: left; width: 100%; padding: 0; margin: 15px 0;}
.sp-prefs .sp-p-col ul li {list-style: none; padding: 0 25px 0 50px; position: relative; font-size: 14px; line-height: 21px; color: #232222; margin-bottom: 25px;}
.sp-prefs .sp-p-col ul li:after {content: ""; position: absolute; top: 0; left: 0; width: 8px; height: 30px; background: #3d1d45;}

.sp-content.apr {margin-top: 0;}
.sp-content.apr .sp-prefs {margin-top: 50px;}
.sp-content.apr .sp-prefs .sp-p-col p {line-height: 24px; color: #232222; text-align: left; font-family: roboto, sans-serif; font-weight: 300; font-size: 16px;}
.sp-content.apr .sp-p-bg {top: -50px;}

.sp-content.cs {margin-top: 0;}
.sp-content.cs .sp-prefs {margin-top: 40px;}
.sp-content.cs .sp-prefs .mc-p-cols {margin-left: -14px;}
.sp-content.cs .sp-prefs .mc-p-col {width: calc(25% - 2%); margin: 0 calc(2% / 2) 2% calc(2% / 2); float: left;}
.sp-content.cs .sp-prefs .mc-p-col h2 {font-size: 18px; font-weight: 700; padding: 0 0px; color: #3d1d45; font-family: Open Sans, Arial, sans-serif;}
.sp-content.cs .sp-prefs .mc-p-col p {padding: 20px 0px 0 0px; margin-bottom: 20px; line-height: 1.5;}

.sp-content.ct {margin-top: 0;}
.sp-content.ct .sp-prefs {margin-top: 60px;}
.sp-content.ct .sp-prefs .mc-p-col h2 {font-family: roboto, sans-serif; font-size: 24px; line-height: 36px; font-weight: 700;}
.sp-content.ct .sp-prefs .mc-p-col .nonblock {color: #232222; font-family: roboto, sans-serif; font-size: 18px; line-height: 27px; font-weight: 300;}
.sp-content.ct .sp-prefs .mc-p-col .nonblock:hover {color: #F8AC25;}
.sp-content.ct .sp-prefs .mc-p-col p.b {font-size: 18px; font-weight: 700; color: #3d1d45;}
.sp-content.ct .sp-prefs .mc-p-col p.phone {font-size: 18px; font-weight: 300; color: #232222; padding-top: 15px;}