/* Theme Name: OceanWP Child Theme Theme URI: https://oceanwp.org/ Description: OceanWP WordPress theme. Sample child theme. Author: OceanWP Author URI: https://oceanwp.org/ Template: oceanwp Version: 1.0 */ /* Parent stylesheet should be loaded from functions.php not using @import */ /* Theme Name: Ваша тема ... */ /* Mont Fonts -------------------------------------------------------------- */ @font-face { font-family: 'Mont'; font-weight: 400; font-style: normal; src: url('./fonts/Mont-Regular.woff2') format('woff2'), url('./fonts/Mont-Regular.woff') format('woff'); font-display: swap; } @font-face { font-family: 'Mont'; font-weight: 600; font-style: normal; src: url('./fonts/Mont-SemiBold.woff2') format('woff2'), url('./fonts/Mont-SemiBold.woff') format('woff'); font-display: swap; } /* Vars -------------------------------------------------------------- */ :root { --site-width: 1316px; --block-padding: 70px; --red-color: #ff473d; --light-blue-color: #e8f3f7; --light-gray-color: #dcdfe3; --main-color: #242628; --wpforms-button-background-color: transparent!important; } /* Fonts -------------------------------------------------------------- */ body, button, input, select, textarea, p, a, li, tr, td, h1, h2, h3, h4 {font-family: 'Mont', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--main-color);} #main a {text-decoration: none;} #main a:hover, #main a:focus {outline: none!important; color: var(--main-color); text-decoration: none;} strong, b {font-weight: 600; font-family: 'Mont', -apple-system, BlinkMacSystemFont, sans-serif; } /* MISC -------------------------------------------------------------- */ .wms-strong {font-weight: 600;} .wms-color-red {color: var(--red-color);} .wms-round {border-radius: 50%;} .wms-block {display: block;} #main .wms-button-1, #main .wms-form-section form .wpforms-submit {max-width: 476px; border: 1px solid var(--main-color); color: var(--main-color); border-radius: 50px; font-weight: 600; font-size: 18px; text-transform: uppercase; padding: 15px 100px; transition: all 0.3s ease; background-color: transparent;} #main .wms-form-section form .wpforms-submit {height: auto!important;} #main .wms-button-1:hover, #main .wms-form-section form .wpforms-submit:hover {color: var(--red-color); transition: all 0.3s ease-out; background-color: transparent!important; background: unset!important;} #main .wms-button-1:active, #main .wms-form-section form .wpforms-submit:active {border: 1px solid var(--red-color); color: var(--red-color); transition: all 0.3s ease-out; background-color: transparent!important; background: unset!important;} #main .wms-button-1>.wms-help, #main .wms-form-section form .wpforms-submit>.wpforms-submit {display: inline-block; position: relative;} #main .wms-button-1>.wms-help::after, #main .wms-form-section form .wpforms-submit>.wms-help::after {content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(/media/images/svg/wms-arrow-icon-bold.svg); margin-left: 25px; background-repeat: no-repeat; background-position: center center; background-size: cover;} #main .wms-button-1:hover>.wms-help::after, #main .wms-form-section form .wpforms-submit:hover>.wms-help::after {background-image: url(/media/images/svg/wms-arrow-icon-bold-red.svg);} #main .wms-form-section form .wpforms-submit>.wms-help {text-transform: uppercase;} #scroll-top {border-radius: 50%;} /* Connection Window */ #wms-connection-window {width: 370px; display: block; left: calc(97.5% - 370px); bottom: 20px; position: fixed; background-color: #fff; border-bottom: 2px solid var(--red-color); /* Добавлено для анимации */ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(200px); transition: opacity .5s cubic-bezier(0.33, 0, 0.66, 1), visibility .5s, transform .5s cubic-bezier(0.33, 0, 0.66, 1);} #wms-connection-window.wms-visible {opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-duration: .75s;} #wms-connection-window .wms-window-inner {padding: 35px 23px 25px; position: relative;} #wms-connection-window .wms-close-button {position: absolute; width: 25px; height: 25px; top: 5px; right: 5px; border: 1px solid var(--main-color); border-radius: 50%; cursor: pointer; transition: all 0.3s ease;} #wms-connection-window .wms-close-button::before, #wms-connection-window .wms-close-button::after {content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: var(--main-color); border-radius: 1px; transform-origin: center; left: 4px; top: 11px; transition: all 0.3s ease;} #wms-connection-window .wms-close-button:hover {border-color: var(--red-color); transition: all 0.3s ease-out;} #wms-connection-window .wms-close-button:hover::before, #wms-connection-window .wms-close-button:hover::after {background-color: var(--red-color); transition: all 0.3s ease-out;} #wms-connection-window .wms-close-button::before {transform: rotate(45deg);} #wms-connection-window .wms-close-button::after {transform: rotate(-45deg);} #wms-connection-window .wms-window-inner>.wms-top {display: flex; margin-bottom: 15px;} #wms-connection-window .wms-window-inner>.wms-top>.wms-left {width: calc(100% - 50px - 20px); margin-right: 20px; font-size: 17px; line-height: 1.4em;} #wms-connection-window .wms-window-inner>.wms-top>.wms-right {width: 50px;} #wms-connection-window .wms-window-inner>.wms-top>.wms-right img {border-radius: 50%;} #wms-connection-window .wms-window-inner>.wms-top-center {font-size: 14px; line-height: 1.5em; margin-bottom: 20px;} #wms-connection-window .wms-window-inner>.wms-bottom-center {margin-bottom: 20px;} #wms-connection-window .wms-window-inner>.wms-bottom-center ul {margin: 0; padding: 0; display: flex; justify-content: space-between;} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li {list-style-type: none; margin: 0; padding: 0; display: block; width: 54px; height: 54px;} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a {width: 100%; height: 100%; display: block; border-radius: 50%; transition: all 0.3s ease; background-size: contain; color: transparent;} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a:hover, #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a:focus {transition: all 0.3s ease-out; color: transparent;} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-tg {background-image: url(/media/images/svg/wms-connection-window-icon-tg.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-tg:hover {background-image: url(/media/images/svg/wms-connection-window-icon-tg-red.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-max {background-image: url(/media/images/svg/wms-connection-window-icon-max.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-max:hover {background-image: url(/media/images/svg/wms-connection-window-icon-max-red.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-mail {background-image: url(/media/images/svg/wms-connection-window-icon-mail.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-mail:hover {background-image: url(/media/images/svg/wms-connection-window-icon-mail-red.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-phone {background-image: url(/media/images/svg/wms-connection-window-icon-phone.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a.wms-cw-phone:hover {background-image: url(/media/images/svg/wms-connection-window-icon-phone-red.svg);} #wms-connection-window .wms-window-inner>.wms-bottom-center ul>li>a:hover {border-color: var(--red-color); transition: all 0.3s ease-out;} #wms-connection-window .wms-window-inner>.wms-bottom {text-align: center;} #wms-connection-window .wms-window-inner>.wms-bottom .wms-button-2 {display: inline-block; line-height: 1em; text-transform: uppercase; font-size: 15px; border: 2px solid var(--main-color); border-radius: 25px; padding: 10px 25px; transition: all 0.3s ease;} #wms-connection-window .wms-window-inner>.wms-bottom .wms-button-2:hover {border-color: var(--red-color); transition: all 0.3s ease-out; color: var(--red-color);} /* Триггер: изначально скрыт */ #wms-connection-window + #wms-connection-window-trigger { cursor: pointer; width: 34.49px; height: 38.03px; background-color: transparent; background-image: url(/media/images/svg/wms-connection-window-trigger-icon.svg); display: block; left: unset; right: 2.5%; bottom: 20px; position: fixed; opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1); transition: opacity 0.8s ease, transform 0.8s ease; pointer-events: auto; } #wms-connection-window + #wms-connection-window-trigger.wms-visible { opacity: 1; visibility: visible; } #wms-connection-window + #wms-connection-window-trigger.wms-visible:hover {transition: opacity 0.4s ease-out, transform 0.4s ease-out; transform: scale(1.25);} #scroll-top {left: 2.5%; background-image: url(/media/images/svg/wms-scroll-top-icon.svg); height: 34px; width: 34px; background-color: transparent; transition: all 0.3s ease;} #scroll-top:hover {background-color: transparent; background-image: url(/media/images/svg/wms-scroll-top-icon-red.svg); transition: all 0.3s ease-out;} #scroll-top:focus {outline: none!important;} #scroll-top>.fa {display: none;} #wms-mob-menu {display: none;} /* Layout -------------------------------------------------------------- */ #main {background-color: var(--light-blue-color);} #main .vc_row {margin-left: 0; margin-right: 0;} #main .vc_row .vc_column-inner {padding-left: 0; padding-right: 0; max-width: var(--site-width); margin: 0 auto;} #main .wpb_button, #main .wpb_content_element, #main ul.wpb_thumbnails-fluid>li {margin-bottom: 0;} #main #content-wrap {padding-top: 0;} /* Header -------------------------------------------------------------- */ #site-header {position: relative; } #site-header.wms-fixed {background-color: var(--light-blue-color); position: fixed; height: auto; z-index: 977; border-bottom: 1px solid var(--main-color); /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07);*/} #site-header #site-header-wrapper {max-width: var(--site-width); margin: 0 auto; display: flex; width: auto; flex-direction: row; position: absolute; width: 100%; left: 50%; margin-left: calc(var(--site-width) / -2); background: transparent; border-bottom: 1px solid #fff;} #site-header.wms-fixed #site-header-wrapper {position: relative; border: none;} #site-header #site-header-inner {max-width: 100%; width: 400px;} #site-header .wms-custom-nav {width: calc(100% - 400px); display: flex; justify-content: end;} #site-header .wms-custom-nav #wms-header-nav>ul {margin: 0; padding: 0; list-style-type: none; margin-top: 25px;} #site-header .wms-custom-nav #wms-header-nav>ul>li {display: inline-block; padding-right: 50px;} #site-header .wms-custom-nav #wms-header-nav>ul>li:last-of-type {padding-right: 100px; /* пока нет бургер меню -->> */ padding-right: 0;} #site-header .wms-custom-nav #wms-header-nav>ul>li>a {color: #fff; font-size: 14px; text-transform: uppercase; position: relative;} #site-header .wms-custom-nav #wms-header-nav>ul>li>a::after { content: ''; position: absolute; left: 0; bottom: -1px; /* или top — в зависимости от расположения */ width: 100%; height: 1px; background-color: #fff; opacity: 0; transition: opacity 0.3s ease;} #site-header .wms-custom-nav #wms-header-nav>ul>li>a:hover::after { opacity: 1; transition: opacity 0.3s ease-out; } #site-header #site-logo #site-logo-inner a:focus {outline: none!important;} #site-header .wms-custom-nav #wms-header-nav>ul>li>a:hover, #site-header .wms-custom-nav #wms-header-nav>ul>li>a:focus {outline: none!important;} #wrap #wms-burger-menu {width: 100%; height: 100vh; position: fixed; z-index: 999; display: none; background-color: var(--light-blue-color);} #wrap #wms-burger-menu.wms-active {display: block;} #wrap #wms-burger-menu .wms-close-button {position: absolute; display: block; width: 25px; height: 25px; right: 5%; top: 5%; cursor: pointer; background-image: url(/media/images/svg/wms-close-icon.svg);} /* Триггер */ #wrap #site-header .wms-menu-trigger {cursor: pointer; margin-top: 33px; /* Временно скрыто -->> */ display: none; } #wrap #site-header .wms-menu-trigger span {display: block; width: 28px; height: 1px; background: #fff; transition: transform 0.3s ease, opacity 0.3s ease;} #wrap #site-header .wms-menu-trigger span:last-child {transform: translate(0, 6px);} #wrap #site-header .wms-mob-menu-trigger {cursor: pointer; display: none;} #wrap #site-header .wms-mob-menu-trigger span {display: block; width: 28px; height: 1px; background: #fff; transition: transform 0.3s ease, opacity 0.3s ease;} #wrap #site-header .wms-mob-menu-trigger span:last-child {transform: translate(0, 6px);} /* Анимация в крестик */ #wrap #site-header .wms-menu-trigger.wms-active span:first-child {transform: rotate(45deg) translate(6px, 6px);} #wrap #site-header .wms-menu-trigger.wms-active span:last-child {transform: rotate(-45deg) translate(-6px, 6px);} #wrap #site-logo-inner .wms-site-direction {text-transform: initial; font-size: 18px; color: #fff;} #wrap #site-header.wms-fixed .wms-site-direction {color: var(--main-color);} #wrap #site-header.wms-fixed .wms-custom-nav #wms-header-nav>ul>li>a {color: var(--main-color);} #wrap #site-header.wms-fixed .wms-custom-nav #wms-header-nav>ul>li>a:hover::after {background-color: var(--main-color);} #wrap #site-header.wms-fixed .wms-menu-trigger span {background: var(--main-color);} #wrap #site-logo-inner .site-title:hover {color: var(--main-color);} #wrap #site-logo-inner .site-title:hover img {-moz-opacity: 1; -webkit-opacity: 1; opacity: 1;} /* Hero Section -------------------------------------------------------------- */ #main .wms-hero-section {background-image: url(/media/images/wms-hero-section-bg.webp); padding: 310px 0 350px;} #main .wms-hero-section .wms-hero-heading {display: flex; align-items: center;} #main .wms-hero-section h1 {font-size: 84px; font-weight: 400; width: calc(100% - 396px); padding-left: 48px; margin: 0; line-height: 1em; color: #fff;} #main .wms-hero-section .wms-hero-section-logo {background-image: url(/media/images/svg/wms-heri-section-cbi-logo.svg); background-size: cover; background-repeat: no-repeat; display: block; width: 396px; height: 218px;} /* Maintext Section -------------------------------------------------------------- */ #main .wms-maintext-section {padding: 56px 0 70px;} #main .wms-maintext-section p {font-size: 40px; line-height: 49px;} #main .wms-maintext-section .wms-round {background-color: var(--red-color); display: inline-block; width: 32px; height: 32px; margin-right: 15px;} /* Influence Section -------------------------------------------------------------- */ #main .wms-influence-section {padding: 0 0 150px;} #main .wms-influence-section hr {border-top: 1px solid #242628; margin: 10px 0;} #main .wms-influence-section h2 {font-size: 14px; text-transform: uppercase;} #main .wms-influence-section .wms-influence-item {border-left: 1px solid var(--main-color); padding-left: 27px; padding-right: 27px;} #main .wms-influence-section .wms-influence-item h3 {font-size: 28px; font-weight: 600; min-height: 79px; margin-bottom: 25px;} #main .wms-influence-section .wms-influence-item .wms-help {margin-bottom: 30px; font-size: 16px; line-height: 1.3em; min-height: 63px;} #main .wms-influence-section .wpb_content_element.wms-count-1 {margin-bottom: 70px;} #main .wms-influence-section .wpb_row.wms-count-2 {margin-bottom: 70px;} #main .wms-influence-section .wpb_content_element.wms-count-3 p {font-size: 40px; line-height: 49px;} /* Services Section -------------------------------------------------------------- */ #main .wms-services-section {padding: 0 0 230px;} #main .wms-services-section h2 {font-size: 200px; line-height: 1em; text-transform: lowercase; letter-spacing: -3%;} #main .wms-services-section .wms-services-list {border-top: 1px solid var(--main-color);} #main .wms-services-section .wms-services-list>li {list-style-type: none; border-bottom: 1px solid var(--main-color); padding: 25px 0 25px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side {display: flex; column-gap: 0; align-items: center;} #main .wms-services-section .wms-services-list>li>.wms-visible-side>p {margin-bottom: 0; padding-right: 125px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-1 {font-size: 147px; color: var(--red-color); line-height: 1em; padding-left: 5px; min-width: 223px; text-align: center;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-2 {font-size: 40px; line-height: 49px; min-width: 450px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-3 {font-size: 16px; line-height: 21px; padding-right: 42px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-4 {padding-right: 0; padding-top: 0; margin-top: -30px; /* временны скрываем до получение информации -->> */ display: none;} #main .wms-services-section .wms-services-list .wms-trigger {display: inline-block; width: 28px; height: 28px; background-image: url(/media/images/svg/wms-arrow-icon-black.svg); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease, background-image 0.3s ease;} #main .wms-services-section .wms-services-list .wms-service-item.wms-active .wms-trigger {background-image: url(/media/images/svg/wms-arrow-icon-red.svg); transform: rotate(45deg);} #main .wms-services-section .wms-services-list .wms-service-item .wms-hidden-side {height: 0; overflow: hidden; transition: height 1.4s ease;} #main .wms-services-section .wms-services-list .wms-service-item.wms-active .wms-hidden-side {height: auto;} #main .wms-services-section .wms-count-2 {margin-bottom: 85px;} #main .wms-services-section .wms-count-3 {text-align: center;} #main .wms-services-section .wpb_raw_code.wms-button-block {text-align: center;} #main .wms-services-section .wms-button-1>.wms-help::after {transform: rotate(135deg);} #main .wms-services-section .wms-button-1.wms-full-view>.wms-help::after {transform: rotate(-45deg);} /* Geography Section -------------------------------------------------------------- */ #main .wms-geography-section {padding-bottom: 50px;} #main .wms-geography-section h2 {font-size: 200px; line-height: 1em; text-transform: lowercase; letter-spacing: -3%;} #main .wms-geography-section .wms-count-1 hr {border-top: 1px solid #242628; margin: 10px 0 30px;} /* карточка кейса */ #main #wms-interactive-map {height: 800px; background-image: url(/media/images/svg/wms-interactive-map.svg); background-size: contain; background-repeat: no-repeat;} #main #wms-interactive-map .wms-content-item {background-color: #fff; position: relative; list-style-type: none; z-index: 777;} #main #wms-interactive-map .wms-content-item .wms-content-close-button {position: absolute; width: 42px; height: 42px; display: block; z-index: 999; background-color: #fff; border-radius: 50%; top: 19px; right: 25px; cursor: pointer;} #main #wms-interactive-map .wms-content-item .wms-content-close-button::before {content: ""; display: block; width: 28px; height: 1px; background-color: var(--main-color); transform: rotate(45deg); position: absolute; left: 8px; top: 20px;} #main #wms-interactive-map .wms-content-item .wms-content-close-button::after {content: ""; display: block; width: 28px; height: 1px; background-color: var(--main-color); transform: rotate(135deg); position: absolute; left: 8px; top: 20px;} #main #wms-interactive-map .wms-content-item-menu {padding: 15px 30px 39px;} #main #wms-interactive-map .wms-content-item-menu li {display: inline-block; height: 5px; width: 40px; background-color: var(--light-gray-color); cursor: pointer; width: 30%; border-radius: 10px; margin-right: 15px;} #main #wms-interactive-map .wms-content-item-menu li:last-of-type {margin-right: 0;} #main #wms-interactive-map .wms-content-item-menu li.wms-active {background-color: var(--red-color);} #main #wms-interactive-map .wms-content-item-text {padding: 0 30px 20px;} #main #wms-interactive-map .wms-content-item-text h3 {font-weight: 600; font-size: 42px; line-height: 1em; margin-bottom: 17px;} #main #wms-interactive-map .wms-content-item-text .wms-spec {font-size: 21px; line-height: 28px; margin-bottom: 15px; max-width: 75%;} #main #wms-interactive-map .wms-content-item-text .wms-help {font-size: 16px; line-height: 21px;} #main #wms-interactive-map .wms-button-block {padding-bottom: 30px; padding: 0 30px 25px;} #main #wms-interactive-map .wms-button-block .wms-button-1 {color: var(--red-color); border-color: var(--red-color); font-size: 18px; width: 100%; display: block; text-align: center; padding: 10px 40px; margin: 0 auto; /** временно скрываем кнопку **/ display: none;} #wms-interactive-map #wms-map-content {margin: 0;} #wms-interactive-map #wms-map-content .wms-content-item {max-width: 534px; margin: 0; display: none; left: calc(100% - 534px);} #wms-interactive-map #wms-map-content .wms-content-item.wms-active {display: block;} #wms-interactive-map #wms-map-content .wms-content-item.wms-left-window {left: 0;} #wms-interactive-map #wms-map-content .wms-content-item ul {margin: 0;} #wms-interactive-map #wms-map-content .wms-content-item ul:not(.wms-content-item-menu)>li {display: none;} #wms-interactive-map #wms-map-content .wms-content-item ul:not(.wms-content-item-menu)>li.wms-active {display: block;} #wms-interactive-map #wms-map-markers {margin: 0; position: absolute; width: 100%; height: 100%;} #wms-interactive-map #wms-map-markers li {list-style-type: none;} #wms-interactive-map #wms-map-markers li a {list-style-type: none; width: 55px; height: 35px; position: absolute; cursor: pointer; display: block; background-repeat: no-repeat; background-image: url(/media/images/svg/wms-interactive-map-marker-round.svg); background-position: 50% 100%; transform: translate(0, 50px);} #wms-interactive-map #wms-map-markers li.wms-active a, #wms-interactive-map #wms-map-markers li a:hover {background-color: transparent; background-image: url(/media/images/svg/wms-interactive-map-marker.svg); width: 55px; height: 85px; border-radius: 0; cursor: pointer; height: 85px; transform: translate(0, 0); z-index: 77; background-size: contain;} #wms-interactive-map #wms-map-markers li>a>span {display: none; position: absolute; width: 140px; left: 55px; top: 55px; font-size: 16px; text-transform: uppercase; background-color: #fff; padding: 5px 10px; border-radius: 10px;} #wms-interactive-map #wms-map-markers li.wms-active>a>span, #wms-interactive-map #wms-map-markers li a:hover>span {display: block; width: auto;} /** Маркеры на карте **/ #wms-interactive-map #wms-map-markers li#wms-marker-1 a {left: 2%; top: 50%;} /* Роза Хутор */ #wms-interactive-map #wms-map-markers li#wms-marker-1 a>span {width: 119px;} #wms-interactive-map #wms-map-markers li#wms-marker-2 a {left: 11%; top: 29%;} /* Эрбилия */ /*#wms-interactive-map #wms-map-markers li#wms-marker-2 a>span {width: 177px;} */ #wms-interactive-map #wms-map-markers li#wms-marker-3 a {left: 80%; top: 64%;} /* АмГУ */ /*#wms-interactive-map #wms-map-markers li#wms-marker-3 a>span {width: 197px;}*/ #wms-interactive-map #wms-map-markers li#wms-marker-4 a {left: 24.9%; top: 8%;} /* Валла Тунтри */ #wms-interactive-map #wms-map-markers li#wms-marker-4 a>span {width: 151px;} #wms-interactive-map #wms-map-markers li#wms-marker-5 a {left: 7%; top: 29%;} /* Вереяр */ /*#wms-interactive-map #wms-map-markers li#wms-marker-5 a>span {width: 197px;}*/ #wms-interactive-map #wms-map-markers li#wms-marker-6 a {left: 2%; top: 45%;} /* Турьев Хутор */ #wms-interactive-map #wms-map-markers li#wms-marker-6 a>span {width: 134px;} #wms-interactive-map #wms-map-markers li#wms-marker-7 a {left: 91%; top: 14%;} /* Сопка Горячая */ #wms-interactive-map #wms-map-markers li#wms-marker-7 a>span {width: 155px; left: -155px;} #wms-interactive-map #wms-map-markers li#wms-marker-8 a {left: 91%; top: 19%;} /* Парк Три Вулкана */ #wms-interactive-map #wms-map-markers li#wms-marker-8 a>span {width: 177px; left: -177px;} #wms-interactive-map #wms-map-markers li#wms-marker-9 a {left: 54%; top: 21%;} /* Затундра */ /*#wms-interactive-map #wms-map-markers li#wms-marker-9 a>span {width: 197px;}*/ #wms-interactive-map #wms-map-markers li#wms-marker-10 a {left: 4.5%; top: 47%;} /* Евразийский Альянс Горных Курортов */ #wms-interactive-map #wms-map-markers li#wms-marker-10 a>span {width: 248px;} #wms-interactive-map #wms-map-markers li#wms-marker-11 a {left: 31%; top: 49%;} /* Александровский Парк */ #wms-interactive-map #wms-map-markers li#wms-marker-11 a>span {width: 237px;} /* Project Activity Section -------------------------------------------------------------- */ #main .wms-project-activity-section {padding: 0 0 130px;} #main .wms-project-activity-section .wms-count-1 {margin-bottom: 30px;} #main .wms-project-activity-section .wms-count-1 h2 {font-size: 14px; text-transform: uppercase;} #main .wms-project-activity-section .wms-count-1 hr {border-top: 1px solid #242628; margin: 10px 0;} #main .wms-project-activity-section .wms-count-2 p {font-size: 40px; line-height: 49px;} #main .wms-project-activity-section .wms-round {background-color: var(--red-color); display: inline-block; width: 32px; height: 32px; margin-right: 15px;} /* Project Section -------------------------------------------------------------- */ #main .wms-project-section {padding: 0 0 130px;} #main .wms-project-section h2 {font-size: 200px; line-height: 1em; text-transform: lowercase; letter-spacing: -3%;} #main .wms-project-section .wms-count-1 hr {border-top: 1px solid #242628; margin: 10px 0 30px;} #main .wms-project-section .wms-project-row {margin-bottom: 120px;} #main .wms-project-section .wms-project-row>.vc_col-sm-6 {width: calc(50% - 14px); margin-right: 14px;} #main .wms-project-section .wms-project-row>.vc_col-sm-6:last-child {margin-right: 0; margin-left: 14px;} #main .wms-project-section .wms-project-item>a {display: flex; flex-direction: column; /* правило установленно временно, пока не появятся кейсы физически -->> */ pointer-events: none;} #main .wms-project-section .wms-project-item>a .wms-project-image {margin-bottom: 15px; display: flex; flex-direction: row;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 392px; padding: 39px 39px 39px 25px; border-radius: 20px;} #main .wms-project-section .wms-project-item>a .wms-project-image .wms-left {width: 45px;} #main .wms-project-section .wms-project-item>a .wms-project-image .wms-left .wms-round {background-color: var(--red-color); display: inline-block; width: 34px; height: 34px; margin-right: 15px;} #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {width: calc(100% - 45px); font-size: 40px; line-height: 1.2em; position: relative; top: -5px; color: var(--main-color);} #main .wms-project-section .wms-project-item:not(.wms-project-article) > a:hover .wms-project-image {box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.12), 0 8px 24px -4px rgba(0, 0, 0, 0.08); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0);} #main .wms-project-section .wms-project-item>a .wms-project-text>div {transition: all 0.3s ease-out;} #main .wms-project-section .wms-project-item>a:hover .wms-project-text>div {color: var(--red-color); transition: all 0.3s ease;} #main .wms-project-section .wms-project-item>a .wms-project-text {font-weight: 600; font-size: 18px; color: var(--main-color); text-transform: uppercase; display: flex; flex-direction: row; line-height: 1em;} #main .wms-project-section .wms-project-item>a .wms-project-text .wms-left {width: calc(100% - 60px);} #main .wms-project-section .wms-project-item>a .wms-project-text .wms-right {width: 60px; text-align: right;} #main .wms-project-section .wms-count-4.wms-project-row {margin-bottom: 115px;} /*#main .wms-project-section .wms-last-block {text-align: center;}*/ #main .wms-project-section .wms-project-item.wms-project-article>a {background-color: transparent;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {background-color: #fff;} #main .wms-project-section .wms-project-row {margin-bottom: 50px; display: none;} #main .wms-project-section .wms-project-row.wms-active {display: block;} #main .wms-project-section .wpb_raw_code.wms-button-block {text-align: center;} #main .wms-project-section .wms-button-1>.wms-help::after {transform: rotate(135deg);} #main .wms-project-section .wms-button-1.wms-full-view>.wms-help::after {transform: rotate(-45deg);} /* Director Section -------------------------------------------------------------- */ #main .wms-director-section {padding: 0 0 160px;} #main .wms-director-section .wms-count-1 hr {border-top: 1px solid #242628; margin: 10px 0;} #main .wms-director-section .wms-count-1 h2 {font-size: 14px; text-transform: uppercase; margin-bottom: 45px;} #main .wms-director-section .wms-director-wrapper {display: flex; flex-direction: row; column-gap: 58px; align-items: center;} #main .wms-director-section .wms-director-image {width: calc(364px + 28px);} #main .wms-director-section .wms-director-text {width: calc(100% - calc(364px + 28px + 58px));} #main .wms-director-section .wms-director-text .wms-text {font-size: 35px; line-height: 1.2em; margin-bottom: 17px;} #main .wms-director-section .wms-director-text .wms-name {font-size: 25px; line-height: 1em; margin-bottom: 5px;} #main .wms-director-section .wms-director-text .wms-status {font-size: 13px;} /* Trust Section -------------------------------------------------------------- */ #main .wms-trust-section {padding: 0 0 160px;} #main .wms-trust-section hr {border-top: 1px solid #242628; margin: 10px 0;} #main .wms-trust-section h2 {font-size: 63px; margin-bottom: 40px; font-weight: 400;} #main .wms-trust-section .wms-reviews-row .vc_col-sm-4 {margin-right: 30px; width: calc(calc(100%/3) - calc(30px*2/3));} #main .wms-trust-section .wms-reviews-row .vc_col-sm-4:last-of-type {margin-right: 0;} #main .wms-trust-section .wms-trust-item {display: flex; flex-direction: column; row-gap: 90px; padding: 25px 26px 90px; background-color: #fff;} #main .wms-trust-section .wms-trust-item .wms-count-1 {display: flex; flex-direction: row; column-gap: 28px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left {width: 96px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left>img {border-radius: 50%; filter: grayscale(100%) contrast(110%) brightness(98%); transition: filter 0.3s ease;} #main .wms-trust-section .wms-trust-item:hover .wms-count-1 .wms-left>img {filter:none; transition: filter 0.3s ease-out;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-right {width: calc(100% - 96px - 28px); font-size: 13px; line-height: 1.3em;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-block {display: block; font-size: 16px; margin-bottom: 5px;} #main .wms-trust-section .wms-trust-item .wms-count-2 p {font-size: 21px; line-height: 1.4em;} #main .wms-trust-section .wms-reviews-row {margin-bottom: 50px; display: none;} #main .wms-trust-section .wms-reviews-row.wms-active {display: block;} #main .wms-trust-section .wpb_raw_code.wms-button-block {text-align: center;} #main .wms-trust-section .wms-button-1>.wms-help::after {transform: rotate(135deg);} #main .wms-trust-section .wms-button-1.wms-full-view>.wms-help::after {transform: rotate(-45deg);} /* Profile Section -------------------------------------------------------------- */ #main .wms-profile-section {padding-bottom: 150px;} #main .wms-profile-section h2 {font-size: 63px; margin-bottom: 20px; text-transform: initial; font-weight: 400; } #main .wms-profile-section .wms-count-2 {margin-bottom: 0;} #main .wms-profile-section .wms-services-list>li>.wms-visible-side .wms-col-1 {font-size: unset; line-height: unset; min-width: unset;} #main .wms-profile-section .wms-services-list>li>.wms-visible-side .wms-red-round {font-size: 56px; width: 126px; height: 126px; background-color: #fff; border-radius: 50%; display: block; line-height: 2.4em; text-align: center;} #main .wms-profile-section .wms-services-list>li>.wms-visible-side .wms-red-round.wms-this-site {color: #fff; background-color: var(--red-color);} #main .wms-profile-section .wms-services-list>li>.wms-visible-side .wms-col-2 {min-width: 500px; padding-right: 75px;} #main .wms-profile-section .wms-services-list .wms-trigger {transform: rotate(135deg);} #main .wms-profile-section .wms-services-list .wms-service-item.wms-active .wms-trigger {transform: rotate(-45deg);} /* Form Section -------------------------------------------------------------- */ #main .wms-form-section h2 {font-size: 63px; margin-bottom: 20px; text-transform: initial; font-weight: 400;} #main .wms-form-section hr {border-top: 1px solid #242628; margin: 10px 0;} #main .wms-form-section .wms-count-1 {margin-bottom: 50px;} #main .wms-form-section form {background-color: transparent; text-align: center;} #main .wms-form-section form .wpforms-field-medium {width: 100%; max-width: 100%; height: auto; border: none; border-bottom: 1px solid #888888; border-radius: 0; background-color: transparent; padding-left: 0; padding-right: 0;} #main .wms-form-section form .wpforms-field-medium:focus {border-bottom: 1px solid var(--red-color); box-shadow: none;} #main .wms-form-section form .wpforms-field {padding: 0; margin: 0;} #main .wms-form-section form .wpforms-submit {margin-top: 50px;} /*#main .wms-form-section form .wpforms-submit {background-color: transparent; border: 1px solid var(--red-color); color: var(--red-color); border-radius: 20px; padding: 10px 25px; font-size: 15px; margin-top: 25px;} #main .wms-form-section form .wpforms-submit:hover {background-color: #f3fcff!important;}*/ /* Стандартный синтаксис */ #main .wms-form-section form ::placeholder {color: #888888; opacity: 1; /* важно: в некоторых браузерах opacity < 1 по умолчанию */} /* Для старых версий Firefox */ #main .wms-form-section form :-moz-placeholder {color: #888888; opacity: 1;} /* Для новых версий Firefox */ #main .wms-form-section form ::-moz-placeholder {color: #888888; opacity: 1;} /* Для WebKit (Safari, старый Chrome) */ #main .wms-form-section form ::-webkit-input-placeholder {color: #888888; opacity: 1;} /* Policy Page */ .page-id-181 #main .wms-hero-section h1 {font-size: 75px;} #main .wms-text-section {margin-top: 50px;} #main .wms-text-section p {font-size: 16px;} #main .wms-text-section .wms-button-block {margin-top: 50px; text-align: center;} /* Cookies Windos */ body {position: relative;} body #wms-cookies {position: absolute; bottom: 80px; max-width: 1000px; width: 100%; background-color: #fff; left: 50%; margin-left: -500px; border-radius: 50px; display: flex; align-items: center; justify-content: center;} body #wms-cookies .wms-inner {width: auto; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px;} body #wms-cookies p {font-size: 16px; color: var(--main-color); margin-right: 50px; margin-bottom: 0;} body #wms-cookies a {border: 2px solid var(--main-color); color: var(); transition: all 0.3s ease; border-radius: 20px; padding: 5px 15px; text-transform: uppercase; cursor: pointer;} body #wms-cookies a:hover, body #wms-cookies a:focus {outline: none!; color: var(--main-color); border-color: var(--red-color); transition: all 0.3s ease-out; background-color: #fff;} /* FOOTER -------------------------------------------------------------- */ #footer #footer-widgets {background-color: var(--main-color); padding: 50px 0;} #footer .footer-box.col-1 {width: 100%; padding-left: 0; padding-right: 0;} #footer .footer-box.col-1 img {width: 107px;} #footer .wms-footer-inner .wms-top {margin-bottom: 25px;} #footer .wms-footer-inner div[class*="wms-count"] {margin-bottom: 40px; border-top: 1px solid #fff; padding-top: 15px;} #footer .wms-footer-inner div[class*="wms-count"] {display: flex; flex-direction: row;} #footer .wms-footer-inner .wms-left {width: 70%;} #footer .wms-footer-inner .wms-left h3 {color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 400;} #footer .wms-footer-inner .wms-center {width: 15%;} #footer .wms-footer-inner .wms-right {width: 15%; margin-bottom: 40px;} #footer .wms-footer-inner .wms-bottom p {color: #fff; margin-bottom: 0; font-weight: 600; font-size: 156px; line-height: 1.1em;} #footer .wms-menu-list>li {list-style-type: none; margin-bottom: 7px;} #footer .wms-menu-list>li:last-child {margin-bottom: 0;} #footer .wms-menu-list>li>a, #footer .wms-menu-list>li>i {color: #fff; font-style: normal; font-size: 16px; line-height: 1em; display: inline-block; position: relative;} #footer .wms-menu-list>li>a:hover {color: var(--red-color);} #footer .wms-footer-inner>div:not(.wms-count-1) .wms-menu-list>li>a::after {content: ''; display: inline-block; width: 13px; height: 13px; background-image: url(/media/images/svg/wms-arrow-icon-white.svg); background-repeat: no-repeat; background-size: cover; margin-left: 10px;} #footer .wms-footer-inner>div>.wms-left p {color: #fff;} #footer .wms-footer-inner>div>.wms-left p .wms-help {display: block;} #footer .wms-footer-inner>div>.wms-left h3 {color: #fff;} #footer .wms-footer-inner>.wms-count-1>.wms-right {width: 30%;} #footer .wms-footer-inner>.wms-count-1>.wms-right ul + ul {display: none;} #footer .wms-footer-inner>.wms-count-1>.wms-right ul li a:hover, #footer .wms-footer-inner>.wms-count-1>.wms-right ul li a:focus {outline: none!important;} #footer .wms-basement {display: flex; flex-direction: row; margin-top: 25px;} #footer .wms-basement a, #footer .wms-basement p {color: #fff; margin-bottom: 0;} #footer .wms-basement a:hover {color: #fff; text-decoration: underline;} #footer .wms-basement .wms-left {width: 50%;} #footer .wms-basement .wms-right {text-align: right; width: 50%;} /* ---||| MOBILE |||--- -------------------------------------------------------------- */ @media (max-width: 1440px) { :root { --site-width: 1230px; } #footer .wms-footer-inner .wms-bottom p {font-size: 150px;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 366px;} #site-header .wms-custom-nav #wms-header-nav>ul>li {padding-right: 25px;} #main .wms-hero-section h1 {font-size: 60px;} #main .wms-maintext-section p, #main .wms-influence-section .wpb_content_element.wms-count-3 p, #main .wms-project-activity-section .wms-count-2 p, #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {font-size: 35px; line-height: 1.3em;} #main .wms-influence-section .wms-influence-item h3 {font-size: 22px; line-height: 1.2em; min-height: 53px;} #main .wms-influence-section .wms-influence-item .wms-help {font-size: 15px; min-height: 78px;} #main .wms-geography-section h2, #main .wms-services-section h2, #main .wms-project-section h2 {font-size: 170px;} #main #wms-interactive-map {height: 570px;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 290px;} #main .wms-director-section .wms-director-image {width: 268px;} #main .wms-director-section .wms-director-text {width: calc(100% - calc(268px + 58px));} #main .wms-director-section .wms-director-text .wms-text {font-size: 25px; line-height: 1.3em;} #main .wms-trust-section .wms-trust-item .wms-count-1 {flex-direction: column;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left {width: 100%; margin-bottom: 15px; min-height: 96px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-right {width: 100%; min-height: 99px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left>img {display: block; margin: 0 auto;} #main .wms-trust-section .wms-trust-item {row-gap: 50px; padding-bottom: 50px;} #main .wms-trust-section .wms-trust-item .wms-count-2 p {font-size: 17px;} #main .wms-trust-section h2, #main .wms-profile-section h2 {font-size: 70px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side>p.wms-col-1, #main .wms-services-section .wms-services-list>li>.wms-visible-side>p.wms-col-2 {padding-right: 50px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-1 {width: 150px; min-width: unset;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-2 {width: 300px; min-width: unset; font-size: 25px; line-height: 1.3em;} #main .wms-services-section .wms-services-list>li>.wms-visible-side .wms-col-3 {width: calc(100% - (150px + 300px));} #main .wms-influence-section, #wrap #main .wms-profile-section {padding-bottom: 100px;} #main .wms-services-section {padding-bottom: 150px;} #footer .wms-footer-inner>.wms-count-1>.wms-left {width: 60%;} #footer .wms-footer-inner>.wms-count-1>.wms-right {width: 40%;} #footer .wms-footer-inner>.wms-count-2>.wms-left, #footer .wms-footer-inner>.wms-count-3>.wms-left {width: 60%;} #footer .wms-footer-inner>.wms-count-2>.wms-right, #footer .wms-footer-inner>.wms-count-3>.wms-right, #footer .wms-footer-inner>.wms-count-2>.wms-center, #footer .wms-footer-inner>.wms-count-3>.wms-center {width: 20%;} #footer .wms-footer-inner .wms-bottom p {font-size: 130px;} body #wms-cookies {max-width: 500px; margin-left: -250px;} body #wms-cookies .wms-inner {flex-direction: column; padding: 10px 25px;} body #wms-cookies .wms-inner p {margin-right: 0; margin-bottom: 5px; text-align: center;} } @media (max-width: 1280px) { :root { --site-width: 973px; } #site-header .wms-custom-nav #wms-header-nav>ul>li>a {font-size: 13px;} #main .wms-maintext-section p, #main .wms-influence-section .wpb_content_element.wms-count-3 p, #main .wms-project-activity-section .wms-count-2 p, #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {font-size: 30px;} #main .wms-influence-section .wms-influence-item h3 {font-size: 20px;} #main .wms-geography-section h2, #main .wms-services-section h2, #main .wms-project-section h2 {font-size: 150px;} #main #wms-interactive-map {height: 520px;} #wms-interactive-map #wms-map-markers li a {width: 35px; background-size: 25px;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 275px;} #footer .wms-footer-inner>.wms-count-1>.wms-left {width: 50%;} #footer .wms-footer-inner>.wms-count-1>.wms-right {width: 50%;} #footer .wms-footer-inner>.wms-count-2>.wms-left, #footer .wms-footer-inner>.wms-count-3>.wms-left {width: 50%;} #footer .wms-footer-inner>.wms-count-2>.wms-right, #footer .wms-footer-inner>.wms-count-3>.wms-right, #footer .wms-footer-inner>.wms-count-2>.wms-center, #footer .wms-footer-inner>.wms-count-3>.wms-center {width: 22.5%;} #footer .wms-footer-inner .wms-bottom p {font-size: 108px;} #site-header #site-header-wrapper { width: var(--site-width);} #main .wms-director-section .wms-director-text .wms-text {font-size: 24px;} } @media (max-width: 1023px) { :root { --site-width: 716px; } #wrap #site-header .wms-mob-menu-trigger {display: block; margin-top: 35px; height: auto; height: 20px; padding: 5px;} #wrap #site-header #wms-header-nav {display: none;} #wrap #wms-mob-menu {position: absolute; width: 100%; height: auto; background-color: #fff; display: none; top: 74px;} #wrap #wms-mob-menu.wms-active {display: block;} #wrap #wms-mob-menu .wms-main-menu {margin: 25px; padding: 0;} #wrap #wms-mob-menu .wms-main-menu>li {list-style-type: none; margin-bottom: 10px;} #wrap #wms-mob-menu .wms-main-menu>li:last-of-type {margin-bottom: 0;} #wrap #wms-mob-menu .wms-main-menu>li>a {font-size: 20px; text-transform: uppercase;} #wrap #wms-mob-menu .wms-main-menu>li>a:hover, #wrap #wms-mob-menu .wms-main-menu>li>a:focus {outline: none!important; color: var(--main-color);} #wrap #site-header.wms-fixed .wms-mob-menu-trigger span {background-color: var(--main-color);} #wrap #site-header.wms-fixed .wms-mob-menu-trigger {margin-top: 30px;} #main .wms-hero-section .wms-hero-heading {flex-direction: column; align-items: baseline;} #main .wms-hero-section h1 {width: 100%; padding-left: 0;} #main .wms-influence-section>.vc_col-sm-12>.vc_column-inner>.wpb_wrapper {overflow: hidden;} #main .wms-influence-section .vc_row.wms-count-2 {width: calc(var(--site-width)*2); transition: transform 0.3s ease;} #main .wms-influence-section .wms-influence-nav {margin-bottom: 50px;} #main .wms-influence-section .wms-influence-nav ul {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; column-gap: 15px;} #main .wms-influence-section .wms-influence-nav ul>li {list-style-type: none; display: block; width: 15px; height: 15px; background-image: url(/media/images/svg/wms-arrow-icon-bold.svg); background-repeat: no-repeat; background-size: contain;} #main .wms-influence-section .wms-influence-nav ul>li.wms-bullet-1 {transform: rotate(225deg);} #main .wms-influence-section .wms-influence-nav ul>li.wms-bullet-2 {transform: rotate(45deg);} #main .wms-geography-section #wms-interactive-map {height: auto; background-image: none;} #main .wms-geography-section h2, #main .wms-services-section h2, #main .wms-project-section h2 {font-size: 120px;} #main .wms-geography-section #wms-map-markers {display: none;} #wms-interactive-map #wms-map-content .wms-content-item, #wms-interactive-map #wms-map-content .wms-content-item.wms-left-window {left: unset; margin: 0 auto;} #wms-interactive-map #wms-map-content .wms-content-item.wms-mob-active, #wms-interactive-map #wms-map-content .wms-content-item.wms-left-window.wms-mob-active {display: block;} #main #wms-interactive-map .wms-content-item .wms-content-close-button {display: none;} #main .wms-geography-section .wms-map-mob-nav, #main .wms-trust-section .wms-map-mob-nav {margin-top: 25px;} #main .wms-geography-section .wms-map-mob-nav ul, #main .wms-trust-section .wms-map-mob-nav ul {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; column-gap: 15px;} #main .wms-geography-section .wms-map-mob-nav ul>li, #main .wms-trust-section .wms-map-mob-nav ul>li {list-style-type: none; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #CBD1DB;} #main .wms-geography-section .wms-map-mob-nav ul>li.wms-active, #main .wms-trust-section .wms-map-mob-nav ul>li.wms-active {background-color: var(--red-color);} #main .wms-geography-section h2 {margin-bottom: 50px;} #main .wms-maintext-section p, #main .wms-influence-section .wpb_content_element.wms-count-3 p, #main .wms-project-activity-section .wms-count-2 p, #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {font-size: 26px;} #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {font-size: 23px;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 210px;} #main .wms-maintext-section .wms-round {width: 25px; height: 25px; margin-right: 8px; position: relative; top: 2px;} #main .wms-project-section .wms-project-item>a .wms-project-text {font-size: 15px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left {margin-bottom: 25px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-block {line-height: 1.3em; margin-bottom: 5px;} #main .wms-trust-section .wms-reviews-row {display: block;} #main .wms-trust-section .wpb_raw_code.wms-button-block {display: none;} #main .wms-trust-section .wms-reviews-row .vc_col-sm-4, #main .wms-trust-section .wms-reviews-row .vc_col-sm-4:last-of-type {float: none; margin: 0 auto; display: none; width: 100%; max-width: 319px;} #main .wms-trust-section .wms-reviews-row .vc_col-sm-4.wms-active {display: block;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left {width: 123px; padding-right: 25px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-left img {width: 98px;} #main .wms-trust-section .wms-trust-item .wms-count-1 .wms-right {width: calc(100% - 123px); min-height: unset;} #main .wms-trust-section .wms-trust-item .wms-count-1 {flex-direction: row; column-gap: 0;} #main .wms-trust-section .wms-trust-item {row-gap: 45px; padding-bottom: 45px;} #main .wms-form-section h2 {font-size: 45px;} #footer .wms-footer-inner .wms-bottom p {font-size: 80px;} #footer .footer-box.col-1 {margin-bottom: 0;} #footer .footer-box.col-2, #footer .footer-box.col-3, #footer .footer-box.col-4 {display: none;} #main .wms-hero-section {padding: 135px 0 0; height: 475px; background-position: 0 0; background-size: 110%;} #main .wms-hero-section .wms-hero-section-logo {margin-bottom: 25px; width: 223px; height: 123px;} #main .wms-hero-section h1 {font-size: 50px;} #main .wms-director-section .wms-director-text .wms-text {font-size: 20px;} #main .wms-director-section .wms-director-text .wms-name {font-size: 20px;} #footer .wms-basement {flex-direction: column;} #footer .wms-basement .wms-left {width: 100%; margin-bottom: 7.5px;} #footer .wms-basement .wms-right {text-align: left; width: 100%;} } @media (max-width: 766px) { :root { --site-width: 526px; } #site-header.wms-fixed {top: 0;} #main .wms-hero-section {height: 504px; background-position: 50% 50%; background-size: cover;} #main .wms-influence-section .vc_row.wms-count-2 {display: flex;} #main .wms-hero-section h1 {font-size: 40px;} #main .wms-maintext-section p, #main .wms-influence-section .wpb_content_element.wms-count-3 p, #main .wms-project-activity-section .wms-count-2 p, #main .wms-project-section .wms-project-item>a .wms-project-image .wms-right {font-size: 20px;} #main .wms-geography-section h2, #main .wms-services-section h2, #main .wms-project-section h2 {font-size: 90px;} #main .wms-maintext-section .wms-round, #main .wms-project-activity-section .wms-round {width: 20px; height: 20px; margin-right: 5px;} #main .wms-services-section .wms-services-list>li>.wms-visible-side>p.wms-col-1, #main .wms-services-section .wms-services-list>li>.wms-visible-side>p.wms-col-2, #main .wms-services-section .wms-services-list>li>.wms-visible-side > .wms-col-3 {padding-right: 0; padding-left: 0;} #main .wms-services-section .wms-services-list>li>.wms-visible-side { display: grid; grid-template-columns: 68px 1fr; grid-template-rows: auto auto; gap: 0; width: 100%; } #main .wms-services-section .wms-services-list>li>.wms-visible-side > .wms-col-1 { grid-column: 1; grid-row: 1; width: 68px; font-size: 64px; } #main .wms-services-section .wms-services-list>li>.wms-visible-side > .wms-col-2 { grid-column: 2; grid-row: 1; width: calc(100% - 68px); } #main .wms-services-section .wms-services-list>li>.wms-visible-side > .wms-col-3 { grid-column: 1 / -1; grid-row: 2; width: 100%; margin-top: 15px; } #scroll-top, #wms-connection-window + #wms-connection-window-trigger.wms-visible {z-index: 8888;} #main .wms-project-section .wms-project-row>.vc_col-sm-6:first-of-type, #main .wms-project-section .wms-project-row>.vc_col-sm-6:last-of-type {margin: 0 auto; width: 322px;} #main .wms-project-section .wms-project-row>.vc_col-sm-6:first-of-type, #main .wms-project-section .wms-project-row>.vc_col-sm-6 {margin-bottom: 25px;} #main .wms-project-section .wms-project-row {margin-bottom: 25px;} #main .wms-project-section .wms-project-item.wms-project-article>a .wms-project-image {height: 196px;} #main .wms-project-section .wpb_raw_code.wms-button-block {margin-top: 70px;} #main .wms-director-section .wms-director-text {display: flex; flex-direction: column;} #main .wms-director-section .wms-director-text > .wms-text {order: 3;} #main .wms-director-section .wms-director-text > .wms-name {order: 1; width: 210px; margin: 20px auto 7px; font-size: 18px; text-align: left;} #main .wms-director-section .wms-director-text > .wms-status {order: 2; width: 210px; margin: 0 auto 40px; font-size: 15px; line-height: 1.3em;} #main .wms-director-section .wms-director-wrapper {flex-direction: column;} #main .wms-director-section .wms-director-image {width: 100%;} #main .wms-director-section .wms-director-image img {width: 194px; margin: 0 auto; display: block;} #main .wms-director-section .wms-director-text {width: 100%;} #main .wms-director-section {padding-bottom: 50px;} #main .wms-trust-section h2, #main .wms-profile-section h2 {font-size: 32px;} #main .wms-form-section h2 {font-size: 40px; line-height: 1.2em;} #wrap #main .wms-profile-section .wms-services-list>li>.wms-visible-side .wms-red-round {font-size: 34px; width: 76px; height: 76px;} #wrap #main .wms-profile-section .wms-services-list>li>.wms-visible-side > .wms-col-1 {width: 76px;} #wrap #main .wms-profile-section .wms-services-list>li>.wms-visible-side > .wms-col-2 {width: 100%; padding-left: 30px; font-size: 20px;} #footer-widgets.tablet-2-col .footer-box {width: 100%!important;} #footer .wms-footer-inner>.wms-count-1>.wms-left, #footer .wms-footer-inner>.wms-count-2>.wms-left, #footer .wms-footer-inner>.wms-count-3>.wms-left {width: 130px;} #footer .wms-footer-inner>.wms-count-1>.wms-center, #footer .wms-footer-inner>.wms-count-2>.wms-center, #footer .wms-footer-inner>.wms-count-3>.wms-center {width: calc(100% - 130px);} #footer .wms-footer-inner .wms-bottom p {font-size: 60px;} #mobile-dropdown {display: none!important;} body #wms-cookies {max-width: 280px; margin-left: -140px;} body #wms-cookies .wms-inner p {font-size: 15px;} body #wms-cookies .wms-inner a {font-size: 13px;} } @media (max-width: 576px) { :root { --site-width: 430px; } .container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {max-width: 100%!important;} /*#main .vc_row .vc_column-inner {max-width: 100%;} #main .wms-hero-section>.wpb_column {width: 90%; margin: 0 auto;}*/ #main .wms-button-1, #main .wms-form-section form .wpforms-submit {font-size: 16px; max-width: 325px; padding: 10px 20px;} #site-header #site-header-wrapper {border-bottom: 0;} #main .wms-services-section .wms-services-list {margin: 0;} #main .wms-geography-section h2, #main .wms-services-section h2, #main .wms-project-section h2 {font-size: 50px; font-weight: 400;} #main #wms-interactive-map .wms-content-item-menu li {width: 30%; margin-right: 4%;} #main #wms-interactive-map .wms-content-item-text h3 {font-size: 24px;} #main #wms-interactive-map .wms-content-item-text .wms-spec {font-size: 18px; line-height: 1.4em; font-weight: 600;} #main #wms-interactive-map .wms-content-item-text .wms-help {font-size: 15px;} #footer {background-color: var(--main-color);} #footer #footer-inner {width: var(--site-width); margin: 0 auto;} #footer .wms-footer-inner .wms-bottom p {font-size: 50px;} #main .wms-trust-section, #main .wms-project-activity-section, #main .wms-services-section {padding-bottom: 70px;} #main .wms-influence-section .vc_row.wms-count-2 {display: block; width: 100%;} #main .wms-influence-section .vc_row.wms-count-2>.vc_col-sm-3 {width: 322px; margin: 0 auto; display: none;} #main .wms-influence-section .vc_row.wms-count-2>.vc_col-sm-3.wms-active {display: block;} #main .wms-influence-section .wms-influence-nav ul {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; column-gap: 15px;} #main .wms-influence-section .wms-influence-nav ul>li {list-style-type: none; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #CBD1DB; background-image: none;} #main .wms-influence-section .wms-influence-nav ul>li.wms-active {background-color: var(--red-color);} #main #primary {margin-bottom: 0;} #footer .wms-menu-list>li::after {content: ""; display: table; clear: both;} #footer .wms-menu-list>li>a {display: block;} #footer .wms-footer-inner>div:not(.wms-count-1) .wms-menu-list>li>a::after {float: right;} #footer .wms-footer-inner>div:not(.wms-count-1) .wms-menu-list>li>a>.wms-help {text-decoration: underline;} #footer .wms-menu-list>li>a:hover {color: #fff;} #wms-connection-window {width: 320px; left: calc(97.5% - 320px);} #site-header .wms-custom-nav {position: relative; z-index: 99;} } @media (max-width: 480px) { :root { --site-width: 90%; } #main .wms-services-section .wms-services-list>li>.wms-visible-side > .wms-col-2 {font-size: 23px;} #main #wms-interactive-map .wms-content-item-menu li {width: 29%;} #main .wms-project-activity-section .wms-round {position: relative; top: 2px;} #main .vc_row .vc_column-inner .vc_column-inner {width: 100%; max-width: 100%;} #wrap #main .wms-profile-section .wms-services-list>li>.wms-visible-side > .wms-col-2 {font-size: 19px;} #footer .wms-footer-inner .wms-bottom p {font-size: 38px;} #wrap #site-logo-inner .wms-site-direction {font-size: 16px;} #wrap #site-header .wms-mob-menu-trigger {margin-top: 31px;} }