@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&subset=cyrillic,cyrillic-ext,latin,latin-ext&display=swap');


:root {
    --site-width: 1440px;
    --block-padding: 70px;
    --black-color: #090909;	
	/*--black-color: #272d34;*/
    --orange-color: #ffa700;
    --dark-orange-color: #ea5921;
    --green-color: #447758;   
    --dark-green-color: #0f3d42;

    
  
}


/** Typo **/
 
body, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page p, #page a, #page li { font-family: 'Roboto Condensed', sans-serif;}
body p {font-weight: 400; font-size: 17px; line-height: 1.3em; margin-bottom: 10px; margin-top: 0;}
#page h1 {font-size: 50px; text-transform: uppercase;}
body h2 {font-size: 50px; text-transform: uppercase; line-height: normal; margin-top: 0; margin-bottom: 20px;}
body .wms-dark-section h2, body .wms-dark-section p {color: #fff;}



/** Layout **/

body {margin-bottom: 0!important;}
body #page {overflow: hidden;}
body #page .vc_row {margin-left: 0; margin-right: 0;}
#page .vc_row>.vc_col-sm-12>.vc_column-inner, #primary .vc_row>.wms-container, #primary .wms-hero-section .wms-hero-section-inner .wms-hero-content, 
    #site-footer .wms-footer-inner {padding-left: 0; padding-right: 0; max-width: var(--site-width); margin: 0 auto;}
#page .vc_row>.vc_col-sm-12>.vc_column-inner::after, #primary .vc_row>.wms-container::after, #primary .wms-hero-section .wms-hero-section-inner .wms-hero-content::after { content: ''; display: table; clear: both; }
#page .vc_column_container>.vc_column-inner {padding-left: 0; padding-right: 0;}
#page .wpb_wrapper>.wpb_raw_html, #page .wpb_wrapper>.wpb_text_column {margin-bottom: 0;}
#page .wms-tour-row .wms-container {display: flex; column-gap: 25px;}
#page .wms-dark-section {position: relative; background-image: url(/media/images/wms-dark-section-bg-1.webp);}
#page .wms-dark-section::before {content:''; width: 100%; height: 100%; display: block; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0;}

 

/** MISC **/

body .wms-yellow-color {color: var(--orange-color);}
#page .wms-button-1, .white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit {color: var(--orange-color); border: 3px solid var(--orange-color); border-radius: 20px; font-weight: bold; display: inline-block; font-size: 30px; padding: 15px 45px; 
    text-transform: uppercase; text-decoration: none; letter-spacing: 5%; position: relative; overflow: hidden; transition: background-color 0.4s ease; background-color: transparent; cursor: pointer;}
#page .wms-button-1::before, .white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent 0%, transparent 5%, rgba(255, 255, 255, 0.4) 50%, transparent 95%, transparent 100%); transform: skewX(-20deg); animation: wms-shine 8s ease-in-out infinite; pointer-events: none; opacity: 0;}
#page .wms-button-1:hover, #page .wms-button-1:focus, #page .wms-button-1:active, .white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit:hover, 
.white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit:focus, .white-popup #wms-callorder-form .wms-form-content-fields .wpforms-active {background-color: rgba(255, 255, 255, 0.3); outline: none!important;}
#page .wms-button-1:hover::before, #page .wms-button-1:focus::before, #page .wms-button-1:active::before,
.white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit:focus::before, .white-popup #wms-callorder-form .wms-form-content-fields .wpforms-active::before  {animation-play-state: paused; opacity: 0;}
@keyframes wms-shine {0%, 70%, 100% {left: -100%; opacity: 0;} 71% {opacity: 1;} 85% {left: 100%; opacity: 1;} 86% {opacity: 0;}}
#page .wms-strong {font-weight: bold;}


/* Popup */
.mfp-content .white-popup {position: relative; background: #FFF; padding: 25px; width: auto; max-width: 750px; margin: 0 auto; padding: 0; border-radius: 25px; overflow: hidden; box-shadow: 0 0 20px rgba(255, 165, 0, 0.9);
}
.mfp-content .mfp-close {color: #000; opacity: .75; background-color: #fff; border-radius: 50%; width: 30px; height: 30px; left: calc(100% - 40px); top: 10px; line-height: 32px; 
    transition: opacity 0.4s ease;}
