a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;font-size:100%;vertical-align:baseline}a{text-decoration:none;color:var(--text)}a:active,a:hover{outline:0}li,ul{list-style-type:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}html{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}audio,img,video{max-width:100%;height:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}iframe{border:0}textarea{resize:none;overflow:auto;vertical-align:top;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}button,input,select,textarea{outline:none;border:none;font-size:100%;margin:0}
button,input{line-height:normal}input,select,textarea{width:100%}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}button{cursor:pointer;background-color:initial;-webkit-box-shadow:none;box-shadow:none}hr{width:100%}div{display:block;margin:0;padding:0;}


.grid12{width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(1,auto);grid-gap:var(--gap)}.x1{grid-column-start:span 1}.x2{grid-column-start:span 2}.x3{grid-column-start:span 3}.x4{grid-column-start:span 4}.x5{grid-column-start:span 5}.x6{grid-column-start:span 6}.x7{grid-column-start:span 7}.x8{grid-column-start:span 8}.x9{grid-column-start:span 9}.x10{grid-column-start:span 10}.x11{grid-column-start:span 11}.x12{grid-column-start:span 12}@media screen and (max-width:1500px){.xlg1{grid-column-start:span 1}.xlg2{grid-column-start:span 2}.xlg3{grid-column-start:span 3}.xlg4{grid-column-start:span 4}.xlg5{grid-column-start:span 5}.xlg6{grid-column-start:span 6}.xlg7{grid-column-start:span 7}.xlg8{grid-column-start:span 8}.xlg9{grid-column-start:span 9}.xlg10{grid-column-start:span 10}.xlg11{grid-column-start:span 11}.xlg12{grid-column-start:span 12}}@media screen and (max-width:1280px){.lg1{grid-column-start:span 1}.lg2{grid-column-start:span 2}.lg3{grid-column-start:span 3}
.lg4{grid-column-start:span 4}.lg5{grid-column-start:span 5}.lg6{grid-column-start:span 6}.lg7{grid-column-start:span 7}.lg8{grid-column-start:span 8}.lg9{grid-column-start:span 9}.lg10{grid-column-start:span 10}.lg11{grid-column-start:span 11}.lg12{grid-column-start:span 12}}@media screen and (max-width:980px){.md1{grid-column-start:span 1}.md2{grid-column-start:span 2}.md3{grid-column-start:span 3}.md4{grid-column-start:span 4}.md5{grid-column-start:span 5}.md6{grid-column-start:span 6}.md7{grid-column-start:span 7}.md8{grid-column-start:span 8}.md9{grid-column-start:span 9}.md10{grid-column-start:span 10}.md11{grid-column-start:span 11}.md12{grid-column-start:span 12}.mdRemove{display:none}}@media screen and (max-width:750px){.sm1{grid-column-start:span 1}.sm2{grid-column-start:span 2}.sm3{grid-column-start:span 3}.sm4{grid-column-start:span 4}.sm5{grid-column-start:span 5}.sm6{grid-column-start:span 6}.sm7{grid-column-start:span 7}.sm8{grid-column-start:span 8}.sm9{grid-column-start:span 9}
.sm10{grid-column-start:span 10}.sm11{grid-column-start:span 11}.sm12{grid-column-start:span 12}.smRemove{display:none}}@media screen and (max-width:500px){.xs1{grid-column-start:span 1}.xs2{grid-column-start:span 2}.xs3{grid-column-start:span 3}.xs4{grid-column-start:span 4}.xs5{grid-column-start:span 5}.xs6{grid-column-start:span 6}.xs7{grid-column-start:span 7}.xs8{grid-column-start:span 8}.xs9{grid-column-start:span 9}.xs10{grid-column-start:span 10}.xs11{grid-column-start:span 11}.xs12{grid-column-start:span 12}.xsRemove{display:none}}

html{
  font-family: 'Montserrat';
  font-size: 20px;
}
body{
  font-family: 'Montserrat';
}
:root {
  --green: #3B8D54;
  --white: #FFFFFF;
  --orange: orange;
  --link: #0376af;
  --brown: #86635B;
  --text: #4B423D;
  --fon: #f4f0ec;
  --black: #000000;
  --gap: 32px;
  --halfContainer: calc(( 100vw - 500px) / 2);
  --column: calc((2 * var(--halfContainer) - 11 * var(--gap)) / 12);
}
@media screen and (max-width: 1500px) {
  :root {
    --halfContainer: calc(( 100vw - 220px) / 2);
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --halfContainer: 50%;
  }
}
@media screen and (max-width: 980px) {
  :root {
    --gap: 24px;
  }
}
@media screen and (max-width: 750px) {
  :root {
    --gap: 8px;
  }

}

