/* Start:/bitrix/templates/xlpipe/css/reset.css?17849747782226*/ /*Сброс стилей*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, aside, article, main { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, header, footer, nav, section, aside, article, main { border: 0; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } html { font-weight: normal; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} .cleaner {height: 0; clear: both;} header, footer, nav, section, aside, article, main {display: block;} /*************** Обтекание изображений **************/ .alignleft{float: left; margin-right: 10px;} .alignright{float: right; margin-left: 10px} .invisible{display: none;} strong, b{font-weight: bold;} em, i{font-style: italic;} ul, ol{list-style-position: inside;} /*Закончили сброс*/ /* End */ /* Start:/bitrix/templates/xlpipe/css/stylesheet.css?17849747786715*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */ /* @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/bitrix/templates/xlpipe/css/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Light.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-MediumItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/bitrix/templates/xlpipe/css/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Thin.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLightItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-BoldItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBold.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLight.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/bitrix/templates/xlpipe/css/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Italic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/bitrix/templates/xlpipe/css/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Bold.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-LightItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-BlackItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBoldItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/bitrix/templates/xlpipe/css/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Regular.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/bitrix/templates/xlpipe/css/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Medium.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBold.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/bitrix/templates/xlpipe/css/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-Black.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/xlpipe/css/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/bitrix/templates/xlpipe/css/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/Montserrat-ThinItalic.woff') format('woff'), url('/bitrix/templates/xlpipe/css/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } */ /* End */ /* Start:/bitrix/templates/xlpipe/css/jquery.arcticmodal-0.3.css?17849747782053*/ .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2000; } .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 { 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(/bitrix/templates/xlpipe/css/loading.gif) no-repeat 50% 50%; } .modal .header-float{/* display:none; */} .box-modal_close { width: 36px; height: 25px; cursor: pointer; position: absolute; z-index: 10001; right: 10px; top: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 3px 2px 3px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .box-modal_close:hover {} .menu__icon_2 { display: block; width: 26px; height: 15px; cursor: pointer; position: absolute; z-index: 20001; right:-12px; top: -35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 3px 2px 3px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .box-modal_close .menu__icon_2 span {display: block;position: absolute; height: 3px; width: 100%; max-width:27px; background: #fff; border-radius: 10px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;} .box-modal_close .menu__icon_2 span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .box-modal_close .menu__icon_2 span:nth-child(2) { transform: rotate(45deg);} .box-modal_close .menu__icon_2 span:nth-child(3) { transform: rotate(-45deg);} .box-modal_close .menu__icon_2 span:nth-child(4) { top: 18px; width: 0%; left: 50%;} .modal{margin: auto auto;position:relative;} /* End */ /* Start:/bitrix/templates/xlpipe/css/animate.css?178497477866859*/ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animated.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .animated.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animated.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* End */ /* Start:/bitrix/templates/xlpipe/css/slick.css?17849747781895*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/bitrix/templates/xlpipe/css/slick-theme.css?17849747783193*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/bitrix/templates/xlpipe/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/bitrix/templates/xlpipe/css/./fonts/slick.eot'); src: url('/bitrix/templates/xlpipe/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/xlpipe/css/./fonts/slick.woff') format('woff'), url('/bitrix/templates/xlpipe/css/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/xlpipe/css/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/bitrix/templates/xlpipe/css/jquery.fancybox.min.css?178497477812795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/xlpipe/css/style.css?1784974778235272*/ /******** Типовые блоки - начало *********/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, aside, article, main { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, header, footer, nav, section, aside, article, main { border: 0;} h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none;} html {font-weight: normal;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} .cleaner {height: 0; clear: both;} header, footer, nav, section, aside, article, main {display: block;} strong, b{font-weight: bold;} em, i{font-style: italic;} ul, ol{list-style-position: inside;} button {cursor: pointer;} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wrap{max-width: 1245px; width: 100%; padding:0px 15px; margin: 0 auto; position:relative; /*border:solid 1px red;*/} .upper{text-transform: uppercase;} .im-block{width: 100%; margin: 0 auto;} a{text-decoration:none; color:#313131; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} html,body{width: 100%; /*height: 100%;*/ margin: 0 auto; font-family: 'Montserrat'; color: #313131; min-height: 100vh; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .superbase{ width: 100%; margin: 0 auto; overflow:hidden;} .progress_line{ height: 6px; background: #e5e5e5; position: fixed; top:0px; left: 0px; z-index: 99998; width: 100%; opacity:0.3; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;} #progress_green{height: 6px; background: #73b250; position: fixed; top: 0px; left: 0; opacity:0.7; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; z-index: 99999;} @keyframes opacity_top { 0% {opacity:1; } 50% {opacity:0.6;} 100% { opacity:1; } } @-webkit-keyframes opacity_top { 0% {opacity:1; } 50% {opacity:0.6;} 100% { opacity:1; } } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes shadow_btn { 0% { -webkit-box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7); -moz-box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7); box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7); } 50% {-webkit-box-shadow: 0px 28px 18px -24px rgba(190,155,45,1); -moz-box-shadow: 0px 28px 18px -24px rgba(190,155,45,1); box-shadow: 0px 28px 18px -24px rgba(190,155,45,1);} 100% { -webkit-box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7); -moz-box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7); box-shadow: 0px 28px 18px -24px rgba(190,155,45,0.7);} } @keyframes naklon_left{ 0% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 50% {transform: translateX(-50px); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes naklon_left{ 0% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 50% {transform: translateX(-50px); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes naklon_right{ 0% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 50% {transform: translateX(25px); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); } 100% { transform: translateX(0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .header-float{position:absolute; width:100%; top:0px; left:0px; right:0px; z-index:10; overflow: hidden; background:#fff; } .header-container{padding-bottom:0px; padding-top:25px; padding-right:35px; } .header-container .header_tbl{display:flex; flex-direction: row; align-items: center;} .header-container .header_tbl_bot{display:flex; flex-direction: row; align-items: center; justify-content: space-between;} .header-container .logo{ width:26%; padding-top:0px; padding-bottom:0px; padding-left:0px;} .header-container .phone_block{ width:49%; max-width:740px; padding-top:0px; padding-bottom:5px; display:flex; align-items: center; align-items: center; justify-content: flex-end;} .header-container .logo .logo_name{ font-size:12.2px; font-weight:400; float:left; color:#333438; padding:0px 15px 0px 10px; max-width:200px; width:60%; line-height:1.25; text-align:left;} .header-container .logo .img_logo{width:40%; max-width:120px; float:left; margin-top:0px; border-radius:5px;} .header-container .city_block{float:left; width:25%; padding-right:15px;} .header-container .header_tbl_bot .logo{width:30%;} .header-container .header_tbl_bot .phone_block{width:70%;} .header-container .logo .logo_block{ width:100%; max-width:380px; display:flex; align-items: center;} .header-container .ocenka{ float: left; width: 50%; max-width: 400px; padding-left:15px; position:relative; margin-top:13px; color:#fff; font-weight:300; font-size:14px;} .header-container .ocenka:before{content:""; position:absolute; height:23px; width:2px; background:#fff; left:-10px;} .header-container .ocenka .ocenka_block{ float: left; padding-right:10px; color:#fff;} .header-container .ocenka .ocenka_block:nth-child(2){margin-top:-6px;} .header-container .ocenka .ocenka_block:nth-child(3){margin-top:-4px;} .header-container .ocenka .ocenka_block .stars{width:100%; max-width:50px; display:block;} .header-container .ocenka .ocenka_block .gis{width:100%; max-width:95px; display:block; margin-top:4px;} .header-container .ocenka .ocenka_block .rev{display:block; width:100%;} .header-container .ocenka .ocen_five span{font-size:20px; color:#FFB919;} .header-container .phone_block{text-align:right;} .header-container .phone_block .phone{text-align:right; padding-top:3px; position:relative; width:50%; } .header-container .phone_block .phone .phone_call{color:#7A7E84; text-align:right; font-weight: 400; font-size: 13px; padding-left:15px; padding-bottom:5px;} .header-container .phone_block .phone .phone_a{font-size:16px; font-weight:700; display:block; margin-top:6px; text-align:right; position:relative; padding-left:0px; } .header-container .phone_block .phone .phone_a a{color:#333438; padding-left:25px; position:relative;} .header-container .phone_block .phone .phone_b a{position:relative; padding-left:25px;} .header-container .phone_block .phone .phone_b a:before{content:""; position:absolute; left:0px; top:0px; width:20px; height:20px; background:url(/bitrix/templates/xlpipe/css/../img/vector_phone_2.svg) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .phone .phone_a a:before{content:""; position:absolute; left:0px; top:4px; width:15px; height:15px; background:url(/bitrix/templates/xlpipe/css/../img/Vector_phone.svg) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .phone_1{padding-left:15px;} .header-container .phone_block .phone_2{padding-top:0px;} .header-container .phone_name{font-size: 13px; padding-bottom:3px;} .header-container .phone_block .phone .phone_call:before{content:""; position:absolute; left:0px; top:0px; width:10px; height:10px; background:url(/bitrix/templates/xlpipe/css/../img/ico_phone_green.svg) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .phone .addr_a{font-size:13px; color:#313131;font-weight:400; position:relative; padding-left:28px; text-align:left; margin-top:11px; display:block;} .header-container .phone_block .phone .addr_a:before{content:""; position:absolute; left:2px; top:0px; width:11px; height:14px; background:url(/bitrix/templates/xlpipe/css/../img/ico_locat.png) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .job_time{font-weight: 400; font-size: 13px; position:relative; display: inline-block; padding-left:17px;} .header-container .phone_block .job_time:before{content:""; position:absolute; left:0px; top:0px; width:12px; height:12px; background:url(/bitrix/templates/xlpipe/css/../img/ico_time_green.svg) no-repeat 0% 0%; background-size:100%;} .header-container .all_phones{width:70%; display:flex; align-items: center;} .header-container .phone_block .btn_call_back {float:right; max-width:200px; width:30%; padding-left:15px; margin-top:0px;} .header-container .phone_block .btn_gold{display:inline-block; font-size:18px;} .header-container .btn_blue{font-size:16px; font-weight:400; padding:18px 15px 19px 15px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:none;} .header-container .btn_top {background: #b178d5; display: block; color: #fff; font-weight: 400; font-size: 13px; text-align: center; margin-top:5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; width: 100%; max-width:165px; padding: 20px 15px 20px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align: center; width: 100%; float: right;} .header-container .btn_top:hover{opacity:0.8;} .header_menu .img_logo_inv{width:100%; max-width:350px; display:block; margin:0px auto; margin-bottom:30px;} .header_menu{padding-top:0px;} .header_menu ul{list-style:none; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width:100%; border-top:solid 1px #D9D9D94D; border-bottom:solid 1px #D9D9D94D;} .header_menu ul li{display:block; width:auto; text-align:center; padding:0px 2px;} .header_menu ul li a{color:#484545; background:#fff; font-size:14px; font-weight:400; padding:5px 5px 4px 5px; display:inline-block; position:relative; width:100%; vertical-align: top; line-height:1.2;} .header_menu ul li a:before{content:""; position:absolute; right:0px; left:0px; margin:0px auto; bottom:10px; width:114px; height:2px; background:#c4dcb7; background-size:100%; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .header_menu ul li a:hover{background:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color:#6baa21;} .header_menu ul li.li_five br{display:none;} .header_menu .logo_name_inv{display:none;} .header_menu .info_inv{display:none;} .footer-bg { padding-top:15px; overflow:hidden; background:#f5f5f5; padding-left:15px; padding-right:15px; padding-bottom:70px; } .footer-bg .wrap{padding-bottom:60px; padding-left:15px; padding-right:15px;} .footer-bg .header-container{padding-top:40px; padding-top:15px; padding-bottom:15px; background:#fff; border-radius:10px; z-index:4;} .footer-bg .bg_leavs_bottom{position:absolute; z-index:-1; bottom:-5px; right:-180px;} .menu__icon { width: 32px; height: 25px; cursor: pointer; z-index: 1001; float: right; position: relative; display: none; margin-top:0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .menu__icon span {display: block;position: absolute; height: 4px; width: 100%; max-width:37px; background: #434343; border-radius: 10px; opacity: 1; right: 0; transform: rotate(0deg); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;} .menu__icon span:nth-child(1) {top: 0px;} .menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 10px; } .menu__icon span:nth-child(4) { top: 20px; } .menu_open_now .menu__icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; max-width:0%; opacity:0;} .menu_open_now .menu__icon span:nth-child(2) { transform: rotate(45deg);} .menu_open_now .menu__icon span:nth-child(3) { transform: rotate(-45deg);} .menu_open_now .menu__icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; max-width:0%; } .header_fixed{position: fixed; left: 0; top: 0px; background:#fff; opacity:1; z-index:101; -webkit-box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.27); -moz-box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.27); box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.27);} .header_fixed .header-container .logo img { max-width: 40px;} .header_fixed .header-container .logo .logo_name { font-size: 15px; padding: 7px 10px 0px 15px; line-height: 1.15;} .header_fixed .header-container .phone_block { padding-top: 7px; padding-bottom: 7px;} .header_fixed .header_menu{display:none;} .header_fixed .menu__icon { width: 5%; display: block;} .header_fixed .header-container .logo { width: 43%;} .header_fixed .header-container .phone_block {width: 52%;} .header_fixed .header-container .phone_block .phone .phone_a{margin-top: 0px;} .header_fixed .header-container .btn_blue { padding: 12px 15px 12px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none;} .header_fixed .header-container { padding-bottom:3px;} .menu_open_now .header_fixed .header_menu{display:block; position:absolute; top:0px; right:-900px; left:0px; max-width:300px; width:100%; margin:0px auto; padding-right:50px; z-index:11; padding-bottom:15px; padding-top:15px;} .menu_open_now .header_fixed .header_menu li{display:block; width:100% !important;} .modal_div .white_block{background:#fff; padding:42px 37px 40px 37px; line-height:1.2; max-width:500px; width:96%; margin:0px auto; position:relative; z-index:5005; text-align:center; color:#000; margin-top: 25px;} .modal form .form-text{padding:19px 15px 18px 15px; letter-spacing:0.1px; font-size:16px; border:none; margin-bottom:15px; color:#000; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; text-align:left; position:relative; width:100%; position:relative; z-index:2; background:#f0eeee; } .modal_div .modal_close { color:#fff; font-size:28px; font-weight:bold; z-index:5002; width: 21px; height: 21px; position: absolute; top: -15px; right: -30px; cursor: pointer; display: block;} .modal .form-header{font-size:18px; font-weight:500; text-transform:uppercase;} .modal .form-header_2{font-size:14px; margin-top:9px; margin-bottom:15px; line-height:1.2;} .modal .custom-btn{min-height:71px; padding:15px 15px 15px 15px;} .modal .btn_input input{ font-size: 20px; padding: 16px 20px 16px 20px;} .menu__icon_2 { display: block; width: 36px; height: 25px; cursor: pointer; position: absolute; z-index: 10001; right: -50px; top: -15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 3px 2px 3px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .modal p{text-align:left;} .modal_div_car .form-header{font-size:18px; font-weight:500; text-transform:uppercase; text-align:left; margin-bottom:10px;} .modal_div_car p{padding-bottom:12px;} .youtube { margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; width: 100%; max-width: 600px; } .youtube img {width: 100%; display:block; top: -16.82%; left: 0; opacity: 0.9;} .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px;} .youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff;} .youtube img, .youtube .play-button {cursor: pointer;} .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {position: absolute;} .youtube .play-button, .youtube .play-button:before {top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 );} .youtube iframe {height: 100%; width: 100%; top: 0; left: 0;} .embed-video{ width: 100% !important; max-width: 768px !important;} .lp-main{ position:relative; } .lp-main .wrap{ padding-bottom:60px;} .lp-main header{float:left; width:63%; padding-right:20px;} .lp-main .slider_block{float:right; width:37%; max-width:415px; position:relative;} .lp-main .slider_block .slider_top{} .lp-main .slider_block .slider_top .slick-list{border-radius:20px;} .lp-main .slider .slick-dots { bottom: -50px;} .lp-main .slider_block img{display:block; width:100%; } .lp-main .lp-container{ padding-top:150px; padding-bottom:0px; position:relative; z-index:5; } .lp-main .title_1{font-size:42px; color:#434343; font-weight: 700; line-height:1.3; position:relative; z-index:4; letter-spacing:0px; position:relative;} .lp-main .title{position:relative; max-width:880px; width:100%; } .lp-main .title b{font-weight:bold; font-weight: 600; font-size:34px;} .lp-main .title_2{font-size:28px; color:#b178d5; font-weight: bold; line-height:1.45; max-width:790px; width:100%; position:relative; z-index:4; letter-spacing:0px; margin-top:8px;} .lp-main .title_2 span{white-space:nowrap;} .lp-main .title_3{font-size:24px; color:#000000; font-weight: 400; line-height:1.45; max-width:790px; width:100%; position:relative; z-index:4; letter-spacing:0px; margin-top:8px;} .lp-main .img_top{ width:100%; max-width:656px; display:block; position:absolute; right:-50px; top:30px;} .lp-main .wrap_btn_1{display:none;} .lp-main .title_und{margin-top:100px; font-size:24px; font-weight:300; color:#8e8e8e;} .lp-main .ul{ list-style:none; margin-top:20px; display:flex; flex-wrap: wrap; width:100%; max-width:780px; } .lp-main .ul .li{ position:relative; width:48%; min-height:92px; float:left; margin-right:1.5%; margin-bottom:14px; font-size:15px; text-align:left; color:#3f3d3d; line-height:1.3; font-weight:300;} .lp-main .ul .li b{font-weight:bold;} .lp-main .ul .li .ins_bl{position:relative; padding:12px 20px 10px 65px; height:100%; color:#434343; font-weight:400; } .lp-main .ul .li .ins_bl .ico_bullet{ position:absolute; left:4px; top:8px; width:51px; height:51px;} .lp-main .ul .li img{width:100%; max-width: fit-content; display:block; margin:auto; position:absolute; top:0px; bottom:0px; left:0px; right:0px;} .lp-main .bg_lp_main{position:absolute; top:230px; left:-700px; } .lp-main .top_img{display:none;} .lp-main .form_wrap{position:absolute; right:15px; top:215px; max-width:305px; width: 100%; z-index:5;} .lp-main .form_top{position:relative; text-align:center;} .lp-main .form_border{background:#fff; -webkit-box-shadow: 0px 4px 25px -3px rgba(161,161,161,0.3); -moz-box-shadow: 0px 4px 25px -3px rgba(161,161,161,0.3); box-shadow: 0px 4px 25px -3px rgba(161,161,161,0.3); z-index:3; padding:7px; border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; } .lp-main .form_top .form-header{font-size:14px; font-weight:400; line-height:1.25; color:#323232;} .lp-main .form_top .form-header b{font-weight:bold;} .lp-main .form_top .form_insite{padding:23px 19px 10px 19px; background:#fff; -webkit-box-shadow: 0px 4px 15px -3px rgba(161,161,161,0.2); -moz-box-shadow: 0px 4px 15px -3px rgba(161,161,161,0.2); box-shadow: 0px 4px 15px -3px rgba(161,161,161,0.2); } .lp-main .form_top .under_tit{font-size:10px; color:#000; letter-spacing:0.1px;} .lp-main .form_top .under_tit_or{font-size:14px; font-weight:300; margin-top:11px; color:#4b4848; margin-bottom:11px;} .lp-main .form_top .form_tbl{margin-top:20px;} .lp-main .block_gift{max-width:340px; width:100%; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:solid 3px #4f1498; position:relative; padding:17px 14px 4px 55px; float:right; margin-top:20px; background:#fff;} .lp-main .block_gift .desc{float:left; width:63%;} .lp-main .block_gift .desc p{font-size:13px; margin-bottom:8px; line-height:1.2; color:#000000;} .lp-main .block_gift .desc span{color:#2b0594;} .lp-main .block_gift .schetchik{float:left; width:37%; } .lp-main .block_gift .schetchik_block{background: rgba(82,20,155,1); background: -moz-linear-gradient(top, rgba(82,20,155,1) 0%, rgba(44,6,149,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,20,155,1)), color-stop(100%, rgba(44,6,149,1))); background: -webkit-linear-gradient(top, rgba(82,20,155,1) 0%, rgba(44,6,149,1) 100%); background: -o-linear-gradient(top, rgba(82,20,155,1) 0%, rgba(44,6,149,1) 100%); background: -ms-linear-gradient(top, rgba(82,20,155,1) 0%, rgba(44,6,149,1) 100%); background: linear-gradient(to bottom, rgba(82,20,155,1) 0%, rgba(44,6,149,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52149b', endColorstr='#2c0695', GradientType=0 ); border-radius: 7px; -moz-border-radius:7px; -webkit-border-radius:7px; width:100%; padding:10px 0px 0px 0px; } .lp-main .block_gift .ostal{font-size:16px; text-align:center; margin-bottom:7px; margin-top:5px; color:#000000;} .lp-main .glass{position:absolute; z-index:2; bottom:0px; margin:0px auto; left:-1070px; right:0px; } .lp-main .title_3_invis{display:none;} .lp-main .wrap_btns{position:relative; z-index:9; margin-top:5px; width:63%; max-width:760px; text-align:center; float: left;} .lp-main .btn{max-width:465px; vertical-align:top; line-height:1.4;} .lp-main .wrap_btn{ max-width:465px; width:100%; display:block; float:left;} .lp-main .wrap_btn .btn{font-weight:400; text-transform:none;} .lp-main .wrap_btns_invis{display:none;} .lp-main .ul_block_invis{display:none;} .lp-main .btn_gold_1 span{width:100%; max-width:340px; margin:0px auto; display:block;} .lp-main .btn_gold_2 span{width:100%; max-width:290px; margin:0px auto; display:block;} .lp-main .ul_block{position:relative; z-index:2; width:63%; float: left;} .lp-main .title_2_invis{display:none;} .lp-main .circle .circle_gift{position:absolute; top:-5px; bottom:0px; left:0px; right:0px; margin:auto;} .lp-main .circle{ width:100%; max-width:235px; border-radius: 13px; -moz-border-radius:13px; -webkit-border-radius:13px; line-height:1.25; font-size:10px; font-weight:600; color:#000000; position:absolute; top:-15px; right:17px; margin:0px auto; z-index:7; text-align:left; padding:17px 14px 10px 14px; border:solid 5px #DEB3EF; background:#fff; } .lp-main .circle .circle_bg{width:100%; height:100%; padding-top:0px;} .lp-main .circle .circle_bg div{padding-bottom:5px;width:100%;position:relative; padding-left:14px;} .lp-main .circle .circle_bg div:before{content:""; position:absolute; left:0px; top:4px; width:5px; height:5px; background:#DEB3EF; background-size:100%; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .lp-main .circle:before{content:""; position:absolute; right:10px; top:-22px; width:43px; height:42px; background:url(/bitrix/templates/xlpipe/css/../img/ico_star_for_circle.png) no-repeat 0% 0%; background-size:100%;} .lp-main .its_free{font-size:14px; line-height:1.25; font-weight:500; color:#434343; margin-top:25px; float:left; margin-left:20px; text-align:left; max-width: 200px; width: 100%;} .lp-main .cleaner_invis{display:none;} .lp-main .circle_invis{display:none;} .btn_gold{background: #b178d5; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%; padding:22px 15px 21px 15px; position:relative; border:none; letter-spacing:1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#fff; font-weight:600; line-height:1.8; font-size:14px; text-align:center; opacity:1; text-transform:uppercase; -webkit-box-shadow: 0px 17px 11px -10px rgba(185, 119, 212, 0.2); -moz-box-shadow: 0px 17px 11px -10px rgba(185, 119, 212, 0.2); box-shadow: 0px 17px 11px -10px rgba(185, 119, 212, 0.2); } .btn_gold:hover{ opacity:0.85;} .btn_blue{background: rgba(145,210,221,1); background: -moz-linear-gradient(top, rgba(145,210,221,1) 0%, rgba(37,179,231,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,210,221,1)), color-stop(100%, rgba(37,179,231,1))); background: -webkit-linear-gradient(top, rgba(145,210,221,1) 0%, rgba(37,179,231,1) 100%); background: -o-linear-gradient(top, rgba(145,210,221,1) 0%, rgba(37,179,231,1) 100%); background: -ms-linear-gradient(top, rgba(145,210,221,1) 0%, rgba(37,179,231,1) 100%); background: linear-gradient(to bottom, rgba(145,210,221,1) 0%, rgba(37,179,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d2dd', endColorstr='#25b3e7', GradientType=0 ); display:inline-block; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; padding:40px 15px 39px 15px; border:none; border-bottom:solid 1px #17a7de; border-right:solid 1px #1385ac; letter-spacing:0.3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#fff; font-weight:500; line-height:1.2; font-size:18px; text-align:center; -webkit-box-shadow: 0px 8px 10px -3px rgba(37,179,231,0.3); -moz-box-shadow: 0px 8px 10px -3px rgba(37,179,231,0.3); box-shadow: 0px 8px 10px -3px rgba(37,179,231,0.3); opacity:1; } .btn_blue:hover{opacity:0.9; cursor:pointer;} .btn_green{background: rgba(154,208,125,1); background: -moz-linear-gradient(top, rgba(154,208,125,1) 0%, rgba(119,180,83,1) 51%, rgba(114,172,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,208,125,1)), color-stop(51%, rgba(119,180,83,1)), color-stop(100%, rgba(114,172,81,1))); background: -webkit-linear-gradient(top, rgba(154,208,125,1) 0%, rgba(119,180,83,1) 51%, rgba(114,172,81,1) 100%); background: -o-linear-gradient(top, rgba(154,208,125,1) 0%, rgba(119,180,83,1) 51%, rgba(114,172,81,1) 100%); background: -ms-linear-gradient(top, rgba(154,208,125,1) 0%, rgba(119,180,83,1) 51%, rgba(114,172,81,1) 100%); background: linear-gradient(to bottom, rgba(154,208,125,1) 0%, rgba(119,180,83,1) 51%, rgba(114,172,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad07d', endColorstr='#72ac51', GradientType=0 ); display:inline-block; -webkit-box-shadow: 0px 3px 12px 0px rgba(154,215,129,0.8);-moz-box-shadow: 0px 3px 12px 0px rgba(154,215,129,0.8); box-shadow: 0px 3px 12px 0px rgba(154,215,129,0.8); border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; padding:40px 15px 39px 15px; border:none; border-bottom:solid 1px #457b2b; border-right:solid 1px #427729; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; font-size:18px; letter-spacing:0.3px; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#fff; font-weight:500; line-height:1.2; text-align:center; } .btn_green:hover{opacity:0.9; cursor:pointer; -webkit-box-shadow: 0px 0px 5px 0px rgba(154,215,129,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(154,215,129,0.3); box-shadow: 0px 0px 5px 0px rgba(154,215,129,0.3);} .lp1{position:relative; padding:0px 0px 40px 0px; background: #fff; } .lp1 .title_pr{font-weight: 700;font-size: 39px;line-height: 1; text-align: center;color:#333438; width:100%; max-width:770px; margin:0px auto;} .lp1 .title_pr span{color:#b178d5;} .lp1 .wrap_all{background:#fff; width:100%; max-width:1820px; margin:0px auto; padding:40px 0px 65px 0px;} .lp1 .lp-container{max-width:1070px; width:100%; margin:0px auto; margin-top:20px; position:relative; z-index:7; padding:0px; } .lp1 .lp-container_block{ background:#f2e8ff; display:flex; padding:17px; border-radius:10px; position:relative; z-index:3;} .lp1 header{float:left; width:40%; background:#fff; height: auto; background:url(/bitrix/templates/xlpipe/css/../img/bg_quiz_right.jpg) no-repeat 20% 0%; background-size:cover; z-index:4; position:relative; border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; } .lp1 .lp-container_ins{float:left; width:60%; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; overflow:hidden; padding:40px 35px 45px 35px; position:relative; z-index:3; background:#fff; } .lp1 .header_block{ background:#fff; position:relative; padding:0px 22px 185px 26px;} .lp1 .img_cat{width:100%; display:block; position:absolute; bottom:0px; left:0px; padding-left:5px; padding-right:5px;} .lp1 .lp-container .podlozh{height:70px; width:96%; background:#E1CEF9; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:absolute; bottom:-14px; left:0px; right:0px; margin:0px auto; -webkit-box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08); -moz-box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08); box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08);} .lp1 .title{font-size:30px; font-weight:700; color:rgba(51, 51, 51, 1); text-align:left; line-height:1.25; display:inline-block; padding-left:25px; padding-top:15px;} .lp1 .title span{color:rgba(128, 153, 69, 1)} .lp1 .title_2{font-size:18px; font-weight:600; color:#3E3F44; text-align:center; width:100%; max-width:580px; margin:0px auto; margin-top:20px; line-height:1.25;} .lp1 .title_2 span{color:#b178d5;} .lp1 .title_3{font-size:18px; font-weight:400; color:#3E3F44; text-align:center; width:100%; max-width:580px; margin:0px auto; line-height:1.2; margin-top:5px; padding-bottom:20px;} .lp1 .lp_1_img_tree{position:absolute; left:-360px; bottom:-360px; z-index:1; width:100%; max-width:500px; } .lp1 .lp_1_img_paper{position:absolute; right:-180px; top:-100px; z-index:1; width:100%; max-width:440px; } @keyframes Orbita { from { -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg); } to { -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg); } } @keyframes Orbita_2 { from { -webkit-transform: rotate(0deg) translateX(-15px) rotate(0deg); } to { -webkit-transform: rotate(-360deg) translateX(-15px) rotate(360deg); } } .lp1 .form_black{width:100%; box-shadow:none; } .lp1 .kviz_form{display:none; } .lp1 .kviz_form_1{display:block;} .lp1 .tit_all{text-align:center; font-size: 18px;} .lp1 .tit{text-align:left; margin-bottom:45px; font-size:18px; font-weight:700; margin-top:25px; color:#333438; } .lp1 .radio_but{ margin-bottom:5px; font-size: 18px; text-align:left;} .lp1 .radio_but label{cursor:pointer;} .lp1 .form_insite{border:solid 6px #ccc;} .lp1 textarea.form-text-quest{resize:none; background:#fff; border:solid 1px #d9d9d9; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; min-height:127px;} .lp1 .column{display:inline-block; width:49%; vertical-align:top; padding-right:20px;} .lp1 .column_last{padding-right:0px;} .lp1 .circle{ width:100%; max-width:210px; background:#fff; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; line-height:1.25; padding:12px 23px 0px 20px; z-index:8; font-size:13px; font-weight:400; color:#434343; position:absolute; text-align:left; position:absolute; top:300px; left:0px; margin:0px auto; right:-620px; width:100%; max-width:220px; border:solid 4px #DEB3EF; border-radius:14px;} .lp1 .circle:before{content:""; position:absolute; right:-15px; top:-22px; width:74px; height:72px; background:url(/bitrix/templates/xlpipe/css/../img/made_in_korea.png) no-repeat 0% 0%; background-size:100%;} .lp1 .circle .circle_bg{width:100%; height:100%;position:relative; z-index:7; } .lp1 .circle .circle_bg div{padding-bottom:10px; } .lp1 .circle .circle_bg div:nth-child(1){padding-right:40px;} .lp1 .circle_messenger{position:absolute; bottom:0px; left:0px; width:100%; max-width:244px;} .lp1 .step_line .step{font-size:15px; font-weight: 500; color:#303030;} .lp1 .step_line .step_right{position:absolute; top:40px; right:45px; color: #BCC1CA; font-weight: 700; font-size: 18px;} .lp1 .step_line .step_right span{ font-weight: 700; font-size: 30px; color: rgba(120, 144, 64, 1);} .lp1 .line_progress_right{ padding-top:20px;} .lp1 .step_line .line_progress{background:#EEEEEE; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; height:20px; width:100%; -webkit-box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.02); -moz-box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.02); box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.02);} .lp1 .line{text-align:left; width:100%; margin:0px auto; padding-left:0px; margin-bottom:20px;} .lp1 .step_line .line_progress .yellow_line{ background:url(/bitrix/templates/xlpipe/css/../img/bg_for_line.png) repeat-x 0% 50%, #D9BFFC; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; height:20px; } .lp1 .kviz_form_1 .step_line .line_progress .yellow_line {width:15%;} .lp1 .kviz_form_2 .step_line .line_progress .yellow_line {width:30%;} .lp1 .kviz_form_3 .step_line .line_progress .yellow_line {width:50%;} .lp1 .kviz_form_4 .step_line .line_progress .yellow_line {width:65%;} .lp1 .kviz_form_5 .step_line .line_progress .yellow_line {width:80%;} .lp1 .kviz_form_6 .step_line .line_progress .yellow_line {width:90%;} .lp1 .kviz_form_7 .step_line .line_progress .yellow_line {width:100%;} .lp1 .form_all .btn_gold{} .lp1 .form_all .btn_gold:hover{} .lp1 .btn_wrap{margin-top:30px; margin:0px auto; display:block; width:100%; max-width:470px;} .lp1 .btn_wrap .back{text-align:center; padding-bottom:20px;} .lp1 .btn_wrap .back a{display:block; float:none; width:100%; max-width: 100%; padding-left:0px; padding-right:0px;} .lp1 .btn_wrap .btn_green:hover{} .lp1 .btn_wrap span{position:relative; } .lp1 .btn_wrap .btn_next{position:relative; float:right; max-width:225px; width:50%; display: inline-block; vertical-align:top; text-align:left; text-transform:none; border-bottom:none; padding: 17px 15px 17px 15px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight: 400;font-size: 12px;letter-spacing: 1.2px; box-shadow:none; } .lp1 .btn_wrap .btn_next span{position:relative; font-size:12px; padding-right:15px; padding-left:15px; text-align: center; display: block; max-width:220px; margin: 0px auto;} .lp1 .btn_wrap .btn_next span:before{content:""; position:absolute; right:0px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(/bitrix/templates/xlpipe/css/../img/ico_vector_arrow.svg) no-repeat 0% 0%; background-size:100%;} .lp1 .btn_wrap .btn_prev{background:#E2E5E966; float:left; font-size: 12px; max-width:260px; width:50%; padding: 17px 15px 17px 15px; text-transform:none; font-weight: 400; color:#A0A0A0; letter-spacing: 1.2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:none; } .lp1 .btn_wrap .btn_prev span{position:relative; font-size:12px; padding-right:15px; padding-left:15px; text-align: center; display: block; max-width:220px; margin: 0px auto;} .lp1 .btn_wrap .btn_prev span:before{content:""; position:absolute; left:10px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(/bitrix/templates/xlpipe/css/../img/ico_vector_arrow_2.svg) no-repeat 0% 0%; background-size:100%;} .lp1 .btn_wrap .btn_white{max-width:226px; width:100%; display: inline-block; vertical-align:top; border-bottom:none; padding: 19px 15px 19px 15px; line-height: 1.2; font-size: 16px; font-weight: 400; box-shadow:none; border: solid 1px #73b151; background:#fff; text-align:center; border-radius: 42px; -moz-border-radius:42px; -webkit-border-radius:42px;} .lp1 .catalo_tit{ font-size: 20px; max-width:520px; width:100%; margin-top:20px; margin-bottom:20px; line-height:1.3; color:#484545; font-weight:500;} .lp1 .catalo_tit p{padding-bottom:12px;} .lp1 .img_pen_w{position:absolute; z-index:4; right:-50px; top:240px} .modal .checkbox{margin-top:15px; text-align:center;} /* для элемента input c type="checkbox" */ .modal .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .modal .custom-checkbox+label { font-size:10px; font-weight:400; color:#a49f9d; text-align: left; position:relative;} /* создание в label псевдоэлемента before со следующими стилями */ .modal .custom-checkbox+label::before { content: ''; display: inline-block; width: 11px; height: 11px; border: 1px solid #ccc; margin-right: 10px; background-repeat: no-repeat; position:absolute; left:0px; top:-2px; background-position: center center; background-size: 50% 50%; } /* стили при наведении курсора на checkbox */ .modal .custom-checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #4e5254; } /* стили для активного чекбокса (при нажатии на него) */ .modal .custom-checkbox:not(:disabled):active+label::before { background-color: #b3d7ff; border-color: #4e5254;} /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .modal .custom-checkbox:focus:not(:checked)+label::before { border-color: #80bdff; } /* стили для чекбокса, находящегося в состоянии checked */ .modal .custom-checkbox:checked+label::before { border-color: #4e5254; background-color: #4e5254; background-image: url(/bitrix/templates/xlpipe/css/../img/checked.png); background-size:10px 8px; } /* стили для чекбокса, находящегося в состоянии disabled */ .modal .custom-checkbox:disabled+label::before { background-color: #e9ecef; } .modal .custom-checkbox:checked+label::before { border-color: #ccc; background-color: #dfe1de; background-image: url(/bitrix/templates/xlpipe/css/../img/checked.png); border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .modal .checkbox label a{border-bottom:solid 1px #c5c4bd; font-weight:400; color:#a49f9d; margin-left:3px; padding-bottom:2px; margin-top:2px;} .modal .checkbox label a:hover{border-bottom:solid 1px transparent;} .lp-block input[placeholder] { color:#C4C8D4; } .lp-block input::-webkit-input-placeholder, .lp-block textarea::-webkit-input-placeholder { color:#C4C8D4; } .lp-block input::-moz-placeholder, .lp-block textarea::-moz-placeholder { color:#C4C8D4; } .lp-block input:-moz-placeholder, .lp-block textarea:-moz-placeholder { color:#C4C8D4; } .lp-block input:-ms-input-placeholder, .lp-block textarea:-ms-input-placeholder { color:#C4C8D4; } .form_all .form_insite{ border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .form_all .form-header{font-size:14px; font-weight:500; line-height:1.2; color:#161616;} .form_all .form-header_2{font-size:12px; margin-top:9px; margin-bottom:15px; line-height:1.2; color:#fff;} .form_all .form_tbl{margin-top:28px;} .form_all .form-text{padding:25px 15px 24px 15px; font-size:14px; font-weight:500; border:none; color:#939393; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align:left; width:100%; position:relative; z-index:2; background:#F7F9FC; } .form_all .options_block{margin-top:16px; display:table; width:100%;} .form_all .confid { display:table-cell; width:25%; font-size: 12px; position: relative; text-align:center;} .form_all .confid .label{color:#6e6e6d;} .form_all .confid input[type="radio"]:checked, .form_all .confid input[type="radio"]:not(:checked) { position: absolute; left: -9999px;} .form_all .confid input[type="radio"]:checked + label, .form_all .confid input[type="radio"]:not(:checked) + label { display: block; position: relative; width:100%; vertical-align: middle; line-height: 12px; font-size: 12px; cursor: pointer; color:#6e6e6d; text-align: center; font-weight:400; padding-top: 20px;} .form_all .confid input[type="radio"]:checked + label:before, .form_all .confid input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0px; right:0px; margin:0px auto; top: 0px; width: 12px; height: 12px; border:solid 1px #c7ccc4;} .form_all .confid input[type="radio"]:checked + label:before, .form_all .confid input[type="radio"]:not(:checked) + label:before { border-radius: 100%;} .form_all .confid input[type="radio"]:checked + label:after, .form_all .confid input[type="radio"]:not(:checked) + label:after { content: ""; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .form_all .confid input[type="radio"]:checked + label:after, .form_all .confid input[type="radio"]:not(:checked) + label:after { left: 0px; right:0px; margin:0px auto; top:4px; width: 6px; height:6px; border-radius: 100%; background:#ecbc5f; } .form_all .confid input[type="radio"]:not(:checked) + label:after { opacity: 0;} .form_all .confid input[type="radio"]:checked + label:after { opacity: 1;} .form_all .btn_gold{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .modal .btn_green{font-size:16px; padding-top:18px; padding-bottom:16px;} .hidden{ opacity:0;} .visible{ opacity:1;} .form_top{position:relative; text-align:center; -webkit-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); margin:0px auto; margin-top:50px; max-width:650px; width:100%; background: #f7f6f1; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} .form_top .form-header{font-size:14px; font-weight:500; line-height:1.2; color:#161616; max-width:252px; width:100%; margin:0px auto;} .form_top .form-header b{font-weight:400;} .form_top .form_insite{padding:30px 30px 30px 30px; } .form_top .under_tit{font-size:10px; color:#000; letter-spacing:0.1px;} .form_top .under_tit_or{font-size:18px; font-weight:400; margin-top:19px; color:#868383; margin-bottom:16px;} .form_top .form_tbl{margin-top:30px; padding:0px 5px 0px 5px;} .form_top .und_tit_text{font-size:12px; color:#dddcdc; text-align:left; margin-bottom:10px;} .form_top .line_ins{float:left; width:33.3%; padding:0px 10px;} .form_top .line_ins_phone{padding-top:2px;} .form_top .phone_shadow{} .form_top .tit_form{text-align:center; line-height:1.25; color:#484545; position:relative; margin:0px auto; max-width:410px; width:100%; font-size:19px; font-weight:400; padding-top:8px;} .form_top .per_info{color:#000; opacity:0.7;} .form_top .btn_green{letter-spacing:0.45px;} .form_all .checkbox_bot{margin-top:12px;} /* для элемента input c type="checkbox" */ .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .custom-checkbox+label { display: inline; align-items: center; user-select: none; font-size:11px; font-weight:300; color:#9d9d9d; text-align: left;} /* создание в label псевдоэлемента before со следующими стилями */ .custom-checkbox+label::before { content: ''; display: inline-block; width: 11px; height: 11px; flex-shrink: 0; flex-grow: 0; border: 1px solid #4e5254; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } /* стили при наведении курсора на checkbox */ .custom-checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #4e5254; } /* стили для активного чекбокса (при нажатии на него) */ .custom-checkbox:not(:disabled):active+label::before { background-color: #b3d7ff; border-color: #4e5254;} /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .custom-checkbox:focus:not(:checked)+label::before { border-color: #80bdff; } /* стили для чекбокса, находящегося в состоянии checked */ .custom-checkbox:checked+label::before { border-color: #4e5254; background-color: #4e5254; background-image: url(/bitrix/templates/xlpipe/css/../img/checked.png); background-size:8px 6px; } /* стили для чекбокса, находящегося в состоянии disabled */ .custom-checkbox:disabled+label::before { background-color: #e9ecef; } .custom-checkbox:checked+label::before { border-color: #f9fafa; background-color: #f9fafa; background-image: url(/bitrix/templates/xlpipe/css/../img/checked.png); border-color: #ccc; display:none !important;} .lp_check .form_all .check{margin-bottom:18px; position:relative; } .lp_check .form_all .check input[type="checkbox"]:checked, .lp_check .form_all .check input[type="checkbox"]:not(:checked), .lp_check .form_all .check input[type="radio"]:checked, .lp_check .form_all .check input[type="radio"]:not(:checked) { position: absolute; left: -9999px;} .lp_check .form_all .check input[type="checkbox"]:checked + label, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label, .lp_check .form_all .check input[type="radio"]:checked + label, .lp_check .form_all .check input[type="radio"]:not(:checked) + label { display: block; position: relative; padding-left: 35px; padding-top:4px; vertical-align: middle; line-height: 1.2; cursor: pointer; color:#303030; text-align: left; height: 30px; font-weight: 400; font-size: 16px; margin-bottom:15px; } .lp_check .form_all .check input[type="checkbox"]:checked + label:before, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label:before, .lp_check .form_all .check input[type="radio"]:checked + label:before, .lp_check .form_all .check input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0px; top: 3px; width: 17px; height: 17px; border: 2px solid #E0C9E4; background: #fff; } .lp_check .form_all .check input[type="radio"]:checked + label:before{} .lp_check .input_choise{margin-top:-25px;} .lp_check .form_all .check input[type="checkbox"]:checked + label:before, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label:before { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f3f3f3;} .lp_check .form_all .check input[type="radio"]:checked + label:before, .lp_check .form_all .check input[type="radio"]:not(:checked) + label:before { border-radius: 100%;} .lp_check .form_all .check input[type="checkbox"]:checked + label:after, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label:after, .lp_check .form_all .check input[type="radio"]:checked + label:after, .lp_check .form_all .check input[type="radio"]:not(:checked) + label:after { content: ""; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .lp_check .form_all .check input[type="checkbox"]:checked + label:after, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label:after { left: 10px; top: 15px; width: 10px; height:5px; border-radius: 1px; border-left: 4px solid #489d3b; border-bottom: 4px solid #489d3b; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .lp_check .form_all .check input[type="radio"]:checked + label:after, .lp_check .form_all .check input[type="radio"]:not(:checked) + label:after { left: 5px; top:8px; width: 11px; height: 11px; border-radius: 100%; background:#D4B5FB; background-size:100%; } .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label:after, .lp_check .form_all .check input[type="radio"]:not(:checked) + label:after { opacity:0; background:#ccc; box-shadow:none; width: 15px; height: 15px; } .lp_check .form_all .check input[type="checkbox"]:checked + label:after, .lp_check .form_all .check input[type="radio"]:checked + label:after { opacity: 1;} .lp1 .text_another{display:inline-block; max-width:400px; width:100%; vertical-align:top; padding:12px 10px; margin-top:-4px; border:solid 1px #f7f7f7; background:#f2f2f2;} .lp1 .check_another{display:inline-block !important; vertical-align:top; margin-right:10px;} .lp1 .form_all .form-text{ border:solid 1px #f7f7f7; background:#F7F9FC;} .lp1 .its_free{font-size:14px; margin-top:20px; color:#000;} .lp_check .form_all .column_min .check input[type="radio"]:not(:checked) + label{margin-bottom:10px;} .lp_check .form_all .column_min .check input[type="radio"]:checked + label{margin-bottom:10px;} .lp2{padding:60px 0px 60px 0px;} .lp2 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp2 .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; width:100%; max-width:500px; margin:0px auto; margin-top:30px; } .lp2 .bg_leaves{position:absolute; z-index:-1; top:500px; left:-380px;} .lp2 .lp-container{ position:relative; margin:0px auto; margin-top:40px; display:block; text-align:center;} .lp2 .step{display:inline-block; vertical-align:top; width:46.5%; max-width:485px; background:#fff; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; text-align:center; padding:40px 0px 42px 0px; position:relative; color:#484545; min-height:725px; margin-bottom:60px; -webkit-box-shadow: 0px 6px 25px 0px rgba(186,186,186,0.2); -moz-box-shadow: 0px 6px 25px 0px rgba(186,186,186,0.2); box-shadow: 0px 6px 25px 0px rgba(186,186,186,0.2); position:relative;} .lp2 .step_top{min-height:725px;} .lp2 .step_l{margin-right:7.5%;} .lp2 .circle{background: rgba(155,213,222,1); background: -moz-linear-gradient(top, rgba(155,213,222,1) 0%, rgba(41,180,231,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,213,222,1)), color-stop(100%, rgba(41,180,231,1))); background: -webkit-linear-gradient(top, rgba(155,213,222,1) 0%, rgba(41,180,231,1) 100%); background: -o-linear-gradient(top, rgba(155,213,222,1) 0%, rgba(41,180,231,1) 100%); background: -ms-linear-gradient(top, rgba(155,213,222,1) 0%, rgba(41,180,231,1) 100%); background: linear-gradient(to bottom, rgba(155,213,222,1) 0%, rgba(41,180,231,1) 100%); border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd5de', endColorstr='#29b4e7', GradientType=0 ); width:64px; height:64px; font-size:24px; font-weight:bold; color:#fff; position:absolute; top:-30px; left:30px; text-align:center; padding:20px 10px 10px 10px;} .lp2 .circle b{font-size:24px; font-weight:bold; color:#10a5ed;} .lp2 .circle_2{padding-top:65px;} .lp2 .tit{font-size:22px; font-weight:bold; color:#3f3d3d; line-height:1.2; padding-left:15px; padding-right:15px; min-height:48px; text-align:center; } .lp2 .tit_3{max-width:245px; width:100%; margin:0px auto; padding-top:0px;} .lp2 .tit_4{ padding-top:10px;} .lp2 .img_lp2{margin-top:25px; width:100%; max-width:485px; } .lp2 .img_lp2_block{position:relative;} .lp2 .circle_leav{position:absolute; bottom:-22px; right:20px; width:100%; max-width:131px;} .lp2 .desc{font-size:18px; font-weight:500; color:#3f3d3d; line-height:1.4; padding-left:15px; margin-top:35px; padding-right:15px; min-height:170px;} .lp2 .desc ul {list-style:none; max-width:420px; margin:0px auto;} .lp2 .desc ul li{margin-bottom:20px; position:relative;} .lp2 .step_l ul{max-width:380px; margin:0px auto;} .lp2 .desc a{color:#343232; border-bottom:solid 1px #343232;} .lp2 .desc span{white-space:nowrap;} .lp2 .btn_price{text-align:center; width:100%; margin-top:25px;} .lp2 a.btn_gold{border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; max-width:305px; width:100%; display: inline-block; text-align:center; padding:28px 15px 26px 15px; font-weight: bold; font-size:16px; color:#635449;} .lp2 a.btn_blue:hover{opacity:0.9;} .lp2 a.btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp2 .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp2 .lp_2_img_tree{position:absolute; z-index:-1; top:820px; right:-200px;} .lp2 .bg_plus_minus{position:absolute; z-index:-1; top:-380px; right:0px; left:-480px; margin:0px auto; z-index:-1;} .lp_scheme{padding:20px 0px 60px 0px;} .lp_scheme .img_scheme{ margin:0px auto; margin-top:80px; display:block; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; width:100%; max-width:993px; } .lp_scheme .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_scheme .img_sip_panels{position:absolute; z-index:-1; bottom:-350px; right:-1000px;} .lp_scheme .img_shurik{position:absolute; z-index:-1; top:-70px; left:-550px;} .lp_scheme .img_nail_1{position:absolute; z-index:-1; top:650px; left:-300px; animation-duration: 4s; animation-iteration-count: infinite; animation-name:naklon_right; animation-timing-function: ease;} .lp_scheme .img_nail_2{position:absolute; z-index:-1; top:820px; left:-320px; animation-duration: 4s; animation-iteration-count: infinite; animation-name:naklon_left; animation-timing-function: ease;} .lp3{padding:60px 0px 60px 0px;} .lp3 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp3 .lp-container{ margin-top:50px; display:table; width:100%; max-width:1140px; position:relative; z-index:4;} .lp3 .cell{ } .lp3 .cell_1{ display:table-cell; width:50%; vertical-align:top; padding-right:16px;} .lp3 .cell_2{display:table-cell; width:50%; vertical-align:top; padding-left:16px;} .lp3 .cell img.img_slide{max-width:555px; width:100%; display:block; } .lp3 .cell_2 .fadoco_img{position:absolute; right:-10px; top:-33px; z-index:4;} .lp3 .cell ul.visual_li { list-style: none; max-width:500px; width:100%; position:relative; z-index:4;} .lp3 .cell ul.visual_li li { color: #000000; font-size: 20px; font-weight: 400; margin-bottom: 47px; line-height: 1.2; position: relative; padding-left: 50px;} .lp3 .cell ul.visual_li li:before { content: ""; position: absolute; left: 0px; top: 2px; width: 21px; height: 21px; background: url(/bitrix/templates/xlpipe/css/../img/ico_cir_plus.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .cell_ins{-webkit-box-shadow: 0px 6px 15px 0px rgba(97,97,97,0.24); -moz-box-shadow: 0px 6px 15px 0px rgba(97,97,97,0.24); box-shadow: 0px 6px 15px 0px rgba(97,97,97,0.24); border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; background:#fff; } .lp3 .slider{max-width:555px; width:100%; margin:0px auto; margin-top:0px;} .lp3 .slider .slide{max-width:555px; width:100%; position:relative; border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; overflow:hidden;} .slider .slick-prev, .slider .slick-next { z-index:4; font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top:-35px; display: block; width: 42px; height: 42px; padding: 0; cursor: pointer; background: #b178d5; border:solid 2px #b178d5; display:inline-block; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .slider .slick-prev:hover, .slider .slick-next:hover{ opacity:0.7; } .slider .slick-prev:before, .slider .slick-next:before { position:absolute; margin:0px auto; left:0px; right:0px; margin-top:-8px; font-family: auto; font-size: 20px; line-height: 1; opacity: 1; width: 15px; height: 15px; } .slider .slick-prev:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/ico_arrow_r_2.svg) no-repeat 50% 50%; background-size:100%; } .slider .slick-next:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/ico_arrow_l_2.svg) no-repeat 50% 50%; background-size:100%; right:-2px;} .lp3 .slick-prev { left: 11px;} .lp3 .slick-next { right: 11px;} .slider .slick-dots{ bottom: 0px;} .slider .slick-dots li{margin: 0 3px; width: 15px;} .slider .slick-dots li button { width: 8px; height: 8px; padding: 2px; border:solid 1px transparent; background: #EFEFEF; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .slider .slick-dots li button:hover{border:solid 1px #E5BEF5;} .slider .slick-dots li button:before { font-family:auto; content: ''; display:none;} .slider .slick-dots li.slick-active button{ background:#E5BEF5; } .lp-main .slider .slick-prev, .lp-main .slider .slick-next{bottom: -75px; top: auto;} .lp-main .slider .slick-next { right: 15px;} .lp-main .slider .slick-prev { right: 65px; left:auto;} .lp3 .form_top .btn_green{padding:18px 15px 17px 15px;} .lp3 .bg_lp2{position:absolute; z-index:-1; bottom:0px; right:-400px;} .lp3 .img_leav_blur{position:absolute; z-index:1; top:-350px; right:-470px;} .lp3 .form_top:before { content: ""; position: absolute; left: -70px; bottom: -45px; width: 153px; height: 136px; background: url(/bitrix/templates/xlpipe/css/../img/img_leav_blur_small.png) no-repeat 0% 0%; background-size: 100%; } .lp3 .form_top .form_tbl{position:relative; z-index:3;} .lp3 .bot_block{padding:45px 65px 30px 65px;} .lp3 .proj_tit{font-size:22px; font-weight:bold; color:#3f3d3d; margin-bottom:5px;} .lp3 .proj_tit span{display:block; font-size:18px; font-weight:bold; color:#3f3d3d; line-height:1.2; margin-top:10px; max-width:380px;} .lp3 .proj_span{font-size:16px; font-weight:400; color:#3f3d3d; margin-bottom:15px;} .lp3 .proj_block{margin-bottom:25px;} .lp3 .proj_block .left{float:left; width:50%; padding-right:15px; max-width:235px;} .lp3 .proj_block .right{float:right; width:50%; max-width:195px;} .lp3 .proj_block .desc{font-size:18px; font-weight:500; color:#3f3d3d; line-height:1.2; margin-bottom:7px;} .lp3 .bot_block .btn_gold{max-width:305px; margin:0px auto; display:block; padding:22px 15px 18px 15px; line-height: 1.18; border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; color:#635449; letter-spacing: 0.35px; font-size: 13.5px;} .lp3 .bot_block .btn_gold span{position:relative; display:inline-block; } /* .lp3 .bot_block .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} */ .lp3 .lp-container_2{margin-top:37px; position:relative;} .lp3 .lp-container_2_1:before{content:""; position:absolute; right:-33px; bottom:-18px; margin-top:-6px; width:101px; height:89px; background:url(/bitrix/templates/xlpipe/css/../img/lp3_leav.png) no-repeat 0% 0%; background-size:100%;} .lp3 .lp-container_2_2:before{content:""; position:absolute; left:-90px; top:-18px; margin-top:-6px; width:82px; height:99px; background:url(/bitrix/templates/xlpipe/css/../img/lp3_leav_2.jpg) no-repeat 0% 0%; background-size:100%;} .lp3 .lp-container_3{margin-top:37px;} .lp3 .lp-container_2 .cell_slidder{display:table-cell; width:50%; vertical-align:top; padding-right:16px;} .lp3 .lp-container_2 .bot_block{display:table-cell; width:50%; vertical-align:top; padding-right:16px;} .lp3 .lp-container_2 .slider .slick-dots{ bottom:20px;} .lp3 .lp-container_2 .slick-dotted.slick-slider { margin-bottom: 0px;} .lp3 .lp-container_2 .slider .slide { max-width: 555px; width: 100%; border-radius: 12px 0px 0px 12px; -moz-border-radius: 12px 0px 0px 12px; -webkit-border-radius: 12px 0px 0px 12px;} .lp3 .lp-container_2 .bot_block{padding:30px 72px 30px 82px; vertical-align:middle;} .lp3 .lp-container_2 .cell_1 { padding-right: 0px;} .lp3 .lp-container_2 .proj_block{margin-bottom:35px;} .lp3 .lp-container_2 .cell_ins{ border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; display:table; width:100%;} .lp3 .wrap_btn{max-width: 456px; margin: 0px auto; margin-top:135px; position:relative;} .lp3 .wrap_btn .btn_gold { display: block; padding: 32px 15px 26px 15px; z-index:3; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; color: #635449; letter-spacing: 0.35px; font-size: 14.5px; position:relative;} .lp3 .wrap_btn:before{content: ""; position: absolute; left: -340px; top:-100px; width: 458px; height:312px; background: url(/bitrix/templates/xlpipe/css/../img/btn_book-min.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp3 .wrap_btn:after{content: ""; position: absolute; right: -110px; bottom:-35px; width: 148px; height:138px; background: url(/bitrix/templates/xlpipe/css/../img/btn_leavs.jpg) no-repeat 0% 0%; background-size: 100%; z-index:1; animation-duration:4s; animation-iteration-count: infinite; animation-name:naklon_right; animation-timing-function: ease;} .lp3 .wrap_btn .btn_gold span{position:relative; display:inline-block;} .lp3 .wrap_btn .btn_gold span:before{content: ""; position: absolute; right:-40px; bottom:14px; width: 27px; height:27px; background: url(/bitrix/templates/xlpipe/css/../img/ico_download.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp3 .img_shishka{position:absolute; top:1300px; left:-480px; z-index:-1; } .lp3 .img_shishka_2{position:absolute; bottom:180px; right:-680px; z-index:-1;} .lp3 .bg_leavs_top{position:absolute; top:-20px; left:-520px; z-index:-1;} .lp_exkurs{padding:55px 0px 60px 0px; } .lp_exkurs .title{font-size:30px; color:#434343; font-weight:700; line-height:1.4; text-align:left; padding-top:45px; max-width:420px; padding-right:20px; position:relative; z-index:2;} .lp_exkurs .lp_cont{background:#bc7cd6; border-radius:20px; padding:12px;} .lp_exkurs .lp_cont_ins{ background:url(/bitrix/templates/xlpipe/css/../img/bg_postan.jpg) no-repeat 50% 50%, #f3dcfb; background-size:cover; border-radius:18px; padding:50px 40px 30px 40px;} .lp_exkurs .lp-container{ width:100%; position:relative; z-index:2; padding:0px 17px 30px 42px;} .lp_exkurs .block_left{float:left; width:42%;} .lp_exkurs .block_right{float:left; width:58%;} .lp_exkurs .step_block{display:flex; position:relative;} .lp_exkurs .step_block img{width:100%; border-radius:12px 12px 0px 0px;} .lp_exkurs .step_block .postman{background:#fff; border-radius:12px; margin-top:-24px; position:relative; padding:10px 20px; min-height: 80px;} .lp_exkurs .step_block .postman .tit{font-size:14px; font-weight:bold; line-height:1.1;} .lp_exkurs .step_block .postman .desc{font-size:12px; line-height:1.1; margin-top:5px;} .lp_exkurs .form_tbl{ width:100%; margin-top: 5px;} .lp_exkurs .tit_form{ text-align:center; color:rgba(67, 67, 67, 1); font-size:22px; font-weight:500; margin-bottom:30px;} .lp_exkurs .form_top .tit_form{max-width:810px; } .lp_exkurs .form_top { position: relative; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); margin: 0px auto; max-width: 100%; width: 100%; margin-top:0px; padding:10px; background: #ffffff47; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .lp_exkurs .step_block:before{content: ""; position: absolute; left:0px; right:-100px; margin:0px auto; top:-100px; width: 285px; height:90px; background: url(/bitrix/templates/xlpipe/css/../img/img_our_spec.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_exkurs .step_block .step{font-size:18px; color:#3f3d3d; font-weight:500; line-height:1.6; text-align:left; letter-spacing:0px; padding-right:18px; width: 33.3%;} .lp_exkurs .form_top .form_insite { padding: 45px 20px 25px 20px; background:#fff;} .lp_exkurs .step_block .step .tit{position:relative;} .lp_exkurs .step_block .step .tit:before{content: ""; position: absolute; left:-42px; top:-2px; width: 30px; height:30px; background: url(/bitrix/templates/xlpipe/css/../img/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_exkurs .img_chair{position:absolute; top:150px; left:-570px; z-index:-1;} .lp_exkurs .img_plant{position:absolute; top:100px; right:-720px; z-index:-1;} .lp_exkurs .lp_exkurs_leav{position:absolute; top:-200px; left:-420px; z-index:1;} .lp_exkurs .btn_gold span{position:relative; display:inline-block; max-width:240px; margin:0px auto; line-height:1.45; font-size:14px; font-weight:500; letter-spacing:0.4px;} .lp_exkurs .btn_gold{padding-top:14px; padding-bottom:13px;} .lp_exkurs .lp-container_inv{display:none;} .lp_exkurs_2{padding:60px 0px 60px 0px;} .lp_exkurs_2 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px; position:relative; z-index:3;} .lp_exkurs_2 .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin-top:15px; position:relative; z-index:3;} .lp_exkurs_2 .lp-container{ margin-top:50px; width:100%; padding:0px 67px 0px 67px; position:relative; z-index:2;} .lp_exkurs_2 .form_tbl{} .lp_exkurs_2 .tit_form{color:#686666; font-size:18px; font-weight:500; } .lp_exkurs_2 .form_top { position: relative; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); margin: 0px auto; width: 100%; margin-top:30px; max-width:780px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:0px;} .lp_exkurs_2 .step_block{ width:50%; max-width:400px;} .lp_exkurs_2 .step_block .step{background:#fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin-bottom:8px; padding:14px 20px 12px 30px; font-size:18px; color:#3f3d3d; font-weight:500; line-height:1.6; text-align:left; letter-spacing:0px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 20%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.2); box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 20%);} .lp_exkurs_2 .form_top .form_insite { padding: 35px 50px 20px 50px;} .lp_exkurs_2 .step_block .step .tit{position:relative;} .lp_exkurs_2 .step_block .step .tit:before{content: ""; position: absolute; left:-42px; top:-2px; width: 30px; height:30px; background: url(/bitrix/templates/xlpipe/css/../img/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_exkurs_2 .bg_lp_exkurs_2{position:absolute; top:150px; right:-480px; left:0px; margin:0px auto; z-index:1;} .lp_exkurs_2 .img_plant{position:absolute; top:-155px; left:-55px; z-index:-1;} .lp_exkurs_2 .img_pencil{position:absolute; bottom:-35px; right:-155px; z-index:2; animation-duration: 10s; animation-iteration-count: infinite; animation-name:naklon_left; animation-timing-function: ease;} .lp_exkurs_2 .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp_exkurs_2 .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp_exkurs .ico{position:relative;} .lp_exkurs .name_ico:before{content: ""; position: absolute; left:20px; top:15px; width: 34px; height:35px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_1.png) no-repeat 0% 0%; background-size: 100%; z-index:3;} .lp_exkurs .phone_ico:before{content: ""; position: absolute; left:20px; top:15px; width: 34px; height:35px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_2.png) no-repeat 0% 0%; background-size: 100%; z-index:3;} .lp_exkurs .name_ico_file:before{content: ""; position: absolute; left:20px; top:15px; width: 34px; height:35px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_4.png) no-repeat 0% 0%; background-size: 100%; z-index:3;} .lp_exkurs .form_all .form-text{padding:25px 15px 24px 70px; font-size:16px; font-weight:500; border:none; color:#C4C8D4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align:left; width:100%; position:relative; z-index:2; background:#F7F8FB; border: 1px solid #F7F8FB; } .lp_exkurs .btn_gold{font-size:13px; text-transform:uppercase; font-weight:500; letter-spacing:1px; padding-top:30px; padding-bottom:30px;} .lp_exkurs_rasch{padding-top:20px;} .lp_exkurs_rasch .title span{white-space: nowrap;} .lp_exkurs_rasch .lp_cont_ins{background:#f7e4ff;} .lp_exkurs_rasch .title_2{font-size:22px; margin-top:15px; line-height:1.2; max-width:450px;} .lp_exkurs_rasch .lp-container{} .lp_exkurs_rasch .block_left { width: 50%;} .lp_exkurs_rasch .block_right { width: 50%;} .lp_exkurs_rasch .title{max-width:100%;} .lp_exkurs_rasch .block_right img{width:120%; margin-left:-20%; margin-top:-30px; display: block; margin-bottom: -40px; pointer-events:none;} .lp_exkurs_rasch .form_top{max-width:900px;} .lp_exkurs_rasch .line_ins { width: 50%;} .lp_exkurs_rasch .form_top .form_insite{padding-left:80px; padding-right:80px;} .lp_exkurs_rasch .lp_cont_ins{padding-bottom:70px;} .lp_exkurs_rasch .lp-container{padding-bottom:0px;} .lp_exkurs_rasch .steps_block{margin:0px -10px; margin-top:-30px;} .lp_exkurs_rasch .steps{display:flex; width:100%; max-width:920px; margin:0px auto; margin-bottom:35px; position:relative; z-index:3;} .lp_exkurs_rasch .steps .step{width:33.3%; padding:0px 12px;} .lp_exkurs_rasch .steps .step .desc{background:#fff; border-radius:10px; width:100%; height:100%;} .lp_exkurs_rasch .steps .step .desc .desc_ins{ display:table-cell; width:100%; height:138px; vertical-align:middle; padding:30px 30px 25px 40px; font-size:16px; line-height:1.2;} .lp_exkurs_rasch .numb{ border-radius:100%; border:solid 3px #f7e4ff; display:inline-block; position:absolute; top:-20px; left:-15px;} .lp_exkurs_rasch .numb div{background:#b178d5; text-align:center; border:solid 2px #fff; border-radius:100%; width:48px; height:48px; color:#fff; padding-top:12px; font-weight:600;} .lp_exkurs_rasch .form_header_tit{font-size:18px; font-weight:600;} .lp_exkurs_rasch .form_header_tit_2{font-size:14px; margin-top:10px;} .lp_exkurs_rasch .form_tbl{margin-top:35px;} .lp_exkurs_rasch_2 {padding-top:70px; padding-bottom:70px;} .lp_exkurs_rasch_2 .block_left { width: 55%; padding-right:20px; } .lp_exkurs_rasch_2 .block_right { width: 45%; } .lp_exkurs_rasch_2 .form_top .form_insite { padding-top:15px; padding-left: 45px; padding-right:45px; } .lp_exkurs_rasch_2 .form_top .line_ins { float: none; width:100%; padding: 0px 0px; margin-bottom:20px; } .lp_exkurs_rasch_2 .title{padding-top:90px;} .lp_exkurs_rasch_2 .title_2{max-width:500px;} .lp_exkurs_rasch_2 .form_all .btn_gold{margin-top:0px;} .lp_exkurs_rasch_2 .lp_cont{padding:0px;} .lp_exkurs_rasch_2 .lp_cont_ins{ background:url(/bitrix/templates/xlpipe/css/../img/bg_postan.jpg) no-repeat 50% 50%, #f3dcfb; background-size:cover; position:relative; z-index:3; padding-right:11%;} .lp_exkurs_rasch_2 .lp-container{position:relative; z-index:3;} .lp_exkurs_rasch_2 .podlozh { height: 70px; width: 92%; background: #D7B7FF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; bottom: -14px; left: 0px; right: 0px; margin: 0px auto; -webkit-box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08); -moz-box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08); box-shadow: 0px 12px 11px 14px rgba(190, 190, 190, 0.08); } .lp_exkurs_rasch_3 {padding-top:30px;} .lp_exkurs_rasch_3 .form_top .form_insite{padding-top:50px;} .lp_exkurs_rasch_3 .lp_cont_ins { background: url(/bitrix/templates/xlpipe/css/../img/bg_nout.jpg) no-repeat 50% 50%, #f3dcfb; background-size: cover;} .lp_exkurs_rasch_3 .lp-container{max-width:560px;} .lp_exkurs_rasch_3 .lp_cont { padding: 12px; background:#fbf2ff; position:relative; z-index:4;} .lp_exkurs_rasch_3 .form_top{background:#D4B5FB;} .lp_top_questions .phone_ico{position:relative} .form_all .name_input{text-align:left; font-size:14px; padding-bottom:14px;} .form_all .btn_gold{margin-top:20px;} .form_all .checkbox_bot{font-size:12px; margin-top:6px;} .form_all .checkbox_bot a{color:#bc7cd6;} .form_all .fl_upld label { display:block; cursor:pointer; padding: 25px 15px 24px 70px; font-size: 16px; font-weight: 500; border: none; color: #C4C8D4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: left; width: 100%; position: relative; z-index: 2; background: #F7F8FB; border: 1px solid #F7F8FB;} .form_all .fl_inp { display: none;} .form_all .form-text{color:#333438 !important;} .lp_office{padding:40px 0px 60px 0px;} .lp_office .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_office .lp-container{margin-top:70px; width:100%; display:table; width:100%; } .lp_office .block_left{display:table-cell; width:60%; vertical-align:top; padding-top:15px;} .lp_office .block_right{display:table-cell; width:40%; vertical-align:top; padding-left:15px;} .lp_office .slider_bg{background: url(/bitrix/templates/xlpipe/css/../img/img_nout-min.jpg) no-repeat 50% 0%; background-size: 100%;width:709px; margin-left:-50px;} .lp_office .slider{width:500px; height:500px; margin:0px auto; margin-top:0px; } .lp_office .slider .slide{width:500px; margin:0px auto; overflow:hidden; position:relative; } .lp_office .slider .slide img{ margin: 0px auto; margin-top:20px; max-width:500px; width:100%;} .lp_office .step{margin-bottom:30px;} .lp_office .img_project{position:absolute; top:200px; right:-380px; z-index:-1;} .lp_office .numb_block{padding-right:30px; float:left; width:20%; } .lp_office .numb{font-size:20px; color:#635449; font-weight:400; line-height:1.2; text-align:center; width:58px; height:58px; background:#f2e2af; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; padding-top:17px; margin-top:-3px;} .lp_office .tit{ font-size:20px; color:#3f3d3d; font-weight:500; line-height:1.2; float:left; max-width:360px; width:80%; line-height:1.4;} .lp_office .wrap_btn{position:relative; padding-bottom:6px; display: block; margin-left:67px; margin-top:15px; max-width:345px; width:100%; } .lp_office .btn_white{position:relative; width:100%; background:#fff; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); padding:18px 28px 15px 90px; display:block; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-size:16px; color:#3f3d3d; font-weight:500; line-height:1.6; z-index:2;} .lp_office .btn_white:before{content: ""; position: absolute; left:42px; bottom:-20px; width: 51px; height:29px; background: url(/bitrix/templates/xlpipe/css/../img/arrow_green_l.png) no-repeat 0% 0%; background-size: 100%; } .lp_office .circle{position:absolute; left:-130px; top:0px;} .lp_office .circle_shadow{width:155px; height:155px; -webkit-box-shadow: 10px 10px 22px -1px rgba(168,199,77,0.8); -moz-box-shadow: 10px 10px 22px -1px rgba(168,199,77,0.8); box-shadow: 10px 10px 22px -1px rgba(168,199,77,0.8); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:absolute; top:0px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; z-index:1;} .lp_office .ico_pdf_big{position:absolute; top:0px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; z-index:3;} .lp_office .img_circle{width:100%; max-width:181px; display:block; position:relative; z-index:2; animation: 20s linear 0s normal none infinite running rot; -webkit-animation: 20s linear 0s normal none infinite running rot;} .lp_office .podlozh{height:20px; width:92%; background:#fff; border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px; position:absolute; bottom:0px; left:0px; right:0px; margin:0px auto; z-index:1; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 20%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.2); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 20%); z-index:1;} .lp_top_questions{padding:70px 0px 120px 0px; background:#f5f5f5;} .lp_top_questions .title{font-size:36px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; max-width:770px; margin:0px auto;} .lp_top_questions .title span{color:#b178d5;} .lp_top_questions .title_2{font-size:16px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin-top:15px;} .lp_top_questions .img_block{float:right; padding-top:0px; position:relative;} .lp_top_questions .img_block .img{ border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; max-width:699px; display:block; float:right;} .lp_top_questions .lp-container{margin-top:65px;} .lp_top_questions .cloud{ background:#f6ebc7; border-radius: 17px; -moz-border-radius:17px; -webkit-border-radius:17px; position:relative; width:100%; max-width:405px; position:relative; } .lp_top_questions .cloud .numb{color:#fcf8ed; font-size:62px; font-weight:bold; line-height:1; position:absolute; left:-10px; top:15px;} .lp_top_questions .cloud .tit{font-size:20px; font-weight:500; line-height:1.2; color:#3f3d3d; } .lp_top_questions .cloud:before{content:""; position:absolute; left:32px; bottom:-18px; z-index:5; height:19px; width:43px; background:url(/bitrix/templates/xlpipe/css/../img/cloud_down.png) no-repeat 0% 0%;} .lp_top_questions .cloud_ins{overflow:hidden; padding:22px 30px 24px 80px; position: relative;} .lp_top_questions .cloud_1:after{content:""; position:absolute; left:-12px; top:-28px; z-index:5; height:71px; width:88px; background:url(/bitrix/templates/xlpipe/css/../img/cloud_1.png) no-repeat 0% 0%;} .lp_top_questions .cloud_2:after{content:""; position:absolute; right:-32px; top:-22px; z-index:5; height:105px; width:91px; background:url(/bitrix/templates/xlpipe/css/../img/cloud_2.png) no-repeat 0% 0%;} .lp_top_questions .cloud_3:after{content:""; position:absolute; left:-62px; top:-42px; z-index:5; height:127px; width:122px; background:url(/bitrix/templates/xlpipe/css/../img/cloud_3.png) no-repeat 0% 0%;} .lp_top_questions ul{margin-top:40px; list-style:none;} .lp_top_questions ul li{margin-bottom:25px; position:relative; padding:25px 40px 40px 60px; border-radius:10px; line-height:1.2; font-size:16px; font-weight:400; color:#434343; background:#fff;} .lp_top_questions ul li:before { content: ""; position: absolute; left: 20px; top:17px; width: 35px; height: 35px; background: url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_top_questions .img_block{float:right; } .lp_top_questions .text_block{float:left; padding-left:15px;} .lp_top_questions .form_midl{margin-top:43px;} .lp_top_questions .img_block{float:right; width:58%;} .lp_top_questions .text_block{float:left; padding-right:35px; width:42%;} .lp_top_questions .lp-container_2{margin-top:75px;} .lp_top_questions .lp-container_2 .img_block .img{ float:left;} .lp_top_questions .lp-container_2 .img_block{float:left; width:58%;} .lp_top_questions .lp-container_2 .text_block{float:right; width:42%;} .lp_top_questions .lp-container_2 .text_block { padding-left: 35px;} .lp_top_questions .lp-container_3 .cloud{max-width:475px;} .lp_top_questions .lp-container_3 .text_block{padding-left:4%;} .lp_top_questions .lp-container_3 ul{padding-left:30px;} .lp_top_questions .lp-container_3 .btn_price { padding-left: 82px;} .lp_top_questions .btn_price{margin-top:14px; padding-left:52px;} .lp_top_questions .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp_top_questions .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp_top_questions .violet_line{position:absolute; left:0px; right:0px; margin:0px auto; top:50%; margin-top:-130px;} .lp_top_questions .circle { width: 100%; max-width: 190px; min-height: 100px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; line-height: 1.25; font-size: 10px; font-weight: 600; color: #000000; position: absolute; bottom: 45px; right: 45px; z-index: 7; text-align: left; padding: 17px 14px 10px 14px; border: solid 5px #DEB3EF; background: #fff; font-size:13px; } .lp_top_questions .circle div{padding-right:15px;} .lp_top_questions .circle:before { content: ""; position: absolute; right: 10px; top: -22px; width: 47px; height: 47px; background: url(/bitrix/templates/xlpipe/css/../img/ico_star_for_circle_2.png) no-repeat 0% 0%; background-size: 100%; } .lp_top_questions_2{background:#fff;} .lp_top_questions_2 .lp-container_2 .img_block { width: 50%; padding-left:0px;} .lp_top_questions_2 .lp-container_2 .text_block { width: 50%; } .lp_top_questions_2 .img_block { width: 50%; padding-right:0px; padding-left:25px;} .lp_top_questions_2 .text_block { width: 50%; padding-right:25px; padding-left:0px;} .lp_top_questions_2 .lp-container_2 .img_block{padding-right:25px;} .lp_top_questions_2 .lp-container_2 .text_block{padding-right:0px; padding-left: 25px;} .lp_top_questions_2 ul li.white{background:#fff; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.10); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%);} .lp_top_questions_2 ul li.violet{background:#b178d5; color:#fff;} .lp_top_questions_2 .lp-container_3 .img_block{padding-right:75px;} .lp_top_questions_2 .lp-container_3 .text_block{ padding-left: 75px;} .lp_top_questions_2 ul li{font-size:18px; font-weight:600; padding: 30px 40px 25px 80px; line-height: 1.25;} .lp_top_questions_2 ul li:before { content: ""; position: absolute; left: 20px; top: 20px; width: 45px; height: 45px; background: url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.png) no-repeat 0% 0%; background-size: 100%; z-index: 1; } .lp_top_questions_3{background:#fbfbfb;} .lp_top_questions_3 .title{max-width:680px;} .lp_top_questions_3 .text_block{padding-top:0px;} .lp_top_questions_3 ul {margin-top: 0px;} .lp_top_questions_3 ul li:nth-child(4){background:#F7E3FF;} .lp_top_questions_3 ul li{font-size:18px; font-weight:400; margin-bottom:17px; padding-left:115px; padding-right:50px;} .lp_top_questions_3 ul li b{font-weight:600;} .lp_top_questions_3 ul li:before { content: ""; position: absolute; left: 20px; top: 30px; width: 65px; height: 65px; background:#D4B5FB; background-size: 100%; border-radius:100%; z-index: 1; } .lp_top_questions_3 ul li:nth-child(1):after { content: ""; position: absolute; left: 30px; top: 40px; width:45px; height: 45px; background: url(/bitrix/templates/xlpipe/css/../img/ico_bezop_1.png) no-repeat 0% 0%; background-size: 100%; border-radius:100%; z-index: 1; } .lp_top_questions_3 ul li:nth-child(2):after { content: ""; position: absolute; left: 30px; top: 40px; width:45px; height: 45px; background: url(/bitrix/templates/xlpipe/css/../img/ico_bezop_2.png) no-repeat 0% 0%; background-size: 100%; border-radius:100%; z-index: 1; } .lp_top_questions_3 ul li:nth-child(3):after { content: ""; position: absolute; left: 30px; top: 40px; width:45px; height: 45px; background: url(/bitrix/templates/xlpipe/css/../img/ico_bezop_3.png) no-repeat 0% 0%; background-size: 100%; border-radius:100%; z-index: 1; } .lp_top_questions_3 ul li:nth-child(4):after { content: ""; position: absolute; left: 30px; top: 40px; width:45px; height: 45px; background: url(/bitrix/templates/xlpipe/css/../img/ico_bezop_4.png) no-repeat 0% 0%; background-size: 100%; border-radius:100%; z-index: 1; } .lp_demo{padding:90px 0px 0px 0px;} .lp_demo .title{font-size:36px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; margin:0px auto;} .lp_demo .title span{color:#b178d5;} .lp_demo .container{margin-top:50px;} .lp_demo .lp-container { width: 100%; position: relative; z-index: 2; padding: 0px 17px 30px 0px; } .lp_demo .block_left { float: left; width: 42%; } .lp_demo .block_right { float: left; width: 58%; padding-left:25px; padding-top:85px; } .lp_demo .step_block{display:flex; position:relative; margin-right: -20px;} .lp_demo .step_block .step{padding:0px 10px; position:relative; width:33.3%;} .lp_demo .step_block img{width:100%; border-radius:12px 12px 0px 0px;} .lp_demo .step_block .postman{background:#fff; border-radius:12px; margin-top:-24px; position:relative; padding:10px 20px;-webkit-box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2); -moz-box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2); box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2);} .lp_demo .postman .tit{font-size:14px; font-weight:bold; line-height:1.1;} .lp_demo .postman .desc{font-size:12px; line-height:1.1; margin-top:5px;} .lp_demo .block_left .step{background:#fff; border-radius:10px; width:100%; position:relative; margin-bottom:38px; padding:30px; line-height:1.2; font-size:18px; -webkit-box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2); -moz-box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2); box-shadow: 0px 4px 11px 7px rgba(190, 190, 190, 0.2); } .lp_demo .block_left .step b{font-weight:600;} .lp_demo .block_left .step_1{max-width:400px;} .lp_demo .block_left .step_2{max-width:300px; float: right;} .lp_demo .block_left .step_3{max-width:420px; left:40px;} .lp_demo .violet_line { position: absolute; left: -600px; right: 0px; margin: 0px auto; top: 50%; margin-top: -90px; } .lp_demo .block_left .step:before { content: ""; position: absolute; left: 0px; top: 35px; width: 4px; height: 19px; background: url(/bitrix/templates/xlpipe/css/../img/ico_blue_elem.svg) no-repeat 0% 0%; background-size: 100%; } .lp_why_we{background:#fff; padding:80px 0px 80px 0px;} .lp_why_we .wrap{padding-left:5px; padding-right:5px;} .lp_why_we .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_why_we .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin-top:35px;} .lp_why_we .lp-container{margin-top:90px; position:relative; } .lp_why_we .step{width:32%; margin-right:2%; margin-bottom:28px; background:#fff; color:#000; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align:left; padding:15px; position:relative; box-shadow: 0px 10px 70px 0px #8D989C1A; align-items: stretch; justify-content: space-around; display: flex; flex-wrap: wrap; align-content: space-between;} .lp_why_we .step_last{margin-right:0px;} .lp_why_we .step .tit{font-size:20px; font-weight:bold; line-height:1.2; color:#3f3d3d;} .lp_why_we .step_top{width:49%; } .lp_why_we .desc{font-size:18px; margin-top:20px; font-weight:500; line-height:1.4; color:#3f3d3d;} .lp_why_we .btn_wrap { position: relative; text-align: center; max-width: 257px; margin: 0px auto; margin-top: 90px;} .lp_why_we .btn_wrap .custom-btn{min-height:71px;} .lp_why_we .numb{position:absolute; top:-75px; left:0px; right:0px; margin:0px auto;} .lp_why_we .step img{width:100%; margin-top:20px;} .lp_why_we .lp-cont{display:flex;} .lp_why_we .step_top{ padding:20px; display: flex; flex-direction: row; flex-wrap: nowrap;} .lp_why_we .step_top .cell{width:50%; vertical-align:top;} .lp_why_we .step_top .cell img{margin-top:0px;} .lp_why_we .step_top .cell:first-child{padding-right:15px;} .lp_why_we .plus { position: absolute; left: 14px; top: -18px; } .lp_why_we .btn_price{ margin:0px auto; margin-top:50px; width:100%; max-width:412px; } .lp_why_we .btn_gold{width:100%; max-width:412px; margin:0px auto; display:inline-block; padding:40px 15px 34px 15px; font-size:18px; font-weight:bold; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .lp_why_we .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp_why_we .btn_gold span:before{content:""; position:absolute; left:-10px; top:14px; margin-top:-6px; width:21px; height:12px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_black.png) no-repeat 0% 0%; background-size:100%;} .lp_brigada{padding:90px 0px 60px 0px; } .lp_brigada .lp-container{position:relative;} .lp_brigada .img_level_lin{position:absolute; top:-140px; left:-2380px; right:0px; margin:0px auto; z-index:2; } .lp_brigada .title{font-size:30px; color:#333438; font-weight:bold; line-height:1.25; text-align:center; margin:0px auto; padding:38px 40px 30px 40px; position:relative; right: 100px;} .lp_brigada .title{background:url(/bitrix/templates/xlpipe/css/../img/bg_for_title.png) no-repeat 0% 0%; background-size:100%; width:100%; max-width:808px; min-height:200px;} .lp_brigada .title_2{font-size:22px; color:#000000; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:820px; position:relative; right: 100px;} .lp_brigada .title_3{font-size:28px; color:#fff; font-weight:700; line-height:1.25; text-align:center; margin:0px auto; margin-top:55px; position:relative; left: 200px; right: 0px;padding:35px 20px 30px 20px; background:url(/bitrix/templates/xlpipe/css/../img/bg_for_title_3.png) no-repeat 0% 0%; background-size:100%; width:100%; max-width:427px; min-height:170px; } .lp_brigada .img_brigada{display:block; width:100%; max-width:651px; margin:0px auto; margin-top:30px;} .lp_brigada .step{width:100%; max-width:330px; background:#fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align:left; padding:24px 35px 25px 35px; position:relative; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 15%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.15); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 15%); position:absolute; } .lp_brigada .step_1{max-width:272px; top:238px; left:140px;} .lp_brigada .step_2{max-width:291px; top:198px; right:100px;} .lp_brigada .step_2_2{max-width:345px; bottom:120px; left:40px;} .lp_brigada .step_3{max-width:340px; bottom:90px; right:130px;} .lp_brigada .step_1:before{content:""; position:absolute; right:-22px; bottom:35px; width:45px; height:45px; background:url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size:100%; z-index:2;} .lp_brigada .step_2:before{content:""; position:absolute; left:-22px; bottom:55px; width:45px; height:45px; background:url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size:100%; z-index:2;} .lp_brigada .step_2_2:before{content:""; position:absolute; right:-22px; bottom:35px; width:45px; height:45px; background:url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size:100%; z-index:2;} .lp_brigada .step_3:before{content:""; position:absolute; left:-22px; top:25px; width:45px; height:45px; background:url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size:100%; z-index:2;} .lp_brigada .desc{font-size:16px; font-weight:400; line-height:1.25; color:#434343; position:relative;} /* .lp_brigada .desc:before{content:""; position:absolute; left:-45px; top:-5px; width:33px; height:38px; background:url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.png) no-repeat 0% 0%; background-size:100%; z-index:2;} */ .lp_brigada .desc p{margin-bottom:30px;} .lp_brigada .desc p:last-child{margin-bottom:0px;} .lp_brigada .desc b{font-weight:600;} .lp_brigada .img_shurik_2{position:absolute; bottom:-140px; left:-720px; right:0px; margin:0px auto; z-index:1; animation-duration: 8s; animation-iteration-count: infinite; animation-name:naklon_right; animation-timing-function: ease;} .lp_years{padding:60px 0px 40px 0px; } .lp_years .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_years .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:610px;} .lp_years ul{margin-top:50px; list-style:none; float:left; width:50%; padding-right:35px;} .lp_years ul li{margin-bottom:5px; position:relative; padding-left:55px; line-height:1.4; font-size:18px; font-weight:500; color:#3f3d3d;} .lp_years ul li:before { content: ""; position: absolute; left: 0px; top: -4px; width: 30px; height: 30px; background: url(/bitrix/templates/xlpipe/css/../img/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_years .tit{margin-top:50px; line-height:1.2; font-size:20px; font-weight:500; color:#111110;} .lp_years .lp-container{max-width:1005px; width:100%; margin:0px auto;} .lp_years .img_tree{position:absolute; top:120px; right:-830px; z-index:-1;} .lp_years .bg_lp_leavs_1{position:absolute; top:100px; left:-930px; right:0px; margin:0px auto; z-index:-1; } .lp_years .video_block{width:100%; max-width:710px; margin:0px auto; margin-top:40px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display:block; height:435px; background:url(/bitrix/templates/xlpipe/css/../img/bg_video.jpg) no-repeat 0% 0%; background-size:100%; position:relative;} .lp_years .video_block:before { content: ""; position: absolute; left: 0px; right:0px; top:0px; bottom:0px; margin:auto; width: 111px; height: 112px; background: url(/bitrix/templates/xlpipe/css/../img/btn_play.png) no-repeat 0% 0%; background-size: 100%; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp_years .video_block:hover:before{opacity:0.8;} .lp_years .form_top{max-width:750px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%);} .lp_years .form_top .form_insite { padding: 22px 45px 21px 45px;} .lp_years .form_top .form_house{position:absolute; bottom:-6px; right:-1px; z-index:1;} .lp_years .form_top .form_tbl{position:relative; z-index:2; margin-top:18px;} .lp_years .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp_years .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp_price{padding:60px 0px 40px 0px; } .lp_price .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_price .lp-container{ margin-top:90px;} .lp_price .wrap{padding-left:5px; padding-right:5px;} .lp_price .bg_leaves_2{position:absolute; bottom:-80px; left:-390px; right:0px; margin:0px auto; z-index:-1; } .lp_price .block_price{margin-right:2.5%; width:31.6%; float:left; background:#fff; margin-bottom:20px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); padding:6px; position:relative; z-index:2; box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .lp_price .block_price_last{margin-right:0px;} .lp_price .top{padding:47px 28px 40px 28px;} .lp_price .bot{padding:35px 28px 40px 28px;} .lp_price .block_price_1{background:#dedede;} .lp_price .block_price_2{background:#e8f2dc;} .lp_price .block_price_3{ background:url(/bitrix/templates/xlpipe/css/../img/bg_bord_oran.png) 0% 0%; } .lp_price .block_price .block_price_ins{background:#fff; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;} .lp_price .tit{font-weight:bold; font-size:30px; color:#3f3d3d; } .lp_price .price{font-weight:bold; font-size:24px; color:#3f3d3d; margin-top:25px; } .lp_price .desc{font-weight:bold; font-size:18px; color:#3f3d3d; margin-top:20px; line-height:1.25;} .lp_price .tit_ul{font-weight:bold; font-size:20px; color:#3f3d3d; line-height:1.25;} .lp_price ul{list-style:none; margin-top:17px;} .lp_price ul li{font-weight:500; font-size:18px; color:#3f3d3d; line-height:1.4; margin-bottom:6px; padding-left:20px; position:relative;} .lp_price ul li:before { content: ""; position: absolute; left: 0px; top:7px; width: 7px; height: 7px; background:#55b04f; background-size: 100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .lp_price .img_block_price{width:100%; max-width:364px; display:block;} .lp_price .btn_price{margin-top:36px;} .lp_price .img_numb{position:absolute; } .lp_price .img_numb_1{ top:-40px; left:25px;} .lp_price .img_numb_2{ top:-50px; left:30px;} .lp_price .img_numb_3{ top:-70px; left:20px;} .lp_price .numb{position:absolute; top:-20px; left:40px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; width:45px; height:45px; font-size:30px; font-weight:400; line-height:1.2; text-align:center; letter-spacing:0.45px; z-index:3; padding-top:5px;} .lp_price .block_price_1 .numb{color:#9dc686; background:#fff; border-bottom:solid 1px #618a4a;} .lp_price .block_price_2 .numb{color:#fff; background: rgba(156,224,84,1); background: -moz-linear-gradient(top, rgba(156,224,84,1) 0%, rgba(189,229,163,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,224,84,1)), color-stop(100%, rgba(189,229,163,1))); background: -webkit-linear-gradient(top, rgba(156,224,84,1) 0%, rgba(189,229,163,1) 100%); background: -o-linear-gradient(top, rgba(156,224,84,1) 0%, rgba(189,229,163,1) 100%); background: -ms-linear-gradient(top, rgba(156,224,84,1) 0%, rgba(189,229,163,1) 100%); background: linear-gradient(to bottom, rgba(156,224,84,1) 0%, rgba(189,229,163,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ce054', endColorstr='#bde5a3', GradientType=0 ); border-bottom:solid 1px #4e8132;} .lp_price .block_price_3 .numb{color:#fff; background: rgba(155,223,81,1); background: -moz-linear-gradient(top, rgba(155,223,81,1) 0%, rgba(65,115,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,223,81,1)), color-stop(100%, rgba(65,115,36,1))); background: -webkit-linear-gradient(top, rgba(155,223,81,1) 0%, rgba(65,115,36,1) 100%); background: -o-linear-gradient(top, rgba(155,223,81,1) 0%, rgba(65,115,36,1) 100%); background: -ms-linear-gradient(top, rgba(155,223,81,1) 0%, rgba(65,115,36,1) 100%); background: linear-gradient(to bottom, rgba(155,223,81,1) 0%, rgba(65,115,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bdf51', endColorstr='#417324', GradientType=0 ); border-bottom:solid 1px #345221;} .lp_price .bg_listok{ position:absolute; top:250px; left:0px; right:-1200px; margin:0px auto; z-index:1;} .lp_price .btn_gold{padding:17px 10px 15px 10px; max-width:254px; line-height:1.6; margin:0px auto; font-size:12px; letter-spacing:0px; display:block;} .lp_price .btn_gold_1:before { content: ""; position: absolute; right: -13px; bottom: -12px; width: 49px; height: 54px; background: url(/bitrix/templates/xlpipe/css/../img/btn_pen.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_price .btn_gold_2:before { content: ""; position: absolute; right: -16px; bottom: -15px; width: 67px; height: 57px; background: url(/bitrix/templates/xlpipe/css/../img/btn_otv.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_price .btn_gold_3:before { content: ""; position: absolute; right: -20px; bottom: -14px; width: 67px; height: 62px; background: url(/bitrix/templates/xlpipe/css/../img/btn_hum.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp4{ padding:80px 0px 60px 0px; background:#f5f5f5;} .lp4 .lp-container{margin-top:70px; display: flex; flex-wrap: wrap; align-content: space-around;} .lp4 .title{font-size:36px; color:#333438; font-weight:700; line-height:1.1; text-align:center; max-width:650px; margin:0px auto;} .lp4 .title span{color:#b178d5;} .lp4 .step{float:left; width:48.5%; margin-right:3%; position:relative; margin-bottom:40px;} .lp4 .step_2{margin-right:0%;} .lp4 .step .tbl{display:table; width:100%; vertical-align:top; min-height:366px; height: 100%; overflow:hidden; padding:12px; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 4px 30px 10px rgba(128,128,128,0.1); -moz-box-shadow: 0px 4px 30px 10px rgba(128,128,128,0.1); box-shadow: 0px 4px 30px 10px rgba(128,128,128,0.1); } .lp4 .step .tbl .cell{display:table-cell; width:50%; border-radius: 10px; vertical-align: top;} .lp4 .step .tbl .cell_1{padding:23px 20px 15px 25px;} .lp4 .step_1 .tbl .cell_2{background:url(/bitrix/templates/xlpipe/css/../img/img_why_1.jpg) no-repeat 50% 50%; background-size:cover;} .lp4 .step_2 .tbl .cell_2{background:url(/bitrix/templates/xlpipe/css/../img/img_why_2.jpg) no-repeat 50% 50%; background-size:cover;} .lp4 .step_3 .tbl .cell_2{background:url(/bitrix/templates/xlpipe/css/../img/img_why_3.jpg) no-repeat 50% 50%; background-size:cover;} .lp4 .step_4 .tbl .cell_2{background:url(/bitrix/templates/xlpipe/css/../img/img_why_4.jpg) no-repeat 50% 50%; background-size:cover;} .lp4 .step:before{content:""; position:absolute; left:0px; right:0px; margin:0px auto; top:-30px; width:59px; height:59px; background:url(/bitrix/templates/xlpipe/css/../img/ico_lp4_step.png) no-repeat 0% 0%; background-size:100%;} .lp4 .step .tit{color:#434343; font-size:20px; font-weight:700; line-height:1.2; position:relative;} .lp4 .step .tit:before { content: ""; position: absolute; left: 0px; bottom: -17px; width: 100px; max-width: 113px; height: 6px; background: #f7e3ff; border-radius: 10px;} .lp4 .step .desc{color:#434343; font-size:16px; font-weight:400; margin-top:28px; line-height:1.4;} .lp4 .step .desc p{padding-bottom:20px;} .lp4 .step .desc p:last-child{padding-bottom:0px;} .lp4 .step .desc b{font-weight:600;} .lp4 .step_4 .tbl{background:#b178d5;} .lp4 .step_4 .tit{color:#fff;} .lp4 .step_4 .desc{color:#fff;} .lp4 .step_4 .tit:before{background: #fff;} .lp_rev{background:#fafafa; padding-top:70px; padding-bottom:20px;} .lp_rev .title{font-size:30px; color:#333438; font-weight:700; line-height:1.4; text-align:center; max-width:880px; margin:0px auto;} .lp_rev .title span{color:#b178d5;} .lp_rev .title_2{background:#b178d5; border-radius:10px; text-align:center; padding:10px; line-height:1.4; max-width:640px; width:100%; margin:0px auto; margin-top:15px; font-size:18px; color:#fff;} .lp_rev .title_2 b{font-weight:600;} .lp_rev .lp-container{margin-top:75px;} .lp_rev .step{margin-bottom:65px; background:#F3F0FF; border-radius:17px; padding:10px;} .lp_rev .tbl{display:table; width:100%;} .lp_rev .tbl .cell{display:table-cell; width:50%; vertical-align:top;} .lp_rev .tbl .cell .img{max-width:552px; width:100%; display:block; border-radius:15px;} .lp_rev .tbl .cell_1{padding-right:20px;} .lp_rev .tbl .cell_2{padding:25px 15px 10px 0px; position:relative;} .lp_rev .tit{font-size:23px; font-weight:700; line-height:1.2; margin-bottom:10px; z-index:3; position:relative;} .lp_rev .tbl .cell ul{list-style:none; margin-bottom:20px; line-height:1.2; font-size:20px; z-index:3;} .lp_rev .tbl .cell .desc{ z-index:3; position:relative;} .lp_rev .tbl .cell ul li{position:relative; margin-bottom:7px; padding-left:35px;} .lp_rev .tbl .cell ul li:nth-child(1):before{content:""; position:absolute; left:0px; top:-3px; width:30px; height:30px; background:url(/bitrix/templates/xlpipe/css/../img/ico_li_1.png) no-repeat 0% 0%; background-size:100%;} .lp_rev .tbl .cell ul li:nth-child(2):before{content:""; position:absolute; left:0px; top:-3px; width:30px; height:30px; background:url(/bitrix/templates/xlpipe/css/../img/ico_li_2.png) no-repeat 0% 0%; background-size:100%;} .lp_rev .tbl .cell ul li:nth-child(3):before{content:""; position:absolute; left:0px; top:-3px; width:30px; height:30px; background:url(/bitrix/templates/xlpipe/css/../img/ico_li_3.png) no-repeat 0% 0%; background-size:100%;} .lp_rev .tbl .cell .text{line-height:1.45; font-size:16px; position:relative;} .lp_rev .tbl .cell .text div{position:relative; z-index:2;} .lp_rev .tbl .cell .text:before{content:""; position:absolute; left:-50px; top:-100px; width:185px; height:185px; background:url(/bitrix/templates/xlpipe/css/../img/ico_kavich_1.png) no-repeat 0% 0%; background-size:100%; z-index:1;} .lp_rev .tbl .cell_2:after{content:""; position:absolute; right:-20px; bottom:-20px; width:193px; height:171px; background:url(/bitrix/templates/xlpipe/css/../img/ico_kavich_2.png) no-repeat 0% 0%; background-size:100%; z-index:1;} .lp_rev .tbl .cell .text p{padding-bottom:8px;} /* .lp_rev .tbl .cell .img{cursor:pointer;} .lp_rev .tbl .cell .play{display:none;} */ .lp_rev .tbl .cell_1 div{position:relative; } .lp_rev .tbl .cell_1 div:hover{cursor:pointer; opacity:0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp_rev .img_play_btn{content:""; position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto; width:85px; height:85px; pointer-events:none; opacity:0.8;} .rutube-video-wrapper{ position: relative; padding-bottom: 100%; height: 0; overflow: hidden; /* margin-bottom: 15px; */ width: 100%; z-index: 3; background-size: 100%; background-repeat: no-repeat; background-position: center; margin: 0px; } .rutube-video { width: 100%; height: 100%; } .rutube-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rutube-video.sticky { position: fixed; margin-bottom: 0; padding-bottom: 0; } .rutube-video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; object-fit: cover; } .rutube-video-play-button-wrapper { width: 70px; height:70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; } .rutube-video-play-button{width:100%;} .lp5{padding:60px 0px 50px 0px;} .lp5 .wrap{padding-left:5px; padding-right:5px;} .lp5 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp5 .wrap{padding-left:30px; padding-right:30px;} .lp5 .slider{margin:-15px -15px 0px -15px;} .lp5 .slide{margin:15px; padding-bottom:20px;} .lp5 .slide img{width:100%; border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; -webkit-box-shadow: 0px 7px 12px 0px rgb(130 130 130 / 20%); -moz-box-shadow: 0px 7px 12px 0px rgba(130,130,130,0.2); box-shadow: 0px 7px 12px 0px rgb(130 130 130 / 20%); } .lp5 .lp-container{margin-top:80px;} .lp5 .slick-prev { left: 0px;} .lp5 .slick-next { right: 0px;} .lp5 .bg_paper{position:absolute; top:220px; right:-470px;} .lp5 .img_tree{position:absolute; top:-150px; left:-1000px; z-index:-1; } .lp5 .slider .slick-prev, .lp5 .slider .slick-next { width: 46px; height: 46px; background: rgba(154,222,81,1); background: -moz-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,222,81,1)), color-stop(100%, rgba(99,164,62,1))); background: -webkit-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -o-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -ms-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: linear-gradient(to bottom, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ade51', endColorstr='#63a43e', GradientType=0 );} .lp5 .slider .slick-prev:hover, .lp5 .slider .slick-next:hover{ opacity:0.7; } .lp5 .slider .slick-prev:before, .lp5 .slider .slick-next:before { position:absolute; margin:0px auto; left:0px; right:0px; margin-top:-5px; width: 19px; height: 9px; } .lp5 .slider .slick-prev:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/arrow_l_2.png) no-repeat 50% 50%;} .lp5 .slider .slick-next:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/arrow_r_2.png) no-repeat 50% 50%; right:-2px;} .lp5 .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp5 .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp5 .form_top{max-width:780px; margin-top:100px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); position:relative;} .lp5 .form_top .form_insite { padding: 22px 45px 21px 45px;} .lp5 .form_top:before{ content: ""; position: absolute; right: -260px; bottom: -12px; width: 297px; height: 230px; background: url(/bitrix/templates/xlpipe/css/../img/img_papre_form-min.png) no-repeat 0% 0%; background-size: 100%; z-index: -11;} .lp5 .btn_gold:before{ content: ""; position: absolute; right: -34px; bottom: -63px; width: 120px; height: 134px; background: url(/bitrix/templates/xlpipe/css/../img/btn_pen_big.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp5 .tit_form{max-width:570px; font-size:20px;} .lp5 .tit_form p{margin-bottom:20px;} .lp5_r{padding:0px 0px 40px 0px; background: #fff; } .lp5_r .slick-slider .slick-track, .lp5_r .slick-slider .slick-list{padding-bottom:25px;} .lp5_r .slider{margin:0px -5px 0px -5px; position:relative; } .lp5_r .slide{margin:15px; } .lp5_r .slide img{width:100%;} .lp5_r .slide a:hover{opacity:0.7;} .lp5_r .title{font-size:36px; color:#333438; font-weight:700; line-height:1.1; text-align:center; max-width:650px; margin:0px auto;} .lp5_r .title span{color:#b178d5;} .lp5_r .title_2{ font-weight: 400; font-size: 23px; letter-spacing: 0px; text-align: center; max-width:750px; margin:0px auto; margin-top:20px;} .lp5_r .lp-container{ margin:0px auto; max-width:1090px; margin-top:50px;} .lp5_r .slick-prev { left: 0px;} .lp5_r .slick-next { right: 0px;} .lp5_r .bg_lp5{position:absolute; bottom:-150px; right:-370px;} .lp5_r .text_block{padding:15px 0px 15px 0px; line-height:1.35; max-width:280px; margin:0px auto;} .lp5_r .text_block .tit{font-size:17px; font-weight:500; text-align:center; margin-bottom:5px;color:#12284C;} .lp5_r .text{font-size:14px; font-weight:400; color:#12284C; line-height:1.25; min-height:90px; } .lp5_r .text p{color:#12284C;} .lp5_r .btn_gold{font-size:17px; font-weight:300; text-transform:none; padding-top:12px; padding-bottom:12px;} .lp5_r .vigoda{padding:10px 5px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; border: solid 1px #F32735; display: flex; justify-content: space-around; margin-bottom: 15px; margin-top:15px; color:#12284C; font-weight:500; font-size:17px;} .lp5_r .vigoda b{color:#F32735;} .lp5_r .row_price{ display: flex; justify-content: space-around; margin-bottom: 5px; } .lp5_r .tbl_price{margin-top:7px;} .lp5_r .row_price b{color:#12284C;} .lp5_r .read_more { text-align: center; margin-top: 5px; } .lp5_r .read_more a { font-weight: 400; font-size: 14px; color: #12284C6E; border-bottom: solid 1px #12284C6E; margin-bottom: 8px; margin-top: 8px; display: inline-block; } .lp5_r .read_more a:hover { border-bottom: solid 1px transparent; } .lp5_r .tbl_top{} .lp5_r .tbl_top .ph_car{float:left; width:50%;} .lp5_r .tbl_top .right_bl{float:left; width:50%; padding-left:25px;} .lp5_r .tit_car{font-size:17px; color:#12284C; font-weight:700; line-height:1.1; padding-top:24px; text-transform:uppercase;} .lp5_r .desc{margin-top:10px; font-weight: 400; font-size: 17px; line-height: 1.25; letter-spacing: 0px; color:#12284C;} .lp5_r_2{background:#FBFBFB; padding-top:65px; padding-bottom:90px;} .lp5_r_2 .title{max-width:870px;} .lp5_r_2 .title_2 { font-size: 18px; max-width: 750px; margin-top: 35px; font-weight:500;} .lp5_r_2 .lp-cont{margin-top:50px;} .lp5_r_2 .slide{background:#fff; border-radius:10px; overflow:hidden; -webkit-box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04); -moz-box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04); box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04);} .lp5_r_2 .slide img{width:100%;} .lp5_r_2 .slide .bl{min-height:290px; padding:17px 18px;} .lp5_r_2 .slick-next { right: -180px; left: 0px; } .lp5_r_2 .slick-prev { left: -180px; right: 0px; } .lp5_r_2 .slider .slick-prev, .lp5_r_2 .slider .slick-next { position: absolute; top: auto; margin:0px auto; bottom: -65px; } .lp5_r_2 .slider .slick-dots { bottom: -37px; } .lp5_r_2 .tit{font-size:16px; font-weight:700; line-height:1.2; color:#434343;} .lp5_r_2 .desc{font-size:14px; font-weight:400; line-height:1.2; color:#434343; margin-top:15px;} .lp5_r_2 .desc p{padding-bottom:10px;} .lp6{padding:50px 0px 50px 0px;} .lp6 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp6 .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:610px;} .lp6 .lp-container{ width:100%; max-width:1005px; margin:0px auto; margin-top:55px;} .lp6 .step_ins .step_cell{float:left; width:50%; vertical-align:top; position:relative;} .lp6 .step_ins .step_r{padding-right:10px; padding-top:30px; padding-left:64px;} .lp6 p{font-size:18px; font-weight:500; color:#111110; line-height:1.6;} .lp6 .img_lp6{ border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; width:100%; max-width:585px;} .lp6 .form_top { margin-top: 85px;} .lp6 .img_struzhka{position:absolute; top:200px; left:-420px; z-index:-1;} .lp6 .btn_price{margin-top:70px;} .lp6 .btn_gold{max-width:415px; margin:0px auto; display:block; font-size:18px; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:26px 15px 20px 15px;} .lp6 .btn_gold:before{ content: ""; position: absolute; left: -60px; bottom: -20px; width: 140px; height: 89px; background: url(/bitrix/templates/xlpipe/css/../img/calcul_2.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp6 .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp6 .btn_gold span:before{content:""; position:absolute; left:-10px; top:14px; margin-top:-6px; width:21px; height:12px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_black.png) no-repeat 0% 0%; background-size:100%;} .lp6 .bbg_opilki{position:absolute; bottom:-100px; right:-620px; z-index:-1;} .lp_proizv{padding:50px 0px 50px 0px;} .lp_proizv .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_proizv .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:610px;} .lp_proizv .lp-container_top{ width:100%; max-width:1065px; margin:0px auto; margin-top:45px; padding-left:25px; float:right;} .lp_proizv .lp-container_top .step_cell{float:right; width:50%; vertical-align:top; position:relative; padding-left:40px;} .lp_proizv .lp-container_top .step_r{float:left; padding-right:40px; padding-top:60px; padding-left:20px; } .lp_proizv .lp-container_top .step_img{position:relative;} .lp_proizv .lp-container_top .step_img:before{content:""; position:absolute; right:-205px; top:-160px; width:378px; height:308px; background:url(/bitrix/templates/xlpipe/css/../img/img_struzhka_2.jpg) no-repeat 0% 0%; background-size:100%; z-index:-1;} .lp_proizv .lp-container{ width:100%; max-width:1060px; margin-top:80px;} .lp_proizv .lp-container .step_cell{float:left; width:50%; vertical-align:top; position:relative; padding-right:20px;} .lp_proizv .lp-container .step_r{padding-right:10px; padding-top:30px; padding-left:64px;} .lp_proizv .bbg_opilki_2{position:absolute; top:-25px; left:-230px; z-index:-1;} .lp_proizv .bg_pila{position:absolute; top:650px; left:-630px; z-index:-1;} .lp_proizv p{font-size:18px; font-weight:500; color:#111110; line-height:1.6;} .lp_proizv .img_lp_proizv_1{ border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; width:100%; max-width:495px;} .lp_proizv .img_lp_proizv_2{ border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px; width:100%; max-width:513px;} .lp_proizv .form_top { margin-top: 85px;} .lp_proizv .img_struzhka{position:absolute; top:200px; left:-420px; z-index:-1;} .lp_proizv .btn_price{max-width:415px; margin:0px auto; margin-top:70px; position:relative; display:block;} .lp_proizv .btn_gold{max-width:415px; margin:0px auto; display:block; font-size:18px; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:26px 15px 20px 15px;} .lp_proizv .btn_gold:before{ content: ""; position: absolute; left: -140px; bottom: -20px; width: 181px; height: 112px; background: url(/bitrix/templates/xlpipe/css/../img/btn_struzhka.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_proizv .btn_price:after{ content: ""; position: absolute; right: -120px; bottom: -30px; width: 177px; height: 178px; background: url(/bitrix/templates/xlpipe/css/../img/btn_pila.png) no-repeat 0% 0%; background-size: 100%; z-index: -1; animation: 20s linear 0s normal none infinite running rot; -webkit-animation: 20s linear 0s normal none infinite running rot;} .lp_proizv .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp_proizv .btn_gold span:before{content:""; position:absolute; left:-10px; top:14px; margin-top:-6px; width:21px; height:12px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_black.png) no-repeat 0% 0%; background-size:100%;} .lp_proizv .img_sip_panels { position: absolute; z-index: -1; bottom: -270px; right: -1000px; opacity:0.4;} .lp_vigodi{padding-top:70px; padding-bottom:70px;} .lp_vigodi .title{font-size:36px; max-width:850px; margin:0px auto; color:#000; font-weight:700; line-height:1.2; text-align:center; } .lp_vigodi .title span{color:#b178d5;} .lp_vigodi .lp-container{padding-top:60px;} .lp_vigodi .step{background:#fff; margin-bottom:60px; width:100%; border-radius:10px; padding:60px 50px 158px 50px; position:relative; -webkit-box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04); -moz-box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04); box-shadow: 0px 10px 10px 10px rgba(190, 190, 190, 0.04); } .lp_vigodi_1 .step { width:48%;} .lp_vigodi_2 .step { width:100%; max-width:987px; margin:0px auto; margin-bottom:45px;} .lp_vigodi .step .tit{font-size:20px; color:#434343; font-weight:700; line-height:1.2; max-width:322px; width:70%; min-height:100px; position:relative; margin-bottom:55px;} .lp_vigodi .step .tit:before{content:""; position:absolute; left:0px; bottom:-25px; width:100px; max-width:113px; height:7px; background:#f7e3ff; border-radius:10px;} .lp_vigodi .step .circle{} .lp_vigodi .step .circle { width: 100%; max-width: 100%; min-height: 100px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; line-height: 1.45; font-weight: 600; position: relative; z-index: 7; text-align: left; padding: 17px 35px 17px 35px; border: solid 5px #ebe1f9; background: #d9c5f3; color:#434343; font-size:16px; margin-top:28px; } .lp_vigodi .step .circle div{padding-right:15px;} .lp_vigodi .step .circle:before { content: ""; position: absolute; right: 10px; top: -26px; width: 67px; height: 67px; background: url(/bitrix/templates/xlpipe/css/../img/ico_circle_econom.png) no-repeat 0% 0%; background-size: 100%; } .lp_vigodi_2 .step .tit{min-height:35px; max-width:80%; } .lp_vigodi_2 .step ul{width:80%; max-width:700px;} .lp_vigodi .step ul{ list-style:none;} .lp_vigodi .step ul li{position:relative; padding-left:20px; margin-bottom:8px; line-height:1.45;} .lp_vigodi .step ul li:before{content:""; position:absolute; left:5px; top:10px; width:2px; max-width:2px; height:2px; background:#434343; border-radius:10px;} .lp_vigodi .wrap_btn_1{position:absolute; bottom:0px; left:0px; right:0px; padding:0px 50px 60px 50px; max-width:440px; margin:0px auto;} .lp_vigodi_2 .wrap_btn_1{max-width:440px; margin:0px auto;} .lp_vigodi .numb{font-size:67px; color:#DFD6E28F; font-weight:300; opacity:0.56; position:absolute; top:20px; right:20px;} .lp_vigodi .ico{background:#D4B5FB; border-radius:100%; width:110px; height:110px; position:absolute; top:60px; right:60px;} .lp_vigodi .ico img{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; display: block; max-width: 65px; width: 100%;} .lp_vigodi_1{background:#f5f5f5;} .lp_vigodi_1 .steps{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;} .lp_vigodi_1 .step:nth-child(odd){margin-right:1%;} .lp_vigodi_1 .step:nth-child(even){margin-left:1%;} .lp_vigodi_2{background:#fbfbfb;} .lp11{padding:70px 0px 50px 0px; position:relative; z-index:4;} .lp11 .wrap{padding-left:5px; padding-right:5px;} .lp11 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px; width:100%; max-width:514px; margin:0px auto;} .lp11 .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:590px;} .lp11 .lp-container{margin-top:70px; padding:6px; background: rgba(120,181,87,1); background: -moz-linear-gradient(45deg, rgba(120,181,87,1) 0%, rgba(204,248,181,1) 36%, rgba(204,248,181,1) 68%, rgba(120,181,87,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(120,181,87,1)), color-stop(36%, rgba(204,248,181,1)), color-stop(68%, rgba(204,248,181,1)), color-stop(100%, rgba(120,181,87,1))); background: -webkit-linear-gradient(45deg, rgba(120,181,87,1) 0%, rgba(204,248,181,1) 36%, rgba(204,248,181,1) 68%, rgba(120,181,87,1) 100%); background: -o-linear-gradient(45deg, rgba(120,181,87,1) 0%, rgba(204,248,181,1) 36%, rgba(204,248,181,1) 68%, rgba(120,181,87,1) 100%); background: -ms-linear-gradient(45deg, rgba(120,181,87,1) 0%, rgba(204,248,181,1) 36%, rgba(204,248,181,1) 68%, rgba(120,181,87,1) 100%); background: linear-gradient(45deg, rgba(120,181,87,1) 0%, rgba(204,248,181,1) 36%, rgba(204,248,181,1) 68%, rgba(120,181,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b557', endColorstr='#78b557', GradientType=1 ); border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; position:relative;} .lp11 .lp-container_ins{padding:17px 15px 14px 15px; background:#fff; border-radius: 16px; -moz-border-radius:16px; -webkit-border-radius:16px;} .lp11 .stars_block{ padding-left:20px; padding-right:0px; width:100%; max-width:1100px; margin:0px auto; margin-top:50px; } .lp11 .stars_block .star_block{display:inline-block; width:40%; text-align:center; vertical-align:top; padding:0px 10px;} .lp11 .stars_block .star_block img{display:inline-block; vertical-align:top;} .lp11 .stars_block .star_block .desc{display:inline-block; font-size:15px; color:#484545; vertical-align:top; padding-top:3px; padding-left:3px;} .lp11 .stars_block .star_block_2{width:27%;} .lp11 .stars_block .star_block_3{width:25.5%; text-align:right;} .lp11 .bg_lp11_1{position:absolute; top:200px; left:-570px; z-index:-1;} .lp11 .bg_lp11_2{position:absolute; top:250px; right:-460px; z-index:-1;} .boxer { display: table; border-collapse: collapse; width:100%;} .boxer .box-row { display: table-row;} .boxer .box { display: table-cell; text-align: center; vertical-align: middle; border: 2px solid #ededed; height:69px; padding:5px; line-height:1.2; position:relative; color:#28221f; width:11.4%;} .boxer .box_top{border-top:2px solid transparent; font-size:16px; font-weight:400;} .boxer .box_bot{border-bottom:2px solid transparent;} .boxer .box_left{border-left:2px solid transparent; font-size:18px; font-weight:400; width:20%; text-align:left;} .boxer .box_right{border-right:2px solid transparent;} .boxer .fadoco_img{max-width:140px; position:absolute; left:0px; right:0px; margin:0px auto; bottom:4px;} .lp_history{padding:50px 0px 50px 0px;} .lp_history .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px; width:100%; margin:0px auto;} .lp_history .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin:0px auto; margin-top:35px; width:100%; max-width:550px;} .lp_history .wrap{padding-left:5px; padding-right:5px;} .lp_history .lp-container{margin-top:75px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); position: relative; z-index: 2; background:#fff; box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .lp_history .slide_block{padding:55px 80px 50px 80px; width:100%; display:table;} .lp_history .slide_block .slide_left{width:50%; display:table-cell; vertical-align:top;} .lp_history .slide_block .slide_right{width:50%; display:table-cell; vertical-align:top; padding-left:45px;} .lp_history .slide_block .desc{padding-left:50px; font-size:18px; font-weight:500; color:#3f3d3d; line-height:1.2; position:relative;} .lp_history .slide_block .desc p{padding-bottom:20px;} .lp_history .slide_block .desc:before { content: ""; position: absolute; left: 0px; top: -4px; width: 30px; height: 30px; background: url(/bitrix/templates/xlpipe/css/../img/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_history .img_slide_top img{width:100%; max-width:517px; display:block; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .lp_history .img_slide_bot img{width:100%; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .lp_history .img_slide_bot{float:left; width:32%; margin-right:2%;} .lp_history .img_slide_bot_last{margin-right:0%;} .lp_history .photo_block{margin-top:19px;} .lp_history .btn_history{color:#508533;} .lp_history .slider .slick-prev, .lp_history .slider .slick-next { width: 46px; height: 46px; background: rgba(154,222,81,1); background: -moz-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,222,81,1)), color-stop(100%, rgba(99,164,62,1))); background: -webkit-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -o-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: -ms-linear-gradient(top, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); background: linear-gradient(to bottom, rgba(154,222,81,1) 0%, rgba(99,164,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ade51', endColorstr='#63a43e', GradientType=0 );} .lp_history .slider .slick-prev:hover, .lp_history .slider .slick-next:hover{ opacity:0.7; } .lp_history .slider .slick-prev:before, .lp_history .slider .slick-next:before { position:absolute; margin:0px auto; left:0px; right:0px; margin-top:-5px; width: 19px; height: 9px; } .lp_history .slider .slick-prev:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/arrow_l_2.png) no-repeat 50% 50%;} .lp_history .slider .slick-next:before { content: ''; background:url(/bitrix/templates/xlpipe/css/../img/arrow_r_2.png) no-repeat 50% 50%; right:-2px;} .lp_history .form_top{max-width:750px;margin-top:80px; -webkit-box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%); -moz-box-shadow: 0px 7px 20px 0px rgba(130,130,130,0.3); box-shadow: 0px 7px 20px 0px rgb(130 130 130 / 30%);} .lp_history .form_top .form_insite { padding: 22px 45px 21px 45px;} .lp_history .form_top .tit_form{max-width:520px;} .lp_history .btn_gold:before{ content: ""; position: absolute; right: -15px; bottom: -20px; width:65px; height: 112px; background: url(/bitrix/templates/xlpipe/css/../img/btn_pencil_2.png) no-repeat 0% 0%; background-size: 100%; z-index: 2;} .lp_history .bg_leavs_bot{position:absolute; z-index:-1; top:150px; left:-440px;} .lp_history .bg_hist{position:absolute; z-index:-1; top:250px; right:-640px;} .lp_map{background:url(/bitrix/templates/xlpipe/css/../img/bg_map-min.jpg) no-repeat 50% 0%; min-height:1000px; margin-top:-100px;} .lp_map .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:left; letter-spacing:0.45px; padding-top:300px; margin-left:100px;} .lp_map .map_small{display:none;} .lp12{padding:70px 0px 50px 0px; position:relative; z-index:4;} .lp12 .wrap{padding-left:5px; padding-right:5px;} .lp12 .lp-container{ margin-top:80px;} .lp12 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp12 .step_block{float:left; width:33.3%; margin-bottom:22px; padding:0px 10px; position:relative;} .lp12 .step{ background:#fff; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden; -webkit-box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); -moz-box-shadow: 0px 7px 30px 0px rgba(130,130,130,0.1); box-shadow: 0px 7px 30px 0px rgb(130 130 130 / 10%); position:relative; } .lp12 .step .step_ins{ padding:45px 40px 30px 40px; min-height:175px; position:relative; z-index:2;} .lp12 .step .numb{color:#dbdbdb; font-size:60px; font-weight:bold; position:absolute; right:30px; top:25px; } .lp12 .step .tit{color:#3f3d3d; font-size:22px; font-weight:bold; line-height:1.2; max-width:210px;} .lp12 .step .desc{color:#3f3d3d; font-size:16px; font-weight:500; line-height:1.2; margin-top:15px; max-width: 75%;} .lp12 .step .tit_5{ max-width:240px;} .lp12 .tit_form{font-size:19px; max-width:100%;} .lp12 .btn_green{padding:28px 15px 27px 15px;} .lp12 .bg_lp12_2{position:absolute; top:-70px; left:-370px; z-index:-1;} .lp12 .bg_lp12_3{position:absolute; bottom:0px; right:-400px; z-index:-1;} .lp12 .img_step_job{position:absolute; bottom:0px; right:0px;} .lp12 .img_step_job_1{bottom:10px; right:20px;} .lp12 .img_step_job_2{bottom:10px; right:30px;} .lp12 .img_step_job_3{bottom:-40px; right:0px;} .lp12 .img_step_job_4{bottom:-40px; right:-20px;} .lp12 .img_step_job_5{bottom:-20px; right:0px;} .lp12 .img_step_job_6{bottom:-30px; right:-60px;} .lp12 .btn_price{ max-width:410px; margin:0px auto; display:block; margin-top:60px; position:relative;} .lp12 .btn_gold{max-width:410px; margin:0px auto; display:block; font-size:18px; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:26px 15px 20px 15px;} .lp12 .btn_price:before{ content: ""; position: absolute; left: -70px; bottom: 0px; width: 100px; height:97px; background: url(/bitrix/templates/xlpipe/css/../img/btn_leavs_small.png) no-repeat 0% 0%; background-size: 100%; z-index: -1;} .lp12 .btn_price:after{ content: ""; position: absolute; right: -45px; bottom: -14px; width: 87px; height:80px; background: url(/bitrix/templates/xlpipe/css/../img/btn_leavs_small_2.png) no-repeat 0% 0%; background-size: 100%; z-index: -1;} .lp12 .btn_gold span{position:relative; display:inline-block; padding-left:25px;} .lp12 .btn_gold span:before{content:""; position:absolute; left:-10px; top:14px; margin-top:-6px; width:21px; height:12px; background:url(/bitrix/templates/xlpipe/css/../img/arrow_black.png) no-repeat 0% 0%; background-size:100%;} .lp12 .img_kaska { position: absolute; z-index: -1; top: -10px; left: -120px; } .lp12 .lp_12_img_tree{position: absolute; z-index: -1; top: -20px; right: -160px;} .lp12 .bbg_opilki_3{position: absolute; z-index: -1; top: 340px; left: -620px; } .lp_catalog{padding:90px 0px 75px 0px; background: #f5f5f5;} .lp_catalog .title{font-size:36px; max-width:850px; margin:0px auto; color:#000; font-weight:700; line-height:1.2; text-align:center; } .lp_catalog .title span{color:#b178d5;} .lp_catalog .tit span{white-space:nowrap;} .lp_catalog .lp-container { width:100%; max-width:880px; margin:0px auto; position: relative; z-index:3;} .lp_catalog .lp-container_top{ max-width:100%; margin-top: 50px;} .lp_catalog .lp-container_bot{ max-width:910px; margin-top: 50px;} .lp_catalog .step{width:32%; margin-right:1%; margin-left:1%; margin-bottom:45px; position:relative; box-shadow: 0px 10px 50px 0px rgba(239, 239, 239, 0.5); } .lp_catalog .step .step_ins{ align-items: stretch; justify-content: space-around; display: flex; flex-wrap: wrap; align-content: stretch; background:#fff; color:#000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:left; padding:10px 10px 18px 10px; position:relative; box-shadow: 0px 10px 50px 0px rgba(239, 239, 239, 0.5); border-bottom:solid 1px #e9e9e93d; overflow: hidden; z-index:3; height: 100%;} .lp_catalog .step div{width:100%;} .lp_catalog .step .podlozh{position:absolute; left:0px; right:0px; margin:0px auto; bottom:-10px; width:90%; height:10px; border-radius:0px 0px 15px 15px; background:#fff; background-size:100%; box-shadow: 0px 10px 50px 0px rgba(217, 217, 217, 0.5); z-index:2;} .lp_catalog .step_last{margin-right:0px;} .lp_catalog .step .tit{font-size:16px; font-weight:600; line-height:1.2; color:rgba(67, 67, 67, 1); margin-top:20px; padding-left:15px; padding-right:15px; text-align:center;} .lp_catalog .step img{width:100%; display:block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .lp_catalog .lp-cont{display:flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; position: relative; z-index: 2;} .lp_catalog .lp-cont_top { position: relative; text-align: center; justify-content: center;} .lp_catalog .lp-cont_top .step{width:23%;} .lp_catalog .lp-cont_bot .step{width:31.3%;} .lp_catalog_2{background:#fbfbfb; padding-bottom:50px; padding-top:60px; overflow: hidden;} .lp_catalog_2 .title{max-width:760px;} .lp_demo .step_block .postman{min-height:75px;} .lp15{padding-bottom:100px; padding-top:100px; background:#F5F5F5;} .lp15 .title{font-size:36px; color:#333438; text-align:center; line-height:1.2; position:relative; z-index:3;font-weight: 700; line-height: 1.2; text-align: center;} .lp15 .title span{color:#b178d5;} .lp15 .main {font-size:18px; line-height: 1.2; width: 100%; max-width:100%; display:block; margin:0px auto; margin-top:70px; position:relative; z-index:7;} .lp15 .panel{margin-bottom:10px; color: #333438; display: block; background:#fff; position: relative; transition: 0.3s; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 30px 0px rgb(133 133 133 / 10%); -moz-box-shadow: 0px 0px 30px 0px rgba(133,133,133,0.1); box-shadow: 0px 0px 30px 0px rgb(133 133 133 / 10%); overflow:hidden; } .lp15 .panel-heading a { padding: 24px 100px 20px 67px; display:block; font-weight:700; font-size:18px; color:#434343;} .lp15 .panel-heading a:hover { color:#b178d5; } .lp15 .panel-heading a::after { position: absolute; right: 15px; transition: 0.3s;} .lp15 .panel-heading.in a::after { content:'-'; color:#8C58F2; height:29px; width:29px; text-align:center; background-size:100%; position: absolute; right: 30px; transition: 0.3s; top:24px; overflow:hidden;line-height:1; } .lp15 .panel-collapse { display: none; padding-bottom: 20px; padding-top:0px; font-size:15px; color:#434343; padding-left:67px; padding-right:100px; line-height:1.2;} .lp15 .panel-collapse p{padding-bottom:15px; } .lp15 .panel-collapse ul{padding-bottom:15px;} .lp15 .panel-heading a b{color:#aca267;} .lp15 .panel-heading a::after { content:'+'; font-size:28px; font-weight:300; color:#8C58F2; height:29px; width:29px; text-align:center; background-size:100%; position: absolute; right: 30px; transition: 0.3s; top:24px; overflow:hidden; line-height:1;} .lp15 .bg_lp15{position: absolute; top: -55px; right: -110px; z-index:-1;} .lp15 .form_top { position: relative; margin: 0px auto; width: 100%; margin-top:80px; max-width:900px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding:0px; background:#D4B5FB; padding:10px;} .lp15 .form_top .form_insite { padding: 35px 50px 20px 50px; background:#fff;} .lp15 .form_header_tit { font-size: 18px; font-weight: 600; } .lp15 .form_header_tit_2 { font-size: 14px; margin-top: 10px; } .lp15 .form_tbl { margin-top: 35px; } .lp15 .line_ins { width: 50%; } .lp15 .btn_gold { font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding-top: 30px; padding-bottom: 30px; } .lp_top_questions .form_top { position: relative; margin: 0px auto; width: 100%; margin-top:80px; max-width:900px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding:0px; background:#D4B5FB; padding:10px;} .lp_top_questions .form_top .form_insite { padding: 35px 50px 20px 50px; background:#fff;} .lp_top_questions .form_header_tit { font-size: 18px; font-weight: 600; } .lp_top_questions .form_header_tit_2 { font-size: 14px; margin-top: 10px; } .lp_top_questions .form_tbl { margin-top: 35px; } .lp_top_questions .line_ins { width: 50%; } .lp_top_questions .btn_gold { font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding-top: 30px; padding-bottom: 30px; } .header-container .city_block{line-height:1.2;} .header-container .city_block .btn_city{color:#333438; font-size: 12.2px; font-weight: 600; } .header-container .city_block .city { font-size: 12.2px; font-weight: 400; border-bottom:dashed 1px #b178d5; color: #b178d5; text-align: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .header-container .city_block .city:hover{color:#333438; cursor:pointer; border-bottom:dashed 1px transparent; } .header-container .city_block .addr{color:#333438; font-size: 12.2px; } .header-container .mailto{text-align:right; margin-bottom:-2px; margin-top:0px;} .header-container .mailto a{color:#b178d5; font-size: 12.2px;} .header_menu .city_block .btn_city{color:#333438; font-size: 16px; font-weight: 600; } .header_menu .city_block .city { font-size: 16px; font-weight: 400; border-bottom:dashed 1px #b178d5; color: #b178d5; text-align: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .header_menu .city_block .city:hover{color:#333438; cursor:pointer; border-bottom:dashed 1px transparent; } .header_menu .city_block .addr{color:#333438; font-size: 16px; } .dropdown-city_block{display:none; position:fixed; z-index:1000; top:100px; left:0px; right:0px; width: 1215px; height: 70vh; max-width: 100vw; max-height: 70vh; margin:0px auto; padding-top:20px; } .dropdown-city_block_ins{background:#fff; padding:15px; border:solid 2px #000; height:60vh; width:100%; overflow-y:scroll; } .dropdown-city{ clear: both; column-count: 4; column-gap: 0px;} .dropdown-city{list-style:none; } .dropdown-city li{width:100%; padding:0px 10px 10px 00px; font-size:14px; position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .dropdown-city li:hover{color:#b178d5; cursor:pointer;} .dropdown-city li.pad_left{padding-left:25px; position:relative;} .dropdown-city li.pad_left:before{content: ""; position: absolute; left: 3px; top: -1px; width: 15px; height: 14px; background: url(/bitrix/templates/xlpipe/css/../img/check_vio.svg) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .dropdown-city li.none_cont:before{content: ""; position: absolute; left: 5px; top: 3px; width: 6px; height: 6px; border-radius:100%; background:#b178d5; background-size: 100%; z-index: 1; opacity:0.3;} .dropdown-city li.org{padding-left:40px; font-size:12px;} .dropdown-city li.org:before{content: ""; position: absolute; left: 25px; top: 4px; width: 8px; height: 2px; border-radius:100%; background:#b178d5; background-size: 100%; z-index: 1;} .dropdown-city .non_point{pointer-events:none;} .dropdown-city .org_last{margin-bottom:10px;} .dropdown-city li.letter{width:100%; pointer-events:none; margin-top:10px; font-weight:800; font-size:22px;} .dropdown-city li.letter_first{margin-top:0px;} .fix_bottom{display:none;} .fix_bottom .mailto a{color: #b178d5;} #modal-coockie { display: none; position: fixed; z-index: 9999999; background: #FFF; bottom: 10px; right: 10px; max-width: 550px; width: 100%; text-align: left; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2); overflow: auto;} #modal-coockie .tit_coockie{ font-size: 20px; color: #000; margin-bottom:5px;} #modal-coockie .text_coockie{ line-height: 1.35; font-size: 14px;} #modal-coockie .text_coockie a{border-bottom: solid 1px #486b82;} #modal-coockie .text_coockie a:hover{border-bottom: solid 1px transparent;} #modal-close {margin-top:15px; background: #b178d5; display: inline-block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; padding: 22px 15px 22px 15px; position: relative; border: none; letter-spacing: 0.8px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #fff; font-weight: bold; line-height: 1.25; font-size: 14px; text-align: center; opacity: 1;} #modal-close:hover { color: #FFF;} @media (max-width: 640px){ #modal-coockie {bottom: 0px; right: 0px; width:80%;} #modal-coockie .tit_coockie{ font-size: 16px; margin-bottom:3px;} #modal-coockie .text_coockie{ line-height: 1.2; font-size: 12px;} } @media (max-width: 1700px){ .lp10 .wrap{max-width:1200px;} .lp10 .slick-list{ overflow:visible; } .lp10 .slick-prev { left: 0px; right: auto; margin:auto; margin-top:-15px;} .lp10 .slick-next { right: 0px; left: auto; margin:auto; margin-top:-15px;} .lp10 .bg_lp10_1{ right:-530px;} .lp10 .bg_lp10_2{ left:-400px;} } @media (max-width: 1220px){ .lp-main .img_top { right: -100px;} .lp_history .slider .slick-prev, .lp_history .slider .slick-next { width: 36px; height: 36px;} .lp_history .slick-prev { left: 5px;} .lp_history .slick-next { right: 5px;} .lp-main .title_1 { font-size: 38px;} .lp-main .title_2 { font-size: 24px;} .lp-main .title_3 { font-size: 22px;} .lp-main .ul{margin-top: 30px;} } @media (max-width: 1180px){ .header-container .logo .logo_name{display:none;} .header-container .header_tbl_bot .logo .logo_name { display: block; } .header-container .header_tbl_bot .logo { width: 40%; max-width: 290px; } .header-container .logo { width: 15%; max-width: 140px;} .header-container .logo .img_logo { width: 100%;} .header-container .phone_block{ width: 60%;} .header-container .city_block{ width: 30%;} .lp-main .bg_lp_main{display:none;} .header_menu ul li.li_five a{padding-top:8px;} .header_menu ul li.li_five br{display:block;} .lp-main .wrap_btn { max-width: 385px;} .lp-main .btn { max-width: 385px;} .lp1 .title { font-size: 38px;} .lp1 .step_line .step { font-size: 16px;} .lp1 .title_2 { font-size:18px; max-width: 580px; margin-top: 10px;} .lp1 .circle_messenger {} .lp2 .title { font-size: 38px;} .lp2 .tit { font-size: 20px; padding-left: 14px; min-height: 48px; } .lp2 .desc { font-size: 18px; padding-left: 12px; margin-top: 35px; padding-right: 20px; padding-left: 20px; min-height: 200px;} .lp2 .step { min-height: 600px;} .lp2 .step_l { margin-right: 5%;} .lp1 .title { font-size: 32px; } .lp1 .lp_1_img_primer{display:none;} .lp1 .lp_1_img_hummer{max-width:750px; top:-80px; left:-150px; z-index:-1;} .lp3 .title { font-size: 38px;} .lp3 .slider .slide { max-width: 475px;} .lp3 .slider { max-width: 475px;} .lp3 .lp-container { max-width: 980px; margin: 0px auto; margin-top: 50px;} .lp3 .bot_block { padding: 35px 35px 35px 35px;} .lp3 .lp-container_2 { max-width: 980px; margin: 0px auto; margin-top: 37px;} .lp3 .lp-container_2 .bot_block { padding: 80px 45px 40px 45px;} .lp3 .cell ul.visual_li li { font-size: 18px; margin-bottom: 37px; padding-left: 50px;} .lp_exkurs .title { font-size: 28px;} .lp_exkurs .lp-container{padding: 0px 0px 30px 10px;} .lp_office .wrap_btn { margin-left: 45px;} .lp_office .tit { font-size: 18px;} .lp_office .title { font-size: 38px;} .lp_office .block_right { width: 50%; padding-left: 5px; padding-right:5px;} .lp_office .block_left { width: 50%; padding-top: 15px;} .lp_exkurs_2 .title { font-size: 38px;} .lp_exkurs_2 .title_2 { font-size:22px; } .lp_exkurs_2 .bg_lp_exkurs_2{ right: -600px; width:80%; max-width:750px;} .lp_scheme .title { font-size: 38px;} .lp_top_questions .title { font-size: 38px;} .lp_top_questions .title_2 { font-size: 22px;} .lp_why_we .step .tit { font-size: 18px;} .lp_why_we .desc { font-size: 16px; margin-top: 17px;} .lp_why_we .step{padding-bottom:160px;} .lp_why_we .title { font-size: 38px;} .lp_why_we .title_2 { font-size: 22px;} .lp_years .title { font-size: 38px;} .lp_years .title_2 { font-size: 20px;} .lp_price .title { font-size: 38px;} .lp_proizv .title { font-size: 38px;} .lp_proizv .title_2 { font-size: 20px;} .lp_proizv .img_sip_panels {display:none;} .lp_history .title { font-size: 38px;} .lp_history .title_2 { font-size: 22px; max-width: 500px; } .lp_history .slide_block .desc { padding-left: 40px; font-size: 16px; line-height: 1.2;} .lp_map .title { font-size:38px; } .lp5 .title { font-size: 38px;} .lp5_r .title { font-size: 38px;} .lp6 .title { font-size: 38px;} .lp6 .title_2 { font-size: 22px; } .lp6 ul li { margin-bottom: 23px; font-size: 18px;} .lp7 .tit { font-size: 20px;} .lp7 .desc { font-size: 18px; padding-top: 35px; padding-right: 15px; padding-left: 25px; min-height: 180px;} .lp8 .title { font-size: 38px;} .lp8 ul li { margin-bottom: 22px; padding-left: 52px; font-size: 18px;} .lp9 .title { font-size: 38px;} .lp9 .block_vig .tit { font-size: 18px; min-height: 50px; padding-left: 55px;} .lp9 .desc { font-size: 17px; margin-top: 11px; padding-left: 55px;} .lp10 .title { font-size: 38px;} .lp11 .title { font-size: 38px;} .lp11 .title_2 { font-size: 18px;} .lp11 .bg_lp11_1{display:none;} .lp11 .bg_lp11_2{display:none;} .lp12 .title { font-size: 38px;} .lp12 .step .tit { font-size: 20px; max-width: 190px;} .lp12 .step .desc { font-size: 15px; margin-top: 12px;} .lp13 .title { font-size: 38px;} .lp14 .title { font-size: 38px;} .lp14 .title_2 { font-size: 20px;} .lp15 .title { font-size: 38px;} .lp15 .panel-heading a { padding: 24px 100px 20px 67px; font-size: 18px;} .lp16 .lp-container .left .tit { font-size: 38px;} .lp16 .lp-container .left .cont_block .cont_1 { font-size: 18px; padding-left: 60px;} .lp16 .lp-container .left .cont_block .cont_2 { font-size: 16px; margin-top: 6px; padding-left: 60px;} .lp16 .lp-container .block{padding-right:20px;} .lp16 .circle_block .step .circle_tit { font-size: 18px;} .lp16 .circle_block .step img{width:100%; max-width:100px;} .lp16 .circle_block .step_last .circle_tit { margin-top: 38px;} .lp_why_we .step_top{ min-height:570px; padding-bottom:180px;} .lp1 .lp-container_ins{ padding: 55px 55px 50px 55px;} .lp5_r .tit_car{padding-top:0px;} .lp_top_questions ul { margin-top: 0px;} } @media (max-width: 1080px){ .header-container .phone_block .btn_call_back{width:25%;} .header-container .all_phones{width:75%;} .header-container .btn_top{ padding: 10px 15px 10px 15px;} .lp-main header {width: 60%;} .lp-main .slider_block{ width: 40%;} .lp-main .ul_block {width: 60%;} .lp-main .ul { margin-top: 10px; } .lp-main .title { position: relative; max-width: 680px; width: 100%; } .lp-main .title_1 {line-height:1.1; } .lp-main .title_2 { font-size: 22px; } .lp-main .title_3 { font-size: 20px; } .lp-main .title_srok{ right: 100px; padding: 5px 10px 5px 50px; min-height: 46px;} .lp-main .ul { max-width: 640px;} .lp-main .wrap_btns { max-width: 620px;} .lp-main .img_top { margin: 0px auto; right: -100px; } .lp-main .ul .li .ins_bl{padding-bottom:0px;} .lp-main .ul .li{ margin-bottom: 7px;} .lp-main .wrap_btns { width: 60%;} .lp-main .wrap_btn {width: 57%;} .lp-main .title_srok:before{top: 12px;} .lp-main .slider .slick-dots{text-align:left;} .lp1 .title_3 { font-size: 16px;} .lp1 .title { font-size: 24px; } .lp1 .title_2 { font-size: 16px; max-width: 580px; margin-top: 10px; } .lp1 .lp-container_ins { padding: 60px 40px 40px 40px;} .lp1 .line { text-align: left; max-width: 640px; width: 100%; margin: 0px;} .lp1 .form_all .form-text{max-width:640px; width:100%; border:solid 1px #f2f2f2;} .lp1 .step_line .step_right{ right: 40px;} .lp1 .lp_1_img_tree{display:none;} .lp1 .lp_1_img_paper{display:none;} .lp_check .form_all .check { margin-bottom: 18px;} .lp3 .slider .slide { max-width: 375px;} .lp3 .slider { max-width: 375px;} .lp3 .lp-container { max-width: 768px; margin: 0px auto; margin-top: 50px;} .lp3 .bot_block { padding: 35px 35px 35px 35px;} .lp3 .lp-container_2 { max-width: 768px; margin: 0px auto; margin-top: 37px;} .lp3 .lp-container_2 .bot_block { padding: 40px 40px 30px 40px;} .lp3 .lp-container_2 .proj_block { margin-bottom: 20px;} .lp3 .proj_block .desc { font-size: 14px; line-height: 1.1; margin-bottom: 3px;} .lp3 .proj_block .left { float: none; width: 100%; padding-right: 0px; max-width: 100%;} .lp3 .proj_block .right { float: none; width: 100%; padding-right: 0px; max-width: 100%;} .lp3 .btn_gold { } .lp3 .bot_block .btn_gold {padding: 22px 10px 18px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; letter-spacing: 0.15px; font-size: 12px;} .lp3 .lp-container_2 .proj_tit span{display:none;} .lp3 .proj_tit { font-size: 20px; margin-bottom: 17px;} .lp3 .lp-container .proj_tit {min-height: 95px;} .lp3 .wrap_btn:before { left: 0px; right:0px; margin:0px auto; top: -200px; width: 358px; height: 280px; background: url(/bitrix/templates/xlpipe/css/../img/btn_book-min.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp3 .wrap_btn { margin-top: 240px; position: relative;} .lp_office .btn_white:before { left: 50px; bottom: -25px;} .lp_office .img_project{display:none;} .lp_exkurs_2 .bg_lp_exkurs_2 {max-width:700px; width:90%; position: absolute; top: 200px;} .lp_exkurs_2 .step_block .step { font-size: 16px;} .lp_exkurs_rasch_2 .lp_cont_ins{padding-right:40px; padding-bottom:20px;} .lp_top_questions .text_block {padding-right: 20px; padding-left:20px;} .lp_top_questions ul li { padding-left: 55px; font-size: 18px;} .lp_top_questions .cloud .tit { font-size: 18px;} .lp_top_questions .lp-container_2 .text_block { padding-left: 25px;} .lp_top_questions .lp-container_3 .text_block {padding-right: 20px; padding-left:20px;} .lp12 .img_step_job_1{bottom:10px; right:20px; width:100%; max-width:80px;} .lp12 .img_step_job_2{bottom:10px; right:30px; width:100%; max-width:110px;} .lp12 .img_step_job_3{bottom:-40px; right:0px; width:100%; max-width:120px;} .lp12 .img_step_job_4{bottom:-40px; right:-20px; width:100%; max-width:180px;} .lp12 .img_step_job_5{bottom:-20px; right:-10px; width:100%; max-width:120px;} .lp12 .img_step_job_6{bottom:-10px; right:-30px; width:100%; max-width:140px;} .lp16 .logo_blocks .logo_block { float: left; width: 100%; max-width: 175px;} .lp16 .logo_blocks .logo_block img{width:100%;} .lp16 .circle_block .step .circle_tit { font-size: 16px;} .lp_why_we .step_top{ min-height:540px; padding-bottom:160px;} .lp5_r .text{ min-height: 115px;} .lp5_r .tit_car { font-size: 15px;} .lp5_r .desc { font-size: 15px; line-height: 1.2;} .lp5_r .text { font-size: 12px;} .lp5_r .text { min-height: 95px; } .lp_top_questions ul { margin-top: 0px;} .lp_brigada .title{right: 0px;} .lp_brigada .title_2{right: 0px;} .lp_brigada .title_3{left: 0px;} .lp_brigada .step_1{ left: 0px;} .lp_brigada .step_2{ right: 0px;} .lp_brigada .step_2_2{ left: 0px;} .lp_brigada .step_3{ right: 0px;} .lp_brigada .step_2_2{ max-width: 272px;} .lp_brigada .step_3{ max-width: 291px;} .lp_top_questions_3 ul li{ padding-left:95px;} .lp_demo .step_block{max-width:600px;} .lp_demo .step_block .postman{min-height:85px;} } @media (max-width: 980px){ .header-container{padding-right:15px;} .dropdown-city { column-count: 3;} .header-container .ocenka{display:none;} .header-container .logo { width: 15%; max-width: 120px; } .header-container .phone_block { width:55%; } .header-container .city_block { width: 30%; } .header-container .logo .logo_name{padding-top:0px;} .header-container .city_block{padding-top:0px;} .header-container .logo .img_logo{margin-top:0px;} .header-container .phone_block .phone{padding-top:0px;} .header-container .phone_block .btn_call_back { max-width: 120px; width:23%; padding-left: 15px; margin-top: 0px; } .header-container .all_phones{width:77%;} .header-container .logo .img_logo { width: 100%; max-width: 100px;} .header-container .logo .logo_name{ max-width: 165px;} .header-container .btn_top{ padding: 10px 10px 10px 10px; margin-top:0px;} .header-container .phone_block .phone .phone_a{font-size: 16px; padding-left:0px; } .header-container .phone_block .phone .phone_b{font-size: 16px; padding-left:0px;} .header-container .phone_block .phone .phone_b a{padding-left:0px;} .header-container .phone_block .phone .phone_a a{padding-left:0px;} .header-container .phone_block .phone .phone_a a:before{display:none;} .header-container .phone_block .phone .phone_b a:before{display:none;} .header-container .phone_block .phone_1 { padding-left: 5px; padding-top:4px; padding-right:5px;} .header-container .header_tbl_bot .logo{width:30%;} .header-container .header_tbl_bot .phone_block{width:70%;} .lp-main .its_free { font-size: 12px; max-width: 170px; float:none; padding-left:0px; font-size: 12px; margin-left:0px; display: block; margin-top: 5px; float: none; max-width: 385px; text-align:center; width: 100%;} .lp-main .wrap_btn { float:none; width: 100%; } .lp-main header {width: 100%;} .lp-main .slider_block{ width: 40%; margin-top: -30px;} .lp-main .ul_block {width: 60%;} .lp-main .ul { margin-top: 10px; } .lp-main .circle{top:-55px;} .lp-main .title { position: relative; max-width: 920px; width: 100%; } .lp-main .title_1 { font-size: 42px; line-height: 1.05; } .lp-main .title_2 { font-size: 28px;} .lp-main .title_3 { font-size: 22px; max-width: 55%; font-size: 22px; } .lp-main .title_srok{ right: 100px; padding: 5px 10px 5px 50px; min-height: 46px;} .lp-main .ul { max-width: 640px;} .lp-main .wrap_btns { max-width: 620px; margin-top: 30px;} .lp-main .img_top { margin: 0px auto; right: -100px; } .lp_check .form_all .check input[type="checkbox"]:checked + label, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label, .lp_check .form_all .check input[type="radio"]:checked + label, .lp_check .form_all .check input[type="radio"]:not(:checked) + label { padding-left: 32px; font-size: 16px;} .footer-bg .bg_leavs_bottom { position: absolute; z-index: -1; bottom: -25px; right: -150px;} .progress_line{ height: 6px; top:0px; } #progress_green{ height: 6px; top: 0px; } .footer-bg .header-container{padding-left:15px; padding-right:15px;} .footer-bg .header-container .logo .after_logo .ssil { float: none; width: 100%; padding-left: 0px; position: relative; } .footer-bg .header-container .logo .after_logo .ssil_2{margin-top:10px;} .footer-bg .header-container .logo .after_logo{padding-top:15px;} .footer-bg .header-container .logo .logo_block { width: 100%; min-width: 250px; margin:0px auto; float:none; margin-bottom:0px; text-align:center; display:block; } .footer-bg .addr { display: block; float:none; margin:0px auto; margin-top:20px; margin-bottom:20px; width:100%; } .footer-bg .phone_block .phone{ text-align: center; float: none; margin: 0px auto; max-width: 185px; display: block; margin-top:0px;} .footer-bg .header-container .mailto{text-align:center;} .footer-bg .phone_block .phone .phone_a{text-align:center;} .footer-bg .phone_block .phone .phone_a{display:inline-block;} .footer-bg .phone_block .btn_call_back { float: none; max-width: 200px; width: 100%; padding-left: 0px; margin: 0px auto; margin-bottom:20px; } .lp_exkurs .title { font-size: 24px; line-height:1.15; } .lp_exkurs .step_block .step{ padding-right: 8px} .lp_exkurs .step_block{margin-top:50px;} .lp_exkurs .step_block:before{content: ""; position: absolute; left:0px; right:-100px; margin:0px auto; top:-60px; width: 200px; height:70px; background: url(/bitrix/templates/xlpipe/css/../img/img_our_spec.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_exkurs_rasch .title_2 { font-size: 20px; line-height: 1.2; max-width: 650px; margin:0px auto; margin-top: 10px; } .lp_exkurs_rasch .block_right img { width: 100%; max-width:550px; margin:0px auto; margin-bottom:-40px; margin-top: -30px; } .lp_exkurs_rasch .steps .step .desc .desc_ins{padding:35px 15px 15px 15px;} .lp_exkurs .step_block .postman{ padding: 6px 10px;} .lp1 header { width: 40%;} .lp1 .lp-container_ins { width: 60%;} .lp1 .lp-container{margin-top:15px;} .lp1 .btn_wrap { margin-top: 30px; max-width: 100%;} .lp1 .btn_wrap .btn_next{ max-width: 245px; padding: 17px 15px 17px 15px; line-height:1.1;} .lp1 .btn_wrap .btn_prev{ max-width: 245px; padding: 17px 15px 17px 15px; line-height:1.1; } .lp1 .btn_wrap .btn_green{margin-top:10px;} .lp1 .step_line .step { width: 100%;} .lp1 .line_progress_right { width: 100%;} .lp1 .lp-container_ins { background-size: 450px;} .lp1 .column { width: 49%; padding-right: 15px;} .lp1 .kviz_form_5 .tit {line-height:1.2; max-width: 470px;} .lp1 .catalo_tit{font-weight:bold; font-size: 16px; max-width: 320px;} .lp1 .lp_1_img_primer{display:none;} .lp1 .lp_1_img_hummer{display:none} .lp1 .line { text-align: left; max-width: 540px; width: 100%; margin: 0px;} .lp1 .btn_wrap .btn_prev{ max-width: 200px; line-height: 1.2;} .lp1 .btn_wrap .btn_next{ max-width: 200px; line-height: 1.2;} .lp1 .title_pr{font-size:32px; max-width: 620px;} .lp1 .circle{ right: -520px; top: 285px;} .form_top .line_ins { float: none; width:100%; padding: 0px 10px; margin-bottom:25px; } .lp2 .step { width: 46%;} .lp2 .tit { font-size: 17px; padding-left: 7px; min-height: 40px;} .lp2 .desc { font-size: 16px; min-height: 180px;} .lp2 .step { min-height: 680px;} .lp3 .slider { } .lp3 .cell ul.visual_li li { font-size: 16px; margin-bottom: 27px; padding-left: 50px;} .lp_office .lp-container { margin-top: 30px; width: 100%; display: block;} .lp_office .block_left { display: block; width: 100%; vertical-align: top; padding-top: 15px;} .lp_office .block_right { display: block; width: 100%; vertical-align: top; padding-top: 15px;} .lp_office .slider_bg { width: 709px; margin: 0px auto;} .lp_office .numb { margin-left: 0px;} .lp_office .step{max-width:420px; margin:0px auto; margin-bottom:20px;} .lp_office .wrap_btn { display: block; margin: 0px auto; margin-top: 15px; max-width: 345px; width: 100%; right:-50px;} .lp_exkurs_2 { padding: 100px 0px 60px 0px;} .lp_exkurs_2 .bg_lp_exkurs_2{ right: 0px; left:0px; width:100%; max-width:800px; margin:0px auto; position:relative; display:block; top:auto; margin-top:20px;} .lp_exkurs_2 .img_plant{ display:none;} .lp_exkurs_2 .step_block { width: 100%; max-width: 100%;} .lp_exkurs_2 .form_top{margin-top:20px;} .lp_exkurs_2 .img_pencil { position: absolute; bottom: -75px; right: 15px; max-width:180px; width:100%; z-index: 2;} .lp15 .form_all .btn_gold { margin-top: 0px;} .lp_years .tit{text-align:center;} .lp_price .lp-container { margin-top: 90px; text-align:center;} .lp_price .block_price { margin-right:0px; width: 100%; max-width:364px; float: none; display:inline-block; vertical-align:top; margin:0px 1% 80px 1%; text-align:left; } .lp6 ul li { margin-bottom: 20px; font-size: 16px;} .lp6 .step_ins .step_r { padding-right: 10px; padding-top: 0px; padding-left:25px;} .lp_proizv .lp-container_top .step_r { padding-right: 0px; padding-top: 0px; padding-left: 0px;} .lp_proizv .lp-container .step_r { padding-right: 0px; padding-top: 0px; padding-left: 20px;} .lp_history .slide_block { padding: 55px 45px 50px 45px;} .lp_history .slide_block .slide_right { padding-left: 20px;} .lp_map .title { padding-top: 0px; margin-left: 0px; font-size:38px; text-align:center;} .lp_map { background: #fff; min-height: auto; margin-top: 40px;} .lp_map .map_small{display:block; width:100%; max-width:500px; margin:0px auto; margin-top:40px;} .lp7 .step { width: 46%;} .lp7 .tit { font-size: 17px; padding-left: 7px; min-height: 40px;} .lp7 .desc { font-size: 16px;} .lp7 .step { padding: 54px 28px 20px 28px; min-height: 640px;} .lp8 ul li { margin-bottom: 17px; padding-left: 42px; font-size: 16px;} .boxer .box_top { font-size: 14px;} .boxer .box_left { font-size: 14px;} .boxer .box_keram span{ display:block;} .lp11 .stars_block { padding-left: 0px; margin: 0px; margin-top: 50px;} .lp11 .stars_block .star_block { display: block; width: 100%; text-align: left; vertical-align: top; padding: 0px 10px; margin-bottom:20px;} .lp12 .step .desc { margin-top: 18px;} .lp12 .img_step_job_1{bottom:10px; right:0px; width:100%; max-width:70px;} .lp12 .img_step_job_2{bottom:10px; right:0px; width:100%; max-width:100px;} .lp12 .img_step_job_3{bottom:-20px; right:-10px; width:100%; max-width:100px;} .lp12 .img_step_job_4{bottom:-25px; right:-30px; width:100%; max-width:140px;} .lp12 .img_step_job_5{bottom:-20px; right:-20px; width:100%; max-width:100px;} .lp12 .img_step_job_6{bottom:-10px; right:-40px; width:100%; max-width:120px;} .lp12 .step .step_ins { min-height: 185px; padding-top:25px;} .lp12 .step .numb { font-size: 48px; right: 15px; top: 20px; } .lp12 .bbg_opilki_3{display:none;} .lp16 .circle_block .step .circle_tit { font-size: 16px;} .lp16 .circle_block .step_last .circle_tit { margin-top: 25px;} .lp13 .form_top .img_ruletk { position: absolute; bottom: -270px; left: 0px; right:0px; margin:0px auto;} .lp14{padding-top:250px;} .lp_vigodi_1 .steps { display: block;} .lp_vigodi_1 .step:nth-child(odd) { margin-right: 0%;} .lp_vigodi_1 .step:nth-child(even) { margin-left: 0%;} .lp_vigodi_1 .step { width: 100%;} .lp_vigodi .step .tit { max-width: 100%; min-height: 60px;} .lp_demo .block_left { float: none; width: 100%; } .lp_demo .block_right { float: none; width: 100%; padding-left: 0px; padding-top: 35px; } .lp_demo .block_left .step{margin-bottom:20px;} .lp_demo .block_left .step_1 { max-width: 100%; } .lp_demo .block_left .step_2 { max-width: 100%; float: none; } .lp_demo .block_left .step_3 { max-width: 100%; left:0px; } .lp_demo .violet_line { display:none; } .lp4 .lp-container { margin-top: 30px; display: block; } .lp4 .step { float: none; width: 100%; margin-right: 0%; position: relative; margin-bottom: 20px; } .lp_demo .step_block{margin:0px auto;} .lp_demo .lp-container{padding:0px;} } @media (max-width: 840px){ .fix_bottom{position:fixed; display:block; bottom:0px; left:0px; width:100%; background:#fff; padding:10px; z-index:8; font-size:14px !important; line-height:1.1; border-top:solid 1px #b178d5;} .fix_bottom .city_block{float:left; width:50%; text-align:left;} .fix_bottom .phone{float:right; width:50%; text-align:right; padding-left:15px;} .fix_bottom .addr{ width:100%; text-align:left; padding-left:0px; padding-right:0px; margin-top:5px;} .fix_bottom .city_block .btn_city{color:#333438; font-size: 14px; font-weight: 600;} .fix_bottom .city_block .cit{margin-bottom:0px;} .fix_bottom .city_block .city { font-size: 14px; font-weight: 400; border-bottom:dashed 1px #b178d5; color: #b178d5; text-align: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .fix_bottom .city_block .city:hover{color:#333438; cursor:pointer; border-bottom:dashed 1px transparent; } .fix_bottom .city_block .addr{color:#333438; font-size: 10px; } .header-container { padding-bottom: 10px; padding-top: 15px; padding-right: 15px; padding-top:10px;} .header-container .logo .img_logo{ max-width: 100px;} .footer-bg .header-container .mailto { display: block; text-align:center; } .header-container .logo .logo_name{ font-size: 11px; padding: 10px 5px 0px 10px; max-width: 150px;} .header-container .phone_block .btn_call_back { float: right; max-width: 170px; width: 100%; padding-left: 20px; margin-top: -5px;} .header-container .city_block{display:none;} .header-container .info_inv .city_block{display:block;} .header-container .info_inv a {color:#000;} .header-float .header_menu{display:none;} .header-float{border-left:none; border-right:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px ;} .header_menu .info_inv{display:block; text-align:center; margin-top:40px; line-height:1.2; font-size:18px;} .header_menu .info_inv .btn_top { display: inline-block; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; width: 100%; padding: 22px 15px 21px 15px; position: relative; border: none; letter-spacing: 1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #fff; font-weight: 600; line-height: 1.8; font-size: 14px; text-align: center; opacity: 1; max-width:390px; margin-top:10px; margin-bottom:10px; text-transform:uppercase; } .menu_open_now .header_menu{ z-index:9; padding-top:110px; width: 100%; margin: 0px 0px 0px 0px; display: block; background:#FBFBFB; position:fixed; top:0px; left:0px; right:0px; width:100%; height:100%; overflow-y: auto; padding-bottom:50px; color:#000;} .menu_open_now .header-float .menu { display:block; } html.menu_open_now, body.menu_open_now{overflow:hidden;} .header-float .menu__icon{display:block; float:right;} .header-float .menu__icon{ width: 8%; margin-top:-5px;} .header-container .btn_top{padding-top:5px; padding-bottom:5px; margin-top:5px;} .header-container{position:fixed; background:#fff; z-index:1000;} .header-container .phone_block { width: 82%; } .header-container .all_phones { width: 77%; max-width: 400px; } .header-container .logo { width: 15%; } .header-container .phone_block .btn_call_back { max-width: 120px; padding-left: 10px; } .header-container .phone_block .phone .phone_a { font-size: 16px; } .header-container_bot{position:relative;} .header-container .header_tbl_bot { display: block;} .footer-bg .header-container .logo .logo_block{display:block;} .footer-bg .header-container .logo { width: 100%; margin: 0px auto; text-align: center; } .footer-bg .header-container .logo .logo_block{margin:0px auto; text-align:center;} .footer-bg .logo .img_logo{margin:0px auto; text-align:center;} .footer-bg .header_tbl_bot .logo .logo_name br{display:none;} .footer-bg.header_tbl_bot .logo { width: 100%; max-width: 100%; } .footer-bg .header-container .logo { width: 100%; } .footer-bg .header-container .phone_block { width:100%; max-width: 100%; margin-top:20px;} .footer-bg .header-container .phone_block .btn_call_back { padding-left: 10px; max-width: 170px;} .footer-bg .header-container .phone_block .phone .phone_a { font-size: 13px;} .footer-bg .header-container .phone_block .phone .phone_call {display:none;} .footer-bg .header-container .phone_block .phone{margin-top:0px; width:50%;} .footer-bg .btn_top{padding-top:20px; padding-bottom:19px;} .footer-bg .phone_tel_b{font-size:12px;} .footer-bg .mail_name{margin-top:7px; padding-top:0px; padding-bottom:0px;} .footer-bg .header-container_bot .phone_block .btn_call_back { float: none; max-width: 270px; width: 100%; padding-left: 0px; margin-top: 5px; } .footer-bg .logo img { width: 100%; max-width: 180px; margin-top: -2px; } .footer-bg .logo .logo_name { padding: 15px 5px 0px 10px; max-width: 170px; } .footer-bg .header_tbl_bot .logo .logo_name { display: block; max-width: 100%; font-size: 14px; text-align:center; float:none; margin:0px auto; width:100%; } .footer-bg .header-container_bot .logo .img_logo { max-width: 260px; margin: 0px auto; float: none; } .footer-bg .header-container_bot .phone_block .btn_call_back{width:33.3%;} .footer-bg .all_phones{width:66.6%; max-width: 100%;} .lp-main .title_2_invis{display:block;} .lp-main .title_1 { font-size: 32px; line-height: 1.05; } .lp-main .title_3 { line-height: 1.1; max-width: 100%; font-size: 18px; } .lp-main .title { font-size: 28px; line-height: 1.2;} .lp-main .img_top_invis{display:block; width:100%; margin-top:-50px;} .lp-main .lp-container { padding-top: 100px; padding-bottom: 0px; position: relative; z-index: 5; text-align:center;} .lp-main .title_2:before{display:none;} .lp-main .img{position:relative; margin-top:-230px; } .lp-main .ul_block{margin-top:30px;} .lp-main .circle{display:none;} .lp-main .circle.circle_invis{display:block; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-top:0px; max-width:100%; margin-left:0px;} .lp-main .title{ max-width: 520px; margin:0px auto;} .lp-main .skidka_block { bottom: 223px; margin: 0px; left: auto; right: 0px; max-width: 270px;} .lp-main .ico_cir_percent { bottom: 10px; right: 70px;} .lp-main .img_circle_hummer { bottom: 12px; right: 10px;} .lp-main .wrap_btns { max-width: 100%; margin-top:15px;} .lp-main .ul { max-width: 100%; margin-top:10px; } .lp-main .ul .li{margin:1%; } .lp-main .cleaner_invis{display:block;} .lp-main .wrap_btns{margin-top:40px;} .lp-main .wrap_btn{margin:0px auto; float:none; } .lp-main .wrap_btns { float: none; width: 100%; } .lp-main .bg_lp_main{display:none;} .lp-main .title { font-size: 42px; letter-spacing: 0.4px; max-width: 680px; line-height: 1.1;} .lp-main header { float: none; width: 100%; padding-right:0px; } /* .lp-main .slider_block { float: none; width: 100%; margin:0px auto; margin-top:20px; max-width: 415px; } .lp-main .ul_block { width: 100%; float: none; } */ .lp-main .ul .li .ins_bl .ico_bullet{left:0px;} .lp-main .slider_block { width: 50%; margin-top:30px; padding-right:10px;} .lp-main .ul_block { padding-left:0px; padding-right:10px; width: 50%; float: left; } .lp-main .ul { display: block; max-width: 320px; } .lp-main .ul .li { min-height:auto; width: 100%; float: none;} .lp-main .its_free { font-size: 12px; margin:0px auto; display:block; margin-top: 5px; float: none; text-align: center; max-width: 400px; width: 100%; } .lp-main .img_top { top: auto; margin: 0px auto; left: 0%; right: 0px; max-width: 650px; width:100%; position:relative; margin-top:0px; display:block;} .lp-main .title_2 { font-size: 22px; margin-top:10px; } .lp-main .title br{display:none;} .lp-main .title_srok { right: 0px; left:0px; margin:0px auto; position:relative; margin-top:20px; } .lp-main .ul .li .ins_bl{ padding: 10px 10px 5px 50px;} .lp-main .ul .li { font-size: 14px; margin-bottom:8px;} .lp-main .ul .li div { max-width: 100%;} .lp-main .ul .li div span{white-space:nowrap;} .lp-main .wrap { padding-bottom: 40px;} .lp-main .circle{font-size:12px;} .lp-main .circle { top: auto; bottom: -20px; left: -630px; } .lp-main .ul .li .ins_bl .ico_bullet { width: 38px; height: 38px; } .lp1 .circle{ right: 7%; left:auto; margin:0px;} .lp2 .step {margin:0px auto; width:100%; max-width: 540px; margin-bottom:70px; display: block; min-height: auto; padding-bottom:30px;} .lp2 .tit { font-size: 20px; padding-left: 7px; min-height: auto; text-align:center;} .lp2 .desc { font-size: 18px;} .lp2 .circle { font-size: 24px; top: -30px; left: 0px; right:0px; margin:0px auto; text-align: center; } .lp2 .desc{ min-height: auto; padding-bottom:10px;} .lp3 .lp-container { margin-top: 40px; display: block;} .lp3 .cell_1 { display: block; width: 100%; vertical-align: top; padding-right: 0px;} .lp3 .cell_2 { margin-top:37px; display: block; width: 100%; vertical-align: top; padding-left: 0px;} .lp3 .slider { max-width: 585px;} .lp3 .cell ul.visual_li { list-style: none; max-width: 585px; width: 100%; position: relative; margin:0px auto; z-index: 4;} .lp3 .cell_2 .fadoco_img { position: absolute; right: -420px; left:0px; margin:0px auto; top: -63px; z-index: 4;} .lp3 .slider .slide { max-width: 555px;} .lp3 .slider { max-width: 555px;} .lp3 .lp-container { max-width: 555px; margin: 0px auto; margin-top: 50px;} .lp3 .bot_block { padding: 35px 35px 35px 35px;} .lp3 .lp-container_2 { max-width: 555px; margin: 0px auto; margin-top: 37px;} .lp3 .lp-container_2 .bot_block { padding: 40px 40px 30px 40px;} .lp3 .lp-container_2 .proj_block { margin-bottom: 20px;} .lp3 .proj_block .desc { font-size: 16px; line-height: 1.15; margin-bottom: 3px;} .lp3 .proj_block .left { float: left; width: 50%; padding-right: 20px; max-width: 200px;} .lp3 .proj_block .right { float: right; width: 50%; padding-right: 0px; max-width: 200px;} .lp3 .btn_gold { padding: 22px 10px 18px 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; letter-spacing: 0.15px; font-size: 12px;} .lp3 .proj_tit { font-size: 20px; margin-bottom: 17px;} .lp3 .lp-container_2 .cell_slidder { display:block; width: 100%; vertical-align: top; padding-right: 0px;} .lp3 .lp-container_2 .bot_block { display: block; width: 100%; vertical-align: top; padding-right: 0px;} .lp3 .lp-container_2 .bot_block { padding: 35px 35px 35px 35px;} .lp3 .lp-container_2 .slider .slide { border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px;} .lp3 .lp-container_2 .cell_ins { display: block; width: 100%;} .lp3 .lp-container_2 .proj_tit span{display:block;} .lp3 .lp-container .proj_tit { min-height: auto;} .lp6 .step_ins .step_cell { float: none; width: 100%;} .lp6 .step_ins .step_r { padding-right: 0px; padding-top: 0px; margin-top:40px; padding-left:0px;} .lp6 .step_ins{width:100%; max-width:585px; margin: 0px auto;} .lp_proizv .step_ins .step_cell { float: none; width: 100%;} .lp_proizv .step_ins .step_r { padding-right: 0px; padding-top: 0px; margin-top:40px; padding-left:0px;} .lp_proizv .step_ins{width:100%; max-width:495px; margin: 0px auto;} .lp_proizv .lp-container_top .step_cell { padding-left: 0px;} .lp_proizv .lp-container .step_cell { padding-right:0px;} .lp_proizv .lp-container_top .step_img:before { right: -205px; top: -90px; width: 278px; height: 208px; background: url(/bitrix/templates/xlpipe/css/../img/img_struzhka_2.jpg) no-repeat 0% 0%; background-size: 100%;} .lp_proizv .lp-container_top { width: 100%; margin: 0px auto; margin-top: 45px; padding-left: 0px; float: none;} .lp7 .step {margin:0px auto; width:100%; max-width: 540px; margin-bottom:70px; display: block; min-height: auto; padding-bottom:30px;} .lp7 .tit { font-size: 20px; padding-left: 7px; min-height: auto; text-align:center;} .lp7 .desc { font-size: 18px;} .lp7 .circle { font-size: 24px; top: -30px; left: 0px; right:0px; margin:0px auto; text-align: center; } .lp7 .desc{ min-height: auto; padding-bottom:10px;} .lp8 .step_ins .step_cell {float: none; width: 100%;} .lp8 .tit { font-size: 20px; padding-left: 7px; min-height: auto; text-align:center;} .lp8 .desc { font-size: 18px;} .lp8 .circle { font-size: 24px; top: -30px; left: 0px; right:0px; margin:0px auto; text-align: center; } .lp8 .desc{ min-height: auto; padding-bottom:10px;} .lp8 .step_ins{width:100%; max-width:585px; margin: 0px auto;} .lp8 .btn_green { float: none; display:inline-block;} .lp8 .btn_price { text-align: center; margin-bottom:30px;} .lp8 .lp-container { margin-top: 70px;} .lp8 .step_ins .step_img { padding-right: 0px; padding-left: 0px;} .lp9 {padding-top:50px;} .lp9 .block_vig .tit{ min-height: auto;} .lp9 .photo_otch { display: inline-block; position: relative; right: auto; bottom: auto; font-size: 16px; font-weight: 400; color: #497d2e; padding-left: 35px; margin-top:20px; margin-left:55px;} .boxer .box img{width:100%;} .boxer .box img.ico_stars_1{max-width:20px;} .boxer .box img.ico_stars_2{max-width:48px;} .boxer .box img.ico_stars_3{max-width:76px;} .boxer .box_top { font-size: 13px;} .boxer .box_left { font-size: 13px;} .lp_history .slide_block { width: 100%; display: block;} .lp_history .slide_block .slide_left {width: 100%; display: block; max-width:517px; margin:0px auto;} .lp_history .slide_block .slide_right {width: 100%; display: block; max-width:517px; margin:0px auto; margin-top:30px; padding-left:0px;} .lp_history .slide_block .desc { padding-left: 0px; font-size: 16px; line-height: 1.2;} .lp_history .slide_block .desc:before { content: none;} .lp_history .slick-prev { left: 10px;} .lp_history .slick-next { right: 10px;} .lp12 .step .tit { font-size: 16px;} .lp12 .step .desc { font-size: 16px; margin-top: 10px;} .lp16 .lp-container .left { padding: 88px 20px 20px 20px; width: 100%; float: none;} .lp16 .lp-container .right { max-width: 100%; width: 100%; float: none; padding-top: 35px; position: relative;} .lp16 .lp-container .block { padding-right: 0px;} .lp16 .lp-container .left .tit { font-size: 24px; text-align:center;} .lp16 .lp-container .left .cont_block {margin:0px auto; margin-top: 56px; width:100%; max-width:330px;} .lp16 .logo_blocks { position: absolute; top: -33px; left: 0px; right:0px; margin:0px auto; width: 100%; text-align: center;} .lp16 .logo_blocks .logo_block { float: none; display:inline-block; vertical-align:top; min-height: 77px; width: 100%; max-width: 145px; margin:0px 5px;} .lp13 .form_top { max-width: 795px; padding-left: 0px; padding-right: 0px; margin-top: 90px;} .lp13 .form_top .tit_form { font-size: 17px; max-width: 325px;} .lp_top_questions .violet_line { top:38%; margin-top:0px; } .lp_top_questions .img_block {text-align:center; float: none; padding-left: 0px; padding-top: 10px; width: 100%;} .lp_top_questions .text_block { float: none; padding-right:0px; padding-left:0px; width: 100%; max-width: 100%; margin:0px auto;} .lp_top_questions .text_block br{display:none;} .lp_top_questions .img_block .img, .container_2 .img_block .img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; max-width: 530px; display: block; margin:0px auto; margin-bottom:0px; float: none;} .lp_top_questions .lp-container_2 .img_block .img { float: none;} .lp_top_questions .lp-container_2 .img_block { float: none; width: 100%;} .lp_top_questions .lp-container_2 .text_block { padding-left: 0px; float: none; width: 100%; max-width: 100%; margin:0px auto;} .lp_top_questions .circle { position: relative; left: 0px; right:0px; margin:0px auto; margin-top:-80px; margin-bottom:20px; bottom: auto; width: 100%; max-width: 220px;} .lp_top_questions .cloud { max-width: 100%;} .lp_top_questions .btn_price { margin-top: 14px; padding-left: 0px; text-align:center;} .lp_top_questions .lp-container_3 .cloud { max-width: 100%;} .lp_top_questions .lp-container_3 .text_block { padding-right: 0px; padding-left: 0px;} .lp_top_questions .lp-container_3 ul { padding-left: 0px;} .lp_top_questions .lp-container_3 .btn_price { padding-left: 0px;} .lp_top_questions .circle{position:relative; bottom:auto; margin-top:-20px; padding:25px; max-width: 100%; font-size: 20px;} .lp_top_questions_2 .lp-container_3 .img_block { padding-right: 0px; } .lp_top_questions_2 .lp-container_2 .img_block { padding-right: 0px; } .lp_top_questions_2 ul li{padding-left:75px;} .lp12 .step_block { float: none; width: 100%; max-width: 520px; margin: 0px auto; margin-bottom: 20px; padding: 0px 0%; } .lp_exkurs .btn_gold span { line-height: 1.35; font-size: 12px;} .lp5_r .tbl_top { max-width: 430px; margin: 0px auto; } .lp5_r .tit_car { font-size: 17px;} .lp5_r .desc { font-size: 15px; } .lp5_r .text { font-size: 14px;} .lp5_r .text { min-height: auto; } .lp5_r .tbl_top .ph_car { float: left; width: 50%; } .lp_top_questions_3 ul li{ padding-left:95px;} .lp_top_questions_3 ul li:before{top: 20px;} .lp_top_questions_3 ul li:after{top: 30px !important;} .lp_rev .tbl { display: block; width: 100%; } .lp_rev .tbl .cell_1 { padding-right: 0px; } .lp_rev .tbl .cell_2 { padding-left: 0px; } .lp_rev .tbl .cell { display: block; width: 100%; } } @media (max-width: 768px){ .dropdown-city { column-count: 2;} .footer-bg .header-container .phone_block .btn_call_back{padding-left:10px;} .lp-main .lp-container { padding-top: 95px; } .lp-main .title { font-size: 38px; letter-spacing: 0.2px; max-width: 620px; line-height: 1.1;} .lp-main .title b { font-size: 26px;} .lp-main .title_2 { font-size: 20px; max-width: 100%; letter-spacing: 0.2px; margin: 0px auto; margin-top: 10px;} .lp-main .img_top { margin-top: -5px;} .lp-main .wrap_btn {} .lp-main .wrap_btn_1{max-width: 423px; } .lp-main .wrap_btns {} .lp-main .ul .li { margin-bottom: 0px; } .lp-main .ul { margin-top: 10px; } .lp-main .ul { display: block; max-width: 300px; } .lp-main .btn_gold_2:before { right: -17px; bottom: -65px; width: 100px; height: 87px; background: url(/bitrix/templates/xlpipe/css/../img/catalog.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .btn_gold_1:before { left: -13px; bottom: -45px; width: 95px; height: 63px; background: url(/bitrix/templates/xlpipe/css/../img/calcul.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .wrap_btn { width: 100%; } .lp-main .btn { max-width:100%; width:100%;} .lp-main .title_3 { font-size: 20px; } .lp-main .title_1 { font-size: 28px; line-height: 1.05; } .lp-main .ul .li { font-size: 12px;} .lp-main .circle { font-size: 10px; } .lp1 .title_pr { font-size: 28px; max-width: 620px; } .lp1 .step_line .step_right{display:none;} .lp1 .img_cat { width: 100%; left: 0px; position:relative;} .lp1 .header_block{ padding: 20px 22px 25px 26px;} .lp1 .btn_wrap .btn_next span:before{right:0px;} .lp1 .column { width: 100%; padding-right: 15px;} .lp1 .btn_wrap .btn_next span { font-size: 12px; padding-left: 10px; padding-right: 10px;} .lp1 .btn_wrap .btn_prev span { font-size: 12px; padding-left: 10px; padding-right: 10px;} .lp1 .btn_wrap .btn_next { max-width: 185px;} .lp1 .btn_wrap .btn_prev{ font-size: 12px;} .lp1 .img_pen_w{top:auto; bottom:-50px;} .lp1 .step_line .step { width: 100%; float:none; margin-bottom:10px;} .lp1 .line_progress_right { float: none; width: 100%; padding-top: 2px; padding-left: 0px;} .lp1 .lp-container_ins { padding: 25px 30px 20px 30px;} .lp1 .tit { text-align: left; margin-bottom: 20px; margin-top:15px; font-size: 18px;} .lp1 .column { width: 100%; padding-right:0px;} .lp_check .form_all .check { margin-bottom: 20px;} .lp1 .btn_wrap { margin-top: 15px; max-width: 100%; } .lp_check .form_all .check input[type="radio"]:not(:checked) + label, .lp_check .form_all .check input[type="radio"]:checked + label { margin-bottom: 5px; } .lp_check .form_all .check { margin-bottom: 2px; } .lp1 .lp-container_ins{} .lp1 .title { font-size: 22px;} .lp1 .title_2 { font-size: 14px; max-width: 480px; margin-top: 10px; line-height:1.25;} .lp1 .circle { line-height: 1.2; font-size: 11px; max-width: 190px; padding-left:10px; } .lp1 .btn_wrap .btn_prev{ max-width: 100%; width: 100%; float:none; margin-bottom:12px;} .lp1 .btn_wrap .btn_next{ max-width: 100%;width: 100%; float:none;} .lp2 .title { font-size: 28px;} .lp2 .title_2 { font-size: 20px; margin-top:20px;} .lp3 .title { font-size: 28px;} .lp_exkurs .title { font-size: 28px;} .lp_office .slider_bg { width: 420px; margin: 0px auto;} .lp_office .slider { width: 300px; height: 300px; margin: 0px auto; margin-top: 0px;} .lp_office .slider .slide img { margin: 0px auto; margin-top: 10px; max-width: 380px; width: 100%;} .lp_office .title { font-size: 28px;} .lp_exkurs_2 .lp-container { margin-top:0px; width: 100%; padding: 0px 15px 0px 15px; position: relative; z-index: 2;} .lp_exkurs_2 .form_top .form_insite { padding: 35px 15px 20px 15px;} .lp_exkurs_2 .title { font-size: 28px;} .lp_exkurs_2 .title_2 { font-size:20px; } .lp_exkurs .block_left { float: none; width: 100%; text-align:center; padding-bottom:20px; } .lp_exkurs .block_right { float: none; width: 100%; } .lp_exkurs .title { text-align:center; width:100%; max-width:100%; padding:0px; } .lp_exkurs .lp-container { padding: 0px 0px 20px 0px; } .lp_exkurs .lp_cont_ins { background: url(/bitrix/templates/xlpipe/css/../img/bg_postan.jpg) no-repeat 50% 50%, #f3dcfb; background-size: cover; border-radius: 18px; padding: 30px 15px 20px 15px; } .lp_exkurs .step_block .step { padding-right: 2px; padding-left:2px; } .lp_exkurs .step_block .postman{min-height: 60px;} .lp_exkurs_rasch .steps { display: block; width: 100%; max-width: 920px; margin: 0px auto; margin-bottom: 25px; } .lp_exkurs_rasch .steps .step { width: 100%; padding: 0px 0px; margin-bottom:30px; min-height:auto; } .lp_exkurs_rasch .steps .step .desc .desc_ins { display:block; width: 100%; height: auto; padding: 30px 15px 15px 40px; font-size: 16px; } .lp_exkurs_rasch .steps .step .desc .desc_ins br{display:none;} .lp_exkurs_rasch .form_top .form_insite { padding-left:20px; padding-right: 20px; } .lp_exkurs_rasch .steps_block { margin: 0px 0px; margin-top:0px; } .lp_exkurs .btn_gold{ margin-top: 5px;} .lp_scheme .title { font-size: 28px;} .lp_scheme .img_scheme{margin-top:40px;} .lp_top_questions .title { font-size: 28px;} .lp_why_we .title { font-size:28px;} .lp_why_we .title_2 { font-size: 20px;} .lp_brigada .title{ font-size: 28px;} .lp_brigada .title_2 { font-size: 20px;} .lp_years .title { font-size: 28px;} .lp_years .title_2 { font-size: 20px;} .lp_years .video_block { max-width: 500px; height: 300px;} .lp_years .form_top .form_house{display:none;} .lp_price .title { font-size: 28px;} .lp_proizv .title { font-size: 28px;} .lp_proizv .title_2 { font-size: 20px;} .lp4 .title { font-size: 28px;} .lp5 .title { font-size: 28px;} .lp5_r .title { font-size: 28px;} .lp5 .form_top .form_insite { padding: 22px 25px 21px 25px;} .lp6 .title { font-size: 28px;} .lp6 .title_2 { font-size: 20px; } .lp6 .bg_lp6_2{display:none;} .lp7 .title { font-size: 28px;} .lp7 {padding-bottom:0px;} .lp8 .title { font-size: 28px;} .lp9 .title { font-size: 28px;} .lp9 .circle { position: relative; right: 0px; left:0px; margin:0px auto; margin-top:10px; margin-bottom:30px; top: auto; width: 250px; height: 250px; text-align: center; } .lp9 .form_top { max-width: 795px; padding-left: 20px; padding-right: 20px;} .form_top .form_insite { padding: 30px 10px 30px 10px;} .lp9 .form_top .tit_form { font-size: 18px; max-width: 350px;} .lp10 .title { font-size: 28px;} .lp10 .color { height: 100px; margin: 10px; margin-bottom: 28px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} .boxer .box_top { font-size: 11px;} .boxer .box_left { font-size: 11px;} .lp_map .title { font-size:28px; } .lp11 .lp-container_ins { overflow-x: scroll; } .boxer { width: 100%; min-width: 768px;} .lp11 .wrap { padding-left: 3px; padding-right: 3px;} .lp11 header{padding-left:10px; padding-right:0px;} .lp11 .title_2 { font-size: 16px;} .lp11 .title { font-size: 28px;} .lp12 .title { font-size: 28px;} .lp13 .title { font-size: 28px;} .lp14 .title { font-size: 28px;} .lp14 .title_2 { font-size: 18px;} .lp15 .title { font-size: 28px;} .lp15 .panel-heading a { padding: 25px 90px 22px 37px; font-size: 16px;} .lp15 .panel-collapse { padding-bottom: 20px; font-size: 13px; padding-left: 37px; padding-right: 90px;} .lp13 .slick-prev { left: 0px; right: auto; margin: 0px;} .lp13 .slick-next { left: auto; right: 0px; margin: 0px;} .lp13 .slide img { margin: 0px auto;} .lp13 .lp-container { margin-top: 25px;} .form_top .line_ins { float: none; width: 100%; padding: 0px 0px; margin-top:5px;} .lp_brigada .step { width: 100%; max-width: 100%; margin:0px auto; padding: 24px 35px 25px 35px; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-bottom:10px; } .lp_brigada .step_1{margin-top:20px;} .lp_brigada .step:before { content: ""; position: absolute; right: auto; left:-12px; bottom: auto; top:20px; width: 35px; height: 35px; background: url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size: 100%; z-index: 2; } .lp_brigada .title { font-size: 24px; padding: 25px 10px 20px 10px; min-height: 150px; } .lp_catalog .title{font-size:28px;} .lp_catalog .lp-cont_top .step { width: 31.2%; } .lp_vigodi .title { font-size: 28px;} .lp_demo .title{font-size:28px;} .lp_rev .title { font-size: 24px;} .lp_rev .tit { font-size: 18px;} .lp_rev .tbl .cell ul { margin-bottom: 10px; font-size: 16px;} .lp_rev .tbl .cell .text { line-height: 1.25; font-size: 14px;} } @media (max-width: 640px){ .dropdown-city li { width: 33%;} .header-float .menu__icon{ width: 10%; margin-top: 0px;} .header-container .phone_block .btn_call_back { max-width: 110px; margin-top:-4px; } .header-container .phone_block .phone .phone_a { font-size: 14px; margin-top: 6px; } .header-container .phone_block { width: 75%; } .header-container .phone_block .phone .phone_b { font-size: 14px; } .header-container .phone_block .btn_call_back{display:none;} .header-container .phone_block .phone .phone_a a{padding-left:0px;} .header-container .phone_block .phone{width:60%; } .header-container .phone_block .btn_call_back{width:0%;} .header-container .phone_block .phone .phone_a a:before{ top:1px;} .header-container .btn_top{ padding: 8px; font-size: 11px;} .header-container .logo .logo_name{display:none;} .header-container .logo { width: 30%; } .header-container .all_phones { width: 100%; max-width: 400px; } .footer-bg .all_phones { width: 77%; max-width: 400px; } .footer-bg .header-container .phone_block .btn_call_back { display: block;} .footer-bg .header-container .phone_block .phone .addr_a {display: block;} .footer-bg .logo img { max-width:70px; } .header-container_bot .logo .logo_name { display: block; } .slider .slick-dots { bottom: -40px;} .lp5_r .text_block { padding: 10px 17px 15px 17px; min-height: auto;} .lp-main .wrap_btn_1 { max-width: 100%; width:100%; } .lp-main .btn_gold_1 span { width: 100%; max-width: 440px; } .lp-main .btn_gold_2 span { width: 100%; max-width: 220px;} .lp-main .img_top_invis { display: block; width: 100%; margin-top: -20px;} .lp-main .lp-container { padding-top: 80px;} .lp-main .title { font-size: 34px; letter-spacing: 0.2px; max-width: 520px; line-height: 1.1;} .lp-main .title b { font-size: 20px;} .lp-main .title_2 { font-size: 18px; } .lp-main .title:before{ content: none;} .lp-main .title_3 { font-size: 16px; margin-top: 5px; line-height:1.2; } .lp-main .wrap_btns{display:none;} .lp-main .wrap_btns_invis{display:block; margin-top:70px;} .lp-main .ul_block { padding-left: 0px; padding-right:0px; width: 100%; float: none; margin-left:0px; margin-top:25px; } .lp-main .ul .li .ins_bl .ico_bullet{left:0px;} .lp-main .ul{margin-top:20px; display:flex; max-width:100%;} .lp-main .ul .li { margin-bottom: 10px; margin-left:0px; max-width: 90%; margin-right:0px; padding-right:15px; } .lp-main .slider_block { float: none; width: 100%; margin:0px auto; margin-top: 20px; padding-right: 0px; max-width: 800px; } .lp-main .circle:before{display:none;} .lp-main .title_3{display:none;} .lp-main .title_3_invis{display:block; margin-top:20px;} .lp-main .ul .li { margin-bottom: 10px; margin-left: 0px; max-width: 100%; width: 50%; } .lp1 .lp-container_block{display:block; } .lp1 header { width: 100%; float:none; display:block; height:230px; border-radius:0px 0px 10px 10px; background: url(/bitrix/templates/xlpipe/css/../img/bg_quiz_right.jpg) no-repeat 0% 100%; background-size: cover;} .lp1 .lp-container_ins { width: 100%; float:none; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;} .lp1 .title_2 { max-width: 100%;} .lp1 .column { width: 49%; padding-right: 15px; } .lp1 .btn_wrap .btn_next { } .lp1 .circle{display:block; position:relative; left:0px; right:0px; margin:0px auto; margin-top:40px; z-index:7; top:auto; text-align:left; padding:20px; max-width: 100%; font-size:16px;} .lp3 .cell_2 .fadoco_img { position: absolute; right:0px; left:auto; margin:0px; top: -63px; z-index: 4;} .lp3 .slick-prev { left: -10px;} .lp_years .tit{margin-bottom:25px; text-align:center;} .lp_years ul { margin-top: 0px; list-style: none; float: none; width: 100%; padding-right: 0px;} .lp_years ul li{margin-bottom:10px;} .lp_proizv .btn_gold:before {left: -10px;bottom: -40px;width: 100px;height: 70px; background: url(/bitrix/templates/xlpipe/css/../img/btn_struzhka.png) no-repeat 0% 0%;background-size: 100%;} .lp_history .slider .slick-prev, .lp_history .slider .slick-next { width: 28px; height: 28px;} .lp_history .slick-prev { left: 5px;} .lp_history .slick-next { right: 5px;} .lp9 .form_top .img_stroitel{display:none;} .lp9 .form_top .tit_form { font-size: 18px; max-width: 450px;} .lp11 .lp-container_ins{overflow-x:scroll;} .lp12 { padding: 30px 0px 20px 0px;} .lp12 .step_block { float: none; width: 100%; max-width:320px; margin:0px auto; margin-bottom: 20px; padding: 0px 0%; } .lp12 .step .step_ins { padding: 40px 25px 35px 25px; min-height: auto; text-align: left;} .lp12 .step_block:before { content: none;} .lp12 .form_top { margin-top: 20px;} .lp16 .circle_block .step { float: left; width: 50%; padding: 0px 10px; text-align: center; margin-bottom:50px;} .lp_why_we .step { width: 100%; margin-right: 0%; margin-left:0%; margin:0px auto; margin-bottom:50px; max-width:400px; float:none; display:block; vertical-align:top; min-height: 520px;} .lp_why_we .lp-container{max-width:600px; margin:0px auto; margin-top:60px;} .lp_catalog .step .tit { font-size: 14px; margin-top: 10px; padding-left: 0px; padding-right: 0px; text-align: center; } } @media (max-width: 550px){ .footer-bg .header-container .logo .logo_block { float: none; width: 100%; max-width: 240px; margin:0px auto; margin-bottom:5px; } .footer-bg .header-container .logo .after_logo{ float: none; width: 100%; max-width: 150px; margin:0px auto; } .footer-bg .header-container .phone_block .btn_call_back { float: none; width: 100%; max-width: 150px; margin-top: 0px; margin-bottom:0px;} .footer-bg .header-container .phone_block .phone{ float: none; width: 100%; max-width: 100%;} .footer-bg .header-container .phone_block .phone { margin-top: 0px;} .footer-bg .header-container .phone_block .phone .phone_a { text-align: center; position: relative; padding-left: 0px; } .footer-bg .header-container .btn_top { float: none; } .footer-bg .header-container .phone_block{display:block;} .footer-bg .all_phones { width:100%; max-width: 100%; } .footer-bg .all_phones{display:block;} .footer-bg .header-container .phone_block .phone{margin-bottom:20px;} .footer-bg .header-container .phone_block{margin-top:0px;} .lp-main .skidka_block { position: relative; bottom: auto; margin: 0px auto; left: auto; right: 0px; left: 0px; max-width: 100%; margin-top: 30px;} .lp-main .skidka_block .desc { padding: 14px 20px 35px 20px; max-width: 100%; min-height: auto; margin-right: 0px; font-size: 14px; line-height: 1.25; margin-top: 4px; margin-left: 0px; text-align:center;} .lp-main .skidka_block .desc br{display:none;} .lp-main .ico_cir_percent { bottom: -60px; right: 0px; left:-50px; margin:0px auto;} .lp-main .img_circle_hummer { bottom: -60px; right: -50px; left:0px; margin:0px auto;} .lp-main .wrap_btn { max-width: 100%; margin: 0px 0px 10px 0px;} .lp-main .btn_gold_1:before { left: -63px; bottom: auto; top:50%; margin-top:-30px; width: 95px; height: 63px; background: url(/bitrix/templates/xlpipe/css/../img/calcul.png) no-repeat 0% 0%; background-size: 100%; } .lp-main .btn_gold_2:before { right: -73px; bottom: auto; top:50%; margin-top:-40px; width: 120px; height: 80px; background: url(/bitrix/templates/xlpipe/css/../img/catalog.png) no-repeat 0% 0%; background-size: 100%; } .lp-main .wrap_btn_1{} .lp-main .wrap_btn_2{margin-top:20px;} .lp_exkurs .step_block:before{content: ""; left:0px; right:0px;} .lp3 .wrap_btn:after { content: none;} .lp3 .wrap_btn .btn_gold { padding: 20px 15px 40px 15px; letter-spacing: 0.2px; font-size: 12px;} .lp3 .wrap_btn .btn_gold span:before { right: 0px; left:0px; margin:0px auto; bottom: -30px; width: 27px; height: 27px; background: url(/bitrix/templates/xlpipe/css/../img/ico_download.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp5 .btn_gold:before { right: -24px; bottom: -43px; width: 80px; height: 90px; background: url(/bitrix/templates/xlpipe/css/../img/btn_pen_big.png) no-repeat 0% 0%; background-size: 100%; } .lp10 .title div { position: relative; display: block; padding-right: 0px;} .lp10 .title div:before { content: ""; position: absolute; right: 0px; left:0px; margin:0px auto; bottom:-80px; width: 100px; height: 60px; background: url(/bitrix/templates/xlpipe/css/../img/fadoco_img.png) no-repeat 0% 0%; background-size: 100%;} .lp14 .lp-container_left { padding-right: 6px;} .lp14 .lp-container_right { padding-left: 6px;} .lp1 .catalo_tit{max-width:100%;} .lp1 .its_free{font-size:18px; margin-top:5px; color:#000; font-weight:bold; text-align:center; line-height:1.2;} .lp_brigada .title { font-size: 20px; padding: 15px 5px 10px 5px; min-height: 130px; } .lp_vigodi .step .tit { max-width: 100%; width: 100%; min-height: auto; margin-bottom:35px;} .lp_vigodi .ico{width: 70px; height: 70px; top: 20px; right: auto; left:20px;} .lp_vigodi .ico img { max-width: 45px; } .lp_vigodi_1 .step{padding-top:100px; padding-left:25px; padding-right:25px; margin-bottom:25px;} .lp_vigodi_2 .step{padding-top:100px; padding-left:25px; padding-right:25px; margin-bottom:25px;} } @media (max-width: 520px){ .header-container .phone_block .phone{width:100%; } .header-container .all_phones{display:block;} .fix_bottom .city_block .cit { padding-bottom: 3px; } .dropdown-city li { width: 100%;} .fix_bottom .city_block{float:none; width:100%; text-align:left; display:block; vertical-align:top;} .fix_bottom .phone{float:none; width:100%; text-align:left;display:block; vertical-align:top; padding-left:0px; margin-top:5px;} .fix_bottom .addr{float:none; width:100%; text-align:left; padding-left:0px; padding-right:0px;display:inline-block; vertical-align:top;} .header-container .phone_block .phone .phone_a a span{display:none;} .header-float .header-container{padding-bottom:3px; padding-top:5px;} .header-container .phone_block .phone .phone_a { font-size: 14px; margin-top: 0px; } .header-container .phone_block .phone_1{margin-top:0px;} .header-container .phone_block .phone_1 { padding-top: 2px; padding-right:0px; } .header-container .phone_name{font-size: 12px; padding-bottom: 1px;} .header-container .logo .img_logo{margin-top:0px;} .header-float .logo .after_logo .ssil a{font-size:0px; width:20px;} .header-float .logo .logo_block { width: 100%; } .header-container .logo .img_logo { width: 100%; max-width: 100px; } .header-float .logo .after_logo { width: 45%; } .header-float .phone_block { width: 75%; max-width: 100%; padding-right:10px; padding-top:0px; margin-top:-2px; } .header-float .menu__icon { width: 10%; margin-top:-3px; } .header-container .logo img { width: 100%; max-width: 40px; margin-top: -2px; } .header-float .phone_block .btn_call_back{display:none;} .header-container .mailto{display:none;} .footer-bg .logo img { max-width:70px; } .footer-bg{padding-bottom:120px;} .footer-bg .ocenka{text-align:center;} .footer-bg .ocenka .ocenka_block { float: none; display:block; margin-bottom:10px; text-align:center; padding-right: 0px; } .footer-bg .ocenka .ocenka_block .gis{margin:0px auto;} .footer-bg .ocenka .ocenka_block .stars{margin:0px auto;} .menu__icon span { max-width: 30px;} .lp-main .title_1 { font-size: 22px; } .lp-main .lp-container { padding-top: 80px;} .lp-main .img { position: relative; margin-top: -140px; } .lp-main .img_top_invis { margin-top: -10px;} .lp-main .ul .li div span{white-space:nowrap;} .lp-main .title_2 { max-width: 100%; font-size: 16px;} .lp-main .btn{padding-top:12px; padding-bottom:12px;} .lp-main .title { font-size: 28px; letter-spacing: 0px; line-height: 1.1; } .lp-main .title_2{margin-top:3px;} .lp-main .slider_block{margin-top:5px;} .lp1 .title_pr { font-size: 20px; } .lp1 .lp-container_ins{padding:20px 15px 15px 15px;} .lp1 .tit { text-align: left; margin-bottom: 10px; margin-top: 5px; font-size: 14px; } .lp1 .header_block { padding: 20px 10px 15px 10px; } .lp1 .title{padding-left:10px;} .lp1 .lp-container_block { } .lp1 header{ height: 250px;} .lp_check .form_all .check input[type="checkbox"]:checked + label, .lp_check .form_all .check input[type="checkbox"]:not(:checked) + label, .lp_check .form_all .check input[type="radio"]:checked + label, .lp_check .form_all .check input[type="radio"]:not(:checked) + label { padding-left: 28px; font-size: 14px; } .lp_exkurs .step_block .postman { padding: 5px 5px;} .lp_exkurs .step_block .postman .tit { font-size: 12px;} .lp_exkurs .step_block .postman .desc { font-size: 10px; margin-top: 3px;} .lp3 .cell ul.visual_li li { font-size: 13px; margin-bottom: 20px; padding-left: 30px;} .lp3 .cell_2 .fadoco_img{max-width:100px; top:-30px;} .lp3 .proj_block .right { float: none; width: 100%; padding-right: 0px; max-width: 100%;} .lp3 .proj_block .left { float: none; width: 100%; padding-right: 0px; max-width: 100%;} .lp3 .proj_tit span br{display:none;} .lp_office .slider_bg { width: 380px; margin: 0px auto;} .lp_office .slider { width: 270px; height: 270px; margin: 0px auto; margin-top: 0px;} .lp_office .slider .slide img { margin: 0px auto; margin-top: 10px; max-width: 380px; width: 100%;} .lp_why_we .step { width: 100%; margin:0px auto; margin-bottom:40px; max-width:278px; float:none; display:block; vertical-align:top;} .lp_years .video_block { max-width: 320px; height: 180px;} .lp_years .video_block:before { width: 65px; height: 66px; background: url(/bitrix/templates/xlpipe/css/../img/btn_play.png) no-repeat 0% 0%; background-size: 100%;} .lp_price .block_price { width: 100%; max-width:364px; float: none; display:block; vertical-align:top; margin:0px auto; margin-bottom:80px; text-align:left; } .lp5 .fadoco_img {max-width:100px; } .lp14 .lp-container_left { float: none; width: 100%; padding-right: 0px;} .lp14 .img_lp4_1_block { width: 100%; max-width: 100%; min-height: 590px; background: url(/bitrix/templates/xlpipe/css/../img/img_lp14_1.jpg) no-repeat 50% 50%; background-size: cover;} .lp14 .lp-container_right { float: none; width: 100%; padding-left:0px; margin-top:25px;} .lp16 .circle_block .step { float: none; width: 100%; } .lp12 .btn_gold span:before { left: -2px; top:10px; margin-top: -5px; width: 14px; height: 8px;} .lp12 .btn_gold span { padding-left: 25px;} .lp12 a.btn_gold { padding: 20px 15px 18px 15px; font-size: 14px; max-width: 310px;} .lp12 .btn_price { max-width: 310px; } .lp5_r .tbl_top .ph_car { float: none; width: 100%; } .lp5_r .tbl_top .right_bl { text-align: center; float: none; width: 100%; padding-left: 0px; margin-top:15px; } .lp-main .slider .slick-prev, .lp-main .slider .slick-next{ width: 30px; height: 30px;} .lp5_r .text_block { max-width: 100%; padding-left:0px; padding-right:0px; margin-top:15px;} .lp-main .slider .slick-prev, .lp-main .slider .slick-next { bottom: -65px; top: auto; } .lp5_r .slide img { height: auto; width: 100%; float: none; } .lp5_r_2 .slider .slick-prev, .lp5_r_2 .slider .slick-next { top: 50%; margin:0px; bottom: auto; margin-top:-10px; } .lp5_r_2 .slider .slick-prev{left:-5px; right:auto;} .lp5_r_2 .slider .slick-next{right:-5px; left:auto;} .lp5_r_2 .slide .bl{padding:15px 35px; min-height: auto;} .lp5_r_2 .tit { font-size: 14px; } .lp5_r .desc { font-size: 12px; } .lp5_r_2 .title_2{margin-top:15px;} .lp5_r_2 .lp-cont { margin-top: 20px; } .lp_top_questions{padding-bottom:40px;} .lp_brigada{padding-top:60px;} .lp_brigada .title{background:none; border:solid 4px #f7e3ff; border-radius:10px; min-height:auto; padding:15px;} .lp_brigada .title_3{ font-size: 20px; margin-top: 25px; padding: 15px 10px 10px 10px; min-height: 95px; max-width: 227px;} .lp_brigada .img_brigada{ margin-top: 10px;} .lp_brigada .desc { font-size: 14px; line-height:1.15;} .lp_brigada .step{padding-right:10px;} .lp_exkurs .title { font-size: 22px; } .lp_demo .step_block{margin-right:0px;} .lp_demo .step_block .postman .tit { font-size: 12px; } .lp_demo .step_block .postman .desc { font-size: 10px; margin-top: 3px; } .lp_demo .step_block .postman { padding: 5px 5px; } .lp_demo .step_block .step { padding-right: 8px; } .lp_brigada .step{padding:15px; margin-bottom:25px;} .lp_brigada .step:before { right: 0px; left: 0px; top: -13px; margin:0px auto; width: 25px; height: 25px; background: url(/bitrix/templates/xlpipe/css/../img/ico_violet_circle_2.svg) no-repeat 0% 0%; background-size: 100%; } .lp_demo .step_block .step { padding: 0px 2px;} .lp_demo .step_block .postman { min-height: 60px; } .lp1 .btn_wrap{margin-top:0px;} .lp1 .circle{padding-bottom:10px;} .lp1 .title_3{padding-bottom:0px;} .lp1 .wrap_all{padding-top:0px; padding-bottom:30px;} .lp5_r{padding-bottom:0px;} .lp5_r .slick-slider .slick-list { padding-bottom: 0px;} .lp5_r_2 { padding-top: 35px; padding-bottom:40px;} .lp_exkurs { padding: 35px 0px 40px 0px;} .lp_top_questions { padding-top:40px; padding-bottom: 40px; } .lp_top_questions .title_2{margin-top:5px;} .lp_top_questions .lp-container_2{margin-top:10px;} .lp_top_questions .img_block .img{margin-bottom:0px;} .lp_top_questions .lp-container_2 .img_block .img{margin-bottom:10px;} .lp_top_questions ul li{margin-bottom:10px; padding: 15px 20px 15px 40px; font-size: 12px;} .lp_top_questions .violet_line{display:none;} .lp_top_questions ul li:before{ left: 4px; top: 7px;} .lp_top_questions .circle { margin-top: -20px; padding: 25px; max-width: 100%; font-size: 14px; } .lp_top_questions { padding-bottom: 20px; } .lp_top_questions .circle{min-height:auto;} .lp_brigada { padding-top: 40px; } .lp_brigada .title_3{padding-bottom:0px; margin-top:10px; min-height: 75px;} .lp_brigada .step{text-align:center;} .lp_brigada{padding-bottom:0px;} .lp_exkurs_rasch .steps_block{padding-left:10px; padding-right:10px;} .lp_vigodi{padding-top:40px; padding-bottom:30px;} .lp_vigodi .lp-container { padding-top: 20px; } .lp_top_questions .lp-container { margin-top: 25px; } .lp_exkurs .form_top .form_insite{ padding: 15px;} .lp5_r .lp-container{margin-top:10px;} .lp5_r .title { font-size: 22px; } .lp_top_questions .title { font-size: 22px;} .lp_top_questions .title_2 { font-size: 18px; } .form_top .line_ins{margin-bottom:15px;} .lp_brigada .title_2{margin-top:10px;} .lp_exkurs_rasch .numb div{ width: 28px; height: 28px; padding-top: 6px; font-size:10px;} .lp_exkurs_rasch .numb{ left:0px; right:0px; margin:0px auto; width: 33px; height: 33px; top: -12px; } .lp_exkurs_rasch .steps .step .desc .desc_ins{ padding: 20px 15px 15px 15px; font-size: 14px;} .lp_exkurs_rasch .steps .step{margin-bottom:10px; text-align:center;} .lp_exkurs .step_block:before{width: 130px; height: 40px; top: -40px;} .lp_vigodi .title { font-size: 22px; } .lp_vigodi_1 .step { padding-top: 100px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; padding-bottom:20px; } .lp_vigodi_2 .step{ padding-top: 100px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; padding-bottom:20px;} .lp_vigodi .wrap_btn_1{position:relative; margin-top:25px; padding-bottom:0px; max-width: 100%; padding-left:0px; padding-right:0px;} .lp_demo{padding-top:40px;} .lp_demo .container { margin-top: 20px; } .lp_demo .block_left .step{padding:15px; padding-left:25px; font-size:16px; } .lp_demo .block_left .step:before{top:15px;} .lp_demo .block_right{padding-top:0px;} .lp_vigodi .step .tit { font-size: 18px;} .lp_vigodi .step ul li {font-size: 14px; padding-left: 20px; margin-bottom: 4px; line-height: 1.25; } .lp4{padding-top:40px; padding-bottom:20px;} .lp4 .step .tit{font-size:16px;} .lp4 .step .desc{font-size:14px; line-height: 1.2;} .lp_rev{padding-top:30px;} .lp_rev .lp-container{ margin-top: 25px;} .lp_top_questions_2 ul li:before { content: ""; position: absolute; left: 8px; top: 13px; width: 25px; height: 25px;} .lp_top_questions_3 ul li{padding-left:55px;} .lp_top_questions_3 ul li:before { content: ""; position: absolute; left: 10px; top: 15px; width: 35px; height: 35px;} .lp_top_questions_3 ul li:after { top: 10px !important; } .lp_top_questions_3 ul li:after { left: 15px !important; top:20px !important; width: 25px !important; height: 25px !important; } .lp_top_questions .form_top{margin-top:20px;} .lp_catalog{padding-top:30px; padding-bottom:20px;} .lp_catalog .title { font-size: 22px; } .lp_catalog .lp-container_top{margin-top:20px;} .lp_catalog .lp-container_bot{margin-top:20px;} .lp15{ padding-bottom:20px; padding-top:50px;} .lp15 .main{margin-top:20px;} .lp15 .form_top{margin-top:20px;} .lp_vigodi .step ul li{text-align: justify;} .lp_vigodi_2 .step ul { width: 100%; max-width: 700px; } .lp4 .step .desc p { padding-bottom: 10px; } .lp4 .step .tbl .cell_1{padding-left:5px; padding-right:5px;} .lp_catalog .step{margin-bottom:20px;} .lp_catalog .step .step_ins{padding-bottom:7px;} .lp_catalog .step .tit { font-size: 12px; margin-top: 5px; } .lp15{padding-top:30px; padding-bottom:40px;} .lp15 .panel-heading a{padding: 25px 50px 22px 20px;} .lp15 .panel-heading a::after{right: 10px;} .lp15 .panel-heading.in a::after{right: 10px;} .lp15 .panel-collapse p { padding-bottom: 5px; text-align: justify; } .lp15 .panel-heading a{font-size:12px;} } @media (max-width: 420px){ .dropdown-city { column-count: 1;} .dropdown-city li{font-size:14px;} .header-container .logo .img_logo { width: 100%; max-width: 80px; } .header-float .menu__icon { width: 10%; margin-top: -2px; } .header-container .phone_block .phone .phone_a { font-size: 14px; margin-top: 8px; } .header-container .phone_block .phone .phone_a a:before{display:none;} .header-container .phone_block .phone .phone_a a{padding-left:0px;} .header-container .phone_block .phone .phone_a { font-size: 14px;} .menu_open_now .header_menu{ padding-top:90px;} .lp-main .lp-container { padding-top: 75px;} .lp-main .title { max-width: 100%; font-size: 22px; letter-spacing: 0px;} .lp-main .ul .li { max-width: 100%; } .lp-main .title br { display: block;} .lp-main .img_top { margin-top: 0px;} .lp-main .btn_gold_1:before { left: 3px; bottom: -35px; top:auto; margin-top:0px; width: 65px; height: 43px; background: url(/bitrix/templates/xlpipe/css/../img/calcul.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .btn_gold_2:before { right: 4px; bottom: -20px; top:auto; margin-top:0px; width: 70px; height: 50px; background: url(/bitrix/templates/xlpipe/css/../img/catalog.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .wrap_btn .btn_gold_2 span:before { right: 0px; left:0px; margin:0px auto; bottom: -20px; width: 16px; height: 15px; background: url(/bitrix/templates/xlpipe/css/../img/ico_download_top.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .btn{padding: 12px 10px 10px 10px;} .lp-main .btn_gold_2 {padding-bottom:30px;} .lp-main .wrap_btn_1 {margin-bottom:15px;} .lp1 header { height: 150px; } .footer-bg .header-container .logo .logo_block{min-width:auto;} .footer-bg .header-container .logo img { max-width: 170px; margin:0px auto; float:none; display:block;} .footer-bg .header-container .logo .logo_name{ margin:0px auto; float:none; text-align:center; padding:10px 0px;} .footer-bg .header-container .logo .logo_name br{display:none;} .footer-bg .header-container .phone_block .phone { text-align: center; margin:0px auto; float:none; display:block; padding-top: 4px;} .footer-bg .header-container .phone_block .btn_call_back { margin:0px auto; float:none; display:block;} .footer-bg .header-container .phone_block .phone .phone_a{text-align:center;} .footer-bg .header-container .btn_top{float:none; max-width: 100%;} .footer-bg .header-container .phone_block .phone .phone_a { margin-bottom: 10px;} .footer-bg .header-container .phone_block .phone .addr_a { display: block; text-align: center; margin-top: 20px; padding-left: 0px; margin: 0px auto;} .footer-bg .header-container .phone_block .phone .phone_a:before { content: none;} .footer-bg .header-container .phone_block .phone .addr_a:before { content: none;} .footer-bg .header-container .phone_block .btn_call_back { padding-left: 0px;} .modal_div .modal_close { top: -35px; right: 3px;} .wrap{ padding:0px 10px; } .header-container{padding-top:12px;} .header-container .logo .after_logo{float:right;} .lp-main .ul .li .ins_bl .ico_bullet{position:relative; top:0px; left:0px; right:0px; margin:0px auto;} .lp-main .ul .li .ins_bl{padding-left:0px; text-align:center; padding:5px;} .lp-main .ul .li{padding-right:0px;} .lp1 .title { font-size: 22px;} .lp1 .title_2 br{display:none;} .lp_check .form_all .check input[type="radio"]:not(:checked) + label {height:auto; margin-bottom: 10px; } .lp_check .form_all .check input[type="radio"]:checked + label{height:auto; margin-bottom: 10px;} .lp_check .form_all .column_min .check input[type="radio"]:checked + label { margin-bottom: 10px;} .lp-main .ul .li .ins_bl{padding-bottom:0px;} .lp1 .btn_wrap .btn_prev{float:none; width:100%; max-width:100%; margin-bottom:20px; text-align:center; padding-right:0px; display: block;} .lp1 .btn_wrap .btn_next{float:none; width:100%; max-width:100%; } .lp1 .column { width: 100%; padding-right: 0px; } .lp_exkurs .lp_cont_ins{ padding: 15px 0px 0px 0px;} .fix_bottom { padding: 5px 10px; } .fix_bottom .city_block .cit { padding-bottom: 0px; } .fix_bottom .addr{margin-top:2px;} .lp_exkurs .step_block { margin: 0px auto; margin-top: 50px; max-width: 280px; } .lp2 .title { font-size: 22px;} .lp2 .title_2 { font-size: 20px; margin-top:20px;} .lp2 .btn_price{padding-left:15px; padding-right:15px;} .lp2 .tit { font-size: 16px;} .lp2 .desc { font-size: 13px;} .lp2 .step{ ;} .lp2 a.btn_green { max-width: 220px; padding: 18px 10px 17px 10px; font-size: 16px;} .lp2 a.btn_gold { padding: 20px 15px 18px 15px; font-size: 14px;} .lp3 .title { font-size: 22px;} .lp3 .form_top .btn_green {font-size: 16px;} .lp3 .proj_tit { font-size: 18px; margin-bottom: 10px;} .lp3 .proj_tit span { font-size: 16px;} .lp3 .proj_block .desc { font-size: 14px; line-height: 1.1; margin-bottom: 2px;} .lp_office .slider_bg { width: 280px; margin: 0px auto;} .lp_office .slider { width: 200px; height: 200px; margin: 0px auto; margin-top: 0px;} .lp_office .slider .slide img { margin-top: 7px; } .lp_office .tit { font-size: 16px; text-align:center; float: none; max-width: 100%; margin-bottom:20px; width: 100%;} .lp_office .numb_block { padding-right: 0px; float: none; width: 100%;} .lp_office .numb {margin:0px auto; margin-bottom:10px;} .lp_office .wrap_btn { margin: 0px auto; margin-top: 15px; width: 100%; right: auto;} .lp_office .btn_white { padding: 18px 15px 15px 15px; font-size: 14px; line-height: 1.4; text-align:center;} .lp_office .btn_white:before { content: none;} .lp_office .circle { position: absolute; left: 0px; right:0px; top: auto; bottom:-200px; margin:0px auto;} .lp_office .img_circle {margin:0px auto;} .lp_office { padding: 40px 0px 220px 0px;} .lp_exkurs_2 .title { font-size: 22px;} .lp_exkurs_2 .title_2 { font-size:20px; } .lp_exkurs_2 .step_block .step { font-size: 14px; line-height:1.35;} .lp_exkurs .step_block .step { font-size: 14px; line-height: 1.35;} .lp_scheme .title { font-size: 22px;} .lp_top_questions .title { font-size: 22px;} .lp_top_questions .title_2 { font-size:20px; margin-top:5px; } .lp_top_questions .lp-container { margin-top: 10px;} .lp_top_questions ul li { font-size: 14px;} .lp_why_we .title { font-size:22px;} .lp_why_we .title_2 { font-size: 20px; margin-top:20px;} .lp_brigada .title{ font-size: 20px; line-height:1.1;} .lp_brigada .title_2 { font-size: 20px; margin-top:10px;} .lp_brigada .title_3{margin-top:10px;} .lp_brigada .img_brigada { margin-top: 0px; max-width:220px;margin-bottom:40px; } .lp_years .title { font-size: 22px;} .lp_years .title_2 { font-size: 20px;} .lp_price .title { font-size: 22px;} .lp_price .tit { font-size: 22px;} .lp_price .price { font-size: 20px; margin-top: 15px;} .lp_proizv .title { font-size: 22px;} .lp_proizv .title_2 { font-size: 20px; margin-top: 15px;} .lp_proizv p { font-size: 16px; line-height: 1.4;} .lp_proizv .btn_gold span:before { left: -2px; top:10px; margin-top: -5px; width: 14px; height: 8px;} .lp_proizv .btn_gold span { padding-left: 25px;} .lp_proizv a.btn_gold { padding: 20px 15px 18px 15px; font-size: 14px;} .lp12 .lp_12_img_tree{display:none;} .lp12 .img_kaska { position: absolute; z-index: -1; top: -10px; left: -70px; width:100%; max-width:200px;} .form_top .tit_form { font-size: 16px;} .lp_exkurs .step_block{margin-top:25px;} .lp_exkurs .title { font-size: 16px; padding-left:10px; padding-right:10px;} .lp_office .title { font-size: 20px;} .lp_exkurs_rasch .title_2{ font-size: 14px; margin-top:4px;} .lp_exkurs .block_left{padding-left:10px; padding-right:10px;} .lp_exkurs_rasch .block_right img{margin-top:-50px;} .lp_why_we .btn_gold span:before { left: -2px; top: 50%; margin-top: -5px; width: 14px; height: 8px;} .lp_why_we .btn_gold span { padding-left: 25px;} .lp_why_we a.btn_gold { padding: 20px 15px 18px 15px; font-size: 14px;} .lp_years .title { font-size: 22px;} .lp_years .title_2 { font-size: 20px; margin-top: 20px;} .lp6 .btn_gold span:before { left: -2px; top:10px; margin-top: -5px; width: 14px; height: 8px;} .lp6 .btn_gold span { padding-left: 25px;} .lp6 a.btn_gold { padding: 20px 15px 18px 15px; font-size: 14px;} .lp6 .btn_gold:before { left: -5px; bottom: -40px; width: 90px; height: 60px; background: url(/bitrix/templates/xlpipe/css/../img/calcul_2.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp6 p { font-size: 16px; line-height: 1.4;} .lp5 .title { font-size: 22px;} .lp5_r .lp-container { margin-top: 10px; } .lp1 { padding: 0px 0px 20px 0px;} .lp-main .btn_gold_1 span{line-height:1.15;} .lp6 .title { font-size: 22px;} .lp6 .title_2 { font-size: 20px; margin-top:20px;} .lp6 ul li { margin-bottom: 15px; padding-left: 35px; font-size: 13px;} .lp6 ul li:before { top: 0px; width: 17px; height: 17px; background: url(/bitrix/templates/xlpipe/css/../img/ico_cir_plus.png) no-repeat 0% 0%; background-size: 100%;} .lp6 .lp-container { margin-top: 40px;} .lp_map .title { font-size:22px; } .lp7 .title { font-size: 22px;} .lp7 .tit { font-size: 16px;} .lp7 .desc { font-size: 13px;} .lp7 .step{ padding: 44px 15px 20px 15px; min-height:auto; margin-bottom: 30px;} .lp7 a.btn_green { max-width: 220px; padding: 18px 10px 17px 10px; font-size: 16px;} .lp7 .desc { min-height: auto;} .lp7 .step_4 .desc { padding-top: 25px; min-height: auto;} .lp8 .title { font-size: 22px;} .lp8 ul li { margin-bottom: 12px; padding-left: 35px; font-size: 13px;} .lp9 .title { font-size: 22px;} .lp9 .title_2 { font-size: 18px; margin-top: 15px; max-width: 455px;} .lp9 .block_vig .tit { padding-left: 45px; font-size: 16px;} .lp10 .title { font-size: 22px;} .lp11 .title { font-size: 22px;} .lp12 .title { font-size: 22px;} .lp13 .title { font-size: 22px;} .lp14 .title { font-size: 22px;} .lp14 .title_2 { font-size: 16px;} .lp15 .title { font-size: 22px;} .lp15 .panel-collapse { padding-bottom: 20px; font-size: 11px; padding-left: 20px; padding-right: 20px;} .lp16 .lp-container .left { padding: 58px 20px 40px 20px;} .lp16 .logo_blocks { position: relative; top: auto; left: 0px; right:0px; margin:0px auto; width: 100%; text-align: center; margin-top:20px;} .lp16 .lp-container .block { padding-top: 10px;} .lp16 .logo_blocks .logo_block{margin-bottom:10px;} .lp16 .lp-container .left .cont_block .cont_1 { font-size: 16px; padding-left: 0px; text-align:center;} .lp16 .lp-container .left .cont_block .cont_2 { font-size: 15px; margin-top: 6px; text-align:center; padding-left: 0px;} .lp16 .lp-container .left .cont_block .cont_2 br{display:none;} .lp16 .lp-container .left .cont_block .cont_a:before { width: 20px; height: 20px; top:-20px; left:0px; right:0px; margin:0px auto;} .lp16 .lp-container .left .cont_block .cont_b:before { width: 20px; height: 20px; top:-20px; left:0px; right:0px; margin:0px auto;} .lp16 .lp-container .left .cont_block .cont { margin-bottom: 52px;} .lp16 .btn_wrap { margin-top: 40px;} .lp16 .btn_wrap .btn_green { max-width: 420px; font-size: 18px; font-weight: bold; padding-top: 22px; padding-bottom: 18px;} .lp_catalog .title{font-size:22px;} .lp_catalog .lp-cont_top .step { width: 48%; } .lp_catalog .lp-cont_bot .step { width: 48%; } .lp15 .form_top .form_insite { padding-left: 20px; padding-right: 20px; } .lp_vigodi .title { font-size: 24px;} .lp_vigodi .step .tit{font-size:18px;} .lp_vigodi .step ul li {font-size:14px; margin-bottom: 4px; line-height: 1.25; } .lp_demo .title{font-size:24px;} .lp_top_questions_3 ul li{font-size:14px;} .lp4 .title { font-size: 24px; } .lp4 .step .tbl .cell { display: block; width: 100%; border-radius: 10px; vertical-align: top; } .lp4 .step .tbl .cell_2{min-height:300px;} .lp_top_questions .form_top .form_insite { padding: 35px 20px 20px 20px; background: #fff; } .lp_rev {padding-bottom:30px;} .lp_rev .step{margin-bottom:25px;} .lp_rev .title { font-size: 20px;} .lp_rev .title_2{ font-size: 16px;} .lp-block .form_all .form-text { padding: 15px 15px 14px 45px; font-size: 13px;} .form_all .fl_upld label { padding: 15px 15px 14px 40px; font-size: 13px;} .lp-block .name_ico_file:before { content: ""; position: absolute; left: 10px; top: 10px; width: 24px; height: 25px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_4.png) no-repeat 0% 0%; background-size: 100%; } .lp-block .phone_ico:before { content: ""; position: absolute; left: 10px; top: 10px; width: 24px; height: 25px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_2.png) no-repeat 0% 0%; background-size: 100%; } .lp-block .btn_gold { font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding-top: 10px; padding-bottom: 10px; } .lp-block .phone_ico{position:relative;} .lp-block .phone_ico:before { content: ""; position: absolute; left: 10px; top: 10px; width: 24px; height: 24px; background: url(/bitrix/templates/xlpipe/css/../img/ico_line_2.png) no-repeat 0% 0%; background-size: 100%; z-index: 3; } .lp-block .form_top .form_insite { padding:15px 10px 15px 10px; } .form_top .line_ins{margin-bottom:10px;} .lp-block .form_tbl { margin-top: 15px; } .lp4 .step .tbl .cell{padding-top:10px;} } @media (max-width: 340px){ .fix_bottom .city_block{width:100%; text-align:left;} .fix_bottom .phone{ width:100%; text-align:left;} .fix_bottom .addr{ width:100%; text-align:left; padding-left:0px; padding-right:0px;} .fix_bottom .city_block .cit { margin-bottom: 3px; } .lp-main .title { font-size:20px; max-width: 300px;} .lp-main .title_2 { font-size: 16px; max-width: 100%; letter-spacing: 0px; margin: 0px auto; margin-top: 0px; font-size: 12px;} .lp-main .title_3 { font-size: 14px;} .lp-main .title b { font-size: 16px;} .lp-main .lp-container { padding-top: 60px; } .lp-main .img { position: relative; margin-top: -50px; } .lp-main .btn_green { padding: 17px 10px 16px 10px;} .lp-main .btn_blue { padding: 17px 10px 16px 10px;} .lp1 .title { font-size: 20px; } .custom-checkbox+label { display: block;} .lp3 .wrap_btn:before { left: 0px; right: 0px; margin: 0px auto; top: -200px; width: 100%; height: 280px; background: url(/bitrix/templates/xlpipe/css/../img/btn_book-min.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_years .video_block { max-width: 260px; height: 140px;} .lp_years .video_block:before { width: 45px; height: 46px; background: url(/bitrix/templates/xlpipe/css/../img/btn_play.png) no-repeat 0% 0%; background-size: 100%;} .lp14 .img_lp4_1_block { max-height: 300px; min-height: 300px;} .lp14 .img_lp4_2_block { max-height: 180px; min-height: 180px;} .lp14 .img_lp4_3_block { max-height: 180px; min-height: 180px;} .topWindow { top: 0 !important; height: 3px !important;} #progress_green { height: 3px; top: 0px;} .lp_exkurs .lp_cont_ins{ padding: 20px 0px 0px 0px;} .lp_exkurs .form_top .form_insite { padding: 25px 10px 15px 10px; background: #fff; } .lp_exkurs .form_top{padding:0px;} .lp_top_questions .circle{ padding:15px; font-size: 13px;} .fix_bottom .city_block .btn_city { font-size: 12px; } .fix_bottom .city_block .city { font-size: 12px;} .fix_bottom{ font-size: 12px !important; padding-top:5px; padding-bottom:5px; line-height: 1;} .fix_bottom .phone{margin-top:3px;} .fix_bottom .addr{margin-top:3px;} } @media (max-width: 320px){ .header-float .menu__icon{margin-top:-2px;} .header-container .logo .img_logo { max-width: 60px; } .header-float .phone_block .phone .phone_a { font-size: 10px; margin-top:0px; } .header-float .phone_block .phone .phone_b{ font-size: 10px; } .header-container .phone_name { font-size: 10px;} .header-float .logo .after_logo{display:none;} .header-float .logo img { width: 100%; max-width: 35px; margin-top: -2px; } .header-float .logo .logo_block { width: 100%; } .header-container .phone_block .phone .phone_a a:before { left: 0px; top: 3px; width: 9px; height:9px;} .menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 8px;} .menu__icon span:nth-child(4) { top: 16px;} .lp-main .title br{display:none;} .lp1 .line{padding-left:0px;} .lp_check .form_all .check { margin-bottom: 12px;} .lp1 .btn_wrap .btn_next span { font-size: 12px;} .lp1 .btn_wrap .btn_white { font-size: 12px;} .lp3 .bot_block .btn_gold span:before { left: -2px; top: 50%; margin-top: -4px; width: 12px; height: 6px; background: url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .bot_block .btn_gold span { padding-left: 15px;} .lp3 .bot_block .btn_gold { letter-spacing: 0px; font-size: 10px;} .form_top .btn_gold span:before { left: -2px; top: 50%; margin-top: -5px; width: 14px; height: 8px; background: url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size: 100%;} .form_top .btn_gold span { padding-left: 20px;} .form_top .btn_gold { letter-spacing: 0px; font-size: 12px;} .lp2 .btn_gold span:before { left: -2px; top: 50%; margin-top: -5px; width: 14px; height: 8px; background: url(/bitrix/templates/xlpipe/css/../img/arrow_btn_right.png) no-repeat 0% 0%; background-size: 100%;} .lp2 .btn_gold span { padding-left: 20px;} .lp2 a.btn_gold { padding: 20px 15px 18px 15px; font-size: 12px;} .lp9 .circle .text_1 { line-height: 1.2; font-size: 11px;} .lp9 .circle .text_2 { font-size: 22px; margin-top: 7px;} .lp9 .circle { width: 200px; height: 200px; text-align: center;} .lp9 .circle .circle_ins { width:175px; height: 175px; padding-top: 30px;} } /* End */ /* Start:/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer/style.css?1784974778666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer/images/icon_warn.gif); } /* End */ /* Start:/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer2/style.css?1784974778666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer2/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/xlpipe/components/bitrix/form.result.new/footer2/images/icon_warn.gif); } /* End */ /* Start:/bitrix/templates/xlpipe/template_styles.css?17849747787838*/ .form_success { font-size: 39px; color: #b178d5; font-weight: 500; margin-bottom: 25px; margin-top: 25px; } .form_all .file_names{ margin-top: 8px; font-size: 13px; line-height: 1.4; color: #333438; } .form_all .file_names div{ padding: 4px 0; } .form_all .attach.is-file-selected{ color: #333438; border-color: #bc7cd6; background: #fbf7fd; } .slider .slide{ display: none; } .slider.slick-initialized .slide.slick-slide{ display: block; } .lp-diller-text { color: #000; font-family: Montserrat; font-size: 28px; font-style: normal; font-weight: 700; line-height: 36px; margin-bottom: 56px; } .lp-diller-text > span{ color: #B977D4; } .button_bottom_text { color: #434343; text-align: center; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 24px; } .lp-diller .text_block { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .lp-counterfeit, .lp-counterfeit * { box-sizing: border-box; } .lp-counterfeit { --counterfeit-violet: #b977d4; --counterfeit-violet-light: #f2dfff; --counterfeit-red: #dd0b0b; --counterfeit-green: #2eb82e; --counterfeit-text: #434343; overflow: hidden; padding: 120px 0 82px; background: #fff; color: var(--counterfeit-text); font-family: "Montserrat", sans-serif; } .lp-counterfeit__container { width: min(100% - 30px, 1216px); margin: 0 auto; } .lp-counterfeit__title { margin: 0; color: #000; font-size: 37px; font-weight: 700; line-height: 1.22; text-align: center; } .lp-counterfeit__title span { color: var(--counterfeit-violet); } .lp-counterfeit__risks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 56px; } .lp-counterfeit__risk { min-height: 240px; padding: 26px 20px 24px; border-radius: 10px; background: #fff; box-shadow: 0 10px 50px #efefef; } .lp-counterfeit__risk-icon { display: flex; width: 52px; height: 52px; align-items: center; justify-content: center; border: 5px solid var(--counterfeit-red); border-radius: 50%; } .lp-counterfeit__risk-icon img { display: block; width: 32px; height: 32px; object-fit: contain; } .lp-counterfeit__risk p { max-width: 255px; margin: 42px 0 0; font-size: 16px; font-weight: 400; line-height: 121.894%; } .lp-counterfeit__risk strong { font-weight: 700; } .lp-counterfeit__separator { width: 113px; height: 4px; margin: 80px auto 60px; border-radius: 4px; background: var(--counterfeit-violet-light); } .lp-counterfeit__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .lp-counterfeit__system { min-width: 0; min-height: 643px; padding: 22px 22px 32px; border-radius: 10px; background: #fff; box-shadow: 0 10px 50px #efefef; } .lp-counterfeit__system-image { display: block; width: 100%; height: 359px; border-radius: 12px; object-fit: cover; } .lp-counterfeit__system-content { padding: 38px 35px 0; } .lp-counterfeit__system h3 { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.02; } .lp-counterfeit__system-line { width: 113px; height: 4px; margin-top: 26px; border-radius: 4px; } .lp-counterfeit__system_original .lp-counterfeit__system-line { background: var(--counterfeit-green); } .lp-counterfeit__system_fake .lp-counterfeit__system-line { background: var(--counterfeit-red); } .lp-counterfeit__system ul { display: grid; gap: 15px; margin: 25px 0 0; padding: 0; list-style: none; } .lp-counterfeit__system li { position: relative; min-height: 24px; padding: 3px 0 0 39px; font-size: 16px; font-weight: 400; line-height: 1.1; } .lp-counterfeit__system li::before, .lp-counterfeit__system li::after { position: absolute; content: ""; } .lp-counterfeit__system li::before { top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; } .lp-counterfeit__system_original li::before { background: var(--counterfeit-green); } .lp-counterfeit__system_fake li::before { background: var(--counterfeit-red); } .lp-counterfeit__system_original li::after { top: 6px; left: 6px; width: 11px; height: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); } .lp-counterfeit__system_fake li::after { display: none; } .lp-counterfeit__system_fake li::before { background-color: var(--counterfeit-red); background-image: linear-gradient(45deg, transparent 44%, #fff 45%, #fff 55%, transparent 56%), linear-gradient(-45deg, transparent 44%, #fff 45%, #fff 55%, transparent 56%); background-position: center; background-size: 12px 12px; background-repeat: no-repeat; } .lp-counterfeit__action { margin-top: 82px; text-align: center; } .lp-counterfeit__button { position: relative; z-index: 0; display: inline-flex; width: min(100%, 496px); min-height: 90px; align-items: center; justify-content: center; padding: 20px 34px; border-radius: 5px; background: var(--counterfeit-violet); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.55; letter-spacing: 0.43px; text-align: center; text-decoration: none; transition: transform 0.25s ease, background-color 0.25s ease; } .lp-counterfeit__button:hover { background: #a963c6; color: #fff; } .lp-counterfeit__button:focus-visible { outline: 3px solid #7d4496; outline-offset: 4px; } @media (max-width: 1080px) { .lp-counterfeit { padding-top: 90px; } .lp-counterfeit__risks { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-counterfeit__risk { min-height: 210px; } .lp-counterfeit__risk p { max-width: none; margin-top: 32px; } .lp-counterfeit__system { min-height: 580px; } .lp-counterfeit__system-image { height: 300px; } .lp-counterfeit__system-content { padding-right: 18px; padding-left: 18px; } } @media (max-width: 840px) { .lp-counterfeit { padding: 70px 0; } .lp-counterfeit__title { font-size: 32px; } .lp-counterfeit__comparison { grid-template-columns: minmax(0, 598px); justify-content: center; } .lp-counterfeit__system { min-height: 0; } .lp-counterfeit__system-image { height: auto; aspect-ratio: 555 / 359; } } @media (max-width: 520px) { .lp-counterfeit { padding: 50px 0; } .lp-counterfeit__title { font-size: 27px; } .lp-counterfeit__risks { grid-template-columns: 1fr; gap: 15px; margin-top: 38px; } .lp-counterfeit__risk { min-height: 0; padding: 22px 20px; } .lp-counterfeit__risk p { margin-top: 25px; font-size: 15px; line-height: 1.2; } .lp-counterfeit__separator { margin: 50px auto 40px; } .lp-counterfeit__system { padding: 12px 12px 28px; } .lp-counterfeit__system-content { padding: 28px 10px 0; } .lp-counterfeit__system h3 { font-size: 17px; line-height: 1.2; } .lp-counterfeit__system-line { margin-top: 18px; } .lp-counterfeit__system ul { gap: 12px; margin-top: 20px; } .lp-counterfeit__system li { padding-top: 2px; padding-left: 34px; font-size: 14px; line-height: 1.25; } .lp-counterfeit__action { margin-top: 50px; } .lp-counterfeit__button { min-height: 76px; padding: 18px 20px; font-size: 12px; } } @media (min-width: 841px) { .lp-diller .lp-container_2 { display: flex; align-items: center; } .lp-diller .img_block, .lp-diller .text_block { float: none; } .lp-diller .text_block { height: auto; } } @media (max-width: 841px) { .lp-diller-text { font-size: 22px; line-height: 28px; margin-bottom: 20px; } } /* End */ /* /bitrix/templates/xlpipe/css/reset.css?17849747782226 */ /* /bitrix/templates/xlpipe/css/stylesheet.css?17849747786715 */ /* /bitrix/templates/xlpipe/css/jquery.arcticmodal-0.3.css?17849747782053 */ /* /bitrix/templates/xlpipe/css/animate.css?178497477866859 */ /* /bitrix/templates/xlpipe/css/slick.css?17849747781895 */ /* /bitrix/templates/xlpipe/css/slick-theme.css?17849747783193 */ /* /bitrix/templates/xlpipe/css/jquery.fancybox.min.css?178497477812795 */ /* /bitrix/templates/xlpipe/css/style.css?1784974778235272 */ /* /bitrix/templates/xlpipe/components/bitrix/form.result.new/footer/style.css?1784974778666 */ /* /bitrix/templates/xlpipe/components/bitrix/form.result.new/footer2/style.css?1784974778666 */ /* /bitrix/templates/xlpipe/template_styles.css?17849747787838 */