.mfp-content .mfp-close:hover {transition: opacity 0.4s ease-in-out; opacity: 1;}
.white-popup #wms-callorder-form {display: flex;}
.white-popup #wms-callorder-form>div {width: 50%;}
.white-popup #wms-callorder-form p {margin-bottom: 0;}
.white-popup #wms-callorder-form h3 {margin-top: 0; text-transform: uppercase; line-height: 1em;}
.white-popup #wms-callorder-form .wms-form-content {padding: 25px; text-align: center;}
.white-popup #wms-callorder-form .wms-form-content-logo {margin-bottom: 25px;}
.white-popup #wms-callorder-form .wms-form-content-logo img {max-width: 150px;}
.white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit {border-color: var(--dark-green-color); color: var(--dark-green-color); font-size: 15px; padding: 10px 25px;}
.white-popup #wms-callorder-form .wms-form-content-fields .wpforms-submit::before {content: '';  position: absolute; top: 0; left: -100%; width: 100%; height: 100%; 
    background: linear-gradient(120deg, transparent 0%, transparent 5%, rgba(15, 61, 66, 0.3) 50%, transparent 95%, transparent 100%); transform: skewX(-20deg); animation: wms-shine 8s ease-in-out infinite;
    pointer-events: none; opacity: 0;}

.white-popup #wms-callorder-form .wms-form-media {
    background-image: url(https://sun9-53.vkuserphoto.ru/s/v1/ig2/gc3-OdWCkvdp1pGbjJUAteN6DsQEDQWMkAGdQ0cjFMMszewa-xCJOVM2yv5n3LoHY5o3M1PVNRltNXmyu83qO5SC.jpg?quality=95&as=32x43,48x64,72x96,108x144,160x213,240x320,360x480,480x640,540x720,640x853,720x960,1080x1440,1086x1448&from=bu&u=sjaCd_lGW0ASbj6F-KQXtSaVV1Xo4MYvzBnHVpDWUu0&cs=1080x0);
        background-size: cover; background-position: center center;}


/* Simple Slider */
#primary .wms-simple-slider { position: relative; overflow: hidden; width: 100%; }
#primary .wms-simple-slider .wms-slide-list { display: flex; list-style: none; padding: 0; margin: 0; transition: transform 0.4s ease-in-out; will-change: transform; }
#primary .wms-simple-slider .wms-slide-list .wms-slide { flex-shrink: 0; width: 100%; margin-right: 0; }
#primary .wms-simple-slider .wms-slide-list .wms-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
#primary .wms-simple-slider .wms-slide-list .wms-slide.wms-highlight { z-index: 2; }
#primary .wms-simple-slider .wms-controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; box-sizing: border-box; }
#primary .wms-simple-slider .wms-arrows { display: contents; }
#primary .wms-simple-slider .wms-left-arrow, #primary .wms-simple-slider .wms-right-arrow { pointer-events: auto; background: rgba(0, 0, 0, 0.4); color: #fff; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, transform 0.2s ease; position: relative; }
#primary .wms-simple-slider .wms-left-arrow::before, #primary .wms-simple-slider .wms-right-arrow::before { content: ''; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; }
#primary .wms-simple-slider .wms-left-arrow::before { transform: rotate(-135deg); margin-left: 3px; }
#primary .wms-simple-slider .wms-right-arrow::before { transform: rotate(45deg); margin-right: 3px; }
#primary .wms-simple-slider .wms-left-arrow:hover, #primary .wms-simple-slider .wms-right-arrow:hover { background: rgba(0, 0, 0, 0.7); transform: scale(1.1); }
#primary .wms-simple-slider .wms-slide-list.wms-slider-single .wms-controls { display: none; }



/** Header **/
/*#site-header {position: absolute; z-index: 777; top: 0; left: 0; width: 100%; transition: background-color 0.3s ease, box-shadow 0.3s ease; width: var(--site-width); left: 50%; margin-left: calc(-(var(--site-width)));}*/
#site-header {position: absolute; width: 100%; top: 25px; z-index: 777; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); 
    transition: background-color 0.3s ease, box-shadow 0.3s ease; height: 120px; display: flex; align-items: center;}
