*:focus { outline: none; } a:hover{ text-decoration:none; outline: none; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-MediumItalic.woff') format('woff'), url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Thin.woff') format('woff'), url('../fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BoldItalic.woff') format('woff'), url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLight.woff') format('woff'), url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-LightItalic.woff') format('woff'), url('../fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BlackItalic.woff') format('woff'), url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ThinItalic.woff') format('woff'), url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } body{ font-family: 'Montserrat', Arial, sans-serif; } /*SWIPER*/ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*SWIPER_END*/ .hrc_row2, .hrc_row3, .hrc_row4{ white-space: nowrap; } .hrc_row4{ text-align:left; } .hrc_row4 .hw{ margin-left:15px; } :focus {outline: 0;} .topList .box, #accordian-horizontal ul > li,.irs--big .irs-handle:after,.swiper-slide,.swiperNP, .button, .sCText, .sCTitle, .sCLeftsPrepend a,.svgMap > div,.swiper-podhod .swiper-slide,.swiper-next,.swiper-prev, footer a span,.fSocial > div svg,.modal-close,p.snoska a span,.cOFooter .col-xs-5 a span,.cOFooter .col-xs-5 a svg, .faq .column, .faq .column a,.tabletMenu,::-webkit-scrollbar-thumb,.svgMap path {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .sCSVG,.svgHover,.servicesContainer > div {-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s} .selectGroup input{ -moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none } /* Defaults */ /* добавим горизонтальное и вертикальное центрирование центрирование */ .outer:before {content: '';display: inline-block;height: 100%;vertical-align: middle;} .inner {display: inline-block;vertical-align: middle;} .outer {text-align: center;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:10;} /* горизонтальное центрирование блока неизвестной ширины */ .navi {position: relative;width:100%;} .navicontainer {position: relative;float: right;right: 50%;} .wrpr {position: relative;right: -50%;} .section {position:relative;} .hide {display:none;} .left{float:left;} .right{float:right;} .center,.alignCenter{text-align:center;} .alignJustify{text-align:justify;} .alignLeft{text-align:left;} .alignRight{text-align:right;} .clear:after,.bigMenu:after{content:'';display:table;clear:both;} .wrap{width:1014px;margin: 0 auto;position: relative} .absoluteCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column} /* Popup window */ .absoluteCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column} .topWindowInner .forgetPass a {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .topWindowOuter{display: none;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;} .topWindowOuter.wideWrap .topWindowInner{max-width: 900px;} .topWindowInner {background-color: #fff;padding:30px 0 0 0;position: relative;min-width: 320px;max-width: 670px;max-height:90vh;overflow-y:auto;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: left;border-radius: 5px} .topWindowInner h2{font-family: 'Roboto Condensed',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left} .topWindowInner .formClose{position: absolute;right: 0;top:0;background-color: #E31D23;border-radius: 50%;width: 28px;height:28px; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); transform: translate(50%,-50%);cursor:pointer} .topWindowInner .formClose .svgBox{margin-top:3px;} .topWindowInner .formClose svg{width: 8px;height:8px;fill:#fff;stroke:#fff;} .topWindowInner .formClose:hover{background-color: #d21a20} .topWindowInner input[type="text"],.topWindowInner input[type="password"],.topWindowInner textarea{width: 100%;display: block;border: 1px solid #b7b7b7;font-family: Roboto,Verdana,sans-serif;padding: 5px 13px;font-size: 14px;} .topWindowInner input[type="text"],.topWindowInner input[type="password"]{position: relative;} .topWindowInner input[type="text"].error,.topWindowInner input[type="password"].error{color:#d21a20;border:1px solid #d21a20;} .stageForm input[type="text"].error,.stageForm input[type="password"].error{color:#FF7A20;border:1px solid #FF7A20;} .topWindowInner input[type="checkbox"]{display: none} .topWindowInner label{width: 100%;font-family: Roboto,Verdana,sans-serif;font-weight: 400;font-size: 12px;line-height: 1.5;color: #2d2d2d;margin-bottom: 4px;border-bottom:1px solid transparent} .topWindowInner .orderPolitika {padding-top: 10px} .topWindowInner .orderPolitika a{color:#428bca} .topWindowInner .orderPolitika a:hover{color:#3b9ac3;border-bottom:1px dotted #3b9ac3} .topWindowInner .row {margin-left: -10px;margin-right:-10px;} .topWindowInner .col-xs-6,.topWindowInner .col-xs-12 {padding-left:10px;padding-right: 10px;} .topWindowInner a{color:#e62d19} .topWindowInner p{color:#333333;font-family: Verdana,Sans-serif;font-size: 12px} .topWindowInner hr{margin:10px 0;} .topWindowInner input[type="submit"]{font-weight:400;font-family: "UbuntuBold";text-transform: uppercase;text-align: center;padding:5px 15px;background-color: #7776ba;outline: 0;box-shadow: none;color:#fff;border:none;border-radius: 3px;} .topWindowInner input[type="submit"]:hover{background-color: #3b9ac3;} .topWindowInner input,.topWindowInner a,.topWindowInner textarea{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .topWindowInner .sRegSubmit{padding:15px 0;text-align: center} .topWindowInner .forgetPass{text-align: right;font-size: 12px;margin-top:20px} .topWindowInner .forgetPass a{color:#428bca;border-bottom:1px dotted #428bca} .topWindowInner .forgetPass a:hover{border-bottom:1px dotted transparent} .topWindowInner .input-text{border:1px solid #ebebeb;border-radius: 3px} .topWindowInner .input-text:hover,.topWindowInner .input-text:focus{max-width:100%;} .topWindowInner .input-text:hover,.topWindowInner .input-text:focus{border:1px solid #fff;-webkit-box-shadow:0 0 10px 3px #b9e9fa;box-shadow:0 0 10px 3px #b9e9fa} .topWindowInner .input-text:focus::placeholder{color:#dfdede;} .topWindowInner .input-text::-webkit-input-placeholder {color:#808080;font-weight:400;font-size:14px;font-family:'PT Sans Regular',Verdana;} .topWindowInner .input-text:focus::-webkit-input-placeholder {color:#dfdede;} /* Firefox < 19 */ .topWindowInner .input-text:-moz-placeholder{color:#808080;font-weight:400;font-size:14px;font-family:'PT Sans Regular',Verdana;} .topWindowInner .input-text:focus:-moz-placeholder{color:#dfdede;} /* Firefox > 19 */ .topWindowInner .input-text::-moz-placeholder{color:#808080;font-weight:400;font-size:14px;font-family:'PT Sans Regular',Verdana;} .topWindowInner .input-text:focus::-moz-placeholder{color:#dfdede;} /* Internet Explorer 10 */ .topWindowInner .input-text:-ms-input-placeholder {color:#808080;font-weight:400;font-size:14px;font-family:'PT Sans Regular',Verdana;} .topWindowInner .input-text:focus:-ms-input-placeholder{color:#dfdede;} .js-formDiv {display: none} .js-formDiv.active {display: block;overflow: hidden} .modal-close {position: absolute;top: 30px;right: 30px;cursor: pointer;width: 24px;height:24px;fill:#85cceb} .modal-close:hover {opacity: 0.5} .modal-close svg{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} @media all and (max-width: 1023px) { .topList{ margin-right:15px; } } @media all and (max-width: 545px) { .topWindowInner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;} } .req{color:#d15959} .regForm > .row > .col-xs-6:nth-child(4){display: none} .regForm #PHONE{width: 100%} .js-recovery-form > .row > .col-xs-6:nth-child(1){display: none} .clearfix:after {content: "";display: table;clear: both;} .alignCenter {text-align: center} .categoriesList p{margin-bottom: 10px} .snoska {font-size: 12px;color:#828282} .orderPolitika label {display: table} /*.js-login-form > .row > .col-xs-12:nth-child(1){display: none}*/ .js-question-form .input-row:nth-child(3){display: none} .js-call-order-form .input-row:nth-child(3){display: none} .js-question-form .input-row:nth-child(3){display: none} /* Nice buttons */ .button {position: relative;margin: 0 auto;font-weight: 100;padding: 1em 1.25em;text-align: center;width: 224px;overflow: hidden;z-index: 0;cursor: pointer;background: #FF7A20;box-sizing: border-box;color: #fff;max-width: 100%} .button.raised {-moz-transition: all 0.1s;-o-transition: all 0.1s;-webkit-transition: all 0.1s;transition: all 0.1s;background: #DE6729;} .button.raised:active {background: #fff;color:#000} .button:hover{background-color: #DE6729} .button.inverted {background: #fff;border: 1px solid transparent;color: #333;box-shadow: none;} .button.raised.inverted {background: #fff;box-shadow: none;;} .button.raised.inverted:active {background: #fff;box-shadow: none;color: #BDBDBD;} .button.raised.blueButton {background: #0C54A0;box-shadow: none;color:#fff;} .button.raised.blueButton:hover {background: #DE6729;box-shadow: none;color: #fff !important;} .button.raised.blueButton:active {background-color: #0C54A0;box-shadow: none;color: #fff !important;} .button.raised.blueButton:active span,.button.raised.blueButton:hover span {color: #fff !important;} .button.inverted:hover{background-color: #fff;color:#333;box-shadow: none;} input[type="checkbox"].toggle {-moz-appearance: none;-webkit-appearance: none;position: absolute;width: 100%;height: 100%;margin: 0;left: 0;top: 0;cursor: pointer;} input[type="checkbox"].toggle:focus {outline: 0;} .anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: -1;} .anim:before {position: relative;content: '';display: block;margin-top: 100%;} .anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;} .clickable .toggle:checked + .anim {-moz-animation: anim-in 0.75s;-webkit-animation: anim-in 0.75s;animation: anim-in 0.75s;} .clickable .toggle:checked + .anim:after {-moz-animation: anim-in-pseudo 0.75s;-webkit-animation: anim-in-pseudo 0.75s;animation: anim-in-pseudo 0.75s;} .clickable .toggle:not(:checked) + .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;} .clickable .toggle:not(:checked) + .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;} .hoverable:hover > .anim {-moz-animation: anim-out 0.75s;-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;} .hoverable:hover > .anim:after {-moz-animation: anim-out-pseudo 0.75s;-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;} /* Nice checkbox */ .check {cursor: pointer;position: relative;margin: auto;width: 18px;height: 18px;-webkit-tap-highlight-color: transparent;transform: translate3d(0, 0, 0);font-family: Gilroy;font-style: normal;font-weight: normal;font-size: 12px;line-height: 16px;align-items: center;color: #333333;} .check:before {content: "";position: absolute;top: -3px;left: -3px;width: 24px;height: 24px;border-radius: 50%;background: rgba(34,50,84,0.03);opacity: 0;transition: opacity 0.2s ease;} .check svg {position: relative;z-index: 1;fill: none;stroke-linecap: round;stroke-linejoin: round;stroke: #c8ccd4;stroke-width: 1.5;transform: translate3d(0, 0, 0) translateY(3px);transition: all 0.2s ease;} .check svg path {stroke-dasharray: 60;stroke-dashoffset: 0;} .check svg polyline {stroke-dasharray: 22;stroke-dashoffset: 66;} .check:hover:before {opacity: 1;} .check:hover svg {stroke: #333;} #cbx:checked + .check svg, #o0:checked + .check svg, #o1:checked + .check svg, #o2:checked + .check svg, #o3:checked + .check svg, #o4:checked + .check svg, #o5:checked + .check svg, #o6:checked + .check svg, #o7:checked + .check svg {stroke: #333;} #cbx:checked + .check svg path, #o0:checked + .check svg path, #o1:checked + .check svg path, #o2:checked + .check svg path, #o3:checked + .check svg path, #o4:checked + .check svg path, #o5:checked + .check svg path, #o6:checked + .check svg path, #o7:checked + .check svg path {stroke-dashoffset: 60;transition: all 0.3s linear;} #cbx:checked + .check svg polyline, #o0:checked + .check svg polyline, #o1:checked + .check svg polyline, #o2:checked + .check svg polyline, #o3:checked + .check svg polyline, #o4:checked + .check svg polyline, #o5:checked + .check svg polyline, #o6:checked + .check svg polyline, #o7:checked + .check svg polyline {stroke-dashoffset: 42;transition: all 0.2s linear;transition-delay: 0.15s;} /* Material Design Inputs */ .group {position: relative;margin: 45px 0;} .group textarea {resize: none;} .group input, .group textarea {background: none;color: #333333;font-size: 14px;padding: 10px 10px 10px 5px;display: block;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #333333;} .group input:focus, .group textarea:focus {outline: none;} .group input:focus ~ label, .group input:valid ~ label, .group textarea:focus ~ label, .group textarea:valid ~ label {top: -14px;font-size: 12px;color: #3660A6;} .group input:focus ~ .bar:before, .group textarea:focus ~ .bar:before {width: 100%;} .group input[type="password"] {letter-spacing: 0.3em;} .group label {color: #BDBDBD;font-size: 14px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 15px;-webkit-transition: 300ms ease all;transition: 300ms ease all;} .group .bar {position: relative;display: block;width: 100%;} .group .bar:before {content: '';height: 2px;width: 0;bottom: 0px;position: absolute;background: #3660A6;-webkit-transition: 300ms ease all;transition: 300ms ease all;left: 0%;} /* Checkboxes */ .cbx,.cbx2,.cbx3,.cbx4,.cbx5,.cbx6,.cbx7,.cbx8,.cbx9,.cbx10,.cbx11,.cbx12,.cbx13,.cbx14,.cbx15 { margin: auto; -webkit-user-select: none; user-select: none; cursor: pointer; } .cbx span, .cbx2 span, .cbx3 span, .cbx4 span, .cbx5 span, .cbx6 span, .cbx7 span, .cbx8 span, .cbx9 span, .cbx10 span, .cbx11 span, .cbx12 span, .cbx13 span, .cbx14 span, .cbx15 span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0); font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 14px; line-height: 17px; color: #fff; } .cbx span:first-child, .cbx2 span:first-child, .cbx3 span:first-child, .cbx4 span:first-child, .cbx5 span:first-child, .cbx6 span:first-child, .cbx7 span:first-child, .cbx8 span:first-child, .cbx9 span:first-child, .cbx10 span:first-child, .cbx11 span:first-child, .cbx12 span:first-child, .cbx13 span:first-child, .cbx14 span:first-child, .cbx15 span:first-child { position: relative; width: 18px; height: 18px; transform: scale(1); vertical-align: middle; border: 1px solid #9098A9; transition: all 0.2s ease; } .cbx span:first-child svg, .cbx2 span:first-child svg, .cbx3 span:first-child svg, .cbx4 span:first-child svg, .cbx5 span:first-child svg, .cbx6 span:first-child svg, .cbx7 span:first-child svg, .cbx8 span:first-child svg, .cbx9 span:first-child svg, .cbx10 span:first-child svg, .cbx11 span:first-child svg, .cbx12 span:first-child svg, .cbx13 span:first-child svg, .cbx14 span:first-child svg, .cbx15 span:first-child svg{ position: absolute; top: 3px; left: 2px; fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .cbx span:first-child:before, .cbx2 span:first-child:before, .cbx3 span:first-child:before, .cbx4 span:first-child:before, .cbx5 span:first-child:before, .cbx6 span:first-child:before, .cbx7 span:first-child:before, .cbx8 span:first-child:before, .cbx9 span:first-child:before, .cbx10 span:first-child:before, .cbx11 span:first-child:before, .cbx12 span:first-child:before, .cbx13 span:first-child:before, .cbx14 span:first-child:before, .cbx15 span:first-child:before{ content: ""; width: 100%; height: 100%; background: #DE6729; display: block; transform: scale(0); opacity: 1; border-radius: 50%; } .cbx span:last-child, .cbx2 span:last-child, .cbx3 span:last-child, .cbx4 span:last-child, .cbx5 span:last-child, .cbx6 span:last-child, .cbx7 span:last-child, .cbx8 span:last-child, .cbx9 span:last-child, .cbx10 span:last-child, .cbx11 span:last-child, .cbx12 span:last-child, .cbx13 span:last-child, .cbx14 span:last-child, .cbx15 span:last-child{ padding-left: 8px; } .cbx:hover span:first-child, .cbx2:hover span:first-child, .cbx3:hover span:first-child, .cbx4:hover span:first-child, .cbx5:hover span:first-child, .cbx6:hover span:first-child, .cbx7:hover span:first-child, .cbx8:hover span:first-child, .cbx9:hover span:first-child, .cbx10:hover span:first-child, .cbx11:hover span:first-child, .cbx12:hover span:first-child, .cbx13:hover span:first-child, .cbx14:hover span:first-child, .cbx15:hover span:first-child{ border-color: #DE6729; } .inp-cbx:checked + .cbx span:first-child, .inp-cbx:checked + .cbx2 span:first-child, .inp-cbx:checked + .cbx3 span:first-child, .inp-cbx:checked + .cbx4 span:first-child, .inp-cbx:checked + .cbx5 span:first-child, .inp-cbx:checked + .cbx6 span:first-child, .inp-cbx:checked + .cbx7 span:first-child, .inp-cbx:checked + .cbx8 span:first-child, .inp-cbx:checked + .cbx9 span:first-child, .inp-cbx:checked + .cbx10 span:first-child, .inp-cbx:checked + .cbx11 span:first-child, .inp-cbx:checked + .cbx12 span:first-child, .inp-cbx:checked + .cbx13 span:first-child, .inp-cbx:checked + .cbx14 span:first-child, .inp-cbx:checked + .cbx15 span:first-child{ background: #DE6729; border-color: #DE6729; animation: wave 0.4s ease; } .inp-cbx:checked + .cbx span:first-child svg, .inp-cbx:checked + .cbx2 span:first-child svg, .inp-cbx:checked + .cbx3 span:first-child svg, .inp-cbx:checked + .cbx4 span:first-child svg, .inp-cbx:checked + .cbx5 span:first-child svg, .inp-cbx:checked + .cbx6 span:first-child svg, .inp-cbx:checked + .cbx7 span:first-child svg, .inp-cbx:checked + .cbx8 span:first-child svg, .inp-cbx:checked + .cbx9 span:first-child svg, .inp-cbx:checked + .cbx10 span:first-child svg, .inp-cbx:checked + .cbx11 span:first-child svg, .inp-cbx:checked + .cbx12 span:first-child svg, .inp-cbx:checked + .cbx13 span:first-child svg, .inp-cbx:checked + .cbx14 span:first-child svg, .inp-cbx:checked + .cbx15 span:first-child svg{ stroke-dashoffset: 0; } .inp-cbx:checked + .cbx span:first-child:before, .inp-cbx:checked + .cbx2 span:first-child:before, .inp-cbx:checked + .cbx3 span:first-child:before, .inp-cbx:checked + .cbx4 span:first-child:before, .inp-cbx:checked + .cbx5 span:first-child:before, .inp-cbx:checked + .cbx6 span:first-child:before, .inp-cbx:checked + .cbx7 span:first-child:before, .inp-cbx:checked + .cbx8 span:first-child:before, .inp-cbx:checked + .cbx9 span:first-child:before, .inp-cbx:checked + .cbx10 span:first-child:before, .inp-cbx:checked + .cbx11 span:first-child:before, .inp-cbx:checked + .cbx12 span:first-child:before, .inp-cbx:checked + .cbx13 span:first-child:before, .inp-cbx:checked + .cbx14 span:first-child:before, .inp-cbx:checked + .cbx15 span:first-child:before{ transform: scale(3.5); opacity: 0; transition: all 0.6s ease; } .inp-cbx:checked ~ label span{color: #ED8102;} @keyframes wave { 50% { transform: scale(0.9); } } /* RadioButtons */ .rdb{position: relative;margin-bottom: 0;padding-bottom: 10px;} .rdb input[type=radio]{position: absolute;visibility: hidden;} .rdb label{display: block;position: relative;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;padding-left: 25px;} .rdb:hover label{color: #FFFFFF;opacity: 0.5} .rdb .checkR{display: block;position: absolute;border: 1px solid #AAAAAA;height: 16px;width: 16px;top: 0;left: 0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;} .rdb:hover .checkR {border: 5px solid #FFFFFF;} .rdb .checkR::before {display: block;position: absolute;content: '';height: 100%;width: 100%;top: 0;left: 0;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;} input[type=radio]:checked ~ .checkR {border: 1px solid #fff;} input[type=radio]:checked ~ .checkR::before{background: #ED8102;} input[type=radio]:checked ~ label{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #ED8102;} .rdb{position: relative;margin-bottom: 0;padding-bottom: 10px;} .rdb input[type=checkbox]{position: absolute;visibility: hidden;} .rdb label{display: block;position: relative;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;padding-left: 25px;} .rdb:hover label{color: #FFFFFF;opacity: 0.5} .rdb .checkR{display: block;position: absolute;border: 1px solid #AAAAAA;height: 16px;width: 16px;top: 0;left: 0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;} .rdb:hover .checkR {border: 5px solid #FFFFFF;} .rdb .checkR::before {display: block;position: absolute;content: '';height: 100%;width: 100%;top: 0;left: 0;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;} input[type=checkbox]:checked ~ .checkR {border: 1px solid #fff;} input[type=checkbox]:checked ~ .checkR::before{background: #ED8102;} input[type=checkbox]:checked ~ label{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #ED8102;} /* Main menu */ /* Scrollbar-effect------- */ ::-webkit-scrollbar { width: 5px; height: 8px; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #e4e4e4; } ::-webkit-scrollbar-thumb { background: #DE6729; border-radius: 10px; transition: 0.5s; } ::-webkit-scrollbar-thumb:hover { background: #0C54A0; transition: 0.5s; } #accordian-horizontal ul{padding:0; margin:0;} #accordian-horizontal > ul{display: flex; flex-wrap: wrap;} #accordian-horizontal ul > li{flex-basis: auto;flex-grow: 1;text-align: center} #accordian-horizontal ul > li:hover{background-color: #DE6729;} #accordian-horizontal ul > li:active,#accordian-horizontal ul > li.current{background-color: #234C9F;} #accordian-horizontal ul > li:hover > a,#accordian-horizontal ul > li:active > a,#accordian-horizontal ul > li.current > a{color:#fff} #accordian-horizontal ul > li li{text-align: left;padding:0;padding-left:15px;} #accordian-horizontal ul > li li a{padding:10px 0} #accordian-horizontal li a{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;color: #000000;line-height: 17px;padding-bottom: 0} #accordian-horizontal > ul > li{height: 50px;line-height: 50px;} #accordian-horizontal > ul > li > a{line-height: 50px} #accordian-horizontal li:hover span.b-main-menu--text,#accordian-horizontal li:active span.b-main-menu--text{color:#fff} #accordian-horizontal span.b-main-menu--text{font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; color: #000000;} @media (min-width: 992px){ #accordian-horizontal { background: #fff; width: 100%; position: relative; z-index: 10; } #accordian-horizontal li { list-style-type: none; } #accordian-horizontal ul li a{ text-decoration: none; display: block; transition: all 0.15s; position: relative; } #accordian-horizontal ul li a i{ margin-right: 8px; } #accordian-horizontal>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a{ background-color: #a8d4fb; color: #0089ff; box-shadow: 0px 1px 2px rgba(0, 137, 255, 0.2); } #accordian-horizontal>ul>li { display: inline-block; position:relative; } #accordian-horizontal>ul>li>ul>li, #accordian-horizontal>ul>li>ul>li>ul>li, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li{ width: 100%; position:relative; } #accordian-horizontal>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul { visibility: hidden; opacity: 0; position: absolute; top: 30px; background: #fff; border-radius: 3px; min-width: 300px; box-shadow: 0px 3px 6px rgba(0,0,0,0.3); transition: 0.3s; } #accordian-horizontal>ul>li>ul{ top: 50px; } #accordian-horizontal>ul>li:hover>ul, #accordian-horizontal>ul>li>ul>li:hover>ul, #accordian-horizontal>ul>li>ul>li>ul>li:hover>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li:hover>ul { visibility: visible; opacity: 1; top: 0px; } #accordian-horizontal>ul>li:hover>ul{ top: 50px; } #accordian-horizontal>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul{ left: 100%; } } @media (max-width: 991px){ #accordian-horizontal { background: #fff; width: 250px; padding: 10px; float: left; height: 100vh; overflow-x: hidden; } #accordian-horizontal a { } #accordian-horizontal li { list-style-type: none; } #accordian-horizontal ul li a{ color: #9c9c9c; text-decoration: none; font-size: 15px; display: block; padding: 12px 15px; transition: all 0.15s; position: relative; border-radius: 3px; } #accordian-horizontal ul li a i{ margin-right: 8px; } #accordian-horizontal>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a{ background-color: #a8d4fb; color: #0089ff; box-shadow: 0px 1px 2px rgba(0, 137, 255, 0.2); } #accordian-horizontal>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul { display: none; } #accordian-horizontal>ul>li.active>ul.show-dropdown, #accordian-horizontal>ul>li>ul>li.active>ul.show-dropdown, #accordian-horizontal>ul>li>ul>li>ul>li.active>ul.show-dropdown, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown { display: block; } #accordian-horizontal>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul, #accordian-horizontal>ul>li>ul>li>ul>li>ul>li>ul { padding-left: 20px; } } /* Header */ .logoBox{display: flex;align-items: center;width: 310px;} .logo{display: inline-block;padding:17px 0;} .logoTitle {display: inline-block;width: calc(100% - 107px);font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;opacity: 0.4;margin-left: 17px;} .topPhones {display: flex;align-items: center;height: 100%;padding:0 15px;flex-grow: 1;justify-content: center;} .topPhones a{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;margin:0 15px;} .topPhones a span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;} .topLine {display: flex;align-items: center;} .topList {min-width: 200px;display: flex;align-items: center;justify-content: space-between;} .topList > div{width:48px;height:48px;} .topList > .js-topMail{margin:0 20px;position: relative} .topList .box{color:white; width:200px;height:100%;background-color: #DE6729; /*border-radius: 50%;*/ display: flex;align-items: center;justify-content: center;cursor: pointer} .topList .box .text{display:inline-block; margin-left:10px; font-weight:700} .topList .box:hover{background-color: #0C54A0;} .topList .box:active{background-color: #0C54A0;} .js-topPhone,.js-topMail {position: relative;z-index: 2} .js-topMail .mailWidth{width: 0;position: absolute;right:5px;top:0;height: 48px;overflow: hidden;line-height: 48px;padding-left: 33px;background-color: #fff;border: 1px solid #E5E5E5;border-radius: 24px;z-index: -1} .js-topMail .mailWidth a{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;text-decoration-line: underline;color: #0C54A0;} .js-topMail:hover .mailWidth{width: 265px;z-index: -1} .mailWidth {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} nav{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;} .swiper-container .swiper-slide {width: 1440px;position: relative;opacity: 0.4;padding: 0 15px;max-height: calc(100vh - 270px);} .swiper-container .swiper-slide img{object-fit: cover;width: 100%;height: auto} .swiper-container .swiper-slide.swiper-slide-active{opacity: 1} .projectDescription{position: absolute;bottom: 0;left:15px;width: 420px;padding: 20px;font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #000000;background-color: #F6F6F6} .swiper-pagination-clickable .swiper-pagination-bullet{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;background-color: transparent;color: #000000;width: 25px;height: 40px;line-height: 40px;text-align: center} .swiperNP{width: 40px;height: 40px;background: #DE6729;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer} .swiperNP:hover{background: #0C54A0;} .swiperNP svg{} .swiper-pagination{position: relative} .swiperControls {display: flex;text-align: center;} .sCCenter{text-align: center} .sCLeftTitle{text-align: left} .swiperControls > div:nth-child(1) { flex: none; width: 220px; } .swiperControls > div:nth-child(2) { flex: 0.8; } .swiperControls > div:nth-child(3) { flex: none; width: 140px; } .swiperControls > div:nth-child(4) { flex: none; width: 40px; } .swiperControls > div:nth-child(5){min-width: 300px;max-height:40px;overflow: hidden} .swiperControls > div:nth-child(6) { flex: none; width: 40px; } .swiper-scrollbar {height: 1px;margin-top: 10px} .swiperTitle{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #0C54A0;margin-bottom: 20px;} .swiperText{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;} .swiper-podhod .swiper-slide{padding:30px;background-color: #fff;margin-bottom: 10px;height: auto;} .swiper-scrollbar-drag{background-color: #234C9F;border-radius: 0;height: 10px;top:-10px} .sP {margin-bottom: 55px;position: relative} .swiper-next,.swiper-prev{position: absolute;top:50%;width: 30px;height: 30px;background-color: #DE6729;z-index: 13;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;transform: translateY(-50%)} .swiper-next:hover,.swiper-prev:hover{background: #234C9F;} .swiper-next{right:-15px;} .swiper-next svg{margin-left:3px} .swiper-prev{left:-15px;} .swiper-prev svg{margin-right:3px} .swiper-podhod{overflow: hidden;} footer{background-color: #414348;overflow: hidden;position: relative} .fMenu ul{list-style-type:none;} .fMenu {padding: 20px 0 20px 0} .fMenu .menu{display: flex;} .fMenu .menu li{flex-basis: auto;flex-grow: 1;} .fMenu .menu li a span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;} .fMenu .menu li a:hover span{/*border-bottom: 1px solid #FFFFFF*/opacity: 0.4} .hrLine{width: 100%;height: 1px;background-color: #68696D;position: absolute;top: 60px;left: 0;} .fMenu ul li{text-align: center} .fMenu ul li:nth-child(1){text-align: left} .fMenu ul li:last-child{text-align: right} #limheight {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;margin-bottom: 30px;} #limheight li {margin:9px 0 0 0;display: inline-block;width: 100%;} #limheight li:nth-child(1) {margin-top: 0} #limheight li a {padding-bottom: 0} #limheight li a span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;opacity: 0.8;border-bottom: 1px solid transparent} #limheight li a span:hover{border-bottom: 1px solid transparent;opacity: 0.4} #limheight h3{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #FFFFFF; margin-top:0;} .fContent {margin-top: 30px} .fSearch{position: relative} .fSearch:after{position: absolute;top:10px;left:10px;content: '';width: 13px;height: 13px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2432 6.61365C11.2432 9.17048 9.17048 11.2432 6.61365 11.2432C4.05682 11.2432 1.9841 9.17048 1.9841 6.61365C1.9841 4.05682 4.05682 1.9841 6.61365 1.9841C9.17048 1.9841 11.2432 4.05682 11.2432 6.61365ZM10.9047 11.6465C9.74964 12.6322 8.25114 13.2273 6.61365 13.2273C2.96103 13.2273 0 10.2663 0 6.61365C0 2.96103 2.96103 0 6.61365 0C10.2663 0 13.2273 2.96103 13.2273 6.61365C13.2273 7.9115 12.8535 9.12204 12.2076 10.1435L16 13.9359L14.597 15.3388L10.9047 11.6465Z' fill='white'/%3e%3c/svg%3e ");background-size: cover;background-repeat: no-repeat;background-position: center center} .fSearch input{border: 1px solid rgba(255,255,255,0.4);height:36px;line-height: 36px;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;color: rgba(255,255,255,0.5);background-color: transparent;padding: 0 31px;width: 100%} .fSearch .b-search--button{display: none} .fContent > .col-xs-4{padding-right: 25px} .fLogo {margin-top: 20px;display: flex;} .fLogo svg{width: 86px;margin-right: 20px} .fLogo div{width: 180px;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: rgba(255,255,255,0.5);} .fConfidence {margin-top: 55px;} .fConfidence a span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5)} .fConfidence a span:hover{border-bottom: 1px solid transparent} .fSocial{padding-left: 20px;float: right} .fSocial > div{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;flex-direction: column;border:1px solid #68696D;margin-bottom: 10px;} .fSocial > div:hover svg{opacity: 0.7} .fSocial > div a{padding-bottom: 0} /* Forms */ .cOContent {padding:0 30px 0px 30px} .cOContent h2{margin-bottom: 10px} .cOContent h2,.cOContent h2 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 130%; color: #000000;} .cOContent h2 span{color: #ff7a20;} .cOContent p{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 130%;color: rgba(0,0,0,0.5);} .cOContent > .row{margin-top: 20px;margin-bottom: 10px;} .cOContent > .row label{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: rgba(0,0,0,0.5);margin-bottom: 3px;} .cOContent input[type="text"]{background-color: #FFFFFF;height: 48px;line-height: 48px;border: 1px solid #E5E5E5;} .cOContent input[type="text"],.cOContent textarea{margin-top: 5px} .cOContent textarea{height: 100px} .cOContent .blueButton{margin-top: 0px;width: 100%;margin-bottom: 0px;} .cOContent p.snoska,.cOContent p.snoska a,.cOContent p.snoska a span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 12px;line-height: 15px;color: rgba(41,38,36,0.5);} .cOContent p.snoska a span{border-bottom: 1px solid rgba(41,38,36,0.5)} .cOContent p.snoska a:hover span{border-bottom: 1px solid transparent} .cOContent .col-xs-12{margin-top:15px} .cOFooter{background-color: #F6F6F6;padding: 30px;} .cOFooter h3, .cOFooter h3 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #000000;} .cOFooter h3 span{font-family: Montserrat;color: #ff7a20;} .cOFooter .col-xs-5 a,.cOFooter .col-xs-5 a span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #234C9F;} .cOFooter .col-xs-5 a span{border-bottom: 1px solid rgba(35,76,159,1)} .cOFooter .col-xs-5 a:hover span{border-bottom: 1px solid rgba(35,76,159,0.5);opacity: 0.5} .cOFooter .col-xs-5 a:hover svg{opacity: 0.5} .cOFooter .col-xs-5 a svg{float: right;margin-left: 10px;} .cOFooter .col-xs-5 {display: flex;align-items: center;justify-content: center;flex-direction: column;} .topHamburger {display: none} .hamburger .line{width: 50px;height: 5px;background-color: #0C54A0;display: block;margin: 8px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .hamburger:hover{cursor: pointer;} /* ONE */ #hamburger-1.is-active .line:nth-child(2){ opacity: 0; } #hamburger-1.is-active .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg); -ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg); } #hamburger-1.is-active .line:nth-child(3){ -webkit-transform: translateY(-13px) rotate(-45deg); -ms-transform: translateY(-13px) rotate(-45deg); -o-transform: translateY(-13px) rotate(-45deg); transform: translateY(-13px) rotate(-45deg); } .tabletMenu {display: none} .b-row {font-size: 0;} .mapOverflow {max-height: 40vh;overflow-y: auto} .b-row:before, .b-row:after {display: block;line-height: 0;content: "";} .b-span4 {width: 33%;display: inline-block;vertical-align: top;min-height: 1px;margin-left: 20px;font-size: 16px; margin: 0;outline: 0 none;padding: 0;background: none repeat scroll 0 0 transparent;border: 0 none;} .b-span4 ul{ list-style: none outside none; } .b-map-list--item > span{font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #000000;} .b-map-sublist--item {margin-bottom:5px;} .b-map-list--item { font-size: 20px; margin: 0 0 25px; } .b-map-list--item { font-size: 20px; margin: 0 0 25px; } .topWindowInner .b-map-list--item a,.topWindowInner .b-map-sublist--item a{ color: #0C54A0; font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px;margin-bottom:5px; } .topWindowInner .b-map-list--item a:hover,.topWindowInner .b-map-sublist--item a:hover{ color:#ff7a20 } .b-map-sublist { border-left: 1px solid #0C54A0; margin: 15px 0 0; padding: 15px 0 0 10px; } .b-map-sublist { border-left: 1px solid #0C54A0; margin: 15px 0 0; padding: 15px 0 0 10px; } .b-map-sublist--item__l2 { margin: 0 0 25px; } .b-row:after { clear: both; } header {position: fixed;top: 0;width: 100%;background-color: #fff;z-index: 100;} main{} /*------------------------------------------ Responsive Grid Media Queries - 1280, 1024, 768, 480 1280-1024 - desktop (default grid) 1024-768 - tablet landscape 768-480 - tablet 480-less - phone landscape & smaller --------------------------------------------*/ @media all and (max-width: 1680px) { } @media all and (max-width: 1536px) { } @media all and (max-width: 1440px) { } @media all and (max-width: 1366px) { } @media all and (max-width: 1280px) { } @media all and (max-width: 1152px) { .swiper-prev {left:0;} .swiper-next {right:0;} } @media all and (max-width: 1024px) { } @media all and (max-width: 1023px) { .topPhones {flex: 1 0;} .topPhones > div{display: none} .topHamburger {height: 96px;width: 95px;display: flex;align-items: center;border-left: 1px solid #E5E5E5;padding-left: 24px;} .logoBox{width: 340px} .wrap{width: 726px;} .svgMap > div svg{width: 100% !important;height: auto !important;} #accordian-horizontal{display: none} .tabletMenu.active {display: block;} .tabletMenu.active .tabletInner{display: flex;width: 100%;flex-wrap: wrap;} .tabletInner > div:nth-child(1){width: 245px;padding: 30px 0;} .tabletInner > div:nth-child(2){flex: 1;padding: 30px 0;flex-direction: column;display: flex;} .tabletInner > div:nth-child(3){width: 95px} .tMenu li{margin-bottom: 10px;display: block} .tMenu a{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;} .tPhones a{display: block;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;margin-bottom: 10px;color: #000000;} .tPhones a.mail{margin-top: auto;} .tPhones a.mail span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #234C9F;border-bottom: 1px solid #234C9F} .tPhones a.mail:hover span{border-bottom: 1px solid transparent} .tPhones > div a span{display: block;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;} .tLang li{width: 100%;height: 74px;display: flex;align-items: center;justify-content: center;flex-direction: column;border: 1px solid #E5E5E5 } .tLang li.current{background-color: #0C54A0;border: 1px solid #0C54A0 } .tLang li.current a{color:#fff} .tLang li a{color:#000;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;text-align: center;color: #000000;} .sText {max-width: 155px;} .cLeft{width: 258px;} .cRight{width: calc(100% - 256px);} .lBlock {width: 100%;float: none;} .rBlock{width: 160px;float: left;} .rdb{margin-bottom: 21px;} .cChoose .rdb{margin-bottom: 10px;} .stageAlert .stageAlertText{width: auto;} .stageForm {padding: 30px 30px 100px 30px;} .stageForm .col-xs-6{-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;} .submitText {width: 192px;float: right;margin-left: 18px;padding-top: 3px;} .swiperControls > div:nth-child(5){min-width: 200px;max-width: 200px;max-height:40px;overflow: hidden} .servicesContainer {display: grid;grid-template-areas: "sC1 sC1" "sC2 sC3" "sC4 sC5" "sC6 sC7";row-gap: 9px;column-gap: 9px;} .servicesContainer h2,.servicesContainer h2 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;position: relative;z-index: 5} .servicesContainer h2 span{color: #DE6729} .button{padding: 0.75em 1.25em;} .s5 h3{margin-top: 43px;} .s5 > .row > .col-xs-6:nth-child(1) {padding-right: 35px;} .s5 > .row > .col-xs-6:nth-child(2) {padding-left: 35px;} .s7 .r .col:nth-child(1){width: 430px;} .s7 .r .col:nth-child(2){width:calc(100% - 430px)} .s7 .button.raised.blueButton{margin-left: 30px} .swiper-prev {left:-15px;} .swiper-next {right:-15px;} .faq .column{width: 100%} .faq .column:nth-child(odd){margin-right: 0} .faq .column:nth-child(even){margin-left: 0} .faq .column{border-top: 1px solid transparent !important;border-bottom: 1px solid #C4C4C4;} .fContent .col-xs-6{-ms-flex-preferred-size: 66.667%;flex-basis: 66.667%;max-width: 66.667%;margin-top: 60px;} .fContent .col-xs-2{-ms-flex-preferred-size: 66.667%;flex-basis: 66.667%;max-width: 66.667%;position: absolute;left: 33%;top:0;width: calc(100% - 33%)} .fContent{position: relative} .fSocial{width: 100%;padding-left: 0;display: flex;flex-wrap: wrap;} .fSocial > div{margin-right: 16px} .fSearch input{line-height: 40px;height: 40px} .tabletMenu .b-submenu{display: none;} .tabletMenu .b-main-menu--text.active{color:#FF7A20;font-weight: 600} .tabletMenu span.b-main-menu--text{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #000000;} .tabletMenu .b-submenu{padding:15px 0 5px 0;} .tabletMenu .b-submenu li{padding-left:15px;} .tabletMenu .b-main-menu--item__has-submenu{ max-height:200px; overflow:auto; }; } /* Microsoft Edge styles */ @supports (-ms-ime-align:auto) { } /* CSS Safari */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { }} /* scroll small header */ @media (min-device-width: 1020px) { header .logo, header .logo svg, header .topList > div { transition: 250ms; } header.scroll_header div.logoBox > a { height: 55px; } header.scroll_header .topList > div { width: 38px; height: 38px; } header.scroll_header .topList > div svg{ width: 17px; } header.scroll_header .js-topMail .mailWidth { height: 36px; line-height: 36px; } header.scroll_header .logo { padding: 0; } header.scroll_header .logo svg { width: 50px; } header.scroll_header #accordian-horizontal > ul > li, header.scroll_header #accordian-horizontal > ul > li > a { height: 40px; line-height: 40px; } header.scroll_header #accordian-horizontal>ul>li>ul { top: 40px; } } .spinner-loader { position: relative; } .spinner-loader:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffffb8; background-image: url(/local/templates/baumix/images/spinner.gif); background-position: center; background-repeat: no-repeat; background-size: 50px; z-index: 3; transition: 250ms; } footer .fmob{ display:none; } .swiper-container .swiper-slide, .swiper-container .swiper-slide img { height: calc(100vh - 200px); max-height: 690px; min-height: 240px; } @media (max-width: 767px){ .swiper-container .swiper-slide, .swiper-container .swiper-slide img { height: auto; max-height: 690px; min-height: 240px; } .container{ width:100%; } .topLine{ position:relative; width:100%; height:40px; } .topLine a span{ color:#0C54A0; font-weight:bold; } .topPhones > div[class=hrc_row2]{ display:block; color:blue; } .topHamburger{ position:absolute; left:0; top:8px; border-left:none; padding:0; margin:0; display:inline-block; width:auto; height:auto; } .hamburger .line{ width:30px; height:3px; margin:4px 0; } #hamburger-1.is-active .line:nth-child(2){ opacity: 0; } #hamburger-1.is-active .line:nth-child(1){ -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } #hamburger-1.is-active .line:nth-child(3){ -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } .logoBox{ position:absolute; right:0; top:-27px; display:inline-block; width:auto; height:auto; } .logoBox svg{ width:40px; } .logoTitle, .topList, .hrc_row3, .hrc_row4, .hrc_row2 a:last-child{ display:none; } main{ } footer{ border-top: 1px solid #F1F1F1; background: #FAFAFA; text-align:center; font-size:14px; } footer .fmob div{ margin-bottom:20px; } footer .fMenu, footer .fContent, footer .hrLine{ display:none; } footer .fmob{ display:block; padding:15px; } footer .fmob .f_fone a{ color:black; display:block; margin-bottom:20px; } footer .fmob .f_fone a:hover{ color:blue; text-decoration:underline; } footer p{ line-height:150%; text-align:center; } footer .f_social_m img{ margin:0; padding:0; margin-left:15px; } footer .yt{ position:relative; /*top:3px;*/ } } .breadCrumbs{ color:#808080; font-size:14px; } .breadcrumb-margin-top{ height:180px; } .breadCrumbs a{ color:#808080; } .breadCrumbs a:hover{ color:black; } .breadCrumbs .divider{ display:inline-block; margin:0px 5px; } .breadCrumbs .lastItem{ } @media (max-width: 1023px){ .breadcrumb-margin-top{ height:120px; } } @media (max-width: 767px){ .breadCrumbs{ font-size:12px; } .breadcrumb-margin-top{ height:70px; } } /*************************************/ .mainPage_s1{ margin-top:20px; } .mainPage_s1 .block{ position:relative; /*background-image:url("../images/back_s1_lg.jpg");*/ background-size:cover; /*height:500px;*/ overflow:hidden; } .mainPage_s1 .block .bluLine{ position:absolute; left:0; bottom:0; width:100%; height:6px; background:#0C54A0; z-index:11; } .mainPage_s1 .block .orangeLine{ position:absolute; left:0; bottom:0; width:69%; height:6px; background:#DE6729; z-index:11; } .mainPage_s1 .block h1, .mainPage_s1 .block h1 span{ font-weight: 700; line-height: 34px; color: #000000; } .mainPage_s1 .block h1{ position:absolute; left:-5px; width:50%; background:white; font-size: 28px; bottom:-10px; padding:20px 0; padding-left:4px; z-index:11; } .mainPage_s1 .block h1 span{ color: #DE6729; } .mainPage_s1 .swiper-container-3{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .mainPage_s1 .swiper-container-3 .swiper-slide { /*width:100%; height:auto; min-height:auto; max-height:none;*/ width:100%; } .mainPage_s1 .swiper-container-3 .swiper-slide img{ width:100%; height:auto; } .mainPage_s1 .container{ position:relative; } .mainPage_s1 .controls{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; } .mainPage_s1 .controls svg:hover{ fill:#0C54A0; cursor:pointer; } .mainPage_s1 .controls svg:hover circle{ fill:#0C54A0; cursor:pointer; } .mainPage_s1 .controls .swiper-button-prev-3{ position:absolute; left:30px; top:0; } .mainPage_s1 .controls .swiper-button-next-3{ position:absolute; right:30px; top:0; } @media (max-width: 1023px){ .mainPage_s1 .block{ width:100%; font-size: 28px; } .mainPage_s1 .block .orangeLine{ width:90%; } .mainPage_s1 .block h1{ width:66%; bottom:-11px; } } @media (min-width: 1700px){ .mainPage_s1 .swiper-container-3 .swiper-slide { width:100%; height:auto; min-height:auto; max-height:none; } } @media (max-width: 767px){ .mainPage_s1{ margin-top:20px; margin-bottom:30px; } .mainPage_s1 .block .orangeLine{ width:50%; } .mainPage_s1 .block h1{ line-height:130%; position:relative; left:0px; bottom:-0px; width:100%; background:white; font-size: 20px; padding:10px 0; margin-top:5px; } .mainPage_s1 .block{ height:auto; } .mainPage_s1 .controls{ display:none; } /*.mainPage_s1 .controls .swiper-button-prev-3{ position:absolute; left:5px; top:-20px; } .mainPage_s1 .controls .swiper-button-next-3{ position:absolute; right:5px; top:-20px; }*/ .mainPage_s1 .swiper-container-3 .swiper-slide { width:100%; height:auto; min-height:auto; max-height:none; } } /*****************************************/ .mainPage_s2{ margin-top:0px; } /*.mainPage_s2 .col-sm-4{border:1px solid green}*/ .mainPage_s2 .unit{ margin-top:60px; } .mainPage_s2 .unit .top{ font-weight: bold; font-size: 48px; color: #0C54A0; margin-bottom:15px; } .mainPage_s2 .unit .bottom{ font-size: 14px; color: #808080; } @media (max-width: 1023px){ .mainPage_s2 .unit .top{ font-size: 36px; } .mainPage_s2 .unit .bottom{ padding-right:0px; } } @media (max-width: 767px){ .mainPage_s2{ margin-top:0px; } .mainPage_s2 .unit{ margin-top:30px; } .mainPage_s2 .unit .top{ font-size: 28px; } } /***************************************/ .mainPage_s3{ margin-top:100px; background:#F6F6F6; } .mainPage_s3 .block{ display:table; width:100%; padding:0; margin:0; } .mainPage_s3 .block .left_c{ display:table-cell; vertical-align:middle; width:66%; font-size: 24px; line-height: 28px; } .mainPage_s3 .block .left_c .text{ display:inline-block; width:100%; margin-bottom:20px; padding-right:100px; } .mainPage_s3 .block .left_c .name{ display:inline-block; width:100%; } .mainPage_s3 .block .left_c .name span:first-child{ font-weight:bold; color:#0C54A0; display:block; } .mainPage_s3 .block .left_c .name span:last-child{ font-weight:bold; display:block; } .mainPage_s3 .block .right_c{ display:table-cell; width:34%; } /* .mainPage_s3 .block .right_c .DT{ width:100%; display:block; } */ .mainPage_s3 .block .right_c img{ width:100%; display:block; } /* .mainPage_s3 .block .right_c .mob{ width:100%; display:none; } */ @media (max-width: 1023px){ .mainPage_s3 .block .left_c{ font-size: 18px; line-height: 22px; } } @media (max-width: 767px){ .mainPage_s3{ margin-top:30px; } .mainPage_s3 .block{ display:block; } .mainPage_s3 .block .left_c{ display:block; width:100%; font-size: 16px; line-height: 130%; padding:30px; } .mainPage_s3 .block .right_c{ display:block; width:100%; } .mainPage_s3 .block .left_c .text{ margin-bottom:20px; padding-right:0px; } .mainPage_s3 .block .right_c .DT{ display:none; } .mainPage_s3 .block .right_c .mob{ display:block; } } /************************************/ .mainPage_s4{ color: #FFFFFF; margin-top:70px; } .mainPage_s4 h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:40px; } .mainPage_s4 h2 span{ color:#DE6729; } .mainPage_s4 .unit_orange, .mainPage_s4 .unit_gray, .mainPage_s4 .unit_blue{ line-height:130%; height:300px; } .mainPage_s4 .unit_blue{ background: #0C54A0; padding:0; border-right:10px solid white; padding:30px 30px 100px 30px; position:relative; } .mainPage_s4 .unit_orange{ background: #DE6729; border-left:5px solid white; border-right:5px solid white; padding:30px 30px 100px 30px; position:relative; } .mainPage_s4 .unit_gray{ background: #F6F6F6; border-left:10px solid white; color:black; padding:30px 30px 100px 30px; position:relative; } .mainPage_s4 .num{ display:block; width:100%; text-align:right; color:white; font-weight: bold; font-size: 122px; line-height:100%; position:absolute; right:30px; bottom:-40px; } @media (max-width: 1023px){ .mainPage_s4 .unit_gray{ padding:30px; position:relative; height:auto; margin-top:15px; border:none; } .mainPage_s4 .unit_gray .smPadding{ margin-right:155px; } .mainPage_s4 .unit_blue{ border:none; margin-right:10px; } .mainPage_s4 .unit_orange{ border:none; margin-left:5px; } } @media (max-width: 767px){ .mainPage_s4{ font-size:14px; } .mainPage_s4 h2{ margin-bottom:20px; } .mainPage_s4 .unit_blue{ border-right:none; padding:0; margin:0; padding:15px; height:auto; position:relative; } .mainPage_s4 .unit_orange{ padding:0; margin:0; margin-top:15px; border-left:none; border-right:none; padding:15px; height:auto; } .mainPage_s4 .unit_gray{ padding:15px; position:relative; height:auto; margin-top:15px; border:none; } .mainPage_s4 .unit_gray .smPadding{ margin-right:0px; } .mainPage_s4 .num{ display:block; width:100%; text-align:right; color:white; font-weight: bold; font-size: 30px; line-height:100%; position:relative; right:0px; bottom:0px; } } /*******************************************/ .mainPage_s5{ margin-top:80px; position:relative; } .mainPage_s5 .top{ } .mainPage_s5 h2{ display:block; font-weight:bold; font-size: 24px; color:black; } .mainPage_s5 h2 span{ color:#DE6729; display:block; } .mainPage_s5 .controls{ text-align:right; position:relative; top:10px; } .mainPage_s5 .controls .allObjLink{ position:relative; right:30px; color:#0C54A0; text-decoration:underline; font-size:14px; font-weight:700; } .mainPage_s5 .controls .allObjLink:hover{ text-decoration:none; } .mainPage_s5 .controls div{ display:inline-block; } .mainPage_s5 .swiper-container{ margin-top:30px; margin-bottom:0; padding:0; } .mainPage_s5 .backGray{ background:#F6F6F6; width:100%; height:50%; position:absolute; left:0; bottom:0; } .mainPage_s5 .projectDescription{ bottom:-1px; left:-1px; } .mainPage_s5 .swiper-button-prev-unique, .mainPage_s5 .swiper-button-next-unique{ position:relative; top:15px; } .mainPage_s5 .swiper-button-prev-unique svg{ cursor:pointer; } .mainPage_s5 .swiper-button-prev-unique svg:hover circle{ fill:#0C54A0; } .mainPage_s5 .swiper-button-next-unique svg{ cursor:pointer; } .mainPage_s5 .swiper-button-next-unique svg:hover circle{ fill:#0C54A0; } @media (max-width: 991px){ .mainPage_s5 .controls .allObjLink{ position:absolute; right:auto; left:0px; top:20px; } } @media (max-width: 767px){ .mainPage_s5 .projectDescription{ width:100%; } .swiper-pagination_on{ display:none; } .mainPage_s5{ margin-top:30px; } .mainPage_s5 .projectDescription{ bottom:0px; left:0px; position:relative; } .mainPage_s5 .container{ width:100%; padding:0; margin:0; } .mainPage_s5 .top{ padding:0 15px; } } /********************************************/ .mainPage_s7{ background:#F6F6F6; padding:50px 0; } .mainPage_s7 h2{ display:block; font-weight:bold; font-size: 24px; color:black; } .mainPage_s7 h2 span{ color:#DE6729; display:block; } .mainPage_s7 .input-text{ width:100%; font-size:18px; padding:10px; border: 1px solid #d4d4d4; background:transparent; height:48px; } .mainPage_s7 .inputBlock{ position:relative; } .mainPage_s7 .inputBlock .require{ position:absolute; top:-15px; left:0; font-size:12px; color:red; display:none; } .mainPage_s7 .error{ border: 1px solid red; } .mainPage_s7 .button_call{ width:100%; padding:13px 0; background:#0C54A0; color:white; font-size:18px; text-align:center; border: 1px solid #0C54A0; margin-left:15px; cursor:pointer; height:48px; } .mainPage_s7 .button_call:hover{ background:#DE6729; border: 1px solid #DE6729; } .mainPage_s7 .button_call:active{ background:#0C54A0; border: 1px solid #0C54A0; } .mainPage_s7 .snoska{ margin-top:15px; } .mainPage_s7 .snoska a{ text-decoration:underline; text-decoration-skip-ink: none; } .mainPage_s7 .snoska a:hover{ text-decoration:none; } @media (max-width: 1023px){ .mainPage_s7 h2 span{ display:inline; } .mainPage_s7 h2{ margin-bottom:30px; } } @media (max-width: 767px){ .mainPage_s7{ display:none; } .mainPage_s7 .button_call{ border: 1px solid #0C54A0; margin-left:0px; margin-top:15px; } } /*******************************************/ .mainPage_s6{ margin-top:50px; } .mainPage_s6 .top{ position:relative; height:30px; } .mainPage_s6 .top h2{ font-weight:bold; font-size: 24px; color:black; position:absolute; left:0; top:0; margin-top:0px; } .mainPage_s6 h2 span{ color:#DE6729; } .mainPage_s6 .top .controls{ position:absolute; right:0; top:0; display:inline-block; } .mainPage_s6 .top .controls .b_left{ display:inline-block; } .mainPage_s6 .top .controls .b_right{ display:inline-block; } .mainPage_s6 .swiper-container-client{ margin-top:30px; } .mainPage_s6 .swiper-container-client{ overflow:hidden; } .mainPage_s6 .swiper-container-client img{ width:100%; /*border:1px solid green;*/ } /************************************/ .letters{ margin-top:70px; margin-bottom:50px; } .mainPage_s6 .swiper-container-letter{ margin-top:30px; } .mainPage_s6 .swiper-container-letter{ overflow:hidden; } .mainPage_s6 .swiper-container-letter img{ width:100%; /*border:1px solid green;*/ } @media (max-width: 500px){ .letters .top{ margin-bottom:55px; } .letters .controls{ margin-top:30px; } } /*******************************************/ .mainPage_s8{ color: #FFFFFF; margin-top:50px; } .mainPage_s8 p{ font-size: 14px; line-height: 18px; margin-bottom:10px; } .mainPage_s8 p b{ font-size:16px; } .mainPage_s8 .backBlue{ background:#0C54A0; color:white; } .mainPage_s8 .row{ margin-top:15px; } .mainPage_s8 .padding-left{ padding-left:15px; } .mainPage_s8 h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:40px; } .mainPage_s8 h2 span{ color:#DE6729; } .mainPage_s8 .unit{ border: 1px solid #C4C4C4; padding:30px; height:215px; margin-top:15px; } .mainPage_s8 .unit .top span{ color:#0C54A0; font-size:60px; font-weight:bold; } .mainPage_s8 .unit .bottom{ font-size: 14px; line-height: 18px; color: #808080; margin-top:30px; } @media (max-width: 1023px){ .mainPage_s8 .padding-left{ padding-left:0px; } .mainPage_s8 .padding-right{ padding-right:15px; } .mainPage_s8 .unit{ padding:20px; height:220px; } } @media (max-width: 767px){ .mainPage_s8 .unit{ border: 1px solid #C4C4C4; padding:15px; height:300px; margin-top:15px; } .mainPage_s8 .unit .top span{ font-size:30px; display:block; height:60px; } .mainPage_s8 .unit .top svg{ width:40px; } .mainPage_s8 .unit .bottom{ font-size: 14px; line-height: 130%; color: #808080; margin-top:15px; } .mainPage_s8 .padding-left{ padding-left:5px; } .mainPage_s8 .backBlue{ height:auto; } .mainPage_s8 .col-xs-12{ padding-left:0px; } .mainPage_s8 .padding-right{ padding-right:0px; } .mainPage_s8 .padding-right-xs{ padding-right:5px; } } /***************************************/ .mainPage_s9{ margin-top:50px; background:#F6F6F6; padding:50px 0; } .mainPage_s9 h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-top:0; } .mainPage_s9 h2 span{ color:#DE6729; display:block; } .mainPage_s9 .input-text{ width:100%; font-size:18px; padding:10px; border: 1px solid #d4d4d4; background:transparent; height:48px; } .mainPage_s9 .inputBlock{ position:relative; } .mainPage_s9 .inputBlock .require{ position:absolute; top:-15px; left:0; font-size:12px; color:red; display:none; } .mainPage_s9 .error{ border: 1px solid red; } .mainPage_s9 .button_call{ width:100%; padding:13px 0; background:#0C54A0; color:white; font-size:18px; text-align:center; border: 1px solid #0C54A0; margin-left:15px; cursor:pointer; height:48px; } .mainPage_s9 .button_call:hover{ background:#DE6729; border: 1px solid #DE6729; } .mainPage_s9 .button_call:active{ background:#0C54A0; border: 1px solid #0C54A0; } .mainPage_s9 .snoska{ margin-top:15px; } .mainPage_s9 .snoska a{ text-decoration:underline; text-decoration-skip-ink: none; } .mainPage_s9 .snoska a:hover{ text-decoration:none; } @media (max-width: 1023px){ .mainPage_s9 h2{ margin-bottom:30px; } .mainPage_s9 h2 span{ display:inline; } } @media (max-width: 767px){ .mainPage_s9 .button_call{ margin-left:0px; margin-top:15px; } .mainPage_s9 h2{ font-size:22px; text-align:center; display:inline-block; } .mainPage_s9{ margin-top:50px; padding:50px 0; text-align:center; } .mainPage_s9 .input-text{ text-align:center; } } /*****************************************/ .mainPage_s10{ margin-top:100px; } .mainPage_s10 .container{ text-align:center; } .mainPage_s10 h2{ display:block; font-weight:bold; font-size: 24px; color:black; text-align:left; } .mainPage_s10 h2 span{ color:#DE6729; } .mainPage_s10 .imgBlock{ position:relative; display:inline-block; } .mainPage_s10 .imgBlock svg{ width:500px; height:323px; } .mainPage_s10 .imgBlock h3{ font-weight: bold; font-size: 18px; text-align:left; } .mainPage_s10 .imgBlock p{ font-size: 14px; margin-top:10px; text-align:left; line-height:130%; } .mainPage_s10 .imgBlock .planning{ position:absolute; right:-215px; top:-30px; width:200px; } .mainPage_s10 .imgBlock .planning .line{ position:absolute; height:70px; width:215px; border-left:1px solid #0C54A0; border-top:1px solid #0C54A0; left:-270px; top:7px; transform: skewX(-45deg); } .mainPage_s10 .imgBlock .planning .line .circle{ background:#0C54A0; width:11px; height:11px; border-radius:50%; position:absolute; top:-5px; right:-10px; transform: skewX(45deg); } .mainPage_s10 .imgBlock .building{ position:absolute; right:-215px; bottom:-100px; width:200px; } .mainPage_s10 .imgBlock .building .line{ position:absolute; height:55px; width:23px; border-left:1px solid #A4A4A4; border-bottom:1px solid #A4A4A4; left:-70px; top:-45px; transform: skewX(45deg); } .mainPage_s10 .imgBlock .building .line .circle{ background:#A4A4A4; width:11px; height:11px; border-radius:50%; position:absolute; bottom:-5px; right:-10px; transform: skewX(-45deg); } .mainPage_s10 .imgBlock .economy{ position:absolute; left:-265px; bottom:35px; width:250px; } .mainPage_s10 .imgBlock .economy .line{ position:absolute; height:15px; width:280px; border-left:1px solid #DE6729; border-top:1px solid #DE6729; left:11px; top:-30px; transform: skewX(-45deg); } .mainPage_s10 .imgBlock .economy .line .circle{ background:#DE6729; width:11px; height:11px; border-radius:50%; position:absolute; bottom:-5px; left:-5px; transform: skewX(45deg); } @media (max-width: 1023px){ .mainPage_s10 .imgBlock svg{ width:360px; height:220px; } .mainPage_s10 .imgBlock .planning{ right:-175px; width:160px; } .mainPage_s10 .imgBlock .planning .line{ height:50px; width:150px; left:-205px; } .mainPage_s10 .imgBlock .building{ right:-175px; bottom:-130px; width:160px; } .mainPage_s10 .imgBlock .economy{ left:-170px; bottom:-30px; width:168px; } .mainPage_s10 .imgBlock .economy .line{ position:absolute; height:15px; width:260px; border-left:1px solid #DE6729; border-top:1px solid #DE6729; left:11px; top:-30px; transform: skewX(-45deg); } .mainPage_s10 h2{ position:relative; top:-20px; } } @media (max-width: 767px){ .mainPage_s10{ display:none; } } /**************************************************/ .mainPage_s11{ margin-top:150px; } .mainPage_s11 h2{ display:block; font-weight:bold; font-size: 24px; color:black; text-align:left; margin-bottom:50px; } .mainPage_s11 h2 span{ color:#DE6729; } .mainPage_s11 .row{ margin-top:50px; } .mainPage_s11 .unit{ display:table; width:100%; padding:0; margin:0; } .mainPage_s11 .unit .icon{ display:table-cell; width:50px; } .mainPage_s11 .unit .text{ display:inline-block; font-size: 14px; line-height:130%; display:table-cell; vertical-align:top; padding:0 15px; } @media (max-width: 1023px){ .mainPage_s11{ margin-top:220px; } } @media (max-width: 767px){ .mainPage_s11{ margin-top:50px; } .mainPage_s11 .row{ margin-top:0px; } .mainPage_s11 .unit{ margin-top:20px; } } /***************************************/ .mainPage_s12{ margin-top:50px; background:#F6F6F6; padding:50px 0; } .mainPage_s12 h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-top:0; } .mainPage_s12 h2 span{ color:#DE6729; display:block; } .mainPage_s12 .input-text{ width:100%; font-size:18px; padding:10px; border: 1px solid #d4d4d4; background:transparent; height:48px; } .mainPage_s12 .inputBlock{ position:relative; } .mainPage_s12 .inputBlock .require{ position:absolute; top:-15px; left:0; font-size:12px; color:red; display:none; } .mainPage_s12 .error{ border: 1px solid red; } .mainPage_s12 .button_call{ width:100%; padding:13px 0; background:#0C54A0; color:white; font-size:18px; text-align:center; border: 1px solid #0C54A0; margin-left:15px; cursor:pointer; height:48px; } .mainPage_s12 .button_call:hover{ background:#DE6729; border: 1px solid #DE6729; } .mainPage_s12 .button_call:active{ background:#0C54A0; border: 1px solid #0C54A0; } .mainPage_s12 .snoska{ margin-top:15px; } .mainPage_s12 .snoska a{ text-decoration:underline; text-decoration-skip-ink: none; } .mainPage_s12 .snoska a:hover{ text-decoration:none; } @media (max-width: 1023px){ .mainPage_s12 h2{ margin-bottom:30px; } .mainPage_s12 h2 span{ display:inline; } } @media (max-width: 767px){ .mainPage_s12 .button_call{ margin-left:0px; margin-top:15px; } .mainPage_s12 h2{ display:block; width:100%; text-align:center; } .mainPage_s12 .input-text{ text-align:center; } .mainPage_s12{ text-align:center; } } /***********************************/ .mainPage_s13{ margin-top:30px; } .mainPage_s13 .swiper-container-3{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .mainPage_s13 .container{ position:relative; } .mainPage_s13 .controls{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; } .mainPage_s13 .controls svg:hover{ fill:#0C54A0; cursor:pointer; } .mainPage_s13 .controls svg:hover circle{ fill:#0C54A0; cursor:pointer; } .mainPage_s13 .controls .swiper-button-prev-3{ position:absolute; left:30px; top:0; } .mainPage_s13 .controls .swiper-button-next-3{ position:absolute; right:30px; top:0; } .mainPage_s13 .swiper-container-3 .swiper-slide{ width:100%; height: calc(100vh - 200px); } .mainPage_s13 .swiper-container-3 .swiper-slide img { width:100%; height: auto; } @media (min-width: 1700px){ .mainPage_s13 .swiper-container-3 .swiper-slide { width:100%; height:auto; min-height:auto; max-height:none; } } @media (max-width: 767px){ .mainPage_s13 .swiper-container-3 .swiper-slide { width:100%; height: auto; min-height:auto; max-height:none; } .mainPage_s13 .controls .swiper-button-prev-3{ position:absolute; left:5px; top:0; } .mainPage_s13 .controls .swiper-button-next-3{ position:absolute; right:5px; top:0; } } #arrToTop{ position:fixed; left:50%; bottom:50px; margin-left:-635px; z-index:1000; cursor:pointer; display:none; opacity:0.7; } #arrToTop:hover #rectFirst{ fill:#0C54A0; } #arrToTop:hover #pathFirst{ stroke:white; } @media (max-width: 1279px){ #arrToTop{ margin-left:0px; left:0px; } } @media (max-width: 1199px){ #arrToTop{ margin-left:-545px; left:50%; } } @media (max-width: 1096px){ #arrToTop{ margin-left:0px; left:0px; } } @media (max-width: 991px){ #arrToTop{ margin-left:-425px; left:50%; } } @media (max-width: 854px){ #arrToTop{ margin-left:0px; left:0px; } } /******************************/ @media (max-width: 767px){ .container{ width:100%; padding:0 15px; } } .projects_s1{ margin-top:20px; } .projects_s1 .selectorName{ z-index:2; display:none; } .projects_s1 h1{ display:inline-block; font-size:24px; font-weight:bold; margin:0 0 30px 25px; } .projects_s1 h1 span{ color:#DE6729; } .projects_s1 .leftMenu{} .projects_s1 .leftMenu .unit{ background:#0C54A0; font-size:14px; color:white; padding:13px 20px; margin-bottom:5px; display:block; text-align:center; line-height:130%; } .projects_s1 .leftMenu .unit:hover{ opacity:0.5; } .projects_s1 .leftMenu .active{ background:#DE6729; } .projects_s1 .filter input[type=checkbox], .projects_s1 .filter input[type=reset]{ display:none; } .projects_s1 .filter{ margin-top:40px; display:none; } .projects_s1 .filter form{ border:1px solid #C4C4C4; width:100%; padding:20px; margin-top:20px; } .projects_s1 .filter form .action{ background:#DE6729; padding:9px 30px; text-align:center; color:white; cursor:pointer; position:relative; top:20px; font-weight:bold; } .projects_s1 .filter form .action:hover{ background:#0C54A0; } .projects_s1 .filter .caption{ font-size:24px; font-weight:bold; z-index:2; } .projects_s1 .filter .caption svg{ display:none; } .projects_s1 .filter .formBlock .ch_b_value{ font-size:14px; font-weight:normal; } .projects_s1 .filter .formBlock{ margin-bottom:30px; } .projects_s1 .filter .formBlock:last-child{ /*margin-bottom:0px;*/ } .projects_s1 .filter .formBlock .caption_f{ font-size:14px; font-weight:bold; } .projects_s1 .filter label{ cursor:pointer; display:block; margin-top:10px; } .projects_s1 .filter span[class=ch_b_value]{ display:inline-block; position:relative; padding-left:26px; } .projects_s1 .filter span[class=ch_b_value]:hover{ color:#C4C4C4; } .projects_s1 .filter span[class=ch_b_value]:before{ content: ""; display:inline-block; width: 16px; height: 16px; border:1px solid #0C54A0; position:absolute; top:0px; left:0px; } .projects_s1 .filter input[type=checkbox]:checked + span[class=ch_b_value]:before{ border:1px solid #DE6729; background:#DE6729; } .projects_s1 .filter .buttonReset{ display:inline-block; border:1px solid #C4C4C4; padding:7px 15px 8px 30px; position:relative; font-weight:bold; width:100%; } .projects_s1 .filter .buttonReset svg{ position:absolute; top:50%; left:17px; margin-top:-7px; } .projects_s1 .projectsList{ padding-left:5px; } .projects_s1 .projectsList .row{ margin-bottom:20px; } .projects_s1 .projectsList .projectPrev{ background:#F6F6F6; font-size:14px; display:block; height:515px; } .projects_s1 .projectsList .projectPrev .info{ padding:20px; } .projects_s1 .projectsList .projectPrev .info div{ margin-top:20px; } .projects_s1 .projectsList .projectPrev .info div:first-child{ margin-top:0px; } .projects_s1 .projectsList .projectPrev .info .caption{ font-weight:bold; margin-bottom:4px; } .projects_s1 .projectsList .projectPrev .imgPrev{ width:100%; } .projects_s1 .projectsList .projectPrev .info .name{ font-size:16px; font-weight:bold; color:#0C54A0; text-decoration:underline; } .projects_s1 .projectsList .projectPrev .info .name:hover{ text-decoration:none; } .projects_s1 .projectsList .projectPrev .info .name span{ color:#DE6729; } .projects_s1 .projectsList .projectPrev .more{ display:block; background:#DE6729; font-size:18px; font-weight:bold; padding:13px; width:100%; color:white; text-align:center; cursor:pointer; } .projects_s1 .projectsList .projectPrev .more:hover{ background:#0C54A0; } .projects_s1 .projectsList .colPadding_left{ padding-left:20px; } .projects_s1 .projectsList .colPadding_right{ padding-left:20px; } .pagination{ width:100%; text-align:center; margin-top:40px; } .pagination .pages{ display:inline-block; margin:0 20px; position:relative; top:-15px; } .pagination ul{ margin:0; padding:0; } .pagination li{ font-size:18px; font-weight:bold; color:#C4C4C4; margin-left:15px; } .pagination li:last-child{ margin-right:15px; } .pagination li a{ font-size:18px; font-weight:bold; color:#C4C4C4; margin:0; padding:0; border-radius:0; height:auto; width:auto; line-height:130%; min-width:auto; } .pagination .active{ color:black; } .pagination svg{ position:relative; top:15px; } .pagination svg:hover{ cursor:pointer; } .pagination svg:hover > circle{ fill:#0C54A0; } @media (max-width: 991px){ .projects_s1 .filterClosed{ position:absolute; left:0; top:0; z-index:1; } .projects_s1 .projectsList{ padding-left:0px; } .projects_s1 h1{ margin:0 0 30px 0px; } .projects_s1 .projectsList .colPadding_left{ padding-left:10px; } .projects_s1 .projectsList .colPadding_right{ padding-left:0px; padding-right:10px; } .projects_s1 .filter{ margin-top:0px; position:absolute; right:0px; top:30px; width:400px; } .projects_s1 .filter .buttonReset{ padding:7px 8px 8px 20px; position:absolute; width:auto; left:20px; bottom:20px; } .projects_s1 .filter .buttonReset svg{ left:7px; } .projects_s1 .filter form .action{ position:absolute; top:auto; bottom:20px; right:20px; width:auto; text-align:center; } .projects_s1 .filter form .action:hover{ background:#DE6729; opacity:0.9; } .projects_s1 .filter .caption{ position:absolute; right:0px; top:-37px; display:inline-block; border:1px solid #C4C4C4; padding:12px 35px 11px 20px; cursor:pointer; font-size:14px; font-weight:normal; } .projects_s1 .filter .caption svg{ display:inline; } .projects_s1 .directPosition{ position:absolute; right:0px; top:30px; width:100%; } .projects_s1 .selectorName{ position:absolute; right:118px; top:-37px; display:inline-block; border:1px solid #C4C4C4; padding:12px 35px 11px 20px; cursor:pointer; font-size:14px; } .projects_s1 .filter .buttonReset svg > path{ stroke:white; } .projects_s1 .filter span[class=ch_b_value]:before{ border:1px solid white; } .projects_s1 .filter form{ border:none; width:100%; padding:20px; margin-top:0px; background:#0C54A0; color:white; } .projects_s1 .selectorName .svg180{ -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .projects_s1 .selectorName svg{ position:absolute; right:12px; top:50%; margin-top:-4px; } .projects_s1 .selectorBody{ display:none; } .projects_s1 .caption .svg180{ -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .projects_s1 .caption svg{ position:absolute; right:12px; top:50%; margin-top:-4px; } .projects_s1 .leftMenu{ width:100%; background:#0C54A0; padding-top:15px; } .projects_s1 .leftMenu .unit{ background:transparent; color:white; padding:13px 20px; margin-bottom:5px; display:block; text-align:left; line-height:130%; margin-left:2px; } .projects_s1 .leftMenu .active{ background:#DE6729; } .projects_s1 .leftMenu .active:hover{ background:#DE6729; } } @media (max-width: 767px){ .projects_s1 .filter{ top:80px; right:auto; left:15px; } .projects_s1 .filter .caption{ position:absolute; right:auto; top:-37px; left:162px; width:auto; } .projects_s1 .directPosition{ top:80px; right:auto; left:15px; width:475px; } .projects_s1 .selectorName{ right:auto; top:-37px; left:0px; } .projects_s1 h1{ margin:0 0 80px 0px; } } @media (max-width: 490px){ .projects_s1 .projectsList .col-xs-6{ width: 100%; } .projects_s1 .directPosition{ width:274px; } .projects_s1 .projectsList .colPadding_left{ padding-left:0px; margin-bottom:15px; } .projects_s1 .projectsList .row{ margin-bottom:0; } .projects_s1 .projectsList .colPadding_right{ padding-left:15px; padding-right:15px; margin-bottom:30px; } .projects_s1 .filter{ width:330px; } .projects_s1 .filter form .action{ position:relative; top:25px; bottom:0px; right:0px; width:auto; text-align:center; } .projects_s1 .filter .buttonReset{ padding:7px 8px 8px 55px; position:relative; width:100%; left:0px; bottom:-10px; } .projects_s1 .filter .buttonReset svg{ left:40px; } } @media (max-width: 350px){ .projects_s1 .filter{ width:300px; } } @media (max-width: 330px){ .pagination .pages a{ margin-right:5px; } } /*************************************/ .case_s1 h1{ font-weight:bold; font-size: 36px; margin-top:30px; line-height:130%; } .case_s1 .mainPic{ margin:30px 0 20px 0; height: calc(100vh - 200px); max-height: 600px; min-height: 240px; overflow:hidden; } .case_s1 .mainPic img{ display:block; width:100%; } .case_s1 .sladerCaseBlock{ position:relative; width:100%; height:auto; } .case_s1 .sladerCaseBlock .controls{ width:100%; position:absolute; top:50%; margin-top:-20px; left:0; z-index:10; } .case_s1 .sladerCaseBlock .controls .swiper-button-prev-сase{ position:absolute; left:-8px; top:0; } .case_s1 .sladerCaseBlock .controls .swiper-button-next-сase{ position:absolute; right:-8px; top:0; } .swiper-container-сase .swiper-slide, .swiper-container-сase{ overflow:hidden; position:relative; width:100%; height: 150px; } .case_s1 .swiper-container-сase img{ width:100%; display:block; } .case_s1 .swiper-container-сase .opacity_left{ opacity:0.5; position:absolute; left:0px; top:0px; height:0; width:0; z-index:9; background:white; } .case_s1 .swiper-container-сase .opacity_right{ opacity:0.5; position:absolute; right:0px; top:0px; height:0; width:0; z-index:9; background:white; } /* .case_s1 .sladerCaseBlock .controls{ margin-top:-35px; } */ @media (max-width: 767px){ .case_s1 .mainPic{ width:100%; height: auto; max-height: none; min-height: auto; overflow:hidden; } .case_s1 .swiper-container-сase, .swiper-container-сase .swiper-slide{ height: auto; } } /**************************************/ .case_s1_2{ padding:70px 0; line-height:130%; } .case_s1_2 h2{ font-weight:bold; font-size: 24px; color:black; } .case_s1_2 h2 span{ color:#DE6729; } .case_s1_2 .unit_info{ margin-top:30px; } /***************************************/ .case_s2{ background:#F6F6F6; padding:70px 0; line-height:130%; } .case_s2 h2{ font-weight:bold; font-size: 24px; color:black; } .case_s2 h2 span{ color:#DE6729; } .case_s2 .text{ margin-bottom:70px; } .case_s2 .text p{ margin-top:20px; } .case_s2 .buttonBlock{ text-align:left; } .case_s2 .buttonBlock .button{ background:#0C54A0; color:white; padding:13px 41px; cursor:pointer; display:inline-block; width:auto; } /******************************************/ .case_s3{ margin-top:50px; } .case_s3 .top{ position:relative; height:30px; } .case_s3 .top h2{ font-weight:bold; font-size: 24px; color:black; position:absolute; left:0; top:0; } .case_s3 h2 span{ color:#DE6729; } .case_s3 .top .controls{ position:absolute; right:0; top:0; display:inline-block; } .case_s3 .top .controls .b_left{ display:inline-block; position:relative; left:-30px; } .case_s3 .top .controls .b_right{ display:inline-block; } .case_s3 .swiper-container-client{ margin-top:30px; } .case_s3 .swiper-container-client{ overflow:hidden; } .swiper-container-sameCases{ overflow:hidden; margin-top:30px; } .case_s3 .projectPrev{ background:#F6F6F6; font-size:14px; } .case_s3 .projectPrev .info{ padding:20px; } .case_s3 .projectPrev .info div{ margin-top:20px; } .case_s3 .projectPrev .info div:first-child{ margin-top:0px; } .case_s3 .projectPrev .info .caption{ font-weight:bold; margin-bottom:4px; } .case_s3 .projectPrev .imgPrev{ width:100%; } .case_s3 .projectPrev .info .name{ font-size:16px; font-weight:bold; display:block; } .case_s3 .projectPrev .info .name span{ color:#DE6729; } .case_s3 .projectPrev .more{ display:block; background:#DE6729; font-size:18px; font-weight:bold; padding:13px; width:100%; color:white; text-align:center; cursor:pointer; } .case_s3 .projectPrev .more:hover{ background:#0C54A0; } @media (max-width: 1023px){ .case_s1 h1{ font-size: 28px; line-height:130%; } } @media (max-width: 767px){ .case_s1 h1{ font-size: 28px; } } @media (max-width: 600px){ .case_s1 h1{ font-size: 24px; } } @media (max-width: 400px){ .case_s2 h2{ font-size: 20px; } .case_s3 .top h2{ font-size: 20px; } .case_s1_2 h2{ font-size: 20px; } .case_s1 h1{ font-size: 18px; } .case_s1 .sladerCaseBlock .controls{ width:100%; position:relative; top:auto; margin-top:10px; left:0px; text-align:center; } .case_s1 .sladerCaseBlock .controls .swiper-button-prev-сase{ position:absolute; left:50%; margin-left:-50px; top:0px; } .case_s1 .sladerCaseBlock .controls .swiper-button-next-сase{ position:absolute; right:50%; margin-right:-50px; top:0px; } .case_s1 .mainPic{ margin:30px 0 10px 0; } } /*************************************/ .index_s1 {padding-top: 0px} .index_s1 h1{max-width: 740px;font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 48px;line-height: 59px;color: #000000;padding-bottom:37px;} .index_s1 h1 span{color:#DE6729} .index_s1 .unit{ position:relative; margin-top:20px; } .index_s1 .unit .number{ color: #DE6729; position:absolute; top:0px; left:15px; } .index_s1 .unit .text{ font-family: Montserrat; font-style: normal; font-weight: 300; font-size: 14px; line-height: 130%; /*color: #808080;*/ color: black; font-weight:500; padding-top:20px; padding-left:15px; } .index_s1 .unit .line { background: #E5E5E5; height: 50px; width: 1px; position:absolute; left:0px; top:0px; } @media (max-width: 740px){ .index_s1 .unit .line{ display:none; } .index_s1 .unit .text{ padding-left:0px; } .index_s1 .unit .number{ left:0px; } } @media (max-width: 639px){ .index_s1 h1{ font-size: 36px; line-height: 130%; padding-bottom:30px; } .index_s1 h1 span{ display:block; } } @media (max-width: 450px){ .index_s1 h1{ font-size: 24px; } } /*************************************/ .index_s2 {padding-top: 40px;position: relative;z-index: 3} .index_s2 h2{font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;} .index_s2 h2 span{font-weight: bold;font-size: 24px;line-height: 29px;color: #DE6729;} .index_s2 .row{ margin-bottom:20px; } .index_s2 .dRukovodstvo { position: relative; top:25px; } .index_s2 .dRukovodstvo > div{position: relative;max-width: 350px} .index_s2 .dRukovodstvo .box{width: 40px;height: 40px;background: #DE6729;border-radius: 50%;display: flex;align-items: center;text-align: center;float: left;margin-right: 16px} .index_s2 .dRukovodstvo .box svg{margin:0 auto;} .index_s2 .dText {padding-top:5px;font-family: Montserrat;font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px;color: #0C54A0;float: left;width: calc(100% - 56px)} @media (max-width: 767px){ .index_s2 h2 span{ display:block; } .index_s2 .dRukovodstvo { top:0px; } } /*CALCULATOR STYLES*/ .rangeDiv,.rangeDiv span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;} .newCalculator {margin-top: 50px;background-color: #0C54A0;color:#fff;} .newCalculator .stage{display: flex;display:-webkit-flex} .newCalculator h3{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;margin-bottom: 10px;color: #DE6729;} .newCalculator h4{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;margin-bottom: 40px;color: #FFFFFF;} .newCalculator .cRightBottom h4{margin-bottom: 20px;} .constructor {display: grid; grid-template-areas: "pLeft pRightTop pRightTop" "pLeft pRightBottom pRightBottom"; } .pLeft { grid-area: pLeft; } .pRightTop { grid-area: pRightTop; } .pRightBottom { grid-area: pRightBottom; } .pLeft .chk {margin-bottom: 10px} .pLeft label span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;} .pRightBottom > div{display: inline-block} .lBlock {width: calc(100% - 155px);float: left} .rBlock {width: 150px;float: right} .pLeft {padding-right: 30px;} .pRightTop,.pRightBottom {padding-left: 30px;} .workTypes .chk{padding-bottom:20px;padding-right:25px;} .flex-parent {display: flex;justify-content: space-between;text-align: left;} .flex-child:nth-child(1) {width: 60%;} .flex-child:nth-child(2) {width: 40%;} .cLeft {float: left;width: 326px;border-right: 1px solid #fff;padding:30px} .cRight {float: left;width: calc(100% - 326px);padding:0;height: auto;display: flex; position: relative;flex: 1;} .cRightTop {border-bottom: 1px solid #fff;padding:30px 30px 30px 30px} .cRightBottom {padding:30px 30px 30px 30px} .stage1 {width: 100%;height: auto;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative; display: none; flex: 1;} .stage1 .stageText{position: absolute;bottom: 0;left:0;width: 50%;padding: 30px;font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #FFFFFF;background-color: #DE6729} .stage2 {width: 100%;height: 100%;display: block} .stage3 {width: 100%;height: 100%;display: none} .cTotal {padding-bottom: 90px;position: relative;height: 100%;display: none} .cTTitle{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #FFFFFF;margin-bottom: 5px} .cTText {font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;margin-bottom: 20px;} .js-stage2{width: 154px;position: absolute;bottom: 0;left:0;} .stageAlert {background-color: #FF7A20;padding:16px 30px;} .stageAlert .box{border:2px solid #fff;width: 34px;height: 34px;display: flex;align-items: center;text-align: center;float: left;margin-right:10px;} .stageAlert .box svg{margin: 0 auto} .stageAlert .stageAlertText{width:480px;font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #FFFFFF;} .stageForm{padding:30px 30px 80px 30px;position: relative;} .stageForm .col-xs-6:nth-child(1){padding-right: 18px} .stageForm .col-xs-6{margin-bottom: 10px;} .stageForm .col-xs-12{margin-bottom: 40px;} .stageForm .col-xs-12:last-child{display: none} .stageForm label{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #FFFFFF;width: 100%;display: block;margin-bottom: 5px;} .stageForm input{width: 100%;height: 36px;line-height: 36px;background-color: transparent;border:1px solid rgba(255,255,255,0.2);font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;color: #FFFFFF;padding:0 15px;} .stageForm input::placeholder{color:rgba(255,255,255,0.7)} .newCalculator .stageForm h4{margin-bottom: 20px;} .js-make-order{float: left;width: 228px;} .submitText{width: 294px;float: left;margin-left: 18px;padding-top:10px} .submitText,.submitText a span,.submitText div{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 12px;line-height: 15px;color: #FFFFFF;opacity: 0.7;} .submitText a span{border-bottom: 1px solid #fff} .buttonS{position: absolute;bottom: 30px;left: 30px;} .button span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #FFFFFF;} .button:active span{color: #000;} /*CALCULATOR STYLES END*/ .index_s4{padding-top:30px;} .index_s4 h2{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 20px} .index_s4 .unit{ height:320px; background:#F6F6F6; position:relative; cursor:pointer; overflow:hidden; } .index_s4 .padding_col{ padding:10px; } /*#0C54A0*/ .index_s4 .unit:hover{ background:#234C9F; } .index_s4 .top{ display:table; width:100%; position:relative; } .index_s4 .unit .top .caption{ color:#234C9F; padding:0 30px; font-size:18px; font-weight:bold; height:70px; text-align:left; display:table-cell; vertical-align:middle; width:100%; } .index_s4 .unit .caption svg{ display:none; position:absolute; right:30px; top:50%; margin-top:-5px; } .index_s4 .divider{ display:none; } .index_s4 .unit .content{ position:relative; } .index_s4 .unit .content .text{ color:white; width:80%; display:none; position:absolute; left:30px; top:0px; z-index:2; } .index_s4 .unit:hover > .content .text{ display:block; } .index_s4 .unit:hover > .top .caption{ color:white; } .index_s4 .unit svg[class=prom], .index_s4 .unit svg[class=grazh], .index_s4 .unit svg[class=stroy], .index_s4 .unit svg[class=eskiz]{ position:absolute; left:30px; bottom:30px; } .index_s4 .unit:hover > svg[class=prom]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:350px; opacity:0.2; } .index_s4 .unit:hover > svg[class=grazh]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:250px; opacity:0.2; } .index_s4 .unit:hover > svg[class=stroy]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:200px; opacity:0.2; } .index_s4 .unit:hover > svg[class=eskiz]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:300px; opacity:0.2; } .index_s4 .unit:hover > svg path{ fill:#0C54A0; stroke:white; } .index_s4 .unit .button{ width:210px; background: #DE6729; color:white; text-align:center; padding:13px 0px 13px 0px; position:absolute; left:30px; bottom:30px; font-weight: bold; font-size: 18px; display:none; } .index_s4 .unit:hover > .button{ display:block; } .index_s4 .unit_2{ height:320px; background:white; position:relative; overflow:hidden; border: 1px solid #C4C4C4; } .index_s4 .unit_2 .caption{ font-weight: bold; font-size: 36px; line-height: 130%; position:absolute; left:30px; top:30px; } .index_s4 .unit_2 .caption span{ color:#DE6729; display:block; } .index_s4 .unit_2 .button_2{ cursor:pointer; width:296px; background: #0C54A0; color:white; text-align:center; padding:13px 0px 13px 0px; position:absolute; left:30px; bottom:30px; font-weight: bold; font-size: 18px; } .index_s4 .unit_2 .button_2:hover{ background: #DE6729; } .index_s4 .unit_2 svg{ position:absolute; right:0px; top:0px; } .index_s4 .unit_3{ height:320px; background:#0C54A0; position:relative; cursor:pointer; overflow:hidden; } .index_s4 .unit_3 .caption{ color:white; padding-left:30px; font-size:18px; font-weight:bold; height:84px; text-align:left; display:table-cell; vertical-align:middle; } .index_s4 .unit_3 .content .text{ color:white; width:80%; display:block; padding-left:30px; } .index_s4 .unit_3 svg{ left:auto; bottom:-50px; right:-50px; width:350px; opacity:0.2; position:absolute; } .index_s4 .unit_3 svg path{ fill:#0C54A0; stroke:white; } .index_s4 .unit_3 .button{ width:210px; background: #DE6729; color:white; text-align:center; padding:13px 0px 13px 0px; position:absolute; left:30px; bottom:30px; font-weight: bold; font-size: 18px; } @media (max-width: 991px){ .index_s4 .unit_2 .caption{ font-size: 30px; line-height: 130%; } } @media (max-width: 767px){ .index_s4 .unit .caption{ color:black; background:#F6F6F6; } .index_s4 .unit:hover > .caption{ color:black; } .index_s4 .unit .caption svg{ display:block; } .index_s4 .divider{ display:block; height:5px; width:100%; background:white; } .index_s4 .unit{ background:#0C54A0; height:70px; } .index_s4 .unit:hover{ background:#0C54A0; } .index_s4 .unit .content .text{ width:100%; display:block; position:relative; left:0px; top:0px; padding:30px; z-index:2; } .index_s4 .unit svg[class=prom]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:300px; opacity:0.2; display:none; } .index_s4 .unit:hover > svg[class=prom]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:300px; opacity:0.2; display:none; } .index_s4 .unit svg[class=grazh]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:250px; opacity:0.2; display:none; } .index_s4 .unit svg[class=stroy]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:200px; opacity:0.2; display:none; } .index_s4 .unit svg[class=eskiz]{ position:absolute; left:auto; bottom:-50px; right:-50px; width:300px; opacity:0.2; display:none; } .index_s4 .unit svg[class=eskiz] path, .index_s4 .unit svg[class=stroy] path, .index_s4 .unit svg[class=grazh] path, .index_s4 .unit svg[class=prom] path{ fill:#0C54A0; stroke:white; } .index_s4 .unit .button{ width:210px; background: #DE6729; color:white; text-align:center; padding:13px 0px 13px 0px; position:relative; left:0px; bottom:0px; font-weight: bold; font-size: 18px; display:block; /*margin-bottom:30px;*/ } } @media (max-width: 450px){ .index_s4 .unit_2{ text-align:center; } .index_s4 .unit_2 .caption{ text-align:left; } .index_s4 .unit_2 .button_2{ width:auto; color:white; padding:13px 50px; position:relative; left:0px; top:220px; display:inline-block; } .index_s4 .unit .caption svg{ right:20px; } .index_s4 .unit .caption{ padding:0 40px 0 30px; } } /****************************************/ .bold {font-weight: 600} .index_s5 {margin-top:50px;} .index_s5 h2{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;margin-bottom: 50px;} .index_s5 h2{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;margin-bottom: 50px;} .index_s5 p, .index_s5 p span{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;} .index_s5 p{margin-bottom: 20px;} .index_s5 p span.bold{font-weight: 600;color:#000} .index_s5 h3, .index_s5 h3 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;margin-bottom: 40px} .index_s5 h3 {margin-top: 93px;} .index_s5 h3 span{color: #DE6729;} .index_s5 h3 span.bold{color: #000;font-weight: 600} .index_s5 > .row > .col-xs-6:nth-child(1){padding-right: 85px;} .index_s5 > .row > .col-xs-6:nth-child(2){padding-left: 85px;} .index_s5 h4, .index_s5 h4 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 96px;line-height: 117px;color: #DE6729;} .index_s5 .numberText{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;margin-bottom: 30px;max-width: 250px;} .index_s5 .number:last-child .numberText{margin-bottom: 0} .index_s5 .hr{background-color: #C4C4C4;opacity: 0.5;margin-bottom: 30px;width: 100%;max-width:412px;height: 1px;} .index_s5 .button.raised.blueButton{margin: 0} @media (max-width: 610px){ .index_s5 h4, .index_s5 h4 span{font-size: 85px;} } @media (max-width: 560px){ .index_s5 h4, .index_s5 h4 span{ font-size: 64px; } .index_s5 .col-xs-6{ width:100%; } .index_s5 .hr{ max-width:100%; margin-bottom:0px; } .index_s5 .numberText{ display:inline-block; padding-left:20px; } .index_s5 h4{ display:inline-block; } .index_s5 h3 { margin-top:0px; } .index_s5 .getPalce_2{ position:relative; top:-170px; left:0px; } .index_s5 .getPalce{ position:relative; top:440px; left:0px; } } @media (max-width: 420px){ .index_s5 .numberText{ display:block; margin:0; padding:0; position:relative; top:-25px; } .index_s5 h4{ display:block; margin:0; padding:0; } } /**********************************************/ .index_s6 {padding:50px 0;} .index_s6 h2{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;display: inline-block;} .index_s6 .countrySelect {display: inline-block} .index_s6 .countrySelect > div{color: #000000;display: inline-block;margin-left: 20px;font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 18px;line-height: 22px;cursor: pointer} .index_s6 .countrySelect > div.active{color: #DE6729;font-weight: bold;} .index_s6 .svgMap {margin-top: 20px;} .index_s6 .svgMap path:hover {fill: #0298ED;stroke:#234C9F} /***********************************************/ .index_s7{padding-top:70px;background-color: rgba(196,196,196,0.1);padding-bottom: 30px;transform: translateY(-10px);} .index_s7 .button{padding:0 30px;height: 48px;line-height: 48px;width: auto;display: inline-block;} .index_s7 .button span{height: 48px;line-height: 48px;} .index_s7 .col > a{margin-left: 133px;float: left} .index_s7 .podchod{margin-top: 50px;} .index_s7 .podchod h3{max-width: 255px;margin-bottom: 20px} .index_s7 .podchod h3,.podchod h3 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;} .index_s7 .podchod h3 span{color: #DE6729;} .index_s7 .podchod h4{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;margin-bottom: 40px} .index_s7 .r{display: flex;flex-wrap: wrap;} .index_s7 .col {flex-grow: 1;width: 50%;} .index_s7 .linkToCatalog,.linkToCatalog span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #000000;} .index_s7 .linkToCatalog span{color: #DE6729;} .index_s7 .swiper-scrollbar {height: 1px;margin-top: 10px} .index_s7 .swiperTitle{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #0C54A0;margin-bottom: 20px;} .index_s7 .swiperText{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;} .index_s7 .swiper-podhod .swiper-slide{padding:30px;background-color: #fff;margin-bottom: 10px;height: auto;} .index_s7 .swiper-scrollbar-drag{background-color: #234C9F;border-radius: 0;height: 10px;top:-10px} .index_s7 .sP {margin-bottom: 55px;position: relative} .index_s7 .swiper-next, .index_s7 .swiper-prev{position: absolute;top:50%;width: 30px;height: 30px;background-color: #DE6729;z-index: 13;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;transform: translateY(-50%)} .index_s7 .swiper-next:hover, .index_s7 .swiper-prev:hover{background: #234C9F;} .index_s7 .swiper-next{right:-15px;} .index_s7 .swiper-next svg{margin-left:3px} .index_s7 .swiper-prev{left:-15px;} .index_s7 .swiper-prev svg{margin-right:3px} .index_s7 .swiper-podhod{overflow: hidden;} .index_s7 .faq h2{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;margin-bottom: 50px;display: block;width: 100%} .index_s7 .faq {} .index_s7 .faq .column{padding:20px 20px;border-bottom: 1px solid #C4C4C4;} .index_s7 .faq .column:nth-child(1),.faq .column:nth-child(2){border-top: 1px solid #C4C4C4;} .index_s7 .faq .column a{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #0C54A0;} .index_s7 .faq .column:hover {background-color: #0C54A0} .index_s7 .faq .column:hover a{color:#fff; text-decoration:none;} /* Clear floats after the columns */ .index_s7 .faq:after {content: "";display: table;clear: both;} @media (max-width: 625px){ .index_s7 .col-xs-6{ width:100%; } .index_s7 .alignRight{ text-align:left; margin-top:20px; } } @media (max-width: 400px){ .index_s7 .alignRight{ text-align:center; } .index_s7 .button{ width:100%; } } /**********************************************/ .index_s8 .row .alignRight a{text-align: right; text-decoration:none;} .index_s8 {padding:23px 0 50px 0;} .index_s8 h2{max-width: 553px} .index_s8 h2,.index_s8 h2 span{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 24px;line-height: 29px;color: #000000;} .index_s8 h2 span{color: #DE6729;} .index_s8 .button.raised.blueButton{width: 326px;height: 48px;line-height: 48px;padding: 0} .index_s8 .button{ position:relative; top:25px; left:0; } @media (max-width: 650px){ .index_s8 .col-xs-6{ width:100%; } .index_s8 .alignRight{ text-align:left; } .index_s8 .button{ top:10px; } } .button.raised.blueButton {background: #0C54A0;box-shadow: none;color:#fff;} .button.raised.blueButton:hover {background: #DE6729;box-shadow: none;color: #fff !important;} .button.raised.blueButton:active {background-color: #0C54A0;box-shadow: none;color: #fff !important;} .button {position: relative;margin: 0 auto;font-weight: 100;padding: 1em 1.25em;text-align: center;width: 224px;overflow: hidden;z-index: 0;cursor: pointer;background: #FF7A20;box-sizing: border-box;color: #fff;max-width: 100%} .button.raised {-moz-transition: all 0.1s;-o-transition: all 0.1s;-webkit-transition: all 0.1s;transition: all 0.1s;background: #DE6729;} .button.raised:active {background: #fff;color:#000} .button:hover{background-color: #DE6729} /****************************************/ .s_cases{ padding:50px 0; } .s_cases h2{ font-weight: bold; font-size: 24px; margin-bottom:30px; } .s_cases .projectsList{ } .s_cases .projectsList .col-xs-6{ margin-bottom:30px; } .s_cases .projectsList .projectPrev{ background:#F6F6F6; font-size:14px; } .s_cases .projectsList .projectPrev .info{ padding:30px; } .s_cases .projectsList .projectPrev .imgPrev{ width:100%; } .s_cases .projectsList .projectPrev .info .name{ font-size:24px; font-weight:bold; line-height:100%; } .s_cases .projectsList .projectPrev .info .text{ font-size:14px; margin-top:20px; } .s_cases .projectsList .projectPrev .info .name span{ color:#DE6729; } .s_cases .more{ display:inline-block; background:#0C54A0; font-size:18px; font-weight:bold; padding:13px 90px; width:auto; color:white; text-align:center; cursor:pointer; } .s_cases .more:hover{ background:#DE6729; } @media (max-width: 640px){ .s_cases .col-xs-6{ width:100%; } .s_cases .projectsList .projectPrev .info .name{ font-size:20px; font-weight:bold; line-height:120%; } } @media (max-width: 400px){ .s_cases .projectsList .more{ width:100%; } } /****************************************************/ .docDev{ padding:50px 0; background:#F6F6F6; } .docDev h2{ font-weight: bold; font-size: 24px; } .docDev h2 span{ color:#DE6729; } .docDev .screen{ width:100%; height:450px; margin-top:15px; overflow-y:auto; } .docDev .box{ margin-top:20px; } .docDev .box .unit{ margin-top:20px; overflow:hidden; height:80px; } .docDev .box .unit .top{ display:table; width:100%; cursor:pointer; } .docDev .box .unit .caption{ display:table-cell; width:100%; color:#0C54A0; background:white; height:80px; padding:0px 100px 0px 20px; vertical-align:middle; font-weight: bold; font-size: 18px; position:relative; } .docDev .box .unit .caption svg{ position:absolute; right:20px; top:50%; margin-top:-13px; } .docDev .box .unit .caption .num{ position:absolute; font-weight: bold; font-size: 36px; right:20px; top:50%; margin-top:-22px; color:white; /*text-shadow:2px 2px 0 #c4c4c4;*/ } .docDev .box .unit .text{ padding-top:20px; } .docDev .target .card{ display:none; } /*************************************/ .calculatorWM{ background:#0C54A0; } .calculatorWM .fill{ border-radius:100%; border:2px solid red; font-size:20px; line-height:100%; display:inline-block; padding:5px 13px 5px 12px; margin-left:5px; display:none; } .calculatorWM .caption{ font-weight: bold; font-size: 24px; color: #DE6729; } .calculatorWM .caption .underCaption{ font-size: 18px; color:white; margin-top:0px; } .calculatorWM .colRight{ position:relative; } .calculatorWM .colRight .border-left{ height:100%; width:1px; background:white; opacity: 0.2; position:absolute; left:0px; top:0px; } .calculatorWM .firstStep{ position:relative; padding:20px; } .calculatorWM .nextStep{ position:relative; padding:20px; } .calculatorWM .thirdStep{ padding:20px; padding-bottom:30px; position:relative; } .calculatorWM .thirdStep .border-bottom{ height:1px; width:100%; background:white; opacity: 0.2; position:absolute; left:0px; bottom:0px; } .calculatorWM .nextStep .border-bottom{ height:1px; width:100%; background:white; opacity: 0.2; position:absolute; left:0px; bottom:0px; } .calculatorWM .firstStep input[type=checkbox]{ display:none; } .calculatorWM .firstStep label{ cursor:pointer; display:block; margin-top:10px; } .calculatorWM .firstStep span[class=ch_b_value]{ color:white; font-weight:normal; } .calculatorWM .firstStep span[class=ch_b_value]:before{ content: ""; display:inline-block; width: 16px; height: 16px; border:1px solid white; position:relative; top:2px; margin-right:10px; } .calculatorWM .firstStep input[type=checkbox]:checked + span[class=ch_b_value]:before{ /*border:1px solid #DE6729;*/ background:#DE6729; color:#DE6729; } .calculatorWM .firstStep input[type=checkbox]:checked + span[class=ch_b_value]{ color:#DE6729; } .calculatorWM .tb{ display:table; margin:0; padding:0; width:100%; } .calculatorWM .tb .tb-col{ display:table-cell; margin:0; padding:0; width:33.3%; text-align:center; vertical-align:middle; padding:5px; } .calculatorWM .nextStep label{ display:block; width:100%; height:100%; } .calculatorWM .nextStep .buttonMetr{ display:block; width:100%; background:white; font-weight: bold; font-size: 14px; color:black; padding:14px 0; text-align:center; margin-top:15px; cursor:pointer; border:1px solid #0C54A0; } .calculatorWM .nextStep .buttonMetr:active{ opacity:1; background:#0C54A0; border:1px solid white; color:white; } .calculatorWM .nextStep input[type=radio]{ display:none; } .calculatorWM .nextStep input[type=radio]:checked + div[class=buttonMetr]{ background:#0C54A0; border:1px solid white; color:white; } .calculatorWM .thirdStep input{ outline:none; width:100%; font-size:14px; font-weight:normal; color:white; padding:7px; margin-top:20px; background:transparent; } .calculatorWM .input-text{ border:1px solid #c6d6e7; } .calculatorWM .thirdStep input::-webkit-input-placeholder { color:#c6d6e7; } .calculatorWM .thirdStep input:-moz-placeholder { color:#c6d6e7; } .calculatorWM .thirdStep .submitBtn{ background:#DE6729; color:white; padding:13px 0px; width:100%; text-align:center; font-size: 18px; margin-top:20px; cursor:pointer; position:relative; z-index:2; } .calculatorWM .thirdStep .submitBtn:hover{ opacity:0.9; } .calculatorWM .thirdStep .submitBtn:active{ opacity:1; } .calculatorWM .thirdStep .policy{ color:white; font-weight: normal; font-size: 12px; margin-top:20px; position:relative; z-index:1; } .calculatorWM .thirdStep .policy a{ color:white; text-decoration:underline; } .calculatorWM .thirdStep .policy a{ text-decoration:none; } .calculatorWM .inputBlock{ position:relative; } .calculatorWM .inputBlock .require{ position:absolute; top:0px; left:0; font-size:12px; color:red; display:none; } .calculatorWM .error{ border: 1px solid red; } @media (max-width: 767px){ .calculatorWM .colRight .border-left{ display:none; } .calculatorWM .nextStep .border-bottom{ display:none; } } @media (max-width: 400px){ .calculatorWM .nextStep .buttonMetr{ font-size:12px; } } /*********************/ .contacts .unit{ margin-top:25px; } .contacts .unit .title{ display:block; } .contacts .caption{ font-weight: bold; font-size: 24px; color: #DE6729; margin-top:30px; } .contacts .unit .text a{ font-size:18px; text-decoration:underline; color: #0C54A0; font-weight: bold; } .contacts .unit .text span{ display:block; font-size: 14px; } .contacts .addMargin{ margin-top:70px; } .contacts .map{ margin-top:33px; } .contacts .howToGet{ text-align:center; background:#0C54A0; color:white; padding:16px 54px 16px 77px; position:relative; font-size:14px; font-weight:bold; cursor:pointer; display:inline-block; margin-top:30px; } .contacts .howToGet:hover{ background:#DE6729; } .contacts .howToGet svg{ position:absolute; left:54px; top:50%; margin-top:-9px; } .contacts .inMoskow{ margin-top:35px; } .contacts .inMoskow img{ width:100%; } .contacts .inMoskow .content{ height:100%; width:100%; position:relative; } .contacts .inMoskow .content .str_1{ display:block; } .contacts .inMoskow .content .str_2{ display:block; font-size:18px; color: #0C54A0; font-weight: bold; } .contacts .inMoskow .content .str_3{ display:block; position:absolute; bottom:0; left:0; } .contacts .inMoskow .row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .contacts .inMoskow .row .col-sm-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .contacts .contactsForm{ background:#0C54A0; color:white; margin-top:40px; } .contacts .contactsForm h2{ color:white; width:100%; text-align:center; position:relative; top:15px; } .contacts .snoska_1{ color:white; font-size:12px; } .contacts .snoska_1 a { color:white; text-decoration:underline; } .contacts .snoska_1 a:hover { color:white; text-decoration:none; } .contacts .contactsForm .button{ color:#DE6729; width:100%; } .contacts .contactsForm .button:hover{ opacity:0.9; } .contacts .contactsForm .input-text{ background:#0C54A0; border:1px solid white; width:100%; padding-left:15px; } .contacts .contactsForm .error{ border:1px solid red; } .contacts .contactsForm input[type=text]::-webkit-input-placeholder {color:white;} .contacts .contactsForm input[type=text]::-moz-placeholder {color:white;}/* Firefox 19+ */ .contacts .contactsForm input[type=text]:-moz-placeholder {color:white;}/* Firefox 18- */ .contacts .contactsForm input[type=text]:-ms-input-placeholder {color:white;} .contacts .contactsForm input[type=text]:focus::-webkit-input-placeholder{color:gray;} .contacts .contactsForm input[type=text]:focus::-moz-placeholder{color:gray;}/* Firefox 19+ */ .contacts .contactsForm input[type=text]:focus:-moz-placeholder {color:gray;}/* Firefox 18- */ .contacts .contactsForm input[type=text]:focus:-ms-input-placeholder{color:gray;} .contacts .imgLeftRight{ margin-top:25px; } .contacts .imgLeftRight .imgLeft, .contacts .imgLeftRight .imgRight{ height:230px; overflow:hidden; } .contacts .imgLeftRight img{ width:100%; } .contacts .howGetaddr .caption{ color:black; margin:0; padding:0; } .contacts .imgRightM{ display:none; margin-top:15px; height:250px; overflow:hidden } .contacts .imgRightM img{ width:100%; } @media (max-width: 1200px){ .contacts .imgLeftRight .imgLeft, .contacts .imgLeftRight .imgRight{ height:180px; } .contacts .contactsForm{ margin-top:30px; } .contacts .inMoskow .content .str_1{ line-height:110%; margin-bottom:7px; font-size:12px; } .contacts .inMoskow .content .str_2{ font-size:12px; line-height:110%; } .contacts .inMoskow .content .str_3{ line-height:110%; font-size:12px; } } @media (max-width: 991px){ .contacts .imgLeftRight .imgLeft{ height:230px; } .contacts .imgRightM{ display:block; height:280px; } .contacts .inMoskow{ height:402px; overflow:hidden; } .contacts .inMoskow .row{ display: block; flex-wrap: nowrap; } .contacts .inMoskow .row .col-sm-12 { display: block; flex-direction: row; } .contacts .inMoskow .content .str_1{ display:block; font-weight:bold; margin-bottom:7px; } .contacts .inMoskow .content .str_2{ display:block; font-size:18px; color: #0C54A0; font-weight: bold; margin-bottom:7px; } .contacts .inMoskow .content .str_3{ position:relative; margin-bottom:15px; } .contacts .contactsForm{ margin-top:40px; } } @media (max-width: 767px){ .contacts .imgLeftRight .imgLeft{ height:280px; } .contacts .contactsForm{ margin-top:0px; margin-top:-30px; } .contacts .inMoskow .content .str_1{ font-weight:normal; } .contacts .inMoskow .content .str_3{ font-weight:bold; } .contacts .inMoskow{ height:auto; } } #cookie_notification{ display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 25px; background-color: white; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); text-align:center; z-index:100000000; font-size: 12px; color: black; } #cookie_notification .show{ display:block; } #cookie_notification p{ margin: 0; font-size: 12px; text-align: left; color: black; margin-bottom:10px; } .cookie_accept{ border:none; display:inline; background:gray; color:white; } /*************************************/ .sp-search{ margin-bottom:20px; } .sp-search, .search-tabs { display: inline-block; vertical-align: middle; } .b-search--input { background: #fff; border: 1px solid #b3b3b3; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 9px; font-size: 16px; font-family: "pf_din_text_cond_proregular", Arial, sans-serif; } .b-search--button { font-size: 0; border: none; background-image: url(../images/sprite__temp.png); background-position: -90px -30px; background-repeat: no-repeat; width: 21px; height: 21px; background-color: #fff; cursor: pointer; top: 5px; right: -5px; position: relative; } .search-tabs li { display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 12px; border-bottom: 1px solid; color: #0084cb; } /*************************/ .rfList_mainObj{ background:#F6F6F6; text-align:right; padding:70px 0; } .rfList_mainObj .rf_list, .rfList_mainObj .mainObj{ background:#0C54A0; padding:16px 21px 15px 75px; position:relative; color:white; display:inline-block; cursor:pointer; margin-left:10px; font-weight:bold; } .rfList_mainObj .rf_list:hover, .rfList_mainObj .mainObj:hover{ background:#DE6729 } .rfList_mainObj .icon{ height:100%; width:54px; position:absolute; border-right:1px solid white; left:0; top:0; } .rfList_mainObj .icon svg{ position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-9px; } @media (max-width: 767px){ .rfList_mainObj .rf_list, .rfList_mainObj .mainObj{ margin-left:0px; } .rfList_mainObj .mainObj{ margin-top:10px; } .rfList_mainObj{ text-align:left; padding:30px 0; } } @media (max-width: 435px){ .rfList_mainObj .rf_list, .rfList_mainObj .mainObj{ width:100%; } } /***********************************/ footer .container{ position:relative; } footer .footerList .caption{ color: #FFFFFF; font-size:18px; font-weight:bold; margin-bottom:5px; } footer .footerList .col-xs-6{ margin:0; } footer .footerList a{ color:rgba(255,255,255,0.5); margin-bottom:3px; display:inline-block } footer .footerList a:hover{ opacity:0.5; } @media (max-width: 991px){ footer .footerList .col-xs-6{ padding:0; margin:0; } footer .footerList .caption{ position:relative; left:-15px; } .fSocial{ position:absolute; left:250px; top:0px; } footer .footerList{ position:relative; top:50px; } } /*********************/ .topPageImg{ margin-top:30px; } .imgBlock img{ width:100%; } .topPageImg .colorLine{ height:6px; position:relative; } .topPageImg .colorLine .bluLine{ height:6px; position:absolute; left:0; top:0; width:100%; background:#0C54A0; } .topPageImg .colorLine .orangeLine{ height:6px; position:absolute; left:0; top:0; width:30%; background:#DE6729; } .topPageImg h1{ margin-top:50px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 48px; color: #000000; padding-bottom:37px; } .topPageImg h1 span{color:#DE6729} @media (max-width: 639px){ .topPageImg h1{ font-size: 36px; line-height: 130%; padding-bottom:30px; } } @media (max-width: 450px){ .topPageImg h1{ font-size: 24px; } } /*********************/ /*********************/ .project_doc{ background:white; padding:30px 0; } .project_doc h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:40px; } .project_doc h2 span{ color:#DE6729; display:block; } .project_doc .unit{ height:100px; position:relative; } .project_doc .unit .box{ width:30px; height:30px; border:solid 4px #0C54A0; background:white; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; } .project_doc .unit .box .orgBox{ width:10px; height:10px; background:#DE6729; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; display:none; } .project_doc .unit .lineVert{ width:2px; height:100%; background:#0C54A0; position:absolute; left:50%; bottom:0px; margin-left:-1px; } .project_doc .unit .lineGorizRight{ width:50%; height:2px; background:#0C54A0; position:absolute; top:50%; right:0px; margin-top:-1px; } .project_doc .unit .lineGorizLeft{ width:50%; height:2px; background:#0C54A0; position:absolute; top:50%; left:0px; margin-top:-1px; } .project_doc .unit .contentRight{ width:40%; height:100px; background:#0C54A0; position:absolute; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:40%; height:100px; background:#0C54A0; position:absolute; top:0px; left:0px; } .project_doc .unit .rombRight{ width:20px; height:20px; background:#0C54A0; position:absolute; top:40px; right:40%; margin-right:-10px; -moz-transform: rotate(45deg); /* Для Firefox */ -ms-transform: rotate(45deg); /* Для IE */ -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(45deg); /* Для Opera */ transform: rotate(45deg); } .project_doc .unit .rombLeft{ width:20px; height:20px; background:#0C54A0; position:absolute; top:40px; left:40%; margin-left:-10px; -moz-transform: rotate(45deg); /* Для Firefox */ -ms-transform: rotate(45deg); /* Для IE */ -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(45deg); /* Для Opera */ transform: rotate(45deg); } .project_doc .unit .tb{ display:table; width:100%; height:100px; color:white; } .project_doc .unit .tb .colLeft{ display:table-cell; width:60%; padding-left:20px; vertical-align:middle; font-size:18px; font-weight:700; } .project_doc .unit .tb .colRight{ display:table-cell; width:40%; padding-right:20px; vertical-align:middle; text-align:right; } .project_doc .unit .openButton{ width:130px; padding:10px 0px 11px 0px; display:inline-block; border:1px solid white; cursor:pointer; font-size:14px; font-weight:700; text-align:center; } .project_doc .unit .openButton:hover{ background:#DE6729; border:1px solid #DE6729; } .project_doc .unit .openButtonOn{ width:130px; padding:10px 0px 11px 0px; display:inline-block; border:1px solid white; cursor:pointer; font-size:14px; font-weight:700; text-align:center; background:#DE6729; } .project_doc .unit .text{ background:#DE6729; color:white; padding:0px 20px 20px 20px; display:none; } @media (max-width: 991px){ .project_doc .unit{ height:150px; } .project_doc .unit .contentRight{ width:40%; height:150px; background:#0C54A0; position:absolute; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:40%; height:150px; background:#0C54A0; position:absolute; top:0px; left:0px; } .project_doc .unit .tb{ display:table-cell; width:100%; height:150px; color:white; vertical-align:middle; } .project_doc .unit .tb .colLeft{ display:inline-block; width:100%; padding-left:30px; font-size:18px; font-weight:700; position:relative; top:-10px; } .project_doc .unit .tb .colRight{ display:inline-block; width:100%; padding-right:0px; padding-left:30px; text-align:left; } .project_doc .unit .rombRight{ top:64px; } .project_doc .unit .rombLeft{ top:64px; } } @media (max-width: 767px){ .project_doc .unit{ height:130px; position:relative; } .project_doc .unit .contentRight{ width:75%; height:100px; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:75%; height:100px; background:#0C54A0; position:absolute; top:0px; left:auto; right:0px; } .project_doc .unit .rombRight{ top:40px; right:75%; margin-right:-10px; } .project_doc .unit .rombLeft{ top:40px; left:auto; right:75%; margin-left:0px; margin-right:-10px; } .project_doc .unit .tb{ display:table; width:100%; height:100px; color:white; } .project_doc .unit .tb .colLeft{ display:table-cell; width:60%; padding-left:20px; vertical-align:middle; font-size:18px; font-weight:700; top:0px; } .project_doc .unit .tb .colRight{ display:table-cell; width:40%; padding-right:20px; vertical-align:middle; text-align:right; } .project_doc .unit .lineGorizLeft{ width:100%; margin-top:-16px; } .project_doc .unit .lineGorizRight{ width:100%; margin-top:-16px; } .project_doc .unit .box{ left:0; top:50%; margin-left:0px; margin-top:-30px; } .project_doc .unit .lineVert{ left:15px; margin-left:0px; } } @media (max-width: 570px){ .project_doc .unit .contentRight{ width:85%; height:100px; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:85%; height:100px; background:#0C54A0; position:absolute; top:0px; left:auto; right:0px; } .project_doc .unit .rombRight{ top:40px; right:85%; margin-right:-10px; } .project_doc .unit .rombLeft{ top:40px; left:auto; right:85%; margin-left:0px; margin-right:-10px; } } @media (max-width: 480px){ .project_doc .unit{ height:170px; position:relative; } .project_doc .unit .contentRight{ width:75%; height:150px; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:75%; height:150px; background:#0C54A0; position:absolute; top:0px; left:auto; right:0px; } .project_doc .unit .tb{ display:table-cell; width:100%; height:150px; color:white; } .project_doc .unit .tb .colLeft{ display:inline-block; width:100%; padding-left:30px; top:-5px; } .project_doc .unit .tb .colRight{ display:inline-block; width:100%; padding-right:0px; text-align:left; } .project_doc .unit .rombRight{ top:60px; right:75%; margin-right:-10px; } .project_doc .unit .rombLeft{ top:60px; left:auto; right:75%; margin-left:0px; margin-right:-10px; } } @media (max-width: 320px){ .project_doc .unit .contentRight{ width:80%; height:150px; top:0px; right:0px; } .project_doc .unit .contentLeft{ width:80%; height:150px; background:#0C54A0; position:absolute; top:0px; left:auto; right:0px; } .project_doc .unit .rombRight{ top:60px; right:80%; margin-right:-10px; } .project_doc .unit .rombLeft{ top:60px; left:auto; right:80%; margin-left:0px; } .project_doc .unit .tb .colLeft{ padding-left:20px; } .project_doc .unit .tb .colRight{ padding-right:0px; padding-left:20px; } } /********************/ /********************/ .whoMake{ background:white; padding:30px 0; } .whoMake h2{ display:block; font-weight:bold; font-size: 24px; color:black; } .whoMake h2 span{ color:#DE6729; } .whoMake .desc{ font-size:14px; font-weight:400; } .whoMake .text{ margin-top:10px; } .whoMake .col-sm-4{ margin-top:40px; height:150px; /*border:1px solid green;*/ } @media (max-width: 480px){ .whoMake .col-sm-4{ margin-top:10px; height:auto; /*border:1px solid green;*/ } } /*******************/ /*******************/ .workVolume{ background:#F6F6F6; padding:30px 0; } .workVolume h2 span{ color:#DE6729; } .workVolume h2{ display:block; font-weight:bold; font-size: 24px; color:black; } .workVolume .unit{ background:white; padding:30px; margin-top:30px; height:220px; } .workVolume .tb{ display:table; width:100%; } .workVolume .tb .colLeft{ display:table-cell; } .workVolume .tb .colRight{ display:table-cell; font-size:24px; font-weight:700; vertical-align:top; line-height:100%; padding-left:30px; } .workVolume .unit .text{ margin-top:20px; font-size:14px; font-weight:400; vertical-align:top; } @media (max-width: 991px){ .workVolume .unit{ height:auto; } } /*******************/ /*******************/ .servicesSlider{ background:#F6F6F6; padding:30px 0; } .servicesSlider h2 span{ color:#DE6729; display:block; } .servicesSlider h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:30px; } .servicesSlider .swiper-scrollbar {height: 1px;margin-top: 10px} .servicesSlider .swiperTitle{font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 18px;line-height: 22px;color: #0C54A0;margin-bottom: 20px;} .servicesSlider .swiperText{font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 17px;color: #808080;} .servicesSlider .swiper-podhod .swiper-slide{padding:0px;background-color: #F6F6F6;margin-bottom:0px;height: auto;} .servicesSlider .swiper-scrollbar-drag{background-color: #234C9F;border-radius: 0;height: 10px;top:-10px} .servicesSlider .sP {margin-bottom: 55px;position: relative} .servicesSlider .swiper-next, .servicesSlider .swiper-prev{position: absolute;top:50%;width: 30px;height: 30px;background-color: #DE6729;z-index: 13;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;transform: translateY(-50%)} .servicesSlider .swiper-next:hover, .servicesSlider .swiper-prev:hover{background: #234C9F;} .servicesSlider .swiper-next{right:-15px;} .servicesSlider .swiper-next svg{margin-left:3px} .servicesSlider .swiper-prev{left:-15px;} .servicesSlider .swiper-prev svg{margin-right:3px} .servicesSlider .swiper-podhod{overflow: hidden;} .servicesSlider .unit{ position:relative; background:#F6F6F6; border:1px solid #C4C4C4; height:300px; padding:30px; } .servicesSlider .unit:hover{ background:white; border:1px solid white; } .servicesSlider .name{ color:#0C54A0; font-size:18px; font-weight:700; } .servicesSlider .icon{ position:absolute; bottom:30px; right:30px; } /*******************/ .buttonGetMore{ text-align:center; margin-top:20px; } .buttonGetMore a{ display:inline-block; background:#DE6729; padding:10px 30px 11px 30px; color:white; font-size:14px; font-weight:700; } .buttonGetMore a:hover{ background:#0C54A0; } /************************************/ .blog{ margin-top:30px; } .blog .topic{ display:table; width:100%; margin:0; padding:0; border:1px solid #C4C4C4; } .blog .topic .col-left{ display:table-cell; width:50%; margin:0; padding:0; } .blog .topic .col-left img{ width:100%; } .blog .topic .col-right{ display:table-cell; width:50%; margin:0; padding:10px 10px 10px 15px; position:relative; vertical-align:top; } .blog .topic .name a{ color:#0C54A0; display:block; font-weight: 700; font-size: 22px; margin-bottom:10px; line-height:120%; } .blog .topic .name a:hover{ text-decoration:underline; } .blog .topic .date{ font-size: 12px; color: #808080; } .blog .topic .divider{ font-size: 12px; color: #808080; margin:0 5px; position:relative; bottom:4px; } .blog .topic .time{ font-size: 12px; color: #DE6729; } .blog .topic .desc{ font-size: 14px; margin-top:10px; max-height:41px; position:relative; overflow:hidden; } .blog .topic .follow{ position:relative; left:0px; top:-10px; } .blog .topic .col-right .category{ position:absolute; left:15px; bottom:10px; } .blog .topic .col-right .category .unit{ display:inline-block; border:solid 1px #808080; padding:10px; margin-right:5px; } @media (max-width: 1200px){ .blog .topic .name a{ font-size: 18px; line-height:120%; margin-bottom:5px; } .blog .topic .desc{ font-size: 13px; margin-top:5px; max-height:31px; line-height:120%; } } @media (max-width: 991px){ .blog .topic .name a{ font-size: 14px; margin-bottom:2px; } .blog .topic .desc{ font-size: 12px; max-height:28px; margin-top:2px; } .blog .topic .col-right{ padding:5px 15px 20px 15px; } .blog .topic .col-right .category{ left:15px; bottom:7px; } .blog .topic .col-right .category .unit{ padding:3px 5px; margin-right:5px; } } @media (max-width: 767px){ .blog .topic{ display:block; } .blog .topic .name a{ margin-bottom:10px; font-size: 22px; } .blog .topic .desc{ margin-top:10px; font-size: 14px; max-height:none; } .blog .topic .follow{ display:none; } .blog .topic .col-left{ display:block; width:100%; } .blog .topic .col-right{ display:block; width:100%; padding:20px; } .blog .topic .col-right .category{ position:relative; left:auto; bottom:auto; margin-top:20px; } .blog .topic .col-right .category .unit{ padding:10px; margin-right:5px; margin-top:7px; } } .blog .categories{ margin:60px 0px; } .blog .categories .caption{ font-size:14px; margin-right:10px; font-weight:700; } .blog .categories a{ display:inline-block; border:solid 1px #808080; padding:10px; margin-right:5px; color:black; } .blog .articles{ } .blog .articles .unit{ margin-bottom:30px; } .blog .articles .unit img{ width:100%; } .blog .articles .unit a[class=name]{ display:block; font-weight: 700; font-size:16px; margin-top:15px; color:#0C54A0; } .blog .articles .unit a[class=name]:hover{ text-decoration:underline; } .blog .articles .unit .date{ font-size: 12px; color: #808080; } .blog .articles .unit .time{ font-size: 12px; color: #DE6729; } .blog .articles .unit .desc{ font-size: 14px; margin-top:10px; } .blog .articles .unit .category{ display:inline-block; border:solid 1px #808080; padding:3px 5px; margin-top:10px; } @media (max-width: 480px){ .col-xs-6{ width:100%; } } /*****************************/ .article_blog{ margin-top:30px; } .article_blog .topPic .pic{ position:relative; } .article_blog .topPic .blueLine{ position:absolute; left:0; bottom:0; background:#0C54A0; width:100%; height:6px; } .article_blog .topPic .orangeLine{ position:absolute; left:0; bottom:0; background:#DE6729; width:33%; height:6px; } .article_blog .topPic .pic img { width:100%; } .article_blog .topPic .info{ margin-top:20px; } .article_blog .topPic .info .name{ font-weight: 700; font-size: 24px; margin-bottom:10px; } .article_blog .topPic .info .date{ font-size: 12px; color: #808080; } .article_blog .topPic .info .divider{ font-size: 12px; color: #808080; margin:0 5px; position:relative; bottom:4px; } .article_blog .topPic .info .time{ font-size: 12px; color: #DE6729; } .article_blog .topPic .info .category{ margin-top:10px; } .article_blog .topPic .info .category .unit{ display:inline-block; border:solid 1px #808080; padding:10px; margin-right:5px; } .article_blog h1{ font-weight:700; font-size:48px; margin-top:30px; } .article_blog .textBlock{ margin-top:30px; font-size:14px; } .article_blog .imgBlock{ margin-top:30px; position:relative; } .article_blog .imgBlock img{ width:100; } .article_blog .imgBlock .imgDesc{ position:absolute; right:-220px; bottom:0px; width:200px; } .article_blog .sliderBlock{ margin-top:30px; } .article_blog .sliderBlock img{ width:100%; } .article_blog .quoteBLock{ margin-top:30px; position:relative; padding:30px 0px 30px 70px; border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; } .article_blog .quoteBLock svg{ position:absolute; left:0px; top:30px; } .article_blog .quoteBLock .author{ display:block; margin-top:30px; color:#808080; } .article_blog .sameArticles{ margin-top:60px; } .article_blog .sameArticles .caption{ font-weight: 700; font-size: 24px; } .article_blog .sameArticles .unit{ margin-bottom:30px; } .article_blog .sameArticles .unit img{ width:100%; } .article_blog .sameArticles .unit .name a{ display:block; font-weight:700; font-size:18px; margin-top:15px; color:#0C54A0; text-decoration:underline; } .article_blog .sameArticles .unit .name a:hover{ text-decoration:none; } .article_blog .sameArticles .unit .date{ font-size: 12px; color: #808080; } .article_blog .sameArticles .unit .time{ font-size: 12px; color: #DE6729; } .article_blog .sameArticles .unit .desc{ font-size: 14px; margin-top:10px; } .article_blog .sameArticles .unit .category{ display:inline-block; border:solid 1px #808080; padding:3px 5px; margin-top:10px; } .article_blog .swiper-container-3{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .article_blog .container{ position:relative; } .article_blog .mainContent .controls{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; } .article_blog .controls svg:hover{ fill:#0C54A0; cursor:pointer; } .article_blog .controls svg:hover circle{ fill:#0C54A0; cursor:pointer; } .article_blog .controls .swiper-button-prev-3{ position:absolute; left:30px; top:0; } .article_blog .controls .swiper-button-next-3{ position:absolute; right:30px; top:0; } .article_blog .swiper-container-3 .swiper-slide .picName{ position:absolute; left:0px; bottom:0px; display:block; background:white; padding:5px 15px; font-size:12px; } .article_blog .swiper-container-3 .swiper-slide .picNum{ position:absolute; right:0px; bottom:0px; display:block; background:white; padding:5px 15px; } /* .article_blog .swiper-container-3 .swiper-slide{ width:100%; height: calc(100vh - 200px); } .article_blog .swiper-container-3 .swiper-slide img { width:100%; height: auto; } */ .article_blog .top{ position:relative; height:30px; } .article_blog .top .controls{ position:absolute; right:0; top:0; display:inline-block; } .article_blog .top .controls .b_left{ display:inline-block; position:relative; left:-30px; } .article_blog .top .controls .b_right{ display:inline-block; } @media (max-width: 767px){ .article_blog .imgBlock .imgDesc{ position:relative; right:auto; bottom:auto; width:100%; margin-top:10px; } } @media (max-width: 660px){ .article_blog h1{ font-size:34px; } .article_blog .sameArticles .caption{ font-size: 18px; width:50%; } } @media (max-width: 400px){ .article_blog h1{ font-size:28px; } } /*******************************/ .funcs_h1{ font-size:25px; padding-left:2px; } /*****************************/ .model{ padding:20px 0 0 0; background:#F6F6F6; } .model h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:120px; width:525px; } .model h2 span{ color:#DE6729; } .model .markers{ font-weight:bold; position:relative; margin-bottom:50px; height:18px; } .model .markers .l{ position:absolute; left:50%; top:0; margin-left:-280px; } .model .markers .l:before { content: ""; display:inline-block; width:10px; height:10px; background:#DE6729; } .model .markers .r{ position:absolute; right:50%; top:0; margin-right:-200px; } .model .markers .r:before { content: ""; display:inline-block; width:10px; height:10px; background:#0C54A0; } .model .pazleBlock{ position:relative; height:370px; } .model .meet{ position:absolute; left:50%; top:-130px; margin-left:-80px; z-index:2; } .model .pazle{ position:relative; z-index:1; /*height:200px;*/ background:#F6F6F6; } .model .pazle .com_podrazdel{ position:absolute; left:15%; top:0; height:60px; width:35%; background:#DE6729; z-index:2; } .model .pazle .com_podrazdel .arr_or{ top:0px; right:0px; } .model .pazle .com_podrazdel .arr_blue{ bottom:0px; right:0px; } .model .pazle .com_podrazdel_right{ position:absolute; height:60px; width:35%; background:#0C54A0; left:50%; margin-left:-1px; } .model .pazle .tb{ height:60px; width:100%; display:table; color:white; z-index:2; } .model .pazle .tb .col_left{ width:60px; text-align:center; vertical-align:middle; display:table-cell; } .model .pazle .tb .col_right{ vertical-align:middle; display:table-cell; line-height:120%; } .model .pazle .tb_2{ height:60px; width:100%; display:table; color:white; z-index:2; } .model .pazle .tb_2 .col_left{ text-align:right; vertical-align:middle; display:table-cell; } .model .pazle .tb_2 .col_right{ vertical-align:middle; display:table-cell; width:60px; text-align:center; } .model .pazle .tableDown{ position:relative; top:36px; background:#0C54A0; } .model .pazle .arr_or{ background:#DE6729; width:30px; height:30px; position: absolute; } .model .pazle .arr_or .d19 { width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #DE6729; position: absolute; top: -15px; right:-15px; } .model .pazle .arr_or .d19:after { content: ""; width: 0; height: 0; position: absolute; left: -15px; top: 15px; border: 15px solid transparent; border-top-color: #DE6729; } .model .pazle .arr_blue{ background:#0C54A0; width:30px; height:30px; position: absolute; } .model .pazle .arr_blue .d19 { width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #0C54A0; position: absolute; top: -15px; left:-15px; } .model .pazle .arr_blue .d19:after { content: ""; width: 0; height: 0; position: absolute; left: -15px; top: 15px; border: 15px solid transparent; border-top-color: #0C54A0; } .model .pazle .tech_special{ position:absolute; left:0; top:75px; height:60px; width:270px; background:#DE6729; } .model .pazle .tech_special .arr_or_2{ position:absolute; top:0px; right:-15px; } .model .pazle .arr_or_2 .d20 { width: 0; height: 0; border-top: 30px solid transparent; border-left: 15px solid #DE6729; border-bottom: 30px solid transparent; } .model .pazle .arr_blue_2 .d20 { width: 0; height: 0; border-top: 30px solid transparent; border-left: 15px solid #0C54A0; border-bottom: 30px solid transparent; -moz-transform: rotate(180deg); /* Для Firefox */ -ms-transform: rotate(180deg); /* Для IE */ -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(180deg); /* Для Opera */ transform: rotate(180deg); } .model .pazle .glav_ing{ position:absolute; left:25%; top:75px; height:60px; width:25%; background:#DE6729; z-index:3; } .model .pazle .glav_ing .arr_or{ top:0px; right:0px; } .model .pazle .glav_ing .arr_blue{ bottom:0px; right:0px; } .model .pazle .zakazchik{ position:absolute; height:60px; width:25%; background:#0C54A0; left:50%; top:75px; z-index:2; } .model .pazle .zakazchik .padding{ padding-right:40px; padding-left:10px; } .model .pazle .experts{ position:absolute; right:0; top:75px; height:60px; width:270px; background:#0C54A0; } .model .pazle .experts .arr_blue_2{ position:absolute; top:0px; left:-15px; } .model .pazle .stroiteli{ position:absolute; left:0; top:150px; height:60px; width:270px; background:#DE6729; } .model .pazle .stroiteli .arr_or_2{ position:absolute; top:0px; right:-15px; } .model .pazle .rukovod_stroy{ position:absolute; left:25%; top:150px; height:60px; width:25%; background:#DE6729; z-index:2; } .model .pazle .rukovod_stroy .arr_or{ top:0px; right:0px; } .model .pazle .rukovod_stroy .arr_blue{ bottom:0px; right:0px; } .model .pazle .zakazchik_2{ position:absolute; height:60px; width:25%; background:#0C54A0; left:50%; top:150px; } .model .pazle .tech_special_2{ position:absolute; right:0; top:150px; height:60px; width:270px; background:#0C54A0; } .model .pazle .tech_special_2 .arr_blue_2{ position:absolute; top:0px; left:-15px; } .model .pazle .uristy{ position:absolute; left:15%; top:225px; height:60px; width:35%; background:#DE6729; z-index:2; } .model .pazle .uristy .arr_or{ top:0px; right:0px; } .model .pazle .uristy .arr_blue{ bottom:0px; right:0px; } .model .pazle .uristy_2{ position:absolute; height:60px; width:35%; background:#0C54A0; left:50%; top:225px; margin-left:-1px; } .model .pazle .buh{ position:absolute; left:25%; top:300px; height:60px; width:25%; background:#DE6729; z-index:2; } .model .pazle .buh .arr_or{ top:0px; right:0px; } .model .pazle .buh .arr_blue{ bottom:0px; right:0px; } .model .pazle .buh_2{ position:absolute; height:60px; width:25%; background:#0C54A0; left:50%; top:300px; } .model .pazle svg{ display:inline-block; } @media (max-width: 1200px){ .model .pazle .tech_special, .model .pazle .experts, .model .pazle .stroiteli, .model .pazle .tech_special_2{ width:220px; } } @media (max-width: 991px){ .model .pazle .com_podrazdel{ left:0; width:50%; } .model .pazle .com_podrazdel_right{ right:0; width:50%; } .model .pazle .tech_special{ width:49%; } .model .pazle .tech_special .arr_or_2{ right:auto; top:auto; bottom:-37px; left:31%; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .experts{ width:49%; } .model .pazle .experts .arr_blue_2{ right:31%; top:auto; bottom:-37px; left:auto; -moz-transform: rotate(-90deg); /* Для Firefox */ -ms-transform: rotate(-90deg); /* Для IE */ -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(-90deg); /* Для Opera */ transform: rotate(-90deg); } .model .pazle .glav_ing{ top:150px; left:12%; width:38%; } .model .pazle .zakazchik{ top:150px; right:12%; width:38%; margin-left:-1px; } .model .pazle .rukovod_stroy{ top:225px; left:12%; width:38%; } .model .pazle .zakazchik_2{ top:225px; right:12%; width:38%; margin-left:-1px; } .model .pazle .stroiteli{ top:300px; width:49%; } .model .pazle .stroiteli .arr_or_2{ right:auto; top:-37px; bottom:auto; left:31%; -moz-transform: rotate(-90deg); /* Для Firefox */ -ms-transform: rotate(-90deg); /* Для IE */ -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(-90deg); /* Для Opera */ transform: rotate(-90deg); } .model .pazle .tech_special_2{ top:300px; width:49%; } .model .pazle .tech_special_2 .arr_blue_2{ right:31%; top:-37px; bottom:auto; left:auto; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .uristy{ top:375px; left:0; width:50%; } .model .pazle .uristy_2{ top:375px; right:0; width:50%; } .model .pazle .buh{ top:450px; left:12%; width:38%; } .model .pazle .buh_2{ top:450px; right:12%; width:38%; margin-left:-1px; } .model .pazleBlock{ height:530px; } } @media (max-width: 730px){ .model .pazle .glav_ing{ top:150px; left:0; width:50%; } .model .pazle .zakazchik{ top:150px; right:0; width:50%; } .model .pazle .rukovod_stroy{ top:225px; left:0; width:50%; } .model .pazle .zakazchik_2{ top:225px; right:0; width:50%; } .model .pazle .buh{ top:450px; left:0; width:50%; } .model .pazle .buh_2{ top:450px; right:0; width:50%; } .model .markers .l{ position:absolute; left:0; top:0; margin-left:0px; } .model .markers .r{ position:absolute; right:0; top:0; margin-right:0px; } } @media (max-width: 640px){ .model h2{ width:370px; } } @media (max-width: 550px){ .model .markers .l span{ display:block; padding-left:13px; } .model .meet{ z-index:1; margin-left:-60px; } .model .pazle{ z-index:2; } .model .pazle .tb{ width:auto; display:inline-table; z-index:2; } .model .pazle .tb_2{ width:auto; display:inline-table; } .model .pazle .com_podrazdel{ left:0; width:100%; text-align:center; } .model .pazle .com_podrazdel br{ display:none; } .model .pazle .com_podrazdel .arr_or{ top:auto; right:auto; bottom:-15px; left:50%; margin-left:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .com_podrazdel .arr_blue{ top:auto; right:50%; bottom:-30px; left:auto; margin-right:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .com_podrazdel_right{ right:auto; left:0; width:100%; top:75px; text-align:center; } .model .pazle .com_podrazdel_right br{ display:none; } .model .pazle .tech_special{ width:48.5%; top:150px; text-align:center; } .model .pazle .tech_special .arr_or_2{ right:auto; top:auto; bottom:-37px; left:50%; margin-left:-5px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .stroiteli{ top:150px; width:48.5%; left:auto; right:0; text-align:center; } .model .pazle .stroiteli .arr_or_2{ right:auto; top:auto; bottom:-37px; left:50%; margin-left:-5px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .glav_ing{ top:225px; left:0; width:48.5%; text-align:center; } .model .pazle .glav_ing .arr_or{ top:auto; right:auto; bottom:-15px; left:50%; margin-left:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .glav_ing .arr_blue{ top:auto; right:50%; bottom:-30px; left:auto; margin-right:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .rukovod_stroy{ top:225px; left:auto; right:0; width:48.5%; text-align:center; } .model .pazle .rukovod_stroy .arr_or{ top:auto; right:auto; bottom:-15px; left:50%; margin-left:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .rukovod_stroy .arr_blue{ top:auto; right:50%; bottom:-30px; left:auto; margin-right:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .zakazchik{ top:300px; right:auto; width:100%; left:0; text-align:center; } .model .pazle .zakazchik .padding{ padding:0px; } .model .pazle .tableDown{ position:relative; top:0px; background:#0C54A0; } .model .pazle .zakazchik_2{ display:none; } .model .pazle .experts{ width:48.5%; left:0; right:auto; top:375px; text-align:center; } .model .pazle .experts .arr_blue_2{ right:auto; top:-37px; bottom:auto; left:50%; margin-left:-5px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .tech_special_2{ top:375px; width:48.5%; text-align:center; } .model .pazle .tech_special_2 .arr_blue_2{ right:auto; top:-37px; bottom:auto; left:50%; margin-left:-5px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .uristy{ top:450px; left:0; width:48.5%; text-align:center; } .model .pazle .uristy .arr_blue{ width:20px; top:auto; right:50%; bottom:-25px; left:auto; margin-right:-25px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .uristy .arr_or{ top:auto; right:auto; bottom:-15px; left:50%; margin-left:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .buh{ top:450px; left:auto; right:0; width:48.5%; text-align:center; } .model .pazle .buh .arr_or{ top:auto; right:auto; bottom:-15px; left:50%; margin-left:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .buh .arr_blue{ width:30px; top:auto; right:50%; bottom:-30px; left:auto; margin-right:-30px; -moz-transform: rotate(90deg); /* Для Firefox */ -ms-transform: rotate(90deg); /* Для IE */ -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(90deg); /* Для Opera */ transform: rotate(90deg); } .model .pazle .uristy_2{ top:525px; right:auto; left:0; width:48.5%; text-align:center; } .model .pazle .buh_2{ top:525px; left:auto; right:0; width:48.5%; text-align:center; } .model .pazleBlock{ height:600px; } } @media (max-width: 400px){ .model h2{ width:250px; } .model .pazle .tb br, .model .pazle .tb_2 br{ display:inline; } .model .pazle .tech_special, .model .pazle .tech_special_2, .model .pazle .stroiteli, .model .pazle .glav_ing, .model .pazle .rukovod_stroy, .model .pazle .experts{ height:100px; } .model .pazle .tech_special .tb{ display:block; margin-top:13px; } .model .pazle .glav_ing .tb, .model .pazle .rukovod_stroy .tb{ display:block; margin-top:7px; } .model .pazle .stroiteli .tb{ display:block; margin-top:20px; } .model .pazle .tech_special .tb .col_left, .model .pazle .tech_special .tb .col_right, .model .pazle .stroiteli .tb .col_left, .model .pazle .stroiteli .tb .col_right, .model .pazle .glav_ing .tb .col_left, .model .pazle .glav_ing .tb .col_right, .model .pazle .rukovod_stroy .tb .col_left, .model .pazle .rukovod_stroy .tb .col_right { display:block; width:100%; text-align:center; } .model .pazle .glav_ing{ top:265px; } .model .pazle .rukovod_stroy{ top:265px; } .model .pazle .zakazchik{ top:380px; } .model .pazle .experts{ top:455px; } .model .pazle .tech_special_2{ top:455px; } .model .pazle .uristy{ top:570px; left:0; width:100%; } .model .pazle .uristy_2{ top:645px; width:100%; } .model .pazle .buh{ top:720px; width:100%; } .model .pazle .buh_2{ top:795px; width:100%; } .model .pazleBlock{ height:870px; } .model .pazle .tech_special_2 .tb_2, .model .pazle .experts .tb_2{ display:block; width:100%; } .model .pazle .experts .tb_2 .col_left{ display:block; width:100%; position:relative; top:60px; text-align:center; } .model .pazle .experts .tb_2 .col_right{ display:block; width:100%; position:relative; top:0px; } .model .pazle .tech_special_2 .tb_2 .col_left{ display:block; width:100%; position:relative; top:48px; text-align:center; } .model .pazle .tech_special_2 .tb_2 .col_right{ display:block; width:100%; position:relative; top:-30px; } .model .markers{ margin-bottom:170px; } .model h2{ margin-bottom:20px; } } /*****************************/ .ramka{ padding:50px 0; background:#F6F6F6; } .ramka .area{ border:1px solid #C4C4C4; padding:60px; padding-bottom:20px; } .ramka .text{ margin-bottom:40px; background:#F6F6F6; position:relative; padding-left:15px; } .ramka .text:before{ content:""; position:absolute; left:0px; top:4px; display:inline-block; width:10px; height:10px; background:#0C54A0; } @media (max-width: 650px){ .ramka .area{ border:1px solid #C4C4C4; padding:30px; padding-bottom:0px; } } @media (max-width: 500px){ .ramka .col-xs-6{ width:100%; } .ramka .text{ margin-bottom:20px; } .ramka .area{ padding-bottom:10px; } } /************************/ .funcs{ padding:40px 0; } .funcs h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:20px; } .funcs h2 span{ color:#DE6729; } .funcs .unit{ border:solid 1px #C4C4C4; height:270px; margin-top:85px; position:relative; cursor:pointer; } .funcs .unit .arr_right{ width:50px; height:50px; position:absolute; top:50%; margin-top:-28px; right:-26px; border-top:solid 1px #C4C4C4; border-right:solid 1px #C4C4C4; -moz-transform: rotate(45deg); /* Для Firefox */ -ms-transform: rotate(45deg); /* Для IE */ -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(45deg); /* Для Opera */ transform: rotate(45deg); background:white; } .funcs .unit .arr_left{ width:50px; height:50px; position:absolute; top:50%; margin-top:-28px; left:-26px; border-top:solid 1px #C4C4C4; border-right:solid 1px #C4C4C4; -moz-transform: rotate(-135deg); /* Для Firefox */ -ms-transform: rotate(-135deg); /* Для IE */ -webkit-transform: rotate(-135deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(-135deg); /* Для Opera */ transform: rotate(-135deg); background:white; } .funcs .unit .arr_bottom{ width:50px; height:50px; position:absolute; left:50%; margin-left:-28px; bottom:-26px; border-top:solid 1px #C4C4C4; border-right:solid 1px #C4C4C4; -moz-transform: rotate(135deg); /* Для Firefox */ -ms-transform: rotate(135deg); /* Для IE */ -webkit-transform: rotate(135deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(135deg); /* Для Opera */ transform: rotate(135deg); background:white; } .funcs .unit .inerArr{ width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px; border-top:solid 2px #DE6729; border-right:solid 2px #DE6729; } .funcs .unitEnd{ background:#F6F6F6; border:solid 1px #F6F6F6; position:relative; overflow:hidden; height:270px; margin-top:85px; } .funcs .unitEnd .back{ position:absolute; top:0; right:-50px; } .funcs .unitEnd .caption{ font-size:28px; line-height:130%; font-weight:bold; position:absolute; left:30px; top:30px; width:300px; } .funcs .unitEnd .caption span{ color:#DE6729; } .funcs .unitEnd .doOrder{ display:inline-block; background:#0C54A0; color:white; font-size:18px; font-weight:bold; position:absolute; left:30px; bottom:30px; cursor:pointer; padding:13px 55px; } .funcs .unitEnd .doOrder:hover{background:#DE6729;} .funcs .unit .imgBlock{ width:100%; text-align:center; position:relative; top:-50px; } .funcs .unit .imgBlock svg{ display:inline-block; width:100%; } .funcs .unit .text{ padding-left:30px; position:relative; top:-20px; } .funcs .unit .text .caption{ position:relative; padding:0 50px 0 25px; font-weight:bold; } .funcs .unit .text .caption .arr{ position:absolute; top:7px; right:30px; cursor:pointer; } .funcs .unit .text .caption span{ position:absolute; left:0px; top:0px; color:#DE6729; font-weight:bold; } .funcs .unit .text p{ height:0px; overflow:hidden; } .funcs .arr_bottom_mob{ display:none; } @media (max-width: 991px){ .funcs .area{ height:2100px; overflow:hidden; } .funcs .block_03{ position:relative; left:50%; } .funcs .block_04{ position:relative; right:50%; top:-355px; } .funcs .block_06{ position:relative; top:355px; } .funcs .block_07{ position:relative; left:50%; } .funcs .block_08{ position:relative; right:50%; } .funcs .block_10{ position:relative; left:50%; top:-710px; } .funcs .block_11{ position:relative; top:-45px; } } @media (max-width: 660px){ .funcs .unit .text{ padding-left:15px; } .funcs .unit .text .caption{ position:relative; padding:0 20px 0 25px; font-weight:bold; line-height:120%; } .funcs .unit .text .caption .arr{ position:absolute; top:7px; right:15px; cursor:pointer; } .funcs .unit .text .caption span{ position:absolute; left:0px; top:0px; color:#DE6729; font-weight:bold; } } @media (max-width: 590px){ .funcs .col-xs-6, .funcs .col-xs-12{ width:100%; } .funcs .imgBlock{ display:none; } .funcs .unit{ display:table-cell; height:80px; width:100%; margin-top:30px; vertical-align:middle; } .funcs .unit .text{ display:inline-block; padding-left:15px; top:5px; } .funcs .block_02{ margin-top:30px; } .funcs .block_03{ position:relative; left:0; margin-top:30px; } .funcs .block_03 .hidden-xs{ display:block; } .funcs .block_03 .arr_left{ display:none; } .funcs .block_04{ right:0; top:-220px; margin-top:30px; } .funcs .block_05{ right:0; top:0px; margin-top:30px; } .funcs .block_06{ top:220px; margin-top:30px; } .funcs .block_07{ left:0; top:0px; margin-top:30px; } .funcs .block_08{ right:0; top:0px; margin-top:30px; } .block_09{ top:0px; margin-top:30px; } .funcs .block_10{ left:0; top:-320px; margin-top:30px; } .funcs .unitEnd{ height:270px; margin-top:50px; } .funcs .block_11{ position:relative; top:90px; } .funcs .dis-none{ display:none; } .funcs .unit .arr_bottom_mob{ display:block; width:50px; height:50px; position:absolute; left:50%; margin-left:-28px; bottom:-26px; border-top:solid 1px #C4C4C4; border-right:solid 1px #C4C4C4; -moz-transform: rotate(135deg); /* Для Firefox */ -ms-transform: rotate(135deg); /* Для IE */ -webkit-transform: rotate(135deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(135deg); /* Для Opera */ transform: rotate(135deg); background:white; } .funcs .area{ height:1370px; } } @media (max-width: 360px){ .funcs .unitEnd{ text-align:center; } .funcs .unitEnd .caption{ font-size:24px; line-height:120%; font-weight:bold; position:absolute; left:15px; top:30px; width:100%; text-align:left; } .funcs .unitEnd .caption span{ color:#DE6729; } .funcs .unitEnd .doOrder{ font-size:16px; width:260px; position:absolute; left:50%; margin-left:-130px; bottom:30px; cursor:pointer; padding:13px 0px; text-align:center; } } .modalContent{ padding:30px; } .width_100{ width:100%; } .border{border:1px solid green;} .adr_f{ color:white; margin:7px 0; } .adr_f a{ color:white; font-weight:bold; } .comandBlockMain{ padding-top:60px; padding-bottom:50px; margin-left:-15px; } .comandBlockMain h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:20px; margin:0; padding:0; margin-bottom:40px; } .comandBlockMain h2 span{ color:#DE6729; } .comandBlockMain .imgBlock{ height:auto; } .comandBlockMain .imgBlock .text{ font-size:16px; font-weight:500; text-align:left; } .comandBlockMain .imgBlock img{ width:100%; } .comandBlockMain .data{ padding-left:30px; } .comandBlockMain .caption{ font-weight:400; font-size:14px; color:#808080; margin-bottom:30px; } .comandBlockMain .unit{ display:table; width:100%; border-bottom:1px solid #C4C4C4; } .comandBlockMain .unit:last-child{ display:table; width:100%; border-bottom:none; } .comandBlockMain .unit .count{ padding:10px 0; display:table-cell; vertical-align:middle; width:40%; font-weight:600; font-size:38px; color:#DE6729; } .comandBlockMain .unit .count span{ font-weight:500; font-size:20px; color:#C4C4C4; } .comandBlockMain .unit .desc{ padding:10px 0; display:table-cell; vertical-align:middle; width:60%; font-weight:600; font-size:18px; } .comandBlockMain .buttonBlock{ text-align:right; } .comandBlockMain .buttonBlock .button{ display:inline-block; background:#0C54A0; color:white; width:400px; font-weight:700; font-size:18px; padding:6px 0; cursor:pointer; } .comandBlockMain .button:hover{ background:#DE6729; } .comandBlockMain{ margin-top:30px; } .comandBlockMain .swiper-container-3{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .comandBlockMain .container{ position:relative; } .comandBlockMain .controls{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; } .comandBlockMain .controls svg:hover{ fill:#0C54A0; cursor:pointer; } .comandBlockMain .controls svg:hover circle{ fill:#0C54A0; cursor:pointer; } .comandBlockMain .controls .swiper-button-prev-3{ position:absolute; left:30px; top:0; } .comandBlockMain .controls .swiper-button-next-3{ position:absolute; right:30px; top:0; } .comandBlockMain .swiper-container-3 .swiper-slide{ width:100%; /*height: calc(100vh - 200px);*/ } .comandBlockMain .swiper-container-3 .swiper-slide img { width:100%; height: auto; } @media (max-width: 991px){ .comandBlockMain .data{ padding-left:0px; } .comandBlockMain .caption{ margin-top:30px; } .comandBlockMain .buttonBlock{ text-align:center; margin-top:20px; } .comandBlockMain{ padding-bottom:70px; } .comandBlockMain .unit .count{ padding-left:5px; font-size:45px; } } .aboutComand{ padding:50px 0; } .aboutComand h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:40px; } .aboutComand h2 span{ color:#DE6729; } .aboutComand img{ width:100%; } .bim{ padding-top:80px; } .bim h2{ display:block; font-weight:bold; font-size: 24px; color:black; margin-bottom:20px; margin:0; padding:0; margin-bottom:40px; } .bim h2 span{ color:#DE6729; } .bim .caption{ font-size:18px; font-weight:600; margin-bottom:10px; } .bim .tb_2{ margin-top:15px; } .bim ul{ color:#808080; font-size:14px; font-weight:400; } .bim .update{ color:#808080; font-size:14px; font-weight:400; margin-top:30px; display:block; } .bim .sliderBim img { width:100%; } .bim .sliderBim{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .bim .container{ position:relative; } .bim .controls{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; } .bim .controls svg:hover{ fill:#0C54A0; cursor:pointer; } .bim .controls svg:hover circle{ fill:#0C54A0; cursor:pointer; } .bim .controls .swiper-button-prev-3{ position:absolute; left:30px; top:0; } .bim .controls .swiper-button-next-3{ position:absolute; right:30px; top:0; } .bim .swiper-container-3 .swiper-slide{ width:100%; } .bim .swiper-container-3 .swiper-slide img { width:100%; height: auto; } @media (max-width: 992px){ .bim .textBlock{ margin-top:30px; } }