@font-face {
    font-family: "Inter";
    src:
    url("/font/Inter-VariableFont_opsz,wght.ttf");
}
* {
    box-sizing:border-box;
    padding:0;
    margin:0;
    font-size:10px;
    font-family:Inter;
}
.container  {
    max-width:144rem;
    margin: 0 auto;
}
h1 {
    color:#A94C2C;
    font-size:11.5rem;
}
/*Header*/
.header {
    background-color:#F8F6F1;
}
.header .container{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.menu_box ul{
    text-transform:uppercase;
    list-style-type:none;
    display:flex;
    justify-content: space-between;
}
.menu_box ul li a{
    margin:0 3rem;
    font-size:2rem;
    font-weight:bold;
    color:black;
    text-decoration:none;
}
.social_box a:nth-child(2){
    margin:0 1rem;
}
/*Hero*/
.hero {
    background: url(/media/hero_bckgr.png);
    background-size: cover;
    background-position: center;
    min-height: 827px;
    position: relative;
}
.hero2 {
    background: url(/media/hero2.png);
    background-size: cover;
    background-position: center;
    min-height: 827px;
    position: relative;
}
.hero2 h1 {
    color:#2E3530;
}
.hero:after{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    content:'';
    background: rgb(255 255 255 / 63%);
    z-index:1;
    top:0;
}
.hero .hero-title{
    position:absolute;
    
    top:50%;
    transform:translate(0, -50%);
    z-index:2;
}

.hero p {
    font-size:3.5rem;
    color:#4F5D52;
    font-weight:bold;
}
/*sec-2 services*/
.section-2 {
    background-color:#F8F6F1;
    padding-bottom:16rem;
}
.section_title {
    padding:9rem 0;
}
.section_title h2 {
    font-size:6.4rem;
    font-weight:800;
    text-align:center;
    text-transform:uppercase;
}
section h3 {
    font-size:4.8rem;
    font-weight:500;
}
section p{
    font-size:3.2rem;
    color:#1D1D1DB2;
    line-height:4.5rem;
    letter-spacing:0.06rem;
}
section a {
    color:#A94C2C;
    font-size:2.2rem;
}
.block{
    display:flex;
    margin:0 0 8rem 0;
}
.block:last-child{
    margin:0;
}
.text-wrap{
    padding:0 8rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}
.block-left .text-wrap{
    order:1;
    padding:0 8rem 0 0;
}
.block-left .img-wrap{
    order:2
}
/*section 3*/
.section-3 {
    background:#4F5D52D1;
    padding-bottom:8rem;
}
section.section-3 p{
    color:#fff;
    text-align:center;
    font-size:3.2rem;
    font-weight:500;
    line-height:5rem;
    letter-spacing:0.06rem
}
.section-3 h2{
    color:#fff;
    text-align:center;
    font-size:6.4rem;
    font-weight:800;
}
.section-3 li{
    color:#fff;
    text-align:center;
    font-size:3.2rem;
    font-weight:500;
    list-style-type:none;
}
ul span{
    font-size:4rem;
    font-weight:800;
}
/*section-4*/
.section-4 {
    background-color:#F8F6F1;
}
.section-4 h3{
  font-weight:700;  
}
.section-4 h4{
    font-size:4.8rem;
    font-weight:400;
}
.section-4 h4 span {
    font-size:4.8rem;
    font-weight:600;
}
.section-4 p,.section-4 li{
    font-size:2rem;
    color:#1D1D1DB2;
    list-style:none;
}
.section-4 li span {
    font-size:2rem;
}
.section-4 .subtitle {
    font-size:1.8rem;
    color:black;
}
.gallery-item img{
    width:100%;
}
.gallery-row {
    display:flex;
    padding:6rem 0;
}
/**/
footer .container {
    display:flex;
    align-items: center;
    justify-content: space-around;
}
footer {
    padding:10rem 0 2rem;
    background-color:#4F5D52;
}
footer h3 {
    font-size:3.6rem;
    font-weight:700;
    color:#fff;

}
footer p, footer li a{
    font-size:1.6rem;
    color:#fff;
    text-decoration:none;
}
.block-footer {
    max-width:33.3%;
}
.copyright {
    max-width:144rem;
    margin: 0 auto;
    text-align: right;
}
.block-footer:first-child p{
    line-height:3rem;
}
.block-footer:first-child h3 {
    margin-bottom:5rem;
}
.block-footer:nth-child(2) p{
    line-height:2.3rem;
}
.block-footer:nth-child(2) h3{
    margin-bottom:2.5rem;
}
.copyright a{
    color:#7D9A61;
    font-size:1.6rem;
}


/**/
.services {
 padding-top:15rem;
 background:#F8F6F1;
}
.services .container {
    display:flex;
}
.services h2 {
    font-size:4.8rem;
    padding:3.3rem 0;
    font-weight: 500;
}
.services p {
    font-size:3.2rem;
}
.services .service {
    text-align:center;
}
.services .container:last-child {
    padding:14rem 0;
}
.service ul li {
    list-style:square;
    font-size:3.2rem;
    color:#1D1D1DB2;
}
.service ol li {
    list-style:disc;
    font-size:3.2rem;
    color:#1D1D1DB2;
}


/**/
.hero3 {
    background: url(/media/hero3.png);
    background-size: cover;
    background-position: center;
    min-height: 827px;
    position: relative;
}
.hero3 h1{
    color:#2E3530;
}
.wir-suchen {
    background:#F8F6F1;
}
.wir-suchen h2{
    font-size:4.8rem;
    font-weight:800;
    text-align:center;
    padding:4rem 0;
}
.wir-suchen p{
    font-size:4.8rem;
    font-weight:500;
    color:black;
    text-align:center;
    line-height:6rem;
}
.wir-suchen p:last-child {
    padding-bottom:4rem;
}
.map {
    height:800px;
}

.kontakt h1 {
    color:#000;
    padding:12.5rem 0;
}
.kontakt p {
    font-size:3.2rem;
    color:#000;
    padding:3rem;
    font-weight:600;
}
.kontakt a{
    font-size:3.2rem;
    text-decoration:none;
}
.kontakt .underText {
    font-size:2rem;
    color:#000;
    padding:3rem 0;
    font-weight:600;
    line-height:3rem;
}
.kontakt b {
    font-size:3.2rem;
    color:#000;
    
    font-weight:800;
}
.kontakt .container2 {
    display:flex;
    justify-content: space-around;
    align-items: center;
}
input[type=text],input[type=email]{
    width:100%;
    height:5rem;
    padding:1.6rem 0.8rem;
    margin-bottom:3rem;
    border-radius:5px;
    border:1px solid #d4d4d4;
    background: #f6f7f7;

}
input[type=button] {
    width: 11rem;
    height: 5rem;
    background: #fff;
    border-radius:5px;
    border:1px solid #d4d4d4;
    font-size:1.6rem;
    text-transform:uppercase;
}
label {
    font-size:1.4rem;
    font-weight:600;
    display:inline-block;
    margin-bottom:1rem;
    
}
.part {
    max-width:49.2%;
}
.copyright {
    margin-top:1rem;
}
.burger-menu{
        display: none;
}

#menu__toggle {
  opacity: 0;
}

