/* Start:/local/templates/massiv/files/libs/animate.css?165969646357095*/ @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. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-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); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-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); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* End */ /* Start:/local/templates/massiv/files/libs/fancybox.css?165969646315598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/massiv/files/libs/swiper/swiper-bundle.min.css?165969646518842*/ /** * Swiper 7.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 24, 2021 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* End */ /* Start:/local/templates/massiv/components/bitrix/system.pagenavigation/.default/style.css?1663938104492*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .btn { padding: 14px; min-width: 44px; } .bx-pagination .bx-active { background-color: #89898a; color: #ffffff; } /* End */ /* Start:/local/templates/massiv/template_styles.css?166540630582475*/ @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Bold.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Black.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Black.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Heavy.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Heavy.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Light.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Regular.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Medium.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: OpenSans; font-display: swap; src: url("/local/templates/massiv/fonts/OpenSans-Regular.woff2") format("woff2"), url("/local/templates/massiv/fonts/OpenSans-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-Thin.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-Thin.woff") format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: Gilroy; font-display: swap; src: url("/local/templates/massiv/fonts/Gilroy-UltraLight.woff2") format("woff2"), url("/local/templates/massiv/fonts/Gilroy-UltraLight.woff") format("woff"); font-weight: 400; font-style: normal; } input, textarea, button { outline: none; font-family: inherit; padding: 0; } input[type=radio], input[type=checkbox], input[type=submit] { -webkit-appearance: none; appearance: none; -moz-appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } label, a, button { cursor: pointer; } label.error { display: none !important; } .error { border: 1px solid red; color: red; } a, a:hover { text-decoration: none; } svg { max-width: 100%; } #about p{font-size: 18px; margin: 10px auto;} #about p strong{font-weight: bold;} #about ul strong{font-weight: bold;} #about ul{font-size: 18px; margin: 10px 0 10px 40px; list-style: square;} button { display: inline-block; border: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; } img { display: block; max-width: 100%; height: auto; } ul { margin: 0; padding: 0; list-style-type: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; margin: 0; padding: 0; border: none; } select { -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; cursor: pointer; } select:focus { outline: none; } .header-top {background-color: rgba(255, 255, 255, 0.9) !important;} .nav {background-color: rgba(255, 255, 255, 0.9) !important;} .bredcrumbrs__item:last-child .bredcrumbrs__link {text-transform: none!important;} .product-card__features-inner {max-width: 750px !important;} .product-card__sku-block {margin-top: 20px !important;} .footer {margin-top: 25px;} .collection-card {padding-bottom: 25px;} .product-card__sku-name {font-size: 16px !important;} select::-ms-expand { display: none; } :root { --color-b: #0d0678; --color-g: #616161; --color-dark-g: #2d2d2d; --color-bg-g: #89898a; --color-g-opacity: rgba(88, 88, 92, 0.6); --font-o: "OpenSans", sans-serif; } .flex-column-center, .similar-slide, .product-card__color-block, .product-card__sku-block, .navigation__link, .form__box, .benefits__card, .hero__slide, .header-top__right, .header-top__cart, .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-center, .similar-slide__image, .accessories__image, .product-card__banner, .swiper__btn, .collection-swiper__btn, .delivery__inner-img, .card__image, .cart, .scroll-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-jc-center, .footer-brevis, .product-card__desc, .news-card__content, .collection-card__header, .style-block__header, .delivery__row-partners, .card-count, .collection-header__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-jc-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-jc-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .bg { background-position: center; background-repeat: no-repeat; background-size: cover; } /* Reset and base styles */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; font-family: "Gilroy", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 300; color: var(--color-g); } .body-sticky { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .footer-sticky { margin-top: auto; } body > * { -ms-flex-negative: 0; flex-shrink: 0; } body.noscroll { overflow: hidden; } #overlay { display: none; top: 0; right: 0; height: 100%; width: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: fixed; } #overlay.active { display: block; } .container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .none { display: none !important; } .list-scrollbar { overflow-y: auto; scrollbar-color: rgba(153, 166, 183, 0.5) #fff; scrollbar-width: thin; } .list-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ffffff; } .list-scrollbar::-webkit-scrollbar-track { background-color: #fff; border-radius: 4px; } .list-scrollbar::-webkit-scrollbar-thumb { border-radius: 4px; background: rgba(153, 166, 183, 0.5); } .anchor { padding-top: 100px; margin-top: -100px; -webkit-background-clip: content-box; background-clip: content-box; } .btn { display: inline-block; padding: 17px 79px; text-align: center; background-color: #58585c87; border-radius: 3px; outline: none; font-size: 18px; font-weight: 400; color: #ffffff; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .btn:focus { outline: none; } .btn:hover { background-color: var(--color-b); opacity: 1; } .btn--opacity { opacity: 0.5; } .btn--border { border: 1px solid #58585c; font-size: 14px; line-height: 14px; font-weight: 500; color: var(--color-g); background: transparent; } .btn--border:hover { color: #ffffff; } .btn--blue { background: var(--color-b); border: 1px solid var(--color-b); } .btn--blue:hover { color: var(--color-b); background: #ffffff; } .btn--small { padding-top: 13px; padding-bottom: 13px; font-size: 16px; } h1, h2, .title2 { font-size: 30px; font-weight: 700; color: var(--color-b); } h3 { font-size: 24px; font-weight: 500; color: var(--color-dark-g); } .title-line { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding-left: 25px; } .title-line::before { position: absolute; content: ""; width: 1px; height: 43px; background-color: var(--color-b); top: 0; left: 0px; } .title-center { text-align: center; } .title-white h1, .title-white h2, .title-white h3, .title-white h4 { color: #fff; } .text--white { color: white; } .txt--white { color: #fff; } .nav { background-color: rgba(225, 225, 225, 0.6); } .nav__list { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .nav__item { width: 100%; text-align: center; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .nav__item:not(:last-child) span,.nav__item:not(:last-child) a { position: relative; } .nav__item:not(:last-child) span::before,.nav__item:not(:last-child) a::before { position: absolute; content: ""; width: 1px; height: 13px; opacity: 0.5; background-color: var(--color-dark-g); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .nav__item:hover { /* background-color: #ffffff; */ background-color: #80808057; } .nav__item:hover .nav__link { color: var(--color-b); } .nav__item--hidden { display: none; } .nav__link { position: relative; display: block; padding: 17px 5px; font-size: 18px; line-height: 20px; font-weight: 500; color: var(--color-dark-g); cursor: pointer; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .nav__sub-list { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; opacity: 0; z-index: -1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1170px; padding: 22px; background-color: #fff; -webkit-box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.43); box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.43); -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .nav__sub-list.nav__sub-list--active { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; } .nav__sub-item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .nav__sub-item:hover .nav__sub-link { border: 2px solid #0d0678; } .nav__sub-link { display: block; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; border: 2px solid transparent; transition: 0.3s ease-in; } .nav__sub-link::before { position: absolute; content: ""; -webkit-transition: background 0.3s ease-in; -o-transition: background 0.3s ease-in; transition: background 0.3s ease-in; } .nav__sub-link:hover { border: 2px solid #0d0678; } .nav__sub-link:hover::before { position: absolute; content: ""; background: rgba(255, 255, 255, 0.7); top: 2px; left: 2px; bottom: 2px; right: 2px; } .nav__sub-link:hover .nav__sub-title { color: white; text-decoration: underline; } .nav__sub-link:hover .nav__sub-title--classic::before { background-image: url("/local/templates/massiv/img/icons/icon_door_clasic_white.png"); } .nav__sub-link:hover .nav__sub-title--modern::before { background-image: url("/local/templates/massiv/img/icons/icon_door_modern_white.png"); } .nav__sub-title { position: absolute; font-size: 30px; line-height: 20px; font-weight: 700; color: #ffffff; bottom: 10px; left: 90px; -webkit-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in; transition: color 0.3s ease-in; } .nav__sub-title::before { position: absolute; content: ""; background-repeat: no-repeat; background-size: auto; width: 53px; height: 53px; top: -30px; left: -70px; -webkit-transition: background-image 0.3s ease-in; -o-transition: background-image 0.3s ease-in; transition: background-image 0.3s ease-in; } .nav__sub-title--classic::before { background-image: url("/local/templates/massiv/img/icons/icon_door_clasic_white.png"); } .nav__sub-title--modern::before { background-image: url("/local/templates/massiv/img/icons/icon_door_modern_white.png"); } .nav--white { background-color: #ffffff; } .nav-icon { display: none; width: 40px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-icon span { position: relative; width: 100%; height: 5px; background: var(--color-b); border-radius: 10px; } .nav-icon span::before, .nav-icon span::after { content: ""; position: absolute; width: 100%; height: 5px; background: var(--color-b); border-radius: 10px; -webkit-transition: top 0.2s linear 0.2s, -webkit-transform 0.2s ease-in; transition: top 0.2s linear 0.2s, -webkit-transform 0.2s ease-in; -o-transition: transform 0.2s ease-in, top 0.2s linear 0.2s; transition: transform 0.2s ease-in, top 0.2s linear 0.2s; transition: transform 0.2s ease-in, top 0.2s linear 0.2s, -webkit-transform 0.2s ease-in; } .nav-icon span::before { top: -10px; } .nav-icon span::after { top: 10px; } .nav-icon.active span { background: transparent; } .nav-icon.active span::before, .nav-icon.active span::after { background: var(--color-b); top: 0px; -webkit-transition: top 0.2s linear, -webkit-transform 0.2s ease-in 0.2s; transition: top 0.2s linear, -webkit-transform 0.2s ease-in 0.2s; -o-transition: top 0.2s linear, transform 0.2s ease-in 0.2s; transition: top 0.2s linear, transform 0.2s ease-in 0.2s; transition: top 0.2s linear, transform 0.2s ease-in 0.2s, -webkit-transform 0.2s ease-in 0.2s; } .nav-icon.active span::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-icon.active span::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tab-list li { cursor: pointer; } .tabs-content { display: none; } .tabs-content.active { display: block; } .collection-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .tab-item.active { background-color: var(--color-b); } .tab-item.active .collection-header__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .collection-header__box { width: 50%; position: relative; background-color: var(--color-bg-g); -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } .collection-header__box:hover { background-color: var(--color-b); } .collection-header__box:not(:last-child)::before { position: absolute; content: ""; width: 1px; height: 100%; background-color: #c0c0c0; top: 0; right: 0; } .collection-header__box:first-child { padding-left: max(15px, (100% - 1120px) / 2); padding-right: 30px; } .collection-header__box:last-child { padding-right: max(15px, (100% - 1120px) / 2); padding-left: 30px; } .collection-header__icon { -ms-flex-negative: 0; flex-shrink: 0; } .collection-header__arrow { -webkit-transition: -webkit-transform 0.3s ease-in; transition: -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; } .bredcrumbrs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: hidden; padding: 26px 0 30px; } .bredcrumbrs__item:first-child .bredcrumbrs__link { padding-left: 0; } .bredcrumbrs__item:last-child .bredcrumbrs__link { text-transform: uppercase; color: #a5a5a7; cursor: auto; } .bredcrumbrs__item:not(:last-child) .bredcrumbrs__link::before { position: absolute; content: ""; width: 1px; height: 10px; background: #a5a5a7; } .bredcrumbrs__link { white-space: pre; position: relative; padding: 0 15px; color: #a5a5a7; font-size: 16px; font-weight: 500; } .bredcrumbrs__link::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .scroll-top { position: fixed; bottom: 150px; right: 50px; z-index: 1; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 57px; height: 57px; background-color: #89898a; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; } .scroll-top.scroll-top--hide { opacity: 0; } .cart { position: fixed; bottom: 220px; right: 50px; z-index: 1; opacity: 1; width: 57px; height: 57px; background-color: var(--color-b); -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .cart.scroll-top--hide { opacity: 0; } .card { min-height: 920px; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; background-color: #f2f2f2; padding: 30px 40px 15px 35px; } .card__image { margin-bottom: 22px; } .card__info { font-size: 16px; line-height: 20px; font-weight: 300; color: #616161; margin-bottom: 20px; } .card__info li:first-child { color: #000000; font-weight: 500; } .card__box-name { border-radius: 3px; padding: 5px 25px; margin-bottom: 26px; } .card-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; } .card-name__name-icon { margin-right: 15px; } .card-name__name { font-size: 14px; line-height: 20px; font-weight: 300; color: #949494; } .card__price { font-size: 26px; line-height: 20px; font-weight: 300; color: #000000; border-bottom: 1px solid rgba(88, 88, 92, 0.6); margin-bottom: 18px; margin-left: -3px; padding-bottom: 7px; } .card__price span span { font-size: 28px; font-weight: 800; color: #0d0678; } .card__benefits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .card__benefits-icon { margin-right: 15px; } .card__benefits-text { font-size: 16px; line-height: 20px; font-weight: 500; color: var(--color-b); } .card__count { margin-bottom: 10px; } .counter { display: -webkit-box; display: -ms-flexbox; display: flex; } .counter__sumbol { background-color: var(--color-g-opacity); border-radius: 5px; border: none; outline: none; font-size: 24px; line-height: 36px; font-weight: 300; color: #ffffff; height: 44px; width: 32px; text-align: center; -webkit-transition: background 0.3s ease-in; -o-transition: background 0.3s ease-in; transition: background 0.3s ease-in; } .counter__sumbol:focus { outline: none; } .counter__sumbol:hover { background: var(--color-b); } .counter__amount { border: none; outline: none; background: transparent; text-align: center; font-size: 20px; line-height: 36px; font-weight: 300; color: #000000; width: 16px; } .counter__amount:focus { outline: none; } .card__count-btn { padding: 11px 35px; } .card__count-btn:hover { background: var(--color-bg-g); border: 1px solid var(--color-bg-g); color: #ffffff; } .card__text-addition { font-size: 14.9px; line-height: 18px; font-weight: 500; color: #616161; } .list__item { position: relative; } .list__item-hidden { max-height: 0; overflow: hidden; padding: 0 20px; will-change: max-height; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list__item-hidden.hidden { padding: 0px 20px 20px; -webkit-box-sizing: content-box; box-sizing: content-box; } .section-tabs__content-title { text-align: center; font-size: 20px; line-height: 24px; font-weight: 900; color: var(--color-b); background-color: #f2f2f2; padding: 17px 10px 13px; margin: 24px 0 15px; } .delivery__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; cursor: pointer; margin-bottom: 20px; } .delivery__row-image { margin-right: 15px; } .delivery__title { margin-right: 15px; font-size: 20px; line-height: 24px; font-weight: 300; color: var(--color-b); border-bottom: 1px dashed; } .delivery__title--bold { font-weight: 700; } .delivery__check { -webkit-transition: -webkit-transform 0.3s ease-in; transition: -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; } .delivery__check.show { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .delivery__desc { font-size: 18px; line-height: 24px; font-weight: 300; color: var(--color-g); } .product-info__title { margin: 15px 0 15px; } .delivery__row-partners { position: relative; margin-bottom: 20px; font-size: 16px; line-height: 24px; font-weight: 300; color: var(--color-g); } .delivery__row-partners::before { position: absolute; content: ""; bottom: 0; right: 0; width: 92%; height: 1px; background-color: var(--color-g-opacity); } .delivery__row-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .delivery__inner-img { border: 1px solid #868686; width: 71px; height: 48px; margin-right: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .delivery__row-link { text-decoration: underline; color: inherit; font-size: inherit; } .delivery__item { position: relative; padding-left: 30px; } .delivery__item:not(:last-child) { margin-bottom: 10px; } .delivery__item:first-child { margin-top: 30px; } .delivery__item::before { position: absolute; content: ""; width: 7px; height: 1px; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: currentColor; } .list__item-line { border-bottom: 1px solid var(--color-g-opacity); padding: 0px 0 15px; } .header { position: relative; z-index: 2; background: white; } .header-top { padding: 10px 0 20px; background-color: rgba(221, 220, 218, 0.6); } .logo { -ms-flex-negative: 0; flex-shrink: 0; width: 253px; } .header-top__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-top__block { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top__center { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 530px; width: 100%; padding-top: 22px; } .header-top__box-map { position: relative; padding-right: 45px; padding-left: 43px; } .header-top__box-map::before { position: absolute; content: ""; width: 1px; height: 17px; opacity: 0.23; background-color: #58585c; top: 0; right: 0; } .header-top__link-map { position: relative; font-size: 18px; line-height: 20px; font-weight: 500; color: var(--color-dark-g); } .header-top__link-map::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/map.png"); background-repeat: no-repeat; background-size: auto; width: 23px; height: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -30px; } .header-top__contacts { padding-left: 73px; padding-right: 60px; } .contacts__tel { position: relative; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--color-b); margin-bottom: 20px; padding-left: 26px; margin-left: -26px; border-bottom: 1px dashed var(--color-b); } .contacts__tel::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/phone.png"); background-repeat: no-repeat; background-size: auto; width: 23px; height: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .contacts__email { position: relative; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--color-dark-g); } .contacts__email::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/email.png"); background-repeat: no-repeat; background-size: auto; width: 23px; height: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -30px; } .header-top__cart { position: relative; margin-top: -5px; padding: 0 20px; -ms-flex-negative: 0; flex-shrink: 0; } .header-top__cart::before { position: absolute; content: ""; width: 1px; height: 17px; opacity: 0.23; background-color: #58585c; top: 5px; right: 0; } .header-top__cart::after { position: absolute; content: ""; width: 1px; height: 17px; opacity: 0.23; background-color: #58585c; top: 5px; left: 0; } .header-top__cart:hover .header-top__img-cart { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .header-top__img-cart { margin-bottom: 25px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .header-top__count-cart { font-size: 19px; line-height: 20px; font-weight: 500; color: var(--color-b); } .header-top__right { margin-left: 50px; -ms-flex-negative: 0; flex-shrink: 0; } .header-top__btn { margin-bottom: 10px; } .header-top__search { position: relative; cursor: pointer; font-size: 18px; line-height: 20px; font-weight: 500; text-decoration: underline; color: var(--color-dark-g); } .header-top__search::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/loupe.png"); background-repeat: no-repeat; background-size: auto; width: 23px; height: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -42px; } .catalog-wr { background-image: url("/local/templates/massiv/img/bg_header.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-wr { background-image: url("/local/templates/massiv/img/bg_hero.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero { position: relative; } .hero .swiper-pagination { bottom: 43px; z-index: 1; } .hero .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; border: 1px solid #ffffff; background-color: var(--color-g); opacity: 1; } .hero .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-b); } .hero__slide { margin-right: auto; margin-left: auto; padding: 265px 0 130px; } .hero__slide .container { position: relative; z-index: 2; } .hero__title { text-align: center; margin-bottom: 108px; } .hero__desc { font-size: 18px; line-height: 20px; font-weight: 300; color: #ffffff; margin-bottom: 108px; text-align: center; } .hero__btn { padding: 17px 100px; display: block; margin: 0 auto; width: 300px; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } .swiper-button-prev::after, .swiper-button-next::after { position: absolute; content: ""; display: none; } .style { padding: 35px 0 37px; } .style__title { text-align: center; margin-bottom: 40px; } .style__container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 25px; } .style-block { background-color: #ffffff; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); } .style-block:hover .style-block__btn { background: var(--color-b); } .style-block__content { padding: 8px 35px 0px 70px; } .style-block__header { margin-bottom: 10px; } .style-block__desc { font-size: 14px; line-height: 20px; font-weight: 300; color: #616161; } .style-block__btn { padding: 13px 50px 14px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-bottom: -30px; z-index: 1; position: relative; } .collection { -webkit-box-shadow: 0px 3px 29px 0px rgba(13, 6, 120, 0.64); box-shadow: 0px 3px 29px 0px rgba(13, 6, 120, 0.64); } .collection__row { padding-top: 17px; } .collection__row:first-child { padding-top: 23px; } .collection__row:nth-child(odd) { background-color: #f5f5f5; } .collection__row:nth-child(odd) .collection-swiper::before { position: absolute; content: ""; background-color: #f5f5f5; } .collection__row:nth-child(odd) .collection-swiper::after { position: absolute; content: ""; background-color: #f5f5f5; } .collection-card { padding-right: 27px; } .collection-card__header { margin-bottom: 20px; } .collection-card__box-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .collection-card__title { position: relative; font-size: 24px; line-height: 20px; font-weight: 500; color: var(--color-dark-g); padding: 10px 40px 12px 27px; } .collection-card__title::after { position: absolute; content: ""; width: 1px; height: 43px; background-color: #58585c; top: 0; left: 0; } .collection-card__line { width: 45%; height: 1px; opacity: 0.1; background-color: #58585c; } .collection__btn { padding: 13px 40px 14px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .collection-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .collection-card__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .collection-card__content { width: 47%; } .collection-card__desc { padding: 28px 0 40px 55px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-g); } .collection-swiper { position: relative; padding-left: 60px; padding-right: 60px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .collection-swiper::before { position: absolute; content: ""; width: 60px; height: 100%; background: #fff; top: 0; left: 0; z-index: 2; } .collection-swiper::after { position: absolute; content: ""; width: 60px; height: 100%; background: #fff; top: 0; right: 0; z-index: 2; } .collection-swiper__controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .collection-swiper__prev { left: 0; } .collection-swiper__next { right: 0; } .collection-swiper__btn { position: absolute; top: 41%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; cursor: pointer; width: 43px; height: 43px; background-color: #89898a; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .collection-swiper__btn:hover { background-color: var(--color-b); } .swiper__btn { z-index: 1; cursor: pointer; width: 43px; height: 43px; background-color: #89898a; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); border-radius: 3px; -webkit-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .swiper__btn:hover { background-color: var(--color-b); } .benefits { padding: 43px 0 40px; background-image: url("/local/templates/massiv/img/benefits_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; /* position: relative; */ } .benefits__title { text-align: center; margin-bottom: 43px; } .benefits__container { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); row-gap: 45px; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .benefits__card { background-color: #ffffff; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.12); border-radius: 1px; padding: 25px 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .benefits__img { margin-bottom: 25px; } .benefits__card-title { position: relative; font-size: 21px; line-height: 17px; font-weight: 300; color: var(--color-b); } .benefits__card-title::before { position: absolute; content: ""; width: 43px; height: 1px; background-color: #0d0678; top: -7px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bg-about { padding: 30px 0 70px; background-image: url("/local/templates/massiv/img/bg_about_2.jpg"); background-repeat: no-repeat; background-position: bottom; background-size: cover; } .about__row { position: relative; } .about__row:nth-child(even) .about__block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .about__row:nth-child(even) .about__title { padding-left: 52%; } .about__row:nth-child(even) .title-line::before { position: absolute; content: ""; left: 67%; } .about__row:not(:last-child) { margin-bottom: 75px; } .about__row:not(:last-child)::before { position: absolute; content: ""; width: 515px; height: 1px; opacity: 0.1; background-color: #58585c; bottom: -38px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .about__title { margin: 0 0 22px 0; } .about__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__swiper { width: 50%; height: 510px; margin-right: unset; margin-left: unset; } .about__slide { background-repeat: no-repeat; background-position: center; background-size: cover; } .about__swiper-controls { position: absolute; bottom: 2%; right: 7px; } .swiper-controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .about__swiper-prev { margin-right: 25px; } .about__content { width: 47%; } .about__desc p { font-size: 16px; line-height: 23px; font-weight: 300; color: #616161; margin-bottom: 20px; } .about__btn { padding: 17px 88px; background: var(--color-bg-g); border-color: currentColor; } .about__sheme { padding-top: 37px; } .question { padding: 30px 0 35px; background-color: #ffffff; /* -webkit-box-shadow: 0px 3px 29px 0px rgba(13, 6, 120, 0.64); box-shadow: 0px 3px 29px 0px rgba(13, 6, 120, 0.64); */ } .question__container { position: relative; } .question__img { position: absolute; top: 38%; right: -338px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .question__header { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; margin-bottom: 40px; } .question__title { margin: 0; } .question__subtitle { position: relative; font-size: 18px; line-height: 20px; font-weight: 500; color: #000000; padding-left: 50px; padding-top: 15px; } .question__subtitle::before { position: absolute; content: ""; width: 1px; height: 43px; opacity: 0.41; background-color: #58585c; top: 50%; left: 28px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; } .form__box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form__box .form-block:not(:last-child) { margin-bottom: 20px; } .form-block { width: 100%; } .form-input { width: 100%; background-color: #58585c; border: none; border-radius: 3px; padding: 29px 25px 29px; background: rgba(89, 89, 92, 0.1); font-size: 22px; line-height: 20px; font-weight: 500; color: #000000; } .form-input.is-invalid { background: rgba(255,0,0, 0.4); } .form-input--message { resize: none; height: 100%; } .form-input--time { display: none; } .send-button { padding: 17px 100px; } .news { background-color: #e7e7e7; padding: 55px 0 45px; } .news__container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; row-gap: 25px; } .news-card { background-color: #ffffff; } .news-card:hover .news-card__btn { background: var(--color-bg-g); color: #ffffff; } .news-card__content { padding: 25px 15px 25px 10px; background: #fff; } .news-card__title { font-size: 22px; line-height: 20px; font-weight: 300; color: #000000; } .news-card__btn { padding: 14px 55px; } .news-card__btn:hover { background: var(--color-bg-g); } .work { padding: 18px 0 25px; } .work__title { margin: 0px 0px 35px 0px; padding-left: 52px; } .work__title::before { position: absolute; content: ""; left: 27px; } .work__container { position: relative; } .work__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); row-gap: 13px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .work__slide { display: block; width: 100%; height: 202px; background-repeat: no-repeat; background-position: center; background-size: cover; } .work__swiper-controls { display: none; margin-right: auto; margin-left: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .work__button-prev { margin-right: 10px; } .navigation { background: rgba(221, 220, 218, 0.6); padding: 15px 0 27px; } .navigation__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } .navigation__link { min-width: 150px; height: 130px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navigation__btn { padding: 14px 10px 14px; width: 100%; } .navigation__btn:hover { background-color: #58585c; } .product-card { padding-bottom: 32px; } .product-card__container { display: -ms-grid; display: grid; -ms-grid-columns: 330px minmax(auto, 820px); grid-template-columns: 330px minmax(auto, 820px); -ms-grid-rows: minmax(143px, auto) 1fr; grid-template-rows: minmax(143px, auto) 1fr; gap: 20px 20px; } .product-card__card { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; } .product-card__info { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2; } .product-card__features { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; height: 100%; } .product-card__title { width: 100%; margin: 0 0 13px; padding-bottom: 10px; border-bottom: 1px solid var(--color-g-opacity); } .product-card__title h1 { padding-right: 17px; } .product-card__title .title2 { margin: 0; } .product-card__desc { background-color: #f2f2f2; padding: 10px 60px 15px; } .product-card__desc-info { display: -ms-grid; display: grid; -ms-grid-columns: 200px 255px; grid-template-columns: 200px 255px; gap: 15px 10px; } .product-card__desc-info > a:hover .desc-item__text span { border-bottom: 1px solid transparent; font-weight: 500; } .desc-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .desc-item:nth-child(3) .desc-item__text span, .desc-item:nth-child(4) .desc-item__text span { border-bottom: 1px solid var(--color-b); font-weight: 500; -webkit-transition: border-color 0.3s ease-in; -o-transition: border-color 0.3s ease-in; transition: border-color 0.3s ease-in; } .desc-item__icon { margin-right: 6px; } .desc-item__text { font-size: 16px; line-height: 20px; font-weight: 500; color: #a5a5a7; } .desc-item__text span { color: var(--color-b); } .product-card__banner { background-color: var(--color-g-opacity); border-radius: 3px; height: 58px; font-size: 18px; line-height: 20px; font-weight: 400; color: #ffffff; padding: 5px; min-width: 150px; } .product-card__features-inner { max-width: 700px; margin: 0 auto; } .product-card-name { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .product-card-name--color { margin-bottom: 28px; } .product-card-name--desing { margin-bottom: 35px; } .product-card-name__item { position: relative; font-size: 24px; line-height: 20px; font-weight: 500; color: #2d2d2d; } .product-card-name__item:first-child { padding-right: 25px; } .product-card-name__item:last-child { padding-left: 25px; } .product-card-name__item:not(:last-child)::before { position: absolute; content: ""; width: 1px; height: 43px; background-color: #58585c; top: -10px; right: 0; } .product-card__slider { position: relative; } .swiper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .model__swiper, .design__swiper { padding: 10px 10px 0px; margin: -10px -10px 0px; } .model__slide, .design__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .controls { position: absolute; top: 35%; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card__pict-item { width: 59px; height: 58px; -webkit-transition: -webkit-box-shadow 0.3s ease-in; transition: -webkit-box-shadow 0.3s ease-in; -o-transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in; margin-bottom: 23px; } .selected > .product-card__pict-item, .selected.need__pict > img, .product-card__sku-block:hover .product-card__pict-item, .need__pict:hover img { -webkit-box-shadow: 0px 2px 9px 4px #062078a1; box-shadow: 0px 2px 9px 4px #062078a1; } .product-card__pict-name { font-size: 18px; line-height: 14px; font-weight: 400; color: #58585c; } .product-card__sku-block:hover .product-card__pict-name, .product-card__sku-block:hover .product-card__sku-name { color: var(--color-b); } .product-card__sku { margin-bottom: 29px; } .product-card__sku + .product-card__sku .product-card-name { border-top: 1px solid var(--color-g-opacity); padding: 20px 0px 18px 0px; } .product-card__features-block { padding: 10px 0 0px; margin: -10px -10px 0px; position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; flex-wrap: wrap; } .product-card__sku-block { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; padding: 0px 10px; cursor: pointer; } .product-card__sku-img { margin-bottom: 18px; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .product-card__sku-name { text-align: center; font-size: 18px; line-height: 14px; font-weight: 400; color: #58585c; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .accessories { padding-bottom: 50px; } .accessories__title { margin: 0 0 10px 0; } .ml { margin-left: 60px; } .accessories__container { position: relative; } .accessories__swiper { border-top: 1px solid var(--color-g-opacity); padding-top: 36px; max-width: 1043px; padding: 36px 15px 15px; } .accessories__slide { background-color: #f2f2f2; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); } .accessories__name { font-size: 18px; line-height: 19px; font-weight: 300; color: #000000; padding: 15px 13px 17px 15px; } .accessories__image { background-color: #ffffff; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); padding: 13px 15px 63px 28px; } .accessories__content { padding: 27px 10px 15px; } .accessories__price { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; font-size: 26px; line-height: 20px; font-weight: 300; color: #000000; margin-bottom: 25px; margin-left: 18px; padding-bottom: 5px; border-bottom: 1px solid var(--color-g-opacity); } .accessories__price span { font-size: 28px; font-weight: 800; color: #0d0678; } .accessories__count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .accessories__count-btn { padding: 10px 23px; } .accessories__count-btn:hover { background: var(--color-bg-g); border: 1px solid var(--color-bg-g); color: #fff; } .accessories__controls { top: 52%; } .tabs:first-child .section-tabs__content { padding-top: 30px; padding-bottom: 23px; margin-bottom: 20px; } .section-tabs__list .collection-header__box { position: relative; padding-top: 14px; padding-bottom: 14px; } .section-tabs__list .collection-header__box:first-child { padding-left: max(15px, (100% - 930px) / 2); } .section-tabs__list .collection-header__box:nth-child(2) { width: 32%; padding-left: 4%; padding-right: 30px; } .section-tabs__list .collection-header__box .collection-header__icon { visibility: hidden; } .section-tabs__content { font-size: 18px; color: var(--color-g); /* -webkit-box-shadow: 0px 17px 29px -10px rgba(13, 6, 120, 0.64); box-shadow: 0px 17px 29px -10px rgba(13, 6, 120, 0.64); */ } .section-tabs__item { background-color: #f2f2f2; padding: 15px 0 15px; margin-bottom: 10px; } .section-tabs__item-name { font-weight: 800; } .section-tabs__line { border-bottom: 1px solid var(--color-g-opacity); margin-bottom: 30px; } .section-tabs__item-grid { display: -ms-grid; display: grid; -ms-grid-columns: 445px 445px; grid-template-columns: 445px 445px; gap: 0px 55px; } .section-tabs__desc { font-weight: 300; line-height: 23px; margin-bottom: 30px; } .section-tabs__desc p:not(:last-child) { margin-bottom: 27px; } .section-tabs__desc > li { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-tabs__desc > li:not(:last-child) { margin-bottom: 15px; } .section-tabs__desc > li > img { width: 18px; height: 18px; margin-right: 40px; } .section-tabs__characteristics-item:nth-child(odd) { background-color: #f2f2f2; } .section-tabs__characteristics-span { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; font-size: 18px; line-height: 48px; font-weight: 300; color: var(--color-g); } .section-tabs__characteristics-span span:first-child { font-weight: 700; } .similar { padding: 45px 0 50px; } .similar__title { margin-bottom: 36px; } .similar__slider { position: relative; } .similar__swiper { max-width: 876px; margin-right: auto; margin-left: auto; padding: 10px; } .similar-slide { background-color: #f2f2f2; -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-box-shadow 0.3s ease-in; transition: -webkit-box-shadow 0.3s ease-in; -o-transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in; } .similar-slide:hover { -webkit-box-shadow: 0px 2px 9px 4px #062078a1; box-shadow: 0px 2px 9px 4px #062078a1; } .similar-slide__header { padding: 16px 35px 10px; } .similar-slide__title { font-size: 22px; line-height: 20px; font-weight: 300; color: #000000; margin-bottom: 10px; } .similar-slide__subtitle { font-size: 18px; line-height: 20px; font-weight: 300; color: #616161; } .similar-slide__image { padding: 10px; } .similar-slide__box-name { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px 5px 6px; } .similar-slide__footer { padding: 15px 20px; width: 100%; } .similar-slide__price { font-size: 22px; line-height: 20px; font-weight: 300; color: #000000; margin-bottom: 20px; } .similar-slide__price span { font-weight: 800; color: var(--color-b); } .similar-slide__count-btn { padding: 11px 20px; } .similar-slide__count-btn:hover { background-color: var(--color-bg-g); color: #fff; border: 1px solid currentColor; } .footer { background-color: #58585c; /* padding: 42px 0 17px; */ padding: 82px 0 17px; } .footer__container { display: -ms-grid; display: grid; -ms-grid-columns: minmax(-webkit-max-content, 205px) minmax(-webkit-max-content, 263px) minmax(-webkit-max-content, 223px) minmax(-webkit-max-content, 250px) minmax(-webkit-max-content, 230px); -ms-grid-columns: minmax(max-content, 205px) minmax(max-content, 263px) minmax(max-content, 223px) minmax(max-content, 250px) minmax(max-content, 230px); grid-template-columns: minmax(-webkit-max-content, 205px) minmax(-webkit-max-content, 263px) minmax(-webkit-max-content, 223px) minmax(-webkit-max-content, 250px) minmax(-webkit-max-content, 230px); grid-template-columns: minmax(max-content, 205px) minmax(max-content, 263px) minmax(max-content, 223px) minmax(max-content, 250px) minmax(max-content, 230px); } .footer__container a { -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .footer__container a:hover { color: var(--color-b); opacity: 1; } .footer-item:not(:last-child) .footer-item__name::before { position: absolute; content: ""; width: 1px; height: 20px; opacity: 0.23; background-color: #ffffff; top: 0; right: 0; } .footer-item__name { position: relative; display: block; font-size: 20px; line-height: 20px; font-weight: 700; color: #ffffff; margin-bottom: 40px; } .footer-item__link { opacity: 0.45; font-size: 16px; font-weight: 400; color: #ffffff; display: block; } .footer-item--catalog { padding: 0 0px 0 18px; } .footer-item--catalog .footer-item__link:first-child { margin-bottom: 95px; } .footer-item--collection { padding: 0 0px 0 38px; } .footer-item--collection .footer-item__content{ display: -ms-grid; display: grid; /* -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; */ padding-right: 30px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; row-gap: 10px; } .footer-item--collection .footer-item__content:not(:last-child) { margin-bottom: 38px; } .footer-item--buyer { padding: 0 0px 0 50px; } .footer-item--buyer .footer-item__name { margin-bottom: 40px; } .footer-item--buyer .footer-item__link:not(:last-child) { margin-bottom: 11px; } .footer-item--company { padding: 0 0px 0 58px; } .footer-item--company .footer-item__link:not(:last-child) { margin-bottom: 16px; } .footer-item--company .footer-item__link--bold { font-size: 20px; line-height: 20px; font-weight: 700; color: #ffffff; margin-top: 62px; opacity: 1; } .footer-item--contacts { padding: 0 0px 0 53px; } .footer-item--contacts .footer-item__name { margin-bottom: 30px; } .footer-item--contacts .footer-item__content { margin-bottom: 55px; } .footer-item--contacts .contacts__tel { font-size: 18px; line-height: 24px; font-weight: 500; color: #ffffff; border-bottom: 1px dashed currentColor; } .footer-item--contacts .contacts__tel::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/phone_grey.png"); -webkit-transition: background-image 0.3s ease-in; -o-transition: background-image 0.3s ease-in; transition: background-image 0.3s ease-in; } .footer-item--contacts .contacts__tel:hover::before { background-image: url("/local/templates/massiv/img/icons/phone.png"); } .footer-item--contacts .contacts__email { font-size: 16px; line-height: 20px; font-weight: 500; color: #ffffff; } .footer-item--contacts .contacts__email::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/email_grey.png"); left: -28px; -webkit-transition: background-image 0.3s ease-in; -o-transition: background-image 0.3s ease-in; transition: background-image 0.3s ease-in; } .footer-item--contacts .contacts__email:hover::before { background-image: url("/local/templates/massiv/img/icons/email_blue_1.png"); } .footer-item--contacts .footer-item__pay a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer-item--contacts .footer-item__pay .footer-item__box-icon:last-child { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .footer-item--contacts .footer-item__pay-name { font-size: 16px; line-height: 36px; font-weight: 400; color: #ffffff; opacity: 1; margin-bottom: 10px; } .footer-item--contacts .footer-item__box-icon { width: 185px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .footer-item--contacts .footer-item__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer-brevis { max-width: 670px; /* padding-left: 20px; margin-top: -53px; */ } .footer__copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; width: 302px; } .footer__copyright-img { margin-right: 15px; } .footer__copyright-link { font-size: 14px; font-weight: 400; color: #fff; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .footer__copyright-name { font-size: 14px; font-weight: 500; text-decoration: underline; color: white; } .footer__copyright-name:hover{ color: #0D0678; } .footer-brevis__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-brevis__social::before { position: absolute; content: ""; width: 187px; height: 1px; opacity: 0.23; background-color: #ffffff; top: -20px; right: 0; } .footer-brevis__social a { -webkit-transition: -webkit-transform 0.3s ease-in; transition: -webkit-transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; } .footer-brevis__social a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer-brevis__icon { margin-right: 13px; opacity: 0.45; } .footer-copyright { max-width: 890px; text-align: center; opacity: 0.45; font-size: 11px; line-height: 16px; font-weight: 400; color: #ffffff; margin-left: auto; margin-right: auto; margin-top: 20px; } header.header.main_page_header { /* position: absolute; */ left: 0; top: 0; width: 100%; background: white; } .hero__slide img.hero_background_image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .hero__swiper .swiper-button-prev { left: calc(39% - 351px); } .hero__swiper .swiper-button-next { right: calc(39% - 351px); } .find_in_site { position: absolute; left: 0; bottom: -74px; width: 100%; height: 0; z-index: 99; transition: .3s; overflow: hidden; } .find_in_site.active { height: 54px; } .find_in_site form { display: flex; } .find_in_site form input[type="text"] { width: 100%; font-size: 24px; padding: 13px 10px; border: initial; } .find_in_site form input[type="submit"] { cursor: pointer; width: 200px; border: initial; background: #0d0678; color: #fff; font-size: 24px; } .header-top .container{ position: relative; } .card-info { font-size: 15px; font-weight: 500; } .card-header, .card-body .addres{ margin-bottom: 5px; } .card-header{ font-size: 18px; font-weight: 600; } .contacts_flexbox { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-card-header { font-size: 18px; font-weight: 600; margin: 10px 0; color: black; } .contact-card__addres,.contact-card__email { font-size: 15px; font-weight: 500; color: black; margin-bottom: 20px; } .contact-card { width: 45%; } .list-news .item{ display: flex; margin: 20px 0; } .list-news .item .image img{ max-width: none; } .list-news .item .image{ margin-right: 30px; } .list-news .item a.text-dark{ font-size: 20px; font-weight: 600; color: #0D0678; } .body-info .period{ margin: 5px 0; } .body-info .period .date{ font-size: 18px; font-weight: 500; } .previewtext{ font-size: 16px; } a.nav__sub-link{ position: relative; } a.nav__sub-link:after{ content: ""; position: absolute; height: 100%; width: 100%; background-color: rgb(0 0 0 / 50%); top:0; left: 0; } .nav__sub-title{ z-index: 10; } .product-card__pict-item { border: 1px solid #80808096; } .card__info li:first-child{ display: none; } a.header-top__link-map:hover{ color: #0D0678; cursor: pointer; text-decoration: underline; } a.footer-item__link.footer-item__link--bold { display: none; } .footer-item__pay .footer-item__pay-name:first-child{ display: none; } .similar-slide__subtitle{ display: none; } .similar-slide__image { height: 300px; } .similar-slide__header{ height: 80px; } .news-date-time { font-size: 20px; font-weight: 600; margin: 10px 0; } .news_detail_text{ font-size: 18px; margin: 10px 0; } .list_style_detail{ list-style: disc; margin-left: 20px; } .hero__title.title-white div,a.hero__btn.btn.btn--blue{ display: none; } .collection-card__title a{ color: #0D0678; } .collection-card__title a:hover{ text-decoration: underline; } .hero__swiper { /* height: 50%; */ } .collection-card__header{ width: 87%; } .contacts_blocks { display: flex; justify-content: space-between; flex-wrap: wrap; } .contact_block { width: 49%; display: flex; flex-direction: column; } .contact_block p.title_contacts { font-size: 70px; font-weight: 500; } .contact_block p,.contact_block a { font-size: 27px; margin-bottom: 25px; font-weight: 500; color:#0d0678; } /* .contact_block p a{ color:#0d0678; text-decoration: ; } */ .contacts__location{ position: relative; padding-left: 26px; } .contact_block .contacts__email{ padding-left: 26px; } .contacts__location::before { position: absolute; content: ""; background-image: url("/local/templates/massiv/img/icons/location_icon.png"); background-repeat: no-repeat; background-size: auto; width: 23px; height: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:0; } .contact_block .contacts__email:before{ left: 0; } .contact_block .contacts__tel{ border: none; } .contact_block .contacts__location, .contact_block .contacts__tel, .contact_block .contacts__email{ margin-left: 0px; } .success.active { box-shadow: 0px 0px 3px 1px #ff000070; border-radius: 5px; padding: 10px; } .success.active p { font-size: 24px; font-weight: 600; color: #ff3434d4; } .alert-success { margin-top: 20px; } .swiper-wrapper{ height: 55%; } table.sale_order_full_table td { font-size: 22px; font-weight: 500; padding: 20px 0; } table.sale_order_full_table td a{ color:#0d0678; font-weight: 600; } table.sale_order_full_table td a:hover{ text-decoration: underline; } .header .nav.scrolled { position: fixed; width: 100%; background: white !important; top: 0; padding: 10px; } button.header-top__btn.btn { font-weight: 600; } .contact_block .contacts__tel:hover,.contact_block .contacts__email:hover{ text-decoration: underline; } .style-block__header-title div{ font-size: 24px; font-weight: 500; color: var(--color-dark-g); margin: 0; display: block; } img.style-block__header-icon { order: 1; } .collection-header__title div{ font-size: 24px; font-weight: 500; color: var(--color-dark-g); } .collection-header__title.title-white div{ color: #fff; } .collection__header .collection-header__icon{ order: 1; } .question__header .question__title.title-line div { font-size: 30px; font-weight: 700; color: var(--color-b); } @media (min-width: 767px) { .nav__item--catalog:hover .nav__sub-list { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; } } @media (max-width: 1879px) { .question__img { right: 60px; top: 50%; } .question__header { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .question__subtitle { padding-left: 30px; } .question__subtitle::before { left: 0px; height: 0px; } .form { -ms-grid-columns: 1fr; grid-template-columns: 1fr; width: 60%; } } @media (max-width: 1399px) { .section-tabs__list .collection-header__box:nth-child(2) { padding-left: 2%; padding-right: 18px; } } @media (max-width: 1199px) { h1, h2, .title2 { font-size: calc(20px + (10) * ((100vw - 320px) / (1200 - 320))); } h3 { font-size: calc(18px + (6) * ((100vw - 320px) / (1200 - 320))); } .nav__sub-list { width: 992px; gap: 15px; } .nav__sub-item { -ms-flex-negative: 1; flex-shrink: 1; } .collection-header__box:first-child { padding-left: max(15px, (100% - 1000px) / 2); } .collection-header__box:last-child { padding-right: max(15px, (100% - 1000px) / 2); } .logo { width: 170px; } .header-top__btn { padding: 17px 55px; } .collection-card__img { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-right: 10px; } .about__row:nth-child(even) .title-line::before { left: 64%; } .navigation__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-card__desc { padding: 10px 20px 15px; } .product-card__features-inner { max-width: 640px; } .section-tabs__list .collection-header__box:nth-child(2) { width: 50%; } .footer__container { gap: 20px; } .footer-item--catalog { padding: 0 0px 0 0px; } .footer-item--collection { padding: 0 0px 0 0px; } .footer-item--buyer { padding: 0 0px 0 0px; } .footer-item--company { padding: 0 0px 0 0px; } .footer-item--contacts { padding: 0 0px 0 0px; } .footer__copyright { margin-top: 20px; } .container { max-width: 1024px; } } @media (max-width: 1081px) { .footer__copyright { width: 100%; } } @media (max-width: 1023px) { .nav__sub-list { width: 960px; } .header-top__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news__container { gap: 30px; } .product-card__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .product-card__title h1 { padding-right: 0; } .product-card__title .title2.title-line { padding-left: 0; } .product-card__title .title2.title-line::before { position: absolute; content: ""; display: none; } .product-card__desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-card__desc-info { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; margin-bottom: 10px; } .product-card__features-inner { max-width: 615px; } .container { max-width: 992px; } .hero__slide { padding-top: calc(226px + 94px); } } @media (max-width: 991px) { .nav__link { font-size: 15px; } .nav__sub-list { width: 740px; gap: 10px; padding: 10px; } .nav__sub-title { font-size: 20px; } .collection-header__icon { width: 40px; height: 40px; } .collection-header__arrow { width: 10px; height: 20px; } .header-top__box-map { padding-right: 20px; padding-left: 25px; } .header-top__contacts { padding-left: 50px; padding-right: 30px; } .header-top__right { margin-left: 20px; } .style-block__content { padding: 8px 20px 0px 20px; } .collection-card { padding-right: unset; } .collection-card__desc { padding: 10px 0 10px 0px; } .benefits__container { gap: 20px; } .about__row:nth-child(even) .about__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about__row:nth-child(even) .about__title { padding-left: 25px; } .about__row:nth-child(even) .title-line::before { left: 0; } .about__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about__swiper { width: 100%; margin-bottom: 20px; } .about__content { width: 100%; } .form { width: 50%; } .news-card__btn { padding: 14px 20px; } .work__slide { height: 170px; } .product-card__features-inner { max-width: 388px; } .section-tabs__item-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px 0px; } .section-tabs__item-grid .section-tabs__item-name--hide { display: none; } .footer__container { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .footer-item:not(:last-child) .footer-item__name::before { display: none; } .footer-brevis { margin-top: 10px; } .container { max-width: 768px; } .hero__swiper .swiper-button-next { right: 20px; } .hero__swiper .swiper-button-prev { left: 20px; } .list-news .item { display: flex; margin: 20px 0; flex-wrap: wrap; width: 41%; } .list-news .row { display: flex; flex-wrap: wrap; width: 80%; margin: 0 auto; justify-content: space-between; } .collection-card{ padding-bottom: 100px; } } @media (max-width: 767px) { .nav__item:not(:last-child) span::before,.nav__item:not(:last-child) a::before { display: none; } .nav__item--hidden { display: block; } .nav__sub-list { width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; } .nav__sub-title { font-size: 16px; } .mobile-menu { z-index: 2; position: fixed; top: 0; right: -100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 24px; margin-left: auto; margin-right: auto; background-color: #fff; width: 320px; height: 100vh; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .mobile-menu.active { right: 0; opacity: 1; } .nav-icon { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 4; margin-left: auto; position: absolute; top: 10px; right: 10px; } .collection-header__icon { margin-right: 5px; } .logo { margin-bottom: 15px; } .header-top__block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header-top__center { padding-top: 10px; } .header-top__box-map { display: none; } .contacts { display: none; } .header-top__cart::before { display: none; } .header-top__cart::after { display: none; } .hero__title { margin-bottom: 60px; } .hero__desc { margin-bottom: 60px; max-width: 400px; font-size: 16px; } .style-block__header-icon { width: 35px; height: 35px; margin-right: 5px; } .style-block__desc { font-size: 12px; line-height: 17px; } .style-block__btn { margin-right: auto; } .collection-card__title { font-size: 20px; line-height: 1.2; padding: 10px 15px; } .collection-card__title::after { height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .collection-card__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .collection-card__img { margin-right: 0; } .collection-card__content { width: 100%; } .benefits__card { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .benefits__img { width: 50px; } .question__img { display: none; } .form { width: 100%; } .news__container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .work__swiper { margin-bottom: 10px; } .work__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; row-gap: unset; -ms-grid-columns: unset; grid-template-columns: unset; } .work__swiper-controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__container { -ms-grid-rows: minmax(143px, auto) 1fr; grid-template-rows: minmax(143px, auto) 1fr; gap: 0px 10px; } .product-card__card { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3; } .product-card__features { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; } .product-card__features-inner { max-width: 204px; } .product-card-name { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-card-name__item:first-child { padding-right: 0; margin-bottom: 10px; } .product-card-name__item:last-child { padding-left: 0; } .product-card-name__item:not(:last-child)::before { display: none; } .section-tabs__list .collection-header__box:nth-child(2) { width: 65%; } .container { max-width: 576px; } .hero__slide { padding-top: calc(184px + 94px); } .contact-card { width: 70%; } .contact_block { width: 100%; margin: 0 auto; } } @media (max-width: 665px) { .bredcrumbrs__link { padding: 0px 10px; font-size: 14px; } } @media (max-width: 575px) { .title-line::before { height: 30px; } .collection-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .collection-header__box { padding-top: 5px; padding-bottom: 5px; width: 100%; border-bottom: 1px solid #fff; } .collection-header__box:not(:last-child)::before { display: none; } .collection-header__box:first-child { padding-left: 15px; padding-right: 15px; } .collection-header__box:last-child { padding-left: 15px; padding-right: 15px; } .scroll-top { right: 15px; } .cart { right: 15px; } .delivery__row-partners { line-height: 20px; font-size: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .delivery__row-partners::before { width: 100%; bottom: -10px; } .delivery__row-name { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .delivery__inner-img { margin-right: 5px; margin-bottom: 10px; } .hero .swiper-pagination { bottom: 30px; } .hero__desc { max-width: 270px; } .style__container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 15px; } .collection-card__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .collection-card__line { margin-bottom: 10px; } .benefits { padding: 20px 0 20px; } .benefits__title { margin-bottom: 20px; } .benefits__container { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .benefits__card-title { font-size: 16px; } .about__row:not(:last-child)::before { width: 100%; } .about__swiper { height: 270px; } .about__desc p { font-size: 14px; line-height: 18px; margin-bottom: 10px; } .work__title { margin: 0px 0px 20px 0px; padding-left: 25px; } .work__title::before { left: 0; } .navigation__link { height: auto; } .navigation__img { display: none; } .product-card { margin-bottom: 0; } .product-card__container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: minmax(143px, auto) 1fr; grid-template-rows: minmax(143px, auto) 1fr; gap: 10px 0px; } .product-card__features { grid-column: unset; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4; } .product-card__features-inner { max-width: 380px; } .section-tabs__list .collection-header__box { padding-top: 10px; padding-bottom: 10px; } .section-tabs__list .collection-header__box:nth-child(2) { width: 100%; padding-left: 15px; } .section-tabs__content { font-size: 16px; } .section-tabs__desc p:not(:last-child) { margin-bottom: 15px; } .section-tabs__desc > li:not(:last-child) { margin-bottom: 7px; } .section-tabs__desc > li > img { margin-right: 15px; } .footer__container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 10px; } .footer-item--collection .footer-item__content { padding-right: 0px; gap: 10px; } .footer-brevis { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-brevis__social::before { top: -10px; } .container { max-width: 425px; } .contact-card { width: 100%; } .list-news .item { display: flex; margin: 20px 0; flex-wrap: wrap; width: 100%; margin: 20px auto; justify-content: center; } .contact_block p, .contact_block a { font-size: 22px;} } @media (max-width: 424px) { body { font-size: 14px; } .title-line { padding-left: 10px; } .nav-icon { width: 35px; } .bredcrumbrs { padding: 10px 0 10px; } .bredcrumbrs__link { font-size: 12px; } .delivery__row { width: 100%; } .header-top__img-cart { margin-bottom: 5px; } .hero__title { margin-bottom: 30px; } .hero__desc { font-size: 14px; max-width: 200px; } .style__title { margin-bottom: 20px; } .collection-card__desc { font-size: 12px; line-height: 16px; } .collection-swiper { padding-left: 40px; padding-right: 40px; } .collection-swiper::before { width: 40px; } .collection-swiper::after { width: 40px; } .collection-swiper__btn { top: 50%; width: 35px; height: 35px; } .swiper__btn { top: 50%; width: 35px; height: 35px; } .about__row:not(:last-child) { margin-bottom: 35px; } .about__row:not(:last-child)::before { bottom: -20px; } .about__title { margin-bottom: 15px; } .question__header { margin-bottom: 20px; } .question__subtitle { padding-left: 10px; font-size: 14px; } .form { gap: 20px; } .form__box .form-block:not(:last-child) { margin-bottom: 15px; } .form-input { padding: 20px; font-size: 16px; } .news-card__content { padding: 15px; } .news-card__title { font-size: 18px; line-height: 1.2; } .navigation__link { width: 100%; } .product-card__features-inner { max-width: 280px; } .product-card-name__item { font-size: 20px; line-height: 19px; } .accessories { padding-bottom: 30px; } .similar { padding: 25px 0 30px; } .footer-item--contacts .footer-item__pay-name { line-height: 20px; } .footer__copyright-img { margin-right: 10px; } .container { max-width: 375px; } .list-news .row{ width: 100%; } } @media (max-width: 374px) { .title-line::before { height: 30px; left: -5px; } .bredcrumbrs__link { padding: 0px 9px; font-size: 10px; } .card { padding: 20px 25px 15px 25px; } .card__price { font-size: 22px; } .header-top__cart { padding: 0 0 0 10px; } .header-top__right { margin-left: 0; } .benefits__img { width: 40px; } .benefits__card-title { font-size: 12px; } .about__btn { padding: 13px 70px; } .news-card__title { font-size: 14px; } .news-card__btn { padding: 10px 20px; } .accessories__price { margin-bottom: 15px; margin-left: 0px; } .accessories__count-btn { padding: 10px 10px; } .section-tabs__content { font-size: 14px; } .footer-item__name { font-size: 16px; margin-bottom: 20px; } .footer-item__link { font-size: 10px; } .footer-item--buyer .footer-item__name { margin-bottom: 20px; } .footer-item--company .footer-item__link--bold { margin-top: 10px; } .footer-item--contacts .footer-item__box-icon { width: 160px; } .footer-brevis__social::before { display: none; } .footer-copyright { font-size: 9px; } .container { width: 320px; } .list-news .row{ width: 100%; } .list-news .item{ justify-content: inherit; } } /* End */ /* /local/templates/massiv/files/libs/animate.css?165969646357095 */ /* /local/templates/massiv/files/libs/fancybox.css?165969646315598 */ /* /local/templates/massiv/files/libs/swiper/swiper-bundle.min.css?165969646518842 */ /* /local/templates/massiv/components/bitrix/system.pagenavigation/.default/style.css?1663938104492 */ /* /local/templates/massiv/template_styles.css?166540630582475 */