/* ---------------------------------
          Header
---------------------------------- */

header {
	background:#f6f6f6;
	position:relative;
	color:#f6f6f6;
}
#head {
	margin:0;padding:0;
}
.head-section {
	padding:40px 20px;
	background:#161e27;
}
.home-head {
	background:url('../../../images/template-elements/krovlya.jpg') 50% 0 no-repeat;
	background-size:cover;
}
.gidroizolyatsiya-head {
	background:url('../../../images/template-elements/gidroizolyatsiya-fon.jpg') 50% 0 no-repeat;
	background-size:cover;
}
.demontazh-head {
	background:url('../../../images/template-elements/demontazh-krovli-fon.jpg') 50% 0 no-repeat;
	background-size:cover;
}
.remont-head {
	background:url('../../../images/template-elements/remont-krovli-fon.jpg') 50% 0 no-repeat;
	background-size:cover;
}
.montazh-head {
	background:url('../../../images/template-elements/montazh-krovli-fon.jpg') 50% 0 no-repeat;
	background-size:cover;
}
.hs-top {
	max-width:1366px;
	margin:0 auto 30px;
	align-items:center;
}
.hst-logo {
	margin:10px 20px 0 0;
	padding:0;
}
.hst-info {
	align-items:center;
	line-height:0;
}
.hst-info a {
	color:#f6f6f6;
}
.hsti-phone {
	margin-right:5px;
	position:relative;
	padding-left:45px;
	font-size:20px;
}
.hsti-phone:hover {
	color:#f6f5c5;
}
.hsti-phone:before {
	position:absolute;
	content:'';
	top:-20px;left:0;
	width:40px;height:40px;
	background:url('../../../images/icons/phone.png') 0 0 no-repeat;
}
.hsti-order a {
	background:#c64848;
	padding:12px 30px;
	border-radius:6px;
}
.hsti-order a:hover {
	background:#333;
	color:#f6f5c5;
}
.hs-middle {
	margin:100px auto 150px;
	border-top:1px solid #666;
	max-width:1366px;
}
.hs-middle h1 {
	line-height:150%;
	text-align:left;
	display:block;
	padding-top:100px;
	font-size: 30px;
	max-width:900px;
}
.hs-middle h1 span {
	color:#f6f5c5;
}
.hs-middle p {
	font-size:20px;
	max-width:1024px;
	margin-top:20px;
}
.hs-bottom {
	padding:0 0 40px;
	max-width:1366px;
	margin:0 auto;
	justify-content:flex-start;
}
.hs-bottom p {
	width:calc(100% / 3 - 40px);
	margin-bottom:20px;
	font-size:24px;
	position:relative;
	padding-left:20px;
	padding-top:10px;
}
.hs-bottom p:before {
	position:absolute;
	top:-5px;left:0;
	content:'';
	width:20px;height:40px;
	border-left:4px solid #f6f5c5;
}
.hs-bottom p:after {
	position:absolute;
	top:-5px;left:0;
	content:'';
	width:40px;height:40px;
	border-top:4px solid #f6f5c5;
}
.hs-bottom p strong {
	text-transform:uppercase;
	display:block;
	font-size:24px;
	margin-bottom:10px;
}
.hs-bottom p span {
	display:block;
	padding:0 20px;
}

#mobile {
	display:none;
}
.hst-logo {
	margin:10px 20px 0 0;
	padding:0;
}
.hst-info {
	align-items:center;
	line-height:0;
}
.hsti-order {
	display:none;
}
@media screen and (max-width: 1180px) {
	.hs-bottom p strong {font-size:20px;}
	.hs-bottom p span {font-size:14px;}
}
@media screen and (max-width: 900px) {
	#mobile {display:block;}
	.hst-logo {margin:0 0 20px 0;width:100%;}
	.hsti-order {display:none;}
	.hst-info {margin-top:20px;}
	.hs-middle {margin:40px auto 160px;}
	.hs-middle h1 {padding-top:140px;}
	.hs-bottom {justify-content:center;}
	.hs-bottom p {width:calc(100% / 3 - 10px);}
}
@media screen and (max-width: 768px) {
	.hsti-phone {margin-right:0;font-size:18px;}
	
	.hs-bottom p {width:100%;font-size:18px;}
	.hs-middle {margin:10px auto 80px;}
	.hs-middle h1 {padding-top:40px;font-size:25px;}
	.hs-middle p {font-size:18px;}
}
@media screen and (max-width: 480px) {
	.hs-middle {margin:10px auto 40px;}
	.hs-middle h1 {padding-top:30px;font-size:28px;text-align:left;}
	.hs-bottom {justify-content:flex-start;text-align:left;padding-top:50px;}
	.hs-bottom p strong {font-size:18px;}
	.hs-bottom p span {padding:0;}
}
@media screen and (max-width: 358px) {
	.hst-logo img {width:180px;}
	
}