#site-header.wms-sticky {position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.7); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}
#site-header .wms-header-inner {width: var(--site-width); margin: 0 auto; position: relative; display: flex;}

#site-header .site-branding {width: 20%; margin: 0;}
#site-header .site-title {margin: 0;}
#site-header .site-title .wms-logo {max-width: 77px;}
#site-header .site-title .wms-logo-plus {max-width: 25px; margin: 0 20px 0 30px; position: relative; top: -25px;}
#site-header .site-title .wms-ber-logo {max-width: 130px;}

#site-header .main-navigation {width: 60%;}


#site-header #primary-menu {margin-top: 25px; justify-content: center;}
#site-header #primary-menu li {border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;}
#site-header #primary-menu li:last-child {border-right: 0; padding-right: 0; margin-right: 0;}
#site-header #primary-menu li a {color: #fff; font-size: 21px; transition: color 0.4s ease;}
#site-header #primary-menu li a:focus, #site-header #primary-menu li a:active {border: none; outline: none;}
#site-header #primary-menu li a:hover {color: var(--orange-color); transition: color 0.4s ease-out;}

#site-header .wms-contacts {width: 20%;}
#site-header .wms-contacts .wms-phone-block {margin-bottom: 5px; text-align: right;}
#site-header .wms-contacts .wms-phone-block>a {color: #fff; font-size: 23px; text-decoration: none;}
#site-header .wms-contacts .wms-button-block {text-align: right;}
#site-header .wms-contacts .wms-button-1 {font-size: 13px; padding: 10px 25px;}

/** Hero Section **/

#primary .wms-hero-section {width: 100%; height: 100vh; background-color: rosybrown; background-image: url(/media/images/wms-hero-section-bg.webp);}
#primary .wms-hero-section .wms-hero-section-inner {height: 100vh; width: 100%; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.8); position: relative;}
#primary .wms-hero-section h1 {margin: 0; font-size: 70px; line-height: 1.2em;}

#primary .wms-hero-section .wms-photo-block {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 7; width: var(--site-width); left: 50%; transform: translateX(calc((var(--site-width))/-2));}
#primary .wms-hero-section .wms-photo-block>ul {margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#primary .wms-hero-section .wms-photo-block>ul>li {position: absolute; left: 0; top: 0; list-style-type: none; border-radius: 50%; overflow: hidden; box-shadow: 0 0 20px rgba(255, 165, 0, 0.4);
     animation: wms-pulse-glow 5s ease-in-out infinite; transition: transform 0.2s ease-out;  will-change: transform; border: 5px solid var(--orange-color); width: 250px; height: 250px;}
#primary .wms-hero-section .wms-photo-block>ul>li.wms-active {animation-duration: 0.8s; box-shadow: 0 0 60px rgba(255, 100, 0, 1);}
#primary .wms-hero-section .wms-photo-block>ul>li:nth-child(1) {left: 2.5%; top: 23%; animation-delay: 0.5s;}
#primary .wms-hero-section .wms-photo-block>ul>li:nth-child(2) {left: 97.5%; margin-left: -250px; top: 23%; animation-delay: 0.8s;}
#primary .wms-hero-section .wms-photo-block>ul>li:nth-child(3) {left: 2.5%; top: 63%; animation-delay: 1.1s;}
#primary .wms-hero-section .wms-photo-block>ul>li:nth-child(4) {left: 97.5%; margin-left: -250px; top: 63%; animation-delay: 1.3s;}
#primary .wms-hero-section .wms-photo-block li img {width: auto;}

#page #primary .wms-hero-section .wms-hero-content {position: relative; z-index: 77; max-width: 700px; margin: 0 auto; color: #fff; padding-top: 225px;}
#primary .wms-hero-section .wms-hero-content .wms-page-title .wms-atv-name {display: block;}
#primary .wms-hero-section .wms-hero-content .wms-more-info {font-size: 35px;}
#primary .wms-hero-section .wms-hero-content .wms-tech-block {margin-top: 125px;}
#primary .wms-hero-section .wms-hero-content .wms-tech-list {padding: 0; margin: 0; display: flex; flex-direction: row;}
#primary .wms-hero-section .wms-hero-content .wms-tech-list>li {list-style-type: none; width: auto; position: relative; padding-left: 30px; width: 25%;}
#primary .wms-hero-section .wms-hero-content .wms-tech-list>li::before {content: ''; display:block; width: 20px; height: 20px; background-image: url(/media/images/svg/wms-hero-list-icon.svg); 
background-repeat: no-repeat; background-size: contain; margin-right: 10px; position: absolute; left: 0; top: 1px;}
#primary .wms-hero-section .wms-hero-content .wms-button-block {margin-top: 50px; text-align: center;}


