*,:before,:after{margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{color:#333;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,a:hover,a:active,a:visited{color:#fff}
body{margin:0;font-family:'Bitter',sans-serif;font-optical-sizing:auto;font-weight:600;font-size:20px;font-style:normal;line-height:1.15;position:relative}
textarea,input{font-family:'Bitter',sans-serif;font-optical-sizing:auto;font-weight:500;font-size:19px;font-style:normal;line-height:1.15;position:relative}
.icon{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;width:1em;height:1em;vertical-align:-.125em}
.icon-1{position:absolute;z-index:2;height:100px;width:100px;top:0;bottom:0;left:0;right:0;margin:auto}
.fl-1{fill:#fff}
.fl-2{fill:#222}
.d_none{display:none!important}
#menu__toggle{opacity:0}
#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}
.menu__btn{position:absolute;top:0;width:40px;height:40px;display:block;cursor:pointer}
.menu__btn > span,.menu__btn > span::before,.menu__btn > span::after{display:block;position:absolute;width:100%;height:3px;background-color:#fff;transition-duration:.25s;top:20px}
.menu__btn > span::before{content:'';top:-10px}
.menu__btn > span::after{content:'';top:10px}
a:focus{outline:none}
a:hover{text-decoration:none}
.clnk01:link,.clnk01:visited{color:#513920;text-decoration-color:#513920;-webkit-text-decoration-color:#513920;-moz-text-decoration-color:#513920}
.clnk01:hover,.clnk01:active{color:#513920}
.lnk-w:link,.lnk-w:visited{color:#fff;text-decoration-color:#fff;-webkit-text-decoration-color:#fff;-moz-text-decoration-color:#fff}
.lnk-w:hover,.lnk-w:active{color:#fff}
.txtlnk:link,.txtlnk:visited{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;transition:.5s}
.txtlnk:hover,.txtlnk:active{text-decoration-color:transparent;-webkit-text-decoration-color:transparent;-moz-text-decoration-color:transparent}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.fs-22{font-size:22px}
.fs-17{font-size:17px}
.fs-15{font-size:15px}
.fs-14{font-size:14px}
.lh-145{line-height:1.45}
.ls-1{letter-spacing:1px}
.d-none{display:none!important}
section{padding:90px 0}
.wrap{padding-left:20px;padding-right:20px;width:100%}
.content{width:100%;max-width:1320px;display:block;margin:0 auto;position:relative;z-index:1}
p{margin:0 0 15px;line-height:1.5;font-weight:400;letter-spacing:1px}
.pb-0{padding-bottom:0!important}
.pb-2{padding-bottom:20px}
.pb-3{padding-bottom:30px}
.pl-3{padding-left:30px}
.pl-5{padding-left:50px}
.mb-0{margin-bottom:0!important}
.mb-2{margin-bottom:20px}
.mb-4{margin-bottom:40px}
.mr-4{margin-right:40px}
img{transition:opacity .5s ease-out;max-width:100%;height:auto}
img.lazy{opacity:0}
img.yall-loaded img.yall-error{opacity:1}
.wsn{white-space:nowrap!important}
.ttu{text-transform:uppercase}
.tac{text-align:center}
.taj{text-align:justify}
.tar{text-align:right}
.cw{color:#fff}
.header{z-index:10;position:-webkit-sticky;position:sticky;top:0;background-color:#222;padding:0 20px}
.site-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1320px;margin:0 auto}
.who a img{filter:grayscale(1);transition:1s linear}
.who a img:hover{filter:none}
.gr_2,.gr_4{display:grid;grid-auto-rows:auto;grid-template-columns:1fr;grid-gap:50px}
.tacl-r{text-align:center}
.pb-3-r{padding-bottom:30px}
h1,.h1{font-size:25px;margin:0 0 25px}
h2,.h2{font-size:22px;margin:0 0 25px;letter-spacing:1px;font-weight:700}
.banner{background-color:#A78B6A;background-image:linear-gradient(147deg,#A78B6A 0%,#3A2715 74%)}
.main section{padding:0 20px}
.gr_banner{display:grid;grid-auto-rows:auto;grid-template-columns:1fr;grid-gap:0;align-items:center}
.gr_banner img{position:relative;top:-50%;left:0;right:0;width:100%}
.h1_box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:0;position:relative;top:-100px}
.site-header .nav-logo a svg{max-width:90px;height:77px}
.card{border-left:2px solid #A78B6A;background-color:#f5f7f7;padding:20px 5px 20px 10px}
.c_blk{display:flex;flex-direction:column;align-items:center;row-gap:15px;text-align:center}
.t_blk{display:none}
.t_blk_m{display:none}
.c_blk div{background:rgba(255,255,255,0.1);height:50px;width:50px;border-radius:50%;margin-right:0;min-width:50px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.txt-wrap{hyphens:auto;overflow-wrap:break-word}
.f_blk{border-top:1px solid #fff;margin-top:90px;padding-top:45px}
.container.lazy-bg-loaded::before{position:absolute;content:'';width:100px;height:100px;z-index:1;background-image:url(i/005.webp);background-repeat:no-repeat;background-size:100% 100%;right:-20px;top:-50px}
.h1_kz{font-size:30px}
@media screen and (min-width: 345px) {
.t_blk_m{background-color:rgba(255,255,255,0.1);height:50px;width:50px;min-width:50px;position:absolute;border-radius:10px;right:170px;top:26px;margin-right:0;display:flex;justify-content:center;align-items:center}
}
@media screen and (min-width: 370px) {
.txt-wrap{hyphens:none;overflow-wrap:normal}
.c_blk div{margin-right:20px}
.card{border-left:10px solid #A78B6A;padding:20px 20px 20px 40px}
.c_blk{flex-direction:row;align-items:center;row-gap:0;text-align:left}
h1,.h1{font-size:40px;margin:0 0 25px}
h2,.h2{font-size:35px;margin:0 0 25px}
.h1_box{top:-140px}
.site-header .nav-logo a svg{max-width:115px;height:77px}
}
@media screen and (min-width: 410px) {
.site-header .nav-logo a svg{max-width:150px;height:77px}
}
@media screen and (min-width: 574px) {
.container.lazy-bg-loaded::before{width:200px;height:200px;top:-100px}
.site-header .nav-logo a svg{max-width:155px;height:77px}
.main section{padding:40px 20px}
.gr_banner{position:relative;height:100%}
.gr_banner img{position:absolute;left:-220px;width:400px;height:auto;top:0;bottom:0;margin:auto 0}
.h1_box{position:relative;left:38%;width:62%;top:auto}
h1,.h1{font-size:40px;margin:0 0 25px}
.h1_kz{font-size:32px}
}
@media screen and (min-width: 768px) {
.container.lazy-bg-loaded::before{width:150px;height:150px;top:-100px}
.main section{padding:90px 20px}
.gr_2,.gr_4{display:grid;grid-auto-rows:auto;grid-template-columns:1fr 1fr;grid-gap:20px;grid-row-gap:-20px}
.h1_box{position:relative;left:30%;width:70%;top:auto}
.tacl-r{text-align:left}
h1,.h1,.h1_kz{font-size:38px;margin:0 0 25px}
}
@media screen and (min-width: 900px) {
.h1_box{position:relative;left:25%;width:75%;top:auto}
h1,.h1,.h1_kz{font-size:51px;margin:0 0 25px}
}
@media screen and (min-width: 992px) {
.gr_banner{display:grid;grid-auto-rows:auto;grid-template-columns:0.9fr 1.1fr;grid-gap:0;align-items:center}
.gr_banner img{position:relative;left:auto;width:auto;height:auto;top:0;bottom:0;margin:auto 0}
h1,.h1{font-size:55px;margin:0 0 25px}
.h1_kz{font-size:45px}
h2,.h2{font-size:35px;margin:0 0 25px}
.h1_box{display:flex;flex-direction:column;align-items:center;justify-content:center;left:auto;width:auto;margin-left:50px}
.t_blk_m{position:relative;right:auto;top:auto;display:flex;justify-content:center;align-items:center;margin-right:20px}
}
@media screen and (min-width: 1140px) {
.container.lazy-bg-loaded::before{width:200px;height:200px;top:-100px}
h1,.h1{font-size:65px;margin:0 0 25px}
.h1_kz{font-size:54px}
h2,.h2{font-size:45px;margin:0 0 25px}
.t_blk{display:flex;flex-direction:row;align-items:center;row-gap:15px;text-align:center}
.t_blk div{height:40px;width:40px;margin-right:0;min-width:40px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.t_blk_m{display:none}
}
@media screen and (min-width: 1400px) {
.gr_4{display:grid;grid-auto-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;grid-row-gap:-20px}
.pb-3-r{padding-bottom:0}
}
.gr_2 a img{padding:10px;background-color:#ccc;margin-bottom:20px;border-radius:20px}
.gr_2 a img:hover{background-color:#A78B6A}
@media screen and (min-width: 992px) {
.site-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
}
.site-header .nav-logo{-ms-flex-item-align:start;align-self:flex-start;padding:10px 0}
.site-header .nav-links{width:100%;position:absolute;visibility:hidden;opacity:0;transition:.6s;transform:translate(0,100px);background-color:#222;padding:50px 0}
@media screen and (min-width: 992px) {
.site-header .nav-links{display:block;position:relative;background-color:inherit;visibility:visible;opacity:1;transform:translate(0,0);padding:0}
}
.site-header .nav-links ul{padding:0;margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media screen and (min-width: 992px) {
.site-header .nav-links ul{margin-left:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;justify-content:center}
}
.site-header .nav-links ul li{list-style:none;border-radius:10px;transition:ease-out 250ms}
.site-header .nav-links ul li a{font-size:18px;color:#fff;letter-spacing:1.2px;padding:16px 20px;text-decoration:none;display:block}
.site-header .nav-links ul li:hover{background-color:rgba(255,255,255,0.1);text-decoration:none;transition:ease-in 250ms}
.site-header .hamburger{cursor:pointer;background:transparent;border:none;max-width:40px;width:40px;height:40px;display:block;position:absolute;top:31px;right:20px;padding:0}
@media screen and (min-width: 992px) {
.site-header .hamburger{display:none}
}
.nav-links.active{visibility:visible;opacity:1;transform:translate(0,100px)}
.waves{position:relative;overflow:hidden;background-color:rgba(0,0,0,.3)}
.waves:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;z-index:0;background-image:url(i/waves.svg)}
.h-100{height:100%}
.container{width:100%;background:#fff;padding:5px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:20px;color:#333;position:relative}

@media screen and (min-width: 370px) {
.container{padding:5px 40px}
}
.container form .form-row{display:flex;margin:32px 0}
form .form-row .input-data{width:100%;height:40px;margin:0 20px;position:relative}
form .form-row .textarea{height:70px}
.input-data input,.textarea textarea{display:block;width:100%;height:100%;border:none;font-size:17px;border-bottom:2px solid rgba(0,0,0,0.12)}
.input-data input:focus ~ label,.textarea textarea:focus ~ label,.input-data input:valid ~ label,.textarea textarea:valid ~ label{transform:translateY(-20px);font-size:14px;color:#A78B6A}
.textarea textarea{resize:none;padding-top:10px}
.input-data label{position:absolute;pointer-events:none;bottom:10px;font-size:16px;transition:all .3s ease}
.textarea label{width:100%;bottom:40px;background:#fff}
.input-data .underline{position:absolute;bottom:0;height:2px;width:100%}
.input-data .underline:before{position:absolute;content:"";height:2px;width:100%;background:#A78B6A;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.input-data input:focus ~ .underline:before,.input-data input:valid ~ .underline:before,.textarea textarea:focus ~ .underline:before,.textarea textarea:valid ~ .underline:before{transform:scale(1)}
.submit-btn .input-data{overflow:hidden;height:46px!important;width:200px!important;border-radius:23px}
.submit-btn .input-data .inner{height:100%;width:300%;position:absolute;left:-100%;background:-webkit-linear-gradient(right,#BA8B39,#381F0F,#BA8B39,#381F0F);transition:all .6s}
.submit-btn .input-data:hover .inner{left:0}
.submit-btn .input-data input{background:none;border:none;color:#fff;font-size:17px;font-family:'Bitter',sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;line-height:17px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;z-index:2}
.container form .form-row{display:block}
form .form-row .input-data{margin:35px 0!important}
.ls_parent{position:absolute;right:80px;top:calc(51px - 25px);color:#fff;height:50px;width:70px;min-width:70px;font-size:16px;border:none;cursor:pointer;background-color:rgba(255,255,255,0.1);border-radius:10px;transition:ease-in 250ms!important;display:flex;flex-direction:row;align-items:center;justify-content:center;letter-spacing:1.2px}
@media screen and (min-width: 992px) {
.ls_parent{position:relative;right:auto;top:auto}
}
.ls_parent span:last-of-type{font-size:10px;margin-left:5px}

.ls_content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  line-height: 110%;
  position: absolute;
  background-color: #202020;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media (hover: hover) {
  .ls_parent:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    transition: ease-out 250ms !important;
  }
  .ls_parent:focus .ls_content,
  .ls_parent:focus-within .ls_content,
  .ls_parent:hover .ls_content {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
  }
}
@media (hover: none) {
  .act{visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s,0s,.3s}
  .p_act{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;transition:ease-out 250ms!important}
}
.ls_content a{color:#fff;text-decoration:none;padding:12px 16px;display:block;transition:ease-out 250ms;border-radius:10px;margin:5px;letter-spacing:1.2px}
.ls_content a:hover{background-color:rgba(255,255,255,0.1);text-decoration:none;transition:ease-in 250ms}