

/* 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/shop_page_bl/style.css?17805399513369*/
.about-shop {margin:0 auto;line-height: 1;width: 95%;display:flex;padding:40px 0px;justify-content: space-between;}
.about-shop .about-shop-row {width:50%;}
.about-shop .about-shop-row h1 {font-size:64px; text-transform:uppercase;}
.about-shop .about-shop-row .discript-about-shop {font-size:24px; padding:20px 0px;}
.about-shop .about-shop-text {font-size:20px;line-height:1.4; width:40%;}
.about-shop .about-shop-text p {padding-bottom:20px;}

.shop-tabs-image {position: relative;width: 100%;height: 750px;overflow: hidden;background: rgba(42, 67, 138, 0.1);}
.shop-tabs-image .shop-tab-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0;
     transition: opacity 0.5s ease-in-out; z-index: 1;}
.shop-tabs-image .shop-tab-image.active {opacity: 1; z-index: 2;}


.shop-tabs-nav {display: grid; grid-template-columns: repeat(3, 1fr); margin: 0px auto; gap: 20px; width: 95%; padding: 50px 0px;}
.shop-tabs-nav .shop-tab-btn {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 20px 30px; background: rgba(42, 67, 138, 0.1);
cursor: pointer; transition: all 0.3s ease; min-height: 300px;}
.shop-tabs-nav .shop-tab-btn:hover,
.shop-tabs-nav .shop-tab-btn.active {background: #2A438A;color: #ffffff;}
.shop-tabs-nav .shop-tab-btn .tab-title {font-size: 45px; text-transform: uppercase;line-height: 1.06; transition: all 0.5s ease;}
.shop-tabs-nav .shop-tab-btn .tab-icon {width: 80px; height: 80px;}
.shop-tabs-nav .shop-tab-btn .tab-icon img {width: 80px; height: auto; transition: all 0.5s ease;}
.shop-tabs-nav .shop-tab-btn:hover .tab-icon img,
.shop-tabs-nav .shop-tab-btn.active .tab-icon img {filter: grayscale(1) brightness(1000%);}

.shop-tabs-content {}
.shop-tab-panel {display: none; animation: fadeInUp 0.4s ease;}
.shop-tab-panel.active {display: block;}
@keyframes fadeInUp {
    from {opacity: 0; transform: translateY(15px);}
    to {opacity: 1;transform: translateY(0);}
}

.tab-content-inner {width: 95%; margin:0 auto; line-height: 1.4; color: #161616; font-size: 20px;}
.tab-content-inner .inform-block-shop {padding-bottom:50px;}
.tab-content-inner h3 {color: #2A438A; margin-bottom: 20px; font-size: 32px;  line-height: 1.4; text-transform: uppercase;}
.tab-content-inner p {margin-bottom: 10px;}
.tab-content-inner ul {padding-left: 45px; display:block;
  margin-bottom: 35px;}


.main-contacts {padding: 40px 0;}
.main-contacts .contacts-grid {display: flex;gap: 40px;justify-content: space-between;align-items: flex-start;}
.main-contacts .contacts-grid .contacts-left,
.main-contacts .contacts-grid .contacts-block-row {width:33%;}
.main-contacts .contacts-grid .contacts-left h3 {font-size: 32px; line-height: 1.4; text-transform: uppercase; color: #161616;}
.main-contacts .contacts-grid .contacts-block-row h3 {font-size: 20px; line-height: 1.4; text-transform: uppercase;}
.main-contacts .contacts-grid .contacts-block-row {line-height: 1.4;}
.main-contacts .contacts-grid .address,
.main-contacts .contacts-grid .phone,
.main-contacts .contacts-grid .mail {margin:35px 0px;}
.main-contacts .contacts-grid .phone a,
.main-contacts .contacts-grid .address,
.main-contacts .contacts-grid .mail a {font-size: 32px; color: #161616; text-decoration:none;}
/* 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/shop_page_bl/style.css?17805399513369 */