/* ---------------------------------
          Menu
---------------------------------- */

#wrapper-menu {
	margin:0;padding:0;
}
.wrapper-menu-inner {
	margin:0;padding:0;
}

.hsti-menu {
	max-width:1366px;
	margin:40px auto 0;
	display:none;
}
.hsti-menu ul {
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.hsti-menu li {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.hsti-menu ul > li > a {
	display:block;
	color:#f6f5c5;
	font-family: "Comfortaa-Bold", serif;
	padding:10px;
	border:2px solid transparent;
	border-radius:6px;
}
.hsti-menu ul > li:hover > a,
.hsti-menu ul > li:focus > a {
	color: #f6f6f6;
	border:2px solid #f6f6f6;
}
.hsti-menu ul.menu > li.active > a {
	color: #f6f6f6;
	text-decoration:underline;
}
.hsti-menu ul li ul,
.hsti-menu ul li:hover ul {
    position:absolute;
	left:-999em;
	z-index:999;
    margin:0;
	padding:10px 0 30px;
	text-align:left;
    background:#161e27;
	width:320px;
    display:block;
    overflow:hidden;
	border-radius:0 0 6px 6px;
}
.hsti-menu ul li ul li {
	text-align:left;
}
.hsti-menu ul li:hover > ul,
.hsti-menu ul li:focus > ul {
	left: auto;
}
.hsti-menu ul > li > ul > li > a {
	display:block;
	color:#fff;
	padding:20px 30px 0 20px;
	font-size:14px;
	border:none;
}
.hsti-menu ul > li > ul > li > a:hover {
	color:#f6f5c5;
	border:none;
}
.hsti-menu ul > li > ul > li.active > a {
	color:#f6f5c5;
}
.hsti-menu ul li:hover ul li ul {
	display:none;
}
.item-209 {
	display:none;
}
.hsti-menu .item-124 ul {
	display:none !important;
}

@media screen and (max-width: 1180px) {
	.hsti-menu a {font-size:14px;}
}
@media screen and (max-width: 900px) {
	.hsti-menu {display:none;}
	.item-124 {display:none;}
	.item-209 {display:block;}
}

/* ---------------------------------
          Top
---------------------------------- */

#wrapper-top {
	background:#f6f6f6;
	position:relative;
}

.wrapper-top-inner {
	margin:0;padding:0;
}

#top {
	margin:0;padding:0;
}
.content-section-info {
	background:#f4f4f7;
	padding:90px 20px;
}
.content-section-info-inner {
	max-width:1366px;
	margin:0 auto;
	align-items:flex-end;
}
.csi-left {
	width:calc(100% / 2 - 20px);
}
.csi-left h2 {
	margin-bottom:40px;
}
.csi-left p {
	margin-top:10px;
}
.csi-order {
	margin:50px 0 0;padding:0;
	align-items:center;
	display:block;
}
.csi-order div:first-child {
	margin:0 0 20px 0;
	width:100%;
}
.csi-order div:first-child a {
	background:#c64848;
	padding:15px 30px;
	color:#f6f6f6;
	display:inline-block;
	text-align:center;
	line-height:130%;
}
.csi-order div:first-child a:hover {
	background:#333;
	color:#f6f5c5;
}
.csi-order div:last-child {
	color:#40444b;
	font-size:14px;
	margin-left:30px;
}
.csi-order div:last-child a {
	display:block;
	color:#40444b;
	font-family: "Comfortaa-Bold", serif;
	font-size:20px;
	margin:0 0 5px 0;
}
.csi-order div:last-child a:hover {
	color:#c64848;
}
.csi-right {
	width:calc(100% / 2 - 20px);
	text-align:right;
}
.csi-right img {
	border-radius:6px;
}
.work-time {
	color:#40444b;
	font-family: "Comfortaa-Bold", serif;
	font-size:18px;
}
.work-time img {
	display:inline-block;
	margin-right:15px;
	vertical-align: middle;
	margin-top:-2px;
}
@media screen and (max-width: 1200px) {
	.info-img img {object-fit:cover;height:350px;}
}
@media screen and (max-width: 1024px) {
	.content-section-info-inner {flex-direction:column-reverse;}
	.csi-left {width:100%;}
	.csi-right {width:100%;margin-bottom:50px;}
	.work-time {text-align:left;}
	.info-img img, .info-img {display:block;m}
}
@media screen and (max-width: 768px) {
	.csi-left h2 {font-size:24px;}
}
@media screen and (max-width: 524px) {
	.csi-order {flex-wrap:wrap;}
	.csi-order div:first-child {width:100%;}
	.csi-order div:last-child {margin:40px 0 0;}
	.csi-order div:first-child a {padding:10px 30px;max-width:100%;width:100%;}
}
@media screen and (max-width: 420px) {
	.work-time img {float:left;margin-top:-4px;}
	.csi-left h2 {font-size:21px;}
}