@keyframes wms-pulse-glow {0%, 100% { box-shadow: 0 0 20px rgba(255, 165, 0, 0.4); } 50% { box-shadow: 0 0 40px rgba(255, 165, 0, 0.8);}}


/** Tours Section **/

#primary .wms-tours-section {padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px);}
#primary .wms-tours-section p, #primary .wms-tours-section h2, #primary .wms-tours-section h3, #primary .wms-tours-section ul li {color: var(--black-color); margin-top: 0;}
#primary .wms-tours-section .wms-tour-item {background-color: transparent; border-radius: 25px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; padding-bottom: 25px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta, #primary .wms-tours-section .wms-tour-item .wms-tour-content, #primary .wms-tours-section .wms-tour-item .wms-tour-button, 
#primary .wms-tours-section .wms-tour-item .wms-tour-price {padding-left: 25px; padding-right: 25px; padding-top: 25px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta {padding-bottom: 15px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta h3 {text-transform: uppercase; font-size: 30px; text-align: center; margin-top: 0; margin-bottom: 15px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner {display: flex; padding: 5px; border-radius: 10px; background-color: #ececec;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div {display: flex; flex-direction: column; width: calc(100% / 3); text-align: center; column-gap: 5px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div>.wms-help {color: var(--dark-green-color); text-transform: uppercase;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list {margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list>.wms-dif-item {list-style-type: none; display: block; border: 1px solid #a2a2a2; width: 15px; height: 25px;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list>.wms-dif-item:nth-child(1) {background-color: var(--green-color); border-color: var(--green-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list>.wms-dif-item:nth-child(2) {border-right: none;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list>.wms-dif-item:nth-child(3) {border-left: none;}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list.wms-dif-two>.wms-dif-item:nth-child(1) {background-color: var(--orange-color); border-color: var(--orange-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list.wms-dif-two>.wms-dif-item:nth-child(2) {background-color: var(--orange-color); border-color: var(--orange-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list.wms-dif-three>.wms-dif-item:nth-child(1) {background-color: var(--dark-orange-color); border-color: var(--dark-orange-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list.wms-dif-three>.wms-dif-item:nth-child(2) {background-color: var(--dark-orange-color); border-color: var(--dark-orange-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-meta-inner>div .wms-dif-list.wms-dif-three>.wms-dif-item:nth-child(3) {background-color: var(--dark-orange-color); border-color: var(--dark-orange-color);}

#primary .wms-tours-section .wms-tour-item .wms-tour-price {text-align: center; font-weight: bold; font-size: 35px; color: var(--dark-orange-color);}
#primary .wms-tours-section .wms-tour-item .wms-tour-button {text-align: center;}
#primary .wms-tours-section .wms-tour-item .wms-button-1 {border-color: var(--dark-green-color); color: var(--dark-green-color); font-size: 15px; padding: 10px 25px; cursor: pointer;}
#primary .wms-tours-section .wms-tour-item .wms-button-1::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent 0%, transparent 5%, rgba(15, 61, 66, 0.3) 50%, transparent 95%, transparent 100%); transform: skewX(-20deg); animation: wms-shine 8s ease-in-out infinite; pointer-events: none; opacity: 0;}
#primary .wms-tours-section .wms-button-1:hover, #primary .wms-tours-section .wms-button-1:focus, #primary .wms-tours-section .wms-button-1:active {background-color: rgba(15, 61, 66, 0.15);}

/** FAQ Section **/

