.header{margin:50px 0}
.header-top--logo img{width:100%}
.header-top .navbar-nav .nav-item a{padding:5px 20px}
.header-top .navbar-nav .nav-item.active{background-color:rgba(16,82,183,0.3);border-radius:5px}
.header-top--contacts .messengers{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.header-top--contacts .messengers a{margin-bottom:5px}
.header-top--contacts .messengers a svg{width:25px;height:25px}
.header-top--contacts .messengers a.wa svg{fill:green}
.header-top--contacts .messengers a.tg svg{fill:blue}
.header-top--contacts .phone{font-size:20px;text-decoration:none;color:#000;line-height:20px}
.header-top--contacts small{font-size:12px;line-height:12px}
.header-left a.header-left--logo{display:block}
.header-left a.header-left--logo img{width:300px}
.header-left h1.header-left--title{font-weight:bold;font-size:60px;line-height:55px}
.header-left p.header-left--description{margin-top:30px;font-size:25px;margin-bottom:30px}
.header-left a.header-left--callback{display:inline-block;padding:20px 30px;background-color:#0d6efd;color:#fff;text-decoration:none;border-radius:30px;transition:0.25s}
.header-left a.header-left--callback:hover{background-color:#1052b7}
.header-right--slider{border-radius:30px;overflow:hidden;position:relative}
.header-right--slider---item{height:470px}
.header-right--slider---item----image{width:100%;height:100%;object-fit:cover}
.header-right--slider .owl-dots{position:absolute;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:space-around}
.header-right--slider .owl-dots button{width:100%;margin:20px}
.header-right--slider .owl-dots button span{display:block;background-color:#fff;height:5px;border-radius:15px;transition:0.25s}
.header-right--slider .owl-dots button.active span{background-color:#0d6efd}
.features{display:flex;gap:20px}
.features-item{background-color:#233742;padding:20px;border-radius:20px}
.features-item h4{color:#fff;font-weight:200;text-align:center;font-size:20px}
.catalog{margin:50px 0;background-color:rgba(221,221,221,0.3);border-radius:30px;padding:20px}
.catalog-title{text-align:center;margin-bottom:30px}
.catalog-item{display:flex;flex-direction:column;align-items:center;gap:10px;transition:background-color 0.25s;padding:15px;border-radius:20px}
.catalog-item h4{margin-bottom:15px}
.catalog-item--content{display:flex;align-items:center;gap:30px}
.catalog-item--content img{width:250px;height:250px;object-fit:cover;border-radius:20px}
.catalog-item--content---right{margin:0;padding:0;gap:5px;list-style:none;display:flex;flex-direction:column;justify-content:space-between}
.catalog-item--content---right li{text-align:left}
.catalog-item--content---right li small{font-weight:200}
.catalog-item--content---right li p{font-weight:bold;margin-bottom:0}
a.more{display:inline-block;padding:10px 30px;background-color:#0d6efd;color:#fff;text-decoration:none;border-radius:20px;transition:0.25s;margin-bottom:30px}
a.more:hover{background-color:#1052b7}
@media screen and (max-width:800px){.header-top--navs{display:none}.header-top--contacts{display:flex;align-items:center;justify-content:center;flex-direction:column}.header-top--contacts .messengers{margin-top:30px;margin-bottom:30px}.header-top--contacts .messengers a svg{width:50px;height:50px}.header-top--contacts .phone{font-size:30px;margin-bottom:15px}.header-top--contacts small{font-size:20px;display:none}.header-left h1.header-left--title{font-size:36px;line-height:40px;text-align:center}.header-left p.header-left--description{font-size:20px;text-align:center}.header-left a.header-left--callback{display:block;text-align:center;margin-bottom:30px}.features{flex-direction:column}.catalog-item--content{flex-direction:column}.catalog h4{font-size:16px;padding:0}}
.breadcrumbs{background-color:rgba(221,221,221,0.3);padding:5px 15px;border-radius:10px;font-size:12px}
.breadcrumbs a{color:#000}.animated{-webkit-animation-duration:1000 ms;animation-duration:1000 ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-animated-out{z-index:1}
.owl-animated-in{z-index:0}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}