.content-section-list {
	background:#fff;
	padding:90px 20px;
}
.content-section-list-inner {
	max-width:1366px;
	margin:0 auto;
}
.csl-lists {
	margin:45px 0;padding:0;
	color:#f6f6f6;
}
.csl-list {
	margin:0;padding:40px 30px 120px;
	width:calc(100% / 4 - 10px);
	border-radius:6px;
}
.csl-lists > div:nth-child(1) {
	background:url('../../../images/template-elements/remont-krovli.jpg') 50% 0 no-repeat;
}
.csl-lists > div:nth-child(2) {
	background:url('../../../images/template-elements/montazh-krovli.jpg') 50% 0 no-repeat;
}
.csl-lists > div:nth-child(3) {
	background:url('../../../images/template-elements/demontazh-krovli.jpg') 50% 0 no-repeat;
}
.csl-lists > div:nth-child(4) {
	background:url('../../../images/template-elements/gidroizolyatsiya.jpg') 50% 0 no-repeat;
}
.csl-list > div {
	align-items:flex-end;
}
.csl-list > div h3 {
	font-size:20px;
}
.csl-list > div h3 a {
	color:#fff;
}
.csl-list > div h3 a:hover {
	color:#f6f5c5;
}
.csl-list > div b {
	color:#f6f5c5;
	margin-left:5px;
	padding-bottom:2px;
}
.csl-list ul {
	list-style:none;
	margin:30px 0;
	padding:30px 0 0 0;
	border-top:1px solid #909090;
}
.csl-list ul li {
	padding:0 0 15px 20px;
	position:relative;
}
.csl-list ul li:before {
	position:absolute;
	content:"";
	top:7px;left:0;
	background:#f6f6f6;
	border-radius:50%;
	width:10px;height:10px;
}
.csl-list ul li a {
	color:#f6f6f6;
}
.csl-list ul li a:hover {
	color:#f6f5c5;
}
@media screen and (max-width: 1024px) {
	.csl-lists {margin:45px 0 0;}
	.csl-list {	margin:0 0 40px;padding:40px 30px 80px;width:calc(100% / 2 - 10px);}
}
@media screen and (max-width: 768px) {
	.content-section-list h2 {font-size:24px;}
}
@media screen and (max-width: 600px) {
	.csl-list {width:100%;min-height:400px;}
}
@media screen and (max-width: 420px) {
	.content-section-list h2 {font-size:21px;}
}