#primary .wms-faq-section {padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px);}
#primary .wms-faq-section h2 {color: var(--orange-color);}
#primary .wms-faq-section .wms-center-block {margin-top: 25px;}
#primary .wms-faq-section .wms-faq-list { list-style: none; padding: 0; margin: 0; }
#primary .wms-faq-section .wms-faq-list .wms-faq-item { border-bottom: 1px solid #e5e7eb; opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease;}
#primary .wms-faq-section .wms-faq-wrapper.wms-faq-in-view .wms-faq-list .wms-faq-item { opacity: 1; transform: translateY(0); }
#primary .wms-faq-section .wms-faq-list .wms-faq-question {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 24px 0; background: none; border: none; 
    cursor: pointer; font-size: 18px; font-weight: 600; text-align: left; color: var(--orange-color);}
#primary .wms-faq-section .wms-faq-list .wms-faq-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
#primary .wms-faq-section .wms-faq-list .wms-faq-item.active .wms-faq-icon { transform: rotate(675deg); }
#primary .wms-faq-section .wms-faq-list .wms-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-in-out; }
#primary .wms-faq-section .wms-faq-list .wms-faq-item.active .wms-faq-answer { grid-template-rows: 1fr; }
#primary .wms-faq-section .wms-faq-list .wms-faq-answer-inner {overflow: hidden;}
#primary .wms-faq-section .wms-faq-list .wms-faq-answer-inner p {padding-bottom: 24px; margin: 0; color: #fff; line-height: 1.6;}

/** Tech Section **/

#primary .wms-tech-section { padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px); }
#primary .wms-tech-row.wms-lev-1 { position: relative; }
#primary .wms-tech-row.wms-lev-1 .wms-tech-images { position: relative; top: 0; z-index: 99;}
#primary .wms-tech-row.wms-lev-1 .wms-tech-images::after { content: ""; display: block; min-height: 350px; }
#primary .wms-tech-switcher { position: absolute; top: calc(100% + 50px); left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 10px; background: rgba(255, 255, 255, 0.9); padding: 10px 20px; border-radius: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.25); transition: opacity 0.3s ease; }
#primary .wms-tech-switcher.wms-animating { pointer-events: none; opacity: 0.7; }
#primary .wms-tech-switch-btn { padding: 8px 20px; border: none; background: transparent; border-radius: 25px; cursor: pointer; font-size: 14px; font-weight: 600; color: #333; transition: all 0.3s ease; }
#primary .wms-tech-switch-btn:not(.wms-active):hover {background-color: #ececec;}
#primary .wms-tech-switch-btn.wms-active { background: var(--dark-orange-color); color: #fff; box-shadow: 0 2px 5px rgba(284, 89, 33, 0.4); }
#primary .wms-tech-image { position: absolute; width: 100%; max-width: 500px; left: 50%; top: 0; transform: translate(calc(-50% + 100vw), 0); opacity: 0; visibility: hidden; transition: transform 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s ease, visibility 0s 0.85s; will-change: transform; }
#primary .wms-tech-image.wms-active { transform: translate(-50%, 0); opacity: 1; visibility: visible; transition: transform 0.85s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s ease, visibility 0s 0s; }
#primary .wms-tech-image.wms-exit-left { transform: translate(calc(-50% - 100vw), 0); opacity: 1; visibility: visible; transition: transform 0.85s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s ease, visibility 0s 0s; }
#primary .wms-tech-image.wms-no-transition { transition: none; }
#primary .wms-tech-image img { width: 100%; height: auto; display: block; }
#primary .wms-tech-hotspot-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
#primary .wms-tech-hotspot { position: absolute; width: 24px; height: 24px; margin: -12px 0 0 -12px; cursor: pointer; z-index: 6; }
#primary .wms-tech-hotspot:has(.wms-tech-tooltip-clone.wms-active) { z-index: 30; }
#primary .wms-tech-hotspot-dot { display: block; width: 100%; height: 100%; border-radius: 50%; background: rgba(15, 61, 66, 0.8); border: 2px solid #fff; box-shadow: 0 0 0 0 rgba(15, 61, 66, 0.6); animation: wms-pulse 2s infinite; transition: transform 0.2s; }
#primary .wms-tech-hotspot:hover .wms-tech-hotspot-dot { transform: scale(1.2); }
#primary .wms-tech-tooltips { display: none; }
#primary .wms-tech-tooltip { display: none; position: absolute; top: 30px; left: 30px; width: 280px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); z-index: 20; pointer-events: none; }
#primary .wms-tech-tooltip.wms-active { display: block; pointer-events: auto; }
#primary .wms-tech-tooltip h4 { margin: 0 0 10px 0; font-size: 16px; color: var(--dark-green-color); text-transform: uppercase;}
#primary .wms-tech-tooltip p { margin: 0; font-size: 14px; line-height: 1.5; color: #333; }
@keyframes wms-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); } 70% { box-shadow: 0 0 0 10px rgba(255, 102, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); } }