.stickyHeader,
footer.footer,
header.header .top,
.mainSlider .content,
section {
  padding: 0 calc(50% - var(--halfContainer));
}

@media screen and (max-width: 1500px) {
  .stickyHeader,
  article,
  footer.footer,
  header.header .top,
  .mainSlider .content,
  section {
    padding: 0 30px;
}
}
@media screen and (max-width: 980px) {
  .stickyHeader,
  footer.footer,
  header.header .top,
  .mainSlider .content,
  section {
    padding: 0 20px;
  }
}
@media screen and (max-width: 750px) {
  .stickyHeader,
  footer.footer,
  header.header .top,
  .mainSlider .content,
  section {
    padding: 0 15px;
  }
}
@media screen and (max-width: 500px) {
  .stickyHeader,
  footer.footer,
  header.header .top,
  .mainSlider .content,
  section {
    padding: 0 10px;
  }
}
section{
  position: relative;
  background-color: var(--fon);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and ( max-width:750px ){
  section{
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.btn.primary{
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom,rgb(213, 73, 43) 0%,rgb(213, 73, 43) 100%);
  border-bottom: 7px solid #D5492B;
  color: #fff4e6;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.37);
  position: relative;
  z-index: 1;
  font-weight: 500;
  width: 330px;
}
/* .btn.primary::before{
  content: '';
  position: absolute;
  top: 50px;
  width: 100%;
  height: 35px;
  background: url("../images/button.png") bottom center no-repeat;
  opacity: .7;
  z-index: 2;
  background-size: cover;
} */
.btn.primary img{
  display: block;
  margin-right: 5px;
}
.imgWrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.titleWrap p{
  font-size: 44px;
  margin-bottom: 50px;
  text-align: center;
  font-weight: 600;
  color: var(--brown);
}
.titleWrap p span{
  color: var(--black);
}

header.header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
header.header.active{
  background-color: #e8e3de;
}
header.header .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
header.header .top .left{
  display: flex;
  justify-content: center;
  align-items: center;
}
header.header .top .left .logoWrap{
  margin-right: 25px;
}
header.header .top .left .logoText p{
  font-size: .85rem;
  font-weight: 600;
  color: #5d5d5d;
}
header.header .top .right{
  display: flex;
  align-items: start;
  justify-content: center;
}
header.header .top .right .whtasapp{
  margin-right: 15px;
}
header.header .top .right .whtasapp a{
  display: block;
  height: 100%;
  width: 100%;
}
header.header .top .right .info .phone a span{
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
}
header.header .top .right .info .mail a span{
  color: var(--link);
  text-decoration: underline;
  font-size: .8rem;
}

@media screen and ( max-width:750px) {
  header.header .top{
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
  }
  header.header .top .left{
    justify-content: space-between;
  }
}
@media screen and ( max-width:500px) {
  .header.header .top .left .logoText p{
    font-size: 11px;
  }
  .custom-logo{
    max-width: 90px;
  }
  header.header .top .left{
    margin-bottom: 30px;
  }
  header.header .top .right .whtasapp a svg{
    width: 30px;
  }
  header.header .top .right .info .phone a span{
    font-size: 21px;
  }
  header.header .top .right .info .mail a span{
    font-size: 16px;
  }
}




.mainSlider{
  padding: 0;
}
.mainSlider .imgWrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mainSlider .content{
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  z-index: 5;
}
.mainSlider .content .innerContent{
  min-height: 570px;
  width: calc(var(--columnGap)*6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 630px;
}
.mainSlider .content .innerContent .title p{
  font-size: 3.25rem;
  font-weight: 700;
  color: var(--text);
}
.mainSlider .content .innerContent .subTitle p{
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 15px;
  font-size: 3.25rem;
}
.mainSlider .content .innerContent .text p{
  font-size: 1.5rem;
  margin-bottom: 25px;
  color: #75676C;
  font-weight: 500;
  max-width: 600px;
}
.mainSlider .imgWrap.mob{
  display: none;
}
@media screen and ( max-width:750px ) {
  .mainSlider{
    display: flex;
    flex-direction: column;
  }
  .mainSlider .imgWrap{
    display: none;
    position: relative;
    order: 1;
  }
  .mainSlider .content{
    padding-top: 120px;
    padding-bottom: 0;
  }
  .mainSlider .content .innerContent{
    height: auto;
    min-height: unset;
    width: 100%;
    max-width: 100%;
  }
  .mainSlider .content .innerContent .title p,
  .mainSlider .content .innerContent .subTitle p{
    text-align: center;
    font-size: 45px;
  }
  .mainSlider .content .innerContent .text p{
    text-align: center;
    font-size: 26px;
  }
  .mainSlider .content .innerContent .btnWrap{
    display: flex;
    justify-content: center;
  }
  .mainSlider .imgWrap.mob{
    display: block;
  }
}

@media screen and ( max-width:500px) {
  .mainSlider .content{
    padding-top: 150px;
  }
  .mainSlider .content .innerContent .title p,
  .mainSlider .content .innerContent .subTitle p{
    font-size: 30px;
  }
  .mainSlider .content .innerContent .text p{
    font-size: 22px;
  }
}


.mainOffer .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--white);
  position: relative;
  z-index: 1;
}
.mainOffer .list .item::before{
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%,0);
  width: 80%;
  height: 5px;
  border-radius: 10px;
}
.mainOffer .list .item.clr-primary::before{
  background: var(--brown);
}
.mainOffer .list .item.clr-border::before{
  background: var(--green);
}
.mainOffer .list .item .imgWrap{
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.mainOffer .list .item .imgWrap img{
  max-width: 150px;
  max-height: 160px;
  width: 150px;
  height: 160px;
  object-fit: contain;
}
.mainOffer .list .item .title{
  margin-top: 15px;
  margin-bottom: 20px;
  max-width: 280px;
}
.mainOffer .list .item .title p{
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: var(--black);
}

@media screen and ( max-width:980px) {
  .mainOffer .list .item .title p{
    font-size: 18px;
  }
}
@media screen and ( max-width:750px ) {
  .titleWrap p{
    font-size: 34px;
    margin-bottom: 30px;
  }
  .titleWrap p span{
    display: block;
  }
  .mainOffer .list .item{
    margin-bottom: 15px;
  }
}
@media screen and ( max-width:500px ) {
  .mainOffer .list .item{
    max-width: 90%;
    justify-self: center;
    width: 90%;
  }
  .titleWrap p{
    font-size: 27px;
  }
  .mainOffer .list .item .title{
    margin-bottom: 40px;
  }
  .mainOffer .list .item .title p{
    max-width: 250px;
  }
}





.mainGain {
  background-color: var(--white);
  padding-bottom: 0;
}
.mainGain .list .top{
  display: flex;
  justify-content: space-between;
}
.mainGain .list .top .left{
  max-width: 480px;
  margin-right: 40px;
}
.mainGain .list .top .left .title p{
  font-size: 44px;
  margin-bottom: 50px;
  font-weight: 600;
  color: var(--black);
}
.mainGain .list .top .left .title p span{
  color: var(--brown);
}
.mainGain .list .top .left .content{
  display: flex;
  padding: 30px;
  background: #e8e3de;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.mainGain .list .top .left .content .icon{
  width: 40px;
  margin-right: 20px;
}
.mainGain .list .top .left .content .icon img{
  width: 40px;
}
.mainGain .list .top .left .content .text{
  width: calc(100% - 60px);
}
.mainGain .list .top .left .content .text p{
  font-size: .85rem;
  font-weight: 700;
  color: var(--black);
  line-height: 1.5;
}
.mainGain .list .top .center{
  margin-right: 40px;
  width: 100%;
}
.mainGain .list .top .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 350px;
}
.mainGain .list .top .right .item{
  display: flex;
  margin-bottom: 40px;
}
.mainGain .list .top .right .item .icon{
  width: 44px;
  margin-right: 25px;
}
.mainGain .list .top .right .item .title{
  width: calc(100% - 70px);
}
.mainGain .list .top .right .item .title p{
  font-size: 1rem;
  font-weight: bold;
}
.mainGain .list .top .right .item .title p span{
  font-weight: normal;
  color: var(--text);
}