.content-info-order {
	font-family: "Comfortaa-Bold", serif;
	font-size:18px;
	margin:45px 0 0 0;
	background:#fff;
	padding:0 30px 0 0;
	position:relative;
	z-index:2;
	display:inline-block;
	line-height: 150%;
}
.content-line-right {
	position:relative;
	z-index:1;
	border-top:3px solid #c64848;
	margin-right:-20px;
	margin-left:20%;
	margin-top:-30px;
	font-size:0;
}
.content-line-right-info {
	margin:30px 0 0;
}
.content-line-right-info-inner {
	max-width:1366px;
	margin:0 auto;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:wrap;
}
.content-line-right-info-inner a:first-child {
	color:#40444b;
	font-family: "Comfortaa-Bold", serif;
	font-size:20px;
	position:relative;
	padding-left:55px;
}
.content-line-right-info-inner a:first-child:before {
	position:absolute;
	content:'';
	top:-8px;left:0;
	width:40px;height:40px;
	background:url('../../../images/icons/phone-black.png') 0 0 no-repeat;
}
.content-line-right-info-inner a:first-child:hover {
	color:#c64848;
}
.clr-wa, .clr-tg {
	border-radius:6px;
	padding:12px 30px 13px 80px;
	font-family: "Comfortaa-Bold", serif;
	display:block;
	margin-left:20px;
}
.clr-wa {
	border:2px solid #9fc4bc;
	color:#9fc4bc;
	background:url('../../../images/icons/wa.png') 25px 1px no-repeat;
}
.clr-tg {
	border:2px solid #9fc4d6;
	color:#9fc4d6;
	background:url('../../../images/icons/telegram.png') 25px 2px no-repeat;
}
.clr-wa:hover, .clr-tg:hover {
	color:#666;
}
@media screen and (max-width: 920px) {
	.content-line-right {margin-right:0;}
	.content-line-right-info-inner {justify-content:flex-start;}
	.content-line-right-info-inner a:first-child {width:100%;margin:30px 0 10px;}
	.clr-wa, .clr-tg {padding:12px 0 13px 55px;margin:5px 20px 0 0;width:100%;}
	.clr-wa {border:none;background:url('../../../images/icons/wa.png') 0 5px no-repeat;}
	.clr-tg {border:none;background:url('../../../images/icons/telegram.png') 0 5px no-repeat;}
}
@media screen and (max-width: 600px) {
	.content-line-right {margin:0;}
	.content-info-order {padding:0 30px 40px 0;}
	.content-line-right-info-inner a:first-child {margin:0 0 10px;}
}
@media screen and (max-width: 480px) {
	.clr-wa, .clr-tg {font-size:15px;}
}

.content-section-jobs {
	background:#f9f9fc;
	padding:90px 20px;
}
.content-section-jobs-inner {
	max-width:1366px;
	margin:0 auto;
}
.mnwall_more_results {
	margin:50px 0 30px;
}
@media screen and (max-width: 768px) {
	.content-section-jobs h2 {font-size:24px;}
}
@media screen and (max-width: 420px) {
	.content-section-jobs h2 {font-size:21px;}
}

.content-line-left {
	position:relative;
	z-index:1;
	border-top:3px solid #c64848;
	margin-left:-20px;
	margin-right:20%;
	margin-top:-30px;
	font-size:0;
}
.content-line-left-info {
	margin:-43px 0 0;
	z-index:2;
	position:relative;
}
.content-line-left-info-inner {
	max-width:1366px;
	margin:0 auto;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:nowrap;
}
.content-line-left-info-inner img {
	margin:0;
	background:#f9f9fc;
	padding-left:30px;
}
.content-line-left-info-inner a {
	color:#40444b;
	font-family: "Comfortaa-Bold", serif;
	font-size:18px;
	max-width:380px;
	padding-left:10px;
	background:#f9f9fc;
	line-height: 150%;
}
.content-line-left-info-inner a:hover {
	color:#c64848;
}
@media screen and (max-width: 920px) {
	.content-line-left {margin-left:0;}
	.content-line-left-info-inner a {font-size:16px;}
}
@media screen and (max-width: 768px) {
	.content-line-left {display:none;}
	.content-line-left-info-inner {justify-content:center;}
	.content-line-left-info-inner img {padding-left:0;}
	.content-line-left-info-inner a {padding-left:10px;}
}

/* ---------------------------------
          Main
---------------------------------- */