#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="1"] {top: 40%; left: 61%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="2"] {top: 21%; left: 33%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="3"] {top: 20%; left: 55%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="4"] {top: 30%; left: 27%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="5"] {top: 26%; left: 40%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="6"] {top: 64%; left: 23%;}
#primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="7"] {top: 53%; left: 88%;}
/** #primary #tech-image-cfmoto .wms-tech-hotspot[data-tooltip="8"] { top: 20%; left: 68%; } **/

#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="1"] {top: 31%; left: 51%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="2"] {top: 23%; left: 36%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="3"] {top: 21%; left: 57%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="4"] {top: 33%; left: 30%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="5"] {top: 28%; left: 42%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="6"] {top: 60%; left: 23%;}
#primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="7"] {top: 54%; left: 88%;}
/** #primary #tech-image-loncin .wms-tech-hotspot[data-tooltip="8"] { top: 22%; left: 70%; } **/

#primary .wms-tech-row.wms-lev-2 {margin-top: 150px;}
#primary .wms-tech-row.wms-lev-2 .wms-container {display: flex; column-gap: 25px;}
#primary .wms-tech-row.wms-lev-2 .wms-container>.vc_col-sm-4 {width: 300px;}
#primary .wms-tech-row.wms-lev-2 .wms-container>.vc_col-sm-8 {width: calc(100% - 300px);}

#primary .wms-tech-specs {margin: 0; padding: 0;}
#primary .wms-tech-specs>li {list-style-type: none; padding: 6px;}
#primary .wms-tech-specs>li:nth-child(odd) {background-color: #ececec;}
#primary .wms-tech-specs>li:nth-child(even) {background-color: #dbdbdb;}
#primary .wms-tech-specs>li .wms-strong {color: var(--dark-green-color);}
#primary .wms-tech-specs.wms-cfmoto-active .wms-cfmoto-value {display: inline;}
#primary .wms-tech-specs.wms-cfmoto-active .wms-loncin-value {display: none;}
#primary .wms-tech-specs.wms-loncin-active .wms-cfmoto-value {display: none;}
#primary .wms-tech-specs.wms-loncin-active .wms-loncin-value {display: inline;}


/** Order Section **/

#primary .wms-order-section { padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px);}
#primary .wms-order-section h2 {color: var(--orange-color);}
#primary .wms-order-section .wms-center-block {margin-top: 50px;}
#primary .wms-order-section .wms-container {display: flex; column-gap: 25px;}
#primary .wms-order-section .wms-center-block>.wms-container>.vc_col-sm-3 {width: calc(100% / 4);}
#primary .wms-order-section .wms-order-item {border-radius: 15px; padding: 15px;     background-color: rgba(0, 0, 0, 0.3);
        box-shadow: 0 0px 15px rgb(255 255 255 / 25%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);}
#primary .wms-order-section .wms-order-item .wms-order-media {text-align: center;}
#primary .wms-order-section .wms-order-item .wms-order-media>img {width: 100px;}
#primary .wms-order-section .wms-order-item .wms-order-text {margin-top: 25px;}
#primary .wms-order-section .wms-order-item .wms-order-text>h4 {text-transform: uppercase; color: #fff; margin: 0; font-size: 23px; font-weight: 100; text-align: center; margin-bottom: 15px;}
#primary .wms-order-section .wms-bottom-block {margin-top: 70px; text-align: center;}


/** Gallery Section **/

