.search.hidden-xs { display: none; }
.messenger #telegram { fill: #0ab7df; width: 40px; }
#ph { transform: scale(0.82); top: 3px; position: relative; fill: #09128f; }
.messenger a { font-size: 36px; }
#wh { fill: #02bf78; }
.messenger { display: block; position: fixed; right: 5%; bottom: 5%; width: 260px; height: 60px; }
.messenger-btn { padding: 14px; display: block; width: 60px; height: 60px; border-radius: 60px; background-color: #9fbce0; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; }
.messenger-btn img { width: 32px; height: 32px; }
.messenger-links { position: absolute; left: 50px; top: 10px; width: 200px; transform: scale(0); transform-origin: 100% 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 0; }
.messenger-links.show { left: 0; transform: scale(1); }
.messenger-links a { width: 40px; margin-left: 4px; }
.messenger-links img { max-width: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.messenger-links a:hover img { transform: scale(1.1); text-decoration: none; }
#telegram { fill: #0ab7df; }
#vk { fill: #152ffc; }
#youtube { fill: #f60303; }
.h-soc svg { width: 25px; transform: scale(1.8); margin: 0 auto; }
.search.hidden-xs.hidden-sm { display: none; }
@media (max-width: 768px) { .h-soc { padding-top: 1px; } .h-soc svg { width: 15px; transform: scale(1.8); margin: 0 auto; } }
.demo { height: auto; }
.demo-in-in { position: relative; }
.touchslider.touchslider-demo { position: relative !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; margin: 0 auto; }
.touchslider-demo .touchslider-viewport { position: relative !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 10px; background: #13283d; z-index: 1; }
.touchslider-demo .item { display: block; }
.touchslider-demo .item img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 40%; display: block; }
.touchslider-demo .touchslider-nav { display: block !important; position: absolute !important; bottom: 12px !important; left: 0 !important; width: 100% !important; z-index: 200 !important; float: none !important; text-align: center; margin: 0 !important; padding: 0 !important; clear: both; }
.touchslider-demo .touchslider-paginat { display: inline-block; margin: 0 !important; text-align: center; background: transparent; padding: 6px 10px; border-radius: 20px; }
.touchslider-demo .touchslider-nav-item { width: 10px !important; height: 10px !important; background: rgba(255,255,255,0.55) !important; border: 2px solid #fff !important; border-radius: 50% !important; display: inline-block !important; margin: 0 5px !important; cursor: pointer; text-indent: -9999px; overflow: hidden; transition: all 0.25s ease; vertical-align: middle; padding: 0 !important; }
.touchslider-demo .touchslider-nav-item.touchslider-nav-item-current, .touchslider-demo .touchslider-nav-item.selected { background: #ffffff !important; width: 28px !important; border-radius: 5px !important; }
.touchslider-demo .touchslider-nav-item:hover { background: rgba(255,255,255,0.85) !important; }
@media (min-width: 1600px) { .touchslider.touchslider-demo { height: 480px !important; } .touchslider-demo .touchslider-viewport { height: 480px !important; } .touchslider-demo .item { width: 1200px !important; height: 480px !important; } .touchslider-demo .item img { height: 480px !important; object-position: 50% 38%; } }
@media (min-width: 1200px) and (max-width: 1599px) { .touchslider.touchslider-demo { height: 420px !important; } .touchslider-demo .touchslider-viewport { height: 420px !important; } .touchslider-demo .item { width: 1200px !important; height: 420px !important; } .touchslider-demo .item img { height: 420px !important; object-position: 50% 40%; } }
@media (min-width: 992px) and (max-width: 1199px) { .touchslider.touchslider-demo { height: 380px !important; } .touchslider-demo .touchslider-viewport { height: 380px !important; } .touchslider-demo .item { width: 100vw !important; height: 380px !important; } .touchslider-demo .item img { height: 380px !important; object-position: 50% 42%; } }
@media (min-width: 768px) and (max-width: 991px) { .touchslider.touchslider-demo { height: 320px !important; } .touchslider-demo .touchslider-viewport { height: 320px !important; } .touchslider-demo .item { width: 100vw !important; height: 320px !important; } .touchslider-demo .item img { height: 320px !important; object-position: 50% 45%; } .touchslider-demo .touchslider-nav { bottom: 10px !important; } }
@media (min-width: 481px) and (max-width: 767px) { .touchslider.touchslider-demo { height: 260px !important; } .touchslider-demo .touchslider-viewport { height: 260px !important; } .touchslider-demo .item { width: 100vw !important; height: 260px !important; } .touchslider-demo .item img { height: 260px !important; object-position: 50% 50%; } .touchslider-demo .touchslider-nav { bottom: 8px !important; } .touchslider-demo .touchslider-nav-item { width: 8px !important; height: 8px !important; margin: 0 3px !important; border-width: 1.5px !important; } .touchslider-demo .touchslider-nav-item.touchslider-nav-item-current, .touchslider-demo .touchslider-nav-item.selected { width: 22px !important; } }
@media (max-width: 480px) { .touchslider.touchslider-demo { height: 200px !important; } .touchslider-demo .touchslider-viewport { height: 200px !important; } .touchslider-demo .item { width: 100vw !important; height: 200px !important; } .touchslider-demo .item img { height: 200px !important; object-position: 50% 50%; } .touchslider-demo .touchslider-nav { bottom: 6px !important; } .touchslider-demo .touchslider-paginat { padding: 4px 8px; } .touchslider-demo .touchslider-nav-item { width: 7px !important; height: 7px !important; margin: 0 2px !important; border-width: 1.5px !important; } .touchslider-demo .touchslider-nav-item.touchslider-nav-item-current, .touchslider-demo .touchslider-nav-item.selected { width: 18px !important; } }
@media (max-width: 1199px) { .touchslider-demo .item:nth-child(6) img { object-fit: contain !important; background: #13283d; } }
.ind-video { width: 306px; float: right; margin: 5px 14px 0 0; border-radius: 10px; overflow: hidden; background: #13283d; box-shadow: 0 6px 18px rgba(15, 76, 138, 0.12); position: relative; }
.ind-video__player { display: block; width: 100%; height: auto; outline: none; border: 0; }
.ind-video-mobile { display: none; }
@media (max-width: 1024px) { .ind-video-mobile { display: block; width: 240px; max-width: 70%; margin: 18px auto 8px; border-radius: 14px; overflow: hidden; background: #13283d; box-shadow: 0 10px 28px rgba(15, 76, 138, 0.22), 0 2px 6px rgba(0, 0, 0, 0.08); position: relative; } .ind-video-mobile .ind-video__player { display: block; width: 100%; height: auto; outline: none; border: 0; } }
@media (max-width: 480px) { .ind-video-mobile { width: 220px; max-width: 62%; margin: 14px auto 6px; border-radius: 12px; } }
@media (max-width: 360px) { .ind-video-mobile { width: 190px; max-width: 58%; } .touchslider.touchslider-demo { height: 170px !important; } .touchslider-demo .touchslider-viewport { height: 170px !important; } .touchslider-demo .item { width: 100vw !important; height: 170px !important; } .touchslider-demo .item img { height: 170px !important; } }
.footer-legal { margin: 10px 0 0; clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; color: #8ea3bb; font-size: 12px; line-height: 1.8; }
.footer-legal a { color: #d4e4ff; text-decoration: underline; white-space: nowrap; }
.footer-legal-sep { display: inline-block; margin: 0 8px; color: #6f86a4; flex-shrink: 0; }
.cookie-banner { position: fixed; left: 24px; right: 24px; bottom: 24px; z-index: 9999; max-width: 760px; margin: 0 auto; background: #ffffff; border: 1px solid rgba(15, 76, 138, 0.12); border-radius: 16px; box-shadow: 0 18px 45px rgba(9, 18, 143, 0.18); padding: 18px 20px; }
.cookie-banner.hidden { display: none; }
.cookie-banner__title { margin: 0 0 8px; color: #0f4c8a; font-size: 16px; font-weight: 700; }
.cookie-banner__text { margin: 0; color: #314a64; font-size: 14px; line-height: 1.6; }
.cookie-banner__text a { color: #0f4c8a; text-decoration: underline; }
.cookie-banner__actions { margin-top: 14px; display: flex; justify-content: flex-end; }
.cookie-banner__btn { border: 0; border-radius: 999px; background: #0f4c8a; color: #ffffff; font-size: 14px; font-weight: 700; padding: 10px 18px; cursor: pointer; }
.cookie-banner__btn:hover { background: #123f6f; }
@media (max-width: 768px) { .footer-legal { margin: 12px 0 0; font-size: 11px; gap: 1px 0; } .footer-legal-sep { margin: 0 6px; } .cookie-banner { left: 12px; right: 12px; bottom: 12px; padding: 16px; border-radius: 14px; } .cookie-banner__title { font-size: 15px; } .cookie-banner__text { font-size: 13px; } }