

/* Start:/bitrix/templates/verfmos/css/title.css?1782719503811*/
.title-head {background: #2A438A; color: #fff; overflow: hidden; width: 100%;}
.title-head h1 {text-transform: uppercase;font-size: 90px;line-height: 1;padding: 160px 0px 40px 0px;}
.title-head .marquee-track {display: flex; width: max-content;}
.title-head .marquee-line {display: flex; flex-shrink: 0;}
.title-head .marquee-item {display: inline-flex; align-items: center; flex-shrink: 0; padding-right: 0;}
.title-head .marquee-item::after {content: '\2022'; display: inline-block; margin: 0 32px; color: inherit; font-size: 0.6em; vertical-align: middle;}

@media (max-width: 980px) {
.title-head h1 {font-size: 35px; padding: 100px 0px 10px 0px;}
}

@media (max-width: 480px) {
.title-head h1 {padding: 80px 0px 10px 0px;}
}

@media (max-width: 360px) {
.title-head h1 {font-size: 26px;}
}
/* End */


/* Start:/bitrix/templates/verfmos/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963*/
.bx-breadcrumb {display: flex; color: #2a438a; width: 95%; margin: 0px auto; padding: 20px 0px; align-items: center;  justify-content: flex-start; max-width: 2500px;}
.bx-breadcrumb span {opacity: 0.5; }
.bx-breadcrumb span.breadcrumb-separator {opacity: 1; margin:-5px 10px 0px 10px;}
.bx-breadcrumb a {text-decoration: none;}
.bx-breadcrumb a span {color: #2a438a;  opacity: 1;}
.bx-breadcrumb a:hover {text-decoration: underline; }
.bx-breadcrumb .bx-breadcrumb-item {display: flex;	white-space: nowrap;line-height: 1;align-items: center;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 22px;white-space: normal;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 10px;}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {text-decoration:none;}

@media screen and (max-width: 980px) {
.breadcrumb {background:#2a438a;}
.bx-breadcrumb span  {color: #ffffff;}
.bx-breadcrumb a span {color: #ffffff; opacity: 1;}
.bx-breadcrumb span.breadcrumb-separator {filter: grayscale(1) brightness(1000%); margin:-2px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 0px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 16px;}
.bx-breadcrumb .bx-breadcrumb-item {display:inline-block; vertical-align:top}
.bx-breadcrumb {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display: block;}
.bx-breadcrumb::-webkit-scrollbar{height:0px;}
}

@media screen and (max-width: 640px) {
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 14px;margin: -2px 1px 0px 1px;}
.bx-breadcrumb {padding: 0;}
}

@media screen and (max-width: 480px) {
.bx-breadcrumb span.breadcrumb-separator {margin:0px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 12px;}
}

@media (prefers-color-scheme: dark) {
.bx-breadcrumb a span,
.bx-breadcrumb {color: #fff !important;}
.bx-breadcrumb .bx-breadcrumb-item span svg path {fill: #ffffff;}
}

/* End */


/* Start:/bitrix/templates/verfmos/components/bitrix/news.list/virtualnyy_tur/style.css?17816879754172*/
body {background:  #2A438A !important;}
.breadcrumb {background:none !important; position: relative; z-index: 50}
.bx-breadcrumb,
.bx-breadcrumb a span {color:#fff !important;}
.breadcrumb-separator {filter: grayscale(1) brightness(1000%);}

.title-head {background: none !important; position: relative; z-index: 50}
.virtual-tour-section {width: 100%;background-size: cover;background-position: center;transition: background-image 0.5s ease;position: absolute;top: 0;left: 0;min-height: 1200px;
background-color: #2a438a;}
.tour-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;
align-items: center; background: linear-gradient(90deg, rgba(42, 67, 138, 0.5) 35.86%, rgba(42, 67, 138, 0) 78.07%);}

/* ============================================
   ПЕРЕКЛЮЧАТЕЛЬ С ПЕРЕТИКАЮЩИМ ИНДИКАТОРОМ
   ============================================ */
.menu-vert-tour {
    text-align: center;
    min-height: 800px;
}

.menu-vert-tour .tour-switcher {
    display: inline-flex;
    border-radius: 60px;
    overflow: hidden;
    background: rgba(42, 67, 138, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    margin: 50px 0px 0px 0px;
    padding: 6px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* Ползунок-индикатор — скользит между кнопками */
.tour-switcher-indicator {
    position: absolute;
    top: 6px;
    bottom: 6px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px) saturate(200%);
    -webkit-backdrop-filter: blur(10px) saturate(200%);
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
    transition: 
        left 0.45s cubic-bezier(0.32, 0.72, 0, 1),
        width 0.45s cubic-bezier(0.32, 0.72, 0, 1);
    z-index: 1;
    pointer-events: none;
}

/* Блик сверху на индикаторе */
.tour-switcher-indicator::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 10%;
    right: 10%;
    height: 35%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    border-radius: 50px 50px 0 0;
    pointer-events: none;
}

.menu-vert-tour .tour-switcher .tour-btn {
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s ease;
    white-space: nowrap;
    border-radius: 50px;
    padding: 20px 25px;
    margin: 0;
    position: relative;
    z-index: 2;
	-webkit-tap-highlight-color: transparent;
}

.menu-vert-tour .tour-switcher .tour-btn:hover {
    color: rgba(255, 255, 255, 0.95);
}

.menu-vert-tour .tour-switcher .tour-btn.active {
    color: #2a438a;
    text-shadow: none;
}
.menu-vert-tour .tour-switcher .tour-btn:before { content: "ВИРТУАЛЬНЫЙ ТУР";}

@media screen and (max-width: 980px) {
.virtual-tour-section {min-height: 1000px;}
.menu-vert-tour {min-height: 620px;}
.menu-vert-tour .tour-switcher {margin: 20px 0px 0px 0px;}
.menu-vert-tour .tour-switcher .tour-btn {font-size: 16px;padding: 12px 65px;}
.menu-vert-tour .tour-switcher .tour-btn:before {display: none;}
.tour-overlay {background: linear-gradient(154.42deg, #2a438abf 24.96%, rgba(42, 67, 138, 0) 57.85%, #2A438A 98.85%);}
}

@media screen and (max-width: 620px) {
.menu-vert-tour .tour-switcher .tour-btn {font-size: 16px;padding: 12px 25px;}
.virtual-tour-section {min-height: 800px;}
}

@media screen and (max-width: 480px) {
.virtual-tour-section {min-height: 600px;}
.menu-vert-tour {min-height: 500px;}
.menu-vert-tour .tour-switcher .tour-btn {margin: 5px;}
}

@media screen and (max-width: 420px) {
.menu-vert-tour .tour-switcher .tour-btn {font-size: 14px;padding: 10px 13px;}
}
/* End */
/* /bitrix/templates/verfmos/css/title.css?1782719503811 */
/* /bitrix/templates/verfmos/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963 */
/* /bitrix/templates/verfmos/components/bitrix/news.list/virtualnyy_tur/style.css?17816879754172 */