#primary .wms-gallery-section {padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px);}
#primary .wms-order-section h2 {color: var(--orange-color);}
#primary .wms-gallery-section .gallery-item {margin: 0;}
#primary .wms-gallery-section .gallery-item img {box-shadow: 0 0px 15px rgb(0 0 0 / 25%); margin: 0; border-radius: 15px; filter: brightness(1) saturate(1); transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), filter 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
#primary .wms-gallery-section .gallery-item a {display: block; margin: 0; padding: 0;}
#primary .wms-gallery-section .gallery-item a:hover img {box-shadow: 0 0px 20px rgb(0 0 0 / 65%); filter: brightness(0.9) saturate(1.2); transition: box-shadow 0.4s cubic-bezier(0.8, 0, 0.6, 1), filter 0.4s cubic-bezier(0.8, 0, 0.6, 1);}
#primary .wms-gallery-section .gallery {margin-top: 50px;}



hr.wms-hr-1 {position: relative; height: 2px; margin: 40px 0; border: none; background: linear-gradient(to right, transparent, rgba(0,0,0,0.3), transparent);}

#page .wms-ya-block {display: flex; flex-direction: row; align-items: center; gap: 30px; margin: 40px auto; max-width: 550px; }
#page .wms-ya-block-text {flex: 1; font-size: 15px; line-height: 1.6; color: #333;}
#page .wms-ya-block-text a {color: var(--dark-green-color); transition: color 0.4s ease;}
#page .wms-ya-block-text a:hover {color: var(--dark-orange-color); transition: color 0.4s ease-in-out;}
#page .wms-ya-block-rating {flex-shrink: 0;}
#page .wms-ya-block-rating>a {text-decoration: none;}
#page .wms-ya-block-rating>a:active, #page .wms-ya-block-rating>a:focus {outline: none;}
#page #wms-ya-rating {width: 230px; padding: 20px; background: #f5f5f5; border-radius: 12px; text-align: center;}
#page .wms-ya-block-rating>a:hover #wms-ya-rating {background-color: #ececec;}
#page #wms-ya-rating .wms-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
#page #wms-ya-rating .wms-left {display: flex; align-items: center; gap: 8px;}
#page #wms-ya-rating .wms-left img {width: 28px; height: 28px;}
#page #wms-ya-rating .wms-rating {font-size: 28px; font-weight: bold; color: #333;}
#page #wms-ya-rating .wms-right {display: flex; gap: 3px;}
#page #wms-ya-rating .wms-star {width: 18px; height: 18px; fill: #FFD700; animation: wms-star-wave 5s ease-in-out infinite;}
#page #wms-ya-rating .wms-star:nth-child(1) {animation-delay: 0s;}
#page #wms-ya-rating .wms-star:nth-child(2) {animation-delay: 0.5s;}
#page #wms-ya-rating .wms-star:nth-child(3) {animation-delay: 1s;}
#page #wms-ya-rating .wms-star:nth-child(4) {animation-delay: 1.5s;}
#page #wms-ya-rating .wms-star:nth-child(5) {animation-delay: 2s;}
#page #wms-ya-rating .wms-bottom {font-size: 13px; color: #666; line-height: 1.3;}
#page #wms-ya-rating .wms-ya-color {color: #FC3F1D; font-weight: bold;}
@keyframes wms-star-wave {0%, 100% {transform: translateY(0);} 15% {transform: translateY(-8px);} 30% {transform: translateY(0);}}


/** More Services Section **/

#page .wms-moreservices-section {padding: var(--block-padding) 0 calc((var(--block-padding)) + 10px);}
#page .wms-moreservices-section .wms-center-block {margin-top: 50px;}
#page .wms-moreservices-section .wms-center-block>.wms-container {display: flex; column-gap: 50px;}
#page .wms-moreservices-section .wms-center-block p {color: #fff;}
#page .wms-company-card ul {list-style: none; padding-left: 0; margin: 20px 0 0;}
#page .wms-company-card li {position: relative; padding-left: 30px; margin-bottom: 12.5px;}
#page .wms-company-card li:last-child {margin-bottom: 0;}

#page .wms-company-card li > a { color: var(--orange-color); text-decoration: none; font-size: 17px; transition: color 0.4s ease;}
#page .wms-company-card li > a:hover { color: var(--dark-orange-color); }
#page .wms-company-card li::before { content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-color: #ffa700; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: background-color 0.4s ease-in-out; }
#page .wms-company-card li.wms-marker-active::before { background-color: #ea5921; }

