@font-face { font-family: 'Manrope'; src: url('/fonts/manrope-v20-cyrillic_latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/fonts/manrope-v20-cyrillic_latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

*,*::before,*::after{box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:'Manrope',sans-serif;font-size:22px;line-height:34px;color:#535b60;background:#fff;padding-top:70px}
img{vertical-align:middle;max-width:100%;height:auto;border:0}
a{color:#4f8db3;text-decoration:none}
a:hover{color:#2f556d;text-decoration:underline}
ul,ol{margin-top:0;margin-bottom:10px}
p{margin:0 0 10px}
h1,h2,h3,h4,h5{margin:20px 0 10px;font-weight:700;line-height:1.1}
strong{font-weight:700}

.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto;width:100%;max-width:1200px}
.row{margin-right:-7px;margin-left:-7px}
.row::after{content:"";display:table;clear:both}
[class*="col-"]{position:relative;min-height:1px;padding-right:7px;padding-left:7px;float:left;width:100%}
@media(min-width:768px){
  .col-sm-3{width:25%}
  .col-sm-4{width:33.333%}
  .col-sm-6{width:50%}
  .col-sm-8{width:66.666%}
  .col-sm-9{width:75%}
  .col-sm-12{width:100%}
}
@media(min-width:992px){
  .col-md-3{width:25%}
  .col-md-4{width:33.333%}
  .col-md-6{width:50%}
  .col-md-8{width:66.666%}
  .col-md-12{width:100%}
  .col-lg-12{width:100%}
}
.col-xs-6{width:50%}
.col-xs-12{width:100%}

.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
.navbar-fixed-top{position:fixed;right:0;left:0;top:0;z-index:1030;border-width:0 0 1px}
.navbar-inverse{background-color:#021e21;border-color:#3a3a34}
.navbar-brand{float:left;height:50px;padding:13px 15px;line-height:24px}
.navbar-brand img{height:24px;width:auto;display:block}
.navbar-header{float:left}
.navbar-header::after{content:"";display:table;clear:both}
.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:none;max-height:none;overflow-y:visible}
.navbar-collapse.collapse{display:none}
.navbar-collapse.collapse.in{display:block}
.navbar-nav{margin:0;padding:0;list-style:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;display:block}
.navbar-inverse .navbar-nav>li>a{color:#c8c5bc}
.navbar-inverse .navbar-nav>li>a:hover{color:#e8e5de;background-color:rgba(255,255,255,.07)}
.navbar-toggle{position:relative;float:right;margin:8px 15px;padding:9px 10px;background:transparent;border:1px solid #555;border-radius:4px;cursor:pointer}
.navbar-inverse .navbar-toggle{border-color:#5a5a50}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#3a3a34}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#c8c5bc}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.nav{margin-bottom:0;padding-left:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px;line-height:20px}

@media(min-width:1280px){
.navbar-toggle{display:none}
.navbar-collapse{display:block!important;width:auto;border-top:0;box-shadow:none;padding:0}
.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;font-size:19px}
}
@media(max-width:1279px){
.navbar-header{float:none}
.navbar-toggle{display:block}
.navbar-collapse.collapse{display:none!important}
.navbar-collapse.collapse.in{display:block!important}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:12px;padding-bottom:12px}
}

.img-responsive{display:block;max-width:100%;height:auto}

h1{color:#428bca;font-family:'Manrope',sans-serif;font-size:1.8em}
h2{color:#428bca;margin-bottom:10px;font-family:'Manrope',sans-serif;font-size:1.7em}
h3{font-family:'Manrope',sans-serif;color:#428bca;font-size:1.55em}
h4{font-family:'Manrope',sans-serif;color:#428bca;margin-bottom:10px;font-size:1.35em}
h5{font-family:'Manrope',sans-serif;color:#da0000;margin-bottom:10px;font-size:1.0em}

.portfolio-item{margin-bottom:14px}

.btn-orange-cta { display: inline-flex; align-items: center; gap: 10px; background-color: #117837; color: #fff; font-size: 18px; font-weight: 700; padding: 14px 22px; border-radius: 6px; text-decoration: none; letter-spacing: 0.5px; text-transform: uppercase; transition: background-color .2s ease; }
.btn-orange-cta:hover { background-color: #1ebc58; color: #fff; text-decoration: none; }

.float-buttons{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;gap:10px}
.float-button{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .3s ease;cursor:pointer}
.float-button:hover{transform:scale(1.1)}
.float-button.whatsapp{background:#25D366}
.float-button.phone{background:#FF5722}
.float-button img{width:30px;height:30px}

.video-container{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

.eeat-list{list-style:none;margin:0 0 30px;padding:0}
.eeat-list li{padding:8px 0 8px 30px;position:relative}
.eeat-list li::before{content:"✓";position:absolute;left:0;color:#FFB700;font-weight:700}
@media(min-width:768px){
  .col-sm-3{width:25%}
}

@media(max-width:768px){
  h1{font-size:1.35em}
  h2{font-size:1.35em}
  h3{font-size:1.2em}
  h4{font-size:1.1em}
}

.site-footer{background:#021e21;color:#ccc;padding:48px 0 0;font-family:'Manrope',sans-serif}
.site-footer .container{max-width:1200px;margin:0 auto;padding:0 10px}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:40px}
.footer-col h4{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #C00F0F;font-family:'Manrope',sans-serif}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col a{display:block;color:#999;font-size:13px;line-height:1.3;padding:4px 0;text-decoration:none;border-bottom:1px solid #222;transition:color .15s,padding-left .15s}
.footer-col li:last-child a{border-bottom:none}
.footer-col a:hover{color:#fff;padding-left:4px;text-decoration:none}
.footer-bottom{border-top:1px solid #2a2a2a;padding:16px 24px;text-align:center;max-width:1200px;margin:0 auto}
.footer-bottom p{color:#888;font-size:13px;margin:0}
.footer-bottom a{color:#888;text-decoration:none}
.footer-bottom a:hover{color:#fff;text-decoration:none}
@media(max-width:768px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}

.hub-item { display: flex; gap: 1.5rem; align-items: flex-start; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #e8e8e8; }
.hub-item:last-child { border-bottom: none; margin-bottom: 0; }
.hub-img-link { width: 200px; min-width: 200px; display: block; flex-shrink: 0; }
.hub-img { width: 100%; height: 130px; object-fit: cover; border-radius: 10px; display: block; }
.hub-body h2 a { color: inherit; text-decoration: none; }
.hub-body h2 a:hover { text-decoration: underline; }
.hub-body h2 { font-size: 26px; font-weight: 600; margin: 0 0 10px; }
.hub-body p { font-size: 22px; line-height: 1.6; color: #555; margin: 0; }
.hub-body p a { color: #1a6fc4; }
@media (max-width: 560px) { .hub-item { flex-direction: column; } .hub-img-link { width: 100%; min-width: unset; } .hub-img { height: 200px; } }

lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 100%; }lite-youtube::before { content: attr(data-title); display: block; position: absolute; top: 0; background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%); height: 99px; width: 100%; font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif; color: hsl(0deg 0% 93.33%); text-shadow: 0 0 2px rgba(0,0,0,.5); font-size: 18px; padding: 25px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
lite-youtube:hover::before { color: white; }
lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); }
lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; }
lite-youtube > .lyt-playbtn { display: block; width: 100%; height: 100%; background: no-repeat center/68px 48px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); position: absolute; cursor: pointer; z-index: 1; filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: 0; }
lite-youtube:hover > .lyt-playbtn { filter: none; }
lite-youtube .lyt-playbtn:focus { filter: none; }
lite-youtube.lyt-activated { cursor: unset; }
lite-youtube.lyt-activated::before { opacity: 0; pointer-events: none; }
lite-youtube.lyt-activated > .lyt-playbtn { opacity: 0; pointer-events: none; }
.lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.clients-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 24px 0 32px; }
.client-logo { display: flex; align-items: center; justify-content: center; padding: 16px; border: 1px solid #eee; border-radius: 6px; min-height: 80px; }
.client-logo img { max-width: 100%; max-height: 55px; width: auto; height: auto; object-fit: contain; }
@media (max-width: 768px) { .clients-grid { grid-template-columns: repeat(2, 1fr); } }

.hero-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; }
.hero-stat { background: #f0f0f0; border-radius: 12px; padding: 20px 16px; text-align: center; }
.hero-stat strong { display: block; font-size: 32px; font-weight: 700; color: #111; line-height: 1.2; margin-bottom: 8px; }
.hero-stat span { font-size: 15px; color: #444; line-height: 1.4; }
@media (max-width: 640px) { .hero-stats { gap: 12px; } .hero-stat strong { font-size: 26px; } .btn-orange-cta { width: 100%; justify-content: center; box-sizing: border-box; } }

.cta-block { background: #021e21; color: #fff; border-radius: 12px; padding: 32px 28px; margin: 40px 0 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.cta-block h2, .cta-block h3 { font-size: 22px; font-weight: 700; margin: 0 0 6px; color: #fff; }
.cta-block p { font-size: 15px; color: #aaa; margin: 0; }