#wrapper {
	background:#f9f9fc;
	position:relative;
	padding:20px;
}
.wrapper-inner {
	margin:0;padding:0;
}
main {
	max-width:1366px;
	margin:0 auto;
}
main h1 {
	margin-bottom:40px;
	font-size:30px;
}
main h2 {
	font-size:27px;
}
main .sigProResponsiveBlue {
	margin-bottom:60px !important;
}
#breadcrumbs {
	max-width:1366px;
	margin:0 auto 60px;
}
.breadcrumbs, .content-breadcrumbs {
	display:block;
	padding:20px 0;
	color:#161e27;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
}
.content-breadcrumbs {
	margin:-20px 0 20px;
}
.breadcrumbs a, .content-breadcrumbs a {
	color:#c64848;
	font-weight:normal;
	display:inline-block;
}
.breadcrumbs a:hover, .content-breadcrumbs a:hover {
	color:#161e27;
	text-decoration:underline;
}
.breadcrumbs ul, .content-breadcrumbs ul {
	margin:0;
}
.breadcrumbs li, .content-breadcrumbs li {
	display:inline-block;
}
.main {
	margin:0;padding:0;
}
@media screen and (max-width: 768px) {
	.main h1 {font-size:27px;}
	.main h2 {font-size:24px;}
}
@media screen and (max-width: 420px) {
	.main h1 {font-size:24px;}
	.main h2 {font-size:21px;}
}


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

#wrapper-bottom {
	background:#ebebeb;
	padding:20px;
	position:relative;
}
.wrapper-bottom-inner {
	max-width:1366px;
	margin:0 auto;
}

#bottom {
	border:1px solid #ccc;
	margin:0;
	padding:0;
}

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

footer {
	background:#161e27;
	padding:90px 20px;
	position:relative;
	color:#d0cfd0;
}
.footer-inner {
	max-width:1366px;
	margin:0 auto 2px;
}
#foot {
	margin:0;padding:0;
	line-height: 150%;
}
.footer-section {
	padding-bottom:40px;
	border-bottom:1px solid #454545;
}
.footer-left {
	width:calc(100% / 2 - 20px);
}
.footer-left strong {
	display:block;
}
.footer-left a {
	color:#d0cfd0;
	display:block;
	margin:60px 0 5px;
	padding-left:50px;
	font-size:27px;
}
.footer-left a:before {
	top:-6px;
}
.footer-left span {
	display:block;
	font-size:13px;
	margin-left:50px;
	margin-top:10px;
}
.footer-left span a {
	font-size:15px;
	margin:0;padding:0;
	display:inline-block;
	margin-left:-50px;
}
.footer-right {
	width:calc(100% / 2 - 20px);
	text-align:right;
}
.footer-right .clr-wa, .footer-right .clr-tg {
	border:none;
	display:inline-block;
	margin-bottom:45px;
	padding:12px 0 13px 80px;
	margin-left:0;
}
.footer-right .clr-wa {
	margin-bottom:20px;
}
.footer-right .clr-wa:hover, .footer-right .clr-tg:hover {
	color:#f6f5c5;
}
.footer-right p {
	font-size:12px;
}
.footer-right p a {
	color:#fff;
}
@media screen and (max-width: 920px) {
	.footer-right .clr-wa, .footer-right .clr-tg {padding:12px 0 13px 55px;margin:5px 0 10px 0;width:auto;}
	.footer-right .clr-tg {margin:5px 0 30px 0;}
	.footer-left {margin:0 0 40px;}
}
@media screen and (max-width: 768px) {
	.footer-left, .footer-right {width:100%;text-align:left;}
	.footer-left span {margin-bottom:0;}
	.footer-right .clr-wa {margin:5px 30px 10px 0;}
}
@media screen and (max-width: 500px) {
	.footer-right .clr-wa {margin:5px 0 10px 0;}
}

.link-offer {
	display:block;
}
.marquiz__container {
    width: 100%;
    text-align: left !important;
	margin-top:30px;
}
.marquiz__button {
	font-size:18px !important;
}
.link-bottom-offer {
	max-width:1366px;
	margin:0 auto;
	padding:20px 0 20px 0;
}