@import url(https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap);
*{margin:0;padding:0;box-sizing:border-box}
.slider-bottom p{font-size:24px}
.bg-articles{width:90%;margin:auto;margin-top:85px}
.bottom-right-bar{margin-right:20px;width:50%;width:calc(50% - 200px);display:flex;justify-content:space-between}
.slide-item, .item,.owl-carousel,.owl-item,.owl-stage,.owl-stage-outer{height:100%;background-size:cover;background-position:center center}
.bg-articles-carousel .item{padding-bottom:86%}
.body-home{font-family:Assistant,sans-serif}
header{background:#e0dbde;display:flex;flex-direction:column;height:100px;position:fixed;width:100%;right:0;left:0;z-index:2;transition:all .2s ease;box-shadow: 0 0 40px rgb(0 0 0 / 60%);}
.scrolled header{height:60px;transition:all .2s ease}
.scrolled header .logo{width:90px}
.scrolled header .top-bar .left-bar,.scrolled header .top-bar .right-bar{align-items:center;margin-top:0}
header .top-bar{display:flex;justify-content:space-between;width:90%;margin:auto}
header .top-bar .left-bar,header .top-bar .right-bar{display:flex;width:30%;margin-top:-20px;align-items:center;transition:all .2s ease}
header .top-bar .left-bar a,header .top-bar .right-bar a{margin-left:20px}
header .top-bar .left-bar a:last-child,header .top-bar .right-bar a:last-child{margin-left:0}
header .top-bar .left-bar{justify-content:flex-end}
header .bottom-bar a{transition:all .2s ease}
header .logo{width:145px;max-width:40%;transition:.2s all ease}
header .logo img{max-width:100%}
.container{position:relative;top:100px}
.container .bg-hero{margin-bottom:45px;width:100%;height:400px;background-size:cover;background-position:center}
.container section{margin:0 0 70px 0;text-align:center}
header .bottom-right-bar li ul, header .bottom-left-bar li ul {display:none}
header .bottom-right-bar>li:nth-child(5n+5), header .bottom-left-bar>li:nth-child(5n+5){display:none}


.container .descreption{width:90%;margin:auto}
.container .bg-hero img{width:100%}
.container section h1{font-weight:400;font-size:30px;margin-bottom:25px}
.container h1{font-weight:400;font-size:30px;margin-bottom:25px}
.container section .info{margin:35px 0}
.container section p{font-size:18px;text-align:right;margin-bottom:18px}
.container section .bg-desc-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.container section .dots-wrapper{width:155px;height:50px;background:#ebb100;border-radius:20px 0;border:1px solid #fff;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin:auto;cursor:pointer}
.container section .dots-wrapper .dots{display:flex;justify-content:center}
.container section .dots-wrapper .dots span{width:13px;height:13px;background:#000;border-radius:50%;margin-left:5px}
.container section .bg-desc-wrapper .bg-desc{width:100%;margin-top:-15px;z-index:0;height:100%}
.container section img{width:100%}
.container .contact-wrapper{background:#1c1c1c;text-align:center;margin-bottom:68px;width:100%;padding:20px}
.container .contact-wrapper span{display:flex;color:#fff;max-width:275px;margin:20px auto;font-size:18px}
.container .contact-wrapper form{display:flex;flex-direction:column;width:90%;margin:auto}
.container .contact-wrapper form input{font-family:Assistant,sans-serif;border:none;margin-bottom:10px;height:50px;border-radius:24px;padding:0 35px;font-size:18px;color:#393535}
.container .contact-wrapper form input:focus{outline:0}
.container .contact-wrapper form button{font-family:Assistant,sans-serif;font-weight:600;width:155px;height:50px;background:#ebb100;border-radius:20px 0;margin:10px auto;margin-bottom:90px;border:none;display:flex;align-items:center;font-size:24px;justify-content:center;cursor:pointer}
.container h1{text-align:center}
.container .articles{margin-bottom:140px}
.container .articles img{margin-top:45px;width:100%}
.container .articles .articles-bottom{margin:auto;width:90%}
.container .about-wrapper{color:#fff;margin-bottom:20px;background:url(/assets/img/bg-about.png);padding-top:55px;background-size:cover;padding-bottom:21px}
.container .about-wrapper .about{max-width:700px;margin:auto}
.container .about-wrapper p{margin:auto;width:90%;margin-top:35px;margin-bottom:145px}
.container .about-wrapper .dots-wrapper{width:155px;height:50px;background:#ebb100;border-radius:20px 0;z-index:1;display:flex;align-items:center;justify-content:center;margin:auto}
.container .about-wrapper .dots-wrapper .dots{display:flex;justify-content:center}
.container .about-wrapper .dots-wrapper .dots span{width:13px;height:13px;background:#000;border-radius:50%;margin-left:5px}
.container .about-wrapper img{filter:brightness(0) invert(1)}
footer{height:330px;width:100%;background:#1c1c1c}
.short-line{width:90%;margin:auto;display:flex;max-width:500px}
.contact-wrapper .social-box{margin-bottom:30px}
.contact-wrapper .social-box a{margin-left:30px;display: inline-block;}
.bottom-bar{display:none}
.contact-wrapper .social-box a:last-child{margin-left:0}
.desk{display:none}

.hero-gall .owl-item.active .slide-item {transform:scale(1.1);transition:10s all;}
.hero-gall .owl-item .slide-item{transition:10s all;transform:scale(1);}
.hero-gall .owl-item{overflow:hidden}



@media only screen and (min-width:992px){
.container .about-wrapper{background-image:url(/assets/img/bg-about-desktop.png);background-size:cover}
header .top-bar .right-bar a{display:none}
.mob{display:none}
.desk{display:block}
header{height:150px;}
.container{top:150px}
.container .bg-hero{height: calc(100vh - 150px);margin-bottom:170px;}
.container section{display:flex;width:90%;margin:auto;gap:80px;position:relative}
.container section .descreption{width:30%;margin-top:30px}
.container section .bg-desc-wrapper{width:70%;height:440px}
.container section .bg-desc img{max-height:430px}
.container section h1{text-align:right}
.container section h1{margin:0}
.container h1{margin:0}
.container section .dots-wrapper{margin-bottom:0;margin:0;margin-right:auto;margin-left:127px}
.container section{margin-bottom:120px;width: calc(100% - 200px);}
header .top-bar{width:95%}
.container .contact-wrapper{text-align:center}
.container .contact-wrapper form{width:95%;flex-direction:row;justify-content:center;margin-bottom:50px}
.container .contact-wrapper span{width:100%;justify-content:center;align-items:center;margin-bottom:50px}
.container .contact-wrapper form button{margin:0}
.container .contact-wrapper form input{margin-left:20px}
.container .about-wrapper p{font-size:24px;font-weight:200}
header .bottom-bar-wrapper{background:#000;margin-top:-30px;}
header .bottom-bar{display:flex;max-width:1253px;justify-content:space-between;margin:auto;padding:7px 0}
header .bottom-bar a{color:#fff;text-decoration:none;font-size:24px;font-weight:500}
header .bottom-bar a:last-child{margin-left:0}
header .logo img{z-index:3;position:relative}
header .top-bar .right-bar{visibility:hidden}
header .logo{width:286px;margin-bottom:-115px}
.container section h1{font-size:48px}
.scrolled header{height:100px}
.scrolled header .logo{width:145px;margin-top:-30px}
.container section p{font-size:24px}
.scrolled header .top-bar .left-bar,.scrolled header .top-bar .right-bar{margin-top:-20px}
.bottom-left-bar{margin-left:20px;width:calc(50% - 200px);display:flex;justify-content:space-between}
.scrolled .bottom-left-bar,.scrolled .bottom-right-bar{width:calc(50% - 140px)}
.bottom-left-bar,.bottom-right-bar{transition:.2s all}


}
@media only screen and (max-width:1290px){
header .bottom-bar a{font-size:1.5vw}
}