.mainGain .list .bottom{
  padding-top: 50px;
  min-height: 600px;
}
.mainGain .list .bottom .cart .imgWrap{
  /* position: absolute;
  left: 0; */

  position: absolute;
  right: 55%;
  bottom: 0;

}
.mainGain .list .bottom .info{
  position: relative;
  z-index: 1;
  padding-left: 84px;
}
.mainGain .list .bottom .info .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--brown);
}
.mainGain .list .bottom .info .subTitle{
  margin-bottom: 20px;
}
.mainGain .list .bottom .info .subTitle p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
}
.mainGain .list .bottom .info .text{
  margin-bottom: 40px;
}
.mainGain .list .bottom .info .text p{
  font-size: 1.2rem;
  color: var(--text);
}
.mainGain .list .bottom .info .subList .item{
  display: flex;
}
.mainGain .list .bottom .info .subList .item .itemImgWrap{
  width: 100%;
  margin-right: 15px;
  max-width: 37px;
}
.mainGain .list .bottom .info .subList .item .itemText p{
  font-size: 1rem;
  font-weight: bold;
}
.mainGain .list .bottom .info .subList .item .itemText p span{
  font-weight: normal;
  color: var(--text);
}

@media screen and ( max-width:1280px ) {
  .mainGain .list .top .left{
    max-width: 300px;
    margin-right: 20px;
  }
  .mainGain .list .top .left .title p{
    font-size: 32px;
    margin-bottom: 20px;
  }
  .mainGain .list .top .center{
    margin-right: 20px;
  }
  .mainGain .list .top .right{
    max-width: 250px;
  }
}
@media screen and ( max-width:980px ) {
  .mainGain .list .top .center{
    display: none;
  }
  .mainGain .list .top .left,
  .mainGain .list .top .right{
    max-width: 50%;
  }
  .mainGain .list .bottom{
    display: flex;
    flex-direction: column;
    min-height: unset;
  }
  .mainGain .list .bottom .cart{
    order: 1;
  }
  .mainGain .list .bottom .cart .imgWrap{
    position: relative;
    right: unset;
  }
  .mainGain .list .bottom .info{
    padding-left: 0;
    margin-bottom: 20px;
  }
}
@media screen and ( max-width:750px ) {
  .mainGain .list .bottom{
    padding-top: 30px;
  }
  .mainGain .list .bottom .info .title p,
  .mainGain .list .bottom .info .subTitle p{
    font-size: 34px;
    text-align: center;
  }
  .mainGain .list .bottom .info .text p{
    text-align: center;
    font-size: 20px;
  }
}
@media screen and ( max-width:500px ) {
  .mainGain .list .top{
    flex-direction: column;
  }
  .mainGain .list .top .left,
  .mainGain .list .top .right{
    max-width: 100%;
    margin: 0;
  }
  .mainGain .list .top .left,
  .mainGain .list .top .left .content{
    margin-bottom: 20px;
  }
  .mainGain .list .top .left .title p{
    font-size: 27px;
    text-align: center;
  }
  .mainGain .list .bottom .info .title p,
  .mainGain .list .bottom .info .subTitle p{
    font-size: 27px;
  }

  .mainGain .list .top .center{
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
  .mainGain .list .top .right .item .title{
    width: calc(100% - 70px);
    max-width: 350px;
  }
  .mainGain .list .top .center img{
    max-height: 250px;
  }
  .mainGain .list .top .right .item .icon{
    margin-right: 15px;
  }
  .mainGain .list .top .right .item{
    margin-bottom: 20px;
    justify-content: center;
  }
  .mainGain .list .top .right .item .title p{
    font-size: 16px;
  }
  .mainGain .list .bottom .info .text{
    margin-bottom: 20px;
  }
  .mainGain .list .bottom .info .subList .item{
    padding: 0 10px;
    margin-bottom: 5px;
  }
  .mainGain .list .bottom .info .subList .item .icon{
    max-width: 30px;
  }
  .mainGain .list .bottom .info .subList .item .itemText p{
    font-size: 16px;
  }
}




.mainInfo .imgWrap{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.mainInfo .content{
  position: relative;
  z-index: 2;
  display: flex;
}
.mainInfo .content .container{
  max-width: 800px;
}
.mainInfo .content .container .title{
  margin-bottom: 20px;
  max-width: 600px;
}
.mainInfo .content .container .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--brown);
}
.mainInfo .content .container .title p span{
  color: var(--black);
  display: block;
}
.mainInfo .content .container .subTitle{
  margin-bottom: 40px;
}
.mainInfo .content .container .subTitle p{
  font-size: 1.2rem;
  color: var(--text);
}
.mainInfo .content .container .list .item{
  display: flex;
  margin-right: 5px;
}
.mainInfo .content .container .list .item .icon{
  width: 100%;
  max-width: 37px;
  min-width: 30px;
  margin-right: 15px;
}
.mainInfo .content .container .list .item .itemText p{
  font-size: 1rem;
  font-weight: 600;
}
.mainInfo .content .container .list .item .itemText p span{
  display: block;
  color: var(--text);
  font-weight: normal;
}
.mainInfo .content .dopImg{
  margin: auto;
  margin-bottom: -90px;
}
.mainInfo .imgWrap.mob{
  display: none;
}
@media screen and ( max-width:1800px ) {
  .mainInfo .content .dopImg{
    margin-top: 90px;
  }
  .mainInfo .content .container .list .item .itemText p{
    font-size: 16px;
  }
  .mainInfo .content .container .list .item .itemText p span{
    font-size: 16px;
  }
}
@media screen and ( max-width:1680px ) {

}
@media screen and ( max-width:980px ) {
  .mainInfo .content .dopImg{
    display: none;
  }
}
@media screen and ( max-width:750px ) {
  .mainInfo{
    padding-bottom: 0;
  }
  .mainInfo .content .container{
    max-width: unset;
    width: 100%;
  }
  .mainInfo .content .container .title{
    width: 100%;
    max-width: unset;
  }
  .mainInfo .content .container .title p{
    text-align: center;
    font-size: 34px;
  }
  .mainInfo .content .container .subTitle{
    margin-bottom: 30px;
  }
  .mainInfo .content .container .subTitle p{
    text-align: center;
  }
  .mainInfo .content .container .list .item{
    /* justify-content: center; */
    margin-bottom: 10px;
  }
  .mainInfo .imgWrap{
    display: none;
  }
  .mainInfo .imgWrap.mob{
    display: block;
    position: relative;
    left: unset;
    right: unset;
  }
  .mainInfo .imgWrap.mob img{
    width: auto;
    display: block;
    margin: auto;
  }
}
@media screen and ( max-width:500px ) {
  .mainInfo .content .container .list .item{
    padding: 0 10px;
    margin-bottom: 5px;
  }
  .mainInfo .content .container .list .item .icon{
   max-width: 30px;
  }
  .mainInfo .content .container .list .item .icon img{
    width: 100%;
  }
  .mainInfo .content .container .list .item .itemText p{
    font-size: 16px;
  }
  .mainInfo{
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .mainInfo .imgWrap{
    display: none;
  }
  .mainInfo .content .container .title p{
    font-size: 27px;
  }
}



.mainSale .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
}
.mainSale .title p span{
  color: var(--brown);
}
.mainSale .subTitle p{
  color: var(--text);
  font-size: 1.2rem;
}
.mainSale .top{
  margin-bottom: 50px;
}
.mainSale .list{
  position: relative;
  z-index: 4;
}
.mainSale .list .item .imgWrap{
  position: relative;
  z-index: 2;
  margin-bottom: 45px;
}
.mainSale .list .item .imgWrap img{
  position: relative;
  z-index: 2;
}
.mainSale .list .item .imgWrap .absolute{
  position: absolute;
  z-index: 3;
  bottom: 0;
  width: 44px;
  height: 44px;
  left: 50%;
  transform: translate(-50%, 22px);
}
.mainSale .list .item .itemTitle p{
  font-size: .9rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.mainSale .list .item .itemSubTitle{
  max-width: 300px;
  margin: auto;
}
.mainSale .list .item .itemSubTitle p{
  color: var(--text);
  text-align: center;
  font-size: .8rem;
  line-height: 1.3;
}
.mainSale::before{
  content: " ";
  height: 50%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: white;
}

@media screen and ( max-width:980px ) {
  .mainSale .top{
    display: flex;
    flex-direction: column;
  }
}
@media screen and ( max-width:750px ) {
  .mainSale .top{
    margin-bottom: 30px;
  }
  .mainSale .title{
    margin-bottom: 10px;
  }
  .mainSale .title p{
    text-align: center;
    font-size: 34px;
  }
  .mainSale .subTitle p{
    text-align: center;
    font-size: 20px;
  }
  .mainSale .list .item {
    margin-bottom: 20px;
  }
}
@media screen and ( max-width:500px ) {
  .mainSale .title p{
    font-size: 27px;
  }
  .mainSale::before{
    height: 38%;
  }
  .mainSale .list .item .imgWrap img{
    max-width: 90%;
    margin: auto;
    display: block;
  }
  .mainSale .list .item .itemTitle p{
    margin-bottom: 10px;
  }
}


.mainGallery{
  padding-top: 0;
  background-color: var(--white);
}
.mainGallery .title{
  max-width: 850px;
  margin: auto;
}
.mainGallery .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--brown);
  text-align: center;
  margin-bottom: 25px;
}
.mainGallery .title p span{
  color: var(--black);
  display: block;
}
.mainGallery .subTitle p{
  text-align: center;
  font-size: 1.2rem;
  color: var(--text);
  margin-bottom: 50px;
}

