html{scroll-behavior:smooth;}
body{font-family:Arial;user-select:none;background:#c7af9d;color:var(--brown);}
.bodyFon{background:linear-gradient(45deg,rgba(255,255,255,0.9)-10%,rgba(193,166,146,0.9)30%,rgba(193,166,146,0.9)70%,rgba(255,255,255,0.9)110%) fixed,url(/img/fonBody.jpg) fixed;}
/*@font-face {font-family: exo2;  src: url(Exo2.ttf); }*/
*{margin:0;padding:0;box-sizing:border-box;outline:none;outline-style:none;}
a{border:none;text-decoration:none;color:var(--green-dark);transition:0.3s;}
img{pointer-events:none;filter:drop-shadow(0 0 14px rgba(0,0,0,0.3));}
::-webkit-scrollbar{width:2px;height:3px;}
::-webkit-scrollbar-button{background-color:#ede5e3;height:0;}
::-webkit-scrollbar-track{ background-color:#999;}
::-webkit-scrollbar-track-piece{background-color:#ede5e3;border-radius:15px;}
::-webkit-scrollbar-thumb{height:50px;background-color:#632d00;border-radius:15px;}
::-webkit-scrollbar-corner{background-color:#999;}
::-webkit-resizer{background-color:#666;}
.sekes{overflow:hidden;text-align:justify;margin:0 auto}
.modal{position:fixed;right:0;left:0;top:0;bottom:0;z-index:33;background:rgba(48,48,48,0.4);
    display:none;overflow:auto;backdrop-filter:blur(4px);}
.modalBox{margin:auto;position:relative;max-width:90%;}
.modalClose{position:absolute;right:0;bottom:-5rem;padding:0.5rem 1.5rem;border-radius:22px;font-size:3rem;
    color:#ffffff;line-height:3rem;cursor:pointer;border:3px solid #ffffff;transition:0.3s;}
.modalClose:hover{background:rgba(255,255,255,0.2);}
.spinner{height:8rem;margin:auto;display:block;opacity:0.7;}
.mobileShow{display:none;}
.SHADOW{text-shadow:0 0 22px black;}
.BLOCK{margin:auto;width:93%;max-width:1720px;max-height:11001px;padding:6rem 0;}
.BLOCK_title{text-align:center;font-size:2.5rem;color:var(--white2);}
.BLOCK_title p{color:var(--orang);font-size:2rem;}
.PAR{color:var(--brown);text-align:center;font-size:2.5rem;padding:0 2rem;margin:7rem auto 0;max-height:444rem;}
.PAR0{color:var(--brown);text-align:center;font-size:2.5rem;padding:0 2rem;margin:0 auto;max-height:444rem;}
.PAR p,.PAR0 p{color:var(--brown2);font-size:1.7rem;}


:root{
  --orang:#e7490c;
  --brown:#361A03;
  --brown2:#ad7e58;
  --white2:#cdcdcd;
  --bg1:rgba(55,31,12,0.6);
  --bg2:rgba(54,26,3,0.4);
  --bgImg:url(/img/akiBG.jpg) 50% 50% / cover;
}
.CL1{color:var(--orang)}
.CL2{color:var(--brown)}
.CL3{color:var(--brown2)}
.CL4{color:var(--white2)}
.BG1{background:var(--bg1)}
.BG2{background:var(--bg2)}
.BGImg{background:var(--bgImg)}


.BTN{border:2px solid;border-radius:8px;padding:0.4rem 1rem 0.4rem;line-height:23px;text-align:center;
  cursor:pointer;display:block;white-space:nowrap;transition:0.3s;font-size:1.5rem;}
.BTN i{color:var(--orang)}
.BTN:hover{background:rgba(255,255,255,0.2);}


.frm{display:flex;flex-wrap:wrap;gap:1rem;width:100%;}
.frm textarea{min-height:230px;font-size:2rem;resize:none;flex: 1 0 550px;}
.frm div{flex:1 0 550px;display:flex;flex-direction:column;gap:1rem;}
.fi{border:3px solid #ffffff;width:100%;padding:10px 0;background:none;
  font-size:2.2rem;color:#ffffff;text-align:center;border-radius:22px;display:block;transition:0.3s;}
.fi:focus{background:rgba(0,0,0,0.2)}
.fi:focus:invalid{border:3px solid var(--orang);}
.fi:valid:not(:placeholder-shown,.fbut){border:3px solid #5fff4c;}
.fi::-webkit-input-placeholder{color:rgba(255,255,255,0.4)}
.fi:focus::-webkit-input-placeholder{opacity:0;}
.fbut{color:#bfbfbf;}
.frm:valid>div .fbut:not(:disabled){border:3px solid #9eff6c;color:#9eff6c;background:#475f28;cursor:pointer;}
.frm *:disabled{opacity:0.3}
.smsModal{padding:1rem;border-radius:22px;box-shadow:0 0 20px 5px #e3e3e3;background:#6d5d51;}





.ba1{position:relative;min-height:100vh;}
.ba2{object-fit:cover;min-height:100vh;width:100%;display:block;}
.ba3{position:absolute;height:100%;top:0;right:0;bottom:0;left:0;padding:3rem 1rem;background:var(--bg1);
  display:flex;justify-content:space-around;flex-direction:column;align-items:center;gap:4rem;}
.ba4{display:flex;justify-content:space-around;font-size:1.5rem;flex-wrap:wrap;gap:1rem;}
.ba4>div{flex:1 0 500px;text-align:center;}
.ba5{text-align:center;letter-spacing:7px;}
.ba5 h1{font-weight:400;}
.ba5 img{height:3rem;opacity:0.7;}
.ba5 p{letter-spacing:1rem;font-size:7rem;color:var(--orang);}
.ba5 small{display:block;}
.ba6{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem 1.5rem;font-size:1.4rem;}



.gorsh1{display:flex;flex-direction:column;gap:1rem;}
.gorsh2{display:flex;justify-content:center;align-items:center;gap:1rem;}
.gorsh1 img{height:20rem;object-fit:contain;}
.gorsh3{max-width:544px;font-size:1.8rem;display:flex;flex-direction:column;gap:1rem;}
.gorsh4{font-size:1.5rem;}
.gorsh4 i{color:var(--orang);}
.gorsh5{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}



.modul1{max-width:950px;}
.modul2{color:var(--white2);margin:0.5rem;overflow:hidden;background:var(--bgImg);background-attachment:fixed;}
.modul2 div{height:100%;padding:2rem;background:var(--bg1);font-size:1.2rem;}
.modul2 b{margin-right:1rem;color:var(--orang);font-size:4rem;}
.modul2 p{color:white;display:flex;align-items:center;font-size:1.5rem;}
.modul3{width:100%;display:flex;align-items:flex-end;}
.modul4{width:100%;display:flex;align-items:flex-start;}
.mo1{max-width:60%;border-radius:33px 0 0 0;}
.mo2{max-width:40%;border-radius:0 33px 0 0;}
.mo3{max-width:40%;border-radius:0 0 0 33px;}
.mo4{max-width:60%;border-radius:0 0 33px 0;}


/*.eto1{margin-bottom: 50px}
.eto2{margin: 0 auto; font-size: 28px; color: #361A03; padding: 3px 30px 10px;
    width: fit-content; border-radius: 55px; border: 2px solid #361A03; white-space: nowrap;
    box-shadow:0 0 20px 10px rgba(129, 60, 3, 0.5) inset; cursor: pointer}
.eto2 a{color: #ff0000;}
.eto2:hover{box-shadow:0 0 20px 10px rgba(129, 60, 3, 0.6) inset}
.eto3{overflow: hidden; max-height:0; display: flex;justify-content: center; align-items: center;
opacity: 0; transition: 1.5s;}
.eto4{width: 270px; height: 265px; }
.eto5{text-align: left; max-width: 600px; margin-left: 11px;font-size: 17px;}
.eto5 span{color: #ff0000; font-size: 20px}*/


.cen1{background:var(--bgImg);background-attachment:fixed;}
.cen2{display:flex;flex-direction:column;gap:2rem;align-items:center;}
.cen4{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:2rem;}
.cen5{padding:1rem 2rem;border-radius:11px;line-height:3rem;border:2px solid var(--white2);
  color:var(--white2);font-size:2rem;white-space:nowrap;}
.cen5 a{color:var(--orang);}
.cen2 img{opacity:0.8;height:8rem;}


.tren1{display:flex;justify-content:center;align-items:center;gap:2rem;}
.tren1 img{height:30rem;object-fit:contain;}
.tren3{font-size:1.4rem;max-width:600px;display:flex;flex-direction:column;gap:1rem;color:var(--brown);}
.tren3 a{color:var(--orang);}
.tren4{}
.tren5{display:flex;align-items:center;gap:1rem;}
.tren5 img{height:7rem;min-width:7rem;width:7rem;object-fit:cover;border-radius:88px;border:3px solid var(--brown);}



.portfolioBox,.portfolioItem{display:flex;flex-direction:column;gap:1rem;}
.portfolioItem{padding:1rem;border-radius:1rem;}
.portfolioTitle{font-size:1.3rem;}
.portfolioList{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
.clientImg{height:5rem;flex:1 0 7rem;max-width:9rem;cursor:pointer;border-radius:22px;
  object-fit:cover;filter:grayscale(0.7);transition:0.3s;border:2px solid var(--brown);overflow:hidden;}
.clientImg:hover{transform:scale(1.05);filter:grayscale(0)}
.clientImg img{height:100%;width:100%;object-fit:cover;}
.clientBoxImg{border:2px solid var(--brown);min-width:250px;min-height:250px;max-height:70vh;width:100%;
  border-radius:11px;display:block;object-fit:cover;background:var(--brown2);}


.fm1{display:flex;align-items:flex-start;justify-content:space-around;gap:1rem;max-width:1200px;flex-wrap:wrap}
.fm2{overflow:hidden;border-radius:3rem;border:2px solid var(--orang);
  background:var(--bgImg);background-attachment:fixed;flex: 1 0 355px;}
.fm3{background:var(--bg2);padding:3rem 1rem;box-shadow:0 0 20px 11px rgba(0,0,0,0.3)inset;}
.fm4{width:11rem;height:11rem;border-radius:50%;border:2px solid var(--orang);
 margin:0 auto 1rem;display:flex;box-shadow:0 0 20px 11px rgba(0,0,0,0.3);}
.fm4 img{margin:auto;width:75%;filter:drop-shadow(0 0 14px white);}
.fm3 p{font-size:1.5rem;text-align:center;color:var(--white2);}


.smsBoxIn{padding:1rem;border-radius:1rem;}


.start2{font-size:1.4rem;color:var(--white2);}
.start2 div{display:flex;align-items:center;border-radius:1rem;padding:1rem 3rem;margin:1rem auto;
  border-right:5px solid var(--orang);background:var(--bg2);box-shadow:0 0 22px 11px rgba(0,0,0,0.3)inset;}
.start2 img{height:5rem;margin-right:1rem;opacity:0.9;}



.finish1{background:url(/img/akiFinifh.jpg) 50% 50% / cover;}
.finish2{display:flex;flex-direction:column;align-items:center;gap:2rem;font-size:2.2rem;text-align:center;}
.finish3{}
.finish4{display:flex;gap:1rem;flex-wrap:wrap;}
.finish4 .BTN{font-size:2rem;padding:0.7rem 1rem;}
.finish5{font-size:1.3rem;display:flex;gap:1rem;flex-wrap:wrap;}
.finish6{}
.finish2 img{opacity:0.8;height:8rem;}


.headBox{width:fit-content;bottom:1rem;position:fixed;left:0;z-index:11;right:0;margin:auto;color:var(--white2);
  padding:0.3rem;border-radius:8px;opacity:0;transform:scale(0);box-shadow:0 0 11px 4px rgba(255,255,255,0.5);
  display:flex;gap:0.3rem;transition:0.3s;flex-wrap:wrap;background:rgba(54,26,3,0.7);}
.headOpen{opacity:1;transform:scale(1);}


@media screen and (max-width:999px){
    html{font-size:24px}
    .mobileHide{display:none}
    .mobileShow{display:block;}
    .BTN{padding:0.9rem 1rem 0.8rem;font-size:2rem;}
  .headBox{bottom:2rem;}

/*  контент*/
  .ba4{font-size:1.8rem;}
  .gorsh3{max-width:600px;}
  .fm2{flex:1 0 480px;}

}