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

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

#head {
	margin:0;
}
.header-section {
	margin:0;
}
.hs-logo {
	margin:0;
}
.hs-info {
	margin:10px 0 0 0;
}
.hs-info a {
	color:#f6f6f6;
	vertical-align:middle;
}
.hs-info img {
	vertical-align:middle;
}
.hs-phone {
	margin:0 20px 0 0;
	font-size:20px;
	padding-left:50px;
	position:relative;
}
.hs-phone:hover {
	color:#EAE66E;
}
.hs-phone:before {
	position:absolute;
	content:'';
	top:-9px;left:0;
	width:40px;height:40px;
	background:url('/images/icons/phone.png') 0 0 no-repeat;
}
.hs-order {
	display:inline-block;
}
.hs-order a {
	background:#366b42;
	padding:12px 30px;
	border-radius:3px;
}
.hs-order a:hover {
	color:#000;
	background:#EAE66E;
}

#mobile {
	display:none;
}

@media screen and (max-width:1180px) {
	.header-section {align-items:center;}
}
@media screen and (max-width:900px) {
	#mobile {display:block;}
	.hs-order {display:none;}
	.hs-phone {margin:0 100px 0 0;}
	header {border-bottom:2px solid #fff;}
}
@media screen and (max-width:768px) {
	.hs-info {width:100%;margin:30px 0;}
	.hs-phone {margin:0 0 0 0;}
}
@media screen and (max-width:358px) {
	.hs-info a {font-size:15px;}
	.hs-phone:before {top:-11px;}
}

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

#wrapper-menu {
	position:relative;
	background:#333333;
	z-index:1000;
	padding:10px 20px 0;
	border-bottom:5px solid #fff;
}
.wrapper-menu-inner {
	max-width:1366px;
	margin:0 auto;
}
#menu ul {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-top:-62px;
}
#menu li {
	margin:0;
	padding:0;
	color:#d27733;
	list-style:none;
}
#menu ul > li > a {
	display:block;
	color:#fff;
	margin-left:30px;
	padding:5px;
}
#menu ul > li:hover > a,
#menu ul > li:focus > a {
	color: #EAE66E;
	text-decoration:underline;
}
#menu ul.menu > li.active > a {
	color:#EAE66E;
}
#menu ul li ul,
#menu ul li:hover ul {
    position:absolute;
	left:-999em;
	z-index:999;
    margin:0 0 0 35px;
	padding:20px;
	text-align:left;
    background:#366b42;
	width:300px;
    display:block;
    overflow:hidden;
	border-radius:3px;
	border-top:34px solid #333;
}
#menu ul li.item-138 ul {
	display:none;
}
#menu ul li:hover > ul,
#menu ul li:focus > ul {
	left: auto;
}
#menu ul li ul li {
	margin:0;
}
#menu ul > li > ul > li > a {
	display:block;
	color:#fff;
	margin:0 0 10px;
	padding:5px 0;
}
#menu ul > li > ul > li > a:hover {
	color:#EAE66E;
}
#menu ul > li > ul > li.active > a {
	color:#EAE66E;
}
#menu ul li:hover ul li ul {
	display:none;
}
.not-menu-link {
	display:none !important;
}

@media screen and (max-width:1180px) {
	#wrapper-menu {padding:20px;border-top:1px dashed #666;}
	#menu ul {margin-top:0;justify-content:space-between;}
	#menu ul > li > a {margin-left:0;}
	#menu ul li ul, #menu ul li:hover ul {margin:0;border-top:20px solid #333;}
}
@media screen and (max-width:900px) {
	#wrapper-menu {display:none;}
}

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

#wrapper-top {
	position:relative;
}
.wrapper-top-inner {
	margin:0;
}