/* стилизуем кнопку */
.menu__btn {
  display: flex; /* используем flex для центрирования содержимого */
  align-items: center;  /* центрируем содержимое кнопки */
  position: fixed;
  top: 20px;
  left: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 91;
}

/* добавляем "гамбургер" */
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition: 0.3s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

/* контейнер меню */
.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  text-align: center;
  background-color: #F8F6F1;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
  transition: 0.3s;
  z-index:9;
}


/* элементы меню */
.menu__item {
  display: block;
  padding: 12px 24px;
  color: #4F5D52;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}
.menu__item:hover {
  background-color: #CFD8DC;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}

#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}

#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}

#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}


@media(max-width:1550px){
    .container {
        max-width:90%;
        margin:0 auto;
    }
}
@media(max-width:1250px){
    *{
        font-size:7px;
    }
    .text-wrap {
        padding:0 2rem;
    }
    
}
@media(max-width:1000px){
    *{
        font-size:6px;
    }
    .text-wrap {
        padding:0 2rem;
    }
    .img-wrap img {
        width:100%;
    }
    .img-wrap {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    h1 {
        font-size:10rem;
        text-align:center;
    }
    .hero p {
        text-align:center;
    }
}
@media(max-width:700px){
    .hero {
        min-height:500px;
    }
    h1 {
        font-size:4rem;
        text-align:center;
    }
    .block {
        display:block;
    }
    .gallery-row {
        display:block;
    }
    .gallery-item {
        margin-bottom:2rem;
    }
    .gallery-row {
        padding:0;
    }
    .nodisp {
        display:none;
    }
    footer .container {
        display:block;
    }
.copyright {
    text-align:center;
}
.header {
    display:none;
}
.img-wrap {
    width: 100%;
        max-width: 100%;
}
.hero .hero-title {
    width:100%;
    left:0;
}
.services .container {
    display:block;
}
.services .service {
    margin-top:3rem;
}
.services .container:last-child {
    padding:0;
}
.block-footer {
    max-width:100%;
    margin-bottom:10px;
}
.wir-suchen p {
    font-size:2.8rem;
}
.section-4 .subtitle {

}
.kontakt .container2 {
    display:block;
}
.part {
    max-width:100%;
}
label {
    font-size:2.4rem;
}
form {
    margin-bottom:2rem;
}
.logo {
    height:54px;
}
.burger-menu{
        display: flex
;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height:55px;
    backgound:#F8F6F1;
}

}