/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ html { margin-top: 0!important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; } img { max-width: 100%; max-height: 100%; height: auto; } .cifre404 {font-size:150px;font-weight:500;} .underlined {text-decoration:underline;} .lh12 {line-height:1.2;} /*quiz*/ /*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-11 23:23:51*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} ul, ul li, ol, ol li { list-style-type: none; } .quiz {padding: 60px 60px 30px 60px; background: #fff;} .leftq_side {padding-right:40px;} .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; } .arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; } *:first-child + html .arcticmodal-container { height: 100%; } .arcticmodal-container_i { height: 100%; margin: 0 auto; } .arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; } .arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; } .arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; } .bx-wrapper { position: relative; margin: 0 auto; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { -webkit-transform: translatez(0); } .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(/test/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: 700; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000; } .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } .bx-wrapper .bx-prev { left: 10px; } .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next { } .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px; } .main-progress__text, .step-slide__title-counter, .pick-item__label, .pick-item__label_checkbox, .pick-item__label-add, .area-add__input, .area-add__label { font-size: 16px; } .pick-item__label {line-height:1.2;} input.error { border-color: red !important; } label.error { display: none !important; } .btn-next,.last-step-form__button,.btn-back { background: #da4544; height: 45px; padding: 5px 20px; font-size: 1rem; border-radius: 0; text-decoration: none!important; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; height: 56px; padding: 5px 40px; text-decoration: none!important; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; background:#eaeef3;text-align:center; width:230px; color:#222!important; background-position: top right; } .btn-next:hover { } .btn-next_active,.last-step-form__button { color:#fff!important; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c53d3d), color-stop(50%, #da4645)); background-image: -o-linear-gradient(left, #c53d3d 50%, #da4645 50%); background-image: linear-gradient(to right, #c53d3d 50%, #da4645 50%); background-position: top right; background-size: 200% 100%; -webkit-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .btn-next_active:hover,.last-step-form__button:hover{ background-position: top left;} .last-step-form__button {width: 100%; max-width: 460px;margin-bottom: 10px;height: 70px;} .btn-next_active span:after { background: url("img/next-row-a.svg") no-repeat center; } .btn-next-container { position: relative; } .btn-next-container:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .btn-next-container_active:before { content: none; } .bx-next { display: inline-block; width: 100%; max-width: 285px; } .portable-test-wrapper { background: #FFF; position: relative; } .header-line { padding: 30px 0; } .header-line .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header-line__logo { display: block; margin-right: 35px; } .header-line__title { font-size: 15px; line-height: 1.33; } .main-progress { background: #eaeef3; height: 10px; position: relative; } .main-progress__extender { position: absolute; top: 0; left: 0; bottom: 0; max-width: 100%; height: 100%; background: #1a7fbe;-webkit-transition: .3s; transition: .3s; } .main-progress__text { position: absolute;top:-25px; width: 100%; display: none; } .main-progress__text_active { display: block; } .step { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 20px auto 30px; } .step__text { font-size: 14px; margin-right: 15px; } .step__extender { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .step__extender:after { content: ""; display: block; width: 100%; height: 1px; background: #1a7fbe; position: absolute; top: calc(50% - .5px); left: 0; right: 0; } .step__extender-item { width: 9px; height: 9px; border: 1px solid #1a7fbe; border-radius: 50%; background: #FFF; margin-right: 15px; position: relative; z-index: 2; } .step__extender-item:last-child { margin-right: 0; } .step__extender-item_active { background: #1a7fbe; } .step-slide { } .step-slide__discount { font-size: 18px; font-weight: bold; padding-left: 30px; margin: -25px 0 40px 15px; background: url("img/gift.svg") no-repeat left center; } .step-slide__title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 22px; margin-bottom: 30px; } .step-slide__title-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 35px; min-width: 35px; height: 35px; border: 3px solid #1a7fbe; border-radius: 50%; font-weight: bold; margin-right: 15px; } .step-slide__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -15px; } .step-slide__grid-col { width: 50%; padding: 0 15px; } .step-slide__grid-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .pick-item { display: block; width: 100%; margin: 0 15px 30px; cursor: pointer; } .three-in-line .pick-item { width: calc(100%/3 - 30px); } .four-in-line .pick-item { width: calc(100%/4 - 30px); } .no_img .pick-item { margin: 0 15px 15px;} .plr15 {padding-left:15px;padding-right:15px;} .mlr15 {margin-left:15px;margin-right:15px;} .snoska img { width: 30px; } .pick-item_file { width: 100%; max-width: 100%; margin: 0 0 30px; } .pick-item__img { width: 100%; overflow: hidden; margin-bottom: 15px; text-align: center; } .pick-item__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pick-item__input { display: none; } .pick-item__input:checked + .pick-item__label:after { content: ""; display: block; width: 10px; height: 10px; background: #1d1d1d; border-radius: 50%; position: absolute; top: 5px; left: 5px; } .pick-item__input:checked + .pick-item__label_checkbox:before { background: url(img/033-check-1.svg) no-repeat center; background-size: 14px; } .pick-item__label { line-height: 1.2; position: relative; padding-left: 30px; } .pick-item__label:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; background: #FFF; position: absolute; top: 0; left: 0; } .pick-item__label_checkbox { display: inline-block; max-width: 320px; padding-left: 30px; cursor: pointer; position: relative; } .pick-item__label_checkbox:before { content: ""; display: block; width: 22px; height: 22px; border: 1px solid #fbc95d; position: absolute; left: 0; top: -1px; } .pick-item__label_file { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; max-width: 230px; height: 230px; border: 1px solid #fbc95d; border-radius: 10px; padding:10px; } .pick-item__label_file:before { content: ""; display: block; width: 20px; height: 20px; background: url(img/file.svg) no-repeat center; margin-right: 8px; } .pick-item__label-hint { display: inline-block; font-size: 13px; color: #717171; padding-left: 30px; margin-top: 10px; } .pick-item__label-add { display: none; padding: 20px; padding-right: 30px; background: #F2F2F2; margin-top: 30px; position: relative; } .pick-item__label-add:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 0px; border-color: transparent transparent #f2f2f2 transparent; position: absolute; bottom: 100%; left: 30px; } .pick-item-list { margin-bottom: 30px; } .pick-item-list-item { margin-bottom: 15px; } .pick-item-list-item:last-child { margin-bottom: 0; } .pick-item2__input { display: none; width: 200px; height: 65px; border: 0px; padding-left: 20px; font-size: 18px; margin-right: 10px; margin-bottom: 15px; background-color: #fff; border:1px solid #c8c8c8; } .grey-add, .area-add { display: none; width: 100%; max-width: 980px; margin-bottom: 20px; padding: 20px; background: #F2F2F2; } .grey-add__title, .area-add__title { width: 100%; font-size: 18px; font-weight: bold; } .grey-add-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grey-add .pick-item, .area-add .pick-item { width: calc(100% / 5); min-width: 180px; margin: 0; padding: 15px 0 0; text-align: left; } .area-add { width: auto; display: inline-block; } .area-add-box { width: 100%; display: none; } .area-add__title { margin-bottom: 10px; } .area-add-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .area-add__input { display: block; width: 100px; height: 42px; background: #FFF; border: none; border-radius: 5px; margin-right: 15px; padding: 0 15px; } .last-step-form { width: 100%; padding-left: 15px; } .last-step-form__label { display: block; max-width: 900px; font-size: 20px; margin-bottom: 20px; } .last-step-form-checked__input { display: none; } .last-step-form-checked__label { display: inline-block; font-size: 14px; color: #4A4A4A; padding-left: 30px; position: relative; cursor: pointer; margin: 5px 0 15px; } .last-step-form-checked__label:before { content: ""; display: block; width: 22px; height: 22px; border-radius: 4px; background-color: #EFEFEF; position: absolute; left: 0; top: calc(50% - 11px); } .last-step-form-checked__input:checked + .last-step-form-checked__label:before { background-image: url(img/033-check-1.svg); background-repeat: no-repeat; background-position: center; background-size: 14px; } .last-step-form__input { display: block; width: 100%; max-width: 460px; height: 70px; padding-left: 50px; margin-bottom: 10px; border: 1px solid #d5d7dc; font-size: 22px; border-radius: 0; background: #ffffff url(/test/img/phone.png) no-repeat left 20px center; } .last-step-form__input2 { display: block; width: 100%; max-width: 460px; height: 70px; padding-left: 50px; margin-bottom: 10px; border: 1px solid #d5d7dc; font-size: 22px; border-radius: 0; background: #ffffff url(/test/img/user.png) no-repeat left 20px center; } .last-step-form__input3 { display: block; width: 100%; max-width: 460px; height: 70px; padding-left: 50px; margin-bottom: 10px; border: 1px solid #d5d7dc; font-size: 22px; border-radius: 0; background: #ffffff url(/test/img/email.png) no-repeat left 20px center; } .last-step-form__accept { font-size: 10px; color: #4A4A4A; } .last-step-form__accept a { color: inherit; text-decoration: underline; } .after-submit { background: #FFF; } .after-submit .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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%; height: 100%; padding: 150px 0; } .after-submit__title { padding-top: 80px; font-size: 28px; font-weight: bold; margin-bottom: 10px; background: url("/test/img/done.png") no-repeat top center; text-align: center; } .after-submit__descr { font-size: 18px; text-align: center; } .after-submit__descr a { color: #3D2289; text-decoration: underline; } .test-modal-button { display: block; width: 100%; max-width: 330px; height: 66px; border-radius: 4px; overflow: hidden; border: 0; background: #09B677; font-size: 18px; font-weight: bold; position: relative; cursor: pointer; text-transform: uppercase; color: #FFF; -webkit-transition: .3s; transition: .3s; } .test-modal-button:hover { background: #089E67; } .test-modal-button span:after { content: ""; display: inline-block; width: 23px; height: 23px; background: url("img/form-w.svg") no-repeat center; margin: 0 0 -5px 10px; } .arcticmodal-container { -webkit-overflow-scrolling: touch; overflow-y: scroll; } @media screen and (max-width: 767px) { .header-line .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .three-in-line .pick-item { width: 33%; } .header-line__logo { margin: 0 0 15px; } .btn-next { margin: 0; } .step { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .step-slide__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .step-slide__title-counter { margin: 0 0 10px; } .step-slide__grid { padding: 0; margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .step-slide__discount { text-align: center; padding: 30px 0 0; background-position: top center; margin-left: 0; } .pick-item__label { display: inline-block; } .last-step-form { padding: 0; } .last-step-form__label, .last-step-form__accept { text-align: center; } .last-step-form__input, .last-step-form__button { margin-left: auto; margin-right: auto; } .btn-next-container {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .area-add-box { text-align: center; } } #sendMail { display: none; } @media screen and (max-width: 640px) { .main-progress__text, .step-slide__title-counter, .pick-item__label, .pick-item__label_checkbox, .pick-item__label-add, .area-add__input, .area-add__label { font-size: 14px; } .step-slide__title { font-size: 22px; } .pick-item { width: 50%; margin: 0; padding: 0 5px 30px; } .pick-item__img { height: auto; max-height: 170px; } .pick-item__label { padding-left: 20px; } .pick-item__label:before { width: 14px; height: 14px; top: 2px; } .pick-item_file { width: 100%; } .pick-item__input:checked + .pick-item__label:after { width: 6px; height: 6px; top: 6px; left: 4px; } .btn-next { padding: 10px 0; font-size: 15px; } .btn-next span:after { margin-bottom: -2px; } } @media screen and (max-width: 480px) { .container { padding: 0 10px; } .last-step-form__button { font-size: 16px; padding: 30px 0; } .last-step-form__button span:after { width: 18px; height: 18px; margin: 0 0 -4px 5px; background-size: 100% 100%; } .btn-next {padding:20px;} .pick-item__label_file {width: 300px; height: 50px; margin:0;} .step-slide__grid-col { width: 100%; } } .w100 {width:100%;} .progress-line {margin-bottom:30px; } .qright_side {padding: 30px 20px 20px 20px;height:100%; border: 1px solid #eaeef3;} .q_title {font-size:18px; font-weight:600;} /*.pick-item__img { -webkit-filter: grayscale(1); filter: grayscale(1); } .pick-item:hover .pick-item__img { -webkit-filter: grayscale(0); filter: grayscale(0); } .pick-item:hover .pick-item__img { -webkit-filter: grayscale(0); filter: grayscale(0); }*/ /*# sourceMappingURL=style.css.map */ .main-progress__extender { height: 100%; 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; background:#1a7fbe; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3890c6), to(#3990c7)); background-image: -webkit-linear-gradient(to top, #3890c6 0%, #3990c7 100%); background-image: -moz-linear-gradient(to top, #3890c6 0%, #3990c7 100%); background-image: -o-linear-gradient(to top, #3890c6 0%, #3990c7 100%); background-image: repeating-linear-gradient( -55deg,transparent,transparent 6px,#1a7fbe 7px,#1a7fbe 13px),linear-gradient(to top, #3890c6 0%, #3990c7 100%);; -webkit-animation: progress_bar 50s linear infinite; animation: progress_bar 50s linear infinite; background-size: 1000px; -webkit-transition: width 0.4s; transition: width 0.4s; padding: 0; } @-webkit-keyframes progress_bar{0%{background-position:0 0}100%{background-position:1000px 0}} @keyframes progress_bar{0%{background-position:0 0}100%{background-position:1000px 0}} .snoska_text {font-size:14px;line-height:1.2;margin-left:10px;} /*quiz*/ .right_block_panel {background: #eaeef3; padding:40px 50px;} .acenter {-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .cert {margin: 0 auto;} .banner-items.abs_bottom {position:absolute; bottom:0; right: 15px; left: 15px; width:auto; z-index: 3; } .circle_border {border:1px solid #222; border-radius:30px; padding:8px;} .fwb {font-weight:600;} .fw400 {font-weight:400;} .f16 {font-size:16px;} .f18 {font-size:18px;} .white {color:#fff;} .overlay_top_bottom,.overlay_top_bottom1,.overlay_top1,.overlay_top{position:absolute;width:100%;height:100%;top:0; left:0;} .mauto {margin: 0 auto;} .overlay_top_bottom1:before { z-index: 2; position: absolute; width: 100%; top: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left bottom, left top,color-stop(0%, transparent),to(rgb(26,26,31,.80))); background: -o-linear-gradient(bottom,transparent 0%,rgb(26,26,31,.80) 100%); background: linear-gradient(to top,transparent 0%,rgb(26,26,31,.80) 100%); } .container.bigcontainer { max-width: 1600px!important; } .overlay_top1:before { z-index: 2; position: absolute; width: 100%; top: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left bottom, left top,color-stop(0%, transparent),to(rgb(26,26,31,.80))); background: -o-linear-gradient(bottom,transparent 0%,rgb(26,26,31,.8) 100%); background: linear-gradient(to top,transparent 0%,rgb(26,26,31,.8) 100%); } .overlay_top_bottom1:after { z-index: 2; position: absolute; width: 100%; bottom: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left top, left bottom,color-stop(0%, transparent),to(rgb(26,26,31,.85))); background: -o-linear-gradient(top,transparent 0%,rgb(26,26,31,.60) 45%,rgb(26,26,31,.85) 100%); background: linear-gradient(to bottom,transparent 0%,rgb(26,26,31,.60) 45%,rgb(26,26,31,.85) 100%); } .overlay_top_bottom:before { z-index: 2; position: absolute; width: 100%; top: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left bottom, left top,color-stop(35%, transparent),to(rgb(26,26,31,.70))); background: -o-linear-gradient(bottom,transparent 35%,rgb(26,26,31,.70) 100%); background: linear-gradient(to top,transparent 35%,rgb(26,26,31,.70) 100%); } .overlay_top:before { z-index: 2; position: absolute; width: 100%; top: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left bottom, left top,color-stop(35%, transparent),to(rgb(26,26,31,.70))); background: -o-linear-gradient(bottom,transparent 35%,rgb(26,26,31,.70) 100%); background: linear-gradient(to top,transparent 35%,rgb(26,26,31,.70) 100%); } .overlay_top_bottom:after { z-index: 2; position: absolute; width: 100%; bottom: 0; height: 30%; content: ''; background: -webkit-gradient(linear,left top, left bottom,color-stop(35%, transparent),to(rgb(26,26,31,.70))); background: -o-linear-gradient(top,transparent 35%,rgb(26,26,31,.70) 100%); background: linear-gradient(to bottom,transparent 35%,rgb(26,26,31,.70) 100%); } .main__content-vantage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__content-vantage-item { width: 100%; margin-bottom: 2rem; } .main__content-vantage-item:last-child{ margin-bottom: 0;} .vantage__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .vantage__item-img { width: 1.5rem; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.9rem; } .vantage__item-descr { font-size: 1rem; margin-bottom: 0!important; line-height: 1.2; } .bg_grey {background-color: #eaeef3;} .mlg { margin-bottom: 40px; } .mb {margin-bottom: 10px;} .mb1 {margin-bottom: 20px;} .mb2 {margin-bottom: 30px;} .contacts_block_small a {color:#222; font-size:18px;} .mb40 {margin-bottom: 40px;} .msm { margin-bottom: 15px; } .mt30 {margin-top:30px;} .mt_lg2 {margin-top:80px;} .mlg2 {margin-bottom:80px;} .pt_lg2 {padding-top:80px;} .pb_lg2 {padding-bottom:80px;} .pt_lg {padding-top:50px;} .pb_lg {padding-bottom:50px;} .relative {position:relative;} .h-auto {height:auto;} .banner.h-auto {padding-top:220px;} .banner.h-auto .banner-items {position:relative; z-index:3;} .site-btn { background: #da4544; color: #fff!important; height: 45px; padding: 5px 20px; font-size: 1rem; border-radius: 0; text-decoration: none!important; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } .site-btn.big_btn { height: 56px; padding: 5px 40px; text-decoration: none!important; -webkit-transition: 400ms; -o-transition: 400ms; transition: 400ms; } .site-btn.red_btn { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c53d3d), color-stop(50%, #da4645)); background-image: -o-linear-gradient(left, #c53d3d 50%, #da4645 50%); background-image: linear-gradient(to right, #c53d3d 50%, #da4645 50%); background-position: top right; background-size: 200% 100%; -webkit-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .site-btn:hover { background-position: top left; } main {padding:80px 0px 50px 0;} .page-template-page-content-nobaner-php main { padding: 150px 0px 50px 0; } h2 { font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 30px; } p { margin-top: 0; margin-bottom: 1rem; } .mr {margin-right:5px;} dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ul.list,ul.listfull,.main-content ul { list-style: none; padding-left: 0; } ul.list li,ul.listfull li,.main-content ul li { position: relative; margin: 0.3rem 0; padding-left: 1.5rem; } ul.list li:before { position: absolute; display: block; left: 0; top: 0.4rem; width: 7px; height: 7px; content: ''; border: 1px solid #1a7fbe; } ul.listfull li:before,.main-content ul li:before { position: absolute; display: block; left: 0; top: 0.4rem; width: 7px; height: 7px; content: ''; background: #1a7fbe; } .thin { font-weight: 200; } .white h2, .white, .white h3 {color:#fff} h1 {margin-bottom:30px;} .title {font-size:22px;line-height: 1.2;text-align:left} .link-animate { margin: 0; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; font-size: 14px; padding: 0; line-height: 1.5; background: 0 0; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-transition-property: color,background-color,border-color; -o-transition-property: color,background-color,border-color; transition-property: color,background-color,border-color; position: relative; overflow: hidden; font-size: 16px; color: #222; text-decoration: none; margin-top: auto; text-transform: none; } .link-animate:hover {color: #222;} .link-animate::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px!important; background: #222; } .decorative-item:hover .link-animate::after,.link-animate:hover::after, .pre-processing-item:hover .link-animate::after{ background: #222; -webkit-animation: underline 0.4s cubic-bezier(0.42, 0, 0.58, 1) forwards; animation: underline 0.4s cubic-bezier(0.42, 0, 0.58, 1) forwards; } .pre-processing-item-img { -webkit-filter: grayscale(1); filter: grayscale(1); } .pre-processing-item:hover .pre-processing-item-img{ -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); transform: scale(1.03,1.03);} @-webkit-keyframes underline { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } 51% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes underline { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { opacity: 1; -webkit-transform: translateX(100%); transform: translateX(100%); } 51% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .link-abs-full { position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; } .site-btn.blue_btn { background: #1a7fbe; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #1871a9), color-stop(50%, #1a7fbe)); background-image: -o-linear-gradient(left, #1871a9 50%, #1a7fbe 50%); background-image: linear-gradient(to right, #1871a9 50%, #1a7fbe 50%); background-position: top right; background-size: 200% 100%; -webkit-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: background-position 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .site-btn:hover { background-position: top left; } @-webkit-keyframes scrollBounce { 0%{ top: calc(100% + 70px); } 25%{ top: calc(100% + 90px); } 50%{ top: calc(100% + 70px); } 75%{ top: calc(100% + 90px); } 100%{ top: calc(100% + 70px); } } @keyframes scrollBounce { 0%{ top: calc(100% + 70px); } 25%{ top: calc(100% + 90px); } 50%{ top: calc(100% + 70px); } 75%{ top: calc(100% + 90px); } 100%{ top: calc(100% + 70px); } } @-webkit-keyframes panoramaRotate1 { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes panoramaRotate1 { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes panoramaRotate2 { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes panoramaRotate2 { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes forwards { 0% { left: 0; } 30% { left: 100%; } 60% { visibility: hidden; } 80% { left: -100%; visibility: visible; } 100% { left: 0; } } @keyframes forwards { 0% { left: 0; } 30% { left: 100%; } 60% { visibility: hidden; } 80% { left: -100%; visibility: visible; } 100% { left: 0; } } .banner{ position: relative; overflow: hidden; color: #fff; } .banner_vh100 { height: 45vh; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner_vh100.no_banner_items {justify-content: center;} .bg_image_center { background-color:#000; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 50% 50%; } .error404 .bg_image_center {background-color:#1a7fbe;} .banner:before { z-index:-2; width: 100%; height: 0; content: ''; } /* .banner:after {z-index:2; position: absolute; width: 100%; bottom: 0; height: 40%; content: ''; background: linear-gradient(to bottom,transparent 35%,rgb(26,26,31,.80) 100%); } .banner .container{ height: 100%; }*/ .banner-bg-video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .banner-bg-video video{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner-overlay { /* background-color: rgba(0, 0, 0, 0.40);*/ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .banner-inner{ position: relative; z-index: 3; } .banner-content{ 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-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .banner-title{ font-size: 40px; font-weight: 700; line-height: calc(60 / 50); text-align: left; } .banner-title-slider-container{ margin-bottom: 0; width: 100%; position: relative; margin-top: 10%; } .banner-scroll{ width: 50px; height: 50px; cursor: pointer; background-image: url('../img/double-arrow-down.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: calc(50% - 25px); /*top: calc(100% + 20px);*/ top: 50px; margin-top:-40px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-animation: scrollBounce infinite; animation: scrollBounce infinite; -webkit-animation-duration: 4s; animation-duration: 4s; /* -webkit-animation-iteration-count: 3; animation-iteration-count: 3;*/ } .banner-item img{-o-transition: all 0.2s linear; transition: all 0.2s linear; width: 50px;height:50px; margin-bottom: 20px; } .banner-item p{ text-align: center;line-height:1.2; } .banner-item{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .banner-item.hover_item {cursor:pointer;} .banner-item.hover_item:hover img { -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem);} .banner-item:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; } .banner-item:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; } .banner-item:nth-child(4) { -webkit-animation-delay: .6s; animation-delay: .6s; } .banner-item:nth-child(5) { -webkit-animation-delay: .8s; animation-delay: .8s; } .banner-item:nth-child(6) { -webkit-animation-delay: 1s; animation-delay: 1s; } .banner-item{width:16.66666%; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*width:16.66666%;*/ } .banner-items{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; margin-bottom: 30px; margin-top: 220px; } .banner_vh100 .banner-items { margin-bottom: 20px; z-index: 2; position:relative; } @media (min-width:768px){ .standards-subtitle ul.listfull li:before { top: 0.8rem!important; } .banner_vh100 .banner-items,.banner_vh100 .banner-inner { margin-top: 0; z-index: 2; position:relative; }} .decorative_block {} .decorative-item { position: relative; background: #eaeef3!important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-shadow: none!important; box-shadow: none!important; padding: 20px; min-height: 150px; margin-bottom: 25px; } .decorative-item:hover {background: #d1dae4!important;} .decorative-item-right { position: absolute; right: 0; width: 55%; top: 0; } /*.decorative-item-block:last-child .decorative-item .decorative-item-right {top:auto;bottom:0;} */ .decorative-item-left {max-width:55%; line-height:1.2;} .decorative-item-title { font-size: 18px;line-height:1.2; text-align: left; margin-bottom:10px; } /*.production-cycle{padding:90px} .production-cycle-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; text-align: center; margin-bottom: 60px; } .production-cycle-items{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /*.production-cycle-item{ width: 170px; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; } .production-cycle-item:nth-child(2) { animation-delay: .2s; } .production-cycle-item:nth-child(3) { animation-delay: .4s; } .production-cycle-item:nth-child(4) { animation-delay: .6s; } .production-cycle-item:nth-child(5) { animation-delay: .8s; } .production-cycle-item:nth-child(6) { animation-delay: 1s; } .production-cycle-item-icon{ width: 150px;margin-left: -15px; } .production-cycle-item-text{ font-size: 16px; line-height: calc(192 / 160); font-weight: 600; } .production-cycle-item-arrow{ margin-left:-15px; width: 40px; position: absolute; left: 190px; top: 60px; }*/ /*.production-cycle-item { width: 30%; min-height: 150px; padding: 30px 20px; background: linear-gradient(100deg, #eaeaea, #fff); backdrop-filter: blur(10px); /* эффект размытия */ /*border-radius: 5px; /* закругленные углы */ /*display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-weight: 400; font-size: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.15); } .production-cycle-item div {margin:15px 0 0} .production-cycle-item div a {color:#da4544;text-decoration:none} .production-cycle-item div p{color:#444;font-size:14px;font-weight:400;margin-top:10px} .production-cycle-item-text a:hover { color: #da4544; /* акцентный цвет при наведении */ /*text-shadow: 0 0 2px rgba(255,107,107,0.6) }*/ .production-cycle { padding: 90px 0; } .production-cycle-title { font-size: 40px; line-height: 1.2; font-weight: 600; text-align: center; margin-bottom: 60px; } .production-cycle-items { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } .production-cycle-item { flex: 1 1 calc(25% - 30px); /* 3 карточки в ряд */ min-width: 260px; /* не сжимается меньше */ min-height: 150px; padding: 30px 20px; background: #fff; border-radius: 8px; display: flex; flex-direction: column; align-items: center; text-align: center; font-weight: 400; font-size: 18px; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .production-cycle-item:hover { transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0,0,0,0.18); } .production-cycle-item img.production-cycle-item-icon { width: 120px; height: auto; margin-bottom: 15px; } .production-cycle-item-title{font-weight:600; padding-top:15px} .production-cycle-item-text { font-size: 16px; line-height: 1.5; font-weight: 500; color: #333; max-width:250px; } .production-cycle-item-text a { color: #da4544; text-decoration: none; } .production-cycle-item-text a:hover { color: #b32e2d; text-shadow: 0 0 2px rgba(255, 107, 107, 0.5); } /* Адаптив */ @media (max-width: 991px) { .production-cycle-item { flex: 1 1 calc(50% - 30px); /* 2 карточки в ряд */ } } @media (max-width: 575px) { .production-cycle-item { flex: 1 1 100%; /* по одной карточке */ } } /* Анимация появления */ .wow.animate__fadeInLeft { opacity: 0; transform: translateX(-30px); animation-fill-mode: forwards; } .wow.animate__fadeInLeft.animated { opacity: 1; transform: translateX(0); transition: all 0.5s ease; } .about-company{ background-image: url(../img/about-company-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; } .about-company-inner{ position: relative; padding-bottom: 20px; } .about-company-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 30px; } .about-company-text{ font-size: 16px; line-height: calc(224 / 160); font-weight: 400; margin-bottom: 16px; } .about-company-li{ font-size: 16px; line-height: calc(224 / 160); font-weight: 400; padding-left: 24px; margin: 5px 0; position: relative; } .about-company-li::before{ position: absolute; display: block; left: 0; top: 7px; width: 7px; height: 7px; content: ''; border: 2px solid #da4544; } .about-company-ul{ margin-bottom: 40px; } .about-company-btn{ font-size: 16px; line-height: calc(224 / 160); font-weight: 400; padding: 17px 40px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #1871a9), color-stop(50%, #1a7fbe)); background-image: -o-linear-gradient(left, #1871a9 50%, #1a7fbe 50%); background-image: linear-gradient(to right, #1871a9 50%, #1a7fbe 50%); background-position: top right; background-size: 200% 100%; margin-right: 30px; color: #fff; } .about-company-btn.red{ background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c53d3d), color-stop(50%, #da4645)); background-image: -o-linear-gradient(left, #c53d3d 50%, #da4645 50%); background-image: linear-gradient(to right, #c53d3d 50%, #da4645 50%); margin-right: 0; } .about-company-btns{ display: -webkit-box; display: -ms-flexbox; display: flex; } .about-company-r, .about-company-l{ width: 50%; padding: 0 15px; } .about-company-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 510px; } .about-company-slider-container{ width: 766px; margin-left: -140px; } .about-company-top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:90px 0 0; } .about-company-pagination{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; } .about-company-pagination .swiper-pagination-bullet{ border: 1px solid rgba(102,102,102,.4); width: 10px; height: 10px; } .about-company-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgba(102,102,102,.6); border-color: transparent; } .about-company-slider{ position: relative; } .about-company-nav{ position: absolute; left: 0; top: 0; width: 100%; 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; z-index: 2; top: calc(50% - 19px); } .partners-slider-container {position:relative;} .partners-nav{ position: absolute; left: 0; top: 0; width: 100%; 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; z-index: 2; top: calc(50% - 17px); } .gallery2 .about-company-nav{ top: calc(50% - 30px);z-index:unset; } .gallery2 .about-company-prev, .gallery2 .about-company-next { margin: 15px; padding: 7px 12px; background: rgb(0, 0, 0, 0.4); border-radius: 40px; width: 40px; height: 40px;z-index:1; } .swiper-button-disabled {opacity:0;} .gallery2 .about-company-prev:hover, .gallery2 .about-company-next:hover { background: #1a7fbe; } .about-company-prev, .about-company-next{ margin: 15px; padding: 5px 10px; } .about-company-prev svg, .about-company-next svg{ width: 14px; } .about-company-prev svg polyline, .about-company-next svg polyline{ stroke: rgba(255, 255, 255, 0.7); } .partners-prev, .partners-next{ background: rgb(0, 0, 0, 0.25); padding: 5px 10px; } .partners-prev svg, .partners-next svg{ width: 14px; } .partners-prev svg polyline, .partners-next svg polyline{ stroke: rgba(255, 255, 255, 0.7); } /* .about-company-bottom{ background-color: #fff; padding: 40px; color: #111; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: -100px; width: 100%; } .about-company-bottom-item{ padding: 0 15px; width: 25%; display: -webkit-box; display: -ms-flexbox; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: start; } .about-company-bottom-item-num{ font-size: 30px; line-height: 1; font-weight: 100; position: relative; } .about-company-bottom-item-num::before{ position: absolute; display: block; left: -15px; top: -5px; width: 7px; height: 7px; content: ''; background: #1a7fbe; border: 1px solid #1a7fbe; } .about-company-bottom-item-text{ font-size: 16px; line-height: calc(192 / 160); font-weight: 400; } */ .about-company-bottom { background-color: #fff; padding: 40px; color: #111; display: flex; justify-content: space-between; align-items: flex-start; left: 0; /*position: absolute; bottom: -500px;*/ width: 100%; gap: 20px; /* расстояние между блоками */ box-sizing: border-box; } .about-company-bottom-item { flex: 1; /* растягиваем все равномерно */ text-align: left; padding: 0 15px; display: flex; flex-direction: column; align-items: start; } .about-company-bottom-item-num { font-size: 30px; line-height: 1; font-weight: 100; position: relative; margin-bottom: 10px; } .about-company-bottom-item-num a{color:#da4544} .about-company-bottom-item-text { font-size: 16px; line-height: 1.4; font-weight: 400; color: #333; } /* адаптив */ @media (max-width: 991px) { .about-company-bottom { flex-wrap: wrap; justify-content: center; } .about-company-bottom-item { flex: 1 1 45%; /* по 2 блока в ряд */ margin-bottom: 20px; } } @media (max-width: 575px) { .about-company-bottom-item { flex: 1 1 100%; /* один блок в ряд */ } } .profiles{ color: #111; padding-top: 150px; padding-bottom: 40px; } .profiles-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 60px; } .profiles-items{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profiles-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% / 4 - (120px / 4)); margin-right: 40px; margin-bottom: 40px; } .profiles-item:hover .profiles-item-img{ background-size: 110% 110%; -webkit-filter: grayscale(0); filter: grayscale(0); } .profiles-item:nth-child(4n + 4){ margin-right: 0; } .profiles-item-img{ height: 200px; margin-bottom: 15px; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-filter: grayscale(1); filter: grayscale(1); } .profiles-item p{ font-size: 16px; line-height: calc(192 / 160); font-weight: 600; width: 90%; } .panorama-inner{ background-image: url('../img/about-company-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 60px; color: #fff; position: relative; } .panorama-l{ width: 60%; } .panorama-title{ font-size: 28px; line-height: calc(32 / 28); font-weight: 600; margin-bottom: 80px; } .panorama-btn { font-size: 16px; line-height: calc(224 / 160); font-weight: 400; padding: 17px 40px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c53d3d), color-stop(50%, #da4645)); background-image: -o-linear-gradient(left, #c53d3d 50%, #da4645 50%); background-image: linear-gradient(to right, #c53d3d 50%, #da4645 50%); background-position: top right; background-size: 200% 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .panorama-r{ width: 33%; position: absolute; right: 7%; bottom: 0; } .panorama-tablet-img{ width: 100%; } .panorama-play{ position: absolute; left: calc(50% - 30px); top: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; background-color: #da4544; 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; } .panorama-play:before{ width: 80px; height: 80px; border: 2px solid #da4544; position: absolute; content: ""; left: -10px; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-animation: panoramaRotate1; animation: panoramaRotate1; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .panorama-play:after{ width: 70px; height: 70px; border: 2px solid #da4544; position: absolute; content: ""; left: -5px; border-radius: 50%; border-top-color: transparent; border-bottom-color: transparent; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-animation: panoramaRotate2; animation: panoramaRotate2; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .panorama-play img{ width: 33%; } .panorama{margin-bottom:50px;margin-top:50px} .protective-coatings{ background-color: #eaeef3; } .protective-coatings-col{ width:50%; padding:15px } .protective-coatings-row{ display: -webkit-box; display: -ms-flexbox; display: flex; color: #111; margin-bottom:0; } .protective-coatings-row:last-child{ margin-bottom: 0; } .protective-coatings-col-title{ font-size: 28px; line-height: calc(336 / 280); font-weight: 600; margin-bottom: 30px; } .protective-coatings-text{ margin-bottom: 30px; } .protective-coatings-text p{ font-size: 16px; line-height: calc(224 / 160); font-weight: 400; margin-bottom: 16px; } .protective-coatings-text p:last-child{ margin-bottom: 0; } .protective-coatings-content{background-color:#fff; padding:50px 40px; min-height:400px} .protective-coatings-img{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .protective-coatings-btn{-webkit-transition: background-color 200ms;-o-transition: background-color 200ms;transition: background-color 200ms; background: transparent; border: 2px solid #1a7fbe; color: #1a7fbe!important; height: 45px; padding: 5px 20px; font-size: 16px; line-height: calc(224 / 160); font-weight: 500; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .protective-coatings-btn:hover {border: 2px solid #1a7fbe;background:#1a7fbe; color:#fff!important;} .protective-coatings-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 40px; } .protective-coatings-inner{ padding-top: 40px; padding-bottom: 40px; } .protective-coatings-row:nth-child(2n + 2) .protective-coatings-col:nth-child(2){ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .pre-processing{ color: #111; background-color: #eaeef3; background-image: url('../img/pre-processing-bg.jpg'); background-repeat: no-repeat; background-size: inherit; background-attachment: scroll; background-position: 100% 100%; padding-top: 50px; padding-bottom: 70px; } .pre-processing-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 40px; } .pre-processing-item-title{ font-size: 20px; line-height: calc(24 / 20); font-weight: 600; margin-bottom: 20px; } .pre-processing-item-text{ font-size: 16px; line-height: calc(192 / 160); font-weight: 400; margin-bottom: 20px; } .pre-processing-item-more{ font-size: 16px; line-height: calc(192 / 160); font-weight: 400; color: inherit; text-decoration: underline; } .pre-processing-item{ display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% / 3 - (140px / 3)); background-color: #fff; margin-right: 70px; } .pre-processing-item:nth-child(3n + 3){ margin-right: 0; } .pre-processing-item-l{ width: 45%; } .pre-processing-items{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pre-processing-item-r{ padding: 20px; width: 55%; } .pre-processing-item-img{-webkit-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out; width: 185px; height: 185px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: calc(50% - (185px / 2)); left: -20px; } .pre-processing-item-l{ position: relative; } .ordering-title{ font-size: 40px; line-height: calc(48 / 40); font-weight: 600; margin-bottom: 30px; } .ordering-items{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ordering-item{ width: calc(100% / 4 - (120px / 4)); margin-right: 40px; } .pre-processing-items.pre-processing-items-two {width: calc(100% / 4 - (120px / 4));} .ordering-item:nth-child(4n + 4) { margin-right: 0; } .ordering-item-title{ font-size: 20px; line-height: calc(24 / 20); font-weight: 600; margin-bottom: 20px; } .ordering-item-text{ font-size: 16px; line-height: calc(192 / 160); font-weight: 400; } .ordering-item-img{ width: 150px;margin-left:-15px; } .ordering-item-top{ margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 45px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ordering-item-arrow{ width: 40px; margin-bottom: 20px; } .ordering-inner{ padding-bottom: 50px; } .standards { padding-top: 80px; padding-bottom: 80px; background: url(../img/about-company-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .standarts-item-title {font-size:18px; color:#222; font-weight:600; line-height:1.2; margin-top:10px;} .standards2{ padding-bottom: 80px; } .standards2-inner { padding-top: 60px; padding-bottom: 60px; padding-left:60px; padding-right:60px; background: url(../img/blue_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .standards-title { font-weight: 600; font-size: 40px; line-height: 1.2; color: #fff; max-width: 1110px; margin-bottom: 30px; } .standards-subtitle { font-weight: 100; font-size: 28px; line-height: 1.2; color: #fff; max-width: 1110px; margin-bottom: 60px; } .standards-item { position: relative; cursor: pointer; width: 15.7%; } .standards2-item { position: relative; cursor: pointer; width: 50%; } .standards-item:hover .standards-zoom-img,.standards2-item:hover .standards-zoom-img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .standards-item:hover .standards-zoom,.standards2-item:hover .standards-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .standards-zoom-img {max-height:inherit; display:none; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .standards-zoom {max-height:inherit;height:80px;background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .standards-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .standards-item-certificated-img { width: 100%; } .standards-page-block .standards-item-certificated-img { width: auto; } /* delivery */ .delivery-inner { background: url(../img/delivery-bg.png); background-repeat: no-repeat; padding-top: 60px; padding-left: 60px; background-position: right; background-size: auto 100%; padding-bottom: 70px; background-color: #eaeef3; } .delivery-title { font-weight: 600; font-size: 40px; line-height: calc(48 / 40); max-width: 1250px; } .delivery-list-items { margin-top: 52px; } .delivery-list-item-r-title { font-weight: 600; font-size: 18px; line-height: calc(18 / 18); color: #222; max-width: 402px; margin-bottom: 5px; } .delivery-list-item-r-subtitle { font-size: 16px; font-weight: 400; line-height: calc(19 / 16); color: #222; max-width: 392px; } .delivery-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; } .delivery-list-item img { width: 24px; margin-right: 14px; } .delivery-more-details-l-numb { font-weight: 600; font-size: 72px; line-height: 1; } .delivery-more-details-l-numb span { font-weight: 600; font-size: 36px; line-height: 1; } .delivery-more-details-l-text { font-size: 16px; font-weight: 400; line-height: calc(22 / 16); } .delivery-more-details-l { margin-right: 50px; } .delivery-more-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .delivery-btn { font-size: 16px; font-weight: 500; line-height: calc(22 / 16); color: #fff; cursor: pointer; background-color: rgb(26, 127, 190); padding: 17px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; } .delivery-btn:before{ content: ''; display: block; background-color: rgb(22 110 165); position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .delivery-btn span{ position: relative; z-index: 2; } .delivery-btn:hover:before{ left: 0; } /* seo-block */ .seo-block { padding-top: 50px; padding-bottom: 50px; } .seo-block-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 40px; } .seo-block-text p{ font-weight: 400; font-size: 16px; line-height: calc(22 / 16); max-width: 1340px; margin-bottom: 20px; } .seo-block-text p:last-child { margin-bottom: 0; } /* partners */ .partners { padding-bottom: 50px; } .partners-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 25px; } .partners-subtitle { font-weight: 400; font-size: 16px; line-height: calc(22 / 16); margin-bottom: 40px; } .partners-item { border: 1px solid #dbe2ea; padding: 20px 15px; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } /*.partners-page-block .partners-item {padding:0;}*/ /*.partners-page-block .partners-item { -webkit-filter: grayscale(0); filter: grayscale(0);}*/ .partners-slider:hover .partners-item{ -webkit-filter: grayscale(0); filter: grayscale(0); } .partners-item:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .partners-item img { width: 100%; } .partners-pagination { margin: 20px auto 0; 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; cursor: pointer; } .gallery2-pagination { margin: 20px auto 0; 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; cursor: pointer; } .swiper-pagination-bullet, .swiper-pagination-bullet-active{ background-color: #6c757d; } /* work-examples */ .work-examples { padding-bottom: 60px; } .work-examples-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } .work-examples-nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; color: #999; padding: 5px 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; margin-right: 20px; } .work-examples-nav-item:last-child { margin-right: 0; } .work-examples-nav-item.active { background-color: #1a7fbe; color: #fff; } .work-examples-nav-item:hover { background-color: #999; color: #fff; } .work-examples-nav-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work-examples-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left:-15px; } .work-examples-gallery-item.active { width: 25%; padding-left:15px; margin-bottom: 15px; position: relative; display: block; } .work-examples-gallery-item{ display: none; } .more_link {position: absolute; right: 20px; bottom: 15px; text-decoration:underline; color: #fff;} .work-examples-gallery-item img.preview { -webkit-filter: grayscale(1); filter: grayscale(1); } .work-examples-gallery-item img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .work-examples-gallery-item-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .work-examples.full_gallery .work-examples-gallery-item-img,.work-examples.full_gallery .work-examples-gallery-item img.preview { -webkit-filter: grayscale(0); filter: grayscale(0); } .work-examples-gallery-item:last-child img {-webkit-filter: grayscale(0);filter: grayscale(0);} .work-examples-gallery-item:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .work-examples-zoom { position: absolute; top: calc(50% - 40px); left: calc(50% - 33px); height:80px;background-size: contain; width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .work-examples-gallery-item:hover .work-examples-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .work-examples-gallery-blue { background-color: rgb(26, 127, 190); height: 100%; font-size: 16px; line-height: calc(19 / 16); font-weight: 400; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 40px; padding-bottom: 20px; } .work-examples-active-blue { opacity: 1; } .work-examples-gallery-blue span{ position: relative; overflow: hidden; } .work-examples-gallery-blue span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px !important; background: #fff; } .work-examples-gallery-blue span:hover:after { background: #fff; /* animation-name: forwards; animation-duration: 1s; animation-iteration-count: 1; */ } /* work-examples */ /* work-examples */ .gallery2 { padding-bottom: 60px; } .gallery2-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } .gallery2-nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; color: #999; padding: 5px 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; margin-right: 20px; } .gallery2-nav-item:last-child { margin-right: 0; } .gallery2-nav-item.active { background-color: #1a7fbe; color: #fff; } .gallery2-nav-item:hover { background-color: #999; color: #fff; } .gallery2-nav-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery2-gallery { margin-left:-15px; } .gallery2-gallery-item.active { position: relative; display: block; } .more_link {position: absolute; right: 20px; bottom: 15px; text-decoration:underline; color: #fff;} .gallery2-gallery-item img.preview { -webkit-filter: grayscale(1); filter: grayscale(1); } .gallery2-gallery-item img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .gallery2-gallery-item-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .gallery2-gallery-item:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .gallery2-zoom { height:80px; background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .gallery2-gallery-item:hover .gallery2-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .gallery2-gallery-blue { background-color: rgb(26, 127, 190); height: 100%; font-size: 16px; line-height: calc(19 / 16); font-weight: 400; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 40px; padding-bottom: 20px; } .gallery2-active-blue { opacity: 1; } .gallery2-gallery-blue span{ position: relative; overflow: hidden; } .gallery2-gallery-blue span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px !important; background: #fff; } .gallery2-gallery-blue span:hover:after { background: #fff; /* animation-name: forwards; animation-duration: 1s; animation-iteration-count: 1; */ } /* work-examples */ .prods-examples { padding-bottom: 60px; } .prods-examples-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } .prods-examples-nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; color: #999; padding: 5px 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; margin-right: 20px; } .prods-examples-nav-item:last-child { margin-right: 0; } .prods-examples-nav-item.active { background-color: #1a7fbe; color: #fff; } .prods-examples-nav-item:hover { background-color: #999; color: #fff; } .prods-examples-nav-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prods-examples-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prods-examples-gallery-item.active { width: 24%; height: 218px; margin-right: calc(4% / 3); margin-bottom: calc(4% / 3); position: relative; display: block; } .prods-examples-gallery-item{ display: none; } .prods-examples-gallery-item-img { background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .prods-examples-gallery-item-img.cover { background-size: cover; } .prods-examples-gallery-item-img.gs0 { -webkit-filter: grayscale(0); filter: grayscale(0); } .prods-examples-gallery-item:last-child .prods-examples-gallery-item-img {-webkit-filter: grayscale(0);filter: grayscale(0);} .prods-examples-gallery-item.active:nth-child(4n+4){ margin-right: 0; } .prods-examples-gallery-item:hover .prods-examples-gallery-item-img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .prods-examples-zoom {height:80px;background-size: contain; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .prods-examples-gallery-item:hover .prods-examples-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .prods-examples-gallery-blue { background-color: rgb(26, 127, 190); height: 100%; font-size: 16px; line-height: calc(19 / 16); font-weight: 400; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 40px; padding-bottom: 20px; } .prods-examples-active-blue { opacity: 1; } .prods-examples-gallery-blue span{ position: relative; overflow: hidden; } .prods-examples-gallery-blue span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px !important; background: #fff; } .prods-examples-gallery-blue span:hover:after { background: #fff; /* animation-name: forwards; animation-duration: 1s; animation-iteration-count: 1; */ } /* color-examples */ .big-photo { position: relative; height: 85vh; overflow: hidden; max-width: 90vw; } .photo_after { position: absolute; right: 0; bottom: 0; width: 50%; border-top: 2px solid #000; border-left: 2px solid #000; } .after_descr{color: #fff;line-height:1.2; position: relative; z-index: 1; bottom: 0; left: 0; width: 100%; background: rgb(0, 0, 0, .30); text-align: center; padding: 7px 10px;} .photo_after img {width:100%;} .color-examples { padding-bottom: 60px; } .color-item-title {color:#fff; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; background: rgb(0, 0, 0, .30); text-align: center; padding: 7px 10px; } .color-examples-title { font-weight: 600; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } .color-examples-nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; color: #999; padding: 5px 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; margin-right: 20px; } .color-examples-nav-item:last-child { margin-right: 0; } .color-examples-nav-item.active { background-color: #1a7fbe; color: #fff; } .color-examples-nav-item:hover { background-color: #999; color: #fff; } .color-examples-nav-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .color-examples-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .color-examples-gallery-item.active { width: 19%; height: 180px; margin-right: calc(5% / 4); margin-bottom: calc(5% / 4); position: relative; display: block; } .color-examples-gallery-item{ display: none; } .color-examples-gallery-item:hover .color-item-title {color:#fff;} .color-examples-gallery-item-img { background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .color-examples-gallery-item:last-child .color-examples-gallery-item-img {-webkit-filter: grayscale(0);filter: grayscale(0);} .color-examples-gallery-item.active:nth-child(5n+5){ margin-right: 0; } .color-examples-gallery-item:hover .color-examples-gallery-item-img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .color-examples-zoom { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); height:80px; background-size: contain; width: 80px; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .color-examples-gallery-item:hover .color-examples-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .color-examples-gallery-blue { background-color: rgb(26, 127, 190); height: 100%; font-size: 16px; line-height: calc(19 / 16); font-weight: 400; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 40px; padding-bottom: 20px; } .color-examples-active-blue { opacity: 1; } .color-examples-gallery-blue span{ position: relative; overflow: hidden; } .color-examples-gallery-blue span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px !important; background: #fff; } .color-examples-gallery-blue span:hover:after { background: #fff; /* animation-name: forwards; animation-duration: 1s; animation-iteration-count: 1; */ } .col-lg-4 .decorative-item-right { width: 45%; } .col-lg-4 .decorative-item { padding: 30px; min-height: 180px; } .slider-preim { padding: 0 0 40px 0; background: #eaeef3; position: relative; } .slider-preim .swiper-container-wrapper { position: relative; overflow: visible; /* стрелки выступают за слайды */ } .slider-preim .swiper { overflow: hidden; /* слайды остаются внутри */ } .slider-preim .swiper-slide { display: flex; justify-content: center; align-items: center; } .slider-preim .swiper-slide img { max-width: 100%; height: auto; border-radius: 12px; } /* Стрелки по бокам */ .slider-preim .swiper-button-prev, .slider-preim .swiper-button-next { position: absolute; top: 62%; transform: translateY(-50%); width: 35px; height: 35px; background:rgba(100, 100, 100, 0.4); border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 10; } .slider-preim .swiper-button-prev { left: -17px; } .slider-preim .swiper-button-next { right: -17px; } .slider-preim .swiper-button-prev:hover, .slider-preim .swiper-button-next:hover { background: rgba(100, 100, 100, 0.8); transform: translateY(-50%) scale(1.1); } .slider-preim .swiper-button-prev::after, .slider-preim .swiper-button-next::after { font-size: 16px; font-weight: bold; } /* Пагинация снизу */ .slider-preim .swiper-pagination { text-align: center; margin-top: 20px; } /* Адаптив */ @media (max-width: 767px) { .slider-preim .swiper-container-wrapper{width:95%;margin:auto} .slider-preim .swiper-button-prev, .slider-preim .swiper-button-next { width: 28px; height: 28px; } .slider-preim .swiper-button-prev::after, .slider-preim .swiper-button-next::after { font-size: 12px; } .slider-preim .swiper-button-prev { left: -15px; } .slider-preim .swiper-button-next { right: -15px; } } .swiper-pagination-bullet-active { background: #1a7fbe; } @media (max-width: 1650px) { .about-company-slider-container{ margin-left: 0; width: 100%; } .about-company-slide{ height: 420px; } } @media (max-width: 1356px) { .delivery-inner { background-size: auto 80%; } } @media (max-width: 1300px) { .production-cycle-item-arrow{ width: 34px; left: 180px; } .production-cycle-item-icon{ width: 130px; } .production-cycle-item-text{ } .col-lg-4 .decorative-item { min-height: 150px; } } @media (max-width: 1250px) { .pre-processing-item{ width: calc(100% / 2 - (70px / 2)); margin-bottom: 70px; } .pre-processing-item:nth-child(3n + 3){ margin-right: 70px; } .pre-processing-item:nth-child(2n + 2){ margin-right: 0; } .pre-processing-item-img{ position: static; height: 100%; width: 100%; } .pre-processing-item-l{ width: 35%; } } @media (max-width: 1199px) { .decorative-item-right { width: 45%; } .pre-processing {padding-bottom:40px;} .about-company-bottom{ padding: 40px 20px; } .delivery-inner { background-size: auto 70%; } } @media (max-width: 1150px) { .production-cycle-item-arrow{ left: 170px; top: 50px; } } @media (max-width: 1110px) { .delivery-inner { background-size: auto 60%; } } @media (max-width: 1100px) { .production-cycle-item-arrow{ left: 160px; width: 30px; } .ordering-item-top{ padding-right: 0; } } @media (max-width: 1000px) { .banner-title{ font-size: 34px; } .production-cycle-items{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .production-cycle-item{ width: calc(100% / 3); margin-bottom: 40px; } .production-cycle-item-arrow{ display: none; } .production-cycle-title,h2{ font-size: 38px; } .about-company-r, .about-company-l{ width: 100%; padding: 0; } .about-company-r{ /* order: -1;*/ margin-bottom: 40px; margin-top:30px; } .about-company-top{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-company-top{ padding: 60px 0; } .about-company-pagination{ margin-bottom: 0; } .about-company-title{ font-size: 38px; } .about-company-bottom{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } .about-company-bottom-item{ width: 50%; margin-bottom: 20px; } .about-company-bottom{ position: static; } .profiles-title{ font-size: 38px; } .profiles-item{ width: calc(100% / 3 - (80px / 3)); margin-right: 40px; } .profiles-item:nth-child(4n + 4) { margin-right: 40px; } .profiles-item:nth-child(3n + 3) { margin-right: 0; } .profiles-item-img{ height: 100px; } .profiles{ padding-bottom: 20px; padding-top: 40px; } .profiles-title{ margin-bottom: 40px; } .panorama-title{ font-size: 26px; margin-bottom: 40px; } .protective-coatings-title{ font-size: 38px; } .pre-processing-item{ width: 100%; margin-right: 0; margin-bottom: 30px; } .pre-processing-item:nth-child(3n + 3){ margin-right: 0; } .pre-processing-title{ font-size: 38px; } .ordering-title{ font-size: 38px; } .ordering-item { width: calc(100% / 2 - (60px / 2)); margin-right: 30px; margin-bottom: 30px; } .ordering-item:nth-child(4n + 4){ margin-right: 30px; } .ordering-item:nth-child(2n + 2){ margin-right: 0; } .ordering-item-top{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ordering-item-arrow{ margin-left: 40px; } .about-company{ padding-bottom: 40px; } .about-company-top{ padding-bottom: 20px; } .standards-title { font-size: 38px; } .standards { padding-top: 40px; } .delivery-title { font-size: 38px; } .delivery-more-details-l-numb { font-size: 40px; } .seo-block-title { font-size: 38px; } .seo-block-text { font-size: 16px; } .work-examples-title { font-size: 38px; } .work-examples-gallery-item.active { width: 33.3333%; } .work-examples-gallery-item.active:nth-child(4n+4){ } .work-examples-gallery-item.active:nth-child(3n+3){ } .work-examples-gallery { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery2-title { font-size: 38px; } .gallery2-gallery-item.active:nth-child(4n+4){ } .gallery2-gallery-item.active:nth-child(3n+3){ } .gallery2-gallery { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .prods-examples-title { font-size: 38px; } .prods-examples-gallery-item.active { width: 32%; margin-right: calc(4% / 2); margin-bottom: 16px; } .prods-examples-gallery-item.active:nth-child(4n+4){ margin-right: calc(4% / 2); } .prods-examples-gallery-item.active:nth-child(3n+3){ margin-right: 0; } .prods-examples-gallery { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .color-examples-title { font-size: 38px; } .color-examples-gallery-item.active { width: 24%; height: 150px; margin-right: calc(4% / 3); margin-bottom: calc(4% / 3); position: relative; display: block; } /* .color-examples-gallery-item.active:nth-child(4n+4){ margin-right: calc(4% / 2); }*/ .color-examples-gallery-item.active:nth-child(4n+5){ margin-right: calc(4% / 3); } .color-examples-gallery-item.active:nth-child(4n+4){ margin-right: 0; } .color-examples-gallery { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .partners-title{ font-size: 38px; } } @media (max-width: 991px) { .leftq_side { padding-right: calc(var(--bs-gutter-x)/ 2); } .qright_side {display:none;} .standarts-item-title { font-size: 16px; } .right_block_panel {margin-top:40px; padding:20px 20px;} main { padding: 40px 0px 30px 0; } .title { font-size: 20px; } .banner-item {font-size:14px;} .banner-item img { width: 40px; height:40px; } .mlg { margin-bottom: 20px; } .mb {margin-bottom:10px;} .mb1 {margin-bottom: 20px;} .mb2 {margin-bottom: 20px;} .mt_lg2 {margin-top:50px;} .mb_lg2 {margin-bottom:50px;} .mlg2 {margin-bottom:50px;} .pt_lg2 {padding-top:50px;} .pb_lg2 {padding-bottom:50px;} .pt_lg {padding-top:30px;} .pb_lg {padding-bottom:30px;} .delivery-inner { background-size: auto 50%; } .seo-block-title { margin-bottom: 15px;; } } @media (max-width: 830px) { .delivery-inner { background-size: auto 40%; } } @media (max-width: 767px) { .four-in-line .pick-item { width: 50%; } .quiz #slider-range { position: relative!important; bottom: 0!important; left: 0!important;width:100%!important; } .quiz #slider { width: 100%; left: 0; } .no_img .pick-item { width: 100%; padding: 0; } .quiz .d-flex.align-items-center.w100 { flex-flow: column; } .snoska,.bt-back {margin-top:15px; order: 2;} .quiz { padding: 20px 20px 20px 20px; } .right_block_text {padding-top:10px; padding-bottom:30px;} .banner_vh100.no_banner_items {padding-bottom:70px;} .decorative-item-right { width: auto!important; max-height: 150px; } .banner_vh100 .banner-items { margin-bottom: 0; } .banner-item { margin-bottom: 15px; } .big-photo { position: relative; height: 85vh; overflow: hidden; max-width: 90vw; } .photo_after {position:absolute;right:0;bottom:0;width:65%;} .pre-processing-item-l { width: 70%; } .pre-processing-item-r {width:100%;} .protective-coatings-col-title { font-size: 22px;} .standards2-inner {padding:40px;} .cert {margin-bottom:20px;} .title { font-size: 14px; } .decorative-item { min-height: 200px;} .decorative-item-title { font-size: 18px;} .banner{ height: 35vh; padding-top: 90px; } .banner-scroll{ display: none; } .banner-item{ width: calc(100% / 3); margin-bottom: 15px; } .banner-items{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-title{ font-size: 22px; } .banner-title-slider-container{ margin-bottom: 0; margin-top: 0; } .banner-items{ margin-top: 70px;margin-bottom:0; } .production-cycle-title,h2{ font-size: 26px; } .production-cycle{ padding: 50px 20px; } .about-company-title{ font-size: 26px; text-align:center; } .about-company-r{ text-align: left; } .about-company-li{ padding-left: 0; } .about-company-li::before{ display: none; } .about-company-btns{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .profiles-title{ font-size: 30px; text-align: center; } .panorama-r{ position: relative;right:auto; margin-top:20px; max-width: 300px; width: 100%; } .panorama-inner{ 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;padding-bottom:0; } .panorama-l{ margin-bottom: 30px; width: 100%; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .protective-coatings-title{ font-size: 30px; margin-bottom: 50px; text-align: center; } .protective-coatings-row{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .protective-coatings-col{ width: 100%; } .protective-coatings-img{ height: 50vw; } .protective-coatings-row:nth-child(2n + 2) .protective-coatings-col:nth-child(2){ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .protective-coatings-inner{ padding-top: 50px; } .pre-processing-title{ font-size: 30px; text-align: center; } .ordering-title{ font-size: 30px; text-align: center; } .ordering-item { width: calc(100% / 2 - (30px / 2)); margin-right: 30px; margin-bottom: 30px; } .ordering-item-arrow{ display: none; } .ordering-item{ 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; text-align: center; } .pre-processing{ padding-bottom: 10px; padding-top: 20px; } .standards { padding-top: 30px; padding-bottom: 10px; } .standards-title { font-size: 30px; } .standards-subtitle { font-size: 24px; margin-bottom: 40px; } .standards-item { width: 30%; margin-bottom: 20px; } .standards-items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .delivery-title { font-size: 30px; } .delivery-inner { background-image: none; padding: 40px 30px; } .delivery-list-items { margin-top: 32px; } .delivery-more-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .delivery-more-details-l { margin-right: 0; margin-bottom: 10px; } .seo-block-title { font-size: 30px; } .seo-block-inner { } .seo-block { padding-top: 30px; } .work-examples-title { font-size: 30px; } .work-examples-nav-item{ margin-right: 10px; margin-bottom: 20px; } .work-examples-nav-items{ margin-bottom: 0; } .work-examples-gallery-item.active{ width: 50%; } .gallery2-title { font-size: 30px; } .gallery2-nav-item{ margin-right: 10px; margin-bottom: 20px; } .gallery2-nav-items{ margin-bottom: 0; } .work-examples-gallery-item.active:nth-child(3n + 3){ } .work-examples-gallery-item.active:nth-child(4n + 4){ } .work-examples-gallery-item.active:nth-child(2n + 2) { } .prods-examples-title { font-size: 30px; } .prods-examples-nav-item{ margin-right: 10px; margin-bottom: 20px; } .prods-examples-nav-items{ margin-bottom: 0; } .prods-examples-gallery-item.active{ width: 49%; margin-right: 2%; margin-bottom: 12px; } .prods-examples-gallery-item.active:nth-child(3n + 3){ margin-right: 2%; } .prods-examples-gallery-item.active:nth-child(4n + 4){ margin-right: 2%; } .prods-examples-gallery-item.active:nth-child(2n + 2) { margin-right: 0; } .color-examples-title { font-size: 30px; } .color-examples-nav-item{ margin-right: 10px; margin-bottom: 20px; } .color-examples-nav-items{ margin-bottom: 0; } .color-examples-gallery-item.active{ width: 49%; margin-right: 2%; margin-bottom: 12px; } .color-examples-gallery-item.active:nth-child(3n + 3){ margin-right: 2%; } .color-examples-gallery-item.active:nth-child(4n + 4){ margin-right: 2%; } .color-examples-gallery-item.active:nth-child(5n + 5){ margin-right: 2%; } .color-examples-gallery-item.active:nth-child(2n + 2) { margin-right: 0; } .delivery-list-item img{ } .delivery-list-item-r-title, .delivery-list-item-r-subtitle{ max-width: 100%; } .delivery-list-item{ } .delivery-list-item-r{ width: 100%; } .partners-title{ font-size: 30px; } .ordering-inner{ padding-bottom: 20px; } .partners{ } .work-examples{ text-align: center; } .work-examples{ padding-bottom: 45px; } .gallery2{ text-align: center; } .gallery2{ padding-bottom: 45px; } .prods-examples{ text-align: center; } .prods-examples{ padding-bottom: 45px; } .color-examples{ text-align: center; } .color-examples{ padding-bottom: 45px; } .banner.h-auto {padding-top:150px;} } @media (max-width: 576px) { .three-in-line .pick-item { width: 50%; } .photo_after {position:absolute;right:0;bottom:0;width:100%;} .col-xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%;} .production-cycle-item{/*width:calc(100% / 2)*/width:100%} .about-company-bottom-item{} .about-company-bottom-item:last-child{margin-bottom:0} .about-company-bottom{padding:20px} .about-company-bottom-item{ font-size: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; } .about-company-bottom-item-num {margin-right:0;} .about-company-bottom-item-num::before{ display: none; } .profiles-item{ width: calc(100% / 2 - (40px / 2)); } .profiles-item:nth-child(3n + 3){ margin-right: 40px; } .profiles-item:nth-child(2n + 2){ margin-right: 0; } .profiles-item-img{ height: 120px; } .panorama-title{ font-size: 20px; } .panorama-inner{ padding: 40px; } .pre-processing-item{ -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; text-align: center; padding: 40px 20px; } .pre-processing-item-l{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .pre-processing-item-img{ max-width: 300px; height: 42vw; } .pre-processing-items{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pre-processing-item-r{ padding: 0; } } @media (max-width: 500px) { .about-company-btns{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-company-btn{ max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .about-company-btn{ margin-right: 0; margin-bottom: 20px; } .about-company-r{ margin-bottom: 10px; } .about-company-btns{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-company-slide{ height: 240px; } .panorama-inner{ padding: 30px; } .standards-item { width: 45%; } } @media (max-width: 480px) { .pum-theme-2581 .pum-container, .pum-theme-lightbox .pum-container {max-width:90%;} .banner_vh100 .banner-items { margin-bottom: 0; padding: 30px; } .banner-item br{display:none;} .standards2-inner {padding:30px;} .decorative-item { padding:30px;min-height:150px;} .banner.h-auto {padding-top: 100px;} .banner-content{ padding-top: 20px; } .banner-item{font-size:13px; width: calc(100% / 3); margin-bottom: 15px; } .banner-title{ font-size: 22px; } .banner-item img { width: 40px;height:40px; } .banner-items{ margin-top: 70px; margin-bottom:0; } .production-cycle-title,h2{ font-size: 26px; margin-bottom: 40px; } .production-cycle{} .production-cycle-item{ } .about-company-bottom-item-num{ font-size: 40px; } .profiles-title{ font-size: 26px; } .profiles-item{ width: calc(100% / 2 - (20px / 2)); margin-right: 20px; margin-bottom: 20px; } .profiles-item:nth-child(3n + 3){ margin-right: 20px; } .profiles-item:nth-child(2n + 2){ margin-right: 0; } .profiles-item-img{ height: 120px; } .panorama-inner{ padding: 40px 20px 0 20px; padding-bottom:0; } .protective-coatings-title{ font-size: 26px; } .protective-coatings-content{ padding: 30px 20px; } .pre-processing-title{ font-size: 26px; } .ordering-title{ font-size: 26px; } .standards-title { font-size: 26px; } .standards-subtitle { font-size: 20px; } .delivery-title { font-size: 26px; } .work-examples-gallery-item.active{ width: 100%; } .gallery2-gallery-item.active{ width: 100%; } .work-examples-gallery-item.active:nth-child(3n + 3){ } .work-examples-gallery-item.active:nth-child(4n + 4){ } .work-examples-gallery-item.active:nth-child(2n + 2) { } .prods-examples-gallery-item.active{ width: 100%; margin-right: 0; margin-bottom: 12px; } .prods-examples-gallery-item.active:nth-child(3n + 3){ margin-right: 0; } .prods-examples-gallery-item.active:nth-child(4n + 4){ margin-right: 0; } .prods-examples-gallery-item.active:nth-child(2n + 2) { margin-right: 0; } .partners-title{ font-size: 26px; } .work-examples{ padding-bottom: 30px; } .gallery2{ padding-bottom: 30px; } .prods-examples{ padding-bottom: 30px; } } @media (min-width:992px) and (max-width:1399px){ .banner-title,.production-cycle-title, h2 { font-size: 40px; } .pre-processing-item-img { left: -40px; } .title { font-size: 18px;} } @media (min-width:992px){ .about-company-r {margin-top:-40px;} } @media (min-width:1200px){ .about-company-r {margin-top:-40px;} .about-company .container{ max-width: 1400px; } } .tal,h2 {text-align:left;} .tac {text-align:center;} .fancybox__thumbs .carousel__slide .fancybox__thumb::after { border: 5px solid rgb(26, 127, 190)!important;} .offcanvas-init { overflow-x: hidden; position: relative; } .text_shadow_black { text-shadow: 1px 2px 2px rgb(0,0,0,.9); } .mb0{margin-bottom:0;} /*calc*/ .range-slider { display: flex; position: relative; height: 3.2352941176rem; margin-right:15px;margin-left:15px; width: 100%; } .range-slider input[type='range'] { -webkit-appearance: none; -moz-appearance: none; background: #d8e0f3; width: calc(100% - 1px); height: 0.2941176471rem; border-radius: 0.2941176471rem; border: 0; margin: 0; padding: 0; position: relative; z-index: 3; } .range-slider input[type='range']:focus { outline: 0; border-color: #b7ddf4; } .range-slider input[type='range']:focus::-webkit-slider-thumb { background-color: #1b76aa; } .range-slider input[type='range']:focus::-moz-range-thumb { background-color: #1b76aa; } .range-slider input[type='range']:focus::-ms-thumb { background-color: #1b76aa; } .range-slider ::-webkit-slider-thumb { -webkit-appearance: none; border: 0.7647058824rem solid #da4645; background-color: white; border-radius: 50%; width: 2.1176470588rem; height: 2.1176470588rem; box-shadow: 0 0 0 0.1176470588rem white; cursor: pointer; } .range-slider ::-moz-range-thumb { appearance: none; -moz-appearance: none; border: 0.7647058824rem solid #da4645; background-color: white; border-radius: 50%; width: 0.9411764706rem; height: 0.9411764706rem; box-shadow: 0 0 0 0.1176470588rem white; cursor: pointer; } .range-slider ::-ms-thumb { border: 0.1176470588rem solid #da4645; background-color: white; border-radius: 50%; width: 0.4705882353rem; height: 0.4705882353rem; cursor: pointer; } .range-slider ::-webkit-runnable-track { -webkit-appearance: none; width: 0; } .range-slider ::-moz-range-track { -moz-appearance: none; width: 0; } .range-slider ::-ms-track { border-color: transparent; color: transparent; background-color: transparent; } .range-slider ::-ms-fill-upper { background: transparent; } .range-slider ::-ms-fill-lower { background: #da4645; margin-left: -0.1176470588rem; height: 1.1764705882rem; border-color: #da4645; border-width: 1.1764705882rem 0; } .range-slider ::-ms-tooltip { display: none; } .range-slider-ticks { position: absolute; top: -0.2941176471rem; z-index: 2; left: 0; right: 0; display: flex; justify-content: space-between; margin: 0 9px; } .range-slider-ticks__tick { background: #d8e0f3; display: inline-flex; justify-content: center; width: 6px; height: 23px; border-radius: 0; position: relative; cursor: pointer; top: -4px; } .range-slider-ticks__label { font-size: 0.8235294118rem; padding-top: 1.6470588235rem; } .range-slider-ticks__label.is-selected { font-weight: 800; } .range-slider-ticks .range-slider-ticks__tick:last-child .range-slider-ticks__label {padding-right:15px;} /*таблица*/ .quiz .main__content-vantage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quiz .main__content-vantage-item { position: relative; width: 100%; margin: 12px 0; } .quiz .vantage__item { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .quiz .vantage__item { font-size: 14px; } .quiz .vantage__item-img { width: 64px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.9rem; } .quiz .vantage__item-img { } .quiz .vantage__item-text { } .quiz .vantage__item-descr { font-size: 14px; line-height: 1.2; margin-bottom: 0!important;text-align:left; } .quiz .test__man_desct { margin-top: 20px;font-size:14px; line-height: 1.2; } .quiz .test__man { width: 120px; position: relative; margin: 0 auto; } .quiz .test__man img { margin: 0 auto; width: 100px; } .quiz .phones__block-work { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz .phones__block-work { float: none; background: #21ba72; display: block; padding: 3px 10px; border-radius: 1rem; margin-bottom: 0.4rem; margin-top: -1rem; position: absolute; width: 100%; text-align: center; } .phones__block-text { color: #21ba72; font-weight: 500; font-size: 13px; } .quiz .phones__block-text { color: #ffffff; } #slider { margin-bottom: 20px;width: 340px; left: 15px; } #slider-range { width: 340px; position: absolute; bottom: 70px; left: -5px; } #min { width: 45px; height: 26px; line-height: 26px; padding: 0; position:absolute;top:-30px; } #max { width: 45px; height: 26px; line-height: 26px; padding: 0; position:absolute;top:-30px; text-align: right; } .ui-widget-header { background: #0080c2;} .pum-theme-2580, .pum-theme-tema-po-umolchaniju { background-color: rgb(0, 0, 0, .7); } .pum-theme-2581 .pum-container, .pum-theme-lightbox .pum-container { border-radius: 0; border: none;padding:40px; box-shadow: none;} .pum-theme-2581 .pum-container, .pum-theme-lightbox .pum-container input.wpcf7-form-control { height: 55px;margin: 0 auto 20px; } .invalid .wpcf7-response-output{display:none;} .pum-theme-2581 .pum-title, .pum-theme-lightbox .pum-title { text-align: center; text-shadow: none; font-weight: 600; font-size: 30px; line-height: 36px; margin-bottom: 30px; } .polic_acc span span {border:none;background:none;padding:0px} .justify{ text-align:justify; } .bx-viewport {overflow: visible!important;} @media (max-width:767px) { #min { top:0px; } #max { top:0px; } } .pum-theme-2581 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { height: 30px; width: 30px; right: 10px; top: 10px; color: #222; font-size: 30px; line-height: 30px; border: none; background-color: transparent; box-shadow: none; text-shadow: none; } .irs--round .irs-bar { background-color: #1a7fbe; } .irs--round .irs-handle { background-color: #1a7fbe; border-color: #1a7fbe; box-shadow: 0 1px 3px rgb(0, 0, 255, .3) } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #da4544; } .irs--round .irs-handle { width: 16px; height: 16px; top: 29px } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: transparent; color: #666666; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before, .irs--round .irs-min, .irs--round .irs-max { display: none; } .pum-theme-2581 .pum-content + .pum-close i.fa-close, .pum-theme-lightbox .pum-content + .pum-close i.fa-close { width:30px; height:30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHJvbGU9ImltZyIgICB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHRhYmluZGV4PSItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMjBMNCA0bTE2IDBMNCAyMCIgZmlsbD0iIzIyMiIgc3Ryb2tlPSIjMjIyIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcGF0aD48L3N2Zz4=);} input.from, input.to { border: 1px solid #cfd5dd; padding: 3px 15px;width: 100px; }