#top {
	margin:0;
}
.top-preview {
	position:relative;
}
.tp-img {
	position:relative;
	z-index:1;
}
.tp-img-m {
	display:none;
	position:relative;
	z-index:1;
}
.tp-header1 {
	padding:0 20px;
	z-index:10;
	margin-top:-250px;
	position:relative;
}
.tp-header1-inner {
	background:rgb(51 51 51 / 60%);
	display:inline-block;
	padding:20px 30px;
	border-radius:3px;
	max-width:770px;
}
.top-preview h1 {
	color:#fff;
	margin-bottom:20px;
}
.top-preview strong {
	color:#EAE66E;
	font-size:24px;
}
.tp-preims {
	margin-top:125px;
	padding:20px;
}
.tp-preims div {
	position:relative;
	padding:10px 0 0 100px;
	margin-bottom:30px;
	font-family: "Comfortaa-Bold", serif;
	font-size:17px;
	width:calc(100% / 3 - 20px);
}
.tp-preims div:before {
	position:absolute;
	content:"";
	top:0;left:0;
	width:70px;height:70px;
	background:url('/images/icons/24-7.png') 0 0 no-repeat;
}
.tp-preims div:nth-child(2):before {
	background:url('/images/icons/garant.png') 0 0 no-repeat;
} 
.tp-preims div:nth-child(3):before {
	background:url('/images/icons/skidki.png') 0 0 no-repeat;
}

