/* Start:/tools/site/fonts/stylesheet.css?17641612142741*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 8:00 PM */ @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-Regular.eot'); src: local('Akrobat Regular'), local('Akrobat-Regular'), url('/tools/site/fonts/Akrobat-Regular.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-Regular.woff') format('woff'), url('/tools/site/fonts/Akrobat-Regular.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-ExtraLight.eot'); src: local('Akrobat ExtraLight'), local('Akrobat-ExtraLight'), url('/tools/site/fonts/Akrobat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-ExtraLight.woff') format('woff'), url('/tools/site/fonts/Akrobat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-SemiBold.eot'); src: local('Akrobat SemiBold'), local('Akrobat-SemiBold'), url('/tools/site/fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-SemiBold.woff') format('woff'), url('/tools/site/fonts/Akrobat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-Light.eot'); src: local('Akrobat Light'), local('Akrobat-Light'), url('/tools/site/fonts/Akrobat-Light.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-Light.woff') format('woff'), url('/tools/site/fonts/Akrobat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-Black.eot'); src: local('Akrobat Black'), local('Akrobat-Black'), url('/tools/site/fonts/Akrobat-Black.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-Black.woff') format('woff'), url('/tools/site/fonts/Akrobat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-Bold.eot'); src: local('Akrobat Bold'), local('Akrobat-Bold'), url('/tools/site/fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-Bold.woff') format('woff'), url('/tools/site/fonts/Akrobat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-Thin.eot'); src: local('Akrobat Thin'), local('Akrobat-Thin'), url('/tools/site/fonts/Akrobat-Thin.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-Thin.woff') format('woff'), url('/tools/site/fonts/Akrobat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Akrobat'; src: url('/tools/site/fonts/Akrobat-ExtraBold.eot'); src: local('Akrobat ExtraBold'), local('Akrobat-ExtraBold'), url('/tools/site/fonts/Akrobat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/tools/site/fonts/Akrobat-ExtraBold.woff') format('woff'), url('/tools/site/fonts/Akrobat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* End */ /* Start:/tools/site/css/animate.css?176416121466859*/ @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:/tools/site/css/style.css?1764161214204736*/ @import url(/tools/site/css/reset.css); /******** Типовые блоки - начало *********/ 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: 1220px; 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: 'Akrobat'; 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:25px; left:0px; right:0px; z-index:10;} .header-container{padding-bottom:18px; padding-top:18px; padding-left:27px; padding-right:27px; background:#fffffff0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: rgba(255, 255, 255, 0.75); /* полупрозрачный фон */ backdrop-filter: blur(10px); /* размытие заднего плана */ -webkit-backdrop-filter: blur(10px); /* для Safari */ /* border: 1px solid rgba(255, 255, 255, 0.2); */ /* лёгкий светлый бордер */ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);} .header-container .logo{float:left; width:15%; padding-top:0px; padding-bottom:0px; padding-left:0px;} .header-container .icon_block{float:right; width:10%; max-width:510px; } .header-container .menu_horizont{float:left; width:75%; } .header_menu .menu_horizont_mob{display:none;} .header-container .logo img{width:100%; max-width:100px; float:left; margin-top:0px;} .header-container .menu_horizont ul{display:flex; width:100%; padding-top:10px; } .header-container .menu_horizont li{display:inline-block; width:auto; font-size:20px; padding:0px 13px;} .header-container .menu_horizont li a{font-size:20px; font-weight:600; color:#024879; text-transform:uppercase;} .header-container .menu_horizont li a:hover{color:#1FA9EE;} .header-container .icon_block .ico_circle{float:right; width:33%; text-align:right;} .header-container .icon_block .ico_circle img{width:100%; max-width:40px;} .header-container .phone_block{text-align:right;} .header-container .phone_block .phone{text-align:left; float:left; padding-top:0px; position:relative; padding-left:63px;} .header-container .phone_block .phone .phone_call{font-size:16px; font-weight:500; color:#313131; text-align:left;} .header-container .phone_block .phone .phone_a{font-size:20px; font-weight:900; color:#3f3d3d; display:block; margin-top:4px; text-align:left; position:relative; padding-left:0px; } .header-container .phone_block .phone:before{content:""; position:absolute; left:0px; top:0px; width:46px; height:46px; background:url(/tools/site/css/../images/ico_phone_top.png) 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(/tools/site/css/../images/ico_locat.png) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .btn_call_back {float:right; max-width:230px; width:100%; padding-left:20px; margin-top:-5px;} .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:#fff; display: block; color: #3f3d3d; font-size: 14px; font-weight: bold; border: solid 4px #d78106; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; max-width:210px; padding: 16px 15px 14px 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 span:before{background:#fff; } .header-container .btn_top:hover{color:#6baa21;} .header-container .btn_top div{padding-left:35px; position:relative; display:inline-block;} .header-container .btn_top div:before{content:""; position:absolute; left:0px; top:-7px; width:23px; height:24px; background:url(/tools/site/css/../images/ico_phone.png) no-repeat 0% 0%; background-size:100%;} .header_menu{padding-top:20px;} .header_menu ul{list-style:none; display:table; width:100%; } .header_menu ul li{display:table-cell; width:16.6%; text-align:center; padding:0px 6px;} .header_menu ul li a{color:#484545; background:#fff; font-size:13px; font-weight:400; padding:15px 12px 13px 12px; display:inline-block; position:relative; width:100%; vertical-align: top; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 0px 5px 20px -5px rgba(122,122,122,0.15); -moz-box-shadow: 0px 5px 20px -5px rgba(122,122,122,0.15); box-shadow: 0px 5px 20px -5px rgba(122,122,122,0.15); max-height:43px; height:43px; 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;} .language_menu ul{ padding-left: 0px !important; list-style: none; position:relative; float:right; padding-right:15px;} .language_menu ul li a{padding-bottom:10px;} .language_menu ul ul {position: absolute; top: -999px; padding: 0px; padding-top:23px; opacity:0; height:0px; width:auto; left: -5px; } .language_menu ul ul a{padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px; line-height: 1.2; font-size: 18px; font-weight: 600; color: #024879; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* .language_menu ul ul li:last-child a{padding-bottom:20px;} .language_menu ul ul li:last-child{border-bottom:solid 1px #4e515b;} */ .language_menu ul ul a:hover{color:#dd5b26 !important;} .language_menu ul ul a:hover img{opacity:1;} .language_menu ul li:hover > ul { opacity:1; height:auto; top: 25px;} .language_menu ul li ul li{ /*opacity:0; height:0px; background:rgba(255, 255, 255, 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;*/ opacity: 0; height: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 50px; background: #fff; -webkit-backdrop-filter: blur(10px); border: 1px solid #4295c5; } .language_menu ul li:hover > ul li{ opacity:1; height:auto; } .language_menu ul ul li { display:block; position: relative;} .language_menu ul li ul li:nth-child(2){margin-top:5px;} .footer-bg { padding-top:45px; overflow:hidden;} .footer-bg .wrap{padding-bottom:60px; padding-left:15px; padding-right:15px;} .footer-bg .header-container{padding-top:40px;} .footer-bg .bg_leavs_bottom{position:absolute; z-index:-1; bottom:-5px; right:-180px;} .footer-bg .title{font-size: 38px; font-weight: bold; color:#fff; margin-bottom:20px; text-align:center;} .footer{ padding: 25px 25px 25px 25px; background: #fff; border-radius: 16px; border: solid 4px #0FB700; -webkit-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); -moz-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43);} .footer .logo{margin-top:0px; float:left; width:33.3%; } .footer .logo img{display:block; width:100%; max-width:200px;} .footer .politic{float: none; width: 100%; margin-top: 5px; text-align: right; } .footer .politic a{color:#4CAF4B; font-size: 20px; display: inline-block;} .footer .rights{float:left; width:33.3%; margin-top:15px; text-align: right; color:#4CAF4B; font-size: 18px; } .footer .domen{float:left; width:33.3%; text-align:center; margin-top:25px; } .footer .domen a{color:#4CAF4B; font-size: 22px;} .footer-bg .cont_block{ width:100%; line-height:1.2; font-size: 22px; font-weight: 500; margin-bottom:40px; color: #fff; width: 100%; max-width: 100%; padding: 25px 20px 35px 20px; background: #FF852D; text-align:center; position: relative; z-index: 1; border-radius: 16px; } .footer-bg .cont_block a{color:#fff;} .footer-bg .cont_block .cont{float:left; width:50%; padding:0px 10px;} .footer-bg .cont_block .logo{ padding:10px; border-radius:12px; width:auto; display:inline-block; width: 100%; min-height: 70px; margin-bottom:10px;} .footer-bg .cont_block .logo img{ width: 100%; max-width: 400px;} .footer-bg .cont_block .logo_krno{} .tablebodytext{display:none !important;} #scroll_top { display: none; position: fixed; bottom: 20px; right: 15px; z-index: 1000; width: 40px; height: 40px; padding:7px; background:#fff; background-size:100%; border-radius: 50%; border:solid 2px #37a7d2; opacity: 0.5; } #scroll_top:hover { opacity: 1; } #scroll_top img{width:100%;} .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: 5px; width: 100%; max-width:37px; background: #ee701f; 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;} .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;} .b-oez-popup .__info a{color: #0db7d2; font-weight: 400; border-bottom: solid 1px #0db7d2;} .b-oez-popup .__info a:hover{ border-bottom: solid 1px transparent;} .lp-main{ position:relative; margin-top:-5px; background: #8CBEDA; background: linear-gradient(90deg,rgba(140, 190, 218, 1) 0%, rgba(140, 190, 218, 1) 45%, rgba(1, 53, 106, 1) 55%, rgba(1, 53, 106, 1) 100%);} .lp-main .lp-main_ins{background: url(/tools/site/css/../images/bg_top_1.jpg) no-repeat 50% 0%; background-size: contain; min-height:730px;} @media (max-width: 2300px){ .lp-main .lp-main_ins{background: url(/tools/site/css/../images/bg_top_1.jpg) no-repeat 50% 0%; background-size: cover; min-height:730px;} } .lp-main .wrap{ padding-bottom:90px;} .lp-main .lp-container{ padding-top:160px; padding-bottom:0px; position:relative; z-index:5; } .lp-main .block_prime{ width:100%; max-width:710px; padding:35px 30px 45px 45px; background: rgba(0, 0, 0, 0.035); /* полупрозрачный фон */ border-radius: 12px; backdrop-filter: blur(4px); /* размытие заднего плана */ -webkit-backdrop-filter: blur(10px); /* для Safari */ border: 1px solid rgba(123, 213, 255, 0.5); /* лёгкий светлый бордер */ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); /* мягкая тень */} .lp-main .block_prime_row{color:#A7F2FF;} .lp-main .block_prime_row:nth-child(1){margin-bottom:30px; color:#fff;} .lp-main .block_prime .step{float:left; padding-right:15px;} .lp-main .block_prime .step_1{width:38%;} .lp-main .block_prime .step_2{width:30%;} .lp-main .block_prime .step_3{width:32%; padding-right:0px;} .lp-main .block_prime .block_prime_row:nth-child(1) .step .top{font-size:23px; font-weight: 700; text-transform:uppercase;} .lp-main .block_prime .block_prime_row:nth-child(1) .step .top b{font-size:57px; font-weight: 800; padding-right:3px;} .lp-main .block_prime .block_prime_row:nth-child(1) .step .bot{font-size:18px; font-weight: 400; margin-top:4px;} .lp-main .block_prime .block_prime_row:nth-child(2) .step .top{font-size:18px; font-weight: 700; text-transform:uppercase;} .lp-main .block_prime .block_prime_row:nth-child(2) .step .top b{font-size:42px; font-weight: 800; padding-right:3px;} .lp-main .block_prime .block_prime_row:nth-child(2) .step .bot{font-size:14px; font-weight: 400; margin-top:4px; letter-spacing:0.4px;} .lp-main .title{font-size:54px; color:#4b4a4a; font-weight: bold; line-height:1; max-width:920px; width:100%; position:relative; z-index:4; font-family: 'Bebas Neue'; letter-spacing:0.7px; position:relative;} .lp-main .title:before{display:none !important} .lp-main .title div{position:relative; display:inline;} .lp-main .title div:before{content:""; position:absolute; right:-65px; bottom:5px; width:55px; height:55px; background:url(/tools/site/css/../images/title_circle.png) no-repeat 0% 0%; background-size:100%; } .lp-main .title span{color:#528850; } .lp-main .title b{font-weight:bold; font-weight: 600; font-family: 'Asket Narrow'; font-size:34px;} .lp-main .title_2{font-size:30px; color:#4b4a4a; font-weight: bold; line-height:1.2; max-width:100%; width:100%; position:relative; z-index:4; font-family: 'Bebas Neue'; letter-spacing:0.85px; margin-top:25px;} .lp-main .title_2 span{color:#528850; white-space:nowrap;} .lp-main .img_top{position:absolute; top:250px; margin:0px auto; left:0px; right:-670px; width:100%; max-width:930px; } .lp-main .title_und{margin-top:100px; font-size:24px; font-weight:300; color:#8e8e8e;} .lp-main ul{ list-style:none; margin-top:30px;} .lp-main ul li{ padding:20px 20px 12px 18px; position:relative; max-width:660px; width:100%; min-height:92px; float:left; background-color:rgba(255, 255, 255, 0.5); border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:18px; text-align:left; color:#3f3d3d; -webkit-box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2); -moz-box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2); box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2); line-height:1.2;} .lp-main ul li:last-child{margin-right:0px;} .lp-main ul li div{position:relative; padding-left:34px; padding-bottom:7px;} .lp-main ul li div:before{content:""; position:absolute; left:3px; top:2px; width:12px; height:12px; background:#a0cf6a; background-size:100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36); -moz-box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36); box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36); border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px;} .lp-main ul li img{width:100%; max-width:55px;} .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 .circle{position:absolute; top:50%; margin-top:-48px; left:-50px;} .lp-main .circle .circle_bg{animation: 20s linear 0s normal none infinite running rot; -webkit-animation: 20s linear 0s normal none infinite running rot;} .lp-main .circle .circle_gift{position:absolute; top:-5px; bottom:0px; left:0px; right:0px; margin:auto;} .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 .wrap_btns{position:relative; z-index:10; margin-top:28px;} .lp-main .btn{max-width:480px; vertical-align:top;} .lp-main .btn_green{padding:25px 15px 24px 15px; } .lp-main .btn_green div{ width:100%; margin:0px auto;} .lp-main .btn_blue{padding:25px 15px 24px 15px; } .lp-main .btn_blue div{ width:100%; margin:0px auto;} .lp-main .wrap_btn{float:left; vertical-align:top; max-width:480px; width:100%; margin-right:28px; display:block;} .lp-main .img_top_invis{display:none;} .lp-main .ul_block_invis{display:none;} .lp-main .btn_gold_1 span{width:100%; max-width:320px; margin:0px auto; display:block;} .lp-main .btn_gold_2 span{width:100%; max-width:290px; margin:0px auto; display:block;} .lp-main .btn_gold_1:before{content:""; position:absolute; left:-45px; bottom:-15px; width:115px; height:73px; background:url(/tools/site/css/../images/calcul.png) no-repeat 0% 0%; background-size:100%;} .lp-main .btn_gold_2:before{content:""; position:absolute; right:-80px; bottom:-35px; width:136px; height:97px; background:url(/tools/site/css/../images/catalog.png) no-repeat 0% 0%; background-size:100%;} .lp-main .wrap_btn .btn_gold_2 span{position:relative; display:inline-block;} .lp-main .wrap_btn .btn_gold_2 span:before{content: ""; position: absolute; right:4px; bottom:0px; width: 23px; height:22px; background: url(/tools/site/css/../images/ico_download_top.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_assoc{padding-top:90px;} .lp_assoc .logo{float:left; width:45%; padding-right:35px;} .lp_assoc .logo img{display:block; width:100%; max-width:480px;} .lp_assoc .text{float:left; width:55%; font-size:23px; line-height:1.25; padding-top:0px;} .lp_assoc .text div:nth-child(2){margin-top:10px;} .lp_assoc .text b{font-size: 38px; font-weight: bold; text-transform:uppercase;} .lp_assoc .tit{font-size:28px; color:#000; margin-top:45px; font-weight:700;} .lp_assoc .block_prime_row{ margin-top:15px; display:flex; width:100%;} .lp_assoc .step{ padding:0px 7px; text-align:center; overflow:hidden; position:relative;} .lp_assoc .step{width:25%; background:#39A7D1; border-radius:7px; min-height:91px; padding:20px 10px 15px 10px; color:#fff; font-size:17px; font-weight:600; margin-right:17px;} .lp_assoc .step_last{margin-right:0px;} .lp_assoc .step img{position:absolute; left:0px; top:0px;} .lp_assoc .step_2 div{padding-left:10px; padding-right:10px;} .lp_assoc .step_4 div{padding-left:10px; padding-right:10px;} .lp_interactive_map .container{width:100%; position:relative;} .globe-container, .globe { height:600px; position: absolute; margin: 0px auto; left: 0px; right: -1300px; top: 40px; width: 100%; max-width: 770px; } .globe-container { display: inline-block; transform: scale(1.35); } .globe { position: relative; display: block; margin: 0; padding: 0; top: 0; left: 0; } .globe-worldmap, .globe-worldmap-front, .globe-worldmap-back, .globe-sphere, .globe-outer-shadow, .globe-inner-shadow { position: absolute; display: block; margin: 0; } .globe-sphere, .globe-outer-shadow, .globe-inner-shadow { left: 0; top: 0; width: 500px; height: 500px; background-position: 0 0; background-repeat: no-repeat; } .globe-worldmap { left: 0; top: 0; width: 500px; height: 500px; overflow: hidden; border-radius: 50%; } .globe-worldmap-front{ left: 0; top: 0; width: 2044px; height: 600px; overflow: visible; background-image: url(/tools/site/css/../images/worldmap_color.svg); background-repeat: no-repeat; background-size: 2044px; opacity:1; } .globe-worldmap-back { left: 0; top: 0; width: 2044px; height: 600px; overflow: visible; background-image: url(/tools/site/css/../images/worldmap_revers_2.svg); background-repeat: no-repeat; background-size: 2044px; } /* .globe-worldmap-back{opacity:0;} */ .globe-outer-shadow { left: 0; top: 486px; width: 500px; height: 500px; background-image: url(/tools/site/css/../images/outer_shadow.svg); background-size:100%; opacity:0.3; } .globe-inner-shadow { background-image: url(/tools/site/css/../images/inner_shadow.svg); background-size:100%+4px; opacity:0.9; margin: 2px; background:#cccccc0d; border-radius: 100%; /* -webkit-box-shadow: 0px 0px 8px 8px rgba(58, 167, 209, 0.12); -moz-box-shadow: 0px 0px 8px 8px rgba(58, 167, 209, 0.12); box-shadow: 0px 0px 8px 8px rgba(58, 167, 209, 0.12); */ } .globe-worldmap-front { background-position: 0px 0px; animation: textureSpinreverse 25s linear infinite; } .globe-worldmap-back { background-position: 0px 0px; animation: textureSpin 25s linear infinite; opacity:0.7; } @keyframes textureSpin { from { transform: translateX(0); } to { transform: translateX(-47.5%); } } @keyframes textureSpinreverse { from { transform: translateX(-47.5%); } to { transform: translateX(0); } } .lp_invest_nav{padding-top:130px; padding-bottom:100px; background:#fff;} .lp_invest_nav .title{font-size:46px; color:#374976; width:100%; max-width:420px; font-weight:bold; text-transform:uppercase; line-height:1.15;} .lp_invest_nav .desc{font-size:31px; color:#000; width:100%; max-width:712px; font-weight:400; line-height:1.15; } .lp_invest_nav .desc b{color:#3CA7D0; font-weight:800;} .lp_invest_nav .lp-container{margin-top:32px; position: relative; z-index: 5;} .lp_invest_nav .map_color{position:absolute; margin:0px auto; left:0px; right:-1000px; top:-100px; width:100%; max-width:770px;} .lp_invest_nav .logos{width:100%; max-width:712px; margin-top:50px;} .lp_invest_nav .logos .logo{ float:left; width:50%; padding-right:15px;} .lp_invest_nav .logos .logo img.logo_akit{width:100%; max-width:250px;} .lp_invest_nav .logos .logo img.logo_krno{width:100%; max-width:310px; margin-top:10px;} .lp_invest_nav .logos .logo_eng:nth-child(1){width:40%;} .lp_invest_nav .logos .logo_eng:nth-child(2){width:60%;} .lp_invest_nav .logos .logo_eng img.logo_akit{width:100%; max-width:250px;} .lp_invest_nav .logos .logo_eng img.logo_krno{width:100%; max-width:390px; margin-top:0px;} .lp_invest_nav .desc_blocks{margin-top:120px; position:relative; z-index:3;} .lp_invest_nav .desc_block{border-radius:16px; -webkit-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); -moz-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43);} .lp_invest_nav .desc_block_1{color:#fff; width:100%; max-width:555px; padding:20px 37px 30px 37px; background: #2BA8D6; background: linear-gradient(132deg,rgba(43, 168, 214, 1) 0%, rgba(63, 167, 207, 1) 100%); position:relative; z-index:3;} .lp_invest_nav .desc_block_1 .tit{font-size:78px; font-weight:bold;} .lp_invest_nav .desc_block_1 .text{font-size:22px; font-weight:500; margin-top:10px; line-height:1.2;} .lp_invest_nav .desc_block_wrap{position:relative;} .lp_invest_nav .desc_block_2{color:#000; width:60%; max-width:725px; padding:20px 100px 35px 135px; background: #fff; border:solid 4px #0FB700; right:0px; top:-90px; position:absolute; z-index:2;} .lp_invest_nav .desc_block_2 .tit{font-size:44px; font-weight:900; color:#4CAF4B;} .lp_invest_nav .desc_block_2 .text{font-size:22px; font-weight:500; margin-top:10px; line-height:1.2;} .lp_invest_nav .desc_block_3{color:#fff; width:100%; max-width:840px; padding:25px 37px 30px 37px; background: #FF852D; margin:0px auto; margin-top:65px; position:relative; z-index:1;} .lp_invest_nav .desc_block_3 .tit{font-size:38px; font-weight:bold;} .lp_invest_nav .desc_block_3 .text{font-size:22px; font-weight:500; margin-top:10px; line-height:1.2;} .lp_invest_nav .blue_arrows{text-align:center; margin:0px auto; position:relative; margin-top:80px; display:block;} .lp_invest_nav .blue_arrows a{display:inline-block;} .lp_invest_nav .blue_arrows a:hover{opacity:0.7;} .lp_invest_nav .blue_arrows img{display:block; margin:0px auto;} .lp_invest_nav .blue_arrows div{font-size:24px; color:#8A94A3; margin-top:10px;} .lp_preferenc{padding-top:80px; padding-bottom:40px;} .lp_preferenc .title { text-align:center; font-size: 46px; color: #374976; width: 100%; font-weight: bold; text-transform: uppercase; line-height: 1.15; margin-bottom:40px;} .lp_preferenc .lp-container{padding-bottom: 18px; color: #fff; width: 100%; max-width: 100%; text-align:center; padding: 20px 37px 30px 37px; background: #2BA8D6; background: linear-gradient(132deg, rgba(43, 168, 214, 1) 0%, rgba(63, 167, 207, 1) 100%); position: relative; z-index: 3; border-radius: 16px; -webkit-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); -moz-box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); box-shadow: 0px 6px 11px -4px rgba(108, 112, 114, 0.43); font-size: 31px; font-weight: 500; line-height:1.2;} .lp_maket{padding-top:0px; padding-bottom:60px; position:relative; padding-left:0px; padding-right:0px;} .lp_maket .slider{margin-top:20px; } .lp_maket .slider .slide{padding-left:75px; padding-right:75px;} .lp_maket .slider .slide img{width:100%;} .lp_maket .slider .slick-list{ padding: 0px 10% !important;} .lp_maket .title{ font-size: 31px; color: #000; text-transform:uppercase; text-align:center;} .lp_maket .tit{margin-bottom:10px; font-size: 30px; font-weight:bold;} .lp_maket .slick-prev { left: 11px;} .lp_maket .slick-next { right: 11px;} .lp_maket .block .header{position:relative; padding-left:52px; } .lp_maket .block .header .name_country{border-radius:30px 30px 0px 30px; width:100%; min-height:120px; padding-left:80px; padding-top:39px; padding-bottom:30px; padding-right:40px; font-size:41px; font-weight:bold; overflow:hidden; position: relative; font-size:41px; color:#fff;} .lp_maket .block_country_rus .header .name_country{background:#37a7d2;} .lp_maket .block_country_rus .tit{color:#37a7d2;} .lp_maket .block_country_br .header .name_country{background:#009440; } .lp_maket .block_country_br .tit{color:#009440;} .lp_maket .block_country_ind .header .name_country{background:#c00073;} .lp_maket .block_country_ind .tit{color:#c00073;} .lp_maket .block_country_irn .header .name_country{background:#89c400;} .lp_maket .block_country_irn .tit{color:#89c400;} .lp_maket .block_country_oae .header .name_country{background:#727272;} .lp_maket .block_country_oae .tit{color:#727272;} .lp_maket .block_country_efi .header .name_country{background:#0f47af;} .lp_maket .block_country_efi .tit{color:#0f47af;} .lp_maket .block_country_egt .header .name_country{background:#8e0010;} .lp_maket .block_country_egt .tit{color:#8e0010;} .lp_maket .block_country_hin .header .name_country{background:#ff6820;} .lp_maket .block_country_hin .tit{color:#ff6820;} .lp_maket .block_country_chi .header .name_country{background:#ee1c25;} .lp_maket .block_country_chi .tit{color:#ee1c25;} .lp_maket .block_country_uar .header .name_country{background:#f6bf46;} .lp_maket .block_country_uar .tit{color:#f6bf46;} .lp_maket .block .header .ico_circle_img{position:absolute; left:-20px; top:0px; z-index:3;} .lp_maket .block .text_block{background:#F6F6F6; border-radius:30px; margin-top:-63px; min-height:300px; padding:100px 40px 60px 0px;} .lp_maket .block .circle_shadow{border-radius:100%; background:#000; opacity:0.1; position:absolute; left:-80px; top:-10px; width:140px; height:140px; z-index:2;} .lp_maket .block .step{margin-bottom:35px; position:relative; padding-left:135px;} .lp_maket .block .step:before{content:""; position:absolute; left:-11px; top:-5px; margin-top:0px; width:115px; height:96px; } .lp_maket .block_country_rus .step:before{background:url(/tools/site/css/../images/plash_rus.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_br .step:before{background:url(/tools/site/css/../images/plash_brz.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_ind .step:before{background:url(/tools/site/css/../images/plash_ind.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_irn .step:before{background:url(/tools/site/css/../images/plash_irn.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_oae .step:before{background:url(/tools/site/css/../images/plash_oae.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_efi .step:before{background:url(/tools/site/css/../images/plash_efi.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_egt .step:before{background:url(/tools/site/css/../images/plash_egt.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_hin .step:before{background:url(/tools/site/css/../images/plash_hin.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_chi .step:before{background:url(/tools/site/css/../images/plash_chi.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block_country_uar .step:before{background:url(/tools/site/css/../images/plash_uar.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(1):after{content:""; position:absolute; left:15px; top:15px; margin-top:0px; width:48px; height:48px; background:url(/tools/site/css/../images/ico_step_1.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(2):after{content:""; position:absolute; left:15px; top:15px; margin-top:0px; width:44px; height:49px; background:url(/tools/site/css/../images/ico_step_2.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(3):after{content:""; position:absolute; left:15px; top:15px; margin-top:0px; width:52px; height:52px; background:url(/tools/site/css/../images/ico_step_3.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(4):after{content:""; position:absolute; left:15px; top:15px; margin-top:0px; width:52px; height:52px; background:url(/tools/site/css/../images/ico_step_4.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .text{font-weight:500; line-height:1.15; font-size: 22px;} .lp_maket .block ul{list-style:none;} .lp_maket .block ul li{margin-bottom:3px;} .lp_maket .ico_circle_img{width:100%; max-width:120px;} .lp_maket .slider .slick-prev{left:10%;} .lp_maket .slider .slick-next{right:10%;} .lp_maket .slider-nav{text-align:center; width:100%; margin-bottom:40px;} .lp_maket .toggle-slick{ display: inline-block; margin: 4px 5px; padding: 10px 25px 12px 25px; border: solid 2px #37a7d2; border-radius: 35px; color: #37a7d2; font-size: 22px; font-weight:600; background:#f1f9fc; -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_maket .toggle-slick:hover{background:#37a7d2; border:solid 2px #37a7d2; cursor:pointer; color:#fff;} .lp_maket .toggle_rus{ background:#f1f9fc; border: solid 2px #37a7d2; color:#37a7d2;} .lp_maket .toggle_rus:hover{ background:#37a7d2; border: solid 2px #37a7d2;} .lp_maket .toggle_br:hover{ background:#009440; border: solid 2px #009440;} .lp_maket .toggle_egt:hover{ background:#8e0010; border: solid 2px #8e0010;} .lp_maket .toggle_hin:hover{ background:#ff6820; border: solid 2px #ff6820;} .lp_maket .toggle_ind:hover{ background:#c00073; border: solid 2px #c00073;} .lp_maket .toggle_irn:hover{ background:#89c400; border: solid 2px #89c400;} .lp_maket .toggle_chi:hover{ background:#ee1c25; border: solid 2px #ee1c25;} .lp_maket .toggle_oae:hover{ background:#727272; border: solid 2px #727272;} .lp_maket .toggle_efi:hover{ background:#0f47af; border: solid 2px #0f47af;} .lp_maket .toggle_uar:hover{ background:#f6bf46; border: solid 2px #f6bf46;} /* .lp_maket .toggle_br{ background:#e6f5ec; border: solid 2px #009440; color:#009440;} .lp_maket .toggle_br:hover{ background:#009440; border: solid 2px #009440;} .lp_maket .toggle_egt{ background:#f4e6e8; border: solid 2px #8e0010; color:#8e0010;} .lp_maket .toggle_egt:hover{ background:#8e0010; border: solid 2px #8e0010;} .lp_maket .toggle_hin{ background:#fff0e9; border: solid 2px #ff6820; color:#ff6820;} .lp_maket .toggle_hin:hover{ background:#ff6820; border: solid 2px #ff6820;} .lp_maket .toggle_ind{ background:#fcf2f8; border: solid 2px #c00073; color:#c00073;} .lp_maket .toggle_ind:hover{ background:#c00073; border: solid 2px #c00073;} .lp_maket .toggle_irn{ background:#f4fae6; border: solid 2px #89c400; color:#89c400;} .lp_maket .toggle_irn:hover{ background:#89c400; border: solid 2px #89c400;} .lp_maket .toggle_chi{ background:#fee9ea; border: solid 2px #ee1c25; color:#ee1c25;} .lp_maket .toggle_chi:hover{ background:#ee1c25; border: solid 2px #ee1c25;} .lp_maket .toggle_oae{ background:#f1f1f1; border: solid 2px #727272; color:#727272;} .lp_maket .toggle_oae:hover{ background:#727272; border: solid 2px #727272;} .lp_maket .toggle_efi{ background:#e7edf7; border: solid 2px #0f47af; color:#0f47af;} .lp_maket .toggle_efi:hover{ background:#0f47af; border: solid 2px #0f47af;} .lp_maket .toggle_uar{ background:#fff9ed; border: solid 2px #f6bf46; color:#f6bf46;} .lp_maket .toggle_uar:hover{ background:#f6bf46; border: solid 2px #f6bf46;} */ .lp_maket .slider .slick-prev, .lp_maket .slider .slick-next{} .lp_maket .slider .slick-prev, .lp_maket .slider .slick-next { z-index:4; font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top:0px; display: block; width: 30px; height: 70px; padding: 0; cursor: pointer; background: transparent; display:inline-block; -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_maket .slider .slick-prev:hover, .lp_maket .slider .slick-next:hover{ opacity:0.7; } .lp_maket .slider .slick-prev:before, .lp_maket .slider .slick-next:before { position:absolute; margin:0px auto; left:0px; right:0px; opacity: 1; width: 30px; height: 70px; } .lp_maket .slider .slick-prev:before { content: ''; background:url(/tools/site/css/../images/ico_arrow_white_left.svg) no-repeat 50% 50%; background-size:100%;} .lp_maket .slider .slick-next:before { content: ''; background:url(/tools/site/css/../images/ico_arrow_white_right.svg) no-repeat 50% 50%; background-size:100%;} .btn_gold{background: rgba(255,218,96,1); background: -moz-linear-gradient(left, rgba(255,218,96,1) 0%, rgba(247,229,150,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,218,96,1)), color-stop(100%, rgba(247,229,150,1))); background: -webkit-linear-gradient(left, rgba(255,218,96,1) 0%, rgba(247,229,150,1) 100%); background: -o-linear-gradient(left, rgba(255,218,96,1) 0%, rgba(247,229,150,1) 100%); background: -ms-linear-gradient(left, rgba(255,218,96,1) 0%, rgba(247,229,150,1) 100%); background: linear-gradient(to right, rgba(255,218,96,1) 0%, rgba(247,229,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda60', endColorstr='#f7e596', GradientType=1 ); -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); display:inline-block; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%; padding:32px 15px 22px 15px; position:relative; border:none; letter-spacing:0.7px; -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:#635449; font-weight:bold; line-height:1.8; font-size:14px; text-align:center; opacity:1; font-family: 'Lato'; text-transform:uppercase;} .btn_gold:hover{ -webkit-box-shadow: 0px 26px 18px -24px rgba(190,155,45,0.6); -moz-box-shadow: 0px 26px 18px -24px rgba(190,155,45,0.6); box-shadow: 0px 26px 18px -24px rgba(190,155,45,0.6); opacity:0.95;} .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:50px 0px 40px 0px;} .lp1 .lp-container{max-width:1005px; width:100%; margin:0px auto; margin-top:52px; position:relative; z-index:7; padding:0px;} .lp1 .lp-container_block{padding:14px; border-radius: 16px; -moz-border-radius:16px; -webkit-border-radius:16px; -webkit-box-shadow: 0px 0px 27px -2px rgba(150,150,150,0.2); -moz-box-shadow: 0px 0px 27px -2px rgba(150,150,150,0.2); box-shadow: 0px 0px 27px -2px rgba(150,150,150,0.2); background:#fff;} .lp1 .lp-container_ins{border-radius: 14px; -moz-border-radius:14px; -webkit-border-radius:14px; overflow:hidden; padding:35px 80px 40px 80px; background:url(/tools/site/css/../images/bg_quiz.jpg) no-repeat 100% 100%, #fff; position:relative; z-index:3; -webkit-box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2); -moz-box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2); box-shadow: 0px 0px 17px -2px rgba(150,150,150,0.2);} .lp1 .lp-container .podlozh{height:70px; width:96%; background:#f2f5fa; border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px; position:absolute; bottom:-12px; left:0px; right:0px; margin:0px auto; } .lp1 .title{font-size:48px; font-weight:bold; color:#3f3d3d; text-align:center; font-family: 'Bebas Neue'; line-height:0.5px; position:relative; z-index:7;} .lp1 .title span{} .lp1 .title_2{font-size:20px; font-weight:500; color:#3f3d3d; text-align:center; max-width:675px; width:100%; margin:0px auto; margin-top:60px; line-height:1.2;} .lp1 .lp_1_img_tree{position:absolute; left:-118px; top:40px; z-index:1; width:100%; max-width:358px; } .lp1 .lp_1_img_paper{position:absolute; right:-380px; top:0px; z-index:1; width:100%; max-width:630px; } @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; padding-bottom:20px;} .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:32px; font-weight:bold; margin-top:40px; color:#3f3d3d; font-family: 'Bebas Neue'; letter-spacing:0.3px;} .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:47%; vertical-align:top; padding-right:20px;} .lp1 .column_last{padding-right:0px;} .lp1 .step_line .step{font-size:14px; font-weight: 500; color:#767070;} .lp1 .line_progress_right{ padding-top:25px;} .lp1 .step_line .line_progress{background:#d5ecb5; border-radius: 40px; -moz-border-radius:40px; -webkit-border-radius:40px; height:13px; width:100%; -webkit-box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.1); -moz-box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.1); box-shadow: inset 0px 7px 5px -4px rgba(138,138,138,0.1);} .lp1 .line{text-align:left; max-width:540px; width:100%; margin:0px auto;} .lp1 .step_line .line_progress .yellow_line{background:#6baa21; border-radius: 40px; -moz-border-radius:40px; -webkit-border-radius:40px; height:13px;} .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{max-width:140px; width:100%; display: inline-block; vertical-align:top; text-transform:none; border-bottom:none; padding: 11px 15px 10px 15px; font-family: 'Lato'; font-size: 14px; font-weight: bold; color:#635449; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 9px 12px -8px rgba(240,207,102,0.75); -moz-box-shadow: 0px 9px 12px -8px rgba(240,207,102,0.75); box-shadow: 0px 9px 12px -8px rgba(240,207,102,0.75);} .lp1 .form_all .btn_gold:hover{-webkit-box-shadow: 0px 9px 12px -8px rgba(240,207,102,0); -moz-box-shadow: 0px 9px 12px -8px rgba(240,207,102,0); box-shadow: 0px 9px 12px -8px rgba(240,207,102,0); opacity:0.8;} .lp1 .btn_wrap{margin-top:30px; display:inline-block; width:100%; max-width:500px;} .lp1 .btn_wrap .btn_green:hover{} .lp1 .btn_wrap span{position:relative;} .lp1 .btn_wrap .btn_next{position:relative;} .lp1 .btn_wrap .btn_next span{position:relative; font-size:14px; padding-right:15px;} .lp1 .btn_wrap .btn_next span:before{content:""; position:absolute; right:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/tools/site/css/../images/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp1 .btn_wrap .btn_prev{margin-right:10px; background:#f4eabe;} .lp1 .btn_wrap .btn_prev span{position:relative; padding-left:15px;} .lp1 .btn_wrap .btn_prev span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/tools/site/css/../images/arrow_btn_left.png) 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;} .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; padding-left:20px;} /* создание в 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(/tools/site/css/../images/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(/tools/site/css/../images/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:#787878; font-weight:300;} .lp-block input::-webkit-input-placeholder, .lp-block textarea::-webkit-input-placeholder {color: #787878; font-weight:300; } .lp-block input::-moz-placeholder, .lp-block textarea::-moz-placeholder {color: #787878; font-weight:300; } .lp-block input:-moz-placeholder, .lp-block textarea:-moz-placeholder { color: #787878; font-weight:300; } .lp-block input:-ms-input-placeholder, .lp-block textarea:-ms-input-placeholder { color: #787878; font-weight:300; } .form_all .form_insite{ border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .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{} .form_all .form-text{padding:30px 15px 28px 30px; font-size:14px; font-weight:500; border:none; color:#939393; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align:left; width:100%; position:relative; z-index:2; background:#ffffff; -webkit-box-shadow: inset 0px 18px 20px -14px rgba(20,20,20,0.1); -moz-box-shadow: inset 0px 18px 20px -14px rgba(20,20,20,0.1); box-shadow: inset 0px 18px 20px -14px rgba(20,20,20,0.1); } .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: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .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:50%; padding:0px 10px;} .form_top .line_ins_phone{padding-top:2px;} .form_top .phone_shadow{-webkit-box-shadow: 0px 21px 17px -21px rgba(20,20,20,0.1); -moz-box-shadow: 0px 21px 17px -21px rgba(20,20,20,0.1); box-shadow: 0px 21px 17px -21px rgba(20,20,20,0.1);} .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;} .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-flex; align-items: center; user-select: none; font-size:8px; 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(/tools/site/css/../images/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(/tools/site/css/../images/checked.png); border-color: #ccc; } .lp_check .form_all .check{margin-bottom:30px; 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: table-cell; position: relative; padding-left: 50px; padding-top:10px; vertical-align: middle; line-height: 1.3; font-size: 18px; cursor: pointer; color:#343232; text-align: left; font-weight: 500; height: 30px; } .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: 32px; height: 32px; background-color: #ffffff; border:solid 1px #fafafa; -webkit-box-shadow: inset 7px 7px 14px -6px rgba(213,213,213,0.6); -moz-box-shadow: inset 7px 7px 14px -6px rgba(213,213,213,0.6); box-shadow: inset 7px 7px 14px -6px rgba(213,213,213,0.6);} .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: 12px; top:15px; width: 12px; height: 12px; border-radius: 100%; background:#a0cf6a; background-size:100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36); -moz-box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36); box-shadow: 2px 2px 5px 0px rgba(95,121,31,0.36);} .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;} .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:#f2f2f2;} .lp1 .its_free{font-size:14px; margin-top:20px; color:#000;} .lp2{padding:60px 0px 60px 0px;} .lp2 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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:-80px; 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:60px; display:block; border-radius: 15px; -moz-border-radius:15px; -webkit-border-radius:15px; width:100%; max-width:1000px; } .lp_scheme .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; 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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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:0px; display: block; width: 31px; height: 31px; padding: 0; cursor: pointer; background: #FF852D; 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: 10px; height: 16px; } .slider .slick-prev:before { content: ''; background:url(/tools/site/css/../images/ico_arrow_white_left.png) no-repeat 50% 50%;} .slider .slick-next:before { content: ''; background:url(/tools/site/css/../images/ico_arrow_white_right.png) no-repeat 50% 50%; right:-2px;} .lp3 .slick-prev { left: 11px;} .lp3 .slick-next { right: 11px;} */ .slider .slick-dots{ bottom: -47px;} .slider .slick-dots li{margin: 0 5px;} .slider .slick-dots li button { width: 10px; height: 10px; padding: 3px; border:solid 1px transparent; background: #d4dcd0; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .slider .slick-dots li button:hover{border:solid 1px #FF852D;} .slider .slick-dots li button:before { font-family:auto; content: ''; display:none;} .slider .slick-dots li.slick-active button{ background:#FF852D; } .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(/tools/site/css/../images/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:35px 35px 40px 35px;} .lp3 .proj_tit{font-size:22px; font-weight:bold; color:#3f3d3d; margin-bottom:5px; text-align:left; margin-bottom:15px;} .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:14px; line-height:1.2; font-weight:400; color:#3f3d3d; margin-bottom:15px; text-align:center; } .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:235px;} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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:60px 0px 60px 0px;} .lp_exkurs .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; letter-spacing:0.45px; position:relative; z-index:2;} .lp_exkurs .lp-container{ margin-top:40px; width:100%; min-height:703px; background:url(/tools/site/css/../images/bg_lp_exkurs.jpg) no-repeat 0% 0%; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding:48px 67px 38px 67px; position:relative; z-index:2;} .lp_exkurs .form_tbl{float:left; width:70%; margin-top: 5px;} .lp_exkurs .tit_form{float:left; width:30%; text-align:left; color:#686666; font-size:18px; font-weight:500; padding-right:20px;} .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:50px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:0px;} .lp_exkurs .step_block{float:right; width:50%; max-width:503px;} .lp_exkurs .step_block .step{background:#fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin-bottom:8px; padding:14px 22px 14px 30px; font-size:18px; color:#3f3d3d; font-weight:500; line-height:1.6; text-align:left; letter-spacing:0px;} .lp_exkurs .form_top .form_insite { padding: 45px 20px 25px 40px;} .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(/tools/site/css/../images/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; padding-left:25px;} .lp_exkurs .btn_gold span:before{content:""; position:absolute; left:-10px; top:50%; margin-top:-6px; width:19px; height:9px; background:url(/tools/site/css/../images/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index:1;} .lp_exkurs_2 .bg_lp_exkurs_2{position:absolute; top:100px; right:-680px; left:0px; margin:0px auto; z-index:1; width:100%; max-width:1050px;} .lp_exkurs_2 .img_plant{position:absolute; top:-155px; left:-55px; z-index:-1;} .lp_exkurs_2 .img_pencil{position:absolute; bottom:-85px; right:-55px; z-index:2; max-width:200px; 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(/tools/site/css/../images/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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:40px 0px 60px 0px;} .lp_top_questions .wrap{padding-left:5px; padding-right:5px;} .lp_top_questions .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; letter-spacing:0.45px;} .lp_top_questions .title_2{font-size:24px; color:#111110; font-weight:500; line-height:1.2; text-align:center; margin-top:35px;} .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:530px; display:block; float:right;} .lp_top_questions .lp-container{margin-top:95px;} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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-left:55px; line-height:1.2; font-size:20px; font-weight:500; color:#3f3d3d;} .lp_top_questions ul li:before { content: ""; position: absolute; left: 0px; top: -2px; width: 30px; height: 30px; background: url(/tools/site/css/../images/ico_ok.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp_top_questions ul li b{font-weight:400;} .lp_top_questions .img_block{float:right; width:50%;} .lp_top_questions .text_block{float:left; width:50%; padding-left:7%;} .lp_top_questions .form_midl{margin-top:43px;} .lp_top_questions .img_block{float:right; padding-left:16px; width:50%;} .lp_top_questions .text_block{float:left; padding-right:4%; width:50%;} .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:50%;} .lp_top_questions .lp-container_2 .text_block{float:right; width:50%;} .lp_top_questions .lp-container_2 .text_block { padding-left: 15px; padding-top:75px;} .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{max-width:305px; padding:28px 15px 26px 15px;} .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(/tools/site/css/../images/arrow_btn_right.png) no-repeat 0% 0%; background-size:100%;} .lp_top_questions .circle{position:absolute; left:-5px; bottom:-60px; width:100%; max-width:220px;} .lp_top_questions .circle_shadow{width:190px; height:190px; -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_top_questions .circle_leavs{position:absolute; top:134px; left:0px; right:0px; margin: 0px auto; z-index:3;} .lp_top_questions .img_circle{width:100%; max-width:220px; 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_top_questions .text_circle{text-align:center; font-size:16.5px; font-weight:300; line-height:1.4; color:#fff; z-index:5; max-width:162px; width:100%; position:absolute; top:35px; left:0px; right:0px; margin:0px auto;} .lp_top_questions .img_tree{position:absolute; bottom:-80px; left:-830px; z-index:-1;} .lp_top_questions .bg_lp_leavs_1{position:absolute; top:440px; left:-1280px; right:0px; margin:0px auto; z-index:-1; } .lp_why_we{background:url(/tools/site/css/../images/bg_why_we-min.jpg) no-repeat 50% 40px; padding:80px 0px 150px 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; font-family: 'Bebas Neue'; 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%; float:left; margin-bottom:28px; background:#fff; color:#000; min-height:550px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align:left; padding:40px 23px 205px 23px; position:relative; -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%);} .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_1{background:url(/tools/site/css/../images/bg_job_1.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_2{background:url(/tools/site/css/../images/bg_job_2.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_3{background:url(/tools/site/css/../images/bg_job_3.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_4{background:url(/tools/site/css/../images/bg_job_4.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_top{ min-height:580px; padding-bottom:250px;} .lp_why_we .step_top_1{background:url(/tools/site/css/../images/step_top_1.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_top_2{background:url(/tools/site/css/../images/step_top_2.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_top_3{background:url(/tools/site/css/../images/step_top_3.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .lp_why_we .step_top_4{background:url(/tools/site/css/../images/bg_job_4.jpg) no-repeat 50% 100%, #fff; background-size:100%;} .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(/tools/site/css/../images/arrow_black.png) no-repeat 0% 0%; background-size:100%;} .lp_brigada{padding:40px 0px 60px 0px; margin-top:-80px;} .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:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; letter-spacing:0.45px;} .lp_brigada .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:600px;} .lp_brigada .img_brigada{display:block; width:100%; max-width:669px; 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{top:188px; left:0px;} .lp_brigada .step_2{max-width:345px; top:188px; right:0px;} .lp_brigada .step_3{max-width:345px; bottom:-10px; right:168px;} .lp_brigada .step_1:before{content:""; position:absolute; left:-70px; top:-65px; width:171px; height:189px; background:url(/tools/site/css/../images/img_nail_3.jpg) no-repeat 0% 0%; background-size:100%; z-index:-1;} .lp_brigada .step_2:before{content:""; position:absolute; right:-140px; top:-170px; width:350px; height:385px; background:url(/tools/site/css/../images/img_hummer_br.jpg) no-repeat 0% 0%; background-size:100%; z-index:-1;} .lp_brigada .step_3:before{content:""; position:absolute; right:-50px; bottom:-75px; width:229px; height:118px; background:url(/tools/site/css/../images/img_otvertka-min.png) no-repeat 0% 0%; background-size:100%; z-index:1;} .lp_brigada .desc{font-size:18px; font-weight:500; line-height:1.4; color:#3f3d3d; position:relative;} .lp_brigada .desc:before{content:""; position:absolute; left:-45px; top:-5px; width:33px; height:38px; background:url(/tools/site/css/../images/ico_ok_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 .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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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; font-family: 'Bebas Neue'; 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%; width:49%; float:left; background:#fff; margin-bottom:40px; -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(/tools/site/css/../images/bg_bord_oran.png) 0% 0%; } .lp_price .block_price_4{background:#55b04f;} .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; font-family: 'Bebas Neue';} .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; width:100%; padding-right:0px; vertical-align:top;} .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:100%; 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; font-family: 'Bebas Neue'; 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 .block_price_4 .numb{ background: #55b04f; color:#fff;} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/btn_hum.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/arrow_l_2.png) no-repeat 50% 50%;} .lp5 .slider .slick-next:before { content: ''; background:url(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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:60px 0px 50px 0px;} .lp5_r .wrap{padding-left:30px; padding-right:30px;} .lp5_r .slider{margin:-15px -15px 0px -15px;} .lp5_r .slide{margin:15px;} .lp5_r .slide img{width:100%; border-radius: 12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .lp5_r .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; letter-spacing:0.45px;} .lp5_r .lp-container{margin-top:35px;} .lp5_r .slick-prev { left: 0px;} .lp5_r .slick-next { right: 0px;} .lp5_r .bg_lp5{position:absolute; bottom:-150px; right:-370px;} .lp6{padding:50px 0px 50px 0px;} .lp6 .title{font-size:48px; color:#3f3d3d; font-weight:bold; line-height:1.2; text-align:center; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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(/tools/site/css/../images/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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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;} .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; font-family: 'Bebas Neue'; 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; font-family: 'Bebas Neue'; 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(/tools/site/css/../images/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(/tools/site/css/../images/arrow_l_2.png) no-repeat 50% 50%;} .lp_history .slider .slick-next:before { content: ''; background:url(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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; font-family: 'Bebas Neue'; 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; font-family: 'Bebas Neue'; 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; font-family: 'Bebas Neue';} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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; } .b-region-popup .__elements .__item{ padding-left:20px !important;} .b-oez-popup .__info .order_btn_wrap{margin-top:20px; width:100%; position:relative; text-align: center;} .b-oez-popup .__info .order_btn_wrap .order_btn{ background:#0db7d1; border-radius:10px; color:#fff; font-size:20px; text-align:center; padding:15px 20px; width:100%; max-width:200px; font-weight: 600; border-bottom: none !important; display: inline-block;} .b-oez-popup .__info .order_btn_wrap .order_btn:hover{opacity:0.8; cursor:pointer;} .b-order-popup .modal_close { color:#fff; font-size:28px; font-weight:bold; width: 21px; height: 21px; position: absolute; top: -3px; right: 3px; cursor: pointer; display: block;} .b-order-bg{width:100%; height:100%; position:fixed; background:#000; opacity:0.6; display:none; z-index:-1; } .b-order-popup{ background: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; width: 450px; height: 870px; max-width: 90vw; max-height: 90vh; overflow-y: auto; position: fixed; transform: scale(1); opacity: 1; transition: 0.3s; display: none; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .b-order-popup .form_all .form-text { padding: 5px 7px; font-size: 16px; font-weight: 300; border: none; color: #787878; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left; width: 100%; position: relative; z-index: 2; background: #F4F4F4; margin-bottom:5px; box-shadow:none !important; font-family: "Akrobat", sans-serif; } .b-order-popup .form_all .tit_block{font-weight:bold; color:#000; font-size:20px; margin-bottom:10px; margin-left:-17px; } .b-order-popup .form_all .tit_block_2{margin-top:15px;} .b-order-popup .form_all .tit_form{color:#fff; background:#14304D; text-align:center; padding:21px; font-size: 22px; font-weight:bold;} .b-order-popup .form_all .form_tbl{padding:19px 34px 15px 34px;} .b-order-popup .form_all .btn{background:#14304D; border-radius:10px; color:#fff; font-size:22px; text-align:center; padding:15px 20px; width:100%; max-width:200px; font-weight: 600; border: none !important; border-bottom: none !important; display: block; margin:0px auto; margin-top:15px; font-family: "Akrobat", sans-serif;} .b-order-popup .form_all .btn:hover{opacity:0.8; cursor:pointer;} .b-order-popup .form_all .checkbox{ text-align: center; font-size: 14px; width: 100%; max-width: 300px; margin: 0px auto; margin-top: 15px; line-height: 1.2; } .b-order-popup .form_all .checkbox a{border-bottom:solid 1px #000;} .b-order-popup .form_all .checkbox a:hover{border-bottom:solid 1px transparent;} .b-order-popup .form_all select{width: 100%; cursor:pointer; padding: 5px 7px; font-size: 16px; margin-bottom:5px; background-color: #F4F4F4; color: #787878; position:relative; border:none; border-radius: 3px; font-family: "Akrobat", sans-serif; font-weight: 300; appearance: none; /* Убирает стандартное оформление в некоторых браузерах */ -webkit-appearance: none; /* Для Safari */ -moz-appearance: none; /* Для Firefox */} .b-order-popup .form_all .line_select{position:relative;} .b-order-popup .form_all .line_select:before{ content: ""; position: absolute; right: 5px; top: 11px; width: 14px; height: 8px; background: url(/tools/site/css/../images/ico_select_arrow.svg) no-repeat 0% 0%; background-size: 100%; pointer-enents: none; z-index: 10; pointer-events: none;} .b-order-popup input[placeholder] { color:#787878; font-weight:300;} .b-order-popup input::-webkit-input-placeholder, .b-order-popup textarea::-webkit-input-placeholder {color: #787878; font-weight:300; } .b-order-popup input::-moz-placeholder, .b-order-popup textarea::-moz-placeholder {color: #787878; font-weight:300; } .b-order-popup input:-moz-placeholder, .b-order-popup textarea:-moz-placeholder { color: #787878; font-weight:300; } .b-order-popup input:-ms-input-placeholder, .b-order-popup textarea:-ms-input-placeholder { color: #787878; font-weight:300; } .b-order-popup .form_all textarea{resize:none; font-family: "Akrobat", sans-serif; font-size: 16px;} .b-order-bg.popup_open{display:block; z-index:11000;} .b-order-popup.popup_open{display:block; z-index:11001;} .b-order-popup .form_all .thanks_block{display:none;} .b-order-popup .form_all.thanks .form_tbl{display:none;} .b-order-popup .form_all.thanks .thanks_block{display:block;} ..b-oez-popup .__info::-webkit-scrollbar { cursor:grab !important; width: 16px; opacity: 0.5; } .b-oez-popup .__info::-webkit-scrollbar-thumb { cursor:grab !important; border-radius: 10px; border: 6px solid #5e919991; background-clip: padding-box; } .lp-block .descr{ font-size: 0.83em;} #modal-coockie { display: none; position: fixed; z-index: 9999999; background: #FFF; bottom: 10px; left: 15px; max-width: 300px; 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; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #modal-coockie .tit_coockie{ font-size: 16px; 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:10px; background:#37a7d2; display: inline-block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; padding: 17px 15px 17px 15px; position: relative; border: none; -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: 16px; text-align: center; opacity: 1;} #modal-close:hover { color: #FFF; opacity:0.8;} @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: 1320px){ .lp_invest_nav .map_color { right: -770px; top: -50px; max-width: 620px;} .lp_maket .toggle-slick { margin: 4px 3px; padding: 10px 20px 12px 20px;} } @media (max-width: 1220px){ .lp-main .img_top { top: 250px; margin: 0px auto; left: 0px; right: -670px; max-width: 920px; width: 90%;} .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;} } @media (max-width: 1180px){ .lp-main .img_top { top: 240px; } .lp-main .title { font-size: 52px; letter-spacing: 0.45px; max-width: 890px;} .lp-main .title_2 { font-size: 28px; max-width: 100%; letter-spacing: 0.8px; margin-top: 20px;} .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_invest_nav .desc_block_3{ margin-top: 165px;} .lp_invest_nav .desc_block_1 { width: 50%;} .lp-main .btn_green { padding: 25px 15px 24px 15px;} .lp-main .wrap_btn { max-width: 480px; width: 100%; margin-right: 10px; display: block;} .lp-main .btn {max-width: 480px; vertical-align: top; font-size: 13px; letter-spacing: 0.4px;} .lp-main .btn_gold_2 span { width: 100%; max-width: 260px;} .lp-main .btn_gold_1:before { left: -20px; bottom: -25px; width: 95px; height: 63px; background: url(/tools/site/css/../images/calcul.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .btn_gold_2:before { right: -60px; bottom: -45px; width: 100px; height:87px; background: url(/tools/site/css/../images/catalog.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .wrap_btn .btn_gold_2 span:before { right: 4px; bottom: 2px; width: 19px; height: 18px; background: url(/tools/site/css/../images/ico_download_top.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .skidka_block { bottom: 0px; right: -730px; max-width: 290px; width: 100%;} .lp-main .skidka_block img.fadoco_img{max-width:140px;} .lp-main .skidka_block .desc { padding: 14px 35px 15px 23px; max-width: 235px; min-height: 103px; margin-right: 5px; font-size: 14px; line-height: 1.25; margin-top: 4px; margin-left: -27px;} .lp-main .ico_cir_percent { bottom: 10px; right: 95px;} .lp-main .img_circle_hummer { bottom: 12px; right: 35px;} .lp-main .title:before { right: -50px; left: 0px; margin: 0px auto; bottom: 0px; width: 55px; height: 55px; background: url(/tools/site/css/../images/title_circle.png) no-repeat 0% 0%; background-size: 100%;} .lp-main ul li { max-width: 580px; width: 100%; min-height: 92px; font-size: 16px;} .lp_maket .slider .slick-prev{left:6%;} .lp_maket .slider .slick-next{right:6%;} .lp_maket .slider .slick-list{ padding: 0px 7% !important;} .lp_maket .slider .slide { padding-left: 45px; padding-right: 45px;} .lp_assoc .logo { width: 40%;} .lp_assoc .logo img { max-width: 380px;} .lp_assoc .text { width: 60%; font-size: 22px; padding-top:0px; margin-top: -15px;} .lp1 .title { font-size: 38px;} .lp1 .step_line .step { font-size: 16px;} .lp1 .tit { text-align: left; margin-bottom: 45px; font-size: 28px;} .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: 42px; font-size: 16px;} .lp1 .title_2 { font-size:18px; max-width: 580px; margin-top: 50px;} .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 .lp_1_img_primer{display:none;} .lp1{padding-top:40px;} .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 20px 35px 20px;} .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: 38px;} .lp_office .wrap_btn { margin-left: 45px;} .lp_office .tit { font-size: 18px;} .lp_office .title { font-size: 38px;} .lp4 .title { font-size: 38px;} .lp4 .tit { font-size: 20px; min-height: 50px; padding-left: 55px;} .lp4 .desc { font-size: 18px; margin-top: 14px; padding-left: 55px;} .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_brigada .title{ font-size: 38px;} .lp_brigada .title_2 { font-size: 22px;} .lp_brigada .img_brigada { max-width: 500px; } .lp_brigada .desc p { margin-bottom: 10px;} .lp_brigada .desc { font-size: 16px; line-height: 1.4;} .lp_brigada .step { max-width: 310px;} .lp_brigada .step_1 { top: 140px;} .lp_brigada .step_2 { top: 140px;} .lp_brigada .step_2:before { right: -100px; top: -120px; width: 280px; height: 300px; background: url(/tools/site/css/../images/img_hummer_br.jpg) no-repeat 0% 0%; background-size: 100%;} .lp_brigada .img_shurik_2 { bottom: -120px; left: -720px; max-width:300px; } .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 .title { font-size: 38px;} .lp7 .title_2 { 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;} } @media (max-width: 1080px){ .header-container .phone_block .phone .phone_a { font-size: 20px;} .header-container .phone_block .btn_call_back { max-width: 220px; padding-left: 15px; margin-top: -5px;} .header-container .btn_top { font-size: 14px; max-width: 200px; } .lp-main .img_top { margin: 0px auto; left: 0px; right: -650px; max-width: 850px; width: 80%;} .header-container .menu_horizont li a { font-size: 16px;} .header-container .menu_horizont li{padding: 0px 8px;} .lp_invest_nav .desc_block_1 { width: 100%; max-width:100%; } .lp_invest_nav .desc_block_2{ width: 100%; max-width:100%; position:relative; top:0px; margin-top:25px; padding: 20px 37px 30px 37px;} .lp_invest_nav .desc_block_3 { width: 100%; max-width:100%; position:relative; margin-top: 25px; padding: 20px 37px 30px 37px; } .lp_assoc .logo { width: 35%; } .lp_assoc .logo img { max-width: 280px; margin-top:10px; } .lp_assoc .text { width: 65%; padding-top: 0px; font-size:20px;} .lp_maket .toggle-slick { margin: 3px 3px; padding: 7px 15px 9px 15px; font-size: 18px;} .lp_maket .tit { margin-bottom: 7px; font-size: 22px;} .lp_maket .block .text { font-size: 18px;} .lp_maket .block .step:before { left: -11px; top: -5px; width: 85px; height: 76px;} .lp_maket .block .step:nth-child(1):after{content:""; position:absolute; left:10px; top:10px; margin-top:0px; width:38px; height:38px; background:url(/tools/site/css/../images/ico_step_1.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(2):after{content:""; position:absolute; left:10px; top:10px; margin-top:0px; width:34px; height:39px; background:url(/tools/site/css/../images/ico_step_2.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(3):after{content:""; position:absolute; left:10px; top:10px; margin-top:0px; width:38px; height:38px; background:url(/tools/site/css/../images/ico_step_3.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(4):after{content:""; position:absolute; left:10px; top:10px; margin-top:0px; width:38px; height:38px; background:url(/tools/site/css/../images/ico_step_4.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step { padding-left: 95px;} .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 .lp_1_img_tree{display:none;} .lp1 .lp_1_img_paper{display:none;} .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 25px 35px 25px;} .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(/tools/site/css/../images/btn_book-min.png) no-repeat 0% 0%; background-size: 100%; z-index: 1;} .lp3 .wrap_btn { margin-top: 240px; position: relative;} .lp_exkurs .lp-container { padding: 48px 25px 30px 25px; position: relative; z-index: 2;} .lp_exkurs .step_block {max-width: 403px;} .lp_exkurs .step_block .step { margin-bottom: 8px; padding: 14px 22px 14px 30px; font-size: 16px; line-height: 1.6;} .lp_office .wrap_btn { margin-left: 15px;} .lp_office .btn_white { padding: 18px 28px 15px 90px; font-size: 14px; line-height: 1.4;} .lp_office .numb{margin-left:-20px;} .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_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:500px; padding-bottom:160px;} .lp_why_we .step_bot{min-height:440px;} } @media (max-width: 980px){ .header-container .logo img { max-width: 100px; margin-top: -10px;} .header-container .logo .logo_name { font-size: 11px; padding: 4px 10px 0px 15px; max-width: 170px; line-height: 1.15;} .header-container .phone_block .phone .phone_a { font-size: 16px; margin-top: 4px;} .header-container .phone_block .phone .addr_a { font-size: 11px; padding-left: 28px; text-align: left; margin-top: 6px; display: block;} .header-container .phone_block .phone { padding-top: 2px;} .header-container .btn_top { font-size: 12px; max-width: 164px; padding: 12px 10px 13px 10px;} .header-container .phone_block { padding-top: 8px; padding-bottom: 15px; max-width: 400px;} .header-container .phone_block .btn_call_back { max-width: 190px; padding-left: 15px; margin-top: -5px;} .header-container { padding-bottom:10px; padding-top: 20px;} .header-container .phone_block .phone .phone_call { font-size: 12px;} .header-container .phone_block .phone:before { width: 40px; height: 40px; background: url(/tools/site/css/../images/ico_phone_top.png) no-repeat 0% 0%; background-size: 100%;} .header-container .phone_block .phone { padding-left: 55px;} .header_menu { padding-top: 10px;} .header_menu ul li a { font-size: 11px; padding: 17px 10px 17px 10px; max-height: 43px; height: 43px;} .header_menu ul li.li_five a{padding-top:10px;} .footer-bg .bg_leavs_bottom { position: absolute; z-index: -1; bottom: -25px; right: -150px;} .lp-main .title { font-size: 28px; line-height: 1.2;} .lp-main .img_top_invis{display:block; width:100%; margin-top:-50px;} .lp-main { background:#fff; } .lp-main .lp-container { padding-top: 145px; padding-bottom: 0px; position: relative; z-index: 5; } .header-container .menu_horizont ul{padding-top:0px; margin-top: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 ul { list-style: none; margin:0px -0.5%; margin-top: -30px;} .lp-main ul li { padding: 12px 17px 8px 15px; max-width: 32%; width:32%; min-height: 83px; margin: 0px 0.5%; font-size: 14px;} .lp-main ul li div { padding-left: 37px; max-width:220px;} .lp-main .wrap_btns { margin: 0px auto; max-width: 670px; margin-top: -75px;} .lp-main .wrap_btn{margin:0px 5px; float: none; margin: 0px auto;} .lp-main .bg_lp_main{display:none;} .lp-main .title { font-size: 46px; letter-spacing: 0.4px; max-width: 780px; line-height: 1.1;} .lp-main .title div:before{display:none;} .lp-main .img_top { top: auto; margin: 0px auto; left: 0px; right: 0px; max-width: 740px; width:100%; position:relative; margin-top:-60px;} .lp-main .title_2 { font-size: 28px; max-width: 620px; letter-spacing: 0.8px; margin:0px auto; margin-top: 15px;} .lp-main .title br{display:none;} .lp-main .title:before { right: 0px; bottom: -30px; width: 35px; height: 35px; background: url(/tools/site/css/../images/title_circle.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .ul_block{display:none;} .lp-main .ul_block_invis{display:block; margin:0px auto; margin-top:60px; max-width: 650px; width:100%;} .lp-main ul li { padding: 12px 17px 8px 15px; max-width: 100%; width: 100%; min-height: auto; margin: 0px 0.5%; font-size: 14px;} .lp-main ul li div { padding-left: 37px; max-width: 100%;} .lp_assoc .text{font-size:18px;} .lp_assoc .logo { width: 45%; max-width: 480px;} .lp_assoc .logo img{ max-width: 480px;} .lp_assoc .text { width: 55%; padding-left: 5%;} .lp_assoc .block_prime_row{ flex-direction: row; flex-wrap: wrap;} .lp_assoc .step { width: 49%; margin-bottom:20px; margin-right:2%;} .lp_assoc .step_2{margin-right:0px;} .lp_assoc .step_last { margin-right: 0px;} .lp1 .btn_wrap { margin-top: 30px; max-width: 300px;} .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: 100%; 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{padding-top:0px;} .lp1 .lp_1_img_hummer{display:none} .lp1 .line { text-align: left; max-width: 540px; width: 100%; margin: 0px;} .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_exkurs .lp-container{background:#fff; min-height: 500px; padding:0px;} .lp_exkurs .lp-container_inv{display:block; } .lp_exkurs .lp-container_inv { width: 100%; max-width: 100%; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-top:30px;} .lp_exkurs .step_block { padding-left:15px; float: none; width: 100%; max-width: 100%;} .lp_exkurs .tit_form { float: none; width: 100%; text-align: center; padding-right: 0px; max-width:340px;} .lp_exkurs .tit_form br{display:none;} .lp_exkurs .form_tbl { float:none; width: 100%; margin-top: 15px;} .lp_exkurs .form_top .form_insite { padding: 25px 20px 25px 20px;} .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;} .lp_brigada .step { width: 100%; max-width: 330px; margin:0px auto; padding: 24px 35px 25px 35px; position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-bottom:30px; } .lp_brigada .step_1{margin-top:100px;} .lp_brigada .step_2:before { content: none;} .lp_brigada .img_shurik_2 { position: relative; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; z-index: 1; margin:0px auto; display:block; margin-top:100px;} .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; } .lp4 .desc { font-size: 16px; padding-left: 55px;} .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_top_questions .lp-container_2 .text_block { padding-top: 0px;} } @media (max-width: 840px){ .lp_maket .slider .slick-list{ overflow: hidden;} .lp_maket .slider .slick-prev{left:1%;} .lp_maket .slider .slick-next{right:1%;} .lp_maket .slider .slick-list{ padding: 0px 1% !important;} .lp_maket .slider .slide { padding-left: 55px; padding-right: 55px;} .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 25px 35px 25px;} .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;} .lp4 .block_vig.block_vig_left { margin-right: 0%;} .lp4 .block_vig { float: none; width: 100%; min-height: auto; margin-bottom:20px;} .lp4 .tit{min-height: auto;} .lp4 .tit br{display:none;} .lp4 .desc {margin-top: 12px;} .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(/tools/site/css/../images/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 .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: 530px; 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:40px; 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: 530px; 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;} .lp12 .step_block { float: none; width: 100%; max-width: 520px; margin: 0px auto; margin-bottom: 20px; padding: 0px 0%; } } @media (max-width: 768px){ .header-container {padding-bottom: 5px; padding-top: 10px;} .header-container .logo .logo_name{display:none;} .header-container .btn_top { font-size: 11px;} .header-container .btn_top div:before { top: -4px; width: 18px; height: 19px; background: url(/tools/site/css/../images/ico_phone.png) no-repeat 0% 0%; background-size: 100%;} .header-container .btn_top div { padding-left: 24px;} .header-container .phone_block .phone .phone_call{display:none;} .header-container .phone_block .phone { padding-left: 40px;} .header-container .phone_block .phone:before { width: 30px; height: 30px; top:4px; background: url(/tools/site/css/../images/ico_phone_top.png) no-repeat 0% 0%; background-size: 100%;} .header-container .menu_horizont{display:none;} .header_menu .menu_horizont_mob{display:block;} .header-float .menu__icon{display:block; float:right;} .header-float .menu__icon{ width: 8%; margin-top:8px;} .header-float .header_menu{display:none;} .header-container .logo { width: 25%;} .header-container .phone_block{width: 62%; max-width: 360px;} .header-container .logo img{width:100%;} .header-container .phone_block .btn_call_back { max-width: 160px;} .header-container .icon_block{margin-top:5px;} .header_menu .info_inv{display:block; text-align:center; margin-top:20px; line-height:1.2; font-size:18px; margin-bottom:40px;} .header_menu .info_inv .btn_top { background: #fff; display: block; color: #484545; font-size: 15px; font-weight: 300; border: solid 1px #73b151; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; max-width: 254px; padding: 15px 15px 13px 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%; margin:10px auto 10px auto;} .header-container .logo img { max-width: 100px; margin-top: 0px;} .header_menu ul li { display: block; width: 100%; text-align: center; padding: 0px 1px; margin-bottom:8px;} .header_menu ul li a { font-size:18px; max-height: max-content; height: auto;} .header_menu ul li.li_five br { display: none;} .header-float .header-container{position:fixed; top:0px; left:0px; right:0px; width:100%; background:#fff; z-index:10; -webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.10); -moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.10); box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.10); padding-bottom:10px;} .menu_open_now .header_menu{ z-index:9; padding-top:70px; width: 100%; margin: 0px 0px 0px 0px; display: block; background:#fff; position:fixed; top:0px; left:0px; right:0px; width:100%; height:100%; overflow-y: auto; padding-bottom:50px;} .header-container .phone_block .phone:before {display:none;} .header-container .phone_block .phone .phone_a { margin-top: 10px;} .header-float .language_menu{margin-top:-5px;} .header-container{padding-left: 15px; padding-right: 15px;} .menu_open_now .header-float .menu { display:block; } html.menu_open_now, body.menu_open_now{overflow:hidden;} .progress_line{ height: 6px; top:0px; } #progress_green{ height: 6px; top: 0px; } .language_menu ul li ul li { background: rgb(255 255 255);} .language_menu ul ul { left: 2px;} .language_menu ul ul a { padding-top: 6px; padding-bottom: 6px; padding-left: 8px; padding-right: 8px; font-size: 16px;} .footer-bg .header-container .logo .logo_name { display: block;} .footer-bg .header-container .logo { width: 100%; max-width:320px; margin:0px auto; float:none;} .footer-bg .header-container .phone_block { width: 100%; max-width:380px; margin:0px auto; float:none;} .footer-bg .cont_block .cont { float: none; width: 100%; padding: 0px 10px; margin-bottom:25px; } .lp-main .lp-main_ins { background: url(/tools/site/css/../images/bg_top_1.jpg) no-repeat 60% 0%; background-size: cover; min-height: 630px; } .lp-main .lp-container { padding-top: 115px; } .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: 24px; max-width: 520px; letter-spacing: 0.4px; margin: 0px auto; margin-top: 10px;} .lp-main .title:before { right: -350px; bottom: 2px; width: 32px; height: 32px; background: url(/tools/site/css/../images/title_circle.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .img_top { left: 0px; right: 0px; width: 100%; margin-left:0px; margin-top: -45px;} .lp-main .wrap_btn {} .lp-main .wrap_btn_1{max-width: 423px; margin-bottom:20px;} .lp-main .wrap_btns { margin: 0px auto; max-width: 100%; margin-top: -65px;} .lp-main .btn_gold_2:before { right: -17px; bottom: -65px; width: 100px; height: 87px; background: url(/tools/site/css/../images/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(/tools/site/css/../images/calcul.png) no-repeat 0% 0%; background-size: 100%;} .lp-main .btn { max-width:100%;} .lp-main .block_prime{max-width: 100%;} .globe-container, .globe { opacity:0.8; right: -600px; width: 100%; max-width: 570px;} .lp_interactive_map .container{padding: 15px;} .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: 30px; margin-top:25px; font-size: 18px;} .lp1 .column { width: 100%; padding-right:0px;} .lp_check .form_all .check { margin-bottom: 20px;} .lp1 .lp-container_ins{background: url(/tools/site/css/../images/bg_quiz.jpg) no-repeat 100% 90%, #fff; background-size: 350px;} .lp1 .title { font-size: 28px;} .lp1 .title_2 { font-size: 16px; max-width: 380px; margin-top: 30px;} .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_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;} } @media (max-width: 640px){ .header-container .logo { width: 35%;} .header-container .phone_block { width: 52%;} .header-container .phone_block { max-width:300px; text-align:right; padding-top: 6px;} .header-container .phone_block .phone { text-align: left; float: right;} .header-container .phone_block .btn_call_back { display:none;} .header-container .phone_block .phone .addr_a{display:none;} .header-container .phone_block .phone .phone_a { font-size: 16px; padding-left: 0px; margin-top: 0px; padding-top:10px; padding-right:20px;} .footer-bg .header-container .phone_block .btn_call_back { display: block;} .footer-bg .header-container .phone_block .phone .addr_a {display: block;} .lp-main .wrap_btns { margin-top: -25px;} .lp-main .btn { max-width: 323px; font-size: 11px; letter-spacing: 0.2px;} .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: 110px;} .lp-main .title { font-size: 36px; letter-spacing: 0.2px; max-width: 480px; line-height: 1.1;} .lp-main .title b { font-size: 20px;} .lp-main .title_2 { font-size: 20px; max-width: 440px; letter-spacing: 0.2px; margin: 0px auto; margin-top: 10px;} .lp-main .title:before{ content: none;} .lp1 .lp-container_ins{ background: url(/tools/site/css/../images/bg_quiz.jpg) no-repeat 100% 92%, #fff; background-size: 280px; } .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;} .form_top .line_ins { float: none; width: 100%; padding: 0px 0px; margin-top:5px;} .lp_proizv .btn_gold:before {left: -10px;bottom: -40px;width: 100px;height: 70px; background: url(/tools/site/css/../images/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-main .btn_gold_1 span { width: 100%; max-width: 240px;} .lp_why_we .step_bot{min-height:380px;} } @media (max-width: 550px){ .footer .logo {margin:0px auto; text-align:center; margin-top: 0px; float: none; width: 100%; } .footer .logo img{display:block; margin:0px auto;} .footer .politic { float: none; width: 100%; text-align:right; margin-top: 25px; } .footer .domen{width:40%; text-align:left;} .footer .rights{width:60%;} .header-container .icon_block { width: 15%;} .lp-main .block_prime_row {text-align:center;} .lp-main .block_prime .step {float:none; width: 49%; margin-bottom:20px; display:inline-block; } .lp_invest_nav .map_color { position: relative; margin: 0px auto; display:block; left: 0px; right: 0px; top: 0px; width: 100%; max-width: 420px; } .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 .btn { max-width: 323px; } .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(/tools/site/css/../images/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(/tools/site/css/../images/catalog.png) no-repeat 0% 0%; background-size: 100%; } .lp-main .wrap_btn_1{} .lp-main .wrap_btn_2{margin-top:20px;} .lp_maket .block .step { padding-left: 25px; padding-top: 50px; } .lp_maket .block .text_block { padding-right:20px; } .lp_maket .ico_circle_img { max-width: 60px;} .lp_maket .block .header { padding-left: 22px;} .lp_maket .block .header .name_country{padding-left: 40px;} .lp_maket .block .header .name_country { min-height: 60px; padding-left: 40px; padding-top: 14px; padding-bottom: 15px; padding-right: 40px; font-size: 28px;} .lp_maket .block .text_block{margin-top: -53px; padding-bottom:20px;} .lp_maket .block .circle_shadow { left: -50px; top: -10px; width: 80px; height: 80px;} .lp_maket .block .step:before { left: -7px; top: -5px; width: 55px; height: 56px; } .lp_maket .block .step:nth-child(1):after{content:""; position:absolute; left:5px; top:5px; margin-top:0px; width:22px; height:22px; background:url(/tools/site/css/../images/ico_step_1.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(2):after{content:""; position:absolute; left:5px; top:5px; margin-top:0px; width:20px; height:26px; background:url(/tools/site/css/../images/ico_step_2.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(3):after{content:""; position:absolute; left:5px; top:5px; margin-top:0px; width:22px; height:22px; background:url(/tools/site/css/../images/ico_step_3.svg) no-repeat 0% 0%; background-size:100%;} .lp_maket .block .step:nth-child(4):after{content:""; position:absolute; left:5px; top:5px; margin-top:0px; width:22px; height:22px; background:url(/tools/site/css/../images/ico_step_4.svg) no-repeat 0% 0%; background-size:100%;} .lp1{padding-top:30px;} .lp1 .lp-container { margin-top: 30px;} .lp1 .step_line .step{text-align:center;} .lp1 .lp-container_ins{padding-bottom:230px; background: url(/tools/site/css/../images/bg_quiz.jpg) no-repeat 100% 100%, #fff; background-size:100%;} .lp1 .tit{text-align:center;} .lp1 .btn_wrap { max-width: 226px; margin: 0px auto; margin-top: 30px; display: block;} .lp1 .line{max-width:260px; margin:0px auto; padding-left:20px;} .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: 35px; font-size: 15px;} .lp1 .catalo_tit { font-size: 16px;} .lp1 .tit{line-height:1.2;} .lp1 .form_all .btn_gold { max-width: 100%; width: 100%; margin-bottom:15px;} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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_assoc .logo { max-width:100%; width:100%; float:none; padding-right:0px; margin-bottom:20px;} .lp_assoc .logo img{display:block; margin:0px auto; max-width:100%; width:100%;} .lp_assoc .text { float:none; width: 100%; padding-left: 0%; } } @media (max-width: 520px){ .lp-main .lp-container { padding-top: 100px;} .lp-main .img_top_invis { margin-top: -10px;} .lp-main ul li div span{white-space:nowrap;} .lp-main .title_2 { max-width: 300px;} .lp_assoc .tit{text-align:center;} .lp_assoc .block_prime_row{display:block;} .lp_assoc .step { width: 100%; margin-bottom:10px; margin-right:0%;} .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(/tools/site/css/../images/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; } .lp4 .img .fadoco_img {max-width:100px; right: -15px;} .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(/tools/site/css/../images/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; } .footer-bg .cont_block .logo{ min-height: auto; margin-bottom:0px;} .lp_preferenc .title { text-align: center; font-size: 36px;} .b-order-popup .form_all .form-text { padding: 5px 5px; font-size: 16px;} .b-order-popup .form_all .form_tbl { padding: 19px 15px 15px 15px; } .b-order-popup .form_all .tit_block{margin-left:0px; font-size: 16px;} } @media (max-width: 420px){ .header-container .phone_block .phone{padding-left:0px;} .header-container .phone_block .phone:before{display:none;} .lp-main .lp-container { padding-top: 80px;} .lp-main .title { max-width: 320px; font-size: 29px; letter-spacing: 0px;} .lp-main .title br { display: block;} .lp-main .img_top { top: auto; margin: 0px auto; left: 0px; right: 0px; max-width: 700px; width: 100%; position: relative; margin-top: -20px;} .lp-main .btn_gold_1:before { left: 3px; bottom: -35px; top:auto; margin-top:0px; width: 65px; height: 43px; background: url(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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_btns { margin-top: -30px;} .lp-main .wrap_btn_1 {margin-bottom:30px;} .header-container .logo { width: 40%;} .header-container .phone_block { width: 51%;} .header-container .phone_block .phone .phone_a { font-size: 13px; padding-left: 18px; margin-top: 0px; padding-top: 7px; padding-right: 10px;} .header-container .logo img { max-width: 100px; margin-top:2px;} .header-float .menu__icon { width: 8%; margin-top: 11px;} .header-container .phone_block .phone .phone_a:before { content: ""; position: absolute; left: 0px; top: 7px;} .header-container .phone_block{margin-top:5px;} .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:20px 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 { display: inline-block; font-size: 13px; padding-left: 0px; margin-top: 0px; padding-top: 7px; padding-right: 0px; 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;} .footer .domen { float: none; text-align:center; width: 100%; } .footer .rights { float: none; text-align:center; width: 100%;} .footer .politic { float: none; width: 100%; text-align:center; margin-top: 25px; } .lp_invest_nav .logos .logo { float: none; width: 80%; padding-right: 0px; margin-bottom:10px; } .lp_invest_nav .logos .logo_eng:nth-child(1){width:80%;} .lp_invest_nav .logos .logo_eng:nth-child(2){width:80%;} .lp_invest_nav .desc { font-size: 24px;} .modal_div .modal_close { top: -35px; right: 3px;} .wrap{ padding:0px 10px; } .header-container .icon_block { float: right; width: 25%; padding-right:10px;} .footer-bg .cont_block .logo img{width: 100%;} .lp-main .block_prime .step { width: 100%; margin-bottom:20px; display:block;} .lp_maket .block .header .ico_circle_img { position: absolute; left: -10px;} .lp_maket .block .circle_shadow {left: -45px;} .lp_maket .block .header .name_country { text-align: center; } .lp_maket .slider .slick-prev{display:none !important;} .lp_maket .slider .slick-next{display:none !important;} .lp_maket .slider .slick-list{ padding: 0px 0% !important;} .lp_maket .slider .slide { padding-left: 15px; padding-right: 15px;} .lp1 .title { font-size: 24px;} .lp1 .title_2 br{display:none;} .lp2 .title { font-size: 24px;} .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: 24px;} .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: 24px;} .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: 24px;} .lp_top_questions .title { font-size: 24px;} .lp_top_questions .title_2 { font-size:20px; margin-top:20px; } .lp_top_questions .lp-container { margin-top: 35px;} .lp_top_questions ul li { font-size: 14px;} .lp_why_we .title { font-size:24px;} .lp_why_we .title_2 { font-size: 20px; margin-top:20px;} .lp_brigada .title{ font-size: 24px;} .lp_brigada .title_2 { font-size: 20px; margin-top:20px;} .lp_years .title { font-size: 24px;} .lp_years .title_2 { font-size: 20px;} .lp_price .title { font-size: 24px;} .lp_price .tit { font-size: 24px;} .lp_price .price { font-size: 20px; margin-top: 15px;} .lp_proizv .title { font-size: 24px;} .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;} .lp4 .title { font-size: 24px;} .lp4 .wrap { padding-left: 7px; padding-right: 7px;} .lp4 .block_vig { padding: 25px 20px 20px 15px;} .lp4 .tit{ padding-left: 45px; font-size: 16px;} .lp4 .desc {padding-left: 45px; font-size: 13px;} .lp4 .lp-container { margin-top: 40px;} .form_top .tit_form { font-size: 16px;} .lp_exkurs .title { font-size: 22px;} .lp_office .title { font-size: 24px;} .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: 24px;} .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(/tools/site/css/../images/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: 24px;} .lp5_r .title { font-size: 24px;} .lp6 .title { font-size: 24px;} .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(/tools/site/css/../images/ico_cir_plus.png) no-repeat 0% 0%; background-size: 100%;} .lp6 .lp-container { margin-top: 40px;} .lp_map .title { font-size:24px; } .lp7 .title { font-size: 24px;} .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: 24px;} .lp8 ul li { margin-bottom: 12px; padding-left: 35px; font-size: 13px;} .lp9 .title { font-size: 24px;} .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: 24px;} .lp11 .title { font-size: 24px;} .lp12 .title { font-size: 24px;} .lp13 .title { font-size: 24px;} .lp14 .title { font-size: 24px;} .lp14 .title_2 { font-size: 16px;} .lp15 .title { font-size: 24px;} .lp15 .panel-heading a { padding: 25px 90px 22px 20px; font-size: 12px;} .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;} .b-order-popup .form_all .form-text { padding: 5px 5px; font-size: 13px;} .b-order-popup .form_all select{font-size: 13px;} } @media (max-width: 340px){ .lp-main .title { font-size:25px; max-width: 280px;} .lp-main .title_2 { font-size: 18px; max-width: 220px; letter-spacing: 0.2px; margin: 0px auto; margin-top: 10px;} .lp-main .title b { font-size: 16px;} .lp-main .btn_green { padding: 17px 10px 16px 10px;} .lp-main .btn_blue { padding: 17px 10px 16px 10px;} .custom-checkbox+label { display: block;} .lp3 .wrap_btn:before { left: 0px; right: 0px; margin: 0px auto; top: -200px; width: 100%; height: 280px; background: url(/tools/site/css/../images/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(/tools/site/css/../images/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;} .b-order-popup .form_all .form-text { padding: 4px 4px; font-size: 12px;} .b-order-popup .form_all select{font-size: 12px;} } @media (max-width: 320px){ .header-container .phone_block .phone .phone_a { font-size: 11px; padding-left: 8px; margin-top: 0px; padding-top: 4px; padding-right: 12px;} .header-container .phone_block .phone .phone_a:before { content: none;} .header-container .logo img { } .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 .lp-container_ins { padding: 25px 15px 200px 15px;} .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(/tools/site/css/../images/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(/tools/site/css/../images/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(/tools/site/css/../images/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:/tools/site/css/slick.css?17641612141895*/ /* 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:/tools/site/css/slick-theme.css?17641612143193*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/tools/site/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/tools/site/css/./fonts/slick.eot'); src: url('/tools/site/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/tools/site/css/./fonts/slick.woff') format('woff'), url('/tools/site/css/./fonts/slick.ttf') format('truetype'), url('/tools/site/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:/tools/css/style.css?176416121413666*/ body { margin: 0; padding: 0; background: #ffffff; font-family: "Akrobat", sans-serif; } *, *::before, *::after { box-sizing: border-box; } h1 { text-transform: uppercase; } #map { width: 100%; height: calc(100vh - 160px); margin: 20px 0; border-radius: 8px; overflow: hidden; border: 2px solid #7bc1ea; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); } .b-loading { text-align: center; padding: 20px; font-size: 18px; color: #666; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); display: flex; flex-direction: column; align-items: center; gap: 20px; } .b-loading::before { content: ""; width: 60px; height: 60px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0deg, #ffdb4d 90deg, #ff6b6b 180deg, #4ecdc4 270deg, transparent 360deg); animation: spin-glow 1.5s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 219, 77, 0.5)); } @keyframes spin-glow { 0% { transform: rotate(0deg); filter: drop-shadow(0 0 20px rgba(255, 219, 77, 0.5)); } 33% { filter: drop-shadow(0 0 20px rgba(255, 107, 107, 0.5)); } 66% { filter: drop-shadow(0 0 20px rgba(78, 205, 196, 0.5)); } 100% { transform: rotate(360deg); filter: drop-shadow(0 0 20px rgba(255, 219, 77, 0.5)); } } .b-country-popup { padding: 20px 80px 20px 65px; min-height: 150px; } .b-country-popup .__country-info { position: static; } .b-country-popup .__country-info .__country-field { display: flex; justify-content: space-between; align-items: center; line-height: 1; padding-bottom: 12px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .b-country-popup .__country-info .__country-field .__country-label { font-size: 16px; } .b-country-popup .__country-info .__country-field .__country-value { text-align: right; font-size: 28px; font-weight: bold; } @media (max-width: 760px) { .b-country-popup .__country-info .__country-field .__country-value { font-size: 18px; } } .b-country-popup .__country-info .__country-field:last-child { border-bottom: 0; } .b-country-popup .__country-info .__country-field._types { padding-bottom: 0; margin-top: -15px; background: #fff; } @media (max-width: 760px) { .b-country-popup .__country-info { max-height: 400px; overflow-y: auto; } .b-country-popup .__country-info::-webkit-scrollbar { width: 4px; } .b-country-popup .__country-info::-webkit-scrollbar-track { background: transparent; } .b-country-popup .__country-info::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.0823529412); border-radius: 4px; } } @media (max-width: 760px) { .b-country-popup { padding: 60px 0 0 0px; } } .b-country-title { writing-mode: sideways-lr; position: absolute; height: 100%; left: 0; top: 0; text-align: center; background: #8E0010; color: #ffffff; width: 65px; align-items: center; display: flex; justify-content: center; font-size: 24px; } @media (max-width: 760px) { .b-country-title { right: 0; writing-mode: inherit; height: 60px; width: auto; justify-content: flex-start; font-size: 20px; padding-left: 50px !important; } .b-country-title:before { content: ""; position: absolute; width: 25px; left: 0; height: 30px; background: transparent; border-radius: 10px; box-shadow: 0px 0px 12px 11px rgba(34, 60, 80, 0.3); } .b-country-title svg { position: static; margin: 5px 0 0 8px; transform: rotate(-90deg); width: 14px; } } .b-popup-field { margin: 5px 0; } .b-popup-label { font-weight: 600; color: #666; } .container { position: static; max-width: 100%; margin: 0 auto; padding: 32px; } .b-footer { position: fixed; background: rgba(255, 255, 255, 0.5294117647); padding: 20px 0; width: 100%; bottom: 0; border-radius: 8px 8px 0 0; margin: 0 auto; max-width: calc(100% - 65px); left: 0; right: 0; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); } .b-footer .__content { position: static; padding: 0 32px; text-align: center; font-size: 16px; color: #404040; font-weight: bold; } .b-footer .__content a { color: #FF0033; } .b-balloon-close { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; line-height: 1; transition: all 0.2s ease; opacity: 0.4; } .b-balloon-close:hover { transform: scale(1.1); } .b-balloon-close:active { transform: scale(0.95); } @media (max-width: 760px) { .b-balloon-close { width: 25px; height: 25px; opacity: 0.2; } .b-balloon-close img { width: 100%; } } .b-country-flag { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } @media (max-width: 760px) { .b-country-flag { right: auto; height: 66px; left: 0px; top: -7px; z-index: 1; transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } } .ymaps-2-1-79-ground-pane { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .b-oez-types-list { margin: 12px 0 0 15px; padding: 0; list-style: none; width: 100%; } .b-oez-types-list .__oez-type-item { color: #000; font-size: 14px; font-weight: 500; line-height: 1.2; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px solid rgba(0, 0, 0, 0.0823529412); position: relative; padding-left: 13px; display: flex; justify-content: space-between; } @media (max-width: 760px) { .b-oez-types-list .__oez-type-item { padding-bottom: 7px; margin-bottom: 7px; } } .b-oez-types-list .__oez-type-item .__value { font-size: 16px; } .b-oez-types-list .__oez-type-item:last-child { border-bottom: 0; } .b-oez-types-list .__oez-type-item:before { content: ""; position: absolute; left: 0; width: 8px; height: 8px; background: #0DB7D2; top: 5px; border-radius: 50%; } .b-oez-types-list.color9 .__oez-type-item:before { background: #8E0010; } .b-oez-types-list.color16 .__oez-type-item:before { background: #89C400; } .b-oez-types-list.color8 .__oez-type-item:before { background: #009440; } .b-oez-types-list.color10 .__oez-type-item:before { background: #0F47AF; } .b-oez-types-list.color14 .__oez-type-item:before { background: #FF6820; } .b-oez-types-list.color17 .__oez-type-item:before { background: #F6BF46; } .b-oez-types-list.color7 .__oez-type-item:before { background: #C00073; } .b-oez-types-list.color14 .__oez-type-item:before { background: #FF6820; } .b-oez-types-list.color15 .__oez-type-item:before { background: #EE1C25; } .b-oez-types-list.color18 .__oez-type-item:before { background: #727272; } .b-arrow-country { position: absolute; bottom: 14px; } .b-region-popup { display: grid; grid-template-columns: 384px 1fr; overflow-x: hidden; } @media (max-width: 760px) { .b-region-popup { grid-template-columns: 100%; } } .b-region-popup .__types { position: static; } .b-region-popup .__types .__title { background: #0DB7D2; padding: 18px 22px; display: flex; gap: 16px; color: #ffffff; font-size: 20px; font-weight: 700; line-height: 1.2; align-items: center; cursor: pointer; } @media (max-width: 760px) { .b-region-popup .__types .__title { padding: 16px 18px; font-size: 18px; } } .b-region-popup .__types .__title._nolink { cursor: default; } .b-region-popup .__types .__title .__count { position: static; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; color: #373737; font-size: 24px; font-weight: 800; line-height: 1; background: #ffffff; border-radius: 50%; } @media (max-width: 760px) { .b-region-popup .__types .__title .__count { width: 26px; height: 26px; font-size: 16px; } } .b-region-popup .__types .__type { position: static; padding: 24px 22px; display: flex; gap: 24px; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353); color: #373737; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1; cursor: pointer; } @media (max-width: 760px) { .b-region-popup .__types .__type { padding: 10px 18px; font-size: 16px; gap: 18px; } } .b-region-popup .__types .__type img { position: static; } @media (max-width: 760px) { .b-region-popup .__types .__type img { width: 22px; } } .b-region-popup .__types .__type.--active { position: static; } .b-region-popup .__types .__type.--disabled { pointer-events: none; opacity: 0.5; } .b-region-popup .__types .__type.--disabled img { position: static; } .b-region-popup .__elements { position: static; } .b-region-popup .__elements .__item { font-size: 20px; font-style: normal; font-weight: 600; line-height: 1; cursor: pointer; position: static; display: flex; justify-content: space-between; padding: 14px 25px 13px 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .b-region-popup .__elements .__item .__logo { position: static; } .b-region-popup .__elements .__item .__logo img { position: static; max-width: 195px; max-height: 45px; } .b-region-popup .__elements .__item > img { position: static; } @media (max-width: 760px) { .b-region-popup .__elements { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0; } .b-region-popup .__elements .__item { border-right: 1px solid rgba(0, 0, 0, 0.07); padding: 8px !important; align-items: center; height: 62px; position: relative; justify-content: center; } .b-region-popup .__elements .__item > img { position: absolute; right: 4px; bottom: 4px; opacity: 0.2; } .b-region-popup .__elements .__item .__logo img { max-width: 140px; max-height: 45px; } } .b-oez-popup .b-oez-title { padding: 24px 24px 20px; text-transform: uppercase; color: #fff; text-align: center; font-size: 22.75px; font-weight: bold; } @media (max-width: 760px) { .b-oez-popup .b-oez-title { padding: 14px 24px; font-size: 18px; } } .b-oez-popup .__info { padding: 22px; font-size: 15px; line-height: 1.2; } @media (max-width: 760px) { .b-oez-popup .__info { padding: 16px; font-size: 16px; font-weight: 300; max-height: 400px; overflow-y: auto; } .b-oez-popup .__info::-webkit-scrollbar { width: 4px; } .b-oez-popup .__info::-webkit-scrollbar-track { background: transparent; } .b-oez-popup .__info::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.0823529412); border-radius: 4px; } } .b-oez-popup .__info .__title { font-weight: bold; margin: 22px 0 12px; } @media (max-width: 760px) { .b-oez-popup .__info .__title { margin: 12px 0 8px; } } .b-oez-popup .__logo { display: grid; grid-template-columns: auto auto; gap: 0px 18px; justify-content: space-between; align-items: center; font-weight: bold; margin: 0 0 25px; } @media (max-width: 760px) { .b-oez-popup .__logo { margin: 0 0 12px; } } .b-oez-popup .__logo img { max-width: 195px; } @media (max-width: 760px) { .b-oez-popup .__logo img { max-width: 160px; max-height: 60px; } } .b-oez-popup .__contacts { display: grid; grid-template-columns: auto auto; gap: 0px 60px; font-weight: bold; margin: 12px 0 0; } .b-oez-popup .__row { margin: 0 0 12px; display: grid; grid-template-columns: auto 1fr; gap: 0px 18px; position: relative; } @media (max-width: 760px) { .b-oez-popup .__row { margin: 0 0 6px; gap: 0px 10px; } } .b-oez-popup .__row .__label span { display: inline-block; background: #fff; position: relative; z-index: 2; padding-right: 5px; } .b-oez-popup .__row .__value { font-weight: bold; text-align: right; } .b-oez-popup .__row .__value span { display: inline-block; background: #fff; position: relative; z-index: 2; padding-left: 5px; } .b-oez-popup .__row:after { content: ""; position: absolute; height: 1px; border-bottom: 1px dotted #d0d3d3; left: 0; right: 0; top: 15px; z-index: 1; } @media (max-width: 760px) { .b-oez-popup .__row:after { top: 16px; } } @font-face { font-family: "Akrobat"; font-style: normal; font-weight: 500; src: local("Akrobat"), url("/tools/font/Akrobat-Regular.woff") format("woff"); } @font-face { font-family: "Akrobat Light"; font-style: normal; font-weight: 400; src: local("Akrobat Light"), url("/tools/font/Akrobat-Light.woff") format("woff"); } @font-face { font-family: "Akrobat ExtraLight"; font-style: normal; font-weight: 300; src: local("Akrobat ExtraLight"), url("/tools/font/Akrobat-ExtraLight.woff") format("woff"); } @font-face { font-family: "Akrobat SemiBold"; font-style: normal; font-weight: 600; src: local("Akrobat SemiBold"), url("/tools/font/Akrobat-SemiBold.woff") format("woff"); } @font-face { font-family: "Akrobat Bold"; font-style: normal; font-weight: 700; src: local("Akrobat Bold"), url("/tools/font/Akrobat-Bold.woff") format("woff"); } @font-face { font-family: "Akrobat ExtraBold"; font-style: normal; font-weight: 800; src: local("Akrobat ExtraBold"), url("/tools/font/akrobat-extrabold-webfont.woff") format("woff"); } @font-face { font-family: "Akrobat Black"; font-style: normal; font-weight: 900; src: local("Akrobat Black"), url("/tools/font/Akrobat-Black.woff") format("woff"); } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/furniture_blue/styles.min.css?1764161214455*/ img{border:0 none}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;margin:1.3em 0 1em;font-weight:normal;line-height:1.2}h1{font-size:200%;margin:0 0 1em}h2{font-size:160%}h3{font-size:140%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}hr,.hr{border-top:1px solid;display:block;font-size:1px;height:1px;line-height:1px;margin:12px 0;overflow:hidden;padding:0}#workarea ol li,#workarea ul li{margin:.6em 0}#workarea ul{list-style-type:disc} /* End */ /* /tools/site/fonts/stylesheet.css?17641612142741 */ /* /tools/site/css/animate.css?176416121466859 */ /* /tools/site/css/style.css?1764161214204736 */ /* /tools/site/css/slick.css?17641612141895 */ /* /tools/site/css/slick-theme.css?17641612143193 */ /* /tools/css/style.css?176416121413666 */ /* /local/templates/furniture_blue/styles.min.css?1764161214455 */