.mainGallery .list .item.small {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.mainGallery .list .btnWrap {
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and ( max-width:750px ) {
  .mainGallery .title p{
    font-size: 34px;
    margin-bottom: 10px;
  }
  .mainGallery .subTitle p{
    font-size: 20px;
    margin-bottom: 30px;
  }
  .mainGallery .list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mainGallery .list .item.big{
    margin-bottom: 10px;
  }
  .mainGallery .list .item.small.first{
    margin-right: 10px;
  }
  .mainGallery .list .item.small > div:first-child{
    margin-bottom: 20px;
  }
}
@media screen and ( max-width:500px ) {
  .mainGallery .title p{
    font-size: 27px;
  }
}






.mainEconomy{
  background-color: unset;
}
.mainEconomy .imgWrap{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.mainEconomy .imgWrap .dopImg{
  position: absolute;
  right: 250px;
  bottom: 0;
}
.mainEconomy .content{
  position: relative;
  z-index: 2;
}

.mainEconomy .content .container{
  max-width: 600px;
}
.mainEconomy .content .container .title{
  margin-bottom: 20px;
}
.mainEconomy .content .container .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
}
.mainEconomy .content .container .title p span{
  color: var(--brown);
  display: block;
}
.mainEconomy .content .container .subTitle{
  max-width: 450px;
  margin-bottom: 50px;
}
.mainEconomy .content .container .subTitle p{
  font-size: 1.2rem;
  color: var(--text);
}
.mainEconomy .content .container .list .item{
  display: flex;
}
.mainEconomy .content .container .list .item .icon{
  width: 100%;
  max-width: 44px;
  margin-right: 10px;
}
.mainEconomy .content .container .list .item .itemText p{
  font-size: .9rem;
  color: var(--black);
  font-weight: 600;
}
.mainEconomy .content .container .list .item .itemText p span{
  font-weight: normal;
  color: var(--text);
}
.mainEconomy .imgWrap.mob{
  display: none;
}
@media screen and ( max-width:1680px ) {
  .mainEconomy .imgWrap{
    bottom: 0;
  }
  .mainEconomy .imgWrap .dopImg{
    right: 150px;
  }
  .mainEconomy .imgWrap .dopImg img{
    max-height: 540px;
  }
}
@media screen and ( max-width:980px ) {
  .mainEconomy .imgWrap .dopImg{
    display: none;
  }
}
@media screen and ( max-width:750px ) {
  .mainEconomy{
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .mainEconomy .imgWrap{
    display: none;
  }
  .mainEconomy .content .container{
    max-width: 100%;
  }
  .mainEconomy .content .container .title{
    margin-bottom: 10px;
  }
  .mainEconomy .content .container .title p{
    text-align: center;
    font-size: 34px;
  }
  .mainEconomy .content .container .subTitle{
    max-width: unset;
    margin-bottom: 20px;
  }
  .mainEconomy .content .container .subTitle p{
    text-align: center;
    font-size: 20px;
  }

  .mainEconomy .imgWrap.mob{
    display: block;
    position: relative;
  }
  .mainEconomy .imgWrap.mob{
    display: block;
    margin: auto;
    width: auto;
  }
}
@media screen and ( max-width:500px ) {
  .mainEconomy .content .container .title p{
    font-size: 27px;
  }
  .mainEconomy .content .container .list .item{
    /* justify-content: center; */
    /* max-width: 80%; */
    min-width: 300px;
    /* margin: auto; */
    padding: 0 10px;
    margin-bottom: 5px;
  }
  .mainEconomy .content .container .list .item .icon{
   max-width: 30px;
  }
  .mainEconomy .content .container .list .item .icon img{
    width: 100%;
  }
  .mainEconomy .content .container .list .item .itemText p{
    font-size: 16px;
  }
  .mainEconomy .content .container .list .item .itemText p span{
    display: block;
  }
}









.mainOrder .right .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 25px;
  margin-top: 20px;
}
.mainOrder .right .title p span{
  color: var(--brown);
  display: block;
}
.mainOrder .right .text p{
  font-size: 1.2rem;
  color: var(--text);
  margin-bottom: 50px;
}
.mainOrder .imgWrap.mob{
  display: none;
}
@media screen and ( max-width:750px ) {
  .mainOrder .list .left  {
    display: none;
  }
  .mainOrder .imgWrap.mob{
    display: block;
  }
  .mainOrder .imgWrap.mob img{
    width: auto;
    display: block;
    margin: auto;
    object-fit: contain;
  }
  .mainOrder .right .title p{
    text-align: center;
    font-size: 34px;
    margin-bottom: 20px;
  }
  .mainOrder .right .text p{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mainOrder .right .btnWrap{
    display: flex;
    justify-content: center;
  }
}
@media screen and ( max-width:500px ) {
  .mainOrder .imgWrap.mob{
  padding: 0 30px;
  }
  .mainOrder .right .title p{
    font-size: 27px;
  }
}




.mainReviews{
  padding-top: 0;
}
.mainReviews .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 15px;
  text-align: center;
}
.mainReviews .title p span{
  color: var(--brown);
}
.mainReviews .subTitle p{
  text-align: center;
  margin-bottom: 50px;
  color: var(--text);
  font-size: 1.2rem;
}
.mainReviews .list{
  position: relative;
  z-index: 2;
}
.mainReviews .list .item .imgWrap{
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
.mainReviews .list .item .imgWrap img{
  position: relative;
  z-index: 2;
}
.mainReviews .list .item .imgWrap .absolute{
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65px;
  height: 68px;
  cursor: pointer;
}
.mainReviews .list .item .itemTitle p{
  color: var(--text);
  font-weight: 500;
  font-size: 1rem;
}
.mainReviews::before{
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  max-height: 300px;
  background-color: var(--white);
  z-index: 1;
}
@media screen and ( max-width:1680px ) {
  .mainReviews .list .item .itemTitle p{
    font-size: .7rem;
  }
}

@media screen and ( max-width:750px ) {
  .mainReviews .title p{
    text-align: center;
    font-size: 34px;
    margin-bottom: 10px;
  }
  .mainReviews .subTitle p{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mainReviews .list .item .imgWrap{
    margin-bottom: 10px;
  }
  .mainReviews .list .item{
    margin-bottom: 20px;
  }
}
@media screen and ( max-width:500px ) {
  .mainReviews .title p{
    font-size: 27px;
  }
  .mainReviews .list .item:first-child .itemTitle{
    display: none;
  }
  .mainReviews .list .item .imgWrap,
  .mainReviews .list .item .imgWrap img{
    border-radius: 4px;
  }
  .mainReviews .list .item .itemTitle p{
    font-size: 15px;
  }
  .mainReviews .list .item .imgWrap .absolute{
    width: 45px;
    height: 48px;
  }
}





.mainGaranty{
  padding-bottom: 0;
  padding-top: 0;
  background-color: var(--white);
}
.mainGaranty .left{
  display: flex;
  align-items: end;
}
.mainGaranty .left .imgWrap img{
  height: auto;
  width: auto;
}
.mainGaranty .right {
  padding-top: 100px;
}
.mainGaranty .right .title p{
  font-size: 44px;
  font-weight: 600;
  color: var(--black);
}
.mainGaranty .right .subTitle p{
  font-size: 44px;
  font-weight: 600;
  color: var(--brown);
}
.mainGaranty .right .text p{
  font-size: 1.2rem;
  color: var(--text);
  margin-bottom: 50px;
  margin-top: 15px;
}

.mainGaranty .right .subList .item{
  display: flex;
}
.mainGaranty .right .subList .item .icon{
  max-width: 35px;
  width: 100%;
  margin-right: 15px;
}
.mainGaranty .right .subList .item .text p{
  margin-top: 0;
  font-size: 1rem;
  color: var(--text);
  margin-bottom: 10px;
}
.mainGaranty .right .subList .item .text p b{
  color: var(--black)
}
.mainGaranty .imgWrap.mob{
  display: none;
}
@media screen and ( max-width:750px ) {
  .mainGaranty .left{
    display: none;
  }
  .mainGaranty .right{
    padding-top: 0;
  }
  .mainGaranty .right .title p,
  .mainGaranty .right .subTitle p{
    font-size: 34px;
    text-align: center;
  }
  .mainGaranty .right .subTitle p{
    margin-bottom: 10px;
  }
  .mainGaranty .right .text p{
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
  }
  .mainGaranty .right .subList{
    margin-bottom: 20px;
  }
  .mainGaranty .right .subList .item{
    /* justify-content: center;
    max-width: 80%; */
    /* margin: auto; */
  }
  .mainGaranty .right .subList .item .text p{
    margin-bottom: 10px;
  }
  .mainGaranty .imgWrap.mob{
    display: block;
  }
  .mainGaranty .imgWrap.mob img{
    width: auto;
    display: block;
    margin: auto;
  }
}
@media screen and ( max-width:500px ) {
  .mainGaranty .right .title p,
  .mainGaranty .right .subTitle p{
    font-size: 27px;
  }
  .mainGaranty .right .subList .item{
    padding: 0 10px;
  }
  .mainGaranty .right .subList .item .icon{

  }
  .mainGaranty .right .subList .item .icon img{
    width: 100%;
  }
  .mainGaranty .right .subList .item .text p{
    text-align: unset;
    font-size: 16px;
    margin: 0;
  }
}




footer.footer{
  padding-top: 100px;
  padding-bottom: 100px;
  background: #e8e3de;
}

footer.footer .one{
  display: flex;
  flex-direction: column;
}
footer.footer .one .logoText{
  max-width: 300px;
  margin-bottom: 0;
  margin-top: auto;
}
footer.footer .one .logoText p{
  font-size: 0.8rem;
  color: var(--text);
  font-weight: 500;
}
footer.footer .two{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer.footer .two .adress p{
  font-size: .8rem;
}
footer.footer .two .adress p.hide{
  display: none;
}
footer.footer .two .adress p.hide.active{
  display: block;
}
footer.footer .two .link{
  font-size: .8rem;
  color: var(--link);
}
footer.footer .free{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer.footer .free .text p{
  font-size: .8rem;
  font-weight: 700;
  text-align: center;
}
footer.footer .free .btnWrap{
  display: flex;
  justify-content: center;
}
footer.footer .four {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer.footer .four .flex.start{
  display: flex;
  align-items: start;
  margin-bottom: 30px;
}
footer.footer .four .flex.start .whtasapp{
  margin-right: 15px;
}
footer.footer .four .flex.start .info .phone a span{
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
}
footer.footer .four .flex.start .info .mail a span{
  color: var(--link);
  text-decoration: underline;
  font-size: .8rem;
}
@media screen and ( max-width:1680px ){
  footer.footer .four .flex.start .info .phone a span{
    font-size: 1rem;
  }
}
@media screen and ( max-width:1280px) {

}

@media screen and ( max-width:980px ) {
  footer.footer{
    padding-top: 75px;
    padding-bottom: 75px;
  }
  footer.footer .one{
    margin-bottom: 20px;
  }
  footer.footer .one .logo .custom-logo-link{
    display: block;
    margin-bottom: 10px;
  }
  footer.footer .one .logoText p{
    max-width: 250px;
  }
}
@media screen and ( max-width:750px ) {
  footer.footer{
    padding-top: 50px;
    padding-bottom: 50px;
  }

}
@media screen and ( max-width:500px ) {
  footer.footer{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  footer.footer .inner{
    display: flex;
    flex-direction: column;
  }
  footer.footer .one{
    order: 1;
  }
  footer.footer .one .logo .custom-logo-link{
    margin-bottom: 20px;
  }
  footer.footer .one .logo .custom-logo-link img{
    max-width: 100%;
    display: block;
    margin: auto;
  }
  footer.footer .one .logoText{
    max-width: 100%;
  }
  footer.footer .one .logoText p{
    font-size: 0.75rem;
    text-align: center;
    max-width: 100%;
  }
  footer.footer .four{
    order: 2;
  }
  footer.footer .four .flex.start{
    justify-content: center;
    margin-bottom: 10px;
  }
  footer.footer .four .flex.start .info .phone a span{
    font-size: 22px;
    color: black;
    font-weight: 700;
  }
  footer.footer .four .flex.start .info .mail a span{
    font-weight: 500;
  }
  footer.footer .four .social.flex{
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  footer.footer .four .social.flex a:not(:last-child){
    display: block;
    margin-right: 15px;
  }
  .footer .free{
    order: 3;
    margin-bottom: 20px;
  }
  .footer .free .text{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .footer .free .text p{
    font-size: 18px;
    font-weight: 700;
    max-width: 240px;
  }
  .footer .two{
    order: 4;
  }
  footer.footer .two .adress p{
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  footer.footer .two .adress p.hide{
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  footer.footer .two .link{
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
  footer.footer .two .policy .link,
  footer.footer .two .pravo .link{
    text-align: center;
    display: block;
    margin: auto;
    font-weight: 500;
    margin-bottom: 10px;
  }
}






/* 
#wpadminbar{
  display: none !important;
} */


.form-submitted-message {
  background-color: #ffffff; /* Белый фон */
  color: #333333; /* Темный текст */
  border: 2px solid #ff6600; /* Оранжевая рамка */
  padding: 30px;
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif; /* Шрифт Montserrat */
  font-size: 18px;
  line-height: 1.6;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

.form-submitted-message h3 {
  margin-top: 0;
  color: #ff6600; /* Оранжевый цвет заголовка */
  font-size: 24px;
  font-weight: 600;
}

.form-submitted-message p {
  margin-bottom: 0;
  font-size: 16px;
  color: #666666; /* Серый цвет текста */
}

.form-submitted-message a {
  color: #ff6600; /* Оранжевые ссылки */
  text-decoration: none;
  font-weight: bold;
}

.form-submitted-message a:hover {
  text-decoration: underline;
}