@media screen and (max-width:1180px) {
	.tp-header1 {margin-top:-160px;background:rgb(51 51 51 / 60%);}
	.tp-header1-inner {background:none;max-width:none;}
	.top-preview h1 {font-size:24px;}
	.top-preview strong {font-size:18px;}
	.tp-preims {margin-top:80px;padding:20px;}
}
@media screen and (max-width:768px) {
    .tp-img {display:none;}
	.tp-img-m {display:block;}
	.tp-preims div {width:100%;margin:0 0 50px 50px;}
}
@media screen and (max-width:600px) {
	.tp-header1 {margin-top:-60px;background:none;padding:0 40px;}
	.tp-header1-inner {background:#366b42;}
	.top-preview h1 {font-size:20px;}
}
@media screen and (max-width:480px) {
	.tp-header1 {margin-top:20px;background:none;padding:0;}
	.tp-header1-inner {background:none;}
	.top-preview h1 {color:#333;}
	.top-preview strong {color:#366b42;}
	.tp-preims {margin-top:50px;}
	.tp-preims div {width:100%;margin:0 0 50px 0;font-size:15px;}
}

.head-line {
	position:relative;
	border-top:3px solid #366b42;
	margin:50px 0 25px;
}
.head-line-inner {
	padding:0 0 0 5%;
	margin:-22px auto 0 auto;
}
.head-line h2 {
	display:inline-block;
	background:#fff;
	padding:0 30px;
}
.text-section {
	padding:20px;
}
.text-section-list {
	margin:50px 0;
}
.text-section-list h3 {
	font-size:20px;
	margin-bottom:10px;
}
.text-section-list ul {
	list-style:none;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
.text-section-list li a {
	background:#333333;
	display:inline-block;
	padding:13px 15px 12px 15px;
	border-radius:3px;
	margin:5px 10px 5px 0;
	color:#fff;
	font-size:14px;
}
.text-section-list li a:hover {
	background:#366B42;
}
.text-section-catalog {
	margin:50px 0;
}
.text-section-catalog-item {
	width:calc(100% / 3 - 10px);
	position:relative;
	border-radius:3px;
	height:300px;
}
.text-section-catalog h2 {
	display:inline-block;
	color:#fff;
	bottom:20px;left:20px;right:20px;
	position:absolute;
	font-size:16px;
	background:rgb(54 107 66 / 66%);
	border-radius:3px;
	padding:10px;
	-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;
}
.text-section-catalog-item:hover h2 {
	background:rgb(0 0 0 / 66%);
	color:#EAE66E;
	-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;
}
.tsc-demontazh a:nth-child(1) {
	background:url('/images/demontazh/demontazh-derevyannogo-doma.jpg') 0 0 no-repeat;
	background-size:cover;
}
.tsc-demontazh a:nth-child(2) {
	background:url('/images/demontazh/demontazh-kirpichnogo-doma.jpg') 0 0 no-repeat;
	background-size:cover;
}
.tsc-demontazh a:nth-child(3) {
	background:url('/images/demontazh/demontazh-fundamenta.jpg') 0 0 no-repeat;
	background-size:cover;
}
.tsc-spil a:nth-child(1) {
	background:url('/images/spil-dereviev/spil-derevev-avtovyshkoj.jpg') 0 0 no-repeat;
	background-size:cover;
}
.tsc-spil a:nth-child(2) {
	background:url('/images/spil-dereviev/korchevanie-udalenie-pnej.jpg') 0 0 no-repeat;
	background-size:cover;
}
.tsc-spil a:nth-child(3) {
	background:url('/images/spil-dereviev/obrezka-i-kronirovanie-derevev.jpg') 0 0 no-repeat;
	background-size:cover;
}


@media screen and (max-width:768px) {
    .head-line-inner {padding:0;margin:90px auto 0 auto;}
	.head-line h2 {padding:0 20px;font-size:24px;}
	.text-section {padding:0 20px 20px;}
	.text-section-catalog a:nth-child(1) {width:calc(100% / 2 - 10px);}
	.text-section-catalog a:nth-child(2) {width:calc(100% / 2 - 10px);}
	.text-section-catalog a:nth-child(3) {width:100%;margin-top:20px;background-position-y:center;}
}
@media screen and (max-width:480px) {
	.head-line h2 {font-size:21px;}
	.text-section-catalog a {width:100% !important;}
	.text-section-catalog a:nth-child(2) {margin-top:20px;}
}

.uslugi {
	margin:50px 0 75px;
}
.uslugi div {
	padding:50px 30px;
	width:calc(100% / 3 - 10px);
	border-radius:3px;
	background-size:cover;
	position:relative;
}
.uslugi-raschistka {
	background:url('/images/raschistka.jpg') 100% 0 no-repeat;
}
.uslugi-demontazh {
	background:url('/images/demontazh.jpg') 60% 0 no-repeat;
}
.uslugi-spil {
	background:url('/images/spil.jpg') 50% 0 no-repeat;
}
.uslugi h3 {
	display:inline-block;
	padding:5px 10px;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	background:rgb(54 107 66);
}
.uslugi h3 a {
	color:#fff;
}
.uslugi h3 a:hover {
	color:#EAE66E;
}
.uslugi ul {
	list-style:none;
	margin:20px 0 150px 0;
	padding:0;
}
.uslugi ul li {
	margin:0;
}
.uslugi ul li a {
	background:rgb(255 255 255 / 87%);
	padding:5px 10px;
	display:inline-block;
	margin:5px 0;
	border-radius:3px;
	font-family: "Comfortaa-Bold", serif;
	color:#333;
}
.uslugi ul li a:hover {
	background:#366b42;
	color:#EAE66E;
}
@media screen and (max-width:1024px) {
	.uslugi ul {margin:20px 0 100px 0;}
    .uslugi ul li {width:100%;}
}
@media screen and (max-width:900px) {
	.uslugi {margin:50px 0;}
	.uslugi div {padding:50px 30px;margin-bottom:50px;width:100%;}
	.uslugi div:last-child {margin-bottom:0;}
	.uslugi-raschistka {background:url('/images/raschistka.jpg') 0 80% no-repeat;}
	.uslugi-demontazh {background:url('/images/demontazh.jpg') 80% 0 no-repeat;}
	.uslugi-spil {background:url('/images/spil.jpg') 80% 0 no-repeat;}
}
@media screen and (max-width:480px) {
	.uslugi ul {margin:20px 0;}
	.uslugi ul li a {width:100%;}
	.uslugi-raschistka {background:url('/images/raschistka.jpg') 100% 0 no-repeat;}
	.uslugi-demontazh {background:url('/images/demontazh.jpg') 80% 0 no-repeat;}
	.uslugi-spil {background:url('/images/spil.jpg') 90% 0 no-repeat;}
}

.text-section-contacts {
	justify-content:flex-end;
	margin-bottom:50px;
	margin-top:75px;
}
.text-section-contacts a {
	padding:17px 15px 15px 65px;
	font-family: "Comfortaa-Bold", serif;
	border-radius:3px;
	margin-left:20px;
}
.text-section-contacts .tsc-p {
	color:#666;
	font-size:24px;
	padding:18px 10px 13px 30px;
}
.text-section-contacts .tsc-p:hover {
	color:#366b42;
}
.tsc-w {
	color:#9fc4bc;
	border:2px solid #9fc4bc;
	background:url('/images/icons/whatsapp.png') 10px 5px no-repeat;
}
.tsc-w:hover {
	color:#666;
	border:2px solid #666;
	background:url('/images/icons/whatsapp.png') 10px 5px no-repeat;
}
.tsc-t {
	color:#9fc4d6;
	border:2px solid #9fc4d6;
	background:url('/images/icons/telegram.png') 10px 5px no-repeat;
}
.tsc-t:hover {
	color:#666;
	border:2px solid #666;
	background:url('/images/icons/telegram.png') 10px 5px no-repeat;
}
@media screen and (max-width:900px) {
	.text-section-contacts {justify-content:flex-start;}
	.text-section-contacts {margin-top:100px;}
	.text-section-contacts .tsc-p {display:block;width:100%;padding:0 0 40px 0;}
}
@media screen and (max-width:768px) {
	.text-section-contacts {justify-content:center;}
	.text-section-contacts .tsc-p {text-align:center;padding:0;margin:0 0 30px;}
	.text-section-contacts a {margin:0 auto;width:100%;display:block;}
	.text-section-contacts .tsc-w {margin-bottom:30px;}
}
@media screen and (max-width:380px) {
	.text-section-contacts a {font-size:15px;padding:17px 12px 15px 62px;}
}


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

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

#breadcrumbs {
	max-width:1366px;
	margin:0 auto 20px;
}
.breadcrumbs, .breadcrumb {
	display:block;
	padding:20px 0;
	color:#161e27;
	font-weight:normal;
	line-height:18px;
	font-size:13px;
	margin:0;
}
.breadcrumbs li, .breadcrumb li {
	display:inline-block;
}
.breadcrumbs a, .breadcrumb a {
	color:#c64848;
	font-weight:normal;
	display:inline-block;
}
.breadcrumbs a:hover, .breadcrumb a:hover {
	color:#161e27;
	text-decoration:underline;
}
.main {
	margin:0;
}

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

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

#bottom {
	margin:0;
}

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

footer {
	background:#333;
	padding:20px;
	position:relative;
	color:#fff;
}
.footer-inner {
	max-width:1366px;
	margin:0 auto;
}
#foot {
	margin:0;
	padding:50px 0;
}
.foot-section {
	margin:0;
	align-items:center;
	font-size:14px;
	line-height:150%;
}
.foot-section a {
	color:#fff;
}
.foot-section a:hover {
	color:#EAE66E;
}
.foot-left {
	width:calc(100% / 2 - 20px);
}
.foot-right {
	width:calc(100% / 2 - 20px);
	text-align:right;
} 
.foot-right > div a {
	padding:13px 15px 12px 65px;
	font-family: "Comfortaa-Regular", serif;
	border-radius:3px;
	display:inline-block;
	border:none;
}
.foot-right > div a:hover {
	border:none;
}
.foot-right .tsc-p {
	display:block;
	font-size:24px;
	margin-bottom:20px;
}
.foot-right .tsc-w {
	margin-bottom:10px;
}
@media screen and (max-width:1024px) {
	.foot-section {align-items:flex-start;}
}
@media screen and (max-width:768px) {
	.foot-section {flex-direction:column-reverse;}
	.foot-left {width:100%;padding-left:13px;}
	.foot-right {width:100%;text-align:left;margin-bottom:40px;}
	.foot-right .tsc-p {padding:0 0 10px 13px;}
}