* { box-sizing: border-box; outline: none; /*border:1px solid red!important;*/ /* -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: pixelated; */ } 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%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } button { background: transparent; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-ThinBETA.eot'); src: local('../fonts/Montserrat Regular'), local('../fonts/Inter-Regular'), url('../fonts/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-ThinBETA.woff2') format('woff2'), url('../fonts/Inter-ThinBETA.woff') format('woff'), url('../fonts/Inter-ThinBETA.ttf') format('truetype'), url('../fonts/Inter-ThinBETA.svg#Inter-ThinBETA') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-LightBETA.eot'); src: local('../fonts/Montserrat Regular'), local('../fonts/Inter-Regular'), url('../fonts/Inter-LightBETA.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-LightBETA.woff2') format('woff2'), url('../fonts/Inter-LightBETA.woff') format('woff'), url('../fonts/Inter-LightBETA.ttf') format('truetype'), url('../fonts/Inter-LightBETA.svg#Inter-LightBETA') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-Regular.eot'); src: local('../fonts/Montserrat Regular'), local('../fonts/Inter-Regular'), url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype'), url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-Bold.eot'); src: local('../fonts/Montserrat SemiBold'), local('../fonts/Inter-Bold'), url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype'), url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-Medium.eot'); src: local('../fonts/Montserrat Black'), local('../fonts/Inter-Medium'), url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff'), url('../fonts/Inter-Medium.ttf') format('truetype'), url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Semibold.eot'); src: local('../fonts/Open Sans Semibold'), local('../fonts/OpenSans-Semibold'), url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans.eot'); src: local('../fonts/Open Sans'), local('../fonts/OpenSans'), url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Open Sans', sans-serif; line-height: 1; font-weight: 500; } .container { width: 100%; max-width: 1380px; margin: 0 auto; } /* title */ .main-title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 64px; line-height: 80px; color: #082F38; } .main-desc { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; max-width: 840px; } /* buttons */ .btn { display: block; position: relative; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; height: 56px; width: 100%; max-width: 280px; line-height: 56px; text-decoration: none; padding: 0 20px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; overflow: hidden; border: none; cursor: pointer; } .btn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: 2; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; overflow: hidden; } .btn span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 3; opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .btn.input-disabled { pointer-events: none; } .btn.input-disabled span { opacity: 0.4; } .small-btn { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; font-family: Open Sans; font-weight: 600; font-size: 16px; line-height: 40px; text-align: center; color: #082F38; text-decoration: none; order: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(134.54deg, #EFE856 0%, #FAC508 100%); border-radius: 24px; width: 100%; max-width: 130px; height: 40px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; position: relative; overflow: hidden; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; } .small-btn span { opacity: 0.8; z-index: 3; } .small-btn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: 2; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; background: linear-gradient(162.64deg, #EFE856 0%, #FAC508 100%); overflow: hidden; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; } .btn-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; text-align: center; color: #082F38; border: 2px solid #082F38; background-color: transparent; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; width: 100%; max-width: 618px; text-decoration: none; height: 44px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .btn-pagination svg { margin-left: 11px; } .btn-pagination svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* styles main-btn */ .main-btn { color: #082F38; background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(168.51deg, #EFE856 0%, #FAC508 100%); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; /* box-shadow: 0px 20px 40px rgba(244, 174, 61, 0.2); */ } .main-btn:after { background: linear-gradient(168.51deg, #EFE856 0%, #FAC508 100%); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* .main-btn:active { background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(168.51deg, #EFE856 0%, #FAC508 100%); color: #fff; } .main-btn:active svg path { fill: #fff; } */ .main-btn.input-disabled:after { background: linear-gradient(168.51deg, rgba(239, 232, 86, 0.5) 0%, rgba(250, 197, 8, 0.5) 100%), #D5D5D5; color: #082F38; } .main-btn.input-disabled svg path { fill: #082F38; } /* link-main-inline, link-main-inline-o */ .link-main-inline { color: #082F38; } .link-main-inline-o { color: #ffffff; } .link-main-inline, .link-main-inline-o, .link-main-inline svg path, .link-main-inline-o svg path, .link-text-inline { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-content a { color: #009F00; text-decoration: none; } /* inputs */ .main-label { display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 15px; letter-spacing: 0.06em; text-transform: uppercase; color: #082F38; opacity: 0.8; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; margin-bottom: 10px; } .main-input { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color: rgba(8, 47, 56, .8); border: none; border-bottom: 2px solid #C6CAD3; background-color: transparent; padding-bottom: 8px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; width: 100%; } .main-input::placeholder { color: rgba(8, 47, 56, .2); } .main-input:focus { border-bottom: 2px solid #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-input-wrap.dropdown .main-input:focus + .main-input-shevron > svg path { stroke: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-input[disabled] { border-bottom: 2px solid rgba(8, 47, 56, 0.1); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-input-icon-compiled, .main-input-message-error { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index: -1; } .contacts-form-input-wrap.main-input-wrap { position: relative; } .contacts-form-input-wrap.main-input-wrap .main-input-icon-compiled { position: absolute; content: ''; bottom: 11px; right: 5px; } .contacts-form-input-wrap.main-input-wrap .main-input-message-error { position: absolute; content: ''; top: 100%; left: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #EB4266; } .contacts-form-input-wrap.main-input-wrap.main-input-compiled .main-input-icon-compiled, .contacts-form-input-wrap.main-input-wrap.main-input-error .main-input-message-error { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index: 1; } .contacts-form-input-wrap.main-input-wrap.main-input-compiled .main-input { border-bottom-color: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .contacts-form-input-wrap.main-input-wrap.main-input-error .main-input { border-bottom-color: #EB4266; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .dropdown-message-error { position: absolute; content: ''; top: 100%; left: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #EB4266; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .dropdown-wrap.dropdown-error .dropdown-message-error { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* arrows-slider */ .prev_arrow { display: block; cursor: pointer; z-index: 99; width: 48px; height: 48px; border-radius: 50%; background-color: #082F38; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS40OTAxMmUtMDggOEMxLjQ5MDEyZS0wOCA3LjQ0NzcyIDAuNDQ3NzE1IDcgMSA3SDE1QzE1LjU1MjMgNyAxNiA3LjQ0NzcyIDE2IDhDMTYgOC41NTIyOSAxNS41NTIzIDkgMTUgOUgxQzAuNDQ3NzE1IDkgMS40OTAxMmUtMDggOC41NTIyOSAxLjQ5MDEyZS0wOCA4WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43MDcxMSAwLjI5Mjg5M0M5LjA5NzYzIDAuNjgzNDE3IDkuMDk3NjMgMS4zMTY1OCA4LjcwNzExIDEuNzA3MTFMMi40MTQyMSA4TDguNzA3MTEgMTQuMjkyOUM5LjA5NzYzIDE0LjY4MzQgOS4wOTc2MyAxNS4zMTY2IDguNzA3MTEgMTUuNzA3MUM4LjMxNjU4IDE2LjA5NzYgNy42ODM0MiAxNi4wOTc2IDcuMjkyODkgMTUuNzA3MUwwLjI5Mjg5MyA4LjcwNzExQy0wLjA5NzYzMTEgOC4zMTY1OCAtMC4wOTc2MzExIDcuNjgzNDIgMC4yOTI4OTMgNy4yOTI4OUw3LjI5Mjg5IDAuMjkyODkzQzcuNjgzNDIgLTAuMDk3NjMxMSA4LjMxNjU4IC0wLjA5NzYzMTEgOC43MDcxMSAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: center; opacity: 0.14; transition: all 0.3s; } .next_arrow { display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); cursor: pointer; z-index: 99; width: 48px; height: 48px; border-radius: 50%; background-color: #082F38; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS40OTAxMmUtMDggOEMxLjQ5MDEyZS0wOCA3LjQ0NzcyIDAuNDQ3NzE1IDcgMSA3SDE1QzE1LjU1MjMgNyAxNiA3LjQ0NzcyIDE2IDhDMTYgOC41NTIyOSAxNS41NTIzIDkgMTUgOUgxQzAuNDQ3NzE1IDkgMS40OTAxMmUtMDggOC41NTIyOSAxLjQ5MDEyZS0wOCA4WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43MDcxMSAwLjI5Mjg5M0M5LjA5NzYzIDAuNjgzNDE3IDkuMDk3NjMgMS4zMTY1OCA4LjcwNzExIDEuNzA3MTFMMi40MTQyMSA4TDguNzA3MTEgMTQuMjkyOUM5LjA5NzYzIDE0LjY4MzQgOS4wOTc2MyAxNS4zMTY2IDguNzA3MTEgMTUuNzA3MUM4LjMxNjU4IDE2LjA5NzYgNy42ODM0MiAxNi4wOTc2IDcuMjkyODkgMTUuNzA3MUwwLjI5Mjg5MyA4LjcwNzExQy0wLjA5NzYzMTEgOC4zMTY1OCAtMC4wOTc2MzExIDcuNjgzNDIgMC4yOTI4OTMgNy4yOTI4OUw3LjI5Mjg5IDAuMjkyODkzQzcuNjgzNDIgLTAuMDk3NjMxMSA4LjMxNjU4IC0wLjA5NzYzMTEgOC43MDcxMSAwLjI5Mjg5M1oiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg=="); background-repeat: no-repeat; background-position: center; opacity: 0.14; transition: all 0.3s; } /* ________________________________________________________________________ */ /* ГЛАВНАЯ начало */ header { height: 117px; background: transparent; } header .wrap-nav-menu { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.fixed .wrap-nav-menu { position: fixed; top: 0; left: 0; background-color: #fff; z-index: 999; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-header { background: #F2F4F9; } .wrap-nav-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 30px 6.25%; } .logo svg { width: 120px; height: 55px; } .logo-fixed { display: none; } .nav-menu ul li { display: inline-block; margin: 0 35px; } .nav-menu ul li:last-child { margin-right: 0; } .nav-menu ul li a { text-decoration: none; font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 20px; line-height: 35px; color: #082F38; opacity: 0.6; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .nav-menu ul li a.active { color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .after-head { padding-top: 46px; padding-bottom: 130px; background: #F2F4F9; /* background: #c4c1da36; */ } .header-slider { /* margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); */ } .header-slider.slick-dotted.slick-slider { margin-bottom: 0; } .header-slider .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 14px; padding: 0; cursor: pointer; background: transparent; border-radius: 50%; border: 1px solid #9FA2AE; } .header-slider .slick-dots li.slick-active { top: 1px; width: 14px; height: 14px; background: #FAC508; border: 1px solid #FAC508; box-shadow: 0px 6px 16px rgba(249, 200, 16, 0.4); } .header-slider .slick-dots li button { display: none; } .header-slider .slick-dots { position: absolute; bottom: -46px; display: block; width: 100%; padding: 0; margin: 0; left: 0; list-style: none; text-align: left; max-width: 1380px; width: 100%; left: calc(50% - 14px); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .header-slider-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 96px; line-height: 95px; color: #082F38; margin-bottom: 50px; } .header-slider-item-leftside { padding-top: 116px; width: 50%; } .header-slider-item-rightside { width: 36%; } .header-slider-text { font-family: Inter; font-style: normal; font-weight: normal; font-size: 24px; line-height: 36px; color: #082F38; max-width: 690px; margin-bottom: 137px; } .header-slider-link { display: block; margin-bottom: 50px; } .header-slider-item-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex!important; justify-content: space-between; max-width: 1380px; width: 100%; margin: 0 auto; } .header-slider-arrow__prev { position: absolute; content: ''; top: 44%; left: 7.4%; } .header-slider-arrow__next { position: absolute; content: ''; top: 44%; right: 7.4%; } .company { padding: 147px 0 164px 0; } .wrap-company-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .company-rightside { padding-top: 123px; width: 241px; } .company-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 44px; line-height: 50px; color: #082F38; max-width: 690px; margin-bottom: 21px; max-width: 500px; } .company-main-text { max-width: 780px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; opacity: 0.86; margin-bottom: 24px; } .company-text { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; max-width: 780px; } .company-link { position: relative; font-family: Inter; font-style: normal; font-weight: bold; font-size: 24px; line-height: 35px; text-decoration-line: underline; } .company-link svg { position: absolute; top: -7px; right: -30px; } .category-slider-item.slick-slide.slick-cloned[aria-hidden="true"] { box-shadow: none; } .about-main-lab { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .about-main-lab-leftside { position: relative; overflow: hidden; background: #0681A0; height: 535px; width: 57.8%; padding-top: 104px; padding-left: 14.06%; } .about-main-lab-img { position: absolute; bottom: 0; right: 0; top: 120px; } .about-main-lab-link { position: relative; font-family: Inter; font-style: normal; font-weight: bold; font-size: 24px; line-height: 35px; text-decoration-line: underline; } .about-main-lab-link svg { position: absolute; right: -30px; top: 25px; } .about-main-lab-rightside { padding-left: 60px; padding-top: 76px; width: 42.2%; } .about-main-lab-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 20px; } .about-main-lab-text { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 47px; max-width: 480px; } .about-main-lab-button { margin: 10px 0px; } /* .wrap-paral-img { height: 100%; } */ .category { padding-top: 185px; background: #F2F4F9; padding-bottom: 151px; } .category-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 44px; line-height: 50px; color: #082F38; } .top-category { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; padding: 0 14.06%; } .wrap-button-slider { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; } .left-button-category { margin-right: 20px; } .category-slider-item { position: relative; max-width: 660px; height: 379px; padding-left: 60px; padding-right: 60px; margin-right: 59px; background: #FFFFFF; box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); border-radius: 8px; overflow: hidden; text-decoration: none; } .category-slider-item:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(149.74deg, #EFE856 0%, #FAC508 100%); box-shadow: 0px 20px 60px rgba(249, 200, 16, 0.4); opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .category-slider-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 3; height: 100%; } .category-slider-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #3D5367; margin-bottom: 21px; transition: all 0.3s; } .category-slider-text { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #3D5367; opacity: 0.86; min-height: 90px; margin-bottom: 33px; transition: all 0.3s; } .category-slider .slick-list { padding-right: 200px; padding-left: 14.06%; padding-top: 40px; padding-bottom: 60px; } .category-slider-button { display: block; text-decoration: none; border: 2px solid #082F38; box-sizing: border-box; border-radius: 24px; width: 130px; height: 40px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 37px; text-align: center; color: #082F38; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .partners { padding: 111px 0 230px 0; background: #F2F4F9; } .partners-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 44px; line-height: 50px; color: #082F38; margin-bottom: 110px; } .wrap-partners-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; } .wrap-partners-item .partners-item img { max-width: 100%; } footer { background: #0681A0; padding-top: 180px; } .wrap-top-footer-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding-left: 14.01%; margin-bottom: 268px; } .left-top-footer-block ul li { display: block; margin-bottom: 30px; } .left-top-footer-block ul li a { font-family: Inter; font-style: normal; font-weight: normal; font-size: 24px; line-height: 36px; color: #FFFFFF; text-decoration: none; } .left-top-footer-block ul li:last-child { margin-bottom: 0; } .right-top-footer-block { width: 810px; padding-top: 133px; } .right-top-footer-title { font-family: Inter; font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #FFFFFF; margin-bottom: 30px; } .wrap-right-top-footer-contacts { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 100%; max-width: 530px; margin-bottom: 30px; } .contacts-left { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #FFFFFF; } .contacts-right a { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #FFFFFF; text-decoration: none; } .contacts-line { display: block; height: 1px; width: 100%; background: #FFFFFF; opacity: 0.2; margin-bottom: 78px; } .contacts-footer-link { position: relative; display: inline-block; font-family: Inter; font-style: normal; font-weight: 700; font-size: 44px; line-height: 50px; text-decoration-line: underline; color: #FFFFFF; } .contacts-footer-link svg { position: absolute; top: -10px; right: -30px; } .wrap-bottom-footer-block { padding-bottom: 79px; } .wrap-footer-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; } .wrap-footer-info-developer-wrap p, .wrap-footer-info-developer-wrap p a { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #FFFFFF; } .wrap-footer-info-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wrap-footer-info-developer-wrap p a { color: #71D171; } .copyright { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #FFFFFF; margin-right: 85px; white-space: nowrap; } .footer-callback { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #FFFFFF; /* text-decoration: none; */ margin-right: 20px; } .footer-political { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #FFFFFF; /* text-decoration: none; */ } .gumb { display: none; } .slick-disabled { pointer-events: none; } .slick-disabled svg { opacity: 0.5; } /* ГЛАВНАЯ конец */ /* _______________________________________________________________ */ /* О КОМПАНИИ начало */ .about-hero { padding-top: 127px; padding-bottom: 116px; } .about-hero-block-left__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; margin-bottom: 10px; } .about-hero-block-wrap { margin-top: 103px; } .about-hero-block-left__desc, .about-hero-block-left-year__text { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; color: #082F38; opacity: 0.86; } .about-hero-block-left__desc { margin-bottom: 57px; max-width: 255px; } .about-hero-block-left-year__text { padding-top: 26px; white-space: nowrap; } .about-hero-block-left-year__text span { display: block; } .about-hero-block-left-year { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-hero-block-left-year__num { font-family: 'Inter', sans-serif; font-weight: 100; font-size: 144px; line-height: 174px; letter-spacing: -0.05em; color: #082F38; margin-left: -10px; margin-right: 23px; } .about-hero-block-right-content { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 83px; } .about-hero-block-right-review { position: relative; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; margin-bottom: 25px; } .about-hero-block-right-review__quote { position: absolute; content: ''; top: 0; left: -14px; } .about-hero-block-right-review-small { position: relative; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color: #082F38; opacity: 0.86; padding-left: 21px; margin-bottom: 79px; } .about-hero-block-right-review-small:before { position: absolute; content: ''; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 15px; height: 1px; background-color: #082F38; } .about-hero-block-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-hero-block-left { width: 20%; } .about-hero-block-right { width: 74%; margin-left: 6%; } .about-hero-block-right-content p { max-width: 655px; margin-bottom: 30px; } .about-hero-block-right-content p:last-child { margin-bottom: 0; } .about-hero-block-right-review-wrap { max-width: 820px; } .about-hero-block-right-review-img { width: 100%; max-width: 660px; } .about-hero-block-right-review-img img { object-fit: cover; width: 100%; height: 100%; } .about-advantages__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; max-width: 450px; margin-bottom: 41px; } .about-advantages { padding-top: 68px; padding-bottom: 70px; background-color: #F2F4F9; } .about-advantages-block { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; } .about-advantages-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-advantages-item__text { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; } .about-advantages-item { width: calc(25% - 3%); } .about-advantages-item__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 110px; margin-bottom: 4px; } .about-laboratory { padding-top: 121px; padding-bottom: 118px; } .about-laboratory-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-laboratory-img { width: 52%; } .about-laboratory-img img { object-fit: cover; height: 100%; width: 100%; } .about-laboratory-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48%; } .about-laboratory-content__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 22px; } .about-laboratory-content__desc { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 51px; } .about-laboratory-content-wrap { width: 100%; max-width: 418px; } /* О КОМПАНИИ конец */ /* _______________________________________________________________ */ /* НОВОСТИ, БЛОГ начало */ .catalog { padding-top: 127px; padding-bottom: 120px; } .catalog-block-filter { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-block-filter-item + .catalog-block-filter-item { margin-left: 30px; } .catalog-block-filter-item a { position: relative; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 35px; color: #082F38; opacity: 0.6; text-decoration: none; } .catalog-block-filter-item a.active { opacity: 1; } .catalog-block-filter-item a.active:after { position: absolute; content: ''; bottom: -9px; left: 0; width: 100%; height: 1px; background-color: #009F00; } .catalog-block__title { margin-bottom: 95px; } .catalog-block-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-block-item + .catalog-block-item { margin-top: 80px; } .catalog-block-item-img { height: 488px; width: 56.5%; } .catalog-block-item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 43.5%; } .catalog-block-item-img img { object-fit: cover; width: 100%; height: 100%; } .catalog-block-item-content__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 25px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-block-item-content__desc { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 35px; } .catalog-block-item-content__date { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color: #082F38; opacity: 0.6; margin-bottom: 30px; } .catalog-block-item-content__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #009F00; text-decoration: none; } .catalog-block-item-content__link span { position: relative; display: block; } .catalog-block-item-content__link span:after { display: none; position: absolute; content: ''; bottom: 4px; left: 0; width: 100%; height: 1px; background-color: #009F00; } .catalog-block-item-content__link svg { margin-left: 9px; } .catalog-block-item-wrap { padding-top: 68px; } .catalog-block-item-content-wrap { text-decoration: none; width: 100%; max-width: 560px; padding-left: 20px; padding-right: 20px; } .catalog-pagination { background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F9), to(#F6F9FE)); background: -o-linear-gradient(top, #F2F4F9 0%, #F6F9FE 100%); background: linear-gradient(180deg, #F2F4F9 0%, #F6F9FE 100%); padding: 28px 0; } .catalog-pagination-block__link { margin-left: auto; margin-right: auto; } .catalog-block-item-content__category { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 15px; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: #082F38; opacity: 0.8; background-color: #F2F4F9; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; overflow: hidden; padding: 5px 20px; margin-bottom: 28px; } /* НОВОСТИ, БЛОГ конец */ /* _______________________________________________________________ */ /* ДЕТАЛЬНАЯ НОВОСТИ, БЛОГ */ .catalog-detail-block-top { margin-top: 58px; margin-bottom: 39px; } .catalog-detail-link__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 15px; text-transform: uppercase; color: #082F38; text-decoration: none; margin-bottom: 64px; padding-left: 3px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .catalog-detail-link__back span { margin-left: 10px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-link__back svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-title { margin-top: 9px; margin-bottom: 44px; } .catalog-detail-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-detail-info-social-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 25px; } .catalog-detail-info-desc p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25px; color: #082F38; opacity: 0.6; } .catalog-detail-info-social-block > span { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; margin-right: 35px; } .catalog-detail-info-social { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-detail-info-social__link { text-decoration: none; vertical-align: middle; } .catalog-detail-info-social__link + .catalog-detail-info-social__link { margin-left: 20px; } .catalog-detail-content-alignment, .catalog-detail-content__img { margin-left: auto; margin-right: auto; width: 100%; max-width: 780px; } .catalog-detail-content-alignment { padding-top: 30px; /* padding-left: 60px; padding-right: 60px;*/ } .catalog-detail-content__img { /* max-height: 488px; */ margin-bottom: 38px; text-align: center; } .catalog-detail-content__img img { object-fit: cover; width: 100%; height: 100%; } .catalog-detail-content { position: relative; } .catalog-detail-content h3 { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; } .catalog-detail-content h3.catalog-detail-content-title { margin-bottom: 18px; } .catalog-detail-content p.catalog-detail-content__main-text { position: relative; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; margin-bottom: 32px; } .catalog-detail-content p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 30px; } .catalog-detail-content p span { font-weight: 600; } .catalog-detail-content ul { list-style-type: disc; padding-left: 15px; } .catalog-detail-content ul li:not(.catalog-detail-content-nav-item) { color: #009F00; margin-bottom: 15px; } .catalog-detail-content ol { list-style-type: decimal; padding-left: 20px; } .catalog-detail-content ul li span, .catalog-detail-content ol > li { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .catalog-detail-content ol li { margin-bottom: 15px; } .catalog-detail-content ol ul li span { opacity: 1; } .catalog-detail-content p.catalog-detail-content__big-text { position: relative; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 35px; color: #082F38; opacity: 1; } .catalog-detail-content p.catalog-detail-content__big-text:before { position: absolute; content: ''; top: 0; left: -13px; width: 2px; height: 100%; background-color: #71D171; } .catalog-detail-content__footnote-link { display: none; position: relative; font-family: 'Inter', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 35px; text-decoration-line: underline; max-width: 300px; } .catalog-detail-content-anchor-block { position: relative; } #intro.catalog-detail-content-anchor-block p:first-child { font-family: Inter; font-style: normal; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; } ul.catalog-detail-content-nav { list-style-type: none; padding-left: 0; max-width: 285px; } .catalog-detail-content-nav-wrap { position: absolute; content: ''; top: 32px; left: 0; padding-top: 15px; z-index: 88; } .catalog-detail-content .catalog-detail-content__footnote { display: none; } .catalog-detail-content-nav-wrap.fixed { position: fixed; top: 0; padding: 15px; } .catalog-detail-content_fixed { position: fixed; content: ''; top: 30%; right: 10%; width: 16%; max-width: 300px; background: transparent; padding-left: 15px; } /*.catalog-detail-content .catalog-detail-content__footnote { position: absolute; content: ''; top: 0; left: calc(100% + 60px); width: 100%; max-width: 300px; }*/ .catalog-detail-content .catalog-detail-content__footnote p { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; opacity: 0.6; margin-bottom: 0; } .catalog-detail-content-nav-item a { display: block; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; color: #082F38; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-content-nav-item a.active { color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-content-nav-item + .catalog-detail-content-nav-item { margin-top: 20px; } .catalog-detail-slider-item { width: 100%; max-width: 780px; padding-bottom: 7px; } .catalog-detail-slider-item.slick-center .catalog-detail-slider-item__img { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-slider-item:not(.slick-center) .catalog-detail-slider-item__img { opacity: 0.2; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-slider-item a { display: block; width: 100%; height: 100%; } .catalog-detail-slider-item:not(.slick-center) a { pointer-events: none; } .catalog-detail-slider-item .catalog-detail-slider-item__title { padding-left: 60px; padding-right: 60px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; opacity: 0.6; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition-delay: .5s; } .catalog-detail-slider-item:not(.slick-center) .catalog-detail-slider-item__title { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-slider-item__img { /* max-height: 488px; */ margin-bottom: 20px; } .catalog-detail-slider-item__img img { object-fit: cover; width: 100%; height: 100%; } .catalog-detail-slider-item + .catalog-detail-slider-item { margin-left: 60px; } .catalog-detail-slider-wrap { position: relative; padding-top: 8px; } .catalog-detail-slider-arrow { position: absolute; content: ''; z-index: 4; } .catalog-detail-slider-arrow__left { top: calc(50% - 20px); left: 15.3%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .catalog-detail-slider-arrow__right { top: calc(50% - 20px); right: 12.3%; transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); } .catalog-detail-autors { background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F9), to(#F6F9FE)); background: -o-linear-gradient(top, #F2F4F9 0%, #F6F9FE 100%); background: linear-gradient(180deg, #F2F4F9 0%, #F6F9FE 100%); margin-top: 72px; } .catalog-detail-autors-block { margin-left: auto; margin-right: auto; width: 100%; max-width: 900px; padding-top: 78px; padding-bottom: 94px; } .catalog-detail-autors__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; margin-bottom: 39px; } .catalog-detail-autors-list-item p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 33px; color: #082F38; opacity: 0.86; page-break-inside: avoid; } .catalog-detail-autors-list-item .catalog-detail-autors-list-item__position { display: block; font-size: 12px; line-height: 20px; } .catalog-detail-autors-list { column-count: 2; } .catalog-detail-autors-list-item + .catalog-detail-autors-list-item { margin-top: 17px; } .catalog-detail-next-page { padding-top: 122px; padding-bottom: 143px; } .catalog-detail-next-page-block { margin-left: auto; margin-right: auto; width: 100%; max-width: 660px; } .catalog-detail-next-page-block > p { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 35px; color: #082F38; opacity: 0.86; margin-bottom: 17px; } .catalog-detail-next-page__name { display: block; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; } .mailing { background: -webkit-gradient(linear, left top, left bottom, from(#F2F4F9), to(#F6F9FE)); background: -o-linear-gradient(top, #F2F4F9 0%, #F6F9FE 100%); background: linear-gradient(180deg, #F2F4F9 0%, #F6F9FE 100%); padding-top: 63px; padding-bottom: 36px; } .mailing-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mailing-block-text { width: 100%; max-width: 520px; } .mailing-block-text__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 25px; color: #082F38; margin-bottom: 10px; } .mailing-block-text__subtitle { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .mailing-block-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mailing-block-form-input-block { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .mailing-block-form-btn-block { max-width: 240px; width: 100%; margin-left: 30px; } .mailing-block-form-wrap { width: 100%; max-width: 800px; padding-left: 20px; padding-top: 20px; } .mailing-block-form-desc { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; opacity: 0.6; margin-top: 33px; } .mailing-block-form-desc a { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; } .catalog-detail-content-btn-up { display: none; } /* ДЕТАЛЬНАЯ НОВОСТИ, БЛОГ конец */ /* _______________________________________________________________ */ /* ПРОДУКЦИЯ, УСЛУГИ начало */ .chess-title-wrap { padding-top: 127px; } .chess-section { padding-top: 13px; padding-bottom: 63px; } .chess-section-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 117px; } .chess-item-img { width: 51.5%; } .chess-item-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48.5%; } .chess-item-img img { object-fit: cover; width: 100%; height: 100%; } .chess-item__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 25px; } .chess-item-text p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 35px; } .chess-item-text .chess-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #009F00; text-decoration: none; } .chess-item-text a span { position: relative; display: block; } .chess-item-text a span:after { display: none; position: absolute; content: ''; bottom: 4px; left: 0; width: 100%; height: 1px; background-color: #009F00; } .chess-item-text a svg { margin-left: 9px; } .chess-item-block { width: 100%; max-width: 540px; text-decoration: none; } .chess-section-block.img-second .chess-item-text{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 6.3%; order: -1 } .chess-section-block.img-first .chess-item-text{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 6.3%; } /* ПРОДУКЦИЯ, УСЛУГИ конец */ /* _______________________________________________________________ */ /* НАША ЛАБОРАТОРИЯ начало */ .laboratory { padding-top: 120px; padding-bottom: 268px; background: -webkit-gradient(linear, left top, right top, color-stop(42%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(left, #F2F4F9 42%, #FFFFFF 0%); background: linear-gradient(to right, #F2F4F9 42%, #FFFFFF 0%); } .laboratory-top { padding-bottom: 67px; } .main-title { margin-bottom: 87px; } .laboratory-top-block { padding-top: 138px; } .media-block{ position: relative; } .media-block.video { height: 863px; } .media-block img { object-fit: cover; width: 100%; height: 100%; } .media-block.video .media-block__play { display: block; position: absolute; content: ''; top: 50%; left: 50%; text-decoration: none; opacity: 0.6; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .laboratory-block-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .laboratory-block-item + .laboratory-block-item { margin-top: 84px; } .laboratory-block-item:first-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .laboratory-block-item:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .laboratory-block-item-text { width: 100%; max-width: 615px; } .laboratory-block-item-text__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 6px; } .laboratory-block-item-text__desc { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .laboratory-slider-desc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 42%; padding-right: 6%; } .laboratory-slider-text__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; margin-bottom: 10px; } .laboratory-slider-text__desc { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; opacity: 0.86; } .laboratory-slider-desc { width: 100%; max-width: 423px; margin-left: auto; margin-bottom: 40px; } .laboratory-slider-counter, .laboratory-slider-counter span { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 15px; letter-spacing: 0.06em; text-transform: uppercase; color: #082F38; opacity: 0.86; margin-bottom: 10px; } .laboratory-slider-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 184px; } .laboratory-slider { width: 58%; } .laboratory-slider-arrows-wrap { } .laboratory-slider-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 423px; position: relative; margin-left: auto; } .laboratory-slider-item img { max-width: 100%; } .laboratory-slider-item { width: 353px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .laboratory-slider-arrow + .laboratory-slider-arrow { margin-left: 20px; } .laboratory-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .laboratory-slider .slick-list { padding-left: 60px; } .laboratory-slider-item { position: relative; margin: 0 30px; height: 353px; width: 353px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .laboratory-slider-item .laboratory-slider-item-img { display: block; width: 100%; height: 100%; } .laboratory-slider-item:not(.big-slide) .laboratory-slider-item-img { pointer-events: none; } .laboratory-slider-item .laboratory-slider-item-img img{ object-fit: cover; width: 100%; height: 100%; } .laboratory-slider-item.big-slide { width: 540px; height: 540px; } .laboratory-slider-item.small-slide { width: 353px; height: 353px; } .laboratory-slider-item .laboratory-slider-item-img:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; opacity: 1; } .laboratory-slider-item.big-slide .laboratory-slider-item-img:after { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .learning-slider-desc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 42%; padding-right: 6%; } .learning-slider-text__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; margin-bottom: 10px; } .learning-slider-text__desc { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; opacity: 0.86; } .learning-slider-desc { width: 100%; max-width: 423px; margin-left: auto; margin-bottom: 40px; } .learning-slider-counter, .learning-slider-counter span { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; line-height: 15px; letter-spacing: 0.06em; text-transform: uppercase; color: #082F38; opacity: 0.86; margin-bottom: 10px; } .learning-slider-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 184px; } .learning-slider { width: 58%; } .learning-slider-arrows-wrap { } .learning-slider-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 423px; position: relative; margin-left: auto; } .learning-slider-item img { max-width: 100%; } .learning-slider-item { width: 353px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .learning-slider-arrow + .learning-slider-arrow { margin-left: 20px; } .learning-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .learning-slider .slick-list { padding-left: 60px; } .learning-slider-item { position: relative; margin: 0 30px; height: 353px; width: 353px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .learning-slider-item .learning-slider-item-img { display: block; width: 100%; height: 100%; } .learning-slider-item:not(.big-slide) .learning-slider-item-img { pointer-events: none; } .learning-slider-item .learning-slider-item-img img{ object-fit: cover; width: 100%; height: 100%; } .learning-slider-item.big-slide { width: 540px; height: 540px; } .learning-slider-item.small-slide { width: 353px; height: 353px; } .learning-slider-item .learning-slider-item-img:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; opacity: 1; } .learning-slider-item.big-slide .learning-slider-item-img:after { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* НАША ЛАБОРАТОРИЯ конец */ /* 404 начало */ .error-block { margin-top: -118px; background: -webkit-gradient(linear, left top, left bottom, color-stop(-9.29%, #143D47), to(#082F38)); background: -o-linear-gradient(top, #143D47 -9.29%, #082F38 100%); background: linear-gradient(180deg, #143D47 -9.29%, #082F38 100%); } .error-block-wrap-middle { height: 100vh; display: flex; align-items: center; } .error-block-wrap { background-image: url(../imgs/404-bg.png); background-repeat: no-repeat; background-size: 150%; background-position: top center; width: 100%; max-width: 740px; margin-left: auto; margin-right: auto; padding-top: 160px; } .error-block__title { font-family: 'Inter', sans-serif; font-weight: 100; font-size: 320px; line-height: 350px; text-align: center; color: #71D171; } .error-block__subtitle { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; text-align: center; letter-spacing: 0.01em; color: #FFFFFF; margin-bottom: 60px; } .error-header .nav-menu ul li a { color: #ffffff; } header.error-header .logo svg path:not(.hcls-2) { fill: #fff; } header.error-header .logo svg path.hcls-1.hcls-2 { fill: #71D171; } .error-block__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; height: 56px; line-height: 56px; padding-left: 20px; padding-right: 20px; text-decoration: none; } .error-block__btn span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #082F38; opacity: 0.8; width: 100%; } /* 404 конец */ /* ДЕТАЛЬНАЯ Услуги начало */ .detail-top-block { padding-top: 58px; padding-bottom: 92px; } .detail-link__back { margin-bottom: 55px; } .detail-link__back span { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-link__back svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-desc + .btn { margin-top: 44px; } .media-block.image { height: 660px; } .text-under-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-under-desc { width: 100%; max-width: 776px; margin-right: 4%; } .text-under-desc p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .text-under-duration { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-under-duration > span{ font-family: 'Inter', sans-serif; font-weight: 100; font-size: 144px; line-height: 144px; letter-spacing: -0.05em; color: #082F38; position: relative; top: -15px; margin-right: 17px; } .text-under-duration > p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 16px; color: #082F38; opacity: 0.86; } .text-under-duration p span { display: block; margin-bottom: 7px; } .text-under { padding-top: 86px; } .services-detail-content-text { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .services-detail-content-img img { object-fit: cover; width: 100%; height: 100%; } .services-detail-content { padding-top: 72px; padding-bottom: 117px; } .services-detail-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services-detail-content-text { width: 43.5%; padding-top: 74px; padding-right: 60px; } .services-detail-content-img { width: 56.5%; } .other { padding-bottom: 180px; overflow: hidden; } .other-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); } .other-slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.333%; } .other-slider-item-link { position: relative; display: block; width: 100%; height: 100%; text-decoration: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; overflow: hidden; top: 0; box-shadow: 0px 20px 40px rgba(190, 190, 205, 0); max-width: 420px; padding-bottom: 45px; width: 100%; background-color: transparent; } .other-slider-item-img { height: 262px; margin-bottom: 32px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .other-slider-item-text { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .other-slider-item-img img { object-fit: cover; width: 100%; height: 100%; } .other-slider-item-text__title { position: relative; display: inline-block; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 24px; line-height: 35px; color: #082F38; margin-bottom: 4px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .other-slider-item-text__desc { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #082F38; } .other-slider-item-text__date { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color: #082F38; opacity: 0.6; } .other-title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 44px; line-height: 50px; color: #082F38; margin-bottom: 71px; } .other-slider-item-text__title:after { position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 2px; background-color: #082F38; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .other-slider-arrow-wrap { display: none; } /* ДЕТАЛЬНАЯ Услуги конец */ /* ДЕТАЛЬНАЯ Продукты начало */ .detail-product { background: -webkit-gradient(linear, right top, left top, color-stop(26.5%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(right, #F2F4F9 26.5%, #FFFFFF 0%); background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); } .detail-product-main { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail-product-main-content-wrap { width: 73.5%; } .detail-product-main-tabs-wrap { width: 26.5%; padding-left: 3%; } .detail-product-main-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 30px; } .detail-product-main-content-block-left { max-width: 360px; width: 100%; margin-right: 4.3%; } .detail-product-main-content-block-right { max-width: 660px; width: 100%; margin-right: 4.3%; } .detail-product-main-content-title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 44px; line-height: 50px; color: #082F38; margin-bottom: 6px; } .detail-product-main-content-desc { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .detail-product-main-tabs-item a { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; color: #082F38; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-product-main-tabs-item a.active { color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-product-main-tabs-item + .detail-product-main-tabs-item { margin-top: 20px; } .detail-product-block { padding-top: 83px; padding-bottom: 114px; } .detail-product-main-tabs { width: 100%; max-width: 180px; } .detail-product-main-content-block-left__img { max-height: 360px; } .detail-product-main-content-block-left__img img { display: block; object-fit: cover; object-fit: contain; width: 100%; height: 100%; max-height: 360px; } .detail-product-main-content-block-left-text__title, .detail-product-main-content-small-content-text p span { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 25px; color: #082F38; margin-bottom: 5px; } .detail-product-main-content-block-left-text__desc, .detail-product-main-content-small-content-text p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; } .detail-product-main-content-block-left-text__desc span { display: block; } .detail-product-main-content-block-left-text + .detail-product-main-content-block-left-text { margin-top: 28px; } .detail-product-main-content-block + .detail-product-main-content-block { margin-top: 38px; } .detail-product-main-content-small-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #F2F4F9; padding-bottom: 5px; } .detail-product-main-content-small-tabs-item a { display: block; position: relative; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; opacity: 0.4; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-product-main-content-small-tabs-item a.active { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-product-main-content-small-tabs-item a.active:after { position: absolute; content: ''; bottom: -6px; left: 0; height: 1px; width: 100%; background-color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-product-main-content-block:last-child .detail-product-main-content-block-left { padding-top: 6px; } .detail-product-main-content-small-content-wrap { padding-top: 30px; } .detail-product-main-content-small-content-wrap .detail-product-main-content-small-content-text { margin-bottom: 15px; } .detail-product-main-content-small-tabs-item { text-align: center; padding-right: 5px; } .detail-product-main-tabs-block .main-input-wrap.dropdown { display: none; } /* ДЕТАЛЬНАЯ Продукты конец */ /* Блок со слайдером на главной начало */ .other.main-page .other-slider-item-status { position: absolute; content: ''; top: 15px; right: 15px; background: #FFFFFF; border-radius: 14px; width: 140px; height: 25px; font-family: Open Sans, sans-serif; font-style: normal; font-weight: 600; font-size: 11px; line-height: 11px; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: #082F38; padding: 7px 20px; } .other.main-page .other-slider-item-status span{ opacity: 0.8; } .other.main-page { padding-top: 180px; padding-bottom: 195px; } .other.main-page .other-slider-item-text__title { margin-bottom: 34px; } /* Блок со слайдером на главной конец */ /* КОНТАКТЫ начало */ .contacts { padding-top: 138px; padding-bottom: 121px; } .contacts-block-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts-block-left { max-width: 600px; width: 100%; } .contacts-block-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 660px; width: 100%; padding-top: 12px; } .contacts-title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 64px; line-height: 80px; color: #082F38; margin-bottom: 89px; } .contacts-block-left__desc { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; margin-bottom: 111px; } .contacts-block-left__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 36px; line-height: 45px; color: #082F38; margin-bottom: 30px; } .contacts-block-left__address span, .contacts-block-left__links a { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; width: max-content; } .contacts-block-left__links a { text-decoration: none; } .contacts-block-left__address { margin-bottom: 30px; } .contacts-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-form-input-wrap, .contacts-form-input-btn-wrap { width: 100%; } .contacts-form-input-wrap + .contacts-form-input-wrap { margin-top: 35px; } .main-input-wrap-email, .main-input-wrap-tel, .main-input-wrap-area, .contacts-form-input-check-wrap { width: 45.5%; } /* check */ .contacts-form-input-check-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ position: relative; margin-top: 35px; } .contacts-form-input-check__input { display: none; } .contacts-form-input-check { width: 100%; cursor: pointer; } .contacts-form-input-check span { display: block; padding-left: 28px; } .contacts-form-input-check span, .contacts-form-input-check span a { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 18px; color: #082F38; opacity: 0.86; } .contacts-form-input-check:before { display: inline-block; position: absolute; content: ''; top: 9px; left: 0; width: 18px; height: 18px; background: #082F38; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; opacity: 0.1; } .contacts-form-input-check-wrap > input:checked + label.contacts-form-input-check:before { background: url('../imgs/check-form.png') center no-repeat, linear-gradient(134.54deg, #EFE856 0%, #FAC508 100%); opacity: 1; } .contacts-form-input-btn-wrap { margin-top: 40px; } .contacts-form-input-btn { max-width: 100%; } .contacts-block-success p { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 35px; color: #082F38; opacity: 0.86; max-width: 600px; } .main-check-message-error { position: absolute; content: ''; top: 100%; left: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #EB4266; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; opacity: 0; visibility: hidden; } .contacts-form-input-check-wrap.main-input-error .main-check-message-error{ opacity: 1; visibility: visible; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* КОНТАКТЫ конец */ /* Адаптив */ @media (min-width: 1025px) { .btn:hover:after { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .btn:hover span{ opacity: 0.8; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .main-btn:hover { box-shadow: 0px 20px 40px rgba(244, 174, 61, 0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .small-btn:hover { box-shadow: 0px 20px 40px rgba(244, 174, 61, 0.2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .small-btn:hover:after { opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .btn-pagination:hover { background-color: #082F38; color: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .btn-pagination:hover svg path { stroke: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .link-main-inline:hover { color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .link-main-inline:hover svg path { fill: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .link-main-inline-o:hover { color: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .link-main-inline-o:hover svg path { fill: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-link__back:hover span, .catalog-detail-link__back:hover span { color: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .detail-link__back:hover svg path, .catalog-detail-link__back:hover svg path { stroke: #009F00; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .category-slider-item:hover:after { opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .category-slider-item:hover .category-slider-title { text-decoration-line: underline; transition: all 0.3s; } .category-slider-item:hover .category-slider-button { background: #FFFFFF; border-radius: 24px; border: 2px solid #FFFFFF; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; } .nav-menu ul li a:not(.active):hover { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-block-item-content-wrap:hover .catalog-block-item-content__title { text-decoration: underline; } .catalog-block-item-content-wrap:hover .catalog-block-item-content__link span:after { display: block; } .chess-item-block:hover .chess-item__title { text-decoration: underline; } .chess-item-block:hover .chess-item__link span:after { display: block; } .other-slider-item:hover .other-slider-item-link { top: -10px; box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; max-width: 100%; padding-bottom: 35px; background-color: #fff; } .other-slider-item:hover .other-slider-item-text { padding-left: 30px; padding-right: 30px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .other-slider-item:hover .other-slider-item-text__title { margin-bottom: 14px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; text-decoration: underline; } .other.main-page .other-slider-item:hover .other-slider-item-text__title { margin-bottom: 34px; } .prev_arrow:hover, .next_arrow:hover { opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; box-shadow: 0px 4px 12px rgba(0, 127, 159, 0.14); } .catalog-detail-content a:hover { text-decoration: underline; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } } @media (min-width: 1025px) and (max-width: 1440px) { .other-slider-item:hover .other-slider-item-link { top: -5px; padding-bottom: 38px; } .other-slider-item:hover .other-slider-item-text { padding-left: 25px; padding-right: 25px; } .other-slider-item:hover .other-slider-item-text__title { margin-bottom: 13px; } } @media (max-width: 1440px) { .container { max-width: 1160px; } .header-slider-item-block, .header-slider .slick-dots { max-width: 1160px; } .main-desc { max-width: 706px; } .wrap-nav-menu { padding: 30px 8.35%; } .header-slider-item-leftside { width: 65%; } .after-head { padding-top: 27px; padding-bottom: 91px; } .header-slider-title { font-size: 64px; line-height: 80px; margin-bottom: 37px; } .header-slider-text { margin-bottom: 78px; } .header-slider-item-rightside { padding-top: 104px; width: 30.7%; } .header-slider-item-img { width: 300px; } .company-title { max-width: 665px; } .company-rightside { width: 142px; } .company { padding: 147px 0 90px 0; } .about-main-lab-leftside { width: 55.3%; padding-left: 9.76%; } .about-main-lab-rightside { padding-left: 49px; padding-top: 76px; width: 44.7%; } .category { padding-top: 120px; padding-bottom: 60px; } .category-slider .slick-list { padding-left: 9.7%; } .top-category { padding: 0 9.7%; margin-bottom: 32px; } .category-slider-item { margin-right: 45px; } .category-slider .slick-list { padding-right: 9.7%; } .partners-item + .partners-item { margin-left: 7%; } .partners { padding: 92px 0 168px 0; } .partners-title { margin-bottom: 100px; } footer { padding-top: 121px; } .wrap-top-footer-block { padding-left: 9.7%; margin-bottom: 180px; } .right-top-footer-block { width: 594px; padding-top: 131px; } .wrap-right-top-footer-contacts { max-width: 456px; margin-bottom: 67px; } .contacts-footer-link { font-size: 36px; line-height: 50px; } .contacts-line { margin-bottom: 41px; } .contacts-footer-link svg { top: 0; right: -37px; } .copyright { margin-right: 88px; } .other.main-page { padding-top: 120px; padding-bottom: 104px; } /* О компании начало*/ .about-hero { padding-top: 101px; } .about-hero-block-wrap { margin-top: 100px; } .about-hero-block-left { width: 21.5%; } .about-hero-block-right { width: 74%; margin-left: 4.5%; } .about-hero-block-left__desc { margin-bottom: 38px; } .about-hero-block-right-content p { max-width: 560px; } .about-hero-block-right-content { margin-bottom: 62px; } .about-hero-block-right-review-wrap { max-width: 700px; } .about-hero-block-right-review { margin-bottom: 15px; } .about-hero-block-right-review-small { margin-bottom: 59px; } .about-hero-block-right-review-img { max-width: 555px; } .about-advantages-block { max-width: 1160px; } .about-laboratory-content-wrap { width: 100%; max-width: 454px; } .about-laboratory-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* О компании конец*/ /* Новости, Блог начало */ .catalog { padding-top: 101px; padding-bottom: 97px; } .catalog-block__title { margin-bottom: 85px; } .catalog-block-item-wrap { padding-top: 70px; } .catalog-block-item-img { height: 410px; } .catalog-block-item + .catalog-block-item { margin-top: 60px; } .catalog-block-item-content__category, .catalog-block-item-content__date { margin-bottom: 20px; } .catalog-block-item-content__title { margin-bottom: 15px; } .catalog-block-item-content__desc { margin-bottom: 25px; } .catalog-block-item-content-wrap { width: 100%; max-width: 474px; padding-left: 20px; } /* Новости, Блог конец */ /* Детальная Блог, Новости начало */ .catalog-detail-subtitle-category { display: none; } .catalog-detail-link__back { margin-bottom: 28px; } .catalog-detail-block-top { margin-bottom: 48px; } .catalog-detail-content-alignment, .catalog-detail-content__img { max-width: 658px; } .catalog-detail-content__img { height: 410px; margin-bottom: 27px; } .catalog-detail-content-alignment { padding-left: 0; padding-right: 0; } .catalog-detail-content-nav-item a { font-size: 14px; line-height: 20px; } .catalog-detail-content-nav-item + .catalog-detail-content-nav-item { margin-top: 25px; } .catalog-detail-content .catalog-detail-content__footnote { left: calc(100% + 49px); max-width: 200px; } .catalog-detail-content__footnote-link { font-size: 18px; line-height: 28px; } .catalog-detail-slider-item { max-width: 656px; } .catalog-detail-slider-item__img { max-height: 410px; margin-bottom: 22px; } .catalog-detail-slider-item + .catalog-detail-slider-item { margin-left: 50px; } .catalog-detail-slider-arrow__left { left: 11.3%; } .catalog-detail-slider-arrow__right { right: 8.3%; } .catalog-detail-slider-item .catalog-detail-slider-item__title { padding-left: 0; padding-right: 0; } .catalog-detail-autors { margin-top: 64px; } .catalog-detail-autors-block { max-width: 860px; padding-bottom: 100px; } .catalog-detail-next-page { padding-top: 96px; padding-bottom: 120px; } .catalog-detail-next-page-block { max-width: 600px; } .mailing-block-text { max-width: 435px; } .mailing-block-form-wrap { max-width: 675px; } .mailing-block-form-btn-block { max-width: 200px; } .catalog-detail-content-nav-wrap { top: 18px; } /* Детальная Блог, Новости конец */ /* Продукция, Услуги начало */ .chess-title-wrap { padding-top: 101px; } .chess-section { padding-top: 0; padding-bottom: 24px; } .chess-item-block { max-width: 454px; } .chess-section-block.img-first .chess-item-text { padding-left: 7.3%; } .chess-section-block.img-second .chess-item-text { padding-right: 7.3%; } .chess-item-img { height: 466px; } .chess-section-block { margin-bottom: 100px; } /* Продукция, Услуги конец */ /* Наша лаборатория начало */ .laboratory-top { padding-bottom: 61px; } .main-title { margin-bottom: 105px; } .laboratory-top-block { padding-top: 101px; } .media-block.video { height: 647px; } .media-block.video .media-block__play { width: 28px; height: 36px; } .media-block.video .media-block__play svg { width: 100%; height: 100%; } .laboratory { padding-top: 100px; padding-bottom: 84px; background: -webkit-gradient(linear, left top, right top, color-stop(41.3%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(left, #F2F4F9 41.3%, #FFFFFF 0%); background: linear-gradient(to right, #F2F4F9 41.3%, #FFFFFF 0%); } .laboratory-slider-desc-wrap { width: 41.3%; padding-right: 7%; } .laboratory-slider { width: 58.7%; } .laboratory-block-item + .laboratory-block-item { margin-top: 74px; } .laboratory-slider-wrap { padding-top: 105px; } .laboratory-slider-desc, .laboratory-slider-arrows { max-width: 354px; } .laboratory-slider-desc { width: 100%; } .laboratory-slider .slick-list { padding-left: 50px; } .laboratory-slider-item.big-slide { width: 453px; height: 453px; } .laboratory-slider-item, .laboratory-slider-item.small-slide { width: 303px; height: 303px; } .laboratory-slider-item { margin: 0 25px; } .laboratory-slider-desc { margin-bottom: 35px; } .laboratory-block-item-text { max-width: 600px; } .detail-product-main-content-block-left__img, .detail-product-main-content-block-left__img img { max-height: 302px; } /* Наша лаборатория конец */ /* Детальная Услуги начало */ .main-desc + .btn { margin-top: 40px; } .detail-top-block { padding-bottom: 81px; } .media-block.image { height: 495px; } .text-under { padding-top: 76px; } .text-under-desc { max-width: 656px; } .text-under-duration { padding-top: 18px; } .services-detail-content-text { padding-top: 0; } .services-detail-content { padding-bottom: 98px; } .other-title { margin-bottom: 68px; } .other-slider-item-link { max-width: 354px; padding-bottom: 40px; } .other-slider-item-img { height: 222px; margin-bottom: 27px; } .other-slider-item-text__title { font-size: 20px; line-height: 28px; margin-bottom: 12px; } .other-slider { margin-left: -25px; margin-right: -25px; width: calc(100% + 50px); } .other-slider-item-text__desc { min-height: 120px; } .other { padding-bottom: 115px; } /* Детальная Услуги конец */ /* Детальная Продукты начало */ .detail-product { background: -webkit-gradient(linear, right top, left top, color-stop(23.6%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(right, #F2F4F9 23.6%, #FFFFFF 0%); background: linear-gradient(to left, #F2F4F9 23.6%, #FFFFFF 0%); } .detail-product-main-content-wrap { width: 76.4%; } .detail-product-main-tabs-wrap { width: 23.6%; padding-left: 3.4%; } .detail-product-main-content-block-left { max-width: 303px; margin-right: 4.6%; } .detail-product-main-content-block-right { max-width: 555px; margin-right: 5%; } .detail-product-main-tabs { max-width: 151px; } .detail-product-block { padding-top: 72px; padding-bottom: 96px; } .detail-product-main-content-small-tabs-item a { font-size: 16px; line-height: 16px; } .detail-product-main-content-small-tabs { padding-right: 2%; padding-bottom: 12px; } .detail-product-main-content-block + .detail-product-main-content-block { margin-top: 40px; } .detail-product-main-content-block:last-child .detail-product-main-content-block-left { padding-top: 0px; } .detail-product-main-content-small-tabs-item a.active:after { bottom: -13px; } /* Детальная Продукты конец */ /* Контакты начало */ .contacts { padding-top: 101px; /* padding-bottom: 121px; */ } .contacts-title { margin-bottom: 106px; } .contacts-block-left { max-width: 504px; } .contacts-block-right { max-width: 555px; } .contacts-form-input-btn-wrap { margin-top: 27px; } .contacts-block-left__desc { margin-bottom: 76px; } /* Контакты конец */ ul.catalog-detail-content-nav { max-width: 240px; } } @media (min-width: 1025px) and (max-width: 1280px) { .other-slider-item:hover .other-slider-item-text__title { margin-bottom: 10px; } .other-slider-item:hover .other-slider-item-link { padding-bottom: 21px; } } @media screen and (max-width: 1280px) { .container, .header-slider-item-block, .header-slider .slick-dots { max-width: 1180px; padding: 0 30px; } header { height: 129px; } .wrap-nav-menu { padding: 36px 4.6%; } .wrap-nav-menu .nav-menu { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .wrap-nav-menu .nav-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .nav-menu ul li { margin: 0; } .nav-menu ul li + li { margin-left: 6%; } .nav-menu ul li a { font-size: 16px; line-height: 30px; } .after-head { padding-top: 18px; padding-bottom: 40px; } .header-slider-item-leftside, .header-slider-item-rightside { padding-top: 0; } .header-slider-item-rightside { text-align: center; } .header-slider-text { margin-bottom: 58px; } .header-slider-item-img { width: 260px; } .company { padding: 100px 0 90px 0; } .about-main-lab-leftside { padding-left: 6.3%; padding-top: 106px; width: 55.6%; } .about-main-lab-rightside { width: 44.4%; } .about-main-lab-img { right: -5%; } .about-main-lab-rightside { padding-left: 50px; padding-top: 78px; padding-right: 50px; } .about-main-lab-text { max-width: 450px; } .category { padding-top: 100px; padding-bottom: 41px; } .top-category { padding: 0 6.2%; } .category-slider .slick-list { padding-left: 6.2%; padding-right: 6.2%; } .category-slider-item { max-width: 635px; } .company-text { font-size: 14px; } .partners { padding: 89px 0 157px 0; } .partners-title { margin-bottom: 83px; } .left-top-footer-block ul li a { font-size: 20px; line-height: 24px; } .wrap-top-footer-block { padding-left: 6.3%; margin-bottom: 115px; } .right-top-footer-block { width: 518px; padding-top: 49px; } .wrap-right-top-footer-contacts { max-width: 438px; } .other.main-page { padding-top: 101px; } /* О компании начало */ .about-hero { padding-top: 83px; padding-bottom: 96px; } .about-hero-block-wrap { margin-top: 81px; } .about-hero-block-left__desc { margin-bottom: 57px; } .about-hero-block-right-content p { max-width: 535px; } .about-hero-block-right-content { margin-bottom: 58px; } .about-hero-block-right-review-wrap { max-width: 675px; } .about-hero-block-right-review-img { max-width: 537px; } .about-advantages { padding-bottom: 41px; } .about-laboratory { padding-top: 100px; padding-bottom: 100px; } .about-laboratory-content-wrap { max-width: 438px; } /* О компании конец */ /* Новости, Блог начало */ .catalog { padding-top: 83px; padding-bottom: 101px; } .catalog-block__title { margin-bottom: 60px; } .catalog-block-item-wrap { padding-top: 62px; } .catalog-block-item-img { height: 396px; } .catalog-block-item + .catalog-block-item { margin-top: 50px; } .catalog-block-item-content-wrap { max-width: 458px; } .catalog-block-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Новости, Блог конец */ /* Детальная Блог, Новости начало */ .catalog-detail-block-top { margin-top: 46px; margin-bottom: 37px; } .catalog-detail-link__back { margin-bottom: 22px; } .catalog-detail-content-alignment, .catalog-detail-content__img { max-width: 636px; } .catalog-detail-content__img { height: 396px; margin-bottom: 15px; } .catalog-detail-content p { margin-bottom: 32px; } .catalog-detail-content p.catalog-detail-content__main-text { margin-bottom: 37px; } .catalog-detail-slider-wrap { padding-top: 5px; } .catalog-detail-slider-item { max-width: 634px; } .catalog-detail-slider-arrow__left { left: 8.3%; } .catalog-detail-slider-arrow__right { right: 5.3%; } .catalog-detail-autors-block { max-width: 830px; } .catalog-detail-next-page { padding-top: 86px; padding-bottom: 90px; } .mailing-block-form-wrap { max-width: 653px; } .mailing-block-form-btn-block { max-width: 195px; } .catalog-detail-content-nav-wrap { width: 15%; padding-right: 15px; } .catalog-detail-content .catalog-detail-content__footnote { left: calc(100% + 1%); max-width: 170px; } .catalog-detail-content__footnote-link { font-size: 17px; } .mailing-block-form-desc a { white-space: nowrap; } .catalog-detail-slider-item__img { max-height: 396px; } /* Детальная Блог, Новости конец */ /* Продукция, Услуги начало */ .chess-title-wrap { padding-top: 82px; } .chess-section { padding-top: 5px; padding-bottom: 17px; } .chess-item-img { width: 52%; height: 417px; } .chess-item-text { width: 48%; } .chess-item-block { max-width: 438px; } .chess-section-block.img-first .chess-item-text { padding-left: 7.5%; padding-right: 30px; } .chess-section-block.img-second .chess-item-text { padding-right: 7.5%; padding-left: 30px; } .chess-section-block { margin-bottom: 79px; } /* Продукция, Услуги конец */ /* Наша лаборатория начало */ .main-desc { max-width: 682px; } .laboratory-top { padding-bottom: 51px; } .main-title { margin-bottom: 80px; } .laboratory-top-block { padding-top: 83px; } .media-block.video { height: 575px; } .laboratory { padding-top: 80px; padding-bottom: 99px; background: -webkit-gradient(linear, left top, right top, color-stop(40.5%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(left, #F2F4F9 40.5%, #FFFFFF 0%); background: linear-gradient(to right, #F2F4F9 40.5%, #FFFFFF 0%); } .laboratory-block-item + .laboratory-block-item { margin-top: 64px; } .laboratory-slider-wrap { padding-top: 85px; } .laboratory-slider-desc, .laboratory-slider-arrows { max-width: 336px; } .laboratory-slider-desc-wrap { width: 40.5%; padding-right: 8%; padding-left: 30px; } .laboratory-slider { width: 59.5%; } .laboratory-slider-item.big-slide { width: 435px; height: 435px; } .laboratory-slider-item, .laboratory-slider-item.small-slide { width: 292px; height: 292px; } .media-block.video .media-block__play { width: 25px; height: 32px; } /* Наша лаборатория конец */ /* Детальная Услуги начало */ .detail-top-block { padding-top: 46px; padding-bottom: 60px; } .media-block.image { height: 440px; } .text-under-desc { margin-right: 2.5%; } .text-under { padding-top: 102px; } .services-detail-content { padding-top: 41px; padding-bottom: 77px; } .other-title { margin-bottom: 51px; } .other-slider-item-link { max-width: 341px; } .other-slider-item-img { height: 214px; } .other-slider-item-text__title { margin-bottom: 10px; } .other-slider-item-link { padding-bottom: 23px; } .other { padding-bottom: 95px; } /* Детальная Услуги конец */ /* Детальная Продукты начало */ .detail-product { background: -webkit-gradient(linear, right top, left top, color-stop(21.5%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(right, #F2F4F9 21.5%, #FFFFFF 0%); background: linear-gradient(to left, #F2F4F9 21.5%, #FFFFFF 0%); } .detail-product-main-content-block-left__img, .detail-product-main-content-block-left__img img { max-height: 292px; } .detail-product-main-content-wrap { width: 78.5%; } .detail-product-main-tabs-wrap { width: 21.5%; padding-left: 3.8%; } .detail-product-main-content-block-left { max-width: 292px; margin-right: 5%; } .detail-product-main-content-block-right { max-width: 534px; } .detail-product-main-tabs { max-width: 146px; } .detail-product-block { padding-top: 43px; padding-bottom: 75px; } .detail-product-main-content-block-left-text + .detail-product-main-content-block-left-text { margin-top: 30px; } .detail-product-main-content-block + .detail-product-main-content-block { margin-top: 36px; } /* Детальная Продукты конец */ /* Контакты начало */ .contacts { padding-top: 83px; padding-bottom: 101px; } .contacts-title { margin-bottom: 81px; } .contacts-block-left { max-width: 517px; padding-right: 30px; } .contacts-block-right { max-width: 535px; } .contacts-block-left__desc { margin-bottom: 52px; } .contacts-form-input-check span a { white-space: nowrap; } /* Контакты конец */ ul.catalog-detail-content-nav { max-width: 228px; } } @media (max-width: 1170px) and (min-width: 1025px) { .other-slider-item:hover .other-slider-item-text { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1170px) { .other-slider-item-link { max-width: 300px; } } @media screen and (max-width: 1024px) { .wrap-nav-menu { padding: 32px 5.8%; } .container, .header-slider-item-block, .header-slider .slick-dots { max-width: 960px; } header { height: 121px; } .after-head { padding-top: 39px; padding-bottom: 32px; } .header-slider { margin-left: 0; margin-right: 0; width: 100%; } /* .header-slider-item-block { padding-left: 0; padding-right: 0; } */ .header-slider-item-leftside { width: 66%; } .header-slider-item-rightside { width: 34%; text-align: left; padding-top: 10px; } .header-slider-text { font-size: 20px; line-height: 35px; max-width: 540px; margin-bottom: 70px; } .header-slider-item-img { width: 248px; } .header-slider-title { margin-bottom: 47px; } .nav-menu ul li + li { margin-left: 7.8%; } .company { padding: 81px 0 49px 0; } .wrap-company-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-slider-item-leftside, .header-slider-item-rightside { width: 100%; } .header-slider-item-rightside { text-align: center; } .company-title { margin-bottom: 23px; } .company-main-text { margin-bottom: 22px; } .company-rightside { width: 100%; padding-top: 46px; } .about-main-lab-leftside { height: 445px; width: 44.5%; padding-left: 6%; padding-top: 105px; } .about-main-lab-rightside { width: 55.5%; padding-top: 50px; padding-left: 3.5%; padding-right: 3.5%; } .about-main-lab-text { max-width: 480px; margin-bottom: 29px; } .about-main-lab-img { right: auto; width: 100%; bottom: auto; top: 0; transform: translateX(-40%); left: 60%; height: 100%; object-fit: contain; -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); } .category { padding-top: 79px; padding-bottom: 20px; } .top-category { padding: 0 6%; margin-bottom: 0; } .category-slider .slick-list { padding-left: 6%; padding-right: 6%; } .category-slider-item { max-width: 666px; margin-right: 40px; } .partners { padding: 80px 0 87px 0; } .partners-title { margin-bottom: 59px; } footer { padding-top: 80px; } .wrap-top-footer-block { padding-left: 6%; margin-bottom: 81px; } .right-top-footer-block { width: 569px; } .wrap-right-top-footer-contacts { max-width: 513px; } .contacts-footer-link { font-size: 44px; line-height: 50px; } .wrap-footer-info-links { width: 100%; max-width: 509px; } .wrap-footer-info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .other.main-page { padding-top: 80px; } .other.main-page .other-slider-item-text__title { margin-bottom: 23px; } .other-slider-item-text__title { text-decoration: underline; } .other.main-page { padding-top: 50px; padding-bottom: 70px; } /* О компании начало */ .about-hero { padding-top: 77px; padding-bottom: 77px; } .about-hero-block-wrap { margin-top: 60px; } .about-hero-block-left { width: 25%; } .about-hero-block-right { width: 69.7%; margin-left: 5.3%; } .about-hero-block-left__desc { margin-bottom: 34px; } .about-hero-block-right-content p { max-width: 100%; } .about-hero-block-right-content { margin-bottom: 42px; } .about-hero-block-right-review { margin-bottom: 17px; } .about-hero-block-right-review-small { margin-bottom: 49px; padding-left: 19px; } .about-hero-block-right-review-img { max-width: 100%; } .about-advantages-block { max-width: 745px; } .about-advantages-item__img svg { width: 100%; } .about-advantages-item__img { margin-bottom: 15px; max-width: 80px; } .about-advantages__title { margin-bottom: 33px; } .about-advantages-item__text { font-size: 14px; line-height: 18px; } .about-advantages { padding-bottom: 86px; } .about-laboratory { padding-top: 80px; padding-bottom: 80px; } .about-laboratory-content__desc { margin-bottom: 23px; } .about-laboratory-content-wrap { padding-left: 15px; max-width: 366px; } /* О компании конец */ /* Новости, Блог начало */ .catalog { padding-top: 77px; padding-bottom: 80px; } .catalog-block__title { margin-bottom: 40px; } .catalog-block-item-wrap { padding-top: 37px; } .catalog-block-item-img { height: 319px; } .catalog-block-item-content__title { font-size: 24px; line-height: 36px; } .catalog-block-item-content__desc { display: none; } .catalog-block-item-wrap { padding-top: 60px; } .catalog-block-item + .catalog-block-item { margin-top: 40px; } .catalog-block-item-content-wrap { max-width: 371px; } .catalog-block-item-content__category { margin-bottom: 15px; } .catalog-block-item-content__title { margin-bottom: 25px; } .catalog-block-item-content__link span:after { display: block; } /* Новости, Блог конец */ /* Детальная Блог, Новости начало */ .catalog-detail-content-nav-wrap, .catalog-detail-content .catalog-detail-content__footnote { display: none; } .catalog-detail-content-btn-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 20px; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; background-color: #0681A0; box-shadow: 0px 4px 12px rgba(0, 127, 159, 0.14); z-index: 88; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); } .catalog-detail-content-btn-up.fixed { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .catalog-detail-block-top { margin-top: 54px; /* margin-bottom: 37px; */ } .catalog-detail-title { font-size: 44px; line-height: 56px; } .catalog-detail-link__back { margin-bottom: 8px; } .catalog-detail-title { margin-top: 0; } .catalog-detail-content-alignment, .catalog-detail-content__img { max-width: 591px; } .catalog-detail-content__img { height: 368px; margin-bottom: 5px; } .catalog-detail-slider-item { max-width: 590px; padding-bottom: 2px } .catalog-detail-slider-item.slick-center .catalog-detail-slider-item__img { max-height: 369px; } .catalog-detail-slider-item + .catalog-detail-slider-item { margin-left: 40px; } .catalog-detail-slider-arrow { background-color:rgba(8, 47, 56, 0.4); } .catalog-detail-autors-block { max-width: 745px; padding-bottom: 115px; } .catalog-detail-autors-list-item .catalog-detail-autors-list-item__position { max-width: 350px; } .catalog-detail-next-page { padding-top: 76px; } .mailing { padding-top: 42px; padding-bottom: 47px; } .mailing-block-text { max-width: 405px; } .mailing-block-text__title { margin-bottom: 22px; } .mailing-block-text__subtitle { max-width: 350px; } .mailing-block-form-wrap { max-width: 495px; min-width: 450px; padding-left: 0px; padding-top: 41px; } .mailing-block-form-desc { font-size: 10px; margin-top: 22px; } .mailing-block-form-desc a { font-size: 10px; } .catalog-detail-slider-arrow__right { right: 1.9%; } /* Детальная Блог, Новости конец */ /* Продукция, Услуги начало */ .chess-title-wrap { padding-top: 77px; } .chess-section { padding-top: 0; padding-bottom: 20px; } .chess-item__title { font-size: 30px; line-height: 36px; } .chess-item-img { height: 415px; } .chess-item-block { max-width: 354px; } .chess-item__title { margin-bottom: 20px; word-break: break-all; } .chess-item-text p { margin-bottom: 20px; } .chess-section-block { margin-bottom: 61px; } /* Продукция, Услуги конец */ /* Наша лаборатория начало */ .laboratory-top { padding-bottom: 51px; } .main-title { margin-bottom: 60px; } .laboratory-top-block { padding-top: 77px; } .main-desc { max-width: 746px; } .media-block.video { height: 460px; } .media-block.video .media-block__play { width: 20px; height: 26px; } .laboratory { padding-top: 60px; padding-bottom: 80px; } .laboratory-block-item-text { max-width: 550px; } .laboratory-block-item + .laboratory-block-item { margin-top: 54px; } .laboratory-slider-desc, .laboratory-slider-arrows { max-width: 313px; } .laboratory-slider-desc-wrap { padding-right: 4%; } .laboratory-slider-desc { margin-bottom: 38px; } .laboratory-slider .slick-list { padding-left: 40px; } .laboratory-slider-item.big-slide { width: 352px; height: 352px; } .laboratory-slider-item, .laboratory-slider-item.small-slide { width: 236px; height: 236px; } .laboratory-slider-item { margin: 0 20px; } /* Наша лаборатория конец */ /* Детальная Услуги начало */ .detail-top-block { padding-top: 54px; padding-bottom: 50px; } .main-desc + .btn { margin-top: 30px; } .media-block.image { height: 352px; } .text-under { padding-top: 92px; } .text-under-desc { max-width: 510px; margin-right: 4%; } .services-detail-content { padding-top: 47px; padding-bottom: 70px; } .services-detail-content-img { max-height: 410px; } .other-title { margin-bottom: 41px; } .other-slider { margin-left: 0; margin-right: 0; width: 100%; } .other-slider-item { width: calc(33.333% - 3%); } .other-slider-item-img { height: 180px; margin-bottom: 22px; } .other-slider-item-text__title { font-size: 16px; line-height: 24px; margin-bottom: 8px; } .other-slider-item-link { padding-bottom: 0; } .other { padding-bottom: 97px; } /* Детальная Услуги конец */ /* Детальная Продукты начало */ .detail-product { background: -webkit-gradient(linear, right top, left top, color-stop(21.2%, #F2F4F9), color-stop(0%, #FFFFFF)); background: -o-linear-gradient(right, #F2F4F9 21.2%, #FFFFFF 0%); background: linear-gradient(to left, #F2F4F9 21.2%, #FFFFFF 0%); } .detail-product-main-content-block-left__img, .detail-product-main-content-block-left__img img { max-height: 235px; } .detail-product-main-content-wrap { width: 78.8%; padding-top: 34px; } .detail-product-main-tabs-wrap { width: 21.2%; /* padding-left: 3.8%; */ } .detail-product-main-content-block-left { max-width: 235px; /* margin-right: 5%; */ } .detail-product-main-content-block-right { max-width: 432px; } .detail-product-main-tabs { max-width: 118px; } .detail-product-main-tabs-item a { font-size: 14px; line-height: 25px; } .detail-product-main-content-title { font-size: 36px; line-height: 44px; margin-bottom: 8px; } .detail-product-main-content-desc { font-size: 14px; line-height: 24px; } .detail-product-main-content-block:last-child .detail-product-main-content-block-left .detail-product-main-content-block-left-text__desc { font-size: 14px; line-height: 24px; } .detail-product-main-content-small-tabs-item a { font-size: 14px; line-height: 14px; } .detail-product-block { padding-top: 21px; padding-bottom: 58px; } .detail-product-main-content-block + .detail-product-main-content-block { margin-top: 7px; } .detail-product-main-content-block:last-child .detail-product-main-content-block-right { padding-top: 40px; } .detail-product-main-content-small-tabs { padding-right: 0; } .detail-product-main-content-block-left-text + .detail-product-main-content-block-left-text { margin-top: 25px; } /* Детальная Продукты конец */ /* Контакты начало */ .contacts-block-left__desc { font-size: 20px; line-height: 30px; margin-bottom: 48px; } .contacts-form-input-check span, .contacts-form-input-check span a { font-size: 10px; line-height: 18px; } .contacts { padding-top: 77px; padding-bottom: 80px; } .contacts-title { margin-bottom: 60px; } .contacts-block-left { max-width: 423px; } .contacts-block-right { max-width: 432px; } .contacts-form-input-check span a { white-space: normal; } /* Контакты конец */ } @media screen and (max-width: 992px) { .nav-menu ul li + li { margin-left: 6%; } .about-main-lab-rightside { padding-top: 25px; } } @media screen and (max-width: 768px) { .container, .header-slider-item-block, .header-slider .slick-dots { max-width: 100%; } header { height: 120px; } .main-title { font-size: 44px; line-height: 56px; } .gumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 40px; height: 28px; cursor: pointer; } .gumb span { width: 100%; height: 3px; background-color: #082F38; border-radius: 3px; transition: all .3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .gumb span:after, .gumb span:before { position: absolute; content: ''; right: 0; width: 100%; height: 3px; background-color: #082F38; border-radius: 3px; transition: all .3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .gumb span:after { transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); -ms-transform: translateY(12px); -o-transform: translateY(12px); width: 50%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .gumb span:before { transform: translateY(-12px); -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .error-header .gumb span, .error-header .gumb span:after, .error-header .gumb span:before { background-color: #ffffff; } .error-header .gumb { opacity: 0.5; } .wrap-nav-menu-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; background-color: transparent; z-index: 999; } .wrap-nav-menu-block .logo { height: 56px; } .wrap-nav-menu .nav-menu { display: none; flex: none; } header .wrap-nav-menu .nav-menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #007F9F; z-index: 888; padding-top: 120px; overflow-y: auto; } header.active .gumb { opacity: 0.5; } header.active .gumb span { background-color: transparent; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .gumb span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .gumb span:after { width: 100%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transition: all .22s; -webkit-transition: all .22s; -moz-transition: all .22s; -ms-transition: all .22s; -o-transition: all .22s; } header.active .gumb span:before, header.active .gumb span:after { background-color: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header .logo svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .logo svg path:not(.hcls-1) { fill: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .logo svg path.hcls-1 { fill: #ffffff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .logo svg path.hcls-1.hcls-2 { fill: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.active .nav-menu ul li a { opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .wrap-nav-menu .nav-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .nav-menu ul li + li { margin-left: 0; margin-top: 60px; } .nav-menu ul li a { font-size: 24px; line-height: 24px; text-align: center; color: #FFFFFF; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .wrap-nav-menu { padding: 32px 30px; } .header-slider-title { text-align: center; font-size: 44px; line-height: 56px; margin-bottom: 20px; } .header-slider-item-rightside { display: none; } .header-slider-item-leftside { width: 100%; } .after-head { padding-top: 55px; padding-bottom: 80px; } .header-slider-text { font-size: 18px; line-height: 28px; max-width: 100%; text-align: center; margin-bottom: 39px; } .header-slider-link { margin: 0 auto; } .wrap-nav-menu .nav-menu ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .company { padding: 50px 0; } .company-title { font-size: 36px; line-height: 44px; max-width: 600px; margin-bottom: 20px; } .company-main-text { font-size: 20px; line-height: 28px; max-width: 600px; margin-bottom: 13px; } .company-text { font-size: 16px; line-height: 30px; max-width: 620px; } .company-rightside { padding-top: 22px; } body.active { overflow: hidden; } .about-main-lab-leftside { width: 44%; padding-left: 4%; padding-top: 105px; height: auto; } .about-main-lab-title { font-size: 30px; line-height: 36px; } .about-main-lab-rightside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0; height: 100%; min-height: 455px; } .about-main-lab-text { max-width: 360px; margin-bottom: 29px; } .about-main-lab-title { margin-bottom: 0; } .about-main-lab { height: auto; } .category-slider-title { font-size: 20px; line-height: 24px; } .category-slider-text { font-size: 12px; line-height: 20px; } .category-title { font-size: 36px; line-height: 44px; } .top-category { padding: 0 3.7%; } .category-slider .slick-list { padding-left: 3.7%; padding-right: 3.7%; padding-bottom: 50px; } .category { padding-top: 48px; padding-bottom: 0; } .category-slider-item { max-width: 279px; height: 246px; padding: 16px; padding: 30px 16px; margin-right: 28px; padding-bottom: 20px; } .category-slider-item-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .category-slider-title { margin-bottom: 9px; } .category-slider-text { margin-bottom: 0; } .partners-title { font-size: 36px; line-height: 44px; margin-bottom: 50px; } .partners { padding: 51px 0 53px 0; } .left-top-footer-block ul li a { font-size: 18px; line-height: 20px; } footer { padding-top: 51px; } .wrap-top-footer-block { padding-left: 4%; margin-bottom: 57px; } .right-top-footer-title { font-size: 30px; line-height: 36px; margin-bottom: 20px; } .right-top-footer-block { width: 482px; padding-top: 95px; padding-left: 20px; padding-right: 20px; } .wrap-right-top-footer-contacts { max-width: 433px; margin-bottom: 40px; } .contacts-footer-link { font-size: 34px; line-height: 44px; } .contacts-line { margin-bottom: 20px; } .contacts-footer-link svg { right: -29px; } .wrap-footer-info-links { max-width: 429px; } .footer-callback { margin-right: 16px; } .copyright { white-space: nowrap; } .wrap-bottom-footer-block { padding-bottom: 49px; } /* О компании начало */ .about-hero { padding-top: 50px; padding-bottom: 50px; } .about-hero-block-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 45px; } .about-hero-block-right { width: 100%; margin-left: 0; margin-bottom: 46px; } .about-hero-block-left { width: 100%; order: 2; } .about-hero-block-right-content { margin-bottom: 30px; } .about-hero-block-right-review-wrap { max-width: 100%; } .about-hero-block-right-review { margin-bottom: 21px; } .about-hero-block-right-review-small { margin-bottom: 39px; } .about-hero-block-left__desc { max-width: 100%; } .about-hero-block-left-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-hero-block-left-year__num { font-size: 96px; line-height: 96px; margin-left: 0; margin-right: 10%; } .about-hero-block-left-year__text { font-size: 14px; line-height: 18px; padding-top: 10px; } .about-hero-block-left__desc { max-width: 378px; margin-bottom: 0; } .about-hero-block-left-year { margin-top: -20px; margin-left: 6.5%; } .about-advantages__title { font-size: 30px; line-height: 36px; margin-bottom: 23px; } .about-advantages { padding-top: 51px; padding-bottom: 88px; } .about-advantages-item__text { font-size: 12px; line-height: 18px; } .about-laboratory { padding-top: 50px; padding-bottom: 50px; } .about-laboratory-img { max-height: 277px; } .about-laboratory-content__title { font-size: 30px; line-height: 36px; margin-bottom: 10px; white-space: nowrap; } .about-laboratory-content__desc { font-size: 12px; line-height: 20px; margin-bottom: 27px; } .about-laboratory-content-wrap { max-width: 292px; } /* О компании конец */ /* Новости, Блог начало */ .catalog { padding-top: 49px; padding-bottom: 50px; } .catalog-block-filter-item a { font-size: 16px; line-height: 30px; } .catalog-block__title { margin-bottom: 30px; } .catalog-block-filter-item a.active:after { bottom: -5px; } .catalog-block-item-wrap { padding-top: 50px; } .catalog-block-item-img { height: 250px; } .catalog-block-item + .catalog-block-item { margin-top: 30px; } .catalog-block-item-content__title { font-size: 18px; line-height: 26px; } .catalog-block-item-content-wrap { max-width: 297px; } /* Новости, Блог конец */ /* Детальная Блог, Новости конец */ .catalog-detail-block-top { margin-top: 9px; margin-bottom: 27px; } .catalog-detail-link__back { margin-bottom: 45px; } .catalog-detail-title { margin-bottom: 32px; } .catalog-detail-content__img { max-width: 100%; } .catalog-detail-content__img { /* height: 442px; */ height: auto; } .catalog-detail-content-alignment { max-width: 646px; } .catalog-detail-slider .slick-list { padding-left: 30px; } .catalog-detail-slider-item.slick-active .catalog-detail-slider-item__img{ opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .catalog-detail-slider-item.slick-active .catalog-detail-slider-item__title { opacity: 0.6; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition-delay: .5s; } .catalog-detail-slider.one-slide .catalog-detail-slider-item { max-width: 708px; width: 100%; } .catalog-detail-slider.one-slide .slick-list { margin-left: 30px; margin-right: 30px; padding-left: 0; } .catalog-detail-slider.one-slide .catalog-detail-slider-item .catalog-detail-slider-item__img { max-height: 442px; } .catalog-detail-slider .catalog-detail-slider-item .catalog-detail-slider-item__title { padding-left: 30px; padding-right: 30px; } .catalog-detail-slider-item + .catalog-detail-slider-item { margin-left: 32px; } .catalog-detail-slider-arrow__right { right: 4.9%; } .catalog-detail-slider-arrow__left { left: 11.3%; } .catalog-detail-autors { margin-top: 44px; } .catalog-detail-autors-block { padding-top: 47px; padding-bottom: 56px; } .catalog-detail-autors__title { margin-bottom: 18px; } .catalog-detail-next-page { padding-top: 55px; padding-bottom: 57px; } .catalog-detail-next-page__name { font-size: 30px; line-height: 36px; } .mailing-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mailing-block-text { max-width: 100%; } .mailing-block-form-wrap { max-width: 100%; min-width: auto; padding-top: 25px; } .mailing-block-text__title { font-size: 14px; line-height: 24px; margin-bottom: 25px; } .mailing-block-text__subtitle { font-size: 14px; line-height: 24px; } .mailing-block-form-btn-block { max-width: 216px; margin-left: 15px; } .catalog-detail-slider .slick-list { margin-left: 0; } /* Детальная Блог, Новости конец */ /* Продукция, Услуги начало */ .chess-title-wrap { padding-top: 50px; } .chess-section { padding-bottom: 10px; } .chess-item__title { font-size: 24px; line-height: 30px; } .chess-item-text p { font-size: 14px; line-height: 24px; } .chess-item-block { max-width: 277px; } .chess-section-block.img-first .chess-item-text { padding-left: 7.9%; } .chess-section-block.img-second .chess-item-text { padding-right: 7.9%; } .chess-section-block { margin-bottom: 41px; } /* Продукция, Услуги конец */ /* Наша лаборатория начало */ .main-title { margin-bottom: 40px; } .laboratory-top-block { padding-top: 49px; } .main-desc { max-width: 100%; } .laboratory-top { padding-bottom: 31px; } .media-block.video { height: 427px; } .media-block.video .media-block__play { width: 27px; height: 33px; } .laboratory { padding-top: 71px; padding-bottom: 42px; background: none; } .laboratory-block-item-text__title { font-size: 30px; line-height: 36px; } .laboratory-block-item, .laboratory-block-item:last-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .laboratory-block-item + .laboratory-block-item { margin-top: 44px; } .laboratory-slider { width: 100%; order: -1; margin-bottom: 31px; } .laboratory-slider-desc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .laboratory-slider-wrap { padding-top: 65px; } .laboratory-slider .slick-list { padding-left: 30px; } .laboratory-slider-item.big-slide { width: 431px; height: 431px; } .laboratory-slider-item, .laboratory-slider-item.small-slide { width: 215px; height: 215px; } .laboratory-slider-item { margin: 0 15px; } .laboratory-slider-desc { margin-left: 0; } .laboratory-slider-desc { max-width: 431px; } .laboratory-slider-arrows-wrap { position: relative; margin-left: 30px; top: -80px; z-index: 3; } .laboratory-slider-desc-wrap { padding-right: 0; } .laboratory-slider-arrow + .laboratory-slider-arrow { margin-left: 15px; } /* Наша лаборатория конец */ /* 404 начало */ .error-block__title { font-size: 160px; line-height: 160px; } .error-block__subtitle { font-size: 20px; line-height: 30px; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .error-block-wrap { background-position: center center; padding-top: 100px; } /* 404 конец */ /* Детальная Услуги начало */ .detail-top-block { padding-top: 10px; padding-bottom: 41px; } .detail-link__back { margin-bottom: 24px; } .media-block.image { height: 264px; } .text-under { padding-top: 41px; } .text-under-desc { max-width: 399px; margin-right: 3%; } .text-under-duration { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 29px; } .text-under-duration > p { padding-left: 10px; } .services-detail-content { padding-top: 56px; padding-bottom: 50px; } .services-detail-content-text { font-size: 12px; line-height: 20px; } .services-detail-content-text { width: 48%; padding-right: 32px; } .services-detail-content-img { width: 52%; height: 369px; } .other-title { font-size: 36px; line-height: 44px; margin-bottom: 30px; } .other-slider-item-text__title { text-decoration: underline; } .other { padding-bottom: 53px; } /* Детальная Услуги конец */ /* Детальная Продукты начало */ .detail-product { background: none; } .detail-product-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .detail-product-main-tabs-wrap { width: 100%; order: -1; padding-left: 0; background-color: #F2F4F9; padding: 40px 30px 50px; margin-top: 17px; } .detail-product-main-content-wrap { width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 64px; } .detail-product-main-content-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 0; } .detail-product-main-content-block-left { max-width: 245px; margin-right: 15px; } .detail-product-main-content-block-left__img, .detail-product-main-content-block-left__img img { max-height: 245px; } .detail-product-main-content-block-right { max-width: 430px; margin-right: 0; } .detail-product-main-content-title { font-size: 30px; line-height: 36px; } .detail-product-main-content-block + .detail-product-main-content-block { margin-top: 15px; } .detail-product-main-tabs-block { width: 100%; max-width: 400px; } .main-input-wrap { position: relative; } .main-input-shevron { position: absolute; content: ''; bottom: 14px; right: 6px; } .detail-product-main-tabs-block { cursor: pointer; position: relative; } .detail-product-main-tabs-block .main-input-wrap.dropdown { display: block; } /* default dropdown */ .main-dropdown-list { display: none; position: absolute; content: ''; top: 100%; left: 0; width: 100%; background-color: #fff; max-height: 484px; overflow-y: auto; max-width: 100%; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); padding-top: 10px; z-index: 44; } .main-dropdown-list li a { display: block; width: 100%; height: 100%; padding: 14px 16px; font-size: 16px; line-height: 20px; } .main-dropdown-list li a.active { background-color: #F2F4F9; color: #082F38; } .main-dropdown-list li { margin-top: 0!important; } .dropdown-wrap { position: relative; } .dropdown-wrap:after { position: absolute; content: 'Error message'; bottom: -20px; left: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 20px; color: #EB4266; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .dropdown-wrap .main-input-shevron svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } /* Детальная Продукты конец */ /* Контакты начало */ .contacts-title { font-size: 44px; line-height: 56px; margin-bottom: 40px; } .contacts-block-left__desc { font-size: 20px; line-height: 30px; margin-bottom: 46px; } .contacts-block-left__title { font-size: 30px; line-height: 36px; width: 100%; margin-bottom: 20px; } .contacts-block-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-block-left { padding-right: 0; margin-bottom: 36px; } .contacts-block-left, .contacts-block-right { max-width: 100%; } .contacts { padding-top: 49px; padding-bottom: 50px; } .contacts-block-left-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-block-left__address { margin-bottom: 0; margin-right: 6.5%; } .main-input-wrap-email, .main-input-wrap-tel, .main-input-wrap-area, .contacts-form-input-check-wrap { width: 48%; } .contacts-form-input-btn-wrap { margin-top: 42px; } .wrap-footer-info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* Контакты конец */ .contacts-block-success p { font-size: 18px; line-height: 32px; } .laboratory-slider-desc-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 575px) { .container, .header-slider-item-block, .header-slider .slick-dots { padding: 0 15px; } .wrap-nav-menu-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header.fixed .logo { display: none; } header.fixed .logo-fixed { display: block; } header .logo-fixed svg path { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.fixed.active .logo-fixed svg path { fill: #71D171; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header.fixed.active .logo-fixed svg path:first-child { fill: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } header { height: 86px; } .main-title { font-size: 30px; line-height: 36px; } .main-desc { font-size: 18px; line-height: 26px; } .wrap-nav-menu { padding: 15px 15px; } .header-slider-link { max-width: 100%; } .header-slider-title { font-size: 30px; line-height: 36px; margin-bottom: 32px; } .header-slider-text { font-size: 16px; line-height: 24px; margin-bottom: 78px; } .after-head { padding-top: 70px; } .company { padding: 30px 0 40px; } .company-title { font-size: 24px; line-height: 30px; max-width: 600px; margin-bottom: 19px; } .company-main-text { font-size: 16px; line-height: 24px; max-width: 600px; margin-bottom: 18px; } .company-text { font-size: 14px; line-height: 24px; max-width: 620px; } .company-rightside { padding-top: 24px; } .company-link { font-size: 20px; line-height: 24px; } .about-main-lab { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .about-main-lab-rightside { min-height: auto; } .about-main-lab-leftside, .about-main-lab-rightside { height: 455px; width: 100%; } .about-main-lab-text { max-width: 485px; margin-bottom: 29px; font-size: 14px; line-height: 24px; } .about-main-lab-link { font-size: 20px; line-height: 35px; } .about-main-lab-leftside { padding-left: 30px; } .about-main-lab-title { font-size: 20px; line-height: 36px; margin-bottom: 5px; } .about-main-lab-rightside { padding-top: 39px; padding-bottom: 40px; height: auto; } .category-title { font-size: 24px; line-height: 30px; } .category-slider-item { margin-right: 20px; } .top-category { padding: 0 15px; } .category-slider .slick-list { padding-left: 15px; padding-right: 15px; } .left-button-category { margin-right: 10px; } .category { padding-top: 41px; padding-bottom: 0; } .category-slider .slick-list { padding-top: 23px; padding-bottom: 40px; } .category-slider-item { max-width: 269px; } .partners-title { font-size: 24px; line-height: 30px; margin-bottom: 32px; } .partners-item { width: 100%; max-width: fit-content; } .partners-item-wrap { height: 44px; } .wrap-partners-item .partners-item img { object-fit: contain; height: 100%; } .partners { padding: 49px 0 63px 0; } .partners-item + .partners-item { margin-left: 20px; } .wrap-partners-item .slick-list { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; width: calc(100% + 30px); } .wrap-top-footer-block { padding-left: 15px; padding-right: 15px; margin-bottom: 74px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .right-top-footer-block { width: 100%; padding-left: 0; padding-right: 0; padding-top: 40px; } .wrap-right-top-footer-contacts { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 33px; } .contacts-footer-link { font-size: 24px; line-height: 30px; } .left-top-footer-block ul li a { font-size: 14px; line-height: 20px; } footer { padding-top: 40px; } .right-top-footer-title { font-size: 20px; line-height: 24px; } .contacts-left { margin-bottom: 14px; } .contacts-line { display: none; } .wrap-footer-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .copyright { margin-right: 0; margin-bottom: 20px; } .wrap-footer-info-links > a { display: block; } .wrap-footer-info-links a.footer-callback { margin-bottom: 10px; } .other.main-page { padding-top: 41px; padding-bottom: 53px; } /* О компании начало */ .about-hero { padding-top: 53px; padding-bottom: 41px; } .about-hero-block-right-content { font-size: 14px; line-height: 24px; } .about-hero-block-wrap { margin-top: 29px; } .about-hero-block-right-content p { margin-bottom: 24px; } .about-hero-block-right-review { font-size: 18px; line-height: 26px; margin-bottom: 15px; } .about-hero-block-right-content { margin-bottom: 32px; } .about-hero-block-right-review__quote { left: -10px; } .about-hero-block-right-review-small { font-size: 13px; line-height: 20px; margin-bottom: 41px; } .about-hero-block-right-review-img { max-width: none; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .about-hero-block-left-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-hero-block-left__title { font-size: 16px; line-height: 30px; } .about-hero-block-right { margin-bottom: 37px; } .about-hero-block-left__desc { font-size: 14px; line-height: 24px; margin-bottom: 31px; max-width: 100%; } .about-hero-block-left-year { margin-top: 0; margin-left: 0; } .about-hero-block-left-year__num { margin-right: 13px; } .about-advantages__title { font-size: 20px; line-height: 28px; text-align: center; margin-bottom: 43px; max-width: 380px; margin-left: auto; margin-right: auto; } .about-advantages-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-advantages-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .about-advantages-item__text { text-align: center; font-size: 14px; line-height: 18px; max-width: 300px; } .about-advantages { padding-top: 48px; padding-bottom: 52px; } .about-advantages-item__img { height: auto; margin-bottom: 13px; } .about-advantages-item + .about-advantages-item { margin-top: 8px; } .about-advantages-item__img svg { height: 92px; } .about-laboratory-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-laboratory-content, .about-laboratory-img { width: 100%; } .about-laboratory-img { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); max-height: 100%; } .about-laboratory { padding-top: 0; padding-bottom: 41px; } .about-laboratory-content__title { font-size: 20px; line-height: 26px; } .about-laboratory-content-wrap { padding-left: 0; max-width: 100%; } .about-laboratory-content{ padding-top: 38px; } /* О компании конец */ /* Новости, Блог начало */ .catalog-block-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-block-item-img, .catalog-block-item-content { width: 100%; } .catalog-block-item-img { max-height: inherit; } .catalog-block-item-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .catalog-block-item-content-wrap { padding-left: 0; } .catalog-block-item-content__title { font-size: 16px; line-height: 26px; } .catalog-block-item-content__date { font-size: 13px; line-height: 18px; } .catalog-block-filter-wrap { margin-left: -15px; margin-right: -15px; padding-left: 15px; width: calc(100% + 30px); } .catalog-block-filter .slick-list { padding-bottom: 5px; } .catalog { padding-top: 53px; padding-bottom: 39px; } .catalog-block__title { margin-bottom: 20px; } .catalog-block-item-wrap { padding-top: 41px; } .catalog-block-item-img { margin-bottom: 17px; } .catalog-block-item-content__category { margin-bottom: 4px; } .catalog-block-item-content__title { margin-bottom: 13px; } .catalog-block-item-content__date { margin-bottom: 10px; } .catalog-block-item + .catalog-block-item { margin-top: 33px; } /* Новости, Блог конец */ /* Детальная Блог, Новости начало */ .catalog-detail-block-top { margin-top: 24px; margin-bottom: 31px; } .catalog-detail-link__back { margin-bottom: 15px; } .catalog-detail-title { margin-bottom: 30px; } .catalog-detail-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-detail-info-desc { margin-bottom: 19px; } .catalog-detail-content p, .catalog-detail-content ul li span { font-size: 12px; line-height: 20px; margin-bottom: 20px; } .catalog-detail-content p.catalog-detail-content__main-text { font-size: 18px; line-height: 26px; margin-bottom: 28px; } #intro.catalog-detail-content-anchor-block p:first-child { font-size: 18px; line-height: 26px; margin-bottom: 28px; } .catalog-detail-content h3.catalog-detail-content-title { font-size: 20px; line-height: 26px; } .catalog-detail-content ul li:not(.catalog-detail-content-nav-item) { margin-bottom: 20px; } .catalog-detail-content p.catalog-detail-content__big-text { font-size: 16px; line-height: 30px; } .catalog-detail-content p.catalog-detail-content__big-text:before { display: none; } .catalog-detail-slider-arrow { display: none!important; } .catalog-detail-slider .slick-list { padding: 0!important; margin-left: 15px; margin-right: 15px; } .catalog-detail-slider-item { max-width: 100%; } .catalog-detail-slider-item + .catalog-detail-slider-item { margin-left: 0; } .catalog-detail-slider .catalog-detail-slider-item .catalog-detail-slider-item__title { padding-left: 0; padding-right: 0; font-size: 10px; } .catalog-detail-autors { margin-top: 106px; } .catalog-detail-autors-list { column-count: 1; } .catalog-detail-next-page-block > p { font-size: 12px; line-height: 20px; margin-bottom: 6px; } .catalog-detail-next-page__name { font-size: 20px; line-height: 26px; } .catalog-detail-next-page { padding-top: 30px; padding-bottom: 35px; } .mailing-block-form-input-block { flex: none; width: 100%; } .mailing-block-form-btn-block { width: 100%; max-width: 100%; margin-left: 0; } .mailing-block-form-btn { max-width: 290px; margin-top: 35px; margin-right: auto; } .mailing-block-text__title { margin-bottom: 3px; } .mailing-block-form-wrap { padding-top: 23px; } .mailing-block-form-desc { margin-top: 18px; } .mailing { padding-bottom: 39px; } /* Детальная Блог, Новости конец */ /* Продукция, Услуги начало */ .chess-section-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; margin-bottom: 30px; } .chess-item-img, .chess-item-text { width: 100%; } .chess-section-block.img-first .chess-item-text { padding-left: 0; padding-right: 0; } .chess-section-block.img-second .chess-item-text { padding-left: 0; padding-right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; order: 1; } .chess-item__title { font-size: 20px; line-height: 26px; margin-bottom: 10px; word-break: normal; } .chess-item-img { height: auto; max-height: 415px; margin-bottom: 15px; } .chess-item-block { max-width: 100%; } .chess-item-text p { margin-bottom: 10px; } .chess-title-wrap { padding-top: 53px; } .chess-section { padding-bottom: 13px; } /* Продукция, Услуги конец */ /* Наша лаборатория начало */ .main-title { margin-bottom: 31px; } .laboratory-top-block { padding-top: 54px; } .laboratory-top { padding-bottom: 23px; } .media-block.video { height: auto; min-height: 180px; } .media-block img { min-height: 180px; } .laboratory-block-item-text__title { font-size: 20px; line-height: 28px; margin-bottom: 10px; } .laboratory-block-item-text__desc { font-size: 14px; line-height: 24px; } .laboratory { padding-top: 26px; padding-bottom: 38px; } .laboratory-block-item + .laboratory-block-item { margin-top: 30px; } .laboratory-slider-item.big-slide, .laboratory-slider-item, .laboratory-slider-item.small-slide { width: 218px; height: 218px; } .laboratory-slider-arrows-wrap{ display: none; } .laboratory-slider-wrap { padding-top: 42px; } .laboratory-slider .slick-list { padding-left: 15px; } .laboratory-slider { margin-bottom: 20px; } .laboratory-slider-desc-wrap { padding: 0 15px; } /* Наша лаборатория конец */ /* Детальная Услуги начало */ .main-title { word-break: break-all; } .detail-top-block { padding-top: 24px; padding-bottom: 41px; } .main-desc + .btn { margin-top: 33px; } .detail-top__btn.main-btn { max-width: 290px; } .text-under-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .text-under-desc p { font-size: 14px; line-height: 24px; } .text-under-desc { max-width: 100%; margin-right: 0; } .text-under { padding-top: 27px; } .text-under-duration > span { font-size: 96px; line-height: 96px; } .text-under-duration { padding-top: 51px; } .text-under-duration > p { padding-left: 0px; } .services-detail-content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services-detail-content-text { width: 100%; padding-right: 0; } .services-detail-content-img { width: 100%; height: auto; order: -1; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); margin-bottom: 15px; } .services-detail-content { padding-top: 35px; padding-bottom: 38px; } .other-slider-item { max-width: 217px; width: 100%; margin: 0 15px; height: 100%; } .other-slider .slick-list { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; width: calc(100% + 30px); } .other-title { font-size: 24px; line-height: 30px; margin-bottom: 0; } .other-slider-arrow-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 10px; } .other-block-top { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 22px; } .other-slider-arrow__left { margin-right: 10px; } .other { padding-bottom: 40px; } /* Детальная Услуги конец */ /* Детальная Продукты начало */ .detail-product-main-tabs-wrap { margin-top: 6px; padding: 22px 15px 31px; } .detail-product-main-content-wrap { padding-left: 15px; padding-right: 15px; padding-top: 23px; } .detail-product-main-content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .detail-product-main-content-block-left { max-width: 100%; margin-right: 0; margin-bottom: 27px; } .detail-product-main-content-block-left__img { max-height: inherit; text-align: center; } .detail-product-main-content-title { font-size: 20px; line-height: 26px; } .detail-product-main-content-block:last-child .detail-product-main-content-block-right { order: -1; } .detail-product-main-content-block:last-child .detail-product-main-content-block-right { padding-top: 20px; max-width: 100%; } .detail-product-main-content-small-content-wrap { padding-top: 20px; padding-bottom: 26px; } .detail-product-main-content-small-content-wrap .detail-product-main-content-small-content-text { margin-bottom: 10px; } .detail-product-main-content-block-left-text + .detail-product-main-content-block-left-text { margin-top: 17px; } .detail-product-block { padding-bottom: 11px; } .detail-product-main-content-small-tabs-item { padding-right: 0; } .detail-product-main-content-small-tabs-item + .detail-product-main-content-small-tabs-item { margin-left: 19px; } .detail-product-main-content-small-tabs .slick-list { margin-left: -15px; margin-right: -15px; padding-left: 15px; width: calc(100% + 30px); padding-bottom: 15px; } .detail-product-main-content-small-tabs-wrap { position: relative } .detail-product-main-content-small-tabs { border-bottom: 0; } .detail-product-main-content-small-tabs-wrap:after { position: absolute; content: ''; top: 26px; left: 0; width: 100%; height: 1px; background-color: #F2F4F9; z-index: -1; } /* Детальная Продукты конец */ /* Контакты начало */ .contacts-title { font-size: 30px; line-height: 36px; margin-bottom: 31px; } .contacts-block-left__desc { font-size: 18px; line-height: 26px; margin-bottom: 34px; } .contacts-block-left__title { font-size: 20px; line-height: 28px; } .contacts { padding-top: 54px; padding-bottom: 40px; } .contacts-block-left__address { margin-bottom: 20px; width: 100%; } .contacts-block-left__links { width: 100%; } .contacts-block-left { margin-bottom: 52px; } .main-input-wrap-email, .main-input-wrap-tel, .main-input-wrap-area, .contacts-form-input-check-wrap { width: 100%; } .contacts-form-input-wrap + .contacts-form-input-wrap { margin-top: 34px; } .contacts-form-input-check-wrap { margin-top: 35px; } .contacts-form-input-btn-wrap { margin-top: 30px; } .contacts-form-input-check { max-width: 300px; } /* Контакты конец */ .contacts-block-success p { font-size: 18px; line-height: 26px; } } #request-form{ padding: 30px 0; font-size: 18px; color: green; } @media screen and (max-width: 1280px) { .header-slider .slick-dots { bottom: -15px } } @media screen and (max-width: 1024px) { .header-slider .slick-dots { left: -10px; } .header-slider .slick-dots { bottom: 0px; } } @media screen and (max-width: 768px) { .header-slider .slick-dots { bottom: -50px; } } /*правки после натяжки*/ .top_text { vertical-align: super; font-size: 10px !important; font-weight: 400 !important; } .private-politics_title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #082F38; margin-bottom: 10px; } .private-politics_text { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #082F38; opacity: 0.86; margin-bottom: 30px; } .private-politics_text p { margin-bottom: 12px; } .private-politics_text span { font-weight: 700; } @media (min-width: 769px) and (max-width: 1024px) { .laboratory-slider-arrows-wrap { order: -1; margin-bottom: 10px; } .laboratory-slider-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .laboratory-slider-counter { order: 2; margin-bottom: 0; margin-top: 10px; } } .catalog-detail-content table th, .catalog-detail-content table td { padding: 13px 40px; } .catalog-detail-content table td { font-size: 20px; line-height: 27px; color: #3D5367; } .catalog-detail-content table th { font-size: 16px; line-height: 20px; color: #082F38; opacity: 0.6; text-align: left; } .catalog-detail-content table tr > td:first-child, .catalog-detail-content table tfoot tr td { font-weight: 600; } .catalog-detail-content table tr > td:last-child { white-space: nowrap; } .catalog-detail-content table tbody tr:nth-child(odd) { background-color: #F2F4F9; } .catalog-detail-content table tbody tr:nth-child(even) { background-color: transparent; } .table-wrap { overflow-x: auto; } /* правки. дилеры*/ .footer-social-link a svg { margin-right: 10px; width: 22px; height: 22px; fill: #fff; } .footer-social-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 35px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff; text-decoration: none; } @media screen and (min-width: 1025px) { .footer-social-link a:hover { color: #71D171; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } } .footer-social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrap-partners-item .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .partners-item { margin-right: 75px; } .partners-item + .partners-item { margin-left: 0!important; } .partners-item-wrap img { -webkit-filter: grayscale(1); filter: grayscale(1) } .detail-product-main-content-subtitle { margin: 20px 0px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; line-height: 35px; letter-spacing: 0.01em; color: #082F38; opacity: 0.86; } .img__wrap img { max-width: 100%; } .contacts-block-main-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts-dealers { margin-left: 20px; } .contacts-block__city { font-family: 'Inter', sans-serif!important; font-weight: 700; } .right-top-footer-block { padding-top: 0; } .contacts-line { margin-top: 60px; margin-bottom: 40px; } .contacts-left span { font-family: 'Inter', sans-serif!important; font-weight: 700; } @media screen and (max-width: 1440px) { .partners-item { margin-right: 62px; } } @media screen and (max-width: 1200px) { .contacts-block-main-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-dealers { margin-left: 0; } .contacts-block-left-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .contacts-dealers { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; } } @media screen and (max-width: 1024px) { .partners-item { margin-right: 50px; } } @media screen and (max-width: 768px) { .contacts-block__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts-block-left__title { margin-bottom: 11px; } .contacts-offices .contacts-block-left__title { margin-bottom: 20px; } .contacts-line_first { margin-top: 30px; margin-bottom: 15px; } .partners-item { margin-right: 40px; } } @media screen and (max-width: 575px) { .contacts-block-left__title { margin-bottom: 20px; } .contacts-block__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .right-top-footer-block { margin-top: 45px; } .partners-item { margin-right: 20px; } } @media screen and (min-width: 1200px) { .contacts-block-left { padding-right: 0; } } /* футер редизайн */ footer { padding-top: 137px; overflow-x: hidden; } .wrap-top-footer-block { padding-left: 0; margin-bottom: 190px; } .footer-social-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 530px; } .right-top-footer-block { width: 530px; } .contacts-line { width: 1000%; } .contacts-right { text-align: right; } .footer-social-link a:last-child { margin-right: 0; } @media screen and (max-width: 1440px) { footer { padding-top: 73px; } .wrap-top-footer-block { margin-bottom: 100px; } .right-top-footer-block { width: 457px; } .footer-social-wrap { width: 457px; } } @media screen and (max-width: 1280px) { footer { padding-top: 40px; } .wrap-top-footer-block { margin-bottom: 70px; } .right-top-footer-block { width: 438px; } .footer-social-wrap { width: 438px; } .contacts-line { margin-top: 40px; } } @media screen and (max-width: 1024px) { .wrap-top-footer-block { margin-bottom: 35px; } .wrap-footer-info { margin-bottom: 47px; } .contacts-line { margin-top: 40px; margin-bottom: 20px; } .contacts-line_first { margin-top: 20px; margin-bottom: 10px; } .wrap-footer-info-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wrap-footer-info { width: 100%; } .wrap-footer-info-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .right-top-footer-block { width: 513px; } .footer-social-wrap { width: 513px; } .wrap-footer-info-links { width: 513px; max-width: 100%; } .wrap-bottom-footer-block { padding-bottom: 37px; } } @media screen and (max-width: 768px) { .right-top-footer-block { width: 434px; margin-left: 15px; } .footer-social-wrap { width: 434px; } .wrap-footer-info-links { width: 434px; max-width: 100%; } .wrap-footer-info { margin-bottom: 35px; } .right-top-footer-block { padding: 0; } .copyright { margin-right: 50px; } } @media screen and (max-width: 570px) { .right-top-footer-block { margin-left: 0; } .contacts-right { text-align: left; } .wrap-footer-info-links div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-social-wrap { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrap-top-footer-block { margin-bottom: 74px; } .wrap-footer-info { margin-bottom: 58px; } .footer-social-link { margin-bottom: 25px; } .wrap-bottom-footer-block { padding-bottom: 27px; } } .catalog-detail-content .detail-product-main-content-subtitle { font-family: 'Inter', sans-serif!important; font-weight: 600!important; font-size: 24px!important; line-height: 35px!important; letter-spacing: 0.01em!important; color: #082F38!important; opacity: 0.86!important; } @media screen and (max-width: 575px) { .main-title { word-break: break-word; } } /*заголовки блог*/ .catalog-block-item-content__title { font-size: 30px; line-height: 36px; } @media screen and (max-width: 1440px) { .catalog-block-item-content__title { font-size: 28px; line-height: 36px; } } @media screen and (max-width: 1280px) { .catalog-block-item-content__title { font-size: 28px; line-height: 36px; } } @media screen and (max-width: 1024px) { .catalog-block-item-content__title { font-size: 24px; line-height: 36px; } } @media screen and (max-width: 768px) { .catalog-block-item-content__title { font-size: 18px; line-height: 26px; } } @media screen and (max-width: 575px) { .catalog-block-item-content__title { font-size: 16px; line-height: 26px; } } /*дилер*/ .contacts-block__wrap + .contacts-block__wrap { margin-top: 30px; } .contacts-dealers { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*кнопки слайдера партнёров*/ .partners-slider-arrow__prev { top: -155px; right: 75px; position: absolute; } .partners-slider-arrow__next { top: -155px; right: 10px; position: absolute; } @media screen and (max-width: 1440px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -145px; } } @media screen and (max-width: 1280px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -125px; } } @media screen and (max-width: 1024px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -105px; } } @media screen and (max-width: 768px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -92px; } .partners-slider-arrow__next { right: -10px; } .partners-slider-arrow__prev { right: 57px; } } @media screen and (max-width: 575px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -70px; } .partners-slider-arrow__next { right: 0; } .partners-slider-arrow__prev { right: 60px; } .right-top-footer-block { width: auto; } } @media screen and (max-width: 345px) { .partners-slider-arrow__prev, .partners-slider-arrow__next { top: -86px; } .partners-title { max-width: 190px; } } .italic { font-style: italic; } .bold { font-weight: 700; } .blog-img { width: 100%; height: auto; } .blog-img img { width: auto; height: auto; } @media screen and (max-width: 545px) { .blog-img img { width: 100%; } } /*Верстка страницы товара*/ .container-detail-link { padding-top: 60px; } .container-detail-link a { margin-bottom: 60px; } .container-detail-link .product-detail__title { margin-bottom: 0; } .product-block { position: relative; } .product-block ul { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 120%; left: -16px; width: 280px; max-height: 0; background-color: #fff; -webkit-box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); transition: .3s max-height linear; -webkit-transition: .3s max-height linear; -moz-transition: .3s max-height linear; -ms-transition: .3s max-height linear; -o-transition: .3s max-height linear; overflow: hidden; z-index: 1; } .product-block ul li { width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding-left: 16px; -webkit-transition: .3s background-color ease; -o-transition: .3s background-color ease; transition: .3s background-color ease; } .product-block ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-size: 16px; color: #082F38; line-height: 20px; opacity: 1; } .product-block.active ul { transition: .3s max-height linear; -webkit-transition: .3s max-height linear; -moz-transition: .3s max-height linear; -ms-transition: .3s max-height linear; -o-transition: .3s max-height linear; } .product-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 140px 0px 100px 0px; } .product-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .product-catalog__link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; } .product-catalog__item:not(:last-child) { margin-bottom: 10px; } .product-catalog__item-about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 5px; } .product-catalog__item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .product-catalog__filter { max-width: 240px; width: 100%; margin-right: 60px; } .product-catalog__form-subtitle { margin-bottom: 10px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 25px; color: #082F38; } .product-catalog__form-checkmark { display: block; width: 100%; font-size: 16px; line-height: 30px; color: rgba(8, 47, 56, .86); } .product-catalog__form-checkbox { display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-catalog__form-list .product-catalog__form-checkbox:not(:last-child) { margin-bottom: 2px; } .product-catalog__form-section:not(:last-child) { margin-bottom: 30px; } .product-catalog__form-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .product-catalog__form-checkmark::before { content: ''; position: absolute; top: 7px; left: 0; height: 18px; width: 18px; background-color: rgba(8, 47, 56, .1); border-radius: 3px; } .product-catalog__form-checkbox input:checked ~ .product-catalog__form-checkmark::before { background: -o-linear-gradient(315.46deg, #EFE856 0%, #FAC508 100%); background: linear-gradient(134.54deg, #EFE856 0%, #FAC508 100%); } .product-catalog__form-checkmark:after { content: ""; position: absolute; top: 0; left: 0; display: none; } .product-catalog__form-checkbox input:checked ~ .product-catalog__form-checkmark:after { display: block; } .product-catalog__form-checkbox .product-catalog__form-checkmark:after { width: 10px; height: 9px; left: 5px; top: 11px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY2IDEuNUw0LjI0OTkyIDcuOTE2NjdMMS4zMzMyNSA1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-position: center; } .product-catalog__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-catalog__img { max-width: 180px; width: 100%; height: 180px; margin-right: 60px; } .product-catalog__img img { width: 100%; height: 100%; } .product-catalog__info { max-width: 660px; width: 100%; } .product-catalog__subtitle { margin-bottom: 10px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 24px; line-height: 35px; color: #082F38; transition: .3s color linear; -webkit-transition: .3s color linear; -moz-transition: .3s color linear; -ms-transition: .3s color linear; -o-transition: .3s color linear; } .product-catalog__description { max-width: 550px; width: 100%; font-size: 16px; line-height: 30px; color: rgba(8, 47, 56, .86); } .product-catalog__price p { min-width: 100px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 24px; line-height: 35px; color: #082F38; transition: .3s color linear; -webkit-transition: .3s color linear; -moz-transition: .3s color linear; -ms-transition: .3s color linear; -o-transition: .3s color linear; } .product-catalog__link:hover .product-catalog__subtitle, .product-catalog__link:hover .product-catalog__price p { color: #009F00; } @media screen and (max-width: 1280px) { .product-catalog__filter { margin-right: 30px; } .product-catalog__img { margin-right: 30px; } } @media screen and (max-width: 1200px) { .product-catalog__img { max-width: 150px; width: 100%; height: 150px; margin-right: 30px; } .product-catalog__subtitle { font-size: 20px; } .product-catalog__description { font-size: 13px; } .product-catalog__price p { font-size: 20px; } } @media screen and (max-width: 991px) { .product-catalog__filter { margin-right: 15px; } .product-catalog__img { margin-right: 15px; } .product-catalog__filter { max-width: 200px; } .product-catalog__info { margin-right: 15px; } .product-catalog__img { max-width: 135px; height: 135px; } } @media screen and (max-width: 768px) { .nav-menu ul li.product-block { display: flex; flex-direction: column; align-items: center; } .product-block ul { position: static; background-color: transparent; box-shadow: none; } .product-block.active ul { margin-top: 15px; } .nav-menu ul li.product-block ul li { margin-top: 0; justify-content: center; } .nav-menu ul li.product-block ul li:not(:last-child) { margin-bottom: 10px; } .nav-menu ul li.product-block ul li a { width: fit-content; justify-content: center; font-size: 18px; color: #fff; } .product-block::before { display: none; } .product-block::after { content: ''; position: absolute; top: 8px; right: 35px; display: block; width: 14px; height: 8px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDdMNyAxTDEzIDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transition: .3s transform linear; -webkit-transition: .3s transform linear; -moz-transition: .3s transform linear; -ms-transition: .3s transform linear; -o-transition: .3s transform linear; } .product-block.active::after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .nav-menu ul li a.active { color: #fff; } .product-catalog__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-catalog__item-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-catalog__filter { max-width: none; width: 100%; margin-right: 0; margin-bottom: 65px; } .product-catalog__form { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-catalog__form-section { position: relative; width: calc(50% - 15px); } .product-catalog__form-section:not(:last-child) { margin-right: 33px; margin-bottom: 0px; } .product-catalog { padding: 60px 0px 50px 0px; } .product-catalog__form-subtitle { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(8, 47, 56, .2); } .product-catalog__form-textarea { position: relative; padding-bottom: 10px; padding-right: 20px; height: 30px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: rgba(8, 47, 56, .8); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .product-catalog__form-textarea::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #71D171; border-radius: 1px; } .product-catalog__form-textarea span:after { content: ','; margin-right: 3px; } .product-catalog__form-textarea span:last-child::after { display: none; } .product-catalog__form-wrap { position: absolute; top: 100%; left: 0; max-height: 0; overflow: hidden; width: 100%; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; z-index: 1; } .product-catalog__form-section.active .product-catalog__form-wrap { transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; overflow-y: auto; } .arrow-toggle { position: absolute; width: 12px; height: 12px; top: 20%; right: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDEiIHN0cm9rZT0iIzcxRDE3MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-position: center; transition: .3s transform linear; -webkit-transition: .3s transform linear; -moz-transition: .3s transform linear; -ms-transition: .3s transform linear; -o-transition: .3s transform linear; } .product-catalog__form-section.active .arrow-toggle { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .product-catalog__form-list { padding: 20px 40px 20px 16px; background-color: #FAFAFA; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14),0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14),0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); box-shadow: 0px 20px 40px rgba(190, 190, 205, 0.5); } .product-catalog__form-checkmark::before { left: 93%; } .product-catalog__form-checkmark::before { background-color: transparent; } .product-catalog__form-checkbox input:checked ~ .product-catalog__form-checkmark::before { background: transparent; } .product-catalog__form-checkbox .product-catalog__form-checkmark:after { width: 18px; height: 14px; left: 103%; top: 7px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMNiAxMkwxIDciIHN0cm9rZT0iIzRDNEI1RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .product-catalog__form-checkbox { padding-left: 0; } .product-catalog__form-list .product-catalog__form-item:not(:last-child) { margin-bottom: 10px; } .product-catalog__img { max-width: 123px; height: 123px; margin-right: 33px; } .product-catalog__subtitle { margin-bottom: 0px; font-size: 16px; line-height: 25px; } .product-catalog__description { line-height: 24px; } .product-catalog__price p { font-size: 16px; line-height: 25px; } } @media screen and (max-width: 545px) { .product-catalog__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-catalog__form-section { width: 100%; margin-right: 0; } .product-catalog__form-section:not(:last-child) { margin-bottom: 35px; } .product-catalog { padding: 50px 0px 90px 0px; } .product-catalog__filter { margin-bottom: 55px; } .product-catalog__link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-catalog__img { max-width: 290px; height: 290px; margin-right: 0px; margin: 0 auto; margin-bottom: 20px; } .product-catalog__item-about { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-catalog__description { font-size: 16px; } .product-catalog__item:not(:last-child) { margin-bottom: 50px; } } @media screen and (min-width: 769px) { .product-catalog__form-textarea { display: none; } .product-block ul li:hover { background-color: #F2F4F9; } .product-block::before { content: ''; display: none; position: absolute; top: 92%; left: -1px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; z-index: 3; } .product-block.active::before { display: block; } } .detail-product { position: relative; background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); } .detail-product-main { justify-content: space-between; } .detail-product::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); top: -200px; left: 0; z-index: -1; } @media (max-width: 1440px) { .detail-product::before { background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); } } @media screen and (max-width: 1280px) { .detail-product::before { background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); } } @media screen and (max-width: 1024px) { .detail-product::before { background: linear-gradient(to left, #F2F4F9 26.5%, #FFFFFF 0%); } } @media screen and (max-width: 1200px) { .product-detail__title.detail-title.main-title { font-size: 55px; } } @media screen and (max-width: 991px) { .product-detail__title.detail-title.main-title { font-size: 45px; } } @media screen and (max-width: 768px) { .detail-product, .detail-product::before { background: none; } } @media screen and (min-width: 768px) { .detail-product-main-tabs-wrap { width: 24.5%; } } /*Верстка страницы товара.Конец*/