/* Start:/bitrix/templates/raz-raz_4.0/fonts/stylesheet.css?17490480623377*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */ @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Light.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Thin.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-SemiBold.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraLight.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Bold.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Regular.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Medium.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Black.woff') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/css/animate.css?174911952166859*/ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animated.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .animated.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animated.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/css/slick.css?17491195211895*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/css/slick-theme.css?17491195212793*/ @charset 'UTF-8'; /* Slider */ /* Icons */ @font-face { font-weight: normal; font-style: normal; } /* 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-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/css/jquery.fancybox.min.css?174911952112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/components/ip/nx.gallery_3.8.5/jquery.fancybox.css?171333178218364*/ @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Navigation arrows */ .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: 0.6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; } /* Loading indicator */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; } /* Thumbs */ .fancybox-thumbs { display: none; } .fancybox-button--thumbs { display: none; } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/styles.css?174886876759978*/ /****************** FONTS ******************/ @font-face { font-family: 'nx'; src: url('/bitrix/templates/raz-raz_4.0/fonts/nx.eot?27685183'); src: url('/bitrix/templates/raz-raz_4.0/fonts/nx.eot?27685183#iefix') format('embedded-opentype'), url('/bitrix/templates/raz-raz_4.0/fonts/nx.woff?27685183') format('woff'), url('/bitrix/templates/raz-raz_4.0/fonts/nx.ttf?27685183') format('truetype'), url('/bitrix/templates/raz-raz_4.0/fonts/nx.svg?27685183#nx') format('svg'); font-weight: normal; font-style: normal; } /****************** VARS ******************/ :root { --f-def: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; --f-icon: nx, Tahoma, Geneva, sans-serif; --f-black: #000; --c-white: #fff; --c-red: #f00; --c-green: #2A6321; --c-dark-green: #2A4D21; --c-light-green: #E8FFE4; --c-orange: #d09328; --c-dark-blue: #023E8A; --c-blue: #0096C7; --c-light-blue: #E1EAFF; --c-gray: #ccc; --c-light-gray: #eaeaea; --c-dark-gray: #949494; --b-gray: 1px solid #ccc; --b-light-gray: 1px solid #e1e1e1; --transition-def: all .3s ease-out; --shadow-def: 0 0 3px #bbb inset; --c-main: var(--c-green); --c-second-main: var(--c-orange); --c-third-main: var(--c-light-green); --c-img-gradient: linear-gradient(270deg, rgba(208, 147, 40, 0.35) 0%, rgba(42, 99, 33, 0.35) 100%); } .winter_theme { --c-main: var(--c-dark-blue); --c-second-main: var(--c-blue); --c-third-main: var(--c-light-blue); --c-img-gradient: linear-gradient(270deg, rgba(0, 150, 199, 0.35) 0%, rgba(2, 62, 138, 0.35) 100%); } /****************** H1 - H6 ******************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display: block; font-family: inherit; font-weight: 700; line-height: 1.1; text-align: left; margin: 20px 0; padding: 0; color: var(--c-main); } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { font-weight: normal; line-height: 1; font-size: 70%; } h1, .h1 { font-size: clamp(22px, 3.45vw, 36px); line-height: 1.1; } h2, .h2 { font-size: clamp(18px, 2.5vw, 28px); padding-bottom: 0.5em; } h3, .h3 { font-size: clamp(16px, 2.15vw, 24px); } h4, .h4 { font-size: clamp(15px, 1.65vw, 20px); font-weight: normal; } h5, .h5 { font-size: clamp(14px, 1.5vw, 16px); font-weight: normal; color: var(--f-black); } h6, .h6 { font-size: clamp(13px, 1.4vw, 15px); font-style: italic; font-weight: normal; } /****************** LINK STYLE ******************/ a { color: #337ab7; background-color: transparent; } a:focus {outline: none;} a:active, a:hover {outline: none;} a.file { display: inline-block; padding: 0.1em 0 0.3em 1.7em; position: relative; text-decoration: none; } a.file:before { position: absolute; top:-0.2em; left:0; z-index: 3; content: "Ф"; font-family: var(--f-icon); color: #666; font-size: 24px; } a.file:after { content: attr(data-src); position: absolute; top: 1.7em; left: 5px; z-index: 5; line-height: 1; padding: 0 1px; background: #337ab7; font-size: 7px; color: #fff; } a.file .size { display: block; font-size: 0.8em; } .back { display: block; color: #788690; font-size: 12px; margin-top: 30px; } .back:before { content: "\2190"; padding-right: 1em; } .back a {color: inherit;} dl {margin: 2em 0;} dt {margin: 0 0 .3em 0;} dd {margin: 0 0 1em 1em;} a.link { color: var(--c-main); text-decoration: none; } a.link:hover { color: var(--c-second-main) } /****************** TEXT STYLE ******************/ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } ins { color: var(--c-red); text-decoration:none; } p { padding: 0; margin: 15px 0; font-weight: normal; line-height: 24px; } pre {margin: 1em 0;} blockquote { padding: 0.5em 1em; margin: 1em 0 1em 0; font-size: 1.2em; border-left: 5px solid #ccc; background: #F9F9F9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } blockquote p{ margin: 0.5em 0; } @media only screen and (max-width: 640px) { blockquote { font-size: 1.1em; } } .author { text-align: right; font-style: italic; } .ps { text-align:right; font-style:italic; font-size:14px; } dfn { font-style: normal; border-bottom: 1px dashed #000; } hr { height: 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } mark { background: #ff0; color: var(--f-black); } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } samp { display: block; margin: 1em 0; padding: 1em; background: #cfcfcf; } .pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .demo { padding: 2em 1em 1em 1em; border: var(--b-gray); margin: 1em 0; position: relative; } .demo:before { content: "Пример"; position: absolute; top: -1px; left: -1px; z-index: 10; border: var(--b-gray); padding: 3px; font-weight: bold; font-size: 12px; } [data-tooltip] { position: relative; } [data-tooltip]:after { content: attr(data-tooltip); position: absolute; width: auto; left: 10px; bottom: -webkit-calc(100% + 5px); bottom: -moz-calc(100% + 5px); bottom: calc(100% + 5px); background-color: #fff; font-size: 12px; color: #000; padding: 0.75em; border: var(--b-gray); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); pointer-events: none; opacity: 0; transition: 0.3s; } [data-tooltip]:hover:after { opacity: 1; } /****************** TABLE STYLE ******************/ .tbl { border: none; border-collapse: collapse; margin-bottom: 15px; overflow: hidden; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -khtml-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; } .tbl caption { color: #999; padding: 12px; font-weight: bold; } .tbl thead { background: var(--c-main); color: var(--c-white); font-weight: bold; } .tbl td, .tbl th { padding: 0.5em; text-align: center; font-size: 16px; } .tbl th { border: 1px solid var(--c-light-gray); } .tbl tr { border-bottom: 1px solid #eaeaea; } .tbl td.num, .tbl th.num {text-align: right;} .tbl thead tr td, .tbl thead tr th { background: transparent; border: 2px solid var(--c-white); font-weight: bold; } .tbl > tbody > tr.strip, .tbl > tbody > tr:nth-of-type(2n) { background-color: var(--c-third-main); border-color: #fff; } .tbl-resp {display: inline-block;} @media only screen and (max-width: 750px) { .tbl-resp { display: block; width: 100%; overflow-x: auto; } .tbl td, .tbl th {font-size: 80%;} } /********** LISTS **********/ .main ol, .main ul, ol.ol, ul.ul { padding-left: 0; list-style-type: none; line-height: 1.7 } .main li { margin-bottom: 0.5em; position: relative; margin-left: 32px; line-height: 24px; } ol li::marker, ul li::marker { font-weight: bold; color: #022e3f; } .main ol { counter-reset: section; } .main ol li:before { counter-increment: section; content: counters(section, '.') '.'; display: inline-block; font-weight: bold; color: #022e3f; margin-right: 18px; margin-left: -32px; margin-bottom: 0.2em; } .main ul li:before { content: ''; /*position: absolute; top: 0.65em; left: 0;*/ display: inline-block; width: 5px; height: 5px; background-color: #022e3f; border-radius: 50%; margin-right: 27px; margin-left: -32px; margin-bottom: 0.2em; } .main ul.not-list li:before { display: none; } .main ul.not-list li { padding-left: 0; } @media only screen and (max-width: 640px) { .main li { margin-left: 22px; } .main ul li:before { margin-right: 15px; margin-left: -20px; } } /****************** IMAGES STYLE ******************/ figcaption { font-style: italic; color: #666; padding: 0.2em 0.5em; font-size: 0.8em } a img, .main img, .main a img {border:none} @media only screen and (max-width: 500px) { .main img {width: 100%; height: auto;} .main img.noscale {width: auto; height: auto;} figure {width: 100%;} } .toright {float: right; margin:5px 0 5px 20px;} .toleft {float: left; margin:5px 20px 5px 0;} .tocenter {margin: auto;} .nofloat:after { content: ""; display: table; width: 100%; height: 0; clear: both; overflow: hidden; font-size: 0; } .nofloat-overflow { width: 100%; overflow: hidden; height: auto; margin: 0; padding: 0; } .with_big{cursor:pointer;} .drag { display: none; position: absolute; z-index: 1000; top: 100px; left: 50%; padding: 7px; border: 1px double #aaa; background: #efefef; cursor: pointer; } .boxshadow .drag { box-shadow: 3px 3px 3px rgba(0,0,0,0.3); } .IRESIZER { position: absolute; z-index: 1010; bottom: 0; right: 0; padding: 5px 0 0 5px; background: #133D8D; font-size: 12px; line-height: 1; border: 1px solid #aaa; border-bottom: 6px solid #133D8D; border-right: 6px solid #133D8D; color: #fff; text-transform: uppercase; display: none; } .drag .IDESCRIPTION { font-size: 10px; display: none; } .drag .IDESCRIPTION b {display:block;} .drag .IDESCRIPTION p {padding:0.5em 0; margin:0;} .drag .IDESCRIPTION a {display:block;} .abs_clear, .abs-clear { display: block; width: 100%; height: 0; font-size: 1px; overflow: hidden; line-height: 0; clear: both; } .big-img { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .medium-img { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .small-img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /************* TOP SCROLLER **********/ .b-top { width: 34%; z-index: 2600; position: fixed; right: 10px; bottom: 90px; margin-left: 50%; display: none; } .b-top:hover {opacity: 1; cursor: auto;} .b-top-but { z-index: 2600; position: absolute; display: block; right: 2vh; bottom: 0; margin: 0 0 0 100%; padding: 0; color: #333; background: var(--c-main); font-size: 10px; -webkit-box-shadow: 1px 1px 5px 0px var(--f-black); -moz-box-shadow: 1px 1px 5px 0px var(--f-black); box-shadow: 1px 1px 5px 0px var(--f-black); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; overflow: hidden; text-indent: -1000px; cursor: pointer; } .b-top-but:after{ content:""; width: 0; height: 0; margin-right:-16px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid var(--c-white); position: absolute; z-index: 2601; top: 14px; right: 50%; } .b-top-but:hover { background-color: var(--c-second-main); } /************* MODAL **********/ #NXModalContent { max-width: 1370px; width: 90%; max-height: 80vh; height: 100%; position: fixed; z-index: 10001; top: 50%; left: 50%; margin: 0 auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; font-size: 16px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #NXModalContent .close-modal { position: absolute; z-index: 10; right: 0; top: 7px; width: 32px; height: 32px; opacity: 0.3; cursor: pointer; } #NXModalContent .close-modal:hover { opacity: 1; } #NXModalContent .close-modal:before, #NXModalContent .close-modal:after { content: ' '; position: absolute; left: 15px; height: 20px; width: 2px; background-color: var(--c-red); } #NXModalContent .close-modal:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #NXModalContent .close-modal:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media(max-width: 900px) { #NXModalContent { max-height: calc(100vh - 50px); top: 50px; } } /************************ INPUTS ***********************/ input.inpt, textarea.inpt { padding: 0.5em 1em 0.5em 10px; font-size: 1em; line-height: 1.5; outline: none; border: 1px solid #dcdcdc; background:#fff; font-family:inherit; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; } textarea.inpt { height: 60px; width: auto; overflow: hidden; font-family: inherit; padding: 5px 10px; } input.inpt:hover, textarea.inpt:hover { border: 1px solid #828282; } input.inpt:focus, textarea.inpt:focus { border-color: #aaa; } input[type=submit].btn, button.btn, .btn { padding: 0.5em 1em; font-size: 20px; line-height: 1.5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 1px 1px 5px 0px var(--f-black); -moz-box-shadow: 1px 1px 5px 0px var(--f-black); box-shadow: 1px 1px 5px 0px var(--f-black); background-color: var(--c-main); background-repeat: repeat-x; border: 0; cursor: pointer; font-family: inherit; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; color: var(--c-white); text-align: center; text-decoration: none; } input[type=submit].btn:hover, .btn:hover { background-color: var(--c-second-main); background-position: 0 -15px; } input[type=submit].btn:active, .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); background-color: var(--c-second-main); background-position: 0 -15px; } input[type=submit].btn.btn-light, .btn.btn-light { text-shadow: none; border: 2px solid var(--c-white); border-radius: 10px; background-color: initial; box-shadow: none; padding: 7px 14px; line-height: 23px; display: inline-block; } input[type=submit].btn.btn-light:hover, .btn.btn-light:hover { opacity: .8; } input[type=submit].btn.btn-light:active, .btn.btn-light:active { -webkit-box-shadow: inset 0 3px 5px rgba(255, 255, 255, .25); -moz-box-shadow: inset 0 3px 5px rgba(255, 255, 255, .25); box-shadow: inset 0 3px 5px rgba(255, 255, 255, .25); } input[type=submit].btn.btn-disabled, .btn.btn-disabled, button:disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); color: #9b9b9b; cursor: default; } input[type=submit].btn.btn-disabled:hover, .btn.btn-disabled:hover, button:hover:disabled { background-color: #f8f8f8; background-position: 0; } input[type=submit].btn.btn-disabled:active, .btn.btn-disabled:active, button:hover:disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #e0e0e0; } .radio label, .checkbox label{ display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; } .radio input[type=radio], .checkbox input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; } .radio label:before, .checkbox label:before{ content: ""; display: inline-block; padding: 0; width: 17px; height: 17px; font-size: 13px; margin-right: 10px; position: absolute; left: 0; top: 1px; border: 1px solid #9b9b9b; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .radio label:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .radio input[type=radio]:checked + label:before, .checkbox input[type=radio]:checked + label:before { content: ""; border-color: #9b9b9b; background-color: var(--c-main); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+cm91bmQ8L3RpdGxlPjxjaXJjbGUgIGZpbGw9IiNmZmYiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; -moz-background-size: 50% 50%; background-size: 50% 50%; color: #fff; text-align: center; font-size: 1px; } .checkbox label:before { border-radius: 0; } .radio input[type=checkbox]:checked + label:before, .checkbox input[type=checkbox]:checked + label:before { content: "\2713"; font-weight: bold; background-color: var(--c-main); border-color: #9b9b9b; color: #fff; text-align: center; line-height: 13px; } .radio input[type=radio]:disabled + label, .checkbox input[type=checkbox]:disabled + label { color: #9b9b9b; cursor: default; } .radio input[type=radio]:disabled + label:before, .checkbox input[type=checkbox]:disabled + label:before { border: 1px solid rgba(155, 155, 155, .3); cursor: default; } .select { position: relative; display: inline-block; padding: .5em 1em; border: 1px solid #b4bfc7; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 40px; } /****************** TABS AND SPECIAL ******************/ .tab, .tab_opened { display: block; cursor: pointer; position: relative; padding-right: 20px; border-bottom: var(--b-gray); } .tab + div {display:none;} .tab:after, .close:after, .open:after, .tab_opened:after { display: block; position: absolute; top: 45%; right: 0; z-index: 44; width: 12px; height: 4px; background: url(/bitrix/templates/raz-raz_4.0/images/arrow.svg) top left no-repeat; } .tab_opened:after{ content:""; background-position: 0 -3px; } .tab:after { content:""; background-position: 0 0; } .open:after { content:""; background-position: 0 -3px; } .close:after { content:""; background-position: 0 0; } .nx-modal { background: var(--f-black); display: none; position: absolute; top: 0; left: 0; right: 0; height: 100vh; z-index: 900; opacity: 0.8; } .nx-icon { font-family: var(--f-icon); font-size: 20px; } s.r { padding: 0 5px 0 3px; font-family: var(--f-icon); text-decoration: none; font-size: 16px; } .blur-block { background: #e9e9e954; position: fixed; width: 100%; height: 100%; top: 0; display: block; z-index: 55555; } .blur-block .nx-load{ top: 50%; position: relative; left: 50%; } .nx-load { color:#666; font-size: 30px; font-family:var(--f-icon); -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);} } @-webkit-keyframes spin { 0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);} } @-o-keyframes spin { 0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);} } @-ms-keyframes spin { 0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);} } @keyframes spin { 0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);} } /****************** DETAILS / SUMMARY ******************/ details { width: 100%; } details summary { display: block; cursor: pointer; position: relative; padding-right: 20px; border-bottom: var(--b-gray); } details summary:after, details[open] summary:after { content: ''; display: block; position: absolute; top: 45%; right: 0; z-index: 44; width: 12px; height: 4px; background: url(/bitrix/templates/raz-raz_4.0/images/arrow.svg) top left no-repeat; } details summary:after { background-position: 0 0; } details[open] summary:after { background-position: 0 -3px; } details[open] summary ~ * { -webkit-animation: sweep .5s ease-in-out; -moz-animation: sweep .5s ease-in-out; animation: sweep .5s ease-in-out; } @keyframes sweep { 0% { opacity: 0; margin-left: -10px } 100% { opacity: 1; margin-left: 0 } } /****************** FLEXBOX PRESET ******************/ .nx-flex-row, .nx-flex-col, .nx-flex-col-st, .nx-flex-row-btw, .nx-flex-col-btw, .nx-flex-row-btw-st, .nx-flex-col-btw-st, .nx-flex-row-btw-c, .nx-flex-row-c-c, .nx-flex-col-c-c, .nx-flex-row-b-c, .nx-flex-row-t-c, .nx-flex-col-t-c, .nx-flex-row-t-r, .nx-flex-col-t-r, .nx-flex-row-l-c, .nx-flex-col-l-c, .nx-flex-row-r-c, .nx-flex-col-r-c, .nx-flex-col-btw-r, .nx-flex-col-b-l, .nx-flex-col-b-r, .nx-flex-row-b-l, .nx-flex-row-b-r, .nx-flex-row-btw-b-r { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .nx-flex-row-btw, .nx-flex-col-btw, .nx-flex-row-btw-st, .nx-flex-col-btw-st, .nx-flex-row-btw-c, .nx-flex-col-btw-r, .nx-flex-row-btw-b-r{ -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nx-flex-col-st, .nx-flex-row-btw-st, .nx-flex-col-btw-st { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .nx-flex-row-t-r, .nx-flex-row-r-c, .nx-flex-col-r-c, .nx-flex-col-b-l, .nx-flex-col-b-r, .nx-flex-row-b-r{ -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .nx-flex-row-c-c, .nx-flex-col-c-c, .nx-flex-row-b-c, .nx-flex-col-l-c, .nx-flex-row-t-c, .nx-flex-col-r-c { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .nx-flex-row-btw-c, .nx-flex-row-c-c, .nx-flex-col-c-c, .nx-flex-col-t-c, .nx-flex-row-l-c, .nx-flex-row-r-c, .nx-flex-row-ar-c, .nx-flex-col-ar-c { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .nx-flex-col-t-r, .nx-flex-row-b-c, .nx-flex-col-r-c, .nx-flex-col-btw-r, .nx-flex-col-b-r, .nx-flex-row-b-l, .nx-flex-row-b-r, .nx-flex-row-btw-b-r, .nx-flex-row-ar-b, .nx-flex-col-ar-r { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .nx-flex-col, .nx-flex-col-st, .nx-flex-col-btw, .nx-flex-col-btw-c, .nx-flex-col-btw-st, .nx-flex-col-t-c, .nx-flex-col-t-r, .nx-flex-col-c-c, .nx-flex-col-l-c, .nx-flex-col-r-c, .nx-flex-col-btw-r, .nx-flex-col-b-l, .nx-flex-col-b-c, .nx-flex-col-b-r, .nx-flex-col-st-b, .nx-flex-col-ar, .nx-flex-col-ar-c, .nx-flex-col-ar-r { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /****************** HTML 5 ******************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer { margin-top: 65px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div { display: block; font-weight:normal; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /*! jQuery UI - v1.13.2 - 2023-02-14 */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; background-color: var(--c-light-gray); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 5px 0 5px 5px; padding: 10px 30px; border-bottom-width: 0; white-space: nowrap; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ui-tabs .ui-tabs-nav li:last-child { margin-right: 5px; } .ui-tabs .ui-tabs-nav li:before, .ui-tabs .ui-tabs-nav li:after { content: none; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { text-decoration: none; color: var(--c-dark-gray); font-size: 20px; font-weight: 700; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; color: var(--c-main); } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content { background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { background: var(--c-white); color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: var(--c-light-gray); font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: var(--c-white); font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: var(--c-main); background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/bitrix/templates/raz-raz_4.0/images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } body .advantages_block .advantage img{ border: 1px solid #194185; border-radius: 50%; } body.summer_theme .advantages_block .advantage img{ border-color: #2A6321; } .camping-phone { color: var(--c-main); font-weight: 500; } .tele a.tel { color: white; text-decoration: none; } /* End */ /* Start:/bitrix/templates/raz-raz_4.0/template_styles.css?1756653417144674*/ /* @import url(/bitrix/templates/raz-raz_4.0/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%; font-family: inherit;} 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;} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wrap{max-width: 1380px; 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:#000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} html,body{width: 100%; /*height: 100%;*/ margin: 0 auto; font-family: 'Montserrat'; color: #000; 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;} body::-webkit-scrollbar { width: 12px; /* ширина scrollbar */ } body::-webkit-scrollbar-track { background: #07070a; /* цвет дорожки */ } body::-webkit-scrollbar-thumb { background-color: #776b5f; /* цвет плашки */ border-radius: 5px; /* закругления плашки */ border: 3px solid #07070a; /* padding вокруг плашки */ } .lp-block h1, .lp-block h2, .lp-block h3, .lp-block h4{ all: inherit;} .hidden{ opacity:0;} .visible{ opacity:1;} .header-float{position:relative; width:100%; top:0px; left:0px; right:0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .header-float{position:relative; z-index:100; width:100%; top:0px; left:0px; right:0px; padding:0px 0px 0px 0px; margin:0px auto; } .header-container{padding-bottom:8px; padding-top:90px; position:relative; z-index:20; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .logo{float:left; width:40%; padding-top:6px; padding-bottom:10px; padding-left:5px;} .header-container .phone_block{float:right; width:50%; padding-top:8px; padding-bottom:15px; } .header-container .logo .logo_name{ font-size:13px; font-weight:400; float:left; color:#484545; padding:17px 10px 0px 20px; line-height:1.2; max-width:195px; width:100%; } .header-container .logo img{width:100%; max-width:180px; float:left;} .header-container .phone_block{text-align:right;} .header-container .phone_block .phone{text-align:right; float:right; padding-top:4px;} .header-container .phone_block .phone .phone_a{font-size:15px; font-weight:700; color:#484545; display:block; margin-top:2px; text-align:left; position:relative; padding-left:28px; } .header-container .phone_block .phone .phone_a:before{content:""; position:absolute; left:0px; top:0px; width:13px; height:14px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_phone.png) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .phone .addr_a{font-size:13px; color:#484545;font-weight:400; position:relative; padding-left:28px; text-align:left; margin-top:4px; display:block;} .header-container .phone_block .phone .addr_a:before{content:""; position:absolute; left:1px; top:6px; width:11px; height:14px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_locat.png) no-repeat 0% 0%; background-size:100%;} .header-container .phone_block .phone .addr_a span{white-space:nowrap;} .header-container .phone_block .btn_call_back {float:right; max-width:220px; width:100%;} .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: #000; font-size: 12px; font-weight: 300; border: solid 2px #2e5faa; width: 100%; max-width: 180px; padding: 17px 15px 15px 15px; position:relative; -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 span{ padding-bottom:1px; line-height:1.2; display:block; position:relative;} .header-container .btn_top div{padding-left:21px; position:relative; display:inline-block;} .header-container .btn_top div:before{content:""; position:absolute; left:0px; top:0px; width:13px; height:14px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_phone_2.png) no-repeat 0% 0%; background-size:100%;} .header_menu_mobile{display:none;} .header-container .header_logo{float:left; width:25%; padding-top:0px; padding-right:15px;} .header-container .header_menu{float:left; width:37%; text-align:center; padding-top:12px;} .header-container .soc_circles { float: right; width:10%; padding-left:5px; padding-top:10px; text-align:right;} .header-container .header_phone{float:right; width:20%; padding-top:0px; padding-right:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .header_burger {float:right; width:8%; padding-top:0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .menu__icon { width: 60px; height:48px; cursor: pointer; z-index: 1001; float: right; position: relative; padding: 12px 9px 10px 9px; border-radius:5px; border: solid 1px #ffffff47;} .menu_open_now .header-container .menu__icon{border: none;} .menu_open_now .header-container .menu__icon:hover{border: none;} .header-container .menu__icon_ins{position:relative;} .header-container .menu__icon span { display: block; position: absolute; height: 2px; width: 100%; max-width: 60px; background: #fff; opacity: 1; right: 0; transform: rotate(0deg); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; border-radius:5px;} .header-container .menu__icon span:nth-child(1) { top: 0px; max-width:75%;} .header-container .menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 10px;} .header-container .menu__icon span:nth-child(4) { top: 20px; background:#c0c0c7; max-width:55%;} .header-container .header_top{position:relative; z-index:100; padding-top:0px;} .header-container .img_logo_block{width:100%; max-width:280px; position:relative; float:left; display:block; height:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .img_logo_block{} .header-container .header_logo .img_logo{max-width:280px; width:100%; display:block; margin-top:-4px; position:absolute; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .header-container .header_logo .img_logo_mono{opacity:1; margin-top:-70px;} .header-container .soc_circles a{ display: inline-block; padding:1px; } .header-container .soc_circles a img{width:100%; max-width:30px; display:block; opacity:1;} .header-container .soc_circles a:hover{opacity:0.8; } .header_menu_mobile .inside_mob_menu{ padding: 10px 0px 30px 0px; display: flex; } .header-container .header_menu ul{list-style:none;} .header-container .header_menu ul li{display:inline-block; padding:2px 10px; position:relative;} .header-container .header_menu ul li:first-child{padding-left:0px;} .header-container .header_menu ul li:last-child{padding-right:0px;} .header-container .header_menu ul li a{ position:relative; font-size: 18px; line-height: 1.2; color: #d7d7d7; font-weight: 300; } .header-container .header_menu ul li a:hover{ opacity:1; color:#fff;} .header-container .header_phone .phone{text-align:right;} .header-container .header_phone .phone a{ font-weight: 500; font-size: 24px; line-height: 1.2; text-align: right; color: #fff; position:relative; padding-left:25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .header_phone .phone a:hover{opacity:0.7;} .header-container .header_phone .btn_call_back {text-align:right; margin-top:5px; } .header-container .header_phone .btn_call_back a{font-size:12px; font-weight:300; border-bottom:solid 1px #302c28; position:relative; letter-spacing:0.3px;} .header-container .header_phone .btn_call_back a:hover{border-bottom:solid 1px transparent; color:#2e5faa;} .header-container .header_phone .btn_call_back a:before{content:""; position:absolute; left:-24px; top:1px; height:21px; width:16px;} .header-container .mail{text-align:right; margin-top:2px;} .header-container .mail a{ margin-top:2px; font-style: normal; font-weight: 300; font-size: 18px; line-height: 15px; text-align: center; color: #d7d7d7;} .header-container .mail a:hover{color:#fff;} .header-container .soc_block{ float:right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .header-container .mail { float: left; padding-left: 7px;} .header_menu_mobile .indicator-arrow_mob { position: relative; left:0px; right:0px; margin:0px auto; width:100%; max-width:20px; display:inline-block; z-index:6; display:none;} .header_menu_mobile .indicator-arrow_mob:before{content:""; display: block; position: absolute; left: 50%; bottom:-7px; opacity:0.5; height: 12px; width: 12px; border-left: 2px solid #000; border-top: 2px solid #000; -webkit-transform: translateX(-50%) rotate(-135deg); -ms-transform: translateX(-50%) rotate(-135deg); ransform: translateX(-50%) rotate(-135deg); animation: indicator_arrow 0.7s linear infinite;} .header-float .ul_menu_burg{float:left; width:50%; padding-right:30px; border: solid 1px #ffffff45; margin-right: 20px; padding: 20px; border-radius: 5px;} .header-float .info_inv {float:left; width:50%;} .header-float .ul_menu_burg ul{list-style:none; width:100%;} .header-float .ul_menu_burg ul:nth-child(1){margin-bottom:20px;} .header-float .ul_menu_burg ul:nth-child(2){ padding-top:20px; border-top: solid 1px #ffffff45;} .header-float .ul_menu_burg ul li:nth-child(1){display: block;} .header-float .ul_menu_burg ul li{font-size:18px; color:#fff; font-weight:300; margin-bottom:10px; line-height:1.15; display: inline-block; margin-right: 20px;} .header-float .ul_menu_burg ul li a{color:#838385; line-height:1.15; display: inline-block; } .header-float .ul_menu_burg ul li a:hover{color:#fff;} .header-float .info_inv{font-size:18px; color:#fff; font-weight:300; line-height:1.25; margin-top:0px; border-radius: 5px; border: solid 1px #ffffff40; padding: 20px;} .header-float .info_inv .logo_name{margin-bottom:10px; font-size:28px;} .header-float .addr_a{margin-bottom:10px; font-size: 14px;} .header-float .addr_a a{color:#636365;} .header-float .btn_call_back a{ position: relative; text-transform: uppercase;display:inline-block; width: 100%; max-width: 320px; color:#fff; letter-spacing: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 400; line-height: 1.25; font-size: 16px; text-align: left; opacity: 1; font-family: 'Montserrat'; } .header-float .info_inv .btn_call_back a:hover{opacity: 0.7;} .header-float .info_inv .phone_a{font-weight: 400; font-size: 22px; line-height: 1.2; margin-top:10px; margin-bottom:10px;} .header-float .info_inv .phone_a a{ color: #fff;} .header-float .info_inv .phone_a span{ font-size: 16px; color: #636365;} .header-float .info_inv .mail{margin-top:5px; margin-bottom:5px; color: #fff; display:inline-block;} .header-float .info_inv .soc_circles{margin-top:4px;} .header-float .info_inv .soc_join{ font-size: 14px; color: #636365;} .header-float .info_inv .soc_circles img{ max-width: 20px;} .footer .menu_b_3 .soc a img{ max-width: 20px;} .header-float.fixed { position: absolute; width: 100%; top: 0px; z-index: 30; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} /* .header-float.fixed:after{background:#07070a; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity:0; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom:solid 1px #4e515b;} */ .header-float.fixed_2 .header-container .header_logo{display:none;} .header-float.fixed_2 .header-container .header_menu{display:none;} .header-float.fixed_2 .header-container .header_phone{display:none;} .header-float.fixed_2 .header-container .soc_circles{display:none;} .header-float.fixed_2 .header-container .header_burger{display:none;} .header-float.fixed_2{position:fixed;} .header-float.fixed_2:after { opacity: 1;} /* */ .header-float.fixed_2{top:-250px;} .menu_open_now .header-float.fixed { position: fixed;} .menu_open_now .header-float.fixed_2 { top: 0px; } .menu_open_now .header-float.fixed_2 .header-container .header_logo{display:block;} .menu_open_now .header-float.fixed_2 .header-container .header_burger{display:none;} .menu_open_now .header-float .header-container { background: #07070a; padding-bottom:40px;} .menu_open_now .header-float.fixed_2 .header-container { padding-bottom:10px; padding-top:10px; background: #07070a; height: 62px; } /* .header-float.fixed_2 .header-container .menu__icon { width: 60px; height: 50px; cursor: pointer; z-index: 1001; float: right; position: relative; padding: 9px 9px 9px 9px; border-radius: 5px; background: #07070a9c; border: solid 1px #ffffff45; border-radius: 5px;} .header-float.fixed_2 .img_logo_mono{ opacity:0;} .header-float .img_logo_s_w{ opacity:0;} .header-float.fixed_2 .img_logo_s_w{display:block; opacity:1;} .header-float.fixed_2 .header-container{padding-top:10px;} .menu_open_now .header-float.fixed_2 .img_logo_s_w{ opacity:0;} .menu_open_now .header-float.fixed_2 .header-container .header_logo{display:block;} .menu_open_now .header-float.fixed_2 .header-container .header_menu{display:block;} .menu_open_now .header-float.fixed_2 .header-container .header_phone{display:block;} .menu_open_now .header-float.fixed_2 .header-container .soc_circles{display:block;} .menu_open_now .block_booking {display:none;} */ .footer-bg{background: #07070a; padding-top:120px; padding-bottom:70px; position:relative; z-index:10; color:#fff; font-size:18px;} .footer ul{list-style:none; } .footer .menu_b_3 ul{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .footer .menu_b_2 ul{display:inline-block; vertical-align:top; width:100%;} /* .footer .menu_b_2 ul{display:inline-block; vertical-align:top; width:48%;} .footer .menu_b_2 ul:nth-child(1){width:35%;} .footer .menu_b_2 ul:nth-child(2){width:63%;} */ .footer ul li{ padding:2px 5px 3px 0px; position:relative; line-height:1.4; display:block;} .footer ul li a{color:#838385; font-size: 18px; line-height:1.15; display: inline-block; } .footer ul li a:hover{color:#fff;} .footer .bot_logo .img_logo{width:100%; max-width:280px; margin-top: -70px;} .footer .bot_logo{float:left; width:33%; padding-right:20px;} .footer .menu_bottom{float:right; width:22%;} .footer .menu_b{float:left; width:33%; padding-right:20px;} .footer .menu_b_1{width:45%;} .footer .menu_b_2{width:55%;} .footer .menu_b_3{width:100%; margin-top: -20px;} .footer .menu_b_3{float:right; text-align: right; padding-right:0px; border-radius:5px; border: solid 1px #ffffff52; padding: 20px 20px; } .footer .name_menu{ font-size: 18px; color: #776b5f; line-height:1.2; margin-bottom:10px;} .footer .name_menu_white{color: #fff;} .footer .menu_b_2 li{} .footer .all_rights{margin-top:20px; color:#776b5f; font-size:18px; line-height: 1.2; max-width: 300px;} .footer .all_rights_mobile{display:none;} .footer .politics a{color:#fff; font-size: 18px; line-height: 1.2; margin-bottom:11px;} .footer .politics a span{ display:inline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 18px; font-weight: 300; opacity: 0.6;} .footer .politics a:hover span{ opacity: 1;} .footer .politics{margin-top:25px;} .footer .menu_t_left{float:left; width:40%;} .footer .politics_mobile{display:none;} .footer .header_phone .phone{text-align:right;} .footer .header_phone .phone a{ font-weight: 500; font-size: 24px; line-height: 1.2; text-align: right; color: #fff; position:relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .footer .header_phone .phone a:hover{opacity:0.7;} .footer .header_phone .phone span{color: #838385; font-size:16px;} .footer .header_phone .btn_call_back {text-align:right; margin-top:5px; } .footer .header_phone .btn_call_back a{font-size:12px; font-weight:300; border-bottom:solid 1px #302c28; position:relative; letter-spacing:0.3px;} .footer .header_phone .btn_call_back a:hover{border-bottom:solid 1px transparent; color:#2e5faa;} .footer .header_phone .btn_call_back a:before{content:""; position:absolute; left:-24px; top:1px; height:21px; width:16px;} .footer .mail{text-align:right; margin-top:2px;} .footer .mail a{ margin-top:2px; font-style: normal; font-weight: 300; font-size: 18px; line-height: 15px; text-align: center; color: #d7d7d7;} .footer .mail a:hover{color:#fff;} .footer .cleaner_inv{display:none;} .ymaps-2-1-79-gotoymaps, .ymaps-2-1-79-gototech, .ymaps-2-1-79-copyright__link, .ymaps-2-1-79-controls__bottom, .ymaps-2-1-79-controls__toolbar_right, .ymaps-2-1-79-controls__control_toolbar, .ymaps-2-1-79-zoom{display:none !important;} .uc-header_top {position: absolute; top: 0;left: 0; width: 100%;z-index: 9998;} .uc-header_pr { position: fixed; width: 100%; z-index: 99999; top: 0;} .arcticmodal-container_i { } #modal_menu .header_menu_mobile{background:#fff; padding:40px 20px 10px 20px; text-align:center; width:100%; max-width:500px; border-radius: 20px;} #modal_menu .header_menu_mobile .menu_t{margin-bottom:30px;} #modal_menu .header_menu_mobile ul li{ padding:5px 5px 5px 0px; position:relative; line-height:1.2; display:block;} #modal_menu .header_menu_mobile ul li a{color:#302c28; font-family: 'Museo Sans Cyrl 300'; font-size: 15px; line-height:1.2;} #modal_menu .header_menu_mobile ul li a:hover{color:#ba102c;} #modal_menu .header_menu_mobile .name_menu{font-family: 'Museo Sans Cyrl 500'; font-size: 16px; color: #636363; line-height:1.2; margin-bottom:10px;} .modal_div .modal_close { color:#fff; font-size:28px; font-weight:bold; z-index:5002; width: 21px; height: 21px; position: absolute; top: -35px; right: -5px; cursor: pointer; display: block;} .modal_div { margin-top: 30px; position:relative;} .menu_open_now .header_menu_mobile { z-index: 9; width: 100%; margin: 0px 0px 0px 0px; display: block; background:#07070a; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; overflow-y: auto; padding-top: 150px; padding-bottom: 50px;} .menu_open_now .header_menu_mobile::-webkit-scrollbar { width: 12px; /* ширина scrollbar */ } .menu_open_now .header_menu_mobile::-webkit-scrollbar-track { background: #07070a; /* цвет дорожки */ } .menu_open_now .header_menu_mobile::-webkit-scrollbar-thumb { background-color: #776b5f; /* цвет плашки */ border-radius: 5px; /* закругления плашки */ border: 3px solid #07070a; /* padding вокруг плашки */ } html.menu_open_now, body.menu_open_now{overflow:hidden;} .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%; } /*.menu_open_now .header-float .header_logo .img_logo_color{opacity:1;}*/ .menu_open_now .header-float.bg_geader .header_logo .img_logo_color{opacity:0;} /*.menu_open_now .header-float .header_logo .img_logo_mono{opacity:0;} */ .menu_open_now .header-float.bg_geader .header_logo .name_logo{color:#fff;} .menu_open_now .header-float.bg_geader .header_logo .img_logo_mono{opacity:1;} .menu_open_now .header-float.fixed_2 .header_logo .img_logo_color{opacity:1;} .menu_open_now .header-float.fixed_2 .header_logo .img_logo_mono{opacity:0; height:0px;} .menu_open_now .header-float.fixed_2 .header_logo .img_logo{max-width:180px; margin-top:6px; } /* .menu_open_now .header-container .soc_circles a{background: #2e5fab; border-radius: 100%; padding:3px;} .menu_open_now .header-container .soc_circles a img{opacity: 1; max-width: 15px;} .menu_open_now .header-container .mail a{color:#000; opacity:0.7;} .menu_open_now .menu__icon span{background:#000;} .menu_open_now .header-container .header_logo .name_logo{color:#000;} .menu_open_now .header-container .header_menu ul li a { color: #000; opacity:0.7;} .menu_open_now .header-container .header_phone .phone a{ color: #000;} .menu_open_now .header-float.bg_geader .header_menu ul li a { color: #fff; opacity:0.7;} .menu_open_now .header-float.bg_geader .header_phone .phone a{ color: #fff;} */ .menu_open_now .header-float.fixed_2 .header_menu_mobile{ padding-top: 80px;} .menu_open_now .header-float .header_menu_mobile .btn_wrap{margin-bottom:20px; margin-top:60px;} .menu_open_now .header-float .header_menu_mobile .btn_wrap span{padding-right:0px;} .menu_open_now .header-float .header_menu_mobile .btn_wrap span:before{display:none;} .menu_open_now .header-float.fixed_2 .header_menu_mobile .btn_wrap{display:none;} .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;} .uc-menu_mob {margin: 0px 0px 0px 0px; background: #fff; top: 0px; left: 0px; right: 0px; width: 100%; height: 100vh; overflow-y: auto; padding-bottom: 50px; z-index:-2; position:absolute; opacity:0;} .menu_open_now .uc-menu_mob { display:block; position:fixed; opacity:1; z-index:9998 } html.menu_open_now, body.menu_open_now{overflow:hidden;} html.menu_open_now, body.menu_open_now{overflow:hidden;} /* .menu_open_now .fixed{background-color: #2f3845;} */ .lp-block input[placeholder] { color:#686666; } .lp-block input::-webkit-input-placeholder, .lp-block textarea::-webkit-input-placeholder {color: #686666; } .lp-block input::-moz-placeholder, .lp-block textarea::-moz-placeholder {color: #686666; } .lp-block input:-moz-placeholder, .lp-block textarea:-moz-placeholder { color: #686666; } .lp-block input:-ms-input-placeholder, .lp-block textarea:-ms-input-placeholder { color: #686666; } .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-text { padding: 20px 15px 20px 15px; font-size: 14px; font-weight: 500; border: none; color: #939393; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #776b5f30; text-align: left; width: 100%; position: relative; z-index: 2; background: #ffffff1a; } .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;} .form_top{position:relative; text-align:center; margin:0px auto; margin-top:30px; max-width:100%; width:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 5px; border: solid 1px #776b5f;} .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 20px 30px 20px; } .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{ display:flex; width: 100%;} .form_top .und_tit_text{font-size:12px; color:#dddcdc; text-align:left; margin-bottom:10px;} .form_top .line_ins{ padding:0px 10px; width: 100%;} .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; color: #fff; opacity: 0.3; font-weight:200; font-size: 10px;} .form_all .checkbox_bot a{border-bottom:solid 1px #fff; color: #fff; } .form_top .btn_gold { background: #776b5f; display: inline-block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; padding: 20px 10px 20px 10px; position: relative; border: none; letter-spacing: 0.2px; -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: 400; line-height: 1.4; font-size: 12px; text-align: center; opacity: 1; text-transform: uppercase; box-shadow:none !important; text-shadow:none !important;} .lp_forms{padding-top:60px; padding-bottom:60px; background:#07070a;} .lp_forms header{} .lp_forms .title { font-size: 72px; color: #fff; font-weight: 300; line-height: 1.3; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; position: relative; z-index: 4;} .lp_forms .title_2 { font-size: 34px; color: #e6e6e6; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .lp_forms .btn_all { max-width: 360px; margin: 0px auto; margin-top:60px; display: block;}\ .lp_forms .title_2 a{color:#fff;} .lp_forms header{padding-left:15px; padding-right:15px;} /* Стили секции, в которой выводится капча */ .captcha_block{width:100%; max-width:450px; padding-left:10px; padding-right:10px; padding-bottom:10px; display:none; margin: 0px auto; margin-top:25px;} .captcha_block .captcha_block_ins{background:#d2c8c0; border-radius:5px; padding:10px;} .form-captcha { float:left; margin-bottom: 2rem; width: 50%; padding-right: 15px; padding-left:15px;} .form-captcha_block{ float:left; width: 50%; padding-right:15px;} .form-agreement{width:50%; float:left; padding-left:15px; padding-right:15px;} .form-captcha__image { border-radius: 4px; margin-right: 0.5rem; float:left;} .form-captcha__refresh { padding: 0.8rem 0.75rem; line-height: 1; border: 1px solid #ced4da; margin-right:0rem; width: 50px; border-radius: 4px; cursor: pointer; float: left; background: #fff;} .form-captcha__refresh:hover { background-color: #cb9f67;} .form-captcha__input {float: right;position: relative;margin-bottom: 0; padding-left:0px; width: 50%;} .form-captcha__input .cod_capcha{font-size:12px; color:#07070a; font-weight:200; float: left; width: 50%; padding-top:5px;} .form-captcha__input .invalid-feedback { position: absolute; bottom: -1.5rem;} .form-captcha__input input{padding:14px 10px 14px 10px; font-size: 14px; font-weight: 500; border: none; color: #939393; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #776b5f30; text-align: left; width: 100%; position: relative; z-index: 2; background: #ffffff8c; float: left; width: 50%;} .block_booking{position: fixed; z-index: 10000; top: -100px; width: 100%; height: 70px; background: #07070a; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; /* border-bottom:solid 1px #d2c8c04f; */ } .menu_open_now .block_booking{ /*border-bottom:solid 1px #d2c8c04f; */ } /* .block_booking a{ position:absolute; background:#fff; border:solid 1px #000; padding:17px 20px 14px 20px; border-radius:5px 5px 0px 0px; right:85px; top:0px; color:#fff; font-size:18px; font-weight:400; display:block; border-radius: 5px; background: #07070a9c; border: solid 1px #ffffff45; border-radius: 5px;} .block_booking a:hover{border: solid 1px #fff;} .block_booking a span{position:relative; padding-left:40px;} .block_booking a span:before{content:""; position:absolute; left:0px; top:-3px; width:28px; height:28px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_calendar.png) no-repeat 0% 0%; background-size:100%;} */ .block_booking a.book{ background: #07070a; position: absolute; left: 15px; border: solid 1px #766a5eba; padding: 15px 20px 15px 20px; color: #ffffff; font-size: 16px; font-weight: 400; display: block; border-radius: 5px; width: auto; display: inline-block;} .block_booking a.book:hover{border: solid 1px #fff;} .block_booking a.book span{position:relative; padding-left:10px; padding-right:10px;} /* .block_booking a span:before{content:""; position:absolute; left:0px; top:-3px; width:28px; height:28px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_calendar_bl.png) no-repeat 0% 0%; background-size:100%;} */ .block_booking a.logo_center img{ max-width: 160px; width:100%; position: absolute; left: 0px; right: 0px; margin: 0px auto; margin-top:7px; } .block_booking.fixed__booking{ top: 0px; padding-top: 10px; padding-bottom:10px; /* border-bottom: solid 1px #d0c8c15c; */ } .block_booking .soc_circles_book{float:right; padding-right:65px; width:100%; max-width:175px; padding-top:12px;} .block_booking .soc_circles_book a{padding:0px 2px !important; display:inline-block;} .block_booking .soc_circles_book a img{display:block; width:100%; max-width:25px;} /* .block_booking .menu__icon { width: 60px; height:51px; cursor: pointer; z-index: 1001; float: right; position: relative; padding:12px 9px 5px 9px; position: absolute; background: #fff; border: solid 1px #000; border-radius: 5px 5px 0px 0px; right: 15px; top: 0px; color: #fff; font-size: 18px; font-weight: 400; display: block; background: #07070a9c; border: solid 1px #ffffff45; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .block_booking .menu__icon:hover{border: solid 1px #fff;} .block_booking .menu__icon_ins{position:relative;} .block_booking .menu__icon span { display: block; position: absolute; height: 4px; width: 100%; max-width: 60px; background: #fff; opacity: 1; right: 0; transform: rotate(0deg); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; border-radius:5px;} .block_booking .menu__icon span:nth-child(1) { top: 0px; max-width:75%;} .block_booking .menu__icon span:nth-child(2), .block_booking .menu__icon span:nth-child(3) { top: 10px;} .block_booking .menu__icon span:nth-child(4) { top: 20px; background:#c0c0c7; max-width:55%;} */ .block_booking .menu__icon { width: 60px; height: 48px; cursor: pointer; z-index: 1001; float: right; position: relative; padding: 12px 9px 5px 9px; position: absolute; background: #07070a; border: solid 1px #766a5eba; border-radius: 5px 5px 0px 0px; right: 15px; top: 0px; color: #07070a; font-size: 18px; font-weight: 400; display: block; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .menu_open_now .block_booking .menu__icon{border: none;} .menu_open_now .block_booking .menu__icon:hover{border: none;} .block_booking .menu__icon:hover{border: solid 1px #fff;} .block_booking .menu__icon_ins{position:relative;} .block_booking .menu__icon span { display: block; position: absolute; height: 2px; width: 100%; max-width: 60px; background: #fff; opacity: 1; right: 0; transform: rotate(0deg); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; border-radius: 5px;} .block_booking .menu__icon span:nth-child(1) { top: 0px; max-width:75%;} .block_booking .menu__icon span:nth-child(2), .block_booking .menu__icon span:nth-child(3) { top: 10px;} .block_booking .menu__icon span:nth-child(4) { top: 20px; background:#766a5eba; max-width:55%;} .lp_first_block {position:relative; overflow:hidden; height:100vh; max-height:1000px;} .lp_first_block header{ top:0px; bottom:0px; left:0px; right:0px; margin:auto; position:absolute; height: min-content; padding-left:15px; padding-right:15px;} .lp_first_block .title { font-size: 72px; color: #fff; font-weight: 300; line-height: 1.3; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; position: relative; z-index: 4;} .lp_first_block .title_2 { font-size: 34px; color: #e6e6e6; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .lp_first_block .title_und{ font-size:27px; color: #e6e6e6; font-weight: 200; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 20px;} .lp_first_block .indicator-arrow { position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 65px; width: 100%; max-width: 20px; display: inline-block; z-index: 6;} .lp_first_block .indicator-arrow:before { content: ""; display: block; position: absolute; left: 50%; bottom: -7px; opacity: 0.7; height: 17px; width: 17px; border-left: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: translateX(-50%) rotate(-135deg); -ms-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); animation: indicator_arrow 0.7s linear infinite;} .lp_first_block .btn_all { max-width: 360px; margin: 0px auto; margin-top:60px; display: block;} .lp_first_block .btn_all span{position:relative; padding-left:40px;} .lp_first_block .btn_all span:before{content:""; position:absolute; left:0px; top:1px; width:28px; height:28px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_calendar.png) no-repeat 0% 0%; background-size:100%;} .lp_dom:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; background-size: 100%; opacity: 0.5 } .lp_dom_2{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_2.jpg) no-repeat 50% 10%; background-size:cover; } .lp_dom_8{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_1.jpg) no-repeat 50% 10%; background-size:cover; } .lp_fb_rest{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_restaurant.jpg) no-repeat 50% 0%; background-size: cover; padding-top: 100px; padding-bottom: 100px; min-height:750px; position:relative;} .lp_fb_rest:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; background-size: 100%; opacity: 0.3; } .lp_razmesh{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_razmesh.jpg) no-repeat 50% 0%; background-size: cover; padding-top: 100px; padding-bottom: 100px; min-height:750px;} .lp_for_group{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_for_groups_2.jpg) no-repeat 50% 0%; background-size: cover; padding-top: 100px; padding-bottom: 100px; min-height:750px;} .videoCover { height:100vh; max-height:1000px;} .videoCover {position:relative; overflow:hidden; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/plug_bg_top.jpg) no-repeat 50% 0%; background-size: cover;} .videoCover video, div.videoCover { width: 100%!important; height: 100vh !important; min-height: 750px; display:block; max-height: 1400px;} .videoCover .bg_video{position:absolute; width:100%; height:100%; background:#000; opacity:0.35; min-height: 450px; display:block;} .videoCover header{ position:absolute; top:50px; left:0px; right:0px; margin:0px auto; } .videoCover_1 header{ top:0px; bottom:0px; margin:auto; height: min-content; padding-top:50px;} .videoCover .title { font-size: 72px; color: #fff; font-weight: 300; line-height: 1.3; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; position: relative; z-index: 4;} .videoCover .title_2 { font-size: 34px; color: #e6e6e6; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .videoCover .title_und{ font-size:27px; color: #e6e6e6; font-weight: 200; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 20px;} .videoCover .indicator-arrow { position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 65px; width: 100%; max-width: 20px; display: inline-block; z-index: 6;} .videoCover .indicator-arrow:before { content: ""; display: block; position: absolute; left: 50%; bottom: -7px; opacity: 0.7; height: 17px; width: 17px; border-left: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: translateX(-50%) rotate(-135deg); -ms-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); animation: indicator_arrow 0.7s linear infinite;} .btn_all { position: relative; display: inline-block; width: 100%; padding: 20px 15px 20px 15px; height: auto; color: #fff; border: solid 1px #ffffff47; letter-spacing: 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; font-weight: 500; line-height: 1.2; font-size: 24px; text-align: center; opacity: 1; font-family: 'Montserrat'; border-radius:5px; } .btn_all:hover{border: solid 1px #fff;} .videoCover .btn_all { max-width: 360px; margin: 0px auto; margin-top:60px; display: block;} .videoCover .title_2 a{color:#fff;} .videoCover_1 .btn_all span{position:relative; padding-left:40px;} .videoCover_1 .btn_all span:before{content:""; position:absolute; left:0px; top:1px; width:28px; height:28px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_calendar.png) no-repeat 0% 0%; background-size:100%;} .videoCover .btn_wrap_2{text-align:center; margin-top:40px; display:flex; justify-content: space-evenly; margin-left:-5px; margin-right:-5px; padding-left:15px; padding-right:15px;} .videoCover .btn_wrap_2 .btn_all{display:inline-block; margin:0px 5px; margin-bottom:12px; max-width: 100%;} .videoCover .wrap{padding-left:0px; padding-right:0px;} .videoCover header{padding-left:15px; padding-right:15px;} .videoCover_2 {position:relative; overflow:hidden; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/plug_bg_top.jpg) no-repeat 50% 0%; background-size: cover; margin-top:-5px;} .videoCover_2 video, div.videoCover_2 { width: 100%!important; height: auto!important; min-height: 550px; display:block; background:#07070a;} .videoCover_2 .bg_video{position:absolute; width:100%; height:50%; background:#000; opacity:1; display:block; background: #07070A; background: linear-gradient(180deg,rgba(7, 7, 10, 1) 19%, rgba(255, 255, 255, 0) 100%);} .videoCover_2 header{ position:absolute; top:50px; left:0px; right:0px; margin:0px auto;} .videoCover_2 .title { font-size: 72px; color: #fff; font-weight: 300; line-height: 1.3; max-width: 100%; text-align: center; width: 100%; position: relative; z-index: 4;} .videoCover_2 .title span{ padding-left:65px; display:inline-block; position:relative;} .videoCover_2 .title span:before{content:""; position:absolute; left:0px; top:9px; width:29px; height:67px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_fish.png) no-repeat 0% 0%; background-size:100%;} .videoCover_2 .title_2 { font-size: 34px; color: #e6e6e6; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .videoCover_2 .btn_all { max-width: 280px; margin: 0px auto; margin-top:80px; display: block;} .videoCover_3 {position:relative; overflow:hidden; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_video_rolik.jpg) no-repeat 50% 100%; background-size: cover; margin-top:-5px;} .videoCover_3 video, div.videoCover_3 { width: 100%!important; height: auto!important; min-height: 750px; display:block;} .videoCover_3 .bg_video{position:absolute; width:100%; height:50%; background:#000; opacity:1; display:block; background: #07070A; background: linear-gradient(180deg,rgba(7, 7, 10, 1) 19%, rgba(255, 255, 255, 0) 100%);} .videoCover_3 header{ position:absolute; top:50px; left:0px; right:0px; margin:0px auto;} .videoCover_3 .title { font-size: 72px; color: #07070a; font-weight: 300; line-height: 1.3; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; position: relative; z-index: 4;} .videoCover_3 .title_2 { font-size: 34px; color: #07070a; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .videoCover_3 .indicator-arrow { position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 65px; width: 100%; z-index: 6; text-align:center; font-size:27px; color:#07070a;} .videoCover_3 .indicator-arrow span{display: inline-block; border-bottom:solid 1px #07070a8a; line-height:1.25; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .videoCover_3 .indicator-arrow:hover span{ border-bottom:solid 1px transparent;} .videoCover_3 .play_vid_ti { width:100%; max-width: 420px; text-align:center; height:30px; display: inline-block; margin: auto; position: absolute; left: 0px; right: 0px; top: 160px; bottom: 0px; z-index: 11; font-size:20px;} .videoCover_3 .play_vid_ti a{display:inline-block; color:#07070a; position:relative; } .videoCover_3 .play_vid_ti span{border-bottom:solid 1px #07070a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .videoCover_3 .play_vid_ti a:hover span{border-bottom:solid 1px transparent;} .videoCover_3 .btn_all { max-width: 280px; margin: 0px auto; margin-top:80px; display: block;} .videoCover_3 .btn_play_circle{width:120px; height:120px; display:inline-block; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:11; } .videoCover_3 .btn_play_circle:hover{cursor:pointer; opacity:0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .videoCover_3 .container img.play-button{width: 100%;height: auto;height: 54vw;max-height: 720px; display:none;} .videoCover_3 .container img.play-button, .videoCover_3 .container video {width: 100%;height: auto;object-fit: cover;object-position: center;} #vid{ position: relative; z-index: 10; object-fit: contain; height: 100% !important; background: #000;} .videoCover_3 .btn_wrap {margin-top:120px;} .videoCover_3 .btn_all { border:none; color: #07070a; max-width:500px; text-align:left; padding-left:10px; padding-right:10px; /* background: #ffffff42; */ } .videoCover_3 .btn_arrow span{display:block; width:100%; max-width:340px; font-weight: 300; margin:0px auto; line-height:1.2; text-align:center; padding-right:0px;} .videoCover_3 .btn_arrow span:before { content: ""; position: absolute; right: 0px; left:0px; top: -75px; margin:0px auto; width:60px; height:60px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/icon_play.png) no-repeat 0% 0%; background-size: 100%; opacity:0.8; } .videoCover_3 .btn_all:hover{opacity:0.7;} .videoCover_4 .bg_video{position:absolute; width:100%; height:50%; opacity:1; display:block; background: #FFFFFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 100%);} .videoCover_4 header{ top:80px; } .videoCover_4 .title { font-size: 58px; color: #07070a; font-weight: 300; line-height: 1.3; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; position: relative; z-index: 4;} .videoCover_4 .title_2 { font-size: 34px; color: #07070a; font-weight: 300; line-height: 1.3; margin: 0px auto; text-align: center; max-width: 100%; width: 100%; position: relative; z-index: 4; margin-top: 15px;} .videoCover_4 .btn_all { border: solid 1px #07070a; color:#07070a; /* background: #ffffff42; */ } .videoCover_4 .btn_arrow span{font-weight:500;} .videoCover_4 .btn_arrow span:before { content: ""; position: absolute; right: 0px; top: -2px; width: 32px; height: 30px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_vk.svg) no-repeat 0% 0%; background-size: 100%;} .videoCover_4 .btn_all:hover{opacity:0.7;} .btn_arrow span{position:relative; padding-right:55px; font-weight:300;} .btn_arrow span:before{content:""; position:absolute; right:0px; top:8px; width:41px; height:13px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_arrow.png) no-repeat 0% 0%; background-size:100%;} .videoCover_6 header{padding-top:50px;} .videoCover_6 {position:relative; overflow:hidden; background:#000; } .videoCover_6_2 { background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/camp_bg.jpg) no-repeat 50% 50%; background-size:cover; max-height:800px; } .videoCover_6_2 .btn_arrow span:before { content: ""; position: absolute; right: 0px; top: -3px; margin:0px auto; width:30px; height:30px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/icon_phone_circle.svg) no-repeat 0% 0%; background-size: 100%; opacity:0.8; } .videoCover_6_3{background:#07070a; } .videoCover_6_3 video, div.videoCover_6_3 { min-height: 450px !important; max-height: 520px !important; } .videoCover_6_3 .btn_arrow span { text-align: left; display: inline-block;} .videoCover_6_4 { background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_prichal.jpg) no-repeat 50% 50%; background-size:cover; max-height:1200px; } .videoCover_6_4 header{padding-top:0px;} .videoCover_6_4 .wave { margin: 25px auto 25px auto; display: block; width: 100%; max-width: 85px;} .videoCover_5 {position:relative; overflow:hidden; background:#000; } .videoCover_5 .btn_all span:before { content: ""; position: absolute; left: 0px; top: 5px; width: 18px; height: 18px;} .videoCover_5 .btn_all_1 span:before{ background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_fish.png) no-repeat 0% 0%; background-size: 100%; width: 11px; height: 22px; left: 5px;} .videoCover_5 .btn_all_2 span:before{ background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_sun_w.png) no-repeat 0% 0%; background-size: 100%;} .videoCover_5 .btn_all_3 span:before{ background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_snow_w.png) no-repeat 0% 0%; background-size: 100%;} .videoCover_8{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_place.jpg) no-repeat 50% 100%; } .videoCover_8 header{ top:0px; bottom:0px; margin:auto; height: min-content; padding-top:50px;} .videoCover_invis_btn{display:none !important; background:#07070A; padding:0px 0px; min-height:auto; max-height:auto;} .videoCover_invis_btn video, div.videoCover_invis_btn { min-height: auto !important;; max-height: auto !important;; } .videoCover_invis_btn .btn_wrap_2{margin-top:0px;} .lp_booking_small{background:#07070a; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; } .lp_booking_small .bnovo__fields{padding:0px !important;} .lp_scheme{background:#d2c8c0; padding-top:100px;} .lp_scheme .map_brown{display:block; width:100%;} .lp_scheme .logo_second{margin:0px auto; display:block; width:100%; max-width:450px;} .lp_scheme .wave{margin:0px auto; display:block; width:100%; max-width:124px; margin-top:30px;} .lp_scheme .title { font-size: 45px; color: #776b5f; font-weight: 200; line-height: 1.2; max-width: 100%; margin: 0px auto; text-align: center; width: 100%; margin-top:25px; } .lp_scheme_2{padding-top:40px; padding-bottom:80px; background:#d0c7c0;} .lp_scheme_2 .map_brown{max-width:1400px; margin:0px auto; margin-top:30px; padding-left:10%; padding-right:10%; padding-top:10px; pointer-events:none; border: solid 1px #766a5eba; padding: 15px; border-radius: 5px;} .lp_about{ padding-top:100px; padding-bottom:100px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_about.webp) no-repeat 50% 50%; background-size: cover; min-height:980px;} .lp_about .logo_second{ width:100%; max-width:550px; display:block;} .lp_about .wave{ width:100%; max-width:124px; display:block; margin-top:45px;} .lp_about .title{font-size:34px; font-weight:300; width:100%; max-width:700px; margin-top:40px; color:#fff; line-height:1.25;} .lp_about .btn_wrap{margin-top:60px; width:100%; max-width:280px;} .lp_about .title_pr{font-size:58px; font-weight:300; width:100%; max-width:1200px; margin-top:20px; color:#fff; line-height:1.25;} .lp_about_restaurant{ padding-top:150px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_rest.webp) no-repeat 50% 50%; background-size: cover; } .lp_about_restaurant .logo_second{ max-width:440px;} .lp_about_restaurant .title{ max-width:800px; } .lp_about .title_2{ font-size: 28px; font-weight:300; width:100%; margin-top:40px; color:#fff; line-height:1.25;} .lp_rest_3{ padding-top:60px; padding-bottom:80px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_rest_3.jpg) no-repeat 50% 50%; min-height:700px; background-size: cover; position:relative;} .lp_rest_3 .logo_second{ max-width:440px;} .lp_rest_3 .title{ max-width:800px; } .lp_rest_3:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; background-size:100%; opacity:0.4;} .lp_rest_4{ padding-top:60px; padding-bottom:80px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_winter.jpg) no-repeat 50% 50%; min-height:700px; background-size: cover; position:relative; color:#000 !important;} .lp_rest_4:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; background-size:100%; opacity:0.4;} .lp_rest_5{ padding-top:60px; padding-bottom:80px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_pravila.jpg) no-repeat 50% 50%; min-height:700px; background-size: cover; position:relative; color:#fff !important; line-height:1.3;} .lp_rest_5:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; background-size:100%; opacity:0.5;} .lp_rest_5 .booking_text p, .lp_rest_5 .booking_text ul, .lp_rest_5 .booking_text ol{font-weight:200; font-size:18px;} .lp_rest_5 ol li::marker, .lp_rest_5 ul li::marker { color: #fff; } .lp_rest_5 a{color:#fff; margin:0px 20px;} .lp_rest_5 strong{font-weight:500;} .lp_rest_5_n a{color:#fff; display: inline-block; margin:0px;} .lp_rest_5_n strong{font-weight:500;} .lp_rest_5_n h3{font-size:22px;} .lp_rest_5 .booking_text .block_text{border: solid 1px #ffffff45; padding: 20px; border-radius: 5px; margin-bottom:25px; margin-top:10px;} .lp_food .img_food{float:left; width:25%;} .lp1{ position: relative; padding: 100px 0px 50px 0px; margin-top: 0px; background:#07070a;} .lp1 .wrap_all{ padding:50px 15px 90px 15px; margin: 0 auto; max-width:1800px; width:100%; position:relative; background:#fafafa; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .lp1 .wrap_all.active{background:#ccc;} .lp1 .lp-container{margin-top:0px; position:relative; padding:0px; display:table; width:100%;} .lp1 .lp-container_ins{ overflow:hidden; padding:70px 50px 40px 50px; position:relative; z-index:3; } .lp1 .lp-container_ins .bg_quiz{position:absolute; bottom:40px; right:60px; z-index:1; width:100%; max-width:200px;} .lp1 .lp-container_block{display:table-cell; width:67%; vertical-align:top; } .lp1 .lp-container_right{display:table-cell; width:33%; vertical-align:top; padding:70px 50px 140px 50px; position:relative; border-right: solid 1px #c8d4e8;} .lp1 .lp-container_right .free_quiz{position:absolute; bottom:70px; left:0px; padding:0px 60px 0px 60px; font-size:14px; font-weight:300; line-height:1.25; color:#8ca6ce;} .lp1 .lp-container_right .free_cons{ font-size:14px; font-weight:300; position:relative; line-height:1.45;} .lp1 .lp-container_right .free_cons b{font-weight:500;} .lp1 .lp-container_right .free_cons_2{ font-size:14px; font-weight:300; position:relative; padding-left:42px; line-height:1.45; margin-top:40px;} .lp1 .lp-container_right .free_cons_2:after{content:""; position:absolute; left:-4px; top:0px; width:33px; height:29px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_cloud_text.png) no-repeat 0% 0%; background-size:100%; z-index:3; } .lp1 .lp-container_right .column_right{margin-top:42px;} .lp1 .block_case .lp-container_block{display:table-cell; width:50%; vertical-align:top; } .lp1 .block_case .lp-container_right{display:table-cell; width:50%; vertical-align:top; } .lp1 .title{font-size:58px; font-weight:300; color:#fff; text-align:center; margin-bottom:50px; } .lp1 .title b{font-weight:500;} .lp1 .title_2{font-size:18px; font-weight:300; color:#fff; text-align:center; max-width:890px; margin:0px auto; line-height:1.6; text-transform:uppercase} .lp1 .title span{color:#ff7b00;} @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 .form_all{position:relative; z-index:4;} .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:22px; font-weight:400; margin-top:60px; color:#000;} .lp1 .radio_but{ margin-bottom:5px; font-size: 18px; text-align:left;} .lp1 .radio_but label{cursor:pointer;} .lp1 .form_insite{border:solid 6px #ccc;} .lp1 textarea.form-text-quest{resize:none; background:#fff; border:solid 1px #d9d9d9; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; min-height:127px;} .lp1 .column{display:inline-block; width:49%; vertical-align:top; padding-right:20px;} .lp1 .column_last{padding-right:0px;} .lp1 .step_line .step{font-size:18px; font-weight: 400; width:100%; max-width:150px; color:#94acd1; position:absolute; bottom:78px; left:50px;} .lp1 .line_progress_right{float:left; width:100%; padding-top:2px; padding-left:0px;} .lp1 .step_line .line_progress{background:#f2f5fa; height:14px; width:100%;} .lp1 .line{text-align:left; max-width: 890px; min-height: 190px; width: 100%; margin: 0px auto;} .lp1 .step_line .line_progress .yellow_line{background:#4a75b6; height:14px; position:relative; overflow:hidden;} .lp1 .step_line .line_progress .yellow_line:after { content: ""; display: block; width: 135px; height: 53px; background: #fff; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/blick.png) no-repeat 50% 50%; background-size: 100%; position: absolute; left: -40px; top: -20px; opacity: 1; z-index: 1; -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0.025s; animation-delay: 0.025s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} @-webkit-keyframes slideme { 0% { left: -70%; margin-left: 0px; } 30% { left: 110%; } 100% { left: 110%; } } .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:55%;} .lp1 .kviz_form_4 .step_line .line_progress .yellow_line {width:70%;} .lp1 .kviz_form_5 .step_line .line_progress .yellow_line {width:85%;} .lp1 .kviz_form_6 .step_line .line_progress .yellow_line {width:100%;} .lp1 .form_all .btn_gold{max-width:226px; width:100%; display: inline-block; vertical-align:top; border-bottom:none; padding: 19px 15px 19px 15px; font-size: 16px; font-weight: 400; box-shadow:none; color:#37291b; border-radius: 42px; -moz-border-radius:42px; -webkit-border-radius:42px;} .lp1 .btn_wrap{ margin:0px auto; margin-top:20px; display:block; width:100%; max-width:500px; float: right; text-align: right;} .lp1 .btn_wrap .btn_blue{max-width:226px; width:100%; display: inline-block; vertical-align:top; padding: 19px 15px 19px 15px; line-height: 1.2; font-size: 16px; font-weight: 300; box-shadow:none; height: auto;} .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; text-transform:uppercase; font-size:14px; padding-right:10px;} .lp1 .btn_wrap .btn_next span:before{content:""; position:absolute; right:-12px; top:50%; margin-top:-7px; border: 6px solid transparent; border-left:6px solid #4a75b6; opacity:0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp1 .btn_wrap .btn_next:hover span:before{ right:-14px;} .lp1 .btn_wrap .btn_prev{opacity:0.7; border:solid 1px #acbad0; background:#fff;} .lp1 .btn_wrap .btn_prev span{position:relative; text-transform:uppercase; padding-left:10px; font-size:14px;} .lp1 .btn_wrap .btn_prev span:before{content:""; position:absolute; right:auto; left:-12px; top:50%; margin-top:-7px; border: 6px solid transparent; border-right: 6px solid #4a75b6; opacity:0.4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp1 .btn_wrap .btn_prev:hover span:before{ left:-14px;} .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: 16px;width:100%; margin-top:20px; margin-bottom:20px; line-height:1.3; color:#484545; font-weight:300; display:none;} .lp_cases .lp-container_right{border-left:none; padding-top:50px; border-right:none;} .lp_cases .lp-container_ins{padding-left:0px; padding-top:50px; padding-bottom:50px;} .lp_cases ul.free_cons{list-style:none; } .lp_cases ul.free_cons li{position:relative; padding-left:0px; padding-bottom:10px;} .lp_cases .lp-container_right .results{margin-top:10px; font-size:14px;} .lp_cases .lp-container_right .free_quiz {bottom: 55px;} .lp_cases .ico_case{width:100%; max-width:50px; } .lp_cases .slider .slick-prev, .lp_cases .slider .slick-next { top: auto; bottom:30px; margin-top:0px; display: block; width: 41px; height: 37px; padding: 0; cursor: pointer; background: rgba(90,128,185, 0.1); display: inline-block; box-shadow:none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -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: solid 1px #94acd1;} .lp_cases .slick-prev { left: 45px;} .lp_cases .slick-next { right: 45px;} .lp_cases .btns{margin-top:0px; width:100%; display:flex;} .lp_cases .btns .btn_case{float:left; position: relative; display:table; width:100%; padding: 20px 15px 15px 15px; color: #fff; border: solid 1px #ffffff47; letter-spacing: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 400; line-height: 1.25; font-size: 18px; text-align: center; opacity: 1; font-family: 'Montserrat'; opacity:0.65;} .lp_cases .btns .btn_case_torg{margin-right:0px;} .lp_cases .btns .btn_case.active{opacity:1; background:#fff; color:#07070a;} .lp_cases .btns .btn_case:hover{opacity:1;} .lp_cases .btn_case div{display:table-cell; vertical-align:middle; width:100%; height: 40px; } .lp_cases .btn_case div span{position:relative; padding-left:30px;} .lp_cases .btn_case_transport{border-radius: 5px 0px 0px 5px;} .lp_cases .btn_case_transport div span:before{content:""; position:absolute; left:0px; top:0px; width:22px; height:23px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_sun_w.png) no-repeat 0% 0%; background-size:100%;} .lp_cases .btn_case_transport.active div span:before{content:""; position:absolute; left:0px; top:0px; width:22px; height:23px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_sun_bl.png) no-repeat 0% 0%; background-size:100%;} .lp_cases .btn_case_expeditor div span:before{content:""; position:absolute; left:0px; top:2px; width:18px; height:18px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_snow_w.png) no-repeat 0% 0%; background-size:100%;} .lp_cases .btn_case_expeditor.active div span:before{content:""; position:absolute; left:0px; top:2px; width:18px; height:18px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_snow_bl.png) no-repeat 0% 0%; background-size:100%; opacity:0.8;} .lp_cases .btn_case_torg{border-radius: 0px 5px 5px 0px;} .lp_cases .btn_case_torg div span:before{content:""; position:absolute; left:3px; top:0px; width:16px; height:22px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_hook_w.png) no-repeat 0% 0%; background-size:100%;} .lp_cases .btn_case_torg.active div span:before{content:""; position:absolute; left:3px; top:0px; width:16px; height:22px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_hook_bl.png) no-repeat 0% 0%; background-size:100%; opacity:0.9;} .lp_cases .slide_transport{} .lp_cases .slide_expeditor{display:none;} .lp_cases .slide_torg{display:none;} .lp_cases .slide_ch{display:none;} .lp_cases .slide_transport .lp-container_right{ padding-bottom:50px; } .lp_cases .slide_expeditor .lp-container_right{ padding-bottom:50px; } .lp_cases .slide_torg .lp-container_right{ padding-bottom:50px; } .lp_cases .steps{margin-top:30px; } .lp_cases .steps .steps_block{display:flex; flex-direction:row; flex-wrap: wrap;} .lp_cases .steps .step{width:24.55%; float:left; margin-right:0.6%; padding:0px; position:relative; text-align:center; margin-bottom:0px; margin-bottom:30px; /* border: solid 1px #ffffff47;border-radius: 5px; */ } .lp_cases .steps .step:hover{opacity:0.75;} .lp_cases .steps .step_last{margin-right:0px;} .lp_cases .steps .step .step_tbl { display: table; width: 100%; position: absolute; /* margin-top: -30px; */ z-index: 11; bottom: -15px; } .lp_cases .steps .step .step_tbl div{display:table-cell; width:100%; height:50px; padding:5px 5px; vertical-align:middle; font-weight:300; font-size:18px; line-height:1.2; color:#fff; } .lp_cases .steps .step:nth-child(4n+4){margin-right:0px;} .lp_cases .steps .step img{width:100%; pointer-events:none;} .lp_cases .steps .step:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 130px; z-index: 10; background: #07070A; background: linear-gradient(0deg, rgba(7, 7, 10, 1) 5%, rgba(255, 255, 255, 0) 100%); } .lp_cases_prices{ padding-top:0px; background: #07070a; background-size: 100%;} .lp_cases_prices .btn_case_torg { border-radius: 0px 0px 0px 0px;} .lp_cases_prices .btn_case_ch { border-radius: 0px 5px 5px 0px;} .lp_cases_prices .container_tbls{} .lp_cases_prices .lp-container{display:block;} .lp_cases_prices .title_2{margin-bottom:40px; font-size:34px;} .lp_cases_prices .title_3{margin-bottom:60px; font-size:22px; text-align:center; color:#fff; font-weight:200; line-height:1.2;} .lp_cases_prices .slider-price{position:relative; z-index:1;} .lp_cases_prices .slider-price img{width:100%; display:block;} .lp_cases_prices .wrap{position:relative; z-index:3; padding-top:250px;} .lp_cases_prices .wrap_top{ width: 100%; padding:0px 0px; margin: 0 auto; position:absolute; z-index:1;} .lp_cases_prices .btn_case_transport div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_3.png) no-repeat 0% 0%; background-size: 100%;width: 25px; height: 25px; } .lp_cases_prices .btn_case_transport.active div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_3_bl.png) no-repeat 0% 0%; background-size: 100%;width: 25px; height: 25px; } .lp_cases_prices .btn_case_expeditor div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_4.png) no-repeat 0% 0%; background-size: 100%;width: 23px; height: 23px; } .lp_cases_prices .btn_case_expeditor.active div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_4_bl.png) no-repeat 0% 0%; background-size: 100%;width: 23px; height: 23px; } .lp_cases_prices .btn_case_torg div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_dop_service.svg) no-repeat 0% 0%; background-size: 100%;width: 21px; height: 21px; } .lp_cases_prices .btn_case_torg.active div span:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_dop_service_bl.svg) no-repeat 0% 0%; background-size: 100%;width: 21px; height: 21px; } .lp_cases_prices .btn_case_ch div span:before { content:""; position:absolute; left:3px; top:0px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_children.svg) no-repeat 0% 0%; background-size: 100%;width: 20px; height: 20px; } .lp_cases_prices .btn_case_ch.active div span:before { content:""; position:absolute; left:3px; top:0px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_children_bl.svg) no-repeat 0% 0%; background-size: 100%;width: 20px; height: 20px; } .lp_cases_prices .tbl_2 { border: none; border-collapse: collapse; margin-bottom: 15px; overflow: hidden; color: #fff; width:100%; text-align:left; border-radius: 10px 10px 0 0;} .lp_cases_prices .tbl_2 caption { color: #fff; padding: 35px 10px; font-weight: 300; text-align:center; line-height:1.25; font-size: 28px; font-weight: 200;} .lp_cases_prices .tbl_2 thead { color: #fff; font-weight: bold; background: #776b5f;} .lp_cases_prices .tbl_2 td, .tbl th { padding: 0.8em; text-align: left; font-size:17px; border: solid 1px #ffffff47; } .lp_cases_prices .tbl_2 td.price{ opacity: 0.7; font-weight: 200;} .lp_cases_prices .tbl_2 th { border: 1px solid var(--c-light-gray);} .lp_cases_prices .tbl_2 tr { border-bottom: 1px solid #ffffff47;} .lp_cases_prices .tbl_2 td.num, .tbl th.num {text-align: right;} .lp_cases_prices .tbl_2 thead tr td, .tbl thead tr th { background: transparent; /* border: 2px solid #ffffff47; */ font-weight: bold; background-color: #cccccc21;} .lp_cases_prices .tbl_2 > tbody > tr.strip, .lp_cases_prices .tbl_2 > tbody > tr:nth-of-type(2n) { background-color:#cccccc21; border-color: #ffffff47;} .lp_cases_prices .tbl_2-resp {display: inline-block; width: 100%; margin-top:50px;} .lp_cases_prices .tbl_2 strong{font-weight:400; font-size:18px; opacity:1; color:#000;} .lp_cases_prices .tbl_2 s.r { padding: 0 5px 0 3px; font-family: var(--f-icon); text-decoration: none; font-size: 16px;} .lp_cases_prices .tbl_2 strong.left{color:#fff; font-weight:300;} @media only screen and (max-width: 750px) { .lp_cases_prices .tbl_2-resp { display: block; width: 100%; overflow-x: auto; } .lp_cases_prices .tbl_2 td, .lp_cases_prices .tbl_2 th {font-size: 80%;} } /*** Страница цена ***/ .price_block .ui-tabs-panel { text-align: center;} .price_block .important { color: red; font-weight: bold;} @media (max-width: 1110px) { .price_block .nx-tabs ul li.ui-tabs-tab { width: calc(50% - 8px); font-size: 18px; } } @media (max-width: 860px) { .price_block .nx-tabs ul li.ui-tabs-tab { width: calc(100% - 10px); font-size: 18px; } .price_block s.r { font-size: 12px;} .price_block .tbl_2-price tbody tr td { text-align: center;} .price_block .tbl_2-price .price_desc { display: inline-block;} .price_block .tbl_2-price, .price_block .tbl_2-resp { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .price_block .tbl_2-price thead { display: none; } .price_block .tbl_2-price tbody tr { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .price_block .tbl_2 tbody, .price_block .tbl_2-price tbody tr td { width: 100%; } .price_block .tbl_2-price tbody .pr-weekdays:before { content: 'Цена в будние 2-х/1-о:'; width: 40px; color: #999; margin-right: 10px; } .price_block .tbl_2-price tbody .pr-weekends:before { content: 'Цена в выходные 2-х/1-о:'; width: 40px; color: #999; margin-right: 10px; } .price_block .tbl_2-price tbody .pr-additionally:before { content: 'Цена доп.места 2-х/1-о:'; width: 40px; color: #999; margin-right: 10px; } .price_block .tbl_2, .price_block .tbl_2 .table-name { width: 100%; } .price_block .tbl_2 tbody { width: 100%; text-align: center; } .price_block .tbl_2-resp { display: block; width: 100%; overflow-x: auto; } .price_block .tbl_2 td, .price_block .tbl_2 th { font-size: 80%; display: block; width: 100%; } .price_block .tbl_2-uslugi thead { display: none; } .price_block .tbl_2-uslugi .price:before { content: 'Цена:'; width: 40px; color: #999; margin-right: 10px; } } .lp_events{margin:0px auto;} .lp_events .lp_tabl{display:table; max-width:100%; width:100%; margin:0px auto;} .lp_events .lp_tabl .cell{display:table-cell; vertical-align:top; width:33%; max-width:426px; height:500px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .lp_events .lp_tabl .cell .cell_ins:before{content:''; opacity:0.55; position:absolute; top:0px; left:0px; background-color: #000; width:100%; height:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;} .lp_events .lp_tabl .cell:hover .cell_ins:before{ opacity:0.2;} .lp_events .cell_ins{ height:100%; width:100%; position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;} .lp_events .cell:nth-child(1) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_1.jpg)no-repeat 35% 50%; background-size:cover;} .lp_events .cell:nth-child(2) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_serv_6.jpg)no-repeat 80% 50%; background-size:cover;} .lp_events .cell:nth-child(3) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_5.jpg)no-repeat 90% 50%; background-size:cover;} .lp_events .lp_tabl .cell:nth-child(1):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_1.jpg) no-repeat 60% 50%; background-size:cover;} .lp_events .lp_tabl .cell:nth-child(2):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_serv_6.jpg) no-repeat 50% 50%; background-size:cover;} .lp_events .lp_tabl .cell:nth-child(3):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_5.jpg) no-repeat 40% 50%; background-size:cover;} .lp_events_2 .cell:nth-child(1) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_2.jpg)no-repeat 35% 50%; background-size:cover;} .lp_events_2 .cell:nth-child(2) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_3.jpg)no-repeat 80% 50%; background-size:cover;} .lp_events_2 .cell:nth-child(3) .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_4.jpg)no-repeat 90% 50%; background-size:cover;} .lp_events_2 .lp_tabl .cell:nth-child(1):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_2.jpg) no-repeat 60% 50%; background-size:cover;} .lp_events_2 .lp_tabl .cell:nth-child(2):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_3.jpg) no-repeat 50% 50%; background-size:cover;} .lp_events_2 .lp_tabl .cell:nth-child(3):hover .cell_ins{background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/img_event_4.jpg) no-repeat 40% 50%; background-size:cover;} .lp_events .lp_tabl .cell .text{text-align:center; color: #fff; position: absolute; margin:0px auto; bottom:110px; left:0px; right:0px; text-shadow: 0 0 2px rgba(0,0,0,.3); font-size: 18px; line-height: 1.22; padding:0px 15px;} .lp_events .title2{font-size: 34px; margin: 0px auto; position: absolute; left: 0px; right: 0px; margin: 0px auto; top: 95px; z-index: 3; width: 100%; line-height: 1.25; text-align: center; color: #ffffff; pointer-events: none;} .lp_events_2 .lp_tabl .cell{height:450px;} .lp3{ background:#07070a; display:block; position:relative;} .lp3 header{ position:absolute; top:150px; z-index:5; float:right; left: 50%; } .lp3 header .title{font-size:59px; color:#fff; padding-left: 40px;} .lp3 .img_slide{} .lp3 .slide_tbl{width:100%; display:table; height: 100%; } .lp3 .slide_cell{width:50%; display:table-cell; vertical-align:top; position:relative;} .lp3 .slide_cell_2{padding-top: 250px;} .lp3 .block_about{ border: solid 1px #ffffff47; background:#0000008c; padding:44px 38px 30px 38px; z-index:5; position:relative; color:#fff; line-height:1.2; border-radius: 5px;} .lp3 .block_about .tit{font-size:34px; font-weight:300;} .lp3 .block_about .desc{font-size:22px; font-weight:300; margin-top:10px; opacity:0.6;} .lp3 .block_about .desc span{white-space:nowrap;} .lp3 .proj_block{ margin-top:10px;} .lp3 .proj_block .left{float:left; width:50%; padding-right:15px; } .lp3 .proj_block .right{float:left; width:50%; } .lp3 .proj_block .desc{font-size:20px; font-weight:300; color:#fff; line-height:1.2; margin-bottom:8px; padding-right:10px; position:relative; padding-left:35px; opacity:0.6; } .lp3 .proj_block .desc:before {content: ""; position: absolute; left: 0px; top: 1px; width: 25px; height: 25px; } .lp3 .proj_block .desc_1:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_1.png) no-repeat 0% 0%; background-size: 100%; width: 22px; height: 22px; left: 2px;} .lp3 .proj_block .desc_2:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_2.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .proj_block .desc_3:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_3.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .proj_block .desc_4:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_4.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .block_about .icons{font-size:22px; font-weight:300; margin-top:20px; opacity:0.6;} .lp3 .block_about .icons .icon{margin-bottom:15px; display:inline-block; width:49%; padding-left:34px; padding-right:15px; position:relative;} .lp3 .block_about .icons .icon_bed:before { content: ""; position: absolute; left: 0px; top: 5px; width: 21px; height: 16px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_bed.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .block_about .icons .icon_divan{padding-left:45px;} .lp3 .block_about .icons .icon_divan:before { content: ""; position: absolute; left: 0px; top: 5px; width: 36px; height: 18px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_divan.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .block_about .icons .icon_tumba:before { content: ""; position: absolute; left: 0px; top: 5px; width: 20px; height: 18px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_tumba.png) no-repeat 0% 0%; background-size: 100%;} .lp3 .wrap_img_invis{display:none; position:relative;} .lp3 .wrap_img_invis img{width:100%; display:block;} .lp3 .wrap_img_invis:after { content: ""; position: absolute; left: 0px; bottom: 0%; height: 80px; width: 100%; margin-bottom: -1px; background: #07070A; background: linear-gradient(0deg, rgba(7, 7, 10, 1) 1%, rgba(255, 255, 255, 0) 100%); } .lp3 .watch { position: relative; width: 100%; text-align: center; margin-top:25px; } .lp3 .watch a { color: #776b5f; font-size: 18px; border: solid 1px #ffffff52; font-weight: 500; text-align: center; padding: 15px; display: inline-block; border-radius: 5px; width: 100%; } .lp3 .watch a:hover{border: solid 1px #fff;} /* .lp3 .watch{text-align:right; margin-top:30px;} .lp3 .watch a{color:#fff; font-size:18px; font-weight:300; padding-right:55px; position:relative; opacity:0.6;} .lp3 .watch a:hover{opacity:1;} .lp3 .watch a:before { content: ""; position: absolute; right: 0px; top: 5px; width: 41px; height: 13px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_arrow.png) no-repeat 0% 0%; background-size: 100%;} */ .lp3 .all_houses{ margin-top:50px; position:relative; z-index:5; text-align:center; } .lp3 .all_houses a{color:#fff; font-size:18px; font-weight:300; border-bottom:solid 1px #ffffff9c; opacity:0.8;} .lp3 .all_houses a:hover{border-bottom:solid 1px transparent;} .lp3 .block_imgs{ background:#0000008c; border: solid 1px #ffffff47; padding:30px 25px 30px 25px; z-index:5; position:absolute; bottom:55px; left:0px; width:100%; border-radius: 5px;} .lp3 .block_imgs a{display:inline-block; width:32.5%; padding-left:1px; padding-right:1px;} .lp3 .block_imgs a img { display: block; width:100%;} .lp3 .wrap{height: 100%;} .lp3 .block_arrows{ z-index:5; position:relative; margin:0px auto; margin-top:30px; background:#0000008c; border: solid 1px #ffffff47; padding:15px 15px 15px 15px; width:100%; max-width:230px; height:auto; border-radius: 5px;} .lp3 .block_arrows .sl_ar_btn{float:left; width:50%; position:relative; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp3 .block_arrows .sl_ar_btn_r{padding:10px;} .lp3 .block_arrows .sl_ar_btn_l{padding:10px;} .lp3 .block_arrows .sl_ar_btn_r img{ margin: 0px auto; width:100%; max-width:41px; display:block;} .lp3 .block_arrows .sl_ar_btn_l img{ margin: 0px auto; width:100%; max-width:41px; display:block; transform: rotate(180deg);} .lp3 .block_arrows .sl_ar_btn:hover{opacity:0.6;} .lp3 .slide_bg_1{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_1.jpg) no-repeat -150px 50%; background-size:cover; height:1000px;} .lp3 .slide_bg_2{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_3.jpg) no-repeat -150px 50%; background-size:cover; height:1000px;} .lp3 .slide_bg_3{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_3_1.jpg) no-repeat -150px 50%; background-size:cover; height:1000px;} .lp3 .slider-houses{position:relative; } /* .lp3 .slider-houses:after{content:""; position:absolute; right:149px; top:0px; width:50%; height:100%; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_hook_bl.png) no-repeat 0% 0%; background-size:100%; z-index: 4; background: #07070A; background: linear-gradient(270deg,rgba(7, 7, 10, 1) 19%, rgba(255, 255, 255, 0) 100%);} */ .lp3 .slide{position:relative;} .lp3 .slide:after{content:""; position:absolute; right:0px; top:0px; width:70%; height:100%; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_hook_bl.png) no-repeat 100% 0%; background-size:100%; z-index: 4; background: #07070A; background: linear-gradient(270deg,rgba(7, 7, 10, 1) 19%, rgba(255, 255, 255, 0) 100%);} .lp4{padding:80px 0px 160px 0px; background:#07070a; } .lp4 .title{font-size:59px; color:#fff; font-weight:300; line-height:1.2; text-align:center; letter-spacing:0.65px;} .lp4 .lp-container{ margin-top:50px; display:flex; width:100%; max-width:100%; position:relative; z-index:4;} .lp4 .cell{ width:100%; } .lp4 .cell_1{ display:block; width:50%; vertical-align:top; padding-right:16px;} .lp4 .cell_2{display:block; width:50%; vertical-align:top; padding-left:16px;} .lp4 .cell .slick-slide img { display: block; width:100%; height: 350px; object-fit: cover; object-position: 50% 70%;} .lp4 .cell img.img_slide{ width:100%; display:block; } .lp4 .cell_ins{ border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: solid 1px #ffffff47; overflow:hidden; height: 100%; position: relative; background: #ffffff08;} .lp4 .slider{width:100%; margin:0px auto; margin-top:0px; } .lp4 .slider .slide{width:100%; position:relative; 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: none !important; width: 40px; height: 40px; padding: 0; cursor: pointer; background: #776b5f; 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:-4px; font-family: auto; font-size: 0px; line-height: 1; opacity: 1; width: 25px; height: 9px; } .lp4 .slider .slick-prev:before { content: ''; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_arrow.png) no-repeat 50% 50%; background-size:100%; transform: rotate(180deg);} .lp4 .slider .slick-next:before { content: ''; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_arrow.png) no-repeat 50% 50%; background-size:100%; right:-2px;} .lp4 .slick-prev { left: 11px;} .lp4 .slick-next { right: 11px;} .slider .slick-dots{ bottom: 20px;} .slider .slick-dots li{margin: 0 5px;} .slider .slick-dots li button { width: 12px; height: 12px; padding: 3px; border:solid 1px transparent; background: #776b5f; border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; opacity:0.95;} .slider .slick-dots li button:hover{border:solid 1px #fff;} .slider .slick-dots li button:before { font-family:auto; content: ''; display:none;} .slider .slick-dots li.slick-active button{ background:#fff; opacity:1; } .lp4 .form_top .btn_green{padding:18px 15px 17px 15px;} .lp4 .bg_lp2{position:absolute; z-index:-1; bottom:0px; right:-400px;} .lp4 .img_leav_blur{position:absolute; z-index:1; top:-350px; right:-470px;} .lp4 .bot_block{padding:25px 35px 85px 35px; } .lp4 .lp-container_2 .bot_block{ position:relative;} .lp4 .proj_tit{font-size:24px; font-weight: 400; color: #fff; margin-bottom:8px;} .lp4 .proj_tit b {font-weight:500;} .lp4 .proj_span{font-size:17px; font-weight:300; opacity:0.6; color:#fff; margin-bottom:15px; line-height:1.2; } .lp4 .proj_block{margin-bottom:15px; margin-top:15px;} .lp4 .proj_block .left{float:left; width:50%; padding-right:15px; } .lp4 .proj_block .right{float:left; width:50%; } .lp4 .proj_block .desc{font-size:17px; font-weight:300; color:#fff; line-height:1.2; margin-bottom:8px; padding-right:10px; position:relative; padding-left:35px; opacity:0.6; } .lp4 .proj_block .desc:before {content: ""; position: absolute; left: 0px; top: -2px; width: 25px; height: 25px; } .lp4 .proj_block .desc_1:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_1.png) no-repeat 0% 0%; background-size: 100%; width: 22px; height: 22px; left: 2px;} .lp4 .proj_block .desc_2:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_2.png) no-repeat 0% 0%; background-size: 100%;} .lp4 .proj_block .desc_3:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_3.png) no-repeat 0% 0%; background-size: 100%;} .lp4 .proj_block .desc_4:before { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_h_4.png) no-repeat 0% 0%; background-size: 100%;} .lp4 .watch { position: relative; /* border: solid 1px #fff; */ width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 35px;} .lp4 .lp-container_2 .watch {position: relative; /* border: solid 1px #fff; */ width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 35px 35px 35px 55px; } .lp4 .watch a { color: #776b5f; font-size: 18px; border: solid 1px #ffffff52; font-weight: 500; text-align: center; padding: 15px; display: inline-block; border-radius: 5px; width: 100%;} .lp4 .watch a:hover{ border: solid 1px #fff;} /* .lp4 .watch a:before { content: ""; position: absolute; right: 0px; top: 5px; width: 41px; height: 13px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_arrow_br.png) no-repeat 0% 0%; background-size: 100%;} */ .lp4 .btn_all span{ color: #776b5f; font-weight:500; padding-right:0px;} .lp4 .block_arrows{ max-width: 120px; position:absolute; z-index:5; margin:0px auto; left:0px; right:0px; margin-top:-120px; margin-bottom:50px; border: solid 1px #ffffff47; padding:15px 15px 15px 15px; width:100%; max-width:230px; height:auto; border-radius: 5px; background: #0000008c;} .lp4 .cell_slidder .block_arrows{ margin-top:-90px;} .lp4 .block_arrows .sl_ar_btn{float:left; width:50%; position:relative; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp4 .block_arrows .sl_ar_btn_r{padding:10px;} .lp4 .block_arrows .sl_ar_btn_l{padding:10px;} .lp4 .block_arrows .sl_ar_btn_r img{ margin: 0px auto; width:100%; max-width:41px; display:block;} .lp4 .block_arrows .sl_ar_btn_l img{ margin: 0px auto; width:100%; max-width:41px; display:block; transform: rotate(180deg);} .lp4 .block_arrows .sl_ar_btn:hover{opacity:0.6;} .lp4 .lp-container_2{margin-top:37px; position:relative;} .lp4 .lp-container_3{margin-top:37px;} .lp4 .lp-container_2 .cell_slidder{display:block; width:50%; vertical-align:top; padding-right:0px; float:left; position:relative;} .lp4 .lp-container_2 .bot_block{display:block; width:50%; vertical-align:top; padding-right:16px; float:left;} .lp4 .lp-container_2 .slider .slick-dots{ bottom:20px;} .lp4 .lp-container_2 .slick-dotted.slick-slider { margin-bottom: 0px;} .lp4 .lp-container_2 .slider .slide { width: 50%; } .lp4 .lp-container_2 .bot_block{padding:60px 35px 30px 50px; vertical-align:middle;} .lp4 .lp-container_2 .cell_1 { padding-right: 0px;} .lp4 .lp-container_2 .proj_block{margin-bottom:20px;} .lp4 .lp-container_2 .cell_ins{ border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:flex; width:100%;} .lp4 .wrap_btn{max-width: 456px; margin: 0px auto; margin-top:135px; position:relative;} .lp4 .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;} .lp4 .btn_wrap{ margin-top:60px;} .lp5{padding:100px 0px 100px 0px; background:#07070a; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_rev.webp) no-repeat 50% 50%; background-size:cover;} .lp5 .title{font-size:58px; font-weight:300; color:#fff; text-align:center; margin-bottom:30px; } .lp5 .title_2{font-size:38px; font-weight:300; color:#fff; text-align:center; } .lp5 .slider{margin:0px -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:50px;} .lp5 .tit_form{max-width:570px; font-size:20px;} .lp5 .tit_form p{margin-bottom:20px;} .lp5 .slide_ins{border: solid 1px #ffffff47; background: #0000008c; padding: 44px 38px 30px 38px; z-index: 5; position: relative; color: #fff; line-height: 1.2; border-radius: 5px;} .lp5 .block_arrows{ z-index:5; position:relative; margin:0px auto; margin-top:30px; border: solid 1px #ffffff47; padding:15px 15px 15px 15px; width:100%; max-width:230px; height:auto; border-radius: 5px;} .lp5 .block_arrows .sl_ar_btn{float:left; width:50%; position:relative; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp5 .block_arrows .sl_ar_btn_r{padding:10px;} .lp5 .block_arrows .sl_ar_btn_l{padding:10px;} .lp5 .block_arrows .sl_ar_btn_r img{ margin: 0px auto; width:100%; max-width:41px; display:block;} .lp5 .block_arrows .sl_ar_btn_l img{ margin: 0px auto; width:100%; max-width:41px; display:block; transform: rotate(180deg);} .lp5 .block_arrows .sl_ar_btn:hover{opacity:0.6;} .lp5 .slick-prev, .lp5 .slick-next{display:none !important;} .lp5 .name_tit{font-size:28px; color:#fff; font-weight:300;} .lp5 .date_tit{font-size:22px; color:#fff; margin-top:10px; opacity:0.7;} .lp5 .text_tit{font-size:17px; color:#fff; margin-top:20px; font-weight:300;} .lp5 .text_tit p{padding-bottom:8px; opacity:0.7; font-weight:300; line-height:1.2;} .lp5 .play_vid_ti { position: relative; margin-top:80px; z-index: 6; text-align: center; font-size: 20px; color: #fff; display:block;} .lp5 .play_vid_ti a{display:inline-block; color:#fff; position:relative; padding-left:46px;} .lp5 .play_vid_ti a:before { content: ""; position: absolute; left: 0px; top: -5px; width: 35px; height: 35px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_yandex.jpg) no-repeat 50% 50%; background-size: 100%; border-radius:100%;} .lp5 .play_vid_ti span{border-bottom:solid 1px #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;} .lp5 .play_vid_ti a:hover span{border-bottom:solid 1px transparent;} .lp5_r{padding:120px 0px 120px 0px; background:#07070a;} .lp5_r .title{font-size:58px; font-weight:300; color:#fff; text-align:center; margin-bottom:30px; } .lp5_r .title_2{font-size:38px; font-weight:300; color:#fff; text-align:center; line-height:1.2;} .lp5_r .lp-container{margin-top:50px;} .lp5_r .slider{} .lp5_r .slide{} .lp5_r .slide a{margin-bottom:6px; display:inline-block;} .lp5_r .slide img{width:100%; } .lp5_r .btn_wrap{ margin:0px auto; margin-top:30px; width:100%; max-width:100%;} .lp5_r .slide_obj_fit a{margin-bottom:6px; display:block;} .lp5_r .slide_obj_fit img{width:100%; width: 100%; object-fit: cover; object-position: 50% 50%; height: 300px; } .lp5_r .block_arrows .sl_ar_btn{float:left; width:auto; position:relative; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp5_r .block_arrows .sl_ar_btn_r{padding:10px 0px 10px 10px; float:right; } .lp5_r .block_arrows .sl_ar_btn_l{padding:10px 10px 10px 0px;} .lp5_r .block_arrows .sl_ar_btn_r img{ margin: 0px auto; width:100%; max-width:41px; display:block;} .lp5_r .block_arrows .sl_ar_btn_l img{ margin: 0px auto; width:100%; max-width:41px; display:block;transform: rotate(180deg);} .lp5_r .block_arrows .sl_ar_btn:hover{opacity:0.6;} .lp5_r .slick-prev { left: 0px;} .lp5_r .slick-next { right: 0px;} .lp5_r .bg_lp5{position:absolute; bottom:-150px; right:-370px;} .lp5_r .slick-prev, .lp5_r .slick-next{display:none !important;} .lp5_r .wave{ margin:40px auto 40px auto; display:block; width:100%; max-width:85px;} .lp5_grafik .title_2{font-size:35px; max-width:1200px; margin:0px auto; font-weight:200; } .lp5_grafik .title_3{font-size:28px; font-weight:200; opacity:0.6; color:#fff; text-align:center; line-height:1.2;} .lp5_r .title_3{font-size:28px; font-weight:200; opacity:0.6; color:#fff; text-align:center; } .lp5_r .title_3_2{padding:20px; border:solid 1px #ffffff47; margin-top:40px;} .lp5_r .block_arrows{max-width: 120px; margin: 0px auto; margin-top:0px;} .lp5_r .slider{margin:0px;} .lp5_r .slide { padding-left:3px; padding-right:3px;} .lp5_r .lp-cont{ } .lp5_r .btn_all{font-weight:400;} .lp5_grafik .time{ border: solid 1px #ffffff47; font-size:35px; padding:30px; text-align:center; color:#fff; font-weight:200; margin-top:65px;} .lp5_grafik .time_2{margin-top:30px;} .lp5_grafik .time_2 .step{float:left; width:33.3%; text-align:center; color:#fff; font-weight:200;} .lp5_grafik .time_2 .step div:nth-child(1){font-size:30px;} .lp5_grafik .time_2 .step div:nth-child(2){font-size:40px; margin-top:5px;} .lp5_r_2{padding-top:0px;} .lp5_r_2 .lp-container { } .lp5_r_3{padding-top:40px;} .lp5_r_4{padding-top:60px; padding-bottom:0px;} .lp5_r_4 .container{margin-bottom:60px; padding-bottom:50px; /*border-bottom:solid 1px #ffffff47;*/ } .lp5_r_4 .container_last{border-bottom:none; padding-bottom:0px; margin-bottom:0px; } .lp5_r_4 .lp-cont{margin-top:20px;} .lp5_r_4 .title_3_3{padding:20px; border:solid 1px #ffffff47; margin-top:20px; font-size: 18px; line-height: 1.25; font-weight: 200; opacity: 0.6; color: #fff;} .lp5_r_4 .block_arrows .sl_ar_btn{float:left; width:auto; position:relative; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .lp5_r_4 .block_arrows .sl_ar_btn_r_2{padding:10px 0px 10px 10px; float:right; } .lp5_r_4 .block_arrows .sl_ar_btn_l_2{padding:10px 10px 10px 0px;} .lp5_r_4 .block_arrows .sl_ar_btn_r_2 img{ margin: 0px auto; width:100%; max-width:41px; display:block;} .lp5_r_4 .block_arrows .sl_ar_btn_l_2 img{ margin: 0px auto; width:100%; max-width:41px; display:block;transform: rotate(180deg);} .lp5_r_4 .block_arrows .sl_ar_btn:hover{opacity:0.6;} .lp-block .all_usl{padding:40px 0px 0px 0px; text-align:center;} .lp-block .all_usl .usl{text-align:center; padding:10px 20px; border:solid 2px #776b5f; border-radius:30px; color:#776b5f; font-size:18px; font-weight:400; display:inline-block; margin-right:5px; margin-left:5px; margin-bottom:15px;} #map{width:100%; height:520px;} #map_2{width:100%; height:400px; display:none;} .lp_banket_menu{padding:120px 0px 230px 0px; background:#07070a; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_menu.jpg) no-repeat 50% 50%; background-size:cover; position:relative;} .lp_banket_menu .title{font-size:40px; color:#fff; text-align:center; font-weight:200; text-transform:uppercase;} .lp_banket_menu .logo_second{width:100%; max-width:470px; display:block; margin:0px auto; margin-top:20px;} .lp_banket_menu:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 150px; z-index:2; background: #07070A; background: linear-gradient(0deg, rgba(7, 7, 10, 1) 5%, rgba(255, 255, 255, 0) 100%);} .lp_banket_menu_2{ background:#07070a; padding:0px 0px 20px 0px; color:#fff; font-weight:200; margin-bottom:-2px;} .lp_banket_menu_2 .tbl_c{display:table; width:100%; border:solid 1px #ffffff47; line-height:1.25; margin-top:-140px; position:relative; z-index:3; } .lp_banket_menu_2 .cell{display:table-cell; width:50%; padding:25px 25px 10px 25px;} .lp_banket_menu_2 .cell:nth-child(2){ border-left:solid 1px #ffffff47;} .lp_banket_menu_2 .cell .bl{margin-bottom:25px; border-bottom:solid 1px #ffffff0d; padding-bottom:25px;} .lp_banket_menu_2 .cell .bl:last-child{padding-bottom:0px; border-bottom:none;} .lp_banket_menu_2 .cell .bl .tit{ font-size: 35px; font-weight:200;} .lp_banket_menu_2 .cell .bl ul{ font-size: 24px; font-weight:200; list-style:none; margin-top:10px;} .lp_banket_menu_2 .cell .bl ul li{padding-left:25px; margin-bottom:5px; opacity:0.7; position:relative;} .lp_banket_menu_2 .cell .bl ul li:before { content: ""; position: absolute; left: 2px; top:11px; width: 8px; height: 8px; z-index:3; background: #776b5f; } .lp_banket_menu_2 .cell .und_tit{font-size:18px; margin-top:25px; font-style: italic; opacity:0.8;} .lp6{min-height:520px; background:#d0c7c0; position:relative; overflow:hidden;} .lp6 .lp-container{background: rgb(7 7 10 / 75%); backdrop-filter: blur(5px); width: 100%; max-width: 50%; padding: 30px 38px 25px 39px; position: absolute; top: 120px; z-index: 10;border: solid 1px #07070a; border-radius: 5px; } .lp6 .tit{font-size: 34px; font-weight: 300; line-height: 1.25; color: #fff; max-width:400px; width:100%;} .lp6 .cont{margin-top:25px;} .lp6 .cont .cont_line{margin-bottom:33px;} .lp6 .cont .cont_line div{ font-size: 18px; line-height: 21px; color: #fff; position:relative; } .lp6 .cont .cont_line .phone{float:left; width:49%;} .lp6 .cont .cont_line .phone a{color:#fff; position:relative; padding-left:35px; } .lp6 .cont .cont_line .phone a:after{content:""; position:absolute; left:0px; top:50%; height:19px; width:18px; margin-top:-9px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_phone_2.png) no-repeat 50% 50%; background-size:100%; } .lp6 .cont .cont_line .addr{padding-left:35px; font-weight:300;} .lp6 .cont .cont_line .addr:after{content:""; position:absolute; left:2px; top:10px; height:18px; width:16px; margin-top:-9px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_map_point.png) no-repeat 50% 50%; background-size:100%; } .lp6 .cont .cont_line .mail{float:left; width:49%;} .lp6 .cont .cont_line .mail a:after{content:""; position:absolute; left:0px; top:50%; height:22px; width:21px; margin-top:-11px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_mail.png) no-repeat 50% 50%; background-size:100%; } .lp6 .cont .cont_line .mail a{font-size:18px; line-height:1; color:#fff; position:relative; padding-left:35px; } .lp6 .cont .cont_line .mail a span { display: inline-block; } .lp6 .soc{margin-top:55px;} .lp6 .soc_tit{font-size: 18px; line-height: 1.3; text-align: center; color: #fff; position:relative;} .lp6 .soc_tit:before{content:""; position:absolute; left:0px; top:50%; height:10px; width:128px; margin-top:-4px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_wave.png) no-repeat 0% 50%; background-size:contain; } .lp6 .soc_tit:after{content:""; position:absolute; right:0px; top:50%; height:10px; width:128px; margin-top:-4px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_wave.png) no-repeat 100% 50%; background-size:contain; } .lp6 .soc_block{margin-top:21px; text-align:center;} .lp6 .soc_block a{ border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:inline-block; vertical-align:top; margin:0px 6px; background: #07070a; width:34px; height:34px; position:relative;} .lp6 .soc_block a img{ width:100%; display:block; position:absolute; right:0px; left:0px; bottom:0px; top:0px; margin:auto;} .lp6 .soc_block a.whatsapp img{max-width:17px;} .lp6 .soc_block a.whatsapp:hover{background:#2bb742;} .lp6 .soc_block a.telegram img{max-width:15px; left:-1px;} .lp6 .soc_block a.telegram:hover{background:#2d9bdc;} .lp6 .soc_block a.phone_call img{max-width:16px;} .lp6 .soc_block a.phone_call:hover{background:#b30e29;} .lp6 .soc_block a.instagram img{max-width:13px; left:-1px;} .lp6 .soc_block a.instagram:hover{background:#d1425c;} .lp6 .soc_block a.vk img{max-width:15px; left:-1px;} .lp6 .soc_block a.vk:hover{background:#5c81b0;} .lp6 .soc_block a.fb img{max-width:8px;} .lp6 .soc_block a.fb:hover{background:#1778f2;} .lp_top_questions{padding:80px 0px 80px 0px; background:#07070A;} .lp_top_questions_2{padding:20px 0px 0px 0px;} .lp_top_questions .title{font-size:48px; color:#fff; font-weight:300; line-height:1.2; text-align:center; letter-spacing:0.45px;} .lp_top_questions_2 .title_2{ margin-top:0px; } .lp_top_questions .title_2{font-size:24px; color:#fff; font-weight:300; line-height:1.2; text-align:center; margin-top:35px; margin-bottom:60px;} .lp_top_questions .img_block{float:right; position:relative;} .lp_top_questions .img_block .img{ border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%; max-width:100%; display:block; float:right;} .lp_top_questions .lp-container{margin-bottom:55px; border: solid 1px #ffffff47; padding: 25px 25px 25px 25px; background: #ffffff08; border-radius:5px;} .lp_top_questions .cloud{ border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative; width:100%; position:relative; } .lp_top_questions .cloud .numb{ color: #776b5f; font-size: 62px; font-weight: 500; line-height: 1; position: absolute; left: 5px; top: 18px;} .lp_top_questions .cloud .tit{font-size:24px; font-weight:400; line-height:1.1; color:#776b5f; } .lp_top_questions .cloud:before{content:""; position:absolute; left:32px; bottom:-18px; z-index:5; height:19px; width:43px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/cloud_down.png) no-repeat 0% 0%;} .lp_top_questions .cloud_ins{overflow:hidden; padding: 22px 30px 24px 95px; position: relative;} .lp_top_questions .cloud_1:after{content:""; position:absolute; left:-12px; top:-28px; z-index:5; height:71px; width:88px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/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(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/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(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/cloud_3.png) no-repeat 0% 0%;} .lp_top_questions ul{margin-top:20px; list-style:none;} .lp_top_questions ul li{margin-bottom:20px; position:relative; line-height:1.2; font-size:22px; font-weight:200; color:#fff; opacity:0.7; padding-left: 25px; opacity: 0.7; position: relative;} .lp_top_questions ul li:before { content: ""; position: absolute; left: 2px; top: 11px; width: 8px; height: 8px; z-index: 3; opacity: 0.3; background: #fff; } .lp_top_questions ul li b{font-weight:400;} .lp_top_questions .li_2{font-size:16px; margin-bottom:10px;} .lp_top_questions .img_block{float:right; width:50%;} .lp_top_questions .text_block{float:left; width:50%; } .lp_top_questions .form_midl{margin-top:43px;} .lp_top_questions .img_block{float:right; padding-left:20px; width:50%;} .lp_top_questions .text_block{float:left; padding-right:20px; width:50%;} .lp_top_questions .lp-container_2{} .lp_top_questions .lp-container_2 .img_block .img{ float:left;} .lp_top_questions .lp-container_2 .img_block{float:left; width:50%; padding-right:20px; padding-left:0px;} .lp_top_questions .lp-container_2 .text_block{float:right; width:50%; padding-left:20px; padding-right:0px;} .lp_top_questions .lp-container_2 .text_block { padding-left: 15px;} .lp_top_questions .lp-container_3 .cloud{} .lp_top_questions .lp-container_3 .text_block{} .lp_top_questions .lp-container_3 ul{} .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(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/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_booking_all{padding-top:200px; padding-bottom:100px; background: #07070a; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/bg_booking.jpg) no-repeat 50% 0%, #07070a; background-size: cover; position:relative; min-height: 750px; max-height: 850px;} .lp_booking_all:before{content:""; position:absolute; left:0px; right:0px; top:0%; width:100%; height:100%; background: #07070A; background: linear-gradient(180deg,rgba(7, 7, 10, 0.1) 57%, rgba(7, 7, 10, 1) 100%);} .lp_booking_all header { top: 280px; bottom: auto; } .lp_booking_widget{background:#07070a; padding-top:20px; padding-bottom:30px; margin-top:-300px;} .lp_booking_widget #booking_iframe{border:solid 1px #776b5f; border-radius:5px; overflow:hidden; padding-bottom:0px !important; padding-left:20px; padding-right:20px; background: #07070a;} @media (max-width: 1440px){ .wrap{max-width: 1200px; } .header-container .header_phone .phone a{ font-size: 20px; padding-left:25px;} .header-container .mail a { margin-top: 2px; font-size: 16px; line-height: 1.2;} .header-container .header_menu ul li a { font-size: 16px;} .header-container .header_logo .img_logo { max-width: 240px; margin-top: -60px;} .footer ul li a { font-size: 16px; } .block_booking a{ padding: 17px 25px 14px 25px;} .footer .bot_logo .img_logo { max-width: 220px; margin-top: -58px;} .footer .menu_b_3 { width: 100%;} .footer .header_phone .phone a { font-size: 20px; } .footer .mail a{ font-size: 16px;} .footer .menu_bottom { width: 24.5%;} .lp_about { padding-top: 90px; padding-bottom: 80px; min-height: 800px;} .lp_about .logo_second { max-width: 450px;} .lp_about .wave { max-width: 100px;} .lp_about .title { font-size: 32px;} .lp3 .slide_bg_1 { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_1.jpg) no-repeat -220px 50%;} .lp4 .cell .slick-slide img { height: 320px;} .lp5_r .slide_obj_fit img { height:280px;} } @media (max-width: 1280px){ .wrap{max-width: 1080px; } .header-container { padding-top: 65px;} .header-container .header_logo .img_logo { max-width: 200px; margin-top: -50px;} .header-container .header_logo { width: 23%;} .header-container .header_menu { width: 35%;} .header-container .soc_circles { width: 12%;} .header-container .header_phone { width: 22%;} .header-container .soc_circles a img { max-width: 25px;} .menu_open_now .header-float .header_menu_mobile .btn_wrap { margin-bottom: 10px; margin-top: 20px;} .block_booking a.book { padding: 13px 20px 12px 20px; } .block_booking .menu__icon { height: 42px; padding: 11px 9px 5px 9px;} .block_booking .menu__icon span:nth-child(2), .block_booking .menu__icon span:nth-child(3) { top: 9px;} .block_booking .menu__icon span:nth-child(4) { top: 18px;} .block_booking a.logo_center img { max-width: 130px; margin-top: 4px;} .block_booking { height: 62px;} .block_booking .soc_circles_book a img { max-width: 20px;} .block_booking .soc_circles_book {padding-right: 65px;width: 100%; max-width: 155px; padding-top: 14px; } .menu_open_now .header_menu_mobile { padding-top: 150px;} .videoCover { min-height: 550px; max-height: 630px; } .videoCover video, div.videoCover { min-height: 550px; max-height: 630px; } .videoCover .title { font-size: 56px;} .videoCover .title_2 { font-size: 28px;} .videoCover_2 .title { font-size: 56px; } .videoCover_2 .title_2 { font-size: 28px;} .videoCover_2 .title span:before { top: 9px; width: 22px; height: 57px;} .videoCover_2 .title span { padding-left: 55px;} .videoCover_3 .title { font-size: 56px; } .videoCover_3 .title_2 { font-size: 28px;} .videoCover_3 video, div.videoCover_3 { min-height: 600px;} .btn_all { padding: 17px 12px 17px 12px; font-size: 20px;} .videoCover .btn_all { margin-top: 40px; max-width: 300px;} .videoCover .title_und { font-size: 22px;} .videoCover_3 .btn_all{max-width: 420px;} .lp_forms .title_2 { font-size: 28px; } .lp_first_block { min-height: 550px; max-height: 630px; } .lp_first_block .title { font-size: 56px;} .lp_first_block .title_2 { font-size: 28px;} .lp_first_block .btn_all { margin-top: 40px; max-width: 300px;} .lp_first_block .title_und { font-size: 22px;} .lp_about { min-height: 700px;} .lp_about .logo_second { max-width: 400px; } .lp_about .wave { max-width: 80px; } .lp_about .title { font-size: 28px; max-width: 700px;} .lp_about .title_pr { font-size: 48px;} .lp_about .title_2 { font-size: 28px;} .lp1 .title { font-size: 48px; margin-bottom: 40px;} .lp_cases .steps .step .step_tbl div{ font-size: 16px;} .lp_cases .btns .btn_case { padding: 10px 15px 8px 15px; font-weight: 400; font-size: 16px;} .lp_cases .btn_case div { height: 30px;} .lp3 header { top: 100px; } .lp3 .block_about { padding: 34px 30px 24px 30px;} .lp3 .slide_cell_2 { padding-top: 180px;} .lp3 header .title { font-size: 48px; padding-left: 30px;} .lp3 .block_about .tit { font-size: 28px;} .lp3 .block_about .desc { font-size: 20px; margin-top: 12px;} .lp3 .proj_block .desc{ font-size:16px; } .lp3 .proj_block{margin-top:0px;} .lp3 .block_about .icons { font-size: 16px; margin-top: 10px;} .lp3 .block_about .icons .icon { margin-bottom: 7px;} .lp3 .watch a { font-size: 16px;} .lp3 .slide_bg{ height: 870px;} .lp3 .slide_bg_1 { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_1.jpg) no-repeat -260px 50%; } .lp3 .proj_block .desc:before { top: -2px; } .lp5_r .title{font-size:48px; margin-bottom:25px; } .lp5_r .title_2{font-size:28px;} .lp5_r .title_3 { font-size: 24px;} .lp5 .title { font-size: 48px; margin-bottom: 40px;} .lp5 .name_tit{font-size:24px;} .lp5 .date_tit{font-size:20px; margin-top: 5px;} .lp5 .text_tit{font-size:14px; margin-top: 10px; } .lp5 .slide_ins { padding: 20px 25px 20px 25px;} .lp5 .text_tit p { padding-bottom: 5px;} .lp6 .tit { font-size: 28px;} .lp6 .cont .cont_line { margin-bottom:29px;} .lp4 .proj_tit { font-size: 20px; margin-bottom: 5px;} .lp4 .proj_span { font-size: 16px; margin-bottom: 10px;} .lp4 .proj_block .desc { font-size: 15px; margin-bottom: 5px; padding-right: 10px; padding-left: 32px;} .lp4 .cell .slick-slide img { height: 300px;} .lp4 .block_arrows{ padding: 10px; max-width: 180px; margin-top: -105px;} .lp4 .watch a { font-size: 16px;} .lp4 .cell_slidder .block_arrows { margin-top: -85px;} .lp_banket_menu .title { font-size: 38px;} .lp_banket_menu_2 .cell .bl .tit { font-size: 28px;} .lp_banket_menu_2 .cell .bl ul { font-size: 20px; margin-top: 10px;} .lp_banket_menu_2 .cell .bl ul li:before { top: 8px;} .lp_top_questions .cloud .tit { font-size: 22px;} .lp_top_questions ul li { margin-bottom: 15px; font-size: 18px;} .lp_top_questions .cloud .numb { font-size: 58px; top: 18px;} .lp_cases_prices .title { margin-bottom: 20px; } .lp_cases_prices .title_2 { margin-bottom: 20px; font-size: 28px;} .lp5_r .slide_obj_fit img { height:250px;} .lp_events .title2{font-size: 28px;} .lp_booking_all header { top: 180px; bottom: auto; } .lp_booking_widget{margin-top:-280px;} .lp-block .all_usl .usl { padding: 10px 14px; font-size: 16px; margin-right: 2px; margin-left: 2px; margin-bottom: 10px;} } @media (max-width: 1024px){ .header-container .header_menu {display:none; } .header-container .header_logo { width: 35%; } .header-container .header_phone { width: 36%; max-width: 220px; } .header-container .soc_circles { width: 17%; } .header-container .header_burger{width: 10%;} .videoCover { min-height: 650px;} .videoCover .title { font-size: 42px;} .videoCover .title_2 { font-size: 24px;} .videoCover .btn_all { margin-top: 30px; max-width: 280px;} .videoCover .title_und { font-size: 20px;} .videoCover .indicator-arrow { bottom: 45px;} .lp_first_block { min-height: 650px;} .lp_first_block .title { font-size: 42px;} .lp_first_block .title_2 { font-size: 24px;} .lp_first_block .btn_all { margin-top: 30px; max-width: 280px;} .lp_first_block .title_und { font-size: 20px;} .lp_first_block .indicator-arrow { bottom: 45px;} .videoCover_2 .title span:before { top: 7px; width: 18px; height: 50px;} .videoCover_2 .title span { padding-left: 45px;} .videoCover_3 .btn_all{max-width: 380px;} .lp_forms .title_2 { font-size: 24px; } .header-float .ul_menu_burg { width: 56%;} .header-float .info_inv { width: 44%;} .header-float .info_inv { font-size: 16px;} .header-float .ul_menu_burg ul li { font-size: 16px;} .header-float .info_inv .logo_name { margin-bottom: 5px; font-size: 22px;} .header-float .addr_a { margin-bottom: 5px;} .header-float .info_inv .mail { margin-top: 10px; margin-bottom: 10px;} .lp_about { min-height: 550px; padding-top: 70px; padding-bottom: 60px; } .lp_about .logo_second { max-width: 300px; } .lp_about .wave { max-width: 60px; margin-top: 25px; } .lp_about .title { font-size: 24px; max-width: 500px; margin-top: 25px;} .lp_about .btn_wrap { margin-top: 30px; max-width: 220px;} .lp_about .title_pr { font-size: 42px;} .lp_about .title_2 { font-size: 22px;} .lp1 .title { font-size: 32px; margin-bottom: 40px;} .lp_cases .btns .btn_case { padding: 17px 10px 15px 10px; font-size: 16px;} .lp3{padding-bottom:80px;} .lp3 .wrap_img_invis{display:block;} .lp3 header { position: relative; top: 0px; z-index: 5; float: none; left: auto; padding-top:40px; padding-bottom:30px;} .lp3 header .title { font-size: 32px; padding-left: 15px; padding-right:15px; text-align:center; } .lp3 .slide_tbl { width: 100%; display: block; margin-top: -80px;} .lp3 .slide_cell { width: 100%; display: block; } .lp3 .block_imgs { padding: 30px 25px 30px 25px; position: relative; bottom: auto; left: auto; width: 100%; text-align: center;} .lp3 .slide_cell_2 { padding-top: 20px; } .lp3 .proj_block { margin-top: 10px; } .lp3 .slide_bg{position:relative; } .lp3 .block_about .icons { margin-top: 20px; } /* .lp3 .slide_bg:before{content:""; position:absolute; left:0px; top:0%; height:50px; width:100%; margin-top:-1px; background: #07070A; background: linear-gradient(180deg,rgba(7, 7, 10, 1) 1%, rgba(255, 255, 255, 0) 100%); } */ .lp3 .slide:after { content:none;} .lp3 .slick-slider .slick-track, .lp3 .slick-slider .slick-list{ height: auto !important; overflow: visible; } /* .lp3 .slide_bg_1 { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_1.jpg) no-repeat 30% 50%; background-size:cover; } .lp3 .slide_bg_2 { background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_3.jpg) no-repeat 30% 50%; background-size:cover; } .lp3 .slide_bg_3{ background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/slide_house_3_1.jpg) no-repeat 30% 50%; background-size:cover; } */ .lp3 .slide_bg_1 { background:#07070a; } .lp3 .slide_bg_2 { background:#07070a; } .lp3 .slide_bg_3{ background:#07070a; } .lp3 .slide_bg { height: auto; } .lp5_r .title{font-size:32px; margin-bottom:25px; } .lp5_r .title_2{font-size:24px;} .lp5_r .title_3 { font-size: 20px;} .lp5_grafik .time_2 .step div:nth-child(1) { font-size: 24px;} .lp5_grafik .time_2 .step div:nth-child(2) { font-size: 30px; margin-top: 5px;} .lp6 .cont .cont_line .phone, .lp6 .cont .cont_line .mail { float: none; width: 100%; margin-bottom:7px;} .lp6 .cont .cont_line div { font-size: 16px;} .lp6 .tit { font-size: 24px; } .lp4 .cell .slick-slide img { height: 280px;} .lp_top_questions .title{font-size: 32px;} .lp_top_questions .title_2 { font-size: 20px; margin-top: 25px; margin-bottom: 40px;} .lp_top_questions .cloud_ins { padding: 5px 10px 24px 80px;} .lp_top_questions .cloud .tit { font-size: 20px;} .lp_top_questions ul { margin-top: 10px;} .lp_top_questions ul li { margin-bottom: 10px; font-size: 16px;} .lp_top_questions .cloud .numb { font-size: 48px; top: 0px;} .lp_cases_prices .wrap { padding-top: 200px;} .lp_cases_prices .title_2 { margin-bottom: 20px; font-size: 22px; } .lp_cases_prices .title_3 { margin-bottom: 40px; font-size: 20px;} .lp_events .title2{font-size: 24px;} .footer .name_menu { font-size: 16px;} .footer ul li a { font-size: 16px;} .footer .bot_logo .img_logo { max-width: 220px;} .footer .all_rights { margin-top: 25px; font-size: 16px;} .footer .politics a span{font-size: 16px;} .footer .bot_logo .img_logo { max-width: 180px; margin-top: -40px;} .footer .bot_logo { width: 35%;} .footer-bg { padding-top: 80px;} .footer .header_phone .phone a { font-size: 18px; } } @media (max-width: 920px){ .lp4 .cell .slick-slide img { height: 240px;} .lp4 .cell .slick-slide img { height: 100%; } .lp4 .lp-container_2 .cell .slick-slide img { height: 300px; } .lp4 .lp-container_2 .bot_block { padding: 30px 35px 65px 50px; vertical-align: middle;} .footer .header_phone .phone a { font-size: 16px; } .footer .menu_b_3 { padding: 15px 15px 15px 8px;} .footer .mail a { font-size: 14px; } .videoCover .btn_wrap_2{display:block; margin-left: 0px; margin-right: 0px;} .videoCover .btn_wrap_2 .btn_all{max-width:320px;} .lp5_r .slide_obj_fit img { height: 250px;} .form_top .form_insite { padding: 20px 10px 15px 10px;} .footer .menu_b_3{ margin-top: -15px;} } @media (max-width: 768px){ .header-container { padding-top: 15px;} .header-container .header_logo .img_logo{display:none;} .header-container .header_logo .img_logo_s_w{display:block; opacity:1; margin-top:0px;} .header-container .header_burger{width: 12%;} .header-float .ul_menu_burg { float: none; width: 100%; margin-bottom:15px;} .header-float .info_inv { float: none; width: 100%;} .menu_open_now .header_menu_mobile { padding-top: 80px; } .menu_open_now .header-float .header-container { padding-bottom: 15px;} .menu_open_now .header-float .header_menu_mobile .btn_wrap { margin-bottom: 10px; margin-top: 20px;} .header_menu_mobile .inside_mob_menu{display:block;} .block_booking a.book { padding: 13px 5px 12px 5px; } .videoCover { min-height: 450px; max-height: 550px;} .videoCover .title { font-size: 34px;} .videoCover .title_2 { font-size: 22px; margin-top: 5px;} .btn_all { padding: 17px 8px 17px 8px; font-size: 18px; } .videoCover .btn_all { max-width: 240px; } .videoCover_1 .btn_all span:before { top: -1px; width: 22px; height: 22px;} .videoCover_1 .btn_all span { position: relative; padding-left: 30px;} .videoCover_2 .title span:before { top: 4px; width: 14px; height: 42px;} .videoCover_2 .title span { padding-left: 35px;} .videoCover .title_2 { font-size: 20px; margin-top: 15px; } .videoCover_2 header { top: 10px;} .videoCover_3 video, div.videoCover_3 { min-height:450px;} .videoCover_3 .btn_play_circle { width: 70px; height: 70px;} .videoCover_3 .play_vid_ti{ top: 120px; font-size: 16px;} .videoCover_3 .btn_all{max-width: 320px;} .videoCover_3 .btn_wrap { margin-top: 80px;} .lp_forms .title_2 { font-size: 20px; } .btn_arrow span { padding-right: 38px; } .btn_arrow span:before { top: 7px; width: 30px; height: 10px;} .lp_first_block { min-height: 450px; max-height: 550px;} .lp_first_block .title { font-size: 34px;} .lp_first_block .title_2 { font-size: 22px; margin-top: 5px;} .lp_first_block .btn_all { max-width: 240px; } .lp_first_block .btn_all span:before { top: -1px; width: 22px; height: 22px;} .lp_first_block .btn_all span { position: relative; padding-left: 30px;} .lp_first_block .title_2 { font-size: 20px; margin-top: 15px; } .lp_about { min-height: 450px; padding-top: 60px; padding-bottom: 80px; } .lp_about .logo_second { max-width: 250px; } .lp_about .wave { max-width: 49px; margin-top: 15px; } .lp_about .title { font-size: 20px; max-width: 450px; margin-top: 15px;} .lp_about .btn_wrap { margin-top: 20px; max-width: 200px;} .lp1 { padding: 50px 0px 30px 0px;} .lp_cases .steps .step {width: 32.9%;} .lp_cases .steps .step:nth-child(4n+4) { margin-right: 0.6%;} .lp_cases .steps .step:nth-child(3n+3) { margin-right: 0%;} .lp_cases .steps .step .step_tbl div { height: 70px;} .lp3 .slide_bg{position:relative; } .videoCover_4 header { top: 60px;} .lp4 .cell_1 { padding-right: 5px;} .lp4 .cell_2 { padding-left: 5px;} .lp4 .cell .slick-slide img { height: 220px;} .lp4 .proj_tit {font-size: 18px;margin-bottom: 5px; } .lp4 .proj_span { font-size: 14px; margin-bottom: 7px; } .lp4 .bot_block { padding: 20px 20px 75px 20px; } .lp4 .watch {padding: 20px; } .lp4 .proj_block { margin-top: 10px; } .lp4 .proj_block .left{ padding-right: 7px;} .lp4 .proj_block .desc {padding-right: 5px; padding-left:24px; font-size: 14px; } .lp4 .proj_block .desc:before { top: 0px; width: 18px; height: 18px; } .lp4 .lp-container_2 .bot_block { padding: 20px 25px 60px 30px; vertical-align: middle; } .lp4 .lp-container_2 .watch{ padding: 20px 20px 20px 30px;} .lp4 .lp-container_2 .cell .slick-slide img { max-height: 280px; height: 100vh; } .lp4 .block_arrows {padding: 6px; max-width: 180px; margin-top: -85px; } .lp4 .cell_slidder .block_arrows { margin-top: -65px; padding: 6px;} .lp4 .watch a { font-size: 14px;} .lp6 .lp-container { max-width: 100%; padding: 30px 38px 25px 39px; position: relative; top: 20px;} #map { height: 380px;} .lp_cases_prices{padding-top:0px;} .lp_cases_prices .wrap { padding-top: 120px; } .lp_cases_prices .title{margin-bottom: 20px;} .lp_cases_prices .title_2 { margin-bottom: 10px;} .lp-block .all_usl .usl{ padding:8px 14px; font-size:16px; margin-right:3px; margin-left:3px; margin-bottom:12px;} .footer .bot_logo { width: 50%; } .footer .menu_b_3 { width: 100%; max-width: 100%; text-align:left;} .footer .header_phone .phone { text-align: left;} .footer .mail { text-align: left;} .footer .cleaner_inv{display:block;} .footer .menu_t_left { float: left; width: 45%;} .footer .menu_bottom { float: right; width: 50%;} .footer .menu_t_left { padding-top:20px; float: none; width: 100%;} .footer .menu_b_1 { padding-top:35px; width: 50%;} .footer .menu_b_2 { padding-top:35px; width: 50%; padding-right:0px;} .footer .header_phone .phone a { font-size: 18px; } .footer .menu_b_3 { padding: 25px 25px 25px 25px;} .footer .mail a { font-size: 16px; } .lp_banket_menu .title { font-size: 32px;} .lp_banket_menu_2 .cell .bl .tit { font-size: 24px;} .lp_banket_menu_2 .cell .bl ul { font-size: 16px; margin-top: 10px;} .lp_banket_menu_2 .cell .bl ul li:before { top: 5px;} .lp_top_questions .img_block, .lp_top_questions .lp-container_2 .img_block { float: none; padding-left: 0px; padding-right: 0px; width: 100%;} .lp_top_questions .text_block, .lp_top_questions .lp-container_2 .text_block { float: none; padding-right: 0px; padding-left: 0px; width: 100%; margin-top:20px;} .lp_top_questions .vk_video{height:420px;} .lp5_r .slide_obj_fit img { height: 220px;} .lp_events .lp_tabl .cell{ height:350px;} .lp_events_2 .lp_tabl .cell{height:250px;} .lp_events .lp_tabl .cell .text{bottom: 40px; font-size: 16px;} .lp_events .title2 { font-size: 22px;} .form_top .form_tbl { display: block; width: 100%;} .form_top .line_ins{margin-bottom:10px;} .lp_booking_all { padding-top: 120px;} .lp_booking_all header { top: 140px; } .lp-block .all_usl .usl { padding: 8px 12px; font-size: 14px; margin-bottom: 10px;} } @media (max-width: 640px){ .header-container .header_logo .img_logo_s_w{max-width:150px; margin-top:1px;} .header-container .header_phone .phone a { font-size: 17px; padding-left: 8px; } .header-container .mail{margin-top:0px;} .header-container .mail a { margin-top: 0px; font-size: 14px; } .header-container .menu__icon { width: 60px; height: 36px; padding: 8px 9px 5px 9px;} .header-container .header_logo { width: 32%; } .header-container .soc_circles { width:20%; padding-top: 6px; } .header-container .menu__icon span{ height: 3px;} .header-container .menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 8px;} .header-container .menu__icon span:nth-child(4) { top:16px; background:#c0c0c7; max-width:55%;} .block_booking.fixed__booking { top: 0px; padding-top: 7px; padding-bottom: 7px;} .block_booking { height: 50px; } .block_booking a.book { padding: 10px 5px 9px 5px; font-size: 14px; } .block_booking a.logo_center img { max-width: 110px; margin-top: 4px; } .block_booking .soc_circles_book{ padding-top: 8px; padding-right: 55px; width: 100%; max-width: 160px;} .block_booking .menu__icon { height: 36px; padding: 8px 9px 5px 9px; } .lp4 .proj_block .desc:before { top: -2px; } .lp4 .proj_tit { font-size: 16px; margin-bottom: 3px; } .lp4 .proj_span { font-size: 12px; margin-bottom: 4px; } .lp4 .proj_block .desc { font-size: 12px;} .lp4 .proj_block .left{float:none; width:100%;} .lp4 .proj_block .right{float:none; width:100%;} .lp5_grafik .time_2 .step div:nth-child(1) { font-size: 20px;} .lp5_grafik .time_2 .step div:nth-child(2) { font-size:24px; margin-top: 5px;} .lp_banket_menu_2 .tbl_c {display: block;} .lp_banket_menu_2 .cell { display: block; width: 100%; padding: 25px 25px 10px 25px;} .lp_banket_menu_2 .cell .bl { border-bottom: solid 1px #ffffff42;} .lp5_r .slide_obj_fit img { height: 190px;} } @media (max-width: 520px){ .header-container .soc_circles{display:none;} .header-container .header_phone { width: 45%;} .header-container .header_logo { width: 40%;} .footer .header_phone .phone a { font-size: 16px; } .footer .menu_b_3 { padding: 15px 8px 15px 15px;} .footer .mail a { font-size: 14px; } .menu_open_now .header-float.fixed_2 .header_logo .img_logo { max-width: 140px; margin-top: 0px;} .menu_open_now .header-float.fixed_2 .header-container { height: 54px;} .menu_open_now .header-float.fixed_2 .header_menu_mobile { padding-top: 50px;} .header-container .menu__icon { height: 34px; width: 48px; padding: 7px 7px 5px 7px; } .block_booking .menu__icon span { height: 3px; max-width: 50px;} .block_booking .menu__icon span:nth-child(2), .block_booking .menu__icon span:nth-child(3) { top: 8px;} .block_booking .menu__icon span:nth-child(4) { top: 16px;} .block_booking .menu__icon { width: 48px; height: 34px; padding: 7px 7px 5px 7px;} .block_booking a { padding: 9px 10px 9px 10px; right: 67px; font-size: 14px; } .block_booking a span { padding-left: 0px; padding-right: 0px;} .block_booking.fixed__booking { padding-top: 7px; padding-bottom: 7px;} .block_booking .soc_circles_book{display:none;} .block_booking a.book {width:100%; max-width:48px; height: 34px; padding: 10px 5px 9px 5px; font-size: 0px; } .block_booking a.book:before{content:""; position:absolute; left:-10px; top:4px; left:0px; right:0px; margin:auto; width:25px; height:25px; background:url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_calendar_top.png) no-repeat 0% 0%; background-size:100%;} .videoCover .title { font-size: 28px; } .videoCover .title_2 { font-size: 18px; } .btn_all { font-size: 16px; } .videoCover .title_und { font-size: 16px; } .videoCover_6_2 video, div.videoCover_6_2 { min-height: auto; max-height: 400px; } .videoCover_6_2 header { padding-top: 0px;} .videoCover_6_2 .btn_arrow span:before { top: -7px; } .lp_first_block .title { font-size: 28px; } .lp_first_block .title_2 { font-size: 18px; } .lp_first_block .btn_all { font-size: 16px; } .lp_first_block .title_und { font-size: 16px; } .lp_about { min-height: 300px; } .lp_about .logo_second { max-width: 150px; } .lp_about .wave { max-width: 30px; margin-top: 10px; } .lp_about .title { font-size: 16px; max-width: 350px; margin-top: 10px; } .lp1 .title { font-size: 24px; margin-bottom: 30px; } .lp_cases .btns { display: block;} .lp_cases .btn_case div span { position: relative; padding-left: 30px; text-align: left; display: inline-block; width: 100%; margin: 0px auto;} .lp_cases .btns .btn_case { float: none; padding: 12px 10px 10px 10px;} .lp_cases .btns .btn_case_transport{border-radius:5px 5px 0px 0px;} .lp_cases .btns .btn_case_expeditor{border-radius: 0px;} .lp_cases .btns .btn_case_torg{border-radius: 0px 0px 5px 5px;} .lp_cases .steps .step .step_tbl div { height: 70px;} .lp_cases .steps .step {width: 49.7%;} .lp_cases .steps .step:nth-child(3n+3) { margin-right: 0.6%;} .lp_cases .steps .step:nth-child(2n+2) { margin-right: 0%;} .lp_cases .steps { margin-top: 20px;} .lp3 .slide_tbl{margin-top:-40px;} .lp3 header .title { font-size: 24px; } .lp3 .block_about .tit { font-size: 22px; } .lp3 .block_about .desc { font-size: 18px; margin-top: 10px; } .lp3 .slide_bg{position:relative; } .lp3 .block_imgs { padding: 20px 15px 20px 15px;} .lp3 .block_about { padding: 25px 15px 20px 15px; } .lp3 .block_about .desc { font-size: 16px; margin-top: 10px; } .lp3 .block_about .icons .icon { margin-bottom: 15px; width:100%;isplay: block;} .lp3 .block_about .icons .icon { margin-bottom: 15px; width: 100%; display: block; padding-left:45px; } .lp3 .block_about .icons .icon_divan:before { top: 5px; width: 26px; height: 12px; background: url(/bitrix/templates/raz-raz_4.0/../raz-raz_4.0/images/ico_divan.png) no-repeat 0% 0%; background-size: 100%;} .lp5 { padding: 40px 0px 60px 0px;} .lp5 .title { font-size: 24px; margin-bottom: 30px; } .lp5 .name_tit { font-size: 20px;} .lp5 .date_tit { font-size: 18px;} .lp5 .text_tit { font-size: 15px; margin-top: 10px;} .lp5 .lp-container { margin-top:20px;} .lp5 .slide_ins { padding: 25px 20px 25px 20px;} .lp5 .block_arrows{margin-top:10px;} .lp5 .play_vid_ti { margin-top: 40px;} .lp5_r { padding: 60px 0px 60px 0px;} .lp5_r .title{font-size:24px; margin-bottom:20px; } .lp5_r .title_2{font-size:18px;} .lp5_r .title_3 { font-size: 16px; } .lp5_r .btn_wrap { margin-top: 20px;} .lp5_r .lp-container { margin-top: 20px;} .lp5_r { padding: 60px 0px 60px 0px;} .lp5_grafik .time { font-size: 28px; padding: 20px; margin-top: 55px;} .videoCover_4 header { top: 40px;} .lp4{padding-bottom:60px;} .lp4 .title { font-size: 24px;} .lp4 .lp-container{display:block;} .lp4 .cell_1 { width: 100%; margin-bottom:20px; padding:0px;} .lp4 .cell_2 { width: 100%; padding:0px;} .lp4 .lp-container_2 .cell_slidder { display: block; width: 100%; float: none;} .lp4 .lp-container_2 .cell_ins { display: block;} .lp4 .lp-container_2 .bot_block { width: 100%;} .lp4 .proj_block .left { float: left; width: 50%;} .lp4 .proj_block .right { float: left; width: 50%;} .lp4 .cell .slick-slide img { height: 200px; } .lp4 .lp-container_2 .cell .slick-slide img { height: 200px;} .lp_scheme { padding-top: 40px;} .lp_scheme header{padding:0px 15px;} .lp_scheme .title { font-size: 22px;} .lp5_grafik .time_2 .step div:nth-child(1) { font-size: 18px;} .lp5_grafik .time_2 .step div:nth-child(2) { font-size:20px; margin-top: 5px;} .lp_banket_menu .title { font-size: 28px;} .lp_banket_menu_2 .cell .bl .tit { font-size: 18px;} .lp_banket_menu_2 .cell .bl ul { font-size: 14px; margin-top: 8px;} .lp_banket_menu_2 .cell .und_tit { font-size: 14px; margin-top: 25px;} .lp_about .title_pr { font-size: 28px; } .lp_about .title_2 { font-size: 16px; margin-top: 20px; } .lp_top_questions .title { font-size: 28px; } .lp_top_questions .cloud .tit { font-size:18px; } .lp_top_questions ul li { margin-bottom: 7px; font-size: 14px; } .lp_top_questions ul li:before{top:5px;} .lp_top_questions .cloud_ins { padding: 0px 0px 5px 55px; } .lp_top_questions .cloud .numb { font-size:32px; top: 0px; } .lp_top_questions .img_block iframe{height:280px;} .lp_top_questions .vk_video{height:320px;} .lp_cases_prices .title{margin-bottom: 10px;} .lp_cases_prices .title_2 { margin-bottom: 10px;} .lp_cases_prices .title_2 { margin-bottom: 10px; font-size:18px; } .lp-block .all_usl .usl{ padding:6px 10px; font-size:12px; margin-right:2px; margin-left:2px; margin-bottom:6px;} .videoCover_5 video, div.videoCover_5 { min-height: 250px; max-height: 300px; } .videoCover_1 header{padding-top:25px;} .videoCover_5 .btn_wrap_2{display:none;} .videoCover_invis_btn{display:block !important;} .videoCover_invis_btn .btn_wrap_2{display:block !important; padding:0px;} .videoCover_invis_btn .btn_wrap_2 .btn_all{margin-left:0px; margin-right:0px; max-width: 100%;} .videoCover_6_4 video, div.videoCover_6_4 { min-height: 300px; max-height: 400px; } .videoCover_6_4 header { padding-top: 0px; } .lp_events .title2 { top: 35px; font-size: 20px; padding-left:15px; padding-right:15px; } .lp_events .lp_tabl { display: block; max-width: 100%; width: 100%;} .lp_events .lp_tabl .cell { width: 100%; max-width: 100%; display: block; height: 230px; } .lp_forms .title_2 { font-size: 18px; } .captcha_block { width: 100%; max-width: 100%;} .form-captcha_block { float: none; width: 100%; padding-right: 0px; padding-bottom:15px;} .form-captcha__input { float: none; width: 100%;} .lp_booking_widget #booking_iframe{ padding-left:10px; padding-right:10px;} .lp5_r_4 .title_3_3{ font-size: 14px;} .lp5_r_4{padding-bottom:0px;} } @media (max-width: 420px){ .menu_open_now .header-float .header-container { padding-bottom: 10px;} .header-container { padding-top: 10px; } .header-container .header_logo .img_logo_s_w { max-width: 120px; margin-top:2px;} .header-container .header_phone .phone{padding-top:8px;} .header-container .header_phone .phone a { font-size: 12px; padding-left: 2px; padding-right:7px; } .header-container .header_logo{padding-right:5px;} .header-container .mail{display:none;} .header-container .header_phone { width: 42%; } .header-container .header_burger { width: 12%; min-width: 48px; } .footer .all_rights{max-width:100%;} .footer .politics a span { font-size: 14px; } .footer .politics a br{display:none;} .footer .bot_logo {float: none; width: 100%; } .footer .menu_bottom { float: none; width:100%; margin-top:40px; } .footer .menu_t_left { float: none; width: 100%;} .footer .menu_b_3 {float: none; width: 100%; margin-bottom:25px; max-width: 100%; } .menu_open_now .header_menu_mobile { padding-top: 60px; } .videoCover .btn_all { max-width: 100%; } .header-float .ul_menu_burg ul li { font-size: 14px; margin-bottom: 5px; } .lp3 .slide_bg{position:relative; } .lp3 .block_imgs a { width: 32%;} .lp5_grafik .time { font-size: 22px; padding: 15px; } .lp5_grafik .time_2 .step { float: none; width: 100%; margin-bottom:22px;} .lp_top_questions .img_block iframe{height:220px;} .lp5_r .slide_obj_fit img { height: 160px; } .lp_events .lp_tabl .cell { height: 180px; } .lp_booking_all { padding-top: 80px;} .footer .menu_b_3{margin-top:0px;} .footer .menu_t_left{padding-top:0px;} } @media (max-width: 340px){ .header-container .header_logo .img_logo_s_w { max-width: 100px; margin-top: 5px;} .header-container .header_logo{padding-right:5px;} .header-container .header_phone .phone a { font-size: 11px; padding-left:0px; padding-right:3px; } .header-float .ul_menu_burg ul li { font-size: 12px; margin-bottom: 5px; } .footer .menu_b_1 {padding-top: 5px; width: 100%;} .footer .menu_b_2 {padding-top: 15px;width:100%; padding-right: 0px; } .menu_open_now .header-float.fixed_2 .header_logo .img_logo { margin-top: 7px; } .lp3 .proj_block .left { float: none; width: 100%; padding-right: 0px;} .lp3 .proj_block .right { float: none; width: 100%; padding-right: 0px;} .lp6 .cont .cont_line div { font-size: 12px; line-height: 1.2; } .lp6 .cont .cont_line .mail a { font-size: 14px;} .lp_cases .steps .step .step_tbl div { height: 50px; } .lp_cases .steps .step .step_tbl div { font-size: 14px; } .videoCover_3 video, div.videoCover_3 { min-height: 490px; } .lp5_r .slide_obj_fit img { height: 130px; } .lp_events .title2 { top: 20px; font-size: 18px; } .lp_events .title2 { top: 25px; font-size: 20px; } .lp_events .lp_tabl .cell .text { bottom: 30px; font-size: 14px; } } @media (max-width: 320px){ .header-container .header_phone{display:none;} .header-container .header_logo { width: 65%; } .block_booking.fixed__booking { padding-top: 5px; padding-bottom: 5px; height: 46px;} .block_booking a.logo_center img { max-width: 90px; margin-top: 6px; } .menu_open_now .header-float.fixed_2 .header_logo .img_logo { max-width: 80px;} .block_booking a { padding:10px 5px 10px 5px; right: 67px; font-size: 12px; } .videoCover_3 .btn_play_circle{ top: 70px; width: 40px; height: 40px;} .videoCover_3 .play_vid_ti { top: 150px; font-size: 12px; } .lp4 .proj_block .left { float: none; width: 100%;} .lp4 .proj_block .right { float: none; width: 100%;} .form-captcha__input .cod_capcha { float: none; width: 100%; } .form-captcha__input input{float: none; width: 100%;} } /* End */ /* /bitrix/templates/raz-raz_4.0/fonts/stylesheet.css?17490480623377 */ /* /bitrix/templates/raz-raz_4.0/css/animate.css?174911952166859 */ /* /bitrix/templates/raz-raz_4.0/css/slick.css?17491195211895 */ /* /bitrix/templates/raz-raz_4.0/css/slick-theme.css?17491195212793 */ /* /bitrix/templates/raz-raz_4.0/css/jquery.fancybox.min.css?174911952112795 */ /* /bitrix/components/ip/nx.gallery_3.8.5/jquery.fancybox.css?171333178218364 */ /* /bitrix/templates/raz-raz_4.0/styles.css?174886876759978 */ /* /bitrix/templates/raz-raz_4.0/template_styles.css?1756653417144674 */