#page .wms-company-card li>.wms-par {display: block; color: #fff; font-size: 15px;}
#page .wms-company-card .wms-image-link>img {max-width: 150px;}
#page .wms-company-card .wms-company-logo>a {display: inline-block;}
#page .wms-company-card .wms-company-text {margin-top: 25px;}


/** Footer **/
#site-footer {background-color: var(--black-color); border-top: 3px solid var(--orange-color);}
#site-footer .wms-main-section {display: flex; padding: 50px 0 25px;}
#site-footer .wms-main-section .wms-collab-partner {display: flex; width: 330px; column-gap: 40px;}
#site-footer .wms-main-section .wms-collab-partner>div {width: calc(100% - 50px);}
#site-footer .wms-main-section .wms-collab-partner>div:last-child {width: 50px;}
#site-footer .wms-main-section .wms-company-info {width: 30%; text-align: center; position: relative;}
#site-footer .wms-main-section .wms-company-info::after {content: ''; height: 60%; width: .5px; background-color: #fff; display: block; position: absolute; right: -.5px; top: 20%;}
#site-footer .wms-main-section .wms-company-info img {max-width: 150px; margin:  0 auto;}
#site-footer .wms-main-section .wms-company-info img + p {color: #fff; font-size: 20px;}
#site-footer .wms-main-section .wms-company-info img + p .wms-yellow-color {text-transform: uppercase;}
#site-footer .wms-main-section .wms-company-info .wms-inline-row {display: block;}
#site-footer .wms-main-section .wms-info-col {width: calc(100% - 330px); display: flex; justify-content: end;}
#site-footer .wms-main-section .wms-info-col-inner {max-width: 400px; color: #fff; display: flex; flex-direction: column; justify-content: center; text-align: right;}
#site-footer .wms-main-section .wms-info-col-inner>div {margin-bottom: 10px;}
#site-footer .wms-main-section .wms-info-col-inner>div:last-child {margin-bottom: 0;}
#site-footer .wms-main-section .wms-info-col .wms-phone>a {color: #fff; transition: color 0.4s ease; text-decoration: none; font-size: 20px; font-weight: bold;}
#site-footer .wms-main-section .wms-info-col .wms-phone>a:hover {color: var(--orange-color); transition: color 0.4s ease-in-out;}

#site-footer .wms-main-section .wms-socials-list {margin: 0; padding: 0; display: flex; align-items: center; column-gap: 10px; height: 100%; flex-direction: column; justify-content: center; row-gap: 15px;}
#site-footer .wms-main-section .wms-socials-list>li {list-style-type: none;}
#site-footer .wms-main-section .wms-socials-list>li>a {border-radius: 50%; overflow: hidden; display: block; height: 35px; width: 35px; box-shadow: 0 0 20px rgba(255, 165, 0, 0.4);
background-color: var(--orange-color); display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
#site-footer .wms-main-section .wms-socials-list>li>a:hover {box-shadow: 0 0 20px rgba(255, 165, 0, 1); transition: all 0.4s ease-in-out;}
#site-footer .wms-main-section .wms-socials-list>li img {width: 65%;}

#site-footer .wms-bottom-section {display: flex;}
#site-footer .wms-bottom-section>div {width: calc(100%/3);}
#site-footer .wms-bottom-section>.wms-center {text-align: center;}
#site-footer .wms-bottom-section>.wms-right {text-align: right;}

#site-footer .wms-bottom-section {padding: 10px 0;}
#site-footer .wms-bottom-section>div {color: #999;}
#site-footer .wms-bottom-section .wms-center>a {color: #999; transition: all 0.4s ease;}
#site-footer .wms-bottom-section .wms-center>a:hover {color: var(--orange-color); transition: color 0.4s ease-in-out;}
#site-footer .wms-bottom-section .wms_dev_site_link a { color: var(--orange-color); font-weight: 500; text-transform: uppercase; text-decoration: none; position: relative; display: inline-block; transition: color 0.3s ease; z-index: 1; }
#site-footer .wms-bottom-section .wms_dev_site_link a::before { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: #fff; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out; z-index: -1; }
#site-footer .wms-bottom-section .wms_dev_site_link a:hover { color: var(--dark-orange-color); }
#site-footer .wms-bottom-section .wms_dev_site_link a:hover::before {transform: scaleX(1); }