/* reset */ /* main variables */ body { margin: 0px; padding: 0px; font-family: "GothamPro", sans-serif; background-color: #fff; height: 100%; line-height: 1.45; color: #fff; position: relative; font-size: 16px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*MAIN*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; } html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } input, textarea { color: #333; font-family: "GothamPro", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } input[type="button"], input[type="submit"], button { cursor: pointer; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: #917b4f; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; } a, span, div, button { outline: none !important; } img { vertical-align: middle; max-width: 100%; } input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @font-face { font-family: 'GothamPro'; src: url("../fonts/GothamPro_gdi.eot?ver1.0"); src: url("../fonts/GothamPro_gdi.eot?#iefix?ver1.0") format("embedded-opentype"), url("../fonts/GothamPro_gdi.woff?ver1.0") format("woff"), url("../fonts/GothamPro_gdi.ttf?ver1.0") format("truetype"), url("../fonts/GothamPro_gdi.otf?ver1.0") format("opentype"), url("../fonts/GothamPro_gdi.svg#GothamPro-Regular?ver1.0") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family: 'Anglecia Pro Title'; src: url("../fonts/subset-AngleciaProTitle.eot"); src: url("../fonts/subset-AngleciaProTitle.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-AngleciaProTitle.woff2") format("woff2"), url("../fonts/subset-AngleciaProTitle.woff") format("woff"), url("../fonts/subset-AngleciaProTitle.ttf") format("truetype"), url("../fonts/subset-AngleciaProTitle.svg#AngleciaProTitle") format("svg"); font-weight: normal; font-style: normal; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ /* fancybox variables */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; } .fancybox-close { position: absolute; top: -50px; right: 0px; width: 40px; height: 40px; background: #785c2b; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer; z-index: 8040; } .fancybox-close:after { content: ''; display: block; width: 18px; height: 1px; background: #fff; position: absolute; top: 20px; right: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-close:before { content: ''; display: block; width: 18px; height: 1px; background: #fff; position: absolute; top: 20px; right: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-close span { display: block; width: 36px; margin: 2px; height: 36px; border: 1px solid #959593; -webkit-border-radius: 50%; border-radius: 50%; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox_sprite.png"); } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -25px; cursor: pointer; z-index: 8040; position: absolute; padding: 0; width: 29px; z-index: 30; cursor: pointer; height: 49px; font-size: 0; background: #785c2b; border: none; } .fancybox-nav span:after { content: ''; width: 17px; height: 17px; position: absolute; top: 50%; left: 0%; margin: -9px 0 0 10px; display: block; border-bottom: 4px solid #fff; border-left: 4px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-prev span { left: 10px; } .fancybox-next span { right: 10px; } .fancybox-next span:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin: -8px 0 0 2px; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { /* overflow: hidden !important;*/ width: auto; } .fancybox-lock body { overflow: visible !important; height: auto; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.6); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font-size: 14px; line-height: 18px; font-family: "GothamPro", sans-serif; color: #FFF; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; position: relative; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; padding: 0; top: 80px; width: 29px; z-index: 30; cursor: pointer; height: 49px; font-size: 0; background: #785c2b; border: none; } .slick-arrow:after { content: ''; width: 17px; height: 17px; position: absolute; top: 50%; left: 0%; margin: -9px 0 0 10px; display: block; border-bottom: 4px solid #fff; border-left: 4px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-next:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin: -8px 0 0 2px; } .slick-dots { text-align: center; position: absolute; bottom: -30px; left: 0; right: 0; font-size: 0; } .slick-dots li { display: inline-block; list-style: none; padding: 6px 3px; } .slick-dots li button { background: #d1d1d1; border: none; display: block; padding: 0; font-size: 0; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; } .slick-dots li button:hover { background: #785c2b; } .slick-dots .slick-active button { background: #785c2b; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: transform,height; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { 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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; 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: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform,.2s top; -o-transition: .2s transform,.2s top; transition: .2s transform,.2s 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%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s left; -o-transition: .2s transform,.2s left; transition: .2s transform,.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; -o-transition: .2s transform,.2s right; transition: .2s transform,.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { -webkit-border-radius: 10px; 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); -webkit-border-radius: 10px; 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: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100% 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .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 { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; 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; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; 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 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; 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-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .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-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } /* ================================================================================ | HEADER | ================================================================================ */ .header { width: 100%; min-width: 320px; text-align: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; position: fixed; z-index: 20; padding: 33px 0 0px; } .header_logo { margin: 0 0 0 0px; float: left; } .logo { width: 251px; display: block; } .header_tel { float: right; line-height: 29px; margin-left: 45px; } .header_tel a { color: #fff; } .header_soc { float: right; } .header_soc a { display: inline-block; height: 29px; vertical-align: middle; position: relative; top: 0; margin: 1px 0 0 5px; } .header_soc a:hover { top: -3px; } .header_soc_link1 { background: url(../img/soc1.png) no-repeat center; width: 21px; } .header_soc_link2 { background: url(../img/soc2.png) no-repeat center; width: 22px; } .header_soc_link3 { background: url(../img/soc3.png) no-repeat center; width: 22px; } .header_soc_link4 { background: url(../img/soc4.png) no-repeat center; width: 29px; } .mobile-button { z-index: 50; margin-top: 2px; height: 37px; margin-right: 55px; float: left; font-size: 14px; position: relative; display: block; color: #fff; line-height: 37px; } .mobile-button span { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #fff; width: 10px; height: 1px; display: block; float: left; margin: 18px 28px 0 0; } .mobile-button span:before, .mobile-button span:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ''; background: #fff; width: 20px; height: 1px; display: block; top: -10px; left: 0px; position: absolute; } .mobile-button span:after { top: auto; bottom: -10px; } .mobile-button:hover span:before { top: -6px; } .mobile-button:hover span:after { bottom: -6px; } .mobile-button.open span { background: transparent; } .mobile-button.open span:before { top: 0px; left: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .mobile-button.open span:after { bottom: 0px; left: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; } /*-------------------------------------------------*/ @media screen and (max-height: 799px) { .header { padding: 15px 0 0px; } } @media screen and (max-width: 1023px) { .mobile-button { font-size: 0; } .mobile-button span { margin-right: 0; } } @media screen and (max-width: 767px) { .header { position: absolute; padding: 15px 0 0px; } .header_soc { clear: right; } .header_tel { margin-top: -10px; } } @media screen and (max-width: 639px) { .mobile-button { margin-right: 0; } .header_logo { float: right; } .header_tel, .header_soc { display: none; } } /* ================================================================================ | FOOTER | ================================================================================ */ .footer { width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; font-size: 14px; padding: 0px 0 0px; height: 72px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 4; } .footer_copy { overflow: hidden; line-height: 44px; /*text-align: center;*/ font-size: 12px; color: #acacac; } .footer_addr { float: right; line-height: 44px; } .footer_tel { float: right; margin-left: 19px; } .footer_tel img { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .footer_tel:hover img { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .footer_nav { float: left; width: 50%; margin-right: 40px; } .footer_nav ul li { list-style: none; display: inline-block; position: relative; margin-right: 35px; line-height: 40px; font-size: 20px; font-family: "Anglecia Pro Title", sans-serif; } .footer_nav ul li a { color: #fff; display: inline-block; position: relative; } .footer_nav ul li a:before { content: ""; position: absolute; left: 0; width: 100%; bottom: 8px; height: 1px; background-color: #917b4f; opacity: 0; z-index: 2; -webkit-transform: scaleX(0) translateZ(0); transform: scaleX(0) translateZ(0); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .footer_nav ul li a:hover { color: #917b4f; } .footer_nav ul li a:hover:before { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: opacity .3s,-webkit-transform .3s ease-out; -webkit-transition: opacity .3s,-webkit-transform .3s ease-out; -o-transition: opacity .3s,transform .3s ease-out; transition: opacity .3s,transform .3s ease-out; transition: opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out; } .footer_nav ul li.active a { color: #917b4f; } .footer_nav ul li.active a:before { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); transition: opacity .3s,-webkit-transform .3s ease-out; -webkit-transition: opacity .3s,-webkit-transform .3s ease-out; -o-transition: opacity .3s,transform .3s ease-out; transition: opacity .3s,transform .3s ease-out; transition: opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out; } /*---------------------*/ @media screen and (max-height: 799px) { .footer { height: 55px; } } @media screen and (max-width: 1279px) { .footer_nav { margin-right: 30px; } .footer_nav ul li { margin-right: 15px; } } @media screen and (max-width: 1023px) { .footer { height: 105px; } .footer_copy { clear: both; } .footer_nav { width: auto; margin-right: 0px; } } @media screen and (max-width: 767px) { .footer { height: auto; padding-bottom: 10px; position: absolute; } .footer_nav { display: none; } .footer_copy { clear: none; float: left; } .footer_addr { margin-left: 0; } } @media screen and (max-width: 639px) { .footer_addr { display: none; } } .main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .wrapper { min-width: 320px; max-width: 1280px; padding: 0 30px 0 30px; margin: 0 auto; position: relative; z-index: 3; width: 100%; } /* titles */ p { padding: 10px 0 10px 0; } h1, .h1 { font-size: 48px; line-height: 1.2; color: inherit; font-family: "Anglecia Pro Title", sans-serif; padding: 0px 0 10px 0px; font-weight: 400; max-width: 850px; } h2, .h2 { font-size: 36px; line-height: 1.2; color: inherit; font-family: "Anglecia Pro Title", sans-serif; padding: 10px 0 10px 0; font-weight: 400; margin-right: -7px; } h3 { font-size: 30px; line-height: 1.2; color: inherit; font-family: "Anglecia Pro Title", sans-serif; padding: 10px 0 10px 0; font-weight: 400; } h4 { font-size: 24px; line-height: 1.47; color: inherit; padding: 10px 0 10px 0; font-weight: 400; } /* text position */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .nowrap { white-space: nowrap !important; } /* loader */ .loaded .main-wrapper { visibility: hidden; opacity: 0; } .loaded .header, .loaded .footer { opacity: 0; } .icon-load { width: 40px; height: 40px; position: fixed; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; display: none; } .loaded .icon-load { display: block; } /* ================================================================================ | CONTENT | ================================================================================ */ .content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; } .js-bg { -webkit-background-size: cover; background-size: cover; background-position: center; } /* */ .btns { text-align: center; margin: 0px 0 21px; } .btn { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-shadow: none; box-shadow: none; font-family: "GothamPro", sans-serif; display: inline-block; position: relative; text-align: center; line-height: 26px; z-index: 20; padding: 15px 20px; color: #fff; height: 56px; font-size: 18px; -webkit-border-radius: 0px; border-radius: 0px; background: #785c2b; border: none; overflow: hidden; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .btn:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; top: 3px; left: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; position: absolute; } .btn:hover { background: #d1d1d1; color: #000; } .btn:hover:before { border-color: #9d9d9d; } .t-inp, textarea { position: relative; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-family: "GothamPro", sans-serif; padding: 14px 14px 13px 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; color: #fff; height: 40px; border: none; font-size: 16px; line-height: 20px; background: transparent; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } textarea { height: 115px; resize: none; } input::-webkit-input-placeholder { color: #acacac; } input:-moz-placeholder { color: #acacac; } input::-moz-placeholder { color: #acacac; } input:-ms-input-placeholder { color: #acacac; } textarea::-webkit-input-placeholder { color: #acacac; } textarea:-moz-placeholder { color: #acacac; } textarea::-moz-placeholder { color: #acacac; } textarea:-ms-input-placeholder { color: #acacac; } .form_row { margin-bottom: 50px; } .form_row:last-child { margin-bottom: 0; } .form_row:after { content: ''; display: block; clear: both; } .form_cols { margin-left: -17px; margin-right: -17px; } .form_col { float: left; width: 50%; padding: 0 17px; } .form_col .btn { width: 100%; display: block; padding: 15px 5px; } .form_inp { position: relative; border-bottom: 1px solid #fff; /*&:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(255,255,255,0.1); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform-origin: 50% 100%; transition: transform 0.3s;}*/ } .form_inp label { z-index: 4; position: absolute; left: 14px; top: 13px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .form_inp .t-inp { z-index: 10; } .form_inp.filled:before, .form_inp.filled:before, .form_inp.focused:before, .form_inp.focused:before { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } .form_inp.filled label, .form_inp.focused label { left: 0; top: -20px; font-size: 12px; } .check { margin: 0px -7px 0px 0; line-height: 1.3; height: 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .check input { position: absolute; opacity: 0; } .check label { display: block; position: relative; font-size: 13px; color: #dbdbdb; } .check label span { display: block; position: relative; padding-left: 33px; cursor: pointer; } .check label span:before, .check label span:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; } .check label span:before { border: 1px solid #fff; } .check label span:after { background: url(../img/check.png) no-repeat center; opacity: 0; } .check label input:checked + span:after { content: ''; opacity: 1; } .form_bg { position: relative; padding: 31px 33px 36px 0; } .form_bg:before { content: ''; display: block; position: absolute; z-index: 0; top: 0px; left: -500px; bottom: 0px; right: 0px; background: url(../img/uz2.jpg) repeat-y right 0; } .form_bg input::-webkit-input-placeholder { color: #fff; } .form_bg input:-moz-placeholder { color: #fff; } .form_bg input::-moz-placeholder { color: #fff; } .form_bg input:-ms-input-placeholder { color: #fff; } .form { position: relative; z-index: 1; } .form_txt { max-width: 360px; line-height: 1.2; margin: 20px 0 28px; } .form_btn { text-align: center; margin-top: 42px; margin-bottom: 26px; } /*------------------------------------*/ .js-bg { -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; } .js-bg.cb { background-position: bottom; } .js-bg.ct { background-position: top; } .js-bg.cl { background-position: left; } .js-bg.cr { background-position: right; } .js-bg.tl { background-position: left top; } .js-bg.tr { background-position: right top; } section { position: relative; min-height: 640px; height: 100%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } section .wrapper { min-height: 564px; } .section-main h1 { float: left; width: 48.3%; font-size: 60px; padding-right: 20px; } .section-main .wrapper { min-height: 589px; } .main { position: relative; } .main_txt1 { font-size: 24px; overflow: hidden; padding-top: 79px; max-width: 500px; padding-bottom: 65px; line-height: 1; } .main_txt2 { font-size: 24px; clear: both; width: 590px; font-family: "Anglecia Pro Title", sans-serif; margin-bottom: 98px; line-height: 1.22; } .mp__promo-text__link { display: inline-block; position: relative; -webkit-transition: color .3s linear; -o-transition: color .3s linear; transition: color .3s linear; -webkit-transform: translateZ(0); transform: translateZ(0); } .mp__promo-text__link:before { right: 0; background-color: rgba(255, 255, 255, 0.1); z-index: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; -webkit-transform: translateZ(0); transform: translateZ(0); } .mp__promo-text__link:after, .mp__promo-text__link:before { content: ""; position: absolute; left: 0; bottom: 3px; height: 1px; opacity: 1; } .mp__promo-text__link:after { width: 0%; background-color: #fff; z-index: 2; -webkit-animation: anWidth 8s linear infinite; animation: anWidth 8s linear infinite; } @-webkit-keyframes anWidth { from { width: 0; } to { width: 100%; } } @keyframes anWidth { from { width: 0; } to { width: 100%; } } @media (max-device-width: 767px) { .mp__promo-text__link { display: inline; } } @media (min-width: 1400px) { .mp__promo-text__link { font-size: 24px; line-height: 35px; } .mp__promo-text__link:after, .mp__promo-text__link:before { bottom: 4px; } } .proj { max-width: 700px; } .proj:after { content: ''; display: block; clear: both; } .proj .btn { display: block; width: 265px; margin-bottom: 14px; } .proj_img { float: left; width: 272px; margin: 2px 52px 0 29px; } .proj_cont { overflow: hidden; } .proj_title { font-size: 24px; line-height: 1.22; margin-bottom: 21px; } .proj_title a { color: #fff; text-decoration: underline; -webkit-text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-color: rgba(255, 255, 255, 0.5); } .proj_title a:hover { text-decoration: none; } .sm { font-size: 14px; opacity: 0.5; } .down_scroll { position: absolute; left: 0; top: 50%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; font-size: 12px; margin: 228px 0 0 23px; } .down_scroll:before { content: ''; display: inline-block; vertical-align: middle; margin: 0 11px 0 0; width: 56px; height: 11px; background: url(../img/arr.png) no-repeat center; } .next_scroll { cursor: pointer; position: absolute; right: 30px; top: 50%; width: 138px; margin-top: -86px; } .next_scroll:after { content: ''; display: block; clear: both; } .next_scroll:hover .next_circ:after { -webkit-animation: anRotating 3s linear infinite; animation: anRotating 3s linear infinite; } .next_circ { position: relative; float: right; width: 47px; height: 47px; background: url(../img/arr2.png) no-repeat center; border: 1px solid #785c2b; -webkit-border-radius: 50%; border-radius: 50%; } .next_circ:after { content: ''; position: absolute; top: -1px; right: -1px; background: url(../img/circ.png) no-repeat center; width: 47px; height: 47px; } @-webkit-keyframes anRotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes anRotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .next_num { font-size: 22px; line-height: 22px; margin-bottom: 1px; } .next_num:after { content: ''; display: inline-block; vertical-align: middle; height: 1px; width: 47px; background: #fff; margin: -4px 0 0 10px; } .next_txt { font-size: 18px; letter-spacing: 2.5px; clear: left; float: left; text-decoration: underline; -webkit-text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-color: rgba(255, 255, 255, 0.5); } /* */ .breadcrumbs { top: 12.5%; top: 12.5vh; position: absolute; left: 0; right: 0; z-index: 0; color: #acacac; font-weight: bold; font-size: 12px; } .breadcrumbs .wrapper { min-height: 10px; } .breadcrumbs a, .breadcrumbs span { color: #fff; font-weight: 400; font-size: 14px; } .breadcrumbs a:hover { text-decoration: underline; } .docs { margin: 0 -30.5px; margin-top: 7.6vh; max-width: 1113px; } .docs:after { content: ''; display: block; clear: both; } .docs_item { float: left; text-align: center; padding: 0 26.5px 0 4.5px; } .docs_item a { display: block; } .docs_item a:hover .docs_img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .docs_img { overflow: hidden; width: 192px; height: 222px; margin: 0 auto; background: url(../img/frame.png) no-repeat center; padding: 18px 15px 15px 37px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .docs_img img { width: 100%; width: 140px; height: 181px; } .docs_txt { font-size: 14px; color: #2c2c2c; text-decoration: underline; -webkit-text-decoration-color: rgba(44, 44, 44, 0.5); text-decoration-color: rgba(44, 44, 44, 0.5); margin: 5px 0 0 9px; } /* */ .team { text-align: center; margin-top: 7.8vh; padding: 0 20px; } .team_item { text-align: center; } .team_img { overflow: hidden; position: relative; margin: 0 auto 22px; width: 198px; height: 198px; -webkit-border-radius: 50%; border-radius: 50%; } .team_img:before { content: ''; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #bfbfbf; } .team_img img { width: 100%; } .team_name { font-size: 20px; position: relative; font-family: "Anglecia Pro Title", sans-serif; } .team_name:after { content: ''; display: block; margin: 13px auto 0; height: 3px; width: 76px; background: #785c2b; } .team_pos { font-size: 18px; margin: 20px auto 0; line-height: 1.25; width: 198px; } .team-cols { margin-top: 4.3vh; } .team-cols:after { content: ''; display: block; clear: both; } .team-cols_item { float: left; width: 49.5%; position: relative; } .team-cols_item h3 { position: relative; z-index: 1; padding: 15px 0 15px; font-size: 36px; } .team-cols_item h3:after { content: ''; display: block; width: 313px; height: 1px; background: #fff; max-width: 100%; margin-top: 13px; } .team-cols_bg { position: relative; min-height: 191px; } .team-cols_bg:before { content: ''; display: block; position: absolute; z-index: 0; top: -16px; left: -51px; bottom: -16px; right: -500px; background: url(../img/uz.jpg) repeat-y 0 0; } .team-cols_txt { max-width: 600px; padding-bottom: 10px; line-height: 1.25; font-size: 18px; position: relative; z-index: 1; } .team-num { position: relative; font-family: "Anglecia Pro Title", sans-serif; width: 313px; margin-top: 25px; } .team-num_val { float: left; font-size: 120px; line-height: 0.9; margin-right: 19px; } .team-num_txt { overflow: hidden; font-size: 26px; padding-top: 4px; line-height: 1.2; } .team-num_img { position: absolute; top: -7px; right: 0; } /* */ .garant-cols { margin-top: 7.7vh; } .garant-cols:after { content: ''; display: block; clear: both; } .garant-cols_left { float: left; width: 50%; /*width: 608px; */ } .garant-cols_right { float: right; width: 35.3%; } .piqs_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0.4vh 0 8vh; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .piqs_item:last-child { margin-bottom: 0; } .piqs_img { min-width: 107px; width: 107px; margin-right: 6px; } .piqs_txt { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 18px; max-width: 240px; line-height: 1.35; } /* */ .title_h { height: 235px; } .eq_h { height: 406px; } .light { background: #fff; } .light .header_tel { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .light .header_tel a { color: #000; } .light .header_soc { position: absolute; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; margin-left: 38px; } .light .header_soc_link1 { background: url(../img/soc1_b.png) no-repeat center; } .light .header_soc_link2 { background: url(../img/soc2_b.png) no-repeat center; } .light .header_soc_link3 { background: url(../img/soc3_b.png) no-repeat center; } .light .header_soc_link4 { background: url(../img/soc4_b.png) no-repeat center; } .light .header.fix .header_tel, .light .header.fix .header_soc { opacity: 0; visibility: hidden; } .light .footer_addr { color: #000; } .light .breadcrumbs { color: #acacac; } .light .breadcrumbs .wrapper:before { content: ''; width: 50%; float: left; margin-right: 40px; height: 3px; display: block; } .light .breadcrumbs a, .light .breadcrumbs span { color: #785c2b; } .light.body-scroll .footer:after { content: ''; position: absolute; right: 0; width: 50%; z-index: 0; bottom: 0; height: 135px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); } .bg_left, .bg_right { height: 100%; top: 0; left: 0; width: 50%; position: fixed; z-index: 0; } .bg_left { /*background-color: #000;*/ } .bg_right { right: 0; left: auto; } .light-cols:after { content: ''; display: block; clear: both; } .light-cols_left { float: left; width: 50%; padding-top: 8px; } .light-cols_right { float: right; width: 50%; color: #000; padding-left: 40px; } .conts { overflow: hidden; line-height: 24px; margin: 0px 0; } .conts a { color: #000; text-decoration: underline; -webkit-text-decoration-color: rgba(0, 0, 0, 0.5); text-decoration-color: rgba(0, 0, 0, 0.5); } .conts a:hover { color: #917b4f; } .conts .tel_link { text-decoration: none; } .conts span { font-size: 14px; } .conts_item { float: left; width: 52.8%; } .conts_item2 { width: 47%; } .map { position: relative; margin: 0 -350px 0 -40px; } #map { width: 100%; background: #eee; height: 100%; } /* */ .section-scroll { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 144px; height: auto; } .section-scroll .light-cols_left { position: fixed; } .posts { margin-top: 62px; margin-top: 6.2vh; margin-bottom: 100px; } .posts_item { position: relative; padding: 23px 0; } .posts_item:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; position: absolute; z-index: 0; left: -40px; top: 0; bottom: 0; right: -380px; background: url(../img/uz2.jpg) no-repeat 0 0; opacity: 0; } .posts_item:hover:not(.posts_single):before { opacity: 1; } .posts_item:hover:not(.posts_single) .posts_item_date { color: #fff; } .posts_item:hover:not(.posts_single) .posts_item_title { color: #fff; -webkit-text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-color: rgba(255, 255, 255, 0.5); } .posts_item_link { position: absolute; left: -40px; top: 0; bottom: 0; right: -380px; z-index: 2; } .posts_item_date { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1; font-size: 14px; color: #343434; } .posts_item_title { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1; font-size: 24px; margin: 26px -15px 25px 0; line-height: 1.47; text-decoration: underline; -webkit-text-decoration-color: rgba(0, 0, 0, 0.5); text-decoration-color: rgba(0, 0, 0, 0.5); } .posts_single:before { display: none; } .posts_single h4 { margin: 16px -15px 18px 0; } .posts_single p { line-height: 1.5; padding: 10px 0 14px 0; } .posts_single ul, .posts_single ol { line-height: 1.5; padding: 10px 0 14px 20px; } .inner .down_scroll { top: 100%; margin-top: -5px; } .inner .next_scroll { top: 67%; right: 50%; margin-right: 56px; margin-top: 90px; } .section-about .bg_right { opacity: 0.2; } .inner_title { line-height: 1.2; padding-right: 5px; } .about-cols.light-cols { padding-top: 6.8vh; margin: 0; } .about-cols.light-cols .light-cols_right { height: 63.7vh; } .about_title { font-size: 24px; margin-top: 81px; line-height: 1.22; } .about_txt { line-height: 1.9; padding: 0.7vh 0 4.8vh; } .about_txt p { padding-bottom: 20px; } .about { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .top__slider { width: 400px; height: 10rem; position: relative; margin: 0; overflow: visible; height: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .top__slider:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; position: absolute; z-index: 0; left: -40px; top: 0; bottom: 0; right: -380px; background: url(../img/uz2.jpg) no-repeat 0 0; } .top__slider-inner { position: relative; z-index: 1; height: 100%; /*transform: translate3d(0, 0, 0) !important;*/ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .top__slider-slide { position: absolute; left: 0; top: 0; font-size: 24px; color: #fff; padding-top: 47px; opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.67, 0, 0.33, 1); -o-transition: opacity 0.6s cubic-bezier(0.67, 0, 0.33, 1); transition: opacity 0.6s cubic-bezier(0.67, 0, 0.33, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: url(../img/uz2.jpg) no-repeat 0 0; } .top__slider-slide p { margin: 0 !important; -webkit-animation: sliderTextOut 0.6s cubic-bezier(0.67, 0, 0.33, 1); animation: sliderTextOut 0.6s cubic-bezier(0.67, 0, 0.33, 1); } .top__slider-slide.swiper-slide-active { opacity: 1; } .top__slider-slide.swiper-slide-active p { -webkit-animation: sliderTextIn 0.6s cubic-bezier(0.67, 0, 0.33, 1); animation: sliderTextIn 0.6s cubic-bezier(0.67, 0, 0.33, 1); } .top__slider-pagination { position: absolute; left: 0; top: 19px; width: 100%; height: 3rem; z-index: 2; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; } .top__slider-pagination-item { display: inline-block; width: 68px; font-size: 16px; height: 3rem; line-height: 3rem; cursor: pointer; background: 0 0; color: #fff; opacity: 1; position: relative; margin: 0 !important; -webkit-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; } .top__slider-pagination-item:before { content: ''; display: block; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px; background: #fff; } .top__slider-pagination-item:hover { color: #fff; } .top__slider-pagination-item.swiper-pagination-bullet-active { color: #fff; } .top__slider-pagination-item.swiper-pagination-bullet-active:before { -webkit-animation: sliderPagination 5s linear; animation: sliderPagination 5s linear; } @-webkit-keyframes sliderPagination { 0% { left: 0; right: 100%; } 90% { left: 0; right: 0; } 100% { left: 100%; right: 0; } } @keyframes sliderPagination { 0% { left: 0; right: 100%; } 90% { left: 0; right: 0; } 100% { left: 100%; right: 0; } } @-webkit-keyframes sliderTextIn { 0% { -webkit-transform: translateX(1rem); transform: translateX(1rem); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes sliderTextIn { 0% { -webkit-transform: translateX(1rem); transform: translateX(1rem); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes sliderTextOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } } @keyframes sliderTextOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } } /* */ .serv { height: 62.65vh; margin-top: 0.9vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; color: #fff; } .serv_row { height: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .serv_item { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-bottom: 1px; padding-left: 1px; color: #fff; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; width: 50%; } .serv_cover { position: absolute; z-index: 0; top: 0; bottom: 1px; left: 1px; right: 0; } .serv_cover:after { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 2; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(42%, rgba(148, 148, 148, 0)), color-stop(72%, rgba(72, 72, 72, 0.56)), to(rgba(1, 1, 1, 0.65))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); } .serv_txt { position: absolute; z-index: 1; bottom: 1px; left: 1px; right: 0; overflow: hidden; max-height: 100%; padding: 52px 33px 43px; line-height: 1.5; max-width: 520px; } .serv_txt:before { content: ''; height: 1px; display: block; max-width: 100%; background: #fff; width: 320px; margin: 0 0 25px; } .serv_txt p { padding: 0; } .serv_title { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; background: #654d25; z-index: 2; height: 100%; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .serv_title:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; content: ''; position: absolute; opacity: 0; top: 4px; left: 4px; bottom: 4px; right: 4px; border: 1px solid #fff; z-index: 3; } .serv_title:after { content: ''; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 2; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(42%, rgba(148, 148, 148, 0)), color-stop(72%, rgba(72, 72, 72, 0.56)), to(rgba(1, 1, 1, 0.65))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); } .serv_title p { position: relative; z-index: 4; padding: 0 32px 21px; } .serv_prev { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } .serv_bg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; } .serv_bg_item { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .serv_bg-top .serv_txt { top: 0; bottom: auto; } .serv_bg-top .serv_cover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* */ .section-sale h1 { max-width: 450px; text-decoration: underline; margin-bottom: 90px; } .section-sale .bg_right { opacity: 0.1; } .section-sale .form_trans h3 { font-size: 36px; } .sale_img { margin: 4px 0 23px; margin: 4px 126px 23px 0; } .sale_img img { max-height: 100%; } .form_trans h3 { font-size: 28px; } .sale_sm { margin-bottom: 40px; } /* */ .section-project .bg_left:after { height: 247px; content: ''; position: absolute; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(42%, rgba(148, 148, 148, 0)), color-stop(72%, rgba(72, 72, 72, 0.56)), to(rgba(1, 1, 1, 0.65))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(148, 148, 148, 0) 42%, rgba(72, 72, 72, 0.56) 72%, rgba(1, 1, 1, 0.65) 100%); } .section-project .bg_right { opacity: 0.2; } .tabs { overflow: hidden; margin: 42px -8% 36px 0; } .tabs li { list-style: none; float: left; width: 20%; line-height: 29px; } .tabs li a { color: #4a4a4a; border-bottom: 1px solid transparent; display: inline-block; } .tabs li a:hover { color: #000; border-bottom: 1px solid #000; } .tabs .active a { color: #000; border-bottom: 1px solid #000; font-weight: bold; } .panes_item:not(.active) { height: 0; overflow: hidden; padding: 0; margin: 0; } .project_gal { float: left; width: 59.1%; } .project_gal:before { content: ''; } .project_gal .slick-arrow { top: auto; bottom: 9px; background: transparent; } .project_gal .slick-arrow:after { margin: -5px 0 0 12px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; width: 12px; height: 12px; } .project_gal .slick-prev { left: 50%; margin-left: -39px; } .project_gal .slick-next { right: 50%; margin-right: -39px; } .project_gal .slick-next:after { margin: -4px 0 0 6px; } .project_gal .slick-dots { bottom: 0; } .gal_item { position: relative; } .gal_item a { display: block; } .gal_item a:before { content: ''; display: block; padding-bottom: 103%; } .gal_item a:after { content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border: 1px solid #fff; } sup { font-size: 50%; } .slider-count { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; z-index: 5; color: #fff; } .project_cols:after { content: ''; display: block; clear: both; } .project_inf { overflow: hidden; padding-left: 33px; padding-top: 14px; } .project_title { font-size: 18px; font-family: "Anglecia Pro Title", sans-serif; } .project_subtitle { font-size: 18px; margin: 39px 0 33px; } .project_subtitle img { margin: -5px 0 0 7px; } .project_params p { padding: 0 0 11px; line-height: 1.2; } .project_params p span { text-decoration: underline; } .project_txt { font-size: 14px; color: #4a4a4a; padding-top: 25px; line-height: 1.75; } .ind_link { text-align: right; margin: -57px -4px 0px 0; line-height: 1.2; } .ind_link a { text-decoration: underline; display: inline-block; width: 293px; font-size: 18px; text-align: justify; } .prj { display: block; } /* */ .innergall .header.fix .header_tel, .innergall .header.fix .header_soc { opacity: 1; visibility: visible; } .innergall .breadcrumbs { position: fixed; } .section-gall { display: block; height: auto; padding: 0; } .section-gall .light-cols { margin-top: 0vh; } .section-gall .light-cols_left { position: relative; z-index: 3; padding: 0; } .section-gall .light-cols_right { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .section-gall .form_trans .form_txt { margin-bottom: 28px; } .section-gall .down_scroll { position: fixed; left: 50%; margin-left: -614px; } .gall_cont { max-width: 600px; padding-top: 34px; padding-right: 30px; } .gall a { display: block; position: relative; } .gall_inf { margin: 34px 0 7.8vh; } .gall_link { display: inline-block; vertical-align: middle; font-size: 24px; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.5); line-height: 1; margin-right: 30px; } .gall_link:hover, .gall_link.active { color: #917b4f; border-color: rgba(145, 123, 79, 0.5); } .gall_txt { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 17px; margin: 0 0 0 20px; } .m-show { display: none; } .video_link:after { content: ''; display: block; position: absolute; background: url(../svg/play.svg) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; } /* */ .close { font-size: 14px; text-decoration: underline; color: #242424; overflow: hidden; z-index: 20; } .close span { position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin: 4px 21px 0 0; float: left; } .close span:after { content: ''; display: block; width: 20px; height: 1px; background: #242424; position: absolute; top: 7px; left: -3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close span:before { content: ''; display: block; width: 20px; height: 1px; background: #242424; position: absolute; top: 7px; left: -3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close:hover { text-decoration: none; } .drop_header { position: fixed; left: 0; right: 0; z-index: 100; background: #f8f8f8; top: 0; color: #010000; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; overflow: hidden; transition: transform .5s,height .1s linear,-webkit-transform .5s; } .drop_header:before { content: ''; position: absolute; top: 146px; left: 50%; margin-left: 392px; width: 536px; height: 242px; background: url(../img/img102.png) no-repeat center; } .drop_header .wrapper { padding-top: 146px; padding-bottom: 64px; opacity: 0; -webkit-filter: blur(3px); filter: blur(3px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); transition: opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; -webkit-transition: opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; -o-transition: transform .7s 1s,filter .7s linear,opacity .7s; transition: transform .7s 1s,filter .7s linear,opacity .7s; transition: transform .7s 1s,filter .7s linear,opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; } .drop_header .close { position: absolute; top: 43px; left: 34px; } .drop_header .drop_logo { position: absolute; top: 33px; left: 167px; z-index: 20; } .drop_header .footer_copy { position: absolute; bottom: 53px; left: 62.8%; } .drop_header .made { position: absolute; font-size: 12px; bottom: 106px; left: 62.8%; } .drop_header .made a { text-decoration: underline; } .drop_header .made a:hover { text-decoration: none; } .drop_header .header_soc { position: absolute; bottom: 66px; left: 38.35%; } .drop_header .header_soc_link1 { background: url(../img/soc1_b.png) no-repeat center; } .drop_header .header_soc_link2 { background: url(../img/soc2_b.png) no-repeat center; } .drop_header .header_soc_link3 { background: url(../img/soc3_b.png) no-repeat center; } .drop_header .header_soc_link4 { background: url(../img/soc4_b.png) no-repeat center; } .drop_header .conts_item { max-width: 309px; } .drop_header .conts_item1 { padding-top: 3px; } .drop_header.open { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .drop_header.open .wrapper { -webkit-filter: blur(0); filter: blur(0); opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; -webkit-transition: opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; -o-transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s; transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s; transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; } .drop_header .conts a { color: #000; -webkit-text-decoration-color: rgba(0, 0, 0, 0.5); text-decoration-color: rgba(0, 0, 0, 0.5); } .drop_footer { position: fixed; left: 0; z-index: 100; background: #f8f8f8; bottom: 0; color: #010000; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); width: 100%; overflow: hidden; transition: transform .5s,height .1s linear,-webkit-transform .5s; } .drop_footer .wrapper { padding-top: 29px; padding-bottom: 40px; } .drop_footer .close { position: absolute; top: 46px; left: 34px; } .drop_footer .drop_logo { position: absolute; top: 35px; left: 167px; z-index: 20; } .drop_footer .footer_copy { position: absolute; bottom: 24px; left: 40px; } .drop_footer .form { max-width: 572px; } .drop_footer .form_trans .form_txt { margin: 14px 0 -14px; } .drop_footer .form_row { margin-bottom: 35px; } .drop_footer .form_row:last-child { margin-bottom: 0; } .drop_footer .conts_item1 { width: 45%; } .drop_footer .conts_item2 { width: 55%; display: block; } .drop_footer h3 { margin-bottom: 21px; } .drop_footer.open { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .drop_footer.open .drop_cols_left, .drop_footer.open .drop_cols_right, .drop_footer.open .drop_logo, .drop_footer.open .close { -webkit-filter: blur(0); filter: blur(0); opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; -webkit-transition: opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; -o-transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s; transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s; transition: transform .7s .2s,filter .7s linear .2s,opacity .7s .2s,-webkit-transform .7s .2s,-webkit-filter .7s linear .2s; } .drop_footer .conts a { color: #000; -webkit-text-decoration-color: rgba(0, 0, 0, 0.5); text-decoration-color: rgba(0, 0, 0, 0.5); } .drop_cols:after { content: ''; display: block; clear: both; } .drop_cols_item { float: left; } .drop_cols_list { float: left; width: 18.4%; } .drop_cols_cont { float: right; width: 62%; } .drop_cols_left, .drop_cols_right, .drop_footer .drop_logo, .drop_footer .close { opacity: 0; -webkit-filter: blur(3px); filter: blur(3px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); transition: opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; -webkit-transition: opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; -o-transition: transform .7s 1s,filter .7s linear,opacity .7s; transition: transform .7s 1s,filter .7s linear,opacity .7s; transition: transform .7s 1s,filter .7s linear,opacity .7s,-webkit-transform .7s 1s,-webkit-filter .7s linear; } .drop_cols_left { float: left; width: 428px; padding-top: 75px; } .drop_cols_right { float: right; width: 57.4%; } .drop_list li { list-style: none; padding: 13px 0 1px; } .drop_list li a { font-size: 18px; color: #242424; text-decoration: underline; } .drop_list li a:hover { text-decoration: none; } .drop_list li ul li { display: inline-block; padding: 0px 3px 1px 0; } .drop_list li ul li a { font-size: 14px; color: #717171; } .form_nobg .form_inp { border-color: #c4c4c4; } .form_nobg .form_inp:before { background: rgba(0, 0, 0, 0.1); } .form_nobg .t-inp { color: #000; } .form_nobg .check label { color: #acacac; } .form_nobg .check label span:before { border: 1px solid #acacac; } .form_nobg .check label span:after { background-image: url(../img/check2.png); } .wow { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } /*-----------------------------------------------------------------------------*/ @media screen and (max-width: 1639px) { .map { margin: 0 -210px 0 -40px; } } @media screen and (max-width: 1439px) { .map { margin: 0 -110px 0 -40px; } } @media screen and (max-height: 899px) { section .wrapper { min-height: 200px; } .form_row { margin-bottom: 30px; } .form_bg { padding: 15px 33px 25px 0; } .eq_h { height: 359px; } .light-cols { margin-top: 5.7vh; } .title_h { height: 215px; } .about-cols.light-cols { padding-top: 4vh; } .about-cols.light-cols .light-cols_right { height: 72.7vh; } .serv { height: 70.65vh; } .form_trans .form_txt { margin: 20px 0 28px; } .sale_img { margin: 4px 0 5px; } .project_gal { width: 50%; } .gall_inf { margin: 15px 0 4.8vh; } } @media screen and (max-width: 1279px) { .team-cols_item { width: 58%; } .team-cols_item:nth-child(even) { width: 42%; } .team-cols_bg:before { top: -5px; left: -30px; bottom: -5px; } h1, .h1 { font-size: 46px; max-width: 800px; } h2, .h2 { font-size: 32px; } h3 { font-size: 28px; } .garant-cols_left { width: 540px; } .form_bg { padding: 15px 20px 25px 0; } .garant-cols_right { width: 37%; } .garant-cols { margin-top: 3.7vh; } .piqs_item { margin: 0.4vh 0 7vh; } .eq_h { height: 349px; } .map { margin: 0 -30px 0 -30px; } .form_row { margin-bottom: 29px; } .form_txt { margin: 10px 0 20px; } .light-cols_right { padding-left: 30px; } .light .breadcrumbs .wrapper:before { margin-right: 30px; } .light .header_soc { margin-left: 28px; } .eq_h { height: 368px; } .form_bg h2 { max-width: 460px; } .posts_item_title { font-size: 22px; } .posts_item:before, .posts_item_link, .top__slider:before { left: -30px; } .section-blog .bg_right { opacity: 0.5; } .posts_single h4 { margin: 16px 0px 18px 0; } .about-cols.light-cols .light-cols_right { height: 72.7vh; } .serv_title p { padding: 0 25px 20px; } .serv_txt { padding: 32px 25px 32px; } .serv_txt:before { margin: 0 0 20px; } .project_inf { padding-left: 30px; } .project_gal { width: 53.1%; } .project_inf { padding-top: 3px; } .project_subtitle { margin: 24px 0 21px; } .section-gall .down_scroll { left: 30px; margin-left: 0px; } .drop_cols_right { width: 55.4%; } .drop_header:before { display: none; } .drop_header .wrapper { padding-top: 100px; padding-bottom: 35px; } .drop_header .footer_copy { bottom: 25px; left: 68.3%; } .drop_header .made { bottom: 76px; left: 68.3%; } .drop_header .header_soc { bottom: 37px; } .drop_header .conts_item { max-width: 100%; width: 50%; display: block; } } @media screen and (max-width: 1279px) and (max-height: 899px) { .conts p { padding: 0 0 15px; } .about_txt { padding: 0vh 0 2.8vh; } .about_txt p { padding-bottom: 10px; } .top__slider-slide { font-size: 22px; } } @media screen and (max-width: 1199px) { .ind_link { margin: 0px 0px 0px 0; text-align: left; } } @media screen and (max-width: 1109px) { .docs_txt { margin-left: 22px; } } @media screen and (max-width: 1024px) { .down_scroll, .next_scroll { display: none; } .proj_img { margin-left: 0; } .section-main h1 { width: 54.3%; font-size: 52px; } } @media screen and (min-width: 1024px) { .form_trans .form_inp { border-color: #c4c4c4; } .form_trans .form_inp:before { background: rgba(0, 0, 0, 0.1); } .form_trans .t-inp { color: #000; } .form_trans .check label { color: #acacac; } .form_trans .check label span:before { border: 1px solid #acacac; } .form_trans .check label span:after { background-image: url(../img/check2.png); } .form_trans .form_txt { margin: 20px 0 49px; } .inner_title { margin-top: -7px; } .section-project .form_bg { padding: 17px 33px 17px 0; } .section-project .form_bg:before { display: none; } } @media screen and (max-width: 1023px) { h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 28px; } h3 { font-size: 26px; } .wrapper { padding: 0 15px; } .section-main h1 { font-size: 52px; width: 55%; } .main_txt1 { padding-top: 118px; padding-bottom: 45px; } .main_txt2 { margin-bottom: 70px; } .mp__promo-text__link:after, .mp__promo-text__link:before { bottom: 1px; } .piqs_img { min-width: 80px; width: 80px; } .piqs_img1 img { width: 53px; } .piqs_img3 img { width: 53px; } .piqs_img4 img { width: 60px; } .piqs_txt { font-size: 16px; } .garant-cols_right { width: 34%; } .garant-cols_left { width: 465px; width: 63%; } .form_bg { padding: 10px 15px 20px 0; } .form_txt { margin: 12px 0 20px; } .garant-cols { margin-top: 0; } .section-revs h1 { max-width: 700px; } .eq_h { height: 333px; } .light-cols { margin-left: -15px; margin-right: -15px; } .light-cols_left { width: 63%; padding-left: 15px; } .light-cols_right { width: 37%; padding-right: 15px; padding-left: 15px; } .light .breadcrumbs .wrapper:before { width: 63%; margin-right: 15px; } .light .header_soc { clear: right; position: static; } .light .header_tel { margin-top: -10px; } .light .footer:after { width: 37%; height: 210px; } .bg_left { width: 63%; } .bg_right { width: 37%; } .map { margin: 0 -15px 0 -15px; } .posts_item:before, .posts_item_link { left: -15px; } .section-scroll .light-cols { margin-top: 0vh; } .posts_item_title { font-size: 16px; margin: 13px 0px 0px 0; } .posts { margin-top: 10px; margin-bottom: 120px; } .body-scroll .header, .body-scroll .footer { position: absolute; } .body-scroll .h1 { opacity: 0.7; } .body-scroll .breadcrumbs { z-index: 10; } .body-scroll .breadcrumbs .wrapper:before { display: none; } .body-scroll .breadcrumbs a, .body-scroll .breadcrumbs span { color: #fff; } .body-scroll .header_tel a { color: #fff; } .body-scroll .header_soc_link1 { background: url(../img/soc1.png) no-repeat center; } .body-scroll .header_soc_link2 { background: url(../img/soc2.png) no-repeat center; } .body-scroll .header_soc_link3 { background: url(../img/soc3.png) no-repeat center; } .body-scroll .header_soc_link4 { background: url(../img/soc4.png) no-repeat center; } .body-scroll .footer_addr { color: #fff; } .body-scroll .footer:after { display: none; } .body-scroll .light-cols_left { width: 100%; float: none; padding-right: 15px; } .body-scroll .light-cols_right { width: 100%; float: none; color: #fff; } .body-scroll .bg_left { width: 100%; } .body-scroll .bg_right { width: 0; } .body-scroll .light-cols_left { position: relative; } .section-blog:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); } .posts_item_date { color: rgba(255, 255, 255, 0.8); } .posts_item_title { -webkit-text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-color: rgba(255, 255, 255, 0.5); font-size: 20px; margin: 13px 0px 0px 0; } .inner .header, .inner .footer { position: absolute; } .inner .h1 { opacity: 0.7; } .inner .breadcrumbs { z-index: 10; } .inner .breadcrumbs .wrapper:before { display: none; } .inner .breadcrumbs a, .inner .breadcrumbs span { color: #fff; } .inner .header_tel a { color: #fff; } .inner .header_soc_link1 { background: url(../img/soc1.png) no-repeat center; } .inner .header_soc_link2 { background: url(../img/soc2.png) no-repeat center; } .inner .header_soc_link3 { background: url(../img/soc3.png) no-repeat center; } .inner .header_soc_link4 { background: url(../img/soc4.png) no-repeat center; } .inner .footer_addr { color: #fff; } .inner .footer:after { display: none; } .inner .light-cols_left { width: 100%; float: none; padding-right: 15px; } .inner .light-cols_right { width: 100%; float: none; color: #fff; } .inner .bg_left { width: 100%; } .inner .bg_right { width: 0; } .inner .light-cols_left { position: relative; } .inner section { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 125px; padding-top: 144px; height: auto; } .inner section:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); } .about-cols.light-cols { margin-left: -15px; margin-right: -15px; padding-top: 0vh; } .about_txt { padding: 0vh 0 2.8vh; } .about_txt p { padding-bottom: 10px; } .about-cols.light-cols .light-cols_right { height: auto; } .about { display: block; } .top__slider { height: 225px; } .about_title { margin-bottom: 40px; margin-top: 20px; } .section-serv h1 br { display: none; } .section-serv .about_title br { display: none; } .breadcrumbs { top: 100px; } .serv { height: 552px; } .section-sale h1 { max-width: 100%; margin-bottom: 20px; } .section-sale h1 br { display: none; } .form_trans { color: #fff; position: relative; padding: 10px 0 20px; } .form_trans:before { content: ''; display: block; position: absolute; z-index: 0; top: 0px; left: -500px; bottom: 0px; right: -15px; background: url(../img/uz2.jpg) repeat-y right 0; } .form_trans input::-webkit-input-placeholder { color: #fff; } .form_trans input:-moz-placeholder { color: #fff; } .form_trans input::-moz-placeholder { color: #fff; } .form_trans input:-ms-input-placeholder { color: #fff; } .project { margin-bottom: 50px; } .project_txt { color: #fff; opacity: 0.9; } .ind_link { text-align: right; margin: -57px -4px 0px 0; } .tabs li a { color: rgba(255, 255, 255, 0.8); } .tabs li a:hover { color: #fff; border-bottom: 1px solid #fff; } .tabs .active a { color: #fff; border-bottom: 1px solid #fff; } .light-cols_left .form_bg { padding-right: 0; margin-top: 15px; } .light-cols_left .form_bg:before { right: -15px; } .gall_txt { display: none; } .innergall { background-color: #000; } .innergall .header, .innergall .footer { position: absolute; } .innergall .h1 { opacity: 0.7; } .innergall .breadcrumbs { z-index: 10; } .innergall .breadcrumbs .wrapper:before { display: none; } .innergall .breadcrumbs a, .innergall .breadcrumbs span { color: #fff; } .innergall .header_tel a { color: #fff; } .innergall .header_soc_link1 { background: url(../img/soc1.png) no-repeat center; } .innergall .header_soc_link2 { background: url(../img/soc2.png) no-repeat center; } .innergall .header_soc_link3 { background: url(../img/soc3.png) no-repeat center; } .innergall .header_soc_link4 { background: url(../img/soc4.png) no-repeat center; } .innergall .footer_addr { color: #fff; } .innergall .footer:after { display: none; } .innergall .light-cols_left { width: 100%; float: none; padding-right: 15px; } .innergall .light-cols_right { width: 100%; float: none; color: #fff; position: relative; top: 0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .innergall .light-cols_right .form_trans { display: none; } .innergall .bg_left { width: 100%; } .innergall .bg_right { width: 0; } .innergall .light-cols_left { position: relative; } .innergall section { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 125px; padding-top: 144px; height: auto; } .innergall h1 br { display: none; } .innergall .wrapper { min-height: 54px; } .gall_cont { width: auto; padding: 0 15px; max-width: 100%; } .gall_link { color: #fff; font-size: 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .gall_inf { margin: 20px 0 40px; } .m-show { display: block; } .drop_cols_left, .drop_cols_right { float: none; width: auto; } .drop_cols_right { margin-top: 20px; } .drop_footer .form { max-width: 100%; } .drop_footer .conts_item { width: 50%; } .drop_footer .conts_item2 { padding-left: 15px; } .drop_footer .footer_copy { position: relative; bottom: 0; left: 0; } .drop_footer .form_row { margin-bottom: 29px; } .drop_footer h3 { margin-bottom: 0px; } .drop_footer .wrapper { padding-top: 20px; padding-bottom: 10px; } .drop_footer .close { left: 15px; top: 22px; } .drop_footer .drop_logo { left: 147px; top: 12px; } .drop_header .wrapper { padding-top: 73px; } .drop_header .close { left: 15px; top: 22px; } .drop_header .drop_logo { left: 147px; top: 12px; } .drop_cols_left { padding-top: 55px; } } @media screen and (max-height: 799px) { section { padding-top: 35px; } section .wrapper { min-height: 200px; } .section-main .wrapper { min-height: 289px; } .main_txt1 { padding-top: 59px; padding-bottom: 45px; } .main_txt2 { margin-bottom: 65px; } .down_scroll { margin: 214px 0 0 23px; } h1, .h1 { font-size: 42px; } h2, .h2 { font-size: 32px; } .docs { margin-bottom: 40px; margin-top: 20px; } .breadcrumbs { top: 9.5vh; } .team-cols_bg { min-height: 81px; } .team-num { width: 290px; margin-top: 15px; } .team-num_val { margin-right: 13px; font-size: 110px; } .team-num_txt { font-size: 24px; } .team-num_img { top: -17px; } .team { margin-top: 3.8vh; margin-bottom: 33px; } .team_img { margin: 0 auto 12px; } .team_pos { font-size: 17px; margin: 13px auto 0; } .team_name:after { margin: 8px auto 0; } .garant-cols { margin-top: 0vh; } .form_row { margin-bottom: 20px; } .form_txt { margin: 10px 0 20px; } .eq_h { height: 321px; } .title_h { height: 200px; } .conts p { padding: 0 0 15px; } .about-cols.light-cols { padding-top: 0vh; } .about-cols.light-cols .light-cols_right { height: 76.7vh; } .about_txt { padding: 0vh 0 2.8vh; } .about_txt p { padding-bottom: 10px; } .serv { height: 74.65vh; } .sale_img { height: 250px; } .tabs { margin: 21px -8% 23px 0; } .project_subtitle { margin: 24px 0 21px; } .project_gal { width: 47%; } .gall_cont { padding-top: 5px; } } @media screen and (max-width: 1279px) and (max-height: 799px) { .conts { line-height: 20px; font-size: 15px; } .conts span { font-size: 13px; } .conts_item { width: 52%; } .conts_item2 { width: 48%; } .title_h { height: 180px; } .eq_h { height: 368px; } .top__slider-pagination { top: 0; } .about_txt { line-height: 1.6; } .project_gal { width: 53.1%; } .project_txt { padding-top: 13px; } .tabs { margin: 17px -8% 18px 0; } } @media screen and (max-width: 1023px) { .eq_h { height: 313px; } .conts_item { width: 100%; } .conts_item2 { display: none; } } @media screen and (max-width: 1023px) and (max-height: 899px) { .eq_h { height: 313px; } .serv { height: 552px; } .about-cols.light-cols .light-cols_right { height: auto; } } @media screen and (max-width: 1023px) and (max-height: 799px) { .garant-cols { margin-top: -8vh; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 28px; } .eq_h { height: 301px; } .title_h { height: 165px; } .serv { height: 552px; } .about-cols.light-cols .light-cols_right { height: auto; } } @media screen and (min-width: 768px) { .serv:hover .serv_item { opacity: 0; } .serv:hover .serv_item:hover { opacity: 1; } .serv:hover .serv_item:hover .serv_prev { opacity: 0; } .serv:hover .serv_item:hover .serv_title:before { opacity: 1; } .serv:hover .serv_item:hover .serv_title:after { opacity: 0; } .serv_bg_item.hover { opacity: 1; } } @media screen and (max-width: 767px) { section { height: auto; min-height: 100%; min-height: 100vh; padding: 100px 0 65px; } .section-main h1 { font-size: 40px; width: auto; float: none; padding-right: 0px; } .main_txt1 { width: auto; font-size: 22px; padding-top: 35px; } .main_txt2 { width: auto; font-size: 22px; } .proj_img { margin: 2px 25px 0 0px; } .proj_title { font-size: 22px; } .breadcrumbs { top: 65px; } .docs { margin-top: 10px; margin-bottom: 30px; } .docs_txt { margin-top: 0; } h1, .h1 { font-size: 35px; } h3 { font-size: 28px; } .team-cols { margin-top: 0; } .team-cols_item, .team-cols_item:nth-child(even) { float: none; width: auto; } .team-cols_bg { min-height: 11px; margin-top: 42px; } .garant-cols { margin-top: 0vh; } .garant-cols_left { float: none; width: auto; } .garant-cols_right { float: none; width: auto; } .form_bg { padding-right: 0; } .form_bg:before { margin-right: -15px; } .piqs { margin: 10px 0 30px; overflow: hidden; } .piqs_item { height: 90px; margin: 2.5vh 0 2.5vh; float: left; width: 50%; } .piqs_item:nth-child(even) { width: 43%; margin-left: 7%; } .form_row { margin-bottom: 30px; } .eq_h { height: auto; } .title_h { height: auto; margin-bottom: 10px; } .light-cols_left { width: 100%; float: none; padding-right: 15px; } .light-cols_right { width: 100%; float: none; color: #fff; } .light .h1 { opacity: 0.8; } .light .breadcrumbs .wrapper:before { display: none; } .light .breadcrumbs a, .light .breadcrumbs span { color: #fff; } .light .header_tel a { color: #fff; } .light .header_soc_link1 { background: url(../img/soc1.png) no-repeat center; } .light .header_soc_link2 { background: url(../img/soc2.png) no-repeat center; } .light .header_soc_link3 { background: url(../img/soc3.png) no-repeat center; } .light .header_soc_link4 { background: url(../img/soc4.png) no-repeat center; } .light .footer_addr { color: #fff; } .light .footer:after { display: none; } .bg_left { width: 100%; } .bg_right { width: 0; } .conts a { color: #fff; -webkit-text-decoration-color: rgba(255, 255, 255, 0.5); text-decoration-color: rgba(255, 255, 255, 0.5); } .conts_item { width: 52.8%; } .conts_item2 { width: 47%; display: block; } .map { height: 250px; } .section-scroll { padding-top: 100px; } .posts { margin-bottom: 0; } .inner section { padding: 100px 0 65px; } .serv { height: auto; } .serv_row { height: 138px; } .form_trans h3 { font-size: 26px; } .innergall section { padding: 100px 0 65px; } .drop_footer { overflow: auto; overflow-x: hidden; height: 100%; } .drop_header { height: 100%; } .drop_header .conts_item { float: none; width: 100%; } .drop_header .footer_copy { position: relative; bottom: 0; left: 0; float: right; clear: right; } .drop_header .header_soc { position: relative; bottom: 0; left: 0; float: left; } .drop_header .made { position: relative; bottom: 0; left: 0; float: right; } .drop_header .drop_cols { padding-bottom: 20px; } .drop_header .wrapper { padding-bottom: 12px; } .drop_cols_list { width: 26.4%; } .drop_cols_cont { width: 45%; } } @media screen and (max-width: 639px) { body { font-size: 15px !important; } .section-main h1 { font-size: 30px; } .main_txt1 { font-size: 18px; padding-top: 10px; padding-bottom: 22px; } .main_txt2 { font-size: 18px; margin-bottom: 35px; } .proj_img { margin: 2px 0px 20px 0px; float: none; } .proj_title { font-size: 18px; } .sm { font-size: 13px; } section { padding: 100px 0 65px; } h1, .h1 { font-size: 27px; } h2, .h2 { font-size: 24px; } h3 { font-size: 22px; } .team { margin: 43px 0 20px; } .team-cols_txt { font-size: 16px; } .team-num { width: 290px; } .team-num_val { margin-right: 13px; font-size: 92px; } .team-num_txt { font-size: 22px; padding-top: 0px; } .team-num_img { top: -17px; } .piqs { margin: 10px 0 35px; } .piqs_item { height: auto; margin: 0.5vh 0 4.5vh; float: none; width: 100%; } .piqs_item:nth-child(even) { width: 100%; margin-left: 0%; } .form_col { float: none; width: 100%; } .form_col:nth-child(even) { margin-top: 30px; } .check { height: 32px; } .check label span:before, .check label span:after { top: 50%; margin-top: -9px; } .conts_item { width: 100%; float: left; } .conts_item2 { width: 100%; display: block; margin-top: 15px; } .posts_item_title { font-size: 17px; } h4 { font-size: 17px; margin-bottom: 0; } .top__slider { height: 150px; } .top__slider-slide { font-size: 18px; } .about_txt { line-height: 1.6; } .about_title { font-size: 18px; } .about_title br { display: none; } .top__slider-pagination { top: 5px; } .serv_row { display: block; height: auto; } .serv_item { width: 100%; height: 138px; } .form_trans h3 { font-size: 22px; } .ind_link { margin: 0px 0px 0px 0; text-align: left; } .tabs { margin: 30px 0 26px 0; } .tabs li { width: 50%; } .project_gal { float: none; width: 100%; margin-bottom: 15px; } .project_inf { padding-left: 0px; } .section-project .h1 { font-size: 24px; } .gall_link { font-size: 20px; } .gall_inf { margin: 6px 0 28px; } .drop_footer .conts_item { width: 100%; } .drop_footer .conts_item2 { padding-left: 0px; } .close { font-size: 0; } .drop_footer .drop_logo { left: 54px; } .drop_header { overflow: auto; max-height: 100%; } .drop_header .drop_logo { left: 54px; } .drop_header .header_soc { display: block; float: none; margin: 0 0 20px -5px; } .drop_header .drop_cols { padding-bottom: 5px; } .drop_header .made { float: none; } .drop_header .footer_copy { float: none; } .drop_cols_list { width: 50%; } .drop_cols_cont { width: 100%; clear: both; float: none; padding-top: 32px; } } /*# sourceMappingURL=style.css.map */