/* Start:/local/templates/prem-house/css/animate.css?171431680557095*/ @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/prem-house/css/owl.carousel.min.css?17143168053351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/prem-house/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/prem-house/css/owl.theme.default.min.css?17143168051013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/prem-house/css/jquery.fancybox.min.css?171431680512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/prem-house/css/nouislider.min.css?17143168054220*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/prem-house/css/nice-select.min.css?17143168053117*/ .nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}/*# sourceMappingURL=nice-select.min.css.map */ /* End */ /* Start:/local/templates/prem-house/css/main.css?1747149299335465*/ *, ul, li, a, p, span { padding: 0; margin: 0; box-sizing: border-box; font-family: "Montserrat", sans-serif; list-style: none; font-style: normal; } a { text-decoration: none; } html { scroll-behavior: smooth; } input { outline: none !important; appearance: none; } input::-webkit-file-upload-button, input::file-selector-button { display: none; } input[type=file] { padding-left: 30px !important; background-image: url(/local/templates/prem-house/css/../assets/imgs/file_skripka.svg); background-repeat: no-repeat; background-position: left center; } .container { max-width: 1600px; margin: 0 auto; } @media (max-width: 1700px) { .container { max-width: 1200px; } } @media (max-width: 1200px) { .container { max-width: 800px; padding: 0 17px; } } @media (max-width: 799px) { .container { max-width: 100%; padding: 0 15px; } } @media (max-width: 576px) { .container { padding: 0 10px; } } @media (max-width: 1200px) { .wrapper { overflow: hidden; } } .main { position: relative; } .main .background_slider { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; } .main .background_slider div:not(.owl-dots) { height: 100%; } .main .background_slider div:not(.owl-dots) img { height: 100%; } .main .background_slider .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; display: flex; justify-content: center; gap: 0 12px; } .main .background_slider .owl-dots .owl-dot { flex: 0 0 auto; height: 6px; width: 6px; background-color: #fff; border-radius: 50%; } .main .background_slider .owl-dots .owl-dot.active { background-color: #EF6D27; } .main .calculators { display: flex; flex-direction: column; gap: 10px; position: absolute; z-index: 10; right: 0; top: 30%; align-items: center; justify-content: center; } @media (max-width: 1700px) { .main .calculators { top: 23%; } } @media (max-width: 1024px) { .main .calculators { top: 46%; gap: 5px; } } @media (max-width: 799px) { .main .calculators { display: none; } } .main .calculators a { color: #FFF; font-size: 12px; font-weight: 400; line-height: 140%; display: flex; flex-direction: column; gap: 5px; border-radius: 3px 0px 0px 3px; background: #85A726; padding: 10px 6px; width: 120px; height: 75px; } @media (max-width: 1200px) { .main .calculators a { font-size: 10px; gap: 1px; width: 101px; height: 60px; } } .main .calculators a img { width: 20px; height: 20px; } @media (max-width: 1200px) { .main .calculators a img { width: 14px; height: 14px; } } .main .calculators a:hover { background: #EF6D27; } @media (max-width: 799px) { .main { padding-bottom: 53px; } } .content_wrapper > h3, .section_title, .section_title h1 { color: #102D47; font-size: 42px; font-weight: 600; line-height: 130%; margin-bottom: 30px; text-align: left !important; } @media (max-width: 1700px) { .content_wrapper > h3, .section_title { margin-bottom: 28px; } } @media (max-width: 1200px) { .content_wrapper > h3, .section_title { font-size: 24px; margin-bottom: 23px; } .section_title h1 { font-size: 24px; } } @media (max-width: 799px) { .content_wrapper > h3, .section_title { margin-bottom: 15px; text-align: center; } } .main_btn { color: #FFF; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; display: flex; align-items: center; justify-content: space-between; background: #EF6D27; padding: 18px; max-width: 300px; margin: 0 auto; } @media (max-width: 799px) { .main_btn { font-size: 12px; max-width: 200px; padding: 15px 10px; } .main_btn img { width: 12px; height: 12px; } } .main_btn:hover { background-color: #85A726; } .to_top { position: fixed; bottom: 70px; right: 202px; width: 52px; height: 52px; background-color: #fff; z-index: 7; } @media (max-width: 1700px) { .to_top { right: 80px; } } @media (max-width: 1200px) { .to_top { width: 40px; height: 40px; right: 17px; } .to_top svg { width: 40px; height: 40px; } } @media (max-width: 799px) { .to_top { right: 10px; bottom: 36px; width: 26px; height: 26px; } .to_top svg { width: 28px; height: 28px; } } /* Style for the modal */ .modal { opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 999; animation: fadeIn 0.3s ease-in-out; padding: 23px 20px 36px 20px; width: 600px; transition: 0.3s all ease; } .modal.show { opacity: 1; visibility: visible; } @media (max-width: 768px) { .modal { width: 290px; padding: 13px 15px 36px 15px; } } .modal .closeModalBtn { position: absolute; top: 33px; right: 30px; background-color: transparent; border: none; cursor: pointer; } @media (max-width: 768px) { .modal .closeModalBtn { top: 23px; right: 15px; } } .modal .title { color: #000; font-size: 24px; font-weight: 600; line-height: 130%; margin-bottom: 25px; } @media (max-width: 768px) { .modal .title { margin-bottom: 30px; } } .modal .modal_body .modal_body_top { display: flex; gap: 0 42px; } @media (max-width: 1200px) { .modal .modal_body .modal_body_top { flex-direction: column; gap: 42px 0; } } .modal .modal_body .modal_body_top .modal_body_inputs { width: 100%; display: flex; flex-direction: column; gap: 40px; } @media (max-width: 768px) { .modal .modal_body .modal_body_top .modal_body_inputs { gap: 30px; } } .modal .modal_body .modal_body_top .modal_body_inputs label { color: #000; font-size: 15px; font-weight: 400; line-height: normal; display: flex; flex-direction: column; gap: 12px; } @media (max-width: 768px) { .modal .modal_body .modal_body_top .modal_body_inputs label { font-size: 12px; gap: 10px; } } .modal .modal_body .modal_body_top .modal_body_inputs .modal_body_input { background: #fff; padding-bottom: 10px; border: none; color: #000; font-size: 20px; font-weight: 400; line-height: normal; border-bottom: 1px solid #000; } @media (max-width: 768px) { .modal .modal_body .modal_body_top .modal_body_inputs .modal_body_input { font-size: 16px; } } .modal .modal_body .modal_body_bottom { padding-top: 30px; padding-bottom: 25px; color: #000; font-size: 12px; font-weight: 400; line-height: 160%; } @media (max-width: 799px) { .modal .modal_body .modal_body_bottom { padding-bottom: 30px; } } @media (max-width: 768px) { .modal .modal_body .modal_body_bottom { font-size: 11px; } } .modal .modal_body .modal_body_bottom a { color: #000; text-decoration: underline; } .modal .modal_footer .send_button a { margin: 0; } /* Style for the overlay */ .overlay { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 98; animation: fadeIn 0.3s ease-in-out; transition: 0.3s all ease; opacity: 0; } .overlay.show { opacity: 1; visibility: visible; } /* Animation for fade-in */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .section_t { padding-top: 30px; background: #EFEFF1; padding-bottom: 51.77px; } @media (max-width: 1700px) { .section_t { padding-bottom: 31.52px; } } @media (max-width: 1200px) { .section_t { padding-bottom: 21.2px; padding-top: 92px; } } @media (max-width: 768px) { .section_t { padding-bottom: 30px; padding-top: 65px; } } .breadcrumb { display: flex; align-items: center; gap: 8px; padding-bottom: 50px; } @media (max-width: 1700px) { .breadcrumb { padding-bottom: 40px; } } @media (max-width: 1200px) { .breadcrumb { gap: 6px; padding-bottom: 29px; } } @media (max-width: 799px) { .breadcrumb { min-width: 600px; max-width: 100%; overflow: auto; padding-bottom: 20px; } } .breadcrumb li, .breadcrumb > div { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 799px) { .breadcrumb li, .breadcrumb > div { font-size: 12px; } } .breadcrumb li a, .breadcrumb > div a { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } .breadcrumb li a.active. .breadcrumb > div a.active { color: #EF6D27; } @media (max-width: 768px) { .breadcrumb li a, .breadcrumb > div a { font-size: 12px; } } .premium_section { padding-top: 150px; background-color: #EFEFF1; } @media (max-width: 1700px) { .premium_section { padding-top: 109px; } .premium_section img { max-width: 100%; } } @media (max-width: 1200px) { .premium_section { padding-top: 100px; } } @media (max-width: 576px) { .premium_section { padding-top: 50px; } } .premium_section .premium_img.mob { display: none; } @media (max-width: 799px) { .premium_section .premium_img.desc { display: none; } .premium_section .premium_img.mob { display: block; } } .premium_section.certificates_pre { padding-top: 100px; } @media (max-width: 1700px) { .premium_section.certificates_pre { padding-top: 90px; } } @media (max-width: 1200px) { .premium_section.certificates_pre { padding-top: 60px; } } @media (max-width: 799px) { .premium_section.certificates_pre { padding-top: 30px; } } .reset_btn { color: #102D47; font-size: 15px; font-weight: 500; line-height: normal; letter-spacing: 1.5px; display: flex; align-items: center; justify-content: center; width: 100%; padding: 18px 0; border: 1px solid #102D47; margin-bottom: 50px; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .reset_btn { margin-bottom: 39px; } } @media (max-width: 1200px) { .reset_btn { margin-bottom: 30px; } } @media (max-width: 768px) { .reset_btn { font-size: 12px; letter-spacing: 1.2px; padding-top: 15px; padding-bottom: 16px; } } .reset_btn:hover { background-color: #102D47; color: #fff; } .load_more_btn { color: #102D47; font-size: 15px; font-weight: 500; line-height: normal; letter-spacing: 1.5px; padding: 18px 0; display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid #102D47; margin-bottom: 150px; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .load_more_btn { margin-bottom: 120px; } } @media (max-width: 1200px) { .load_more_btn { margin-bottom: 82px; } } @media (max-width: 768px) { .load_more_btn { margin-bottom: 60px; font-size: 12px; letter-spacing: 1.2px; padding-top: 15px; padding-bottom: 16px; } } .load_more_btn:hover { background-color: #102D47; color: #fff; } .orange_btns { display: flex; align-items: center; gap: 20px; } @media (max-width: 1200px) { .orange_btns { gap: 10px; } } @media (max-width: 799px) { .orange_btns { gap: 20px; flex-wrap: wrap; } } @media (max-width: 799px) { .orange_btns { gap: 24px; } } .orange_btns .orange_btn { display: flex; align-items: center; justify-content: center; gap: 20px; color: #FFF; font-size: 24px; font-weight: 600; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase; width: calc(50% - 10px); background-color: #EF6D27; padding: 30px 0; transition: all ease-out 0.4s; } .orange_btns .orange_btn:hover { background-color: #fff; color: #EF6D27; } .orange_btns .orange_btn:hover path { fill: #EF6D27; } @media (max-width: 1200px) { .orange_btns .orange_btn { font-size: 20px; letter-spacing: 2px; padding: 20px 0; gap: 19px; width: calc(50% - 5px); line-height: 100%; } } @media (max-width: 799px) { .orange_btns .orange_btn { width: 100%; font-size: 14px; letter-spacing: 0.42px; padding-top: 16px; padding-bottom: 15px; gap: 15px; } .orange_btns .orange_btn svg { width: 12px; height: 12px; } } header { padding-bottom: 43px; position: relative; z-index: 15; } @media (max-width: 1700px) { header { padding-bottom: 49px; } } @media (max-width: 1200px) { header { background-color: #000; padding: 11px 0; position: fixed; width: 100%; top: 0; z-index: 98; } } @media (max-width: 799px) { header { padding: 9px 0; } } header .header_block .header_top { display: flex; align-items: center; justify-content: space-between; padding-top: 19px; padding-bottom: 14px; } @media (max-width: 1700px) { header .header_block .header_top { padding-top: 12px; padding-bottom: 15px; } } @media (max-width: 1200px) { header .header_block .header_top { padding-bottom: 0; padding-top: 0; } } @media (max-width: 1200px) { header .header_block .header_top .mob_p { display: flex; align-items: center; gap: 30px; } } header .header_block .header_top .menu_bars { display: none; } @media (max-width: 1200px) { header .header_block .header_top .menu_bars { display: block; } } @media (max-width: 1200px) { header .header_block .header_top .menu_bars a { display: flex; gap: 8px; flex-direction: column; } header .header_block .header_top .menu_bars a span { background-color: #fff; width: 30px; height: 1px; display: block; } header .header_block .header_top .menu_bars a.active span { background-color: #EF6D27; } } @media (max-width: 799px) { header .header_block .header_top .menu_bars a { gap: 6px; } header .header_block .header_top .menu_bars a span { width: 22px; } } header .header_block .header_top .header_logo { display: flex; align-items: center; } @media (max-width: 1024px) { header .header_block .header_top .header_logo img { max-width: 200px; } } @media (max-width: 480px) { header .header_block .header_top .header_logo img { max-width: 172px; } } header .header_block .header_top .header_location { color: #FFF; font-size: 15px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 10.09px; } @media (max-width: 1700px) { header .header_block .header_top .header_location.desc { display: none; } } header .header_block .header_top .header_location.laptop { display: none; } @media (max-width: 1700px) { header .header_block .header_top .header_location.laptop { display: flex; } } @media (max-width: 1200px) { header .header_block .header_top .header_location.laptop { display: none; } } header .header_block .header_top .header_email { color: #FFF; font-size: 15px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 9.65px; } @media (max-width: 1200px) { header .header_block .header_top .header_email { display: none; } } header .header_block .header_top .header_actions { display: flex; align-items: center; gap: 20px; } header .header_block .header_top .header_actions .header_tel { color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0.6px; text-transform: uppercase; } @media (max-width: 768px) { header .header_block .header_top .header_actions .header_tel { display: none; } } header .header_block .header_top .header_actions .header_call { color: #FFF; font-size: 14px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 8.6px; background: #EF6D27; padding: 7px 12px 7px 13.7px; } @media (max-width: 768px) { header .header_block .header_top .header_actions .header_call.desc { display: none; } } header .header_block .header_top .header_actions .header_call.mob { display: none; } @media (max-width: 768px) { header .header_block .header_top .header_actions .header_call.mob { display: block; background-color: transparent; padding: 0; } } header .header_block .header_top .header_actions .header_call:hover { background-color: #85A726; } header .header_block .header_bottom { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1200px) { header .header_block .header_bottom { display: none; } } header .header_block .header_bottom li { position: relative; } header .header_block .header_bottom li a { color: #FFF; font-size: 20px; font-weight: 400; line-height: 120%; display: flex; align-items: center; gap: 6px; padding: 10px 0; } @media (max-width: 1700px) { header .header_block .header_bottom li a { font-size: 15px; } } header .header_block .header_bottom li .submenu { position: absolute; width: 100%; min-width: 300px; left: 0; top: calc(100% + 30px); background-color: #fff; padding: 12px 0; transition: 0.3s all ease; opacity: 0; visibility: hidden; z-index: 10; } header .header_block .header_bottom li .submenu a { color: #102D47; display: block; padding: 12px; } header .header_block .header_bottom li .submenu a:hover { color: #EF6D27; } @media (max-width: 1200px) { header .header_block .header_bottom li .submenu { display: none; } } header .header_block .header_bottom li:hover .submenu { opacity: 1; top: 100%; visibility: visible; } header .header_block .h_menu_mob { display: none; } @media (max-width: 1200px) { header .header_block .h_menu_mob.show { display: flex; width: 100%; background-color: #fff; top: 72px; height: calc(100vh - 72px); position: fixed; z-index: 9; bottom: 0; left: 0; padding-top: 20px; padding-left: 16px; flex-direction: column; gap: 40px; } } @media (max-width: 1200px) and (max-width: 1024px) { header .header_block .h_menu_mob.show { height: calc(100vh - 55px); top: 55px; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show { gap: 30px; height: calc(100vh - 50px); top: 50px; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show nav { display: flex; gap: 40px; } } @media (max-width: 1200px) and (max-width: 576px) { header .header_block .h_menu_mob.show nav { gap: 20px; } } @media (max-width: 1200px) and (max-width: 380px) { header .header_block .h_menu_mob.show nav { gap: 12px; align-items: start; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left { display: flex; flex-direction: column; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left { gap: 10px; width: 100%; } } @media (max-width: 1200px) and (max-width: 380px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left { gap: 7px; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a { color: #102D47; font-size: 16px; font-weight: 400; line-height: normal; padding: 15px 0; border-bottom: 1px solid #CFD2D4; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; width: 260px; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a { font-size: 16px; width: 100%; padding-bottom: 10px; } header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a svg { height: 10px; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a:hover, header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a.active { color: #EF6D27; } header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a:hover path, header .header_block .h_menu_mob.show .h_menu_mob_ul_left li a.active path { fill: #EF6D27; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right { flex-direction: column; gap: 15px; display: none; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right { gap: 15px; position: absolute; width: 100%; left: 0; top: 0; z-index: 10; background-color: #fff; height: calc(100vh - 49px); padding: 20px 10px; } header .header_block .h_menu_mob.show .h_menu_mob_ul_right li a.menu_title { font-size: 16px; color: #808B96; display: flex; gap: 0 15px; align-items: center; margin-bottom: 5px; text-transform: uppercase; } } @media (max-width: 1200px) and (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right.show { display: flex; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right li:first-child { display: none; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right li:first-child { display: block; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_ul_right li a { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; display: block; } header .header_block .h_menu_mob.show .h_menu_mob_ul_right li a:hover { color: #EF6D27; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom { display: flex; align-items: center; gap: 113px; } } @media (max-width: 1200px) and (max-width: 576px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom { gap: 34px; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom { flex-direction: column; gap: 25px; align-items: start; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_location, header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_email { color: #102D47; font-size: 12px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 10px; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_location, header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_email { font-size: 15px; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_location { display: none; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_actions { display: none; align-items: flex-start; gap: 20px; flex-direction: column; } } @media (max-width: 1200px) and (max-width: 480px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_actions { display: flex; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_actions .header_tel { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0.6px; text-transform: uppercase; } } @media (max-width: 1200px) { header .header_block .h_menu_mob.show .h_menu_mob_bottom .header_actions .header_call { color: #FFF; font-size: 14px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 8.6px; background: #EF6D27; padding: 7px 12px 7px 13.7px; } } @media (max-width: 480px) { header .header_block .h_menu_mob.show { padding: 5px 10px; } } header.contacts_h { background: #EF6D27; padding-bottom: 4px; } @media (max-width: 1200px) { header.contacts_h { padding-bottom: 11px; } } @media (max-width: 799px) { header.contacts_h { padding-bottom: 9px; } } @media (max-width: 1200px) { header.contacts_h .header_block .menu_bars a.active span { background-color: #fff; } } header.contacts_h .header_block .header_actions .header_tel { display: flex; } @media (max-width: 768px) { header.contacts_h .header_block .header_actions .header_tel { display: none; } } header.contacts_h .header_block .header_actions .header_call { color: #EF6D27; background-color: #fff; } header.contacts_h .header_block .header_actions .header_call.desc { display: flex; } @media (max-width: 768px) { header.contacts_h .header_block .header_actions .header_call.desc { display: none; } } header.contacts_h .header_block .header_actions .header_call.mob { display: none; } @media (max-width: 768px) { header.contacts_h .header_block .header_actions .header_call.mob { color: #fff; display: block; font-size: 20px; } } @media (max-width: 576px) { header.contacts_h .header_block .header_actions .header_call.mob { font-size: 18px; } } header.contacts_h .header_block .header_actions .header_call:hover { color: #FFF; } header.certificates_h, header.black_h { background-color: #000; padding-bottom: 15px; } @media (max-width: 1200px) { header.certificates_h, header.black_h { padding-bottom: 11.28px; } } @media (max-width: 1200px) { header.certificates_h .header_logo img, header.black_h .header_logo img { max-width: 200px; } } @media (max-width: 799px) { header.black_h .header_block .header_top .mob_p, header.blue_h .header_block .header_top .mob_p { gap: 42px; } } header.blue_h { background-color: #102D47; padding-bottom: 0; } @media (max-width: 1200px) { header.blue_h { padding-bottom: 11px; } } @media (max-width: 799px) { header.blue_h { padding-bottom: 9px; } } @media (max-width: 1200px) { header.blue_h .header_logo img { max-width: 200px; } } @media (max-width: 1200px) { .hero { padding-top: 99px; } } @media (max-width: 1024px) { .hero { padding-top: 88px; } } @media (max-width: 799px) { .hero { padding-top: 79px; } } .hero .hero_block { padding-bottom: 100px; position: relative; z-index: 10; } @media (max-width: 1700px) { .hero .hero_block { padding-bottom: 91px; } } @media (max-width: 799px) { .hero .hero_block { padding-bottom: 71px; } } .hero .hero_block .hero_title { display: flex; flex-direction: column; gap: 20px; color: #FFF; font-size: 80px; font-weight: 500; line-height: 120%; margin-bottom: 60px; } @media (max-width: 1200px) { .hero .hero_block .hero_title { font-size: 54px; margin-bottom: 33px; } } @media (max-width: 799px) { .hero .hero_block .hero_title { font-size: 24px; gap: 13px; margin-bottom: 23px; text-align: center; align-items: center; } } .hero .hero_block .hero_title .hero_subtitle { color: #FFF; font-size: 32px; font-weight: 400; line-height: 120%; } @media (max-width: 1200px) { .hero .hero_block .hero_title .hero_subtitle { font-size: 24px; } } @media (max-width: 799px) { .hero .hero_block .hero_title .hero_subtitle { font-size: 16px; text-align: center; } } .hero .hero_block .hero_btn { color: #FFF; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; display: flex; align-items: center; justify-content: space-between; background: #EF6D27; padding: 18px; max-width: 300px; } @media (max-width: 799px) { .hero .hero_block .hero_btn { font-size: 12px; max-width: 200px; padding: 15px 10px; margin: 0 auto; letter-spacing: 1.2px; } .hero .hero_block .hero_btn img { width: 12px; height: 12px; } } .hero .hero_block .hero_btn:hover { background-color: #85A726; } .hero .hero_bottom { padding-bottom: 29px; padding-top: 30px; position: relative; z-index: 6; max-width: 95%; margin: 0 auto; } @media (max-width: 1700px) { .hero .hero_bottom { padding-bottom: 23px; } } @media (max-width: 1200px) { .hero .hero_bottom { padding-bottom: 20px; } } @media (max-width: 1024px) { .hero .hero_bottom { max-width: 93%; } } @media (max-width: 799px) { .hero .hero_bottom { padding-top: 0; padding-bottom: 0; bottom: 0; z-index: 5; } } .hero .hero_bottom .hero_bottom_mini_text { position: absolute; right: 0; top: -100px; z-index: 2; color: #FFF; text-align: right; font-size: 20px; font-weight: 400; line-height: 150%; display: flex; flex-direction: column; gap: 22px; align-items: flex-end; } @media (max-width: 1700px) { .hero .hero_bottom .hero_bottom_mini_text { top: -115px; right: 7px; } } @media (max-width: 1200px) { .hero .hero_bottom .hero_bottom_mini_text { font-size: 15px; gap: 8px; top: -46px; left: 0; right: auto; align-items: start; } .hero .hero_bottom .hero_bottom_mini_text br { display: none; } } @media (max-width: 1024px) { .hero .hero_bottom .hero_bottom_mini_text { top: -32px; } .hero .hero_bottom .hero_bottom_mini_text a { gap: 2px; } .hero .hero_bottom .hero_bottom_mini_text a img { width: 15px; } } @media (max-width: 799px) { .hero .hero_bottom .hero_bottom_mini_text { font-size: 14px; gap: 15px; align-items: center; text-align: center; right: 0; margin: 0 auto; position: relative; top: 0; } .hero .hero_bottom .hero_bottom_mini_text br { display: block; } } .hero .hero_bottom .hero_bottom_mini_text a { color: #FFF; font-size: 15px; font-weight: 400; line-height: normal; letter-spacing: 1.5px; text-transform: uppercase; display: flex; align-items: center; gap: 20px; } @media (max-width: 799px) { .hero .hero_bottom .hero_bottom_mini_text a { font-size: 12px; gap: 10px; text-align: center; } .hero .hero_bottom .hero_bottom_mini_text a img { width: 12px; height: 12px; } } .hero .hero_bottom .owl-carousel .owl-dots { display: none; } .hero .hero_bottom .owl-carousel .owl-nav { margin-top: 0; } .hero .hero_bottom .owl-carousel .owl-nav.disabled { display: flex; } .hero .hero_bottom .owl-carousel .owl-nav button.owl-prev { position: absolute; top: -14px; left: -44px; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 5; } .hero .hero_bottom .owl-carousel .owl-nav button.owl-prev span { font-size: 50px; font-weight: 500; } @media (max-width: 1024px) { .hero .hero_bottom .owl-carousel .owl-nav button.owl-prev { left: -30px; top: 0; } } .hero .hero_bottom .owl-carousel .owl-nav button.owl-next, .hero .hero_bottom .owl-carousel .owl-nav button.owl-prev, .hero .hero_bottom .owl-carousel button.owl-dot { color: #fff; } .hero .hero_bottom .owl-carousel .owl-nav button.owl-next:hover, .hero .hero_bottom .owl-carousel .owl-nav button.owl-prev:hover, .hero .hero_bottom .owl-carousel button.owl-dot:hover { background: none; } .hero .hero_bottom .owl-carousel .owl-nav button.owl-next { position: absolute; top: -12px; right: -40px; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 5; } .hero .hero_bottom .owl-carousel .owl-nav button.owl-next span { font-size: 50px; font-weight: 500; } @media (max-width: 1024px) { .hero .hero_bottom .owl-carousel .owl-nav button.owl-next { right: -30px; top: 0; } } .hero .hero_bottom .owl-item { cursor: pointer; } .hero .hero_bottom .owl-item.active.center { border: 2px solid #EF6D27; } @media (max-width: 799px) { .hero .hero_bottom .owl-carousel { display: none; } } .youtube { padding-top: 120px; background: #EFEFF1; padding-bottom: 150px; } @media (max-width: 1700px) { .youtube { padding-bottom: 120px; padding-top: 100px; } } @media (max-width: 1200px) { .youtube { padding-bottom: 80px; padding-top: 61px; } } @media (max-width: 1024px) { .youtube { padding-top: 64px; } } @media (max-width: 799px) { .youtube { padding-top: 50px; padding-bottom: 60px; } } @media (max-width: 768px) { .youtube .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -30px; left: 0; right: 0; } .youtube .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .youtube .owl-dots .owl-dot.active { background-color: #EF6D27; } } .youtube .youtube_block { padding-bottom: 127px; } @media (max-width: 1700px) { .youtube .youtube_block { padding-bottom: 100px; } } @media (max-width: 1024px) { .youtube .youtube_block { padding-bottom: 60px; } } .youtube .youtube_block .go_to_channel { display: flex; align-items: center; gap: 13.43px; color: #102D47; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; text-transform: uppercase; } @media (max-width: 1024px) { .youtube .youtube_block .go_to_channel { font-size: 13px; } .youtube .youtube_block .go_to_channel img { width: 22px; } } @media (max-width: 799px) { .youtube .youtube_block .go_to_channel { font-size: 12px; gap: 10px; letter-spacing: 1px; } .youtube .youtube_block .go_to_channel img { width: 22px; } } .youtube .youtube_block .go_to_channel.mob_bot { display: none; } @media (max-width: 768px) { .youtube .youtube_block .go_to_channel.mob_bot { display: flex; align-items: center; justify-content: center; margin-top: 57px; } } .youtube .youtube_block .youtube_top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 28px; } @media (max-width: 1024px) { .youtube .youtube_block .youtube_top { padding-bottom: 13px; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_top { gap: 36px; } } .youtube .youtube_block .youtube_top .youtube_title { display: flex; align-items: center; gap: 15px; color: #102D47; font-size: 42px; font-weight: 600; line-height: 130%; } @media (max-width: 1024px) { .youtube .youtube_block .youtube_top .youtube_title { font-size: 24px; } .youtube .youtube_block .youtube_top .youtube_title img { width: 28px; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_top .youtube_title { font-size: 24px; } .youtube .youtube_block .youtube_top .youtube_title img { display: none; } } .youtube .youtube_block .youtube_top .shorts_nav { width: 18%; } @media (max-width: 1024px) { .youtube .youtube_block .youtube_top .shorts_nav { width: 33%; } } @media (max-width: 768px) { .youtube .youtube_block .youtube_top .shorts_nav { width: 0; display: none; } } .youtube .youtube_block .youtube_bottom { position: relative; } .youtube .youtube_block .youtube_bottom .item a { display: flex; flex-direction: column; gap: 20px; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .youtube .youtube_block .youtube_bottom .item a { gap: 15px; font-size: 12px; } } @media (max-width: 1200px) { .youtube .youtube_block .youtube_bottom .item a { gap: 10px; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_bottom .item a span { display: none; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_bottom .item { width: 100% !important; } } .youtube .youtube_block .youtube_bottom .owl-nav { position: absolute; right: 0; top: -60px; display: flex; gap: 0 50px; } @media (max-width: 799px) { .youtube .youtube_block .youtube_bottom .owl-nav { top: -40px; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_bottom .owl-nav button img { width: 9px; height: 18px; } } @media (max-width: 1024px) { .youtube .youtube_block .youtube_bottom .owl-nav { gap: 0 35px; top: -42px; } } @media (max-width: 768px) { .youtube .youtube_block .youtube_bottom .owl-nav { display: none; } } @media (max-width: 1700px) { .youtube .youtube_block .youtube_bottom .owl-carousel .owl-item img { height: 406px; width: 100%; object-fit: cover; } } @media (max-width: 1200px) { .youtube .youtube_block .youtube_bottom .owl-carousel .owl-item img { height: 254px; } } @media (max-width: 799px) { .youtube .youtube_block .youtube_bottom .owl-carousel .owl-item img { height: 264px; } } @media (max-width: 1700px) { .youtube .youtube_block .youtube_bottom .item.small { width: 222px !important; } } @media (max-width: 1024px) { .youtube .youtube_block .youtube_bottom .item.small { width: 140px !important; } .youtube .youtube_block .youtube_bottom .item.small br { display: none; } } @media (max-width: 768px) { .youtube .youtube_block .youtube_bottom .item img { width: 100%; } .youtube .youtube_block .youtube_bottom .item.small { width: 100% !important; } .youtube .youtube_block .youtube_bottom .item.small br { display: none; } } @media (max-width: 799px) { .youtube .types_tab .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .youtube .types_tab .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .youtube .types_tab .owl-dots .owl-dot.active { background-color: #EF6D27; } } .youtube .types_tab .types_tab_header { display: flex; align-items: center; gap: 50px; padding-bottom: 9px; border-bottom: 1px solid #CFD2D4; margin-bottom: 30px; } @media (max-width: 1200px) { .youtube .types_tab .types_tab_header { gap: 35px; } } @media (max-width: 1024px) { .youtube .types_tab .types_tab_header { gap: 0; justify-content: space-between; margin-bottom: 17px; } } @media (max-width: 799px) { .youtube .types_tab .types_tab_header { gap: 20px; margin-bottom: 15px; min-width: 800px; overflow: auto; } } @media (max-width: 576px) { .youtube .types_tab .types_tab_header { min-width: auto; max-width: 100%; } .youtube .types_tab .types_tab_header li a { white-space: nowrap; } } .youtube .types_tab .types_tab_header li a { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 1200px) { .youtube .types_tab .types_tab_header li a { font-size: 14px; letter-spacing: 1.4px; } } @media (max-width: 799px) { .youtube .types_tab .types_tab_header li a { font-size: 12px; letter-spacing: 0.6px; } } .youtube .types_tab .types_tab_header li a.active { color: #EF6D27; position: relative; } .youtube .types_tab .types_tab_header li a.active::after { content: ""; position: absolute; background-color: #EF6D27; width: 100%; height: 3px; bottom: -9px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .youtube .types_tab .types_tab_body { display: flex; flex-direction: column; gap: 50px; } .youtube .types_tab .types_tab_body .types_tab_body_items { display: none; } .youtube .types_tab .types_tab_body .types_tab_body_items.show { display: flex; gap: 20px; flex-wrap: wrap; } @media (max-width: 1700px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show { gap: 15px; } } @media (max-width: 1200px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show { gap: 10px; } } .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item { width: calc(33.33% - 13.33px); display: flex; flex-direction: column; } @media (max-width: 1200px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item { width: calc(50% - 5px); } } @media (max-width: 799px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item { width: 100%; display: none; } .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item:first-child { display: flex; } } .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item .types_tab_body_item_main_img { width: 100%; height: 100%; object-fit: cover; } .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item .types_tab_body_item_bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px; background-color: #fff; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item .types_tab_body_item_bottom { padding: 16px 12px; } } @media (max-width: 1200px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item .types_tab_body_item_bottom { font-size: 16px; padding: 17px 15px 17px 10px; } } @media (max-width: 799px) { .youtube .types_tab .types_tab_body .types_tab_body_items.show .types_tab_body_item .types_tab_body_item_bottom { font-size: 14px; } } .youtube .types_tab .types_tab_body .types_tab_body_items .types_tab_body_item:hover .types_tab_body_item_bottom { color: #EF6D27; } .youtube .types_tab .types_tab_body .types_tab_body_items .types_tab_body_item:hover .types_tab_body_item_bottom svg path { fill: #EF6D27; } .objects { padding-top: 46px; padding-bottom: 41px; background-color: #fff; } @media (max-width: 1700px) { .objects { padding-top: 54px; padding-bottom: 52px; } } @media (max-width: 1200px) { .objects { padding-top: 33px; padding-bottom: 47px; } } @media (max-width: 799px) { .objects { padding-top: 36px; padding-bottom: 30px; } } .objects .section_title { margin-bottom: 20px; } @media (max-width: 1700px) { .objects .section_title { margin-bottom: 28px; } } @media (max-width: 1200px) { .objects .section_title { margin-bottom: 23px; } } @media (max-width: 799px) { .objects .section_title { margin-bottom: 16px; } } .objects .objects_block .objects_items { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; position: relative; } @media (max-width: 1700px) { .objects .objects_block .objects_items { gap: 15px; } } @media (max-width: 1200px) { .objects .objects_block .objects_items { gap: 10px; } } @media (max-width: 799px) { .objects .objects_block .objects_items { margin-bottom: 35px; } } .objects .objects_block .objects_items .objects_item { display: flex; flex-direction: column; border: 1px solid #CFD2D4; width: calc(33.33% - 13.33px); } @media (max-width: 1200px) { .objects .objects_block .objects_items .objects_item { width: calc(50% - 5px); } } @media (max-width: 1200px) and (max-width: 799px) { .objects .objects_block .objects_items .objects_item { width: 100%; } } @media (max-width: 1024px) { .objects .objects_block .objects_items .objects_item:nth-child(n+3) { display: none; } } .objects .objects_block .objects_items .objects_item .objects_item_main_img { width: 100%; height: 100%; object-fit: cover; } .objects .objects_block .objects_items .objects_item .objects_item_content { display: flex; flex-direction: column; gap: 15px; padding: 20px; } @media (max-width: 1700px) { .objects .objects_block .objects_items .objects_item .objects_item_content { padding-left: 15px; } } @media (max-width: 1200px) { .objects .objects_block .objects_items .objects_item .objects_item_content { padding: 15px; padding-left: 10px; gap: 12px; } } .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_status { color: #EF6D27; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_status { font-size: 12px; } } .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_bottom { display: flex; align-items: flex-end; justify-content: space-between; } .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_title { display: flex; flex-direction: column; gap: 10px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_title { gap: 15px; } } @media (max-width: 1200px) { .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_title { gap: 12px; font-size: 16px; } } .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_title .objects_item_subtitle { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .objects .objects_block .objects_items .objects_item .objects_item_content .objects_item_title .objects_item_subtitle { font-size: 12px; } } .objects .objects_block .objects_items .objects_item:hover .objects_item_bottom .objects_item_title { color: #EF6D27; } .objects .objects_block .objects_items .objects_item:hover .objects_item_bottom .objects_item_subtitle { color: #EF6D27; } .objects .objects_block .objects_items .objects_item:hover .objects_item_bottom svg path { fill: #EF6D27; } @media (max-width: 799px) { .objects .objects_block .objects_items .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .objects .objects_block .objects_items .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .objects .objects_block .objects_items .owl-dots .owl-dot.active { background-color: #EF6D27; } } .projects { background: #EFEFF1; padding-top: 51px; padding-bottom: 56px; } @media (max-width: 1700px) { .projects { padding-top: 120px; padding-bottom: 120px; } } @media (max-width: 1200px) { .projects { padding: 80px 0; } } @media (max-width: 799px) { .projects { padding: 60px 0; } } .projects .projects_block .section_title { margin-bottom: 28px; } @media (max-width: 1024px) { .projects .projects_block .section_title { margin-bottom: 24px; } } @media (max-width: 799px) { .projects .projects_block .section_title { margin-bottom: 15px; } } .projects_items { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; } @media (max-width: 1700px) { .projects_items { gap: 23px 18px; } } @media (max-width: 1200px) { .projects_items { gap: 15px 10px; } } .projects_items .projects_item { display: flex; flex-direction: column; width: calc(33.33% - 13.33px); } @media (max-width: 1200px) { .projects_items .projects_item { width: calc(50% - 5px); } } @media (max-width: 799px) { .projects_items .projects_item { width: 100%; } } .projects_items .projects_item:hover .projects_item_bottom .projects_item_title, .projects_items .projects_item:hover .projects_item_bottom .projects_item_subtitle { color: #EF6D27; } .projects_items .projects_item:hover .projects_item_bottom path { fill: #EF6D27; } .projects_items .projects_item .projects_item_bottom { display: flex; justify-content: space-between; padding: 20px; background-color: #fff; align-items: flex-end; } @media (max-width: 1700px) { .projects_items .projects_item .projects_item_bottom { padding-left: 15px; } } @media (max-width: 1200px) { .projects_items .projects_item .projects_item_bottom { padding: 15px; padding-left: 10px; } } .projects_items .projects_item .projects_item_bottom .projects_item_title { display: flex; flex-direction: column; gap: 10px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .projects_items .projects_item .projects_item_bottom .projects_item_title { gap: 15px; min-height: 81.4px; justify-content: space-between; } } @media (max-width: 1200px) { .projects_items .projects_item .projects_item_bottom .projects_item_title { font-size: 16px; gap: 12px; min-height: 100%; } } @media (max-width: 1024px) { .projects_items .projects_item .projects_item_bottom .projects_item_title { margin-right: -10px; line-height: 1.3; } } @media (max-width: 1024px) { .projects_items .projects_item .projects_item_bottom .projects_item_title { font-size: 14px; line-height: 1.2; max-width: 80%; min-height: 66px; } } @media (max-width: 799px) { .projects_items .projects_item .projects_item_bottom .projects_item_title { min-height: 100%; } } .projects_items .projects_item .projects_item_bottom .projects_item_title .projects_item_subtitle { font-size: 15px; } @media (max-width: 1200px) { .projects_items .projects_item .projects_item_bottom .projects_item_title .projects_item_subtitle { font-size: 12px; } } @media (max-width: 799px) { .projects_items .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .projects_items .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .projects_items .owl-dots .owl-dot.active { background-color: #EF6D27; } } .portfolio { padding-top: 55px; padding-bottom: 52px; background-color: #fff; } @media (max-width: 1700px) { .portfolio { padding-top: 60px; padding-bottom: 65px; } } @media (max-width: 1200px) { .portfolio { padding-top: 40px; padding-bottom: 50px; } } @media (max-width: 799px) { .portfolio { padding-top: 20px; padding-bottom: 60px; } } .portfolio .portfolio_item { border: 1px solid #CFD2D4; } @media (max-width: 1024px) { .portfolio .portfolio_item:nth-child(n+3) { display: none; } } .section_img { background-repeat: no-repeat; height: 600px; background-position: center; background-size: cover; background-attachment: fixed; } @media (max-width: 1200px) { .section_img { height: 400px; } } @media (max-width: 799px) { .section_img { height: 360px; background-size: 200%; } } @media (max-width: 576px) { .section_img { background-size: auto 360px; } } .built_more { background: #EFEFF1; padding-top: 249px; padding-bottom: 150px; } @media (max-width: 1700px) { .built_more { padding: 127px 0 118px 0; } } @media (max-width: 1200px) { .built_more { padding: 80px 0; } } @media (max-width: 799px) { .built_more { padding: 60px 0; } } .built_more .built_more_block .built_more_items { display: flex; gap: 20px; } .built_more .built_more_block .built_more_items.desc .built_more_item { width: calc(33.33% - 13.33px); padding: 35px 30px 40px 20px; border: 1px solid #102D47; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .built_more .built_more_block .built_more_items.desc .built_more_item:first-child { padding: 0; border: none; } .built_more .built_more_block .built_more_items.desc .built_more_item p { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 1700px) { .built_more .built_more_block .built_more_items.desc { display: none; } } .built_more .built_more_block .built_more_items.laptop { display: none; } @media (max-width: 1700px) { .built_more .built_more_block .built_more_items.laptop { display: flex; gap: 82px; border: 1px solid #CFD2D4; padding: 28px 35px 33px 31px; } } @media (max-width: 1200px) { .built_more .built_more_block .built_more_items.laptop { display: none; } } .built_more .built_more_block .built_more_items.laptop .b_m_right { display: flex; flex-direction: column; gap: 34px; width: calc(50% - 23px); } .built_more .built_more_block .built_more_items.laptop .b_m_right .built_more_item { width: 100%; display: flex; align-items: flex-start; gap: 19px; } .built_more .built_more_block .built_more_items.laptop .b_m_right .built_more_item p { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } .built_more .built_more_block .built_more_items.laptop .b_m_right .built_more_item img { width: 24px; height: 24px; flex: 0 0 auto; } .built_more .built_more_block .built_more_items.laptop .built_more_item.y_t_link { width: calc(50% - 23px); } .built_more .built_more_block .built_more_items.tab { display: none; } @media (max-width: 1200px) { .built_more .built_more_block .built_more_items.tab { display: flex; flex-direction: column; } .built_more .built_more_block .built_more_items.tab .b_m_right { display: flex; flex-direction: column; width: 100%; } .built_more .built_more_block .built_more_items.tab .b_m_right .built_more_item { width: 100%; display: flex; align-items: center; gap: 70px; padding-left: 20px; padding-right: 50px; border: 1px solid #CFD2D4; justify-content: center; min-height: 160px; } } @media (max-width: 1200px) and (max-width: 799px) { .built_more .built_more_block .built_more_items.tab .b_m_right .built_more_item { padding: 20px 15px 16px 15px; gap: 17px; flex-direction: column; align-items: flex-end; min-height: auto; } } @media (max-width: 1200px) { .built_more .built_more_block .built_more_items.tab .b_m_right .built_more_item p { color: #102D47; font-size: 13px; font-weight: 400; line-height: 150%; } } @media (max-width: 1200px) and (max-width: 799px) { .built_more .built_more_block .built_more_items.tab .b_m_right .built_more_item p { font-size: 12px; } } @media (max-width: 1200px) { .built_more .built_more_block .built_more_items.tab .b_m_right .built_more_item img { width: 24px; height: 24px; } } @media (max-width: 1200px) { .built_more .built_more_block .built_more_items.tab .built_more_item.y_t_link { width: 100%; } .built_more .built_more_block .built_more_items.tab .built_more_item.y_t_link img { width: 100%; } } @media (max-width: 1024px) { .built_more .built_more_block .built_more_items.tab { gap: 13px 0; } .built_more .built_more_block .built_more_items.tab iframe { height: 427px; } } @media (max-width: 799px) { .built_more .built_more_block .built_more_items.tab { gap: 20px 0; } .built_more .built_more_block .built_more_items.tab iframe { height: 167px; } } @media (max-width: 799px) { .built_more .built_more_block .section_title { text-align: left; } } .application { padding-top: 65px; padding-bottom: 71px; background-color: #fff; } @media (max-width: 1700px) { .application { padding-top: 75px; padding-bottom: 80px; } } @media (max-width: 1200px) { .application { padding-top: 43px; padding-bottom: 50px; } } @media (max-width: 799px) { .application { padding-top: 32px; } } .application .application_block .section_title { margin-bottom: 60px; } @media (max-width: 1700px) { .application .application_block .section_title { margin-bottom: 50px; } } @media (max-width: 1200px) { .application .application_block .section_title { margin-bottom: 30px; } } .application .application_block .application_form { display: flex; flex-direction: column; gap: 75px; } @media (max-width: 1700px) { .application .application_block .application_form { gap: 65px; } } @media (max-width: 1024px) { .application .application_block .application_form { gap: 30px; } } @media (max-width: 799px) { .application .application_block .application_form { gap: 25px; } } .application .application_block .application_form .application_form_top { display: flex; justify-content: space-between; gap: 20px; } @media (max-width: 1700px) { .application .application_block .application_form .application_form_top { gap: 50px 75px; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; } } @media (max-width: 1200px) { .application .application_block .application_form .application_form_top { gap: 50px; align-self: start; } } @media (max-width: 1024px) { .application .application_block .application_form .application_form_top { gap: 47px 0; } } @media (max-width: 799px) { .application .application_block .application_form .application_form_top { gap: 40px; width: 100%; } } .application .application_block .application_form .application_form_top .application_form_item { display: flex; flex-direction: column; width: calc(33.33% - 13.33px); } @media (max-width: 1700px) { .application .application_block .application_form .application_form_top .application_form_item { width: calc(50% - 75px); } .application .application_block .application_form .application_form_top .application_form_item:nth-child(1) { order: 1; } .application .application_block .application_form .application_form_top .application_form_item:nth-child(2) { order: 3; } .application .application_block .application_form .application_form_top .application_form_item:nth-child(3) { order: 2; } } @media (max-width: 1200px) { .application .application_block .application_form .application_form_top .application_form_item { width: 100%; } } @media (max-width: 1024px) { .application .application_block .application_form .application_form_top .application_form_item:nth-child(1) { order: 1; } .application .application_block .application_form .application_form_top .application_form_item:nth-child(2) { order: 2; } .application .application_block .application_form .application_form_top .application_form_item:nth-child(3) { order: 3; } } .application .application_block .application_form .application_form_top .application_form_item .application_label { display: flex; flex-direction: column; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .application .application_block .application_form .application_form_top .application_form_item .application_label { gap: 0; font-size: 12px; } } .application .application_block .application_form .application_form_top .application_form_item .application_input { color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; padding: 12px 0; border: none; border-bottom: 1px solid #102D47; display: block; height: 49px; } @media (max-width: 799px) { .application .application_block .application_form .application_form_top .application_form_item .application_input { font-size: 16px; padding: 8px 0; height: 36px; } } .application .application_block .application_form .application_form_top .application_text { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; } .application .application_block .application_form .application_form_top .application_text.laptop { display: none; } @media (max-width: 1700px) { .application .application_block .application_form .application_form_top .application_text.laptop { display: block; width: calc(50% - 40px); order: 4; } } @media (max-width: 1200px) { .application .application_block .application_form .application_form_top .application_text.laptop { width: 100%; } } @media (max-width: 799px) { .application .application_block .application_form .application_form_top .application_text.laptop { font-size: 11px; text-align: center; } } .application .application_block .application_form .application_form_top .application_text a { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; text-decoration-line: underline; } @media (max-width: 799px) { .application .application_block .application_form .application_form_top .application_text a { font-size: 11px; } } .application .application_block .application_form .application_form_bottom { display: flex; gap: 64px; align-items: flex-end; } .application .application_block .application_form .application_form_bottom .application_text { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; } @media (max-width: 1700px) { .application .application_block .application_form .application_form_bottom .application_text.desc { display: none; } } .application .application_block .application_form .application_form_bottom .application_text a { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; text-decoration-line: underline; } .application .application_block .application_form .application_form_bottom .application_btn { border: none; margin: 0; width: 300px; cursor: pointer; } @media (max-width: 799px) { .application .application_block .application_form .application_form_bottom { justify-content: center; } } footer { background-color: #fff; padding-top: 50px; padding-bottom: 65px; } @media (max-width: 1700px) { footer { padding-top: 60px; } } @media (max-width: 1024px) { footer { padding-top: 25px; } } @media (max-width: 799px) { footer { padding-top: 37px; } } @media (max-width: 576px) { footer { padding-top: 27px; } } footer .footer_block { display: flex; justify-content: space-between; padding-right: 108px; } footer .footer_block .footer_actions { display: flex; flex-direction: column; justify-content: space-between; } footer .footer_block .footer_actions .f_actions_top p { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_top p { gap: 10px; margin-bottom: 30px; flex-direction: column; align-items: start; } } footer .footer_block .footer_actions .f_actions_top p .f_tel { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0.6px; text-transform: uppercase; } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_top p .f_tel { font-size: 18px; } } footer .footer_block .footer_actions .f_actions_top p .f_call { color: #FFF; font-size: 14px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 8.6px; background: #EF6D27; padding: 7px 12px; } footer .footer_block .footer_actions .f_actions_top .f_address { color: #102D47; font-size: 14px; font-weight: 400; line-height: 200%; margin-bottom: 22px; } @media (max-width: 1700px) { footer .footer_block .footer_actions .f_actions_top .f_address { font-size: 12px; } } @media (max-width: 1200px) { footer .footer_block .footer_actions .f_actions_top .f_address { margin-bottom: 20px; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_top .f_address { margin-bottom: 30px; max-width: 236px; } } footer .footer_block .footer_actions .f_actions_top .f_email { display: flex; align-items: center; gap: 10.65px; color: #102D47; font-size: 14px; font-weight: 400; line-height: 150%; } @media (max-width: 1700px) { footer .footer_block .footer_actions .f_actions_top .f_email { font-size: 12px; } footer .footer_block .footer_actions .f_actions_top .f_email i { font-size: 17px; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_top .f_email { margin-bottom: 40px; } } @media (max-width: 768px) { footer .footer_block .footer_actions .f_actions_top .f_email { font-size: 15px; } } footer .footer_block .footer_actions .f_actions_bottom { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1200px) { footer .footer_block .footer_actions .f_actions_bottom { gap: 46px; flex-direction: row; align-items: start; } } @media (max-width: 1024px) { footer .footer_block .footer_actions .f_actions_bottom { gap: 45px; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom { flex-direction: column; gap: 40px; } } footer .footer_block .footer_actions .f_actions_bottom .social_networks { display: flex; align-items: center; gap: 20px; } @media (max-width: 1200px) { footer .footer_block .footer_actions .f_actions_bottom .social_networks { order: 2; } } @media (max-width: 1024px) { footer .footer_block .footer_actions .f_actions_bottom .social_networks { gap: 16px; } footer .footer_block .footer_actions .f_actions_bottom .social_networks svg { height: 20px; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom .social_networks { order: 1; gap: 24px; } } footer .footer_block .footer_actions .f_actions_bottom .social_networks a { display: block; } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom .social_networks a svg { width: 17px; height: 17px; } } footer .footer_block .footer_actions .f_actions_bottom .social_networks a:hover path { fill: #EF6D27; } footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { display: flex; flex-direction: column; gap: 12px; } @media (max-width: 1700px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 16px; } } @media (max-width: 1200px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { order: 1; gap: 10px; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { order: 2; } footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a { letter-spacing: -0.3px; } } footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a { color: #102D47; font-size: 14px; font-weight: 400; line-height: 150%; } @media (max-width: 1700px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a { font-size: 12px; } } footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a.mob { display: none; } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a.mob { display: block; } } @media (max-width: 799px) { footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott a:first-child { display: none; } } footer .footer_block .footer_menu { display: flex; justify-content: space-between; gap: 200px; } @media (max-width: 1700px) { footer .footer_block .footer_menu { gap: 84px; } } @media (max-width: 1200px) { footer .footer_block .footer_menu { gap: 164px; } } @media (max-width: 1200px) { footer .footer_block .footer_menu.desc { display: none; } } footer .footer_block .footer_menu.tab { display: none; } @media (max-width: 1200px) { footer .footer_block .footer_menu.tab { display: flex; margin-top: 30px; margin-bottom: 35px; } } @media (max-width: 1024px) { footer .footer_block .footer_menu.tab { margin: 40px 0 44px 0; } } @media (max-width: 799px) { footer .footer_block .footer_menu.tab { display: none; } } footer .footer_block .footer_menu ul { display: flex; flex-direction: column; gap: 17px 0; } footer .footer_block .footer_menu ul li a { color: #102D47; font-size: 15px; font-weight: 400; line-height: 1.4; } footer .footer_block .footer_menu ul li a:hover { color: #EF6D27; } @media (max-width: 1700px) { footer .footer_block { padding-right: 21px; } } @media (max-width: 799px) { footer .footer_block { padding-right: 0; } } @media (max-width: 1200px) { .employees_wr footer { padding-top: 29px; } } @media (max-width: 1200px) and (max-width: 768px) { .employees_wr footer { padding-top: 25px; } } @media (max-width: 1200px) { .employees_wr footer .footer_block .footer_menu.tab { margin-top: 35px; margin-bottom: 47px; justify-content: start; gap: 170px; } } @media (max-width: 768px) { .employees_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 35px; } .employees_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 14px; } } @media (max-width: 1700px) { .gallery_wr footer { padding-top: 48px; } } @media (max-width: 1200px) { .gallery_wr footer { padding-top: 29px; } } @media (max-width: 1700px) { .gallery_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 37px; } .gallery_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 13px; } } @media (max-width: 1700px) and (max-width: 1200px) { .gallery_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 10px; } } @media (max-width: 1700px) { .gallery_wr footer .footer_block .footer_actions .f_actions_top p { margin-bottom: 22px; } } @media (max-width: 1700px) and (max-width: 1200px) { .gallery_wr footer .footer_block .footer_actions .f_actions_top p { margin-bottom: 18px; } } .gallery_wr.employees_wr footer .footer_block .footer_menu.tab { margin-bottom: 44px; } @media (max-width: 1200px) { .gallery_wr.employees_wr footer .footer_block .footer_menu.tab { margin-top: 40px; } } .contacts_section { padding-bottom: 0; } @media (max-width: 1200px) { .contacts_section { padding-top: 82px; } } @media (max-width: 799px) { .contacts_section { padding-top: 61px; } } @media (max-width: 1700px) { .contacts_section .section_title { margin-bottom: 36px; } } @media (max-width: 1200px) { .contacts_section .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .contacts_section .section_title { text-align: left; } } .contacts_section .contacts_block { display: flex; gap: 20px; justify-content: space-between; padding-bottom: 143px; } @media (max-width: 1700px) { .contacts_section .contacts_block { gap: 15px; padding-bottom: 114px; } } @media (max-width: 1200px) { .contacts_section .contacts_block { flex-wrap: wrap; gap: 77px 10px; padding-bottom: 78px; } } @media (max-width: 799px) { .contacts_section .contacts_block { gap: 30px; padding-bottom: 60px; } } .contacts_section .contacts_block .contacts_box { width: calc(33.33% - 13.33px); min-height: 648px; height: 648px; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box { min-height: 600px; height: 600px; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box { width: calc(50% - 5px); min-height: 480px; height: 480px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box { width: 100%; min-height: 380px; height: auto; } } .contacts_section .contacts_block .contacts_box:first-child { display: flex; flex-direction: column; gap: 60px; padding: 35px 30px 30px 30px; background-color: #fff; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box:first-child { gap: 30px; padding: 30px 10px 36px 20px; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child { order: 1; padding: 30px 30px 36px 20px; gap: 29px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child { gap: 25px; padding: 30px 20px; } } @media (max-width: 576px) { .contacts_section .contacts_block .contacts_box:first-child { padding: 15px 10px 15px 10px; } } .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top { display: flex; flex-direction: column; gap: 30px; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top { gap: 29px; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top { gap: 22px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top { gap: 24px; } } .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item { display: flex; flex-direction: column; gap: 5px; padding-bottom: 32px; border-bottom: 1px solid #102D47; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item { padding-bottom: 25px; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item { padding-bottom: 20px; } } .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item .contacts_item_label { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item .contacts_item_label { font-size: 12px; } } .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item .contacts_item_val { color: #102D47; font-size: 20px; font-weight: 500; line-height: 150%; letter-spacing: 0.6px; } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item .contacts_item_val { font-size: 16px; letter-spacing: 0.48px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item .contacts_item_val { font-size: 15px; letter-spacing: 0.45px; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:first-child .contacts_box_top .contacts_item:last-child .contacts_item_val { font-size: 15px; letter-spacing: 0.45px; } } .contacts_section .contacts_block .contacts_box:first-child .social_networks { display: flex; align-items: center; gap: 20px; } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child .social_networks { gap: 25px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child .social_networks { gap: 25.5px; } } .contacts_section .contacts_block .contacts_box:first-child .social_networks a { display: block; } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:first-child .social_networks a:first-child svg { width: 23px; } .contacts_section .contacts_block .contacts_box:first-child .social_networks a svg { width: 17px; height: 17px; } } .contacts_section .contacts_block .contacts_box:first-child .social_networks a:hover path { fill: #EF6D27; } .contacts_section .contacts_block .contacts_box:nth-child(2) { padding: 30px; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 31px; background-image: url(/local/templates/prem-house/css/../assets/imgs/1800.png); padding-top: 25px; background-size: cover; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box:nth-child(2) { background-size: cover; padding: 27px 22px 31px 20px; background-image: url(/local/templates/prem-house/css/../assets/imgs/1200.png); } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:nth-child(2) { order: 3; width: 100%; min-height: 201px; flex-direction: row; align-items: flex-end; padding: 19px 22px 11px 25px; height: 201px; background-image: url(/local/templates/prem-house/css/../assets/imgs/800.png); } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:nth-child(2) { min-height: 280px; flex-direction: column; align-items: start; padding: 14px 9px 35px 14px; background-image: url(/local/templates/prem-house/css/../assets/imgs/320.png); } } .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_title { color: #FFF; font-family: "Tschichold"; font-size: 90px; font-weight: 700; line-height: 106.036%; text-transform: uppercase; } @media (max-width: 1700px) { .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_title { font-size: 80px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_title { font-size: 64px; } } .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_link { display: flex; align-items: center; justify-content: space-between; color: #EF6D27; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; background: #FFF; padding: 18px 16px 18px 18px; max-width: 300px; } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_link { margin-right: 8px; margin-bottom: 8px; gap: 56px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_link { font-size: 12px; letter-spacing: 1.2px; padding: 14px 10px; gap: 15px; } .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_link img { width: 12px; height: 12px; } } @media (max-width: 799px) { .contacts_section .contacts_block .contacts_box:nth-child(2) .contacts_box_two_link { margin-bottom: -4px; margin-right: 0; } } @media (max-width: 1200px) { .contacts_section .contacts_block .contacts_box:last-child { order: 2; } } .contacts_section .contacts_block .contacts_box:last-child img { width: 100%; height: 100%; object-fit: cover; } #map { height: 559px; } @media (max-width: 1200px) { #map { height: 460px; } } .con_wr footer { padding-top: 63px; } @media (max-width: 1700px) { .con_wr footer { padding-top: 57px; } } @media (max-width: 1200px) { .con_wr footer { padding-top: 33px; } } @media (max-width: 799px) { .con_wr footer { padding-top: 27px; } } .con_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 17px; } @media (max-width: 799px) { .con_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 35px; } } @media (max-width: 799px) { .con_wr .contacts_h .header_block .header_top .mob_p { gap: 42px; } } .certificates_section { padding-bottom: 51.77px; padding-top: 22px; } @media (max-width: 1700px) { .certificates_section { padding-bottom: 31.52px; } } @media (max-width: 1200px) { .certificates_section { padding-bottom: 21.2px; padding-top: 81px; } } @media (max-width: 799px) { .certificates_section { padding-bottom: 30px; padding-top: 60px; } } .certificates_section .section_title { margin-bottom: 34px; } @media (max-width: 1700px) { .certificates_section .section_title { margin-bottom: 31px; } } @media (max-width: 1200px) { .certificates_section .section_title { margin-bottom: 21px; } } @media (max-width: 799px) { .certificates_section .section_title { text-align: left; margin-bottom: 15px; } } .certificates_section .section_title .mob_br { display: none; } @media (max-width: 799px) { .certificates_section .section_title .mob_br { display: block; } } .certificates_section .certificates_block { display: flex; flex-wrap: wrap; gap: 100px 20px; } @media (max-width: 1200px) { .certificates_section .certificates_block { gap: 50px 0; } } @media (max-width: 799px) { .certificates_section .certificates_block { gap: 56px 0; } } .certificates_section .certificates_block .certificates_box { width: calc(33.33% - 13.33px); padding: 10px 10px 0 10px; background-color: #fff; } @media (max-width: 799px) { .certificates_section .certificates_block .certificates_box { padding: 8px 8px 0 8px; } } .certificates_section .certificates_block .certificates_box a { display: block; } .certificates_section .certificates_block .certificates_box a img { width: 100%; max-width: 100%; } .certificates_section .certificates_block .certificates_box.text_b { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; background-color: transparent; padding: 0; } .certificates_section .certificates_block .certificates_box.text_b .sm_br { display: none; } @media (max-width: 1700px) { .certificates_section .certificates_block .certificates_box.text_b .sm_br { display: block; } } @media (max-width: 1700px) { .certificates_section .certificates_block .certificates_box.text_b .desc_br { display: none; } } @media (max-width: 1700px) { .certificates_section .certificates_block .certificates_box.text_b br { display: none; } } @media (max-width: 1200px) { .certificates_section .certificates_block .certificates_box.text_b { font-size: 13px; } } @media (max-width: 799px) { .certificates_section .certificates_block .certificates_box.text_b { font-size: 12px; } } .certificates_section .certificates_block .certificates_box.text_b.mob { display: none; } @media (max-width: 799px) { .certificates_section .certificates_block .certificates_box.text_b.mob { display: flex; width: 100%; margin-bottom: -34px; } } .certificates_section .certificates_block .certificates_box .certificates_box_title { color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; text-align: center; padding: 17px 0; } @media (max-width: 1200px) { .certificates_section .certificates_block .certificates_box .certificates_box_title { font-size: 16px; } } @media (max-width: 799px) { .certificates_section .certificates_block .certificates_box .certificates_box_title { font-size: 14px; } } @media (max-width: 799px) { .certificates_section .certificates_block .certificates_box .certificates_box_title { padding: 12px 0; } } .certificates_section .certificates_block .cer_bl_top { display: flex; gap: 20px; flex-wrap: wrap; } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_top { gap: 38px 38px; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_top { gap: 55px 10px; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_top { gap: 15px; } } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_top .certificates_box { width: calc(50% - 19px); } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_top .certificates_box { width: calc(50% - 5px); } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_top .certificates_box { width: 100%; } } .certificates_section .certificates_block .cer_bl_top .certificates_box.text_b { padding-right: 59px; } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_top .certificates_box.text_b { width: 100%; padding-right: 0; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_top .certificates_box.text_b { margin-bottom: 15px; } } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_top .certificates_box .certificates_box_title { padding: 20px 0; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_top .certificates_box .certificates_box_title { padding: 16px 0; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_top .certificates_box .certificates_box_title { padding: 12px 0; } } .certificates_section .certificates_block .cer_bl_middle { display: flex; gap: 20px; flex-wrap: wrap; } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_middle { gap: 14px; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_middle { gap: 9px; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_middle.desc { display: none; } } .certificates_section .certificates_block .cer_bl_middle.mob { display: none; } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_middle.mob { display: flex; margin-bottom: 26px; } } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box { padding-top: 13px; width: calc(33.33% - 9.33px); } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box { width: calc(33.33% - 6px); } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box { width: 100%; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box .certificates_box_title { padding: 12px 0; } } .certificates_section .certificates_block .cer_bl_middle .certificates_box.text_b { display: none; } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box.text_b { display: flex; width: 100%; margin-bottom: 21px; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_middle .certificates_box.text_b { display: none; } } .certificates_section .certificates_block .cer_bl_bottom { display: flex; gap: 20px; flex-wrap: wrap; } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_bottom { gap: 14px; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_bottom { gap: 10px; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_bottom { gap: 15px; } } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box { width: calc(33.33% - 9.33px); } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box { width: calc(50% - 5px); order: 2; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box { width: 100%; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box:nth-child(5) .certificates_box_title { padding: 10px 0; } } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box .certificates_box_title { padding: 8px 0; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box .certificates_box_title { padding: 16px 0; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box .certificates_box_title { padding: 12px 0; } } .certificates_section .certificates_block .cer_bl_bottom .certificates_box.text_b:last-child { display: flex; align-items: flex-end; padding-left: 30px; } @media (max-width: 1700px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box.text_b:last-child { padding-left: 7px; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box.text_b:last-child { width: 100%; order: 1; margin-bottom: 21px; padding-left: 0; padding-top: 12px; padding-bottom: 0; } } @media (max-width: 799px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box.text_b:last-child { margin-bottom: 15px; padding-top: 0; width: 99%; } } @media (max-width: 1200px) { .certificates_section .certificates_block .cer_bl_bottom .certificates_box.text_b:first-child { display: none; } } .certificates_section .fancybox-slide.watermark .fancybox-spaceball { background-image: url("https://fancyapps.com/GJbkSPU.png"); background-size: cover; background-repeat: no-repeat; } @media (max-width: 799px) { .certificates_section .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .certificates_section .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .certificates_section .owl-dots .owl-dot.active { background-color: #EF6D27; } } .cer_wr footer { padding-top: 52px; } @media (max-width: 1700px) { .cer_wr footer { padding-top: 55px; } } @media (max-width: 1200px) { .cer_wr footer { padding-top: 26px; } } @media (max-width: 799px) { .cer_wr .certificates_h .header_block .header_top .mob_p { gap: 42px; } } @media (max-width: 799px) { .cer_wr footer .footer_block .footer_actions .f_actions_top p { margin-bottom: 26px; } } @media (max-width: 799px) { .cer_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 13px; } } @media (max-width: 799px) { .cer_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 37px; } } .services_section { padding-top: 21px; } @media (max-width: 1200px) { .services_section { padding-top: 82px; } } @media (max-width: 799px) { .services_section { padding-top: 60px; } } .services_section .section_title { margin-bottom: 40px; } @media (max-width: 1700px) { .services_section .section_title { margin-bottom: 30px; } } @media (max-width: 1200px) { .services_section .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .services_section .section_title { text-align: left; } } .services_section .services_block { display: flex; flex-wrap: wrap; gap: 20px 21px; } @media (max-width: 1700px) { .services_section .services_block { gap: 20px; } } @media (max-width: 1200px) { .services_section .services_block { gap: 10px; } } .services_section .services_block .services_box { width: calc(50% - 10.5px); padding: 30px 30px 20px 25px; background-color: #fff; min-height: 348px; position: relative; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .services_section .services_block .services_box { padding-left: 20px; width: calc(50% - 10px); } } @media (max-width: 1200px) { .services_section .services_block .services_box { width: calc(50% - 5px); padding: 20px 20px 20px 15px; min-height: 280px; } } @media (max-width: 799px) { .services_section .services_block .services_box { min-height: auto; padding: 20px 15px; width: 100%; padding-top: 21px; } .services_section .services_block .services_box:nth-child(5) { padding-bottom: 21px; padding-top: 23px; } .services_section .services_block .services_box:nth-child(5) ul { gap: 5.5px; } } @media (max-width: 799px) and (max-width: 799px) { .services_section .services_block .services_box:nth-child(5) .s_b_arr { right: 15px; bottom: auto; top: 22px; } } @media (max-width: 799px) { .services_section .services_block .services_box:nth-child(6), .services_section .services_block .services_box:nth-child(7) { padding-top: 24px; } .services_section .services_block .services_box:nth-child(6) p, .services_section .services_block .services_box:nth-child(7) p { width: 96%; } } @media (max-width: 799px) and (max-width: 799px) { .services_section .services_block .services_box:nth-child(6) .s_b_arr, .services_section .services_block .services_box:nth-child(7) .s_b_arr { right: 15px; bottom: auto; top: 22px; } } @media (max-width: 799px) { .services_section .services_block .services_box:last-child ul { gap: 5.5px; } } .services_section .services_block .services_box:hover { background: #EF6D27; } .services_section .services_block .services_box:hover .services_box_title { color: #fff; } @media (max-width: 1200px) { .services_section .services_block .services_box:hover .s_b_arr { right: 27px; bottom: 22px; } } @media (max-width: 799px) { .services_section .services_block .services_box:hover .s_b_arr { right: 16px; bottom: auto; top: 20px; } } .services_section .services_block .services_box:hover ul li { color: #fff; } .services_section .services_block .services_box:hover circle { fill: #fff; } .services_section .services_block .services_box:hover p { color: #fff; } .services_section .services_block .services_box:hover .s_b_arr path { fill: #fff; } .services_section .services_block .services_box .services_box_title { color: #102D47; font-size: 24px; font-weight: 600; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 1200px) { .services_section .services_block .services_box .services_box_title { letter-spacing: 0.6px; font-size: 20px; margin-bottom: 15px; } } @media (max-width: 799px) { .services_section .services_block .services_box .services_box_title { letter-spacing: 0.42px; font-size: 14px; margin-bottom: 10px; } } .services_section .services_block .services_box ul { display: flex; flex-direction: column; gap: 6px; } .services_section .services_block .services_box ul li { color: #102D47; font-size: 15px; font-weight: 400; line-height: 170%; display: flex; align-items: center; gap: 15px; } @media (max-width: 1200px) { .services_section .services_block .services_box ul li { gap: 10px; font-size: 12px; } } .services_section .services_block .services_box p { color: #102D47; font-size: 15px; font-weight: 400; line-height: 170%; } @media (max-width: 1200px) { .services_section .services_block .services_box p { font-size: 12px; } } @media (max-width: 1200px) { .services_section .services_block .services_box p .desc_br { display: none; } } .services_section .services_block .services_box .s_b_arr { position: absolute; bottom: 30px; right: 30px; } @media (max-width: 1200px) { .services_section .services_block .services_box .s_b_arr { bottom: 20px; right: 20px; } } @media (max-width: 799px) { .services_section .services_block .services_box .s_b_arr { bottom: auto; top: 18px; right: 14px; } } @media (max-width: 1200px) { .services_section .services_block .services_box .s_b_arr svg { width: 14px; height: 14px; } } @media (max-width: 799px) { .services_section .services_block .services_box .s_b_arr svg { width: 12px; height: 12px; } } @media (max-width: 1200px) { .ser_wr .premium_section.certificates_pre { padding-top: 92px; } } @media (max-width: 799px) { .ser_wr .premium_section.certificates_pre { padding-top: 29px; } } @media (max-width: 1700px) { .ser_wr footer { padding-top: 50px; } } @media (max-width: 1200px) { .ser_wr footer { padding-top: 28px; } } @media (max-width: 799px) { .ser_wr footer { padding-top: 23px; } } @media (max-width: 799px) { .ser_wr .black_h .header_block .header_top .mob_p { gap: 42px; } } .employees_section { padding-bottom: 51.77px; padding-top: 21px; } @media (max-width: 1700px) { .employees_section { padding-bottom: 31.52px; } } @media (max-width: 1200px) { .employees_section { padding-bottom: 21.2px; padding-top: 81px; } } @media (max-width: 799px) { .employees_section { padding-bottom: 30px; padding-top: 61px; } } .employees_section .section_title { margin-bottom: 37px; } @media (max-width: 1700px) { .employees_section .section_title { margin-bottom: 32px; } } @media (max-width: 1200px) { .employees_section .section_title { margin-bottom: 27px; } } @media (max-width: 799px) { .employees_section .section_title { text-align: left; } } @media (max-width: 799px) { .employees_section .section_title { margin-bottom: 19px; } } .employees_section .employees_block { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1700px) { .employees_section .employees_block { gap: 30px; } } @media (max-width: 1200px) { .employees_section .employees_block { gap: 23px; } } @media (max-width: 799px) { .employees_section .employees_block { gap: 19px; } } .employees_section .employees_block .employees_box { display: flex; justify-content: space-between; padding: 58px 50px 60px 49px; background-color: #fff; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box { padding: 54px 40px 50px 20px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box { flex-wrap: wrap; padding: 0; gap: 0px; } } .employees_section .employees_block .employees_box.employees_top { padding: 61px 50px 60px 47px; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box.employees_top { padding: 55px 50px 33px 22px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box.employees_top { padding: 0; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box.employees_top .employees_box_body { padding-bottom: 34px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box.employees_top .employees_box_body .employees_box_body_in .employees_item:nth-child(3) .employees_item_name span { font-size: 20px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box.employees_top .employees_box_body .employees_box_body_in .employees_item:nth-child(3) .employees_item_name .employees_item_job { font-size: 15px; } } .employees_section .employees_block .employees_box.employees_middle { padding: 58px 50px 60px 47px; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box.employees_middle { padding: 60px 50px 55px 22px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box.employees_middle { padding: 0; } .employees_section .employees_block .employees_box.employees_middle .employees_box_header { padding: 26px 18px 26px 21px; } } @media (max-width: 1200px) and (max-width: 799px) { .employees_section .employees_block .employees_box.employees_middle .employees_box_header { padding: 15px 11px 15px 10px; } } .employees_section .employees_block .employees_box.employees_middle .employees_box_header p { margin-top: -5px; } @media (max-width: 1200px) { .employees_section .employees_block .employees_box.employees_middle .employees_box_header p { margin-top: 0; } } .employees_section .employees_block .employees_box.employees_bottom .employees_box_header { padding: 0px 18px 0px 0px; } @media (max-width: 1200px) { .employees_section .employees_block .employees_box.employees_bottom .employees_box_header { padding: 25px 20px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box.employees_bottom .employees_box_header { padding: 13px 10px 13px 10px; } } .employees_section .employees_block .employees_box .employees_box_header { width: 25%; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_header { width: calc(25% - 26px); } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_header { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all 0.5s ease-out; padding: 26px 20px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_header { padding: 15px 10px 15px 10px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_header.accordion-active { padding: 29px 16px 23px 19px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_header.accordion-active { padding: 13px 7px 15px 10px; } } .employees_section .employees_block .employees_box .employees_box_header p { color: #102D47; font-size: 20px; font-weight: 500; line-height: 146.28%; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_header p { line-height: 124%; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_header p { font-size: 14px; letter-spacing: 1.4px; } .employees_section .employees_block .employees_box .employees_box_header p br { display: none; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_header p { font-size: 12px; letter-spacing: 0.6px; } } .employees_section .employees_block .employees_box .employees_box_header .collapse_a { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: none; } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_header .collapse_a { display: block; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_header .collapse_a svg { width: 18px; height: 18px; } } .employees_section .employees_block .employees_box .employees_box_header .collapse_a.accordion__rotate { transform: rotate(225deg); } .employees_section .employees_block .employees_box .employees_box_header .collapse_a.accordion__rotate rect { fill: #EF6D27; } .employees_section .employees_block .employees_box .employees_box_body { width: 67%; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_body { width: 80%; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_body { display: none; width: 100%; padding: 0px 19px 29px 21px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_body { padding: 11px 10px 43px 10px; } } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in { display: flex; gap: 56px 40px; flex-wrap: wrap; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in { gap: 49px 25px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in { width: 100%; gap: 20px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in { gap: 40px; } } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item { width: calc(33.33% - 26.66px); display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item { width: calc(33.33% - 16.66px); gap: 15px; } } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item { width: calc(33.33% - 13.33px); gap: 10px; } } @media (max-width: 799px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item { width: 100%; gap: 12px; } } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_img { display: block; } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_img img { width: 100%; height: 100%; object-fit: cover; } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name { display: flex; flex-direction: column; gap: 8px; } @media (max-width: 1700px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name { gap: 5px; } } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name span { color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name span { font-size: 16px; } } .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name .employees_item_job { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .employees_section .employees_block .employees_box .employees_box_body .employees_box_body_in .employees_item .employees_item_name .employees_item_job { font-size: 12px; } } @media (max-width: 1700px) { .employees_wr footer { padding-top: 47px; } } @media (max-width: 1200px) { .employees_wr footer { padding-top: 29px; } } @media (max-width: 799px) { .employees_wr footer { padding-top: 23px; } } .faq_section { padding-top: 21px; } @media (max-width: 1200px) { .faq_section { padding-top: 80px; } } @media (max-width: 799px) { .faq_section { padding-top: 59px; } } .faq_section .section_title { margin-bottom: 36px; } @media (max-width: 1700px) { .faq_section .section_title { margin-bottom: 40px; } } @media (max-width: 1200px) { .faq_section .section_title { margin-bottom: 30px; } } @media (max-width: 799px) { .faq_section .section_title { margin-bottom: 20px; text-align: left; } } .faq_section .faq_block { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1700px) { .faq_section .faq_block { gap: 20px; } } @media (max-width: 1200px) { .faq_section .faq_block { gap: 10px; } } .faq_section .faq_block .faq_box { display: flex; flex-direction: column; } .faq_section .faq_block .faq_box .faq_box_header { display: flex; justify-content: space-between; color: #102D47; font-size: 20px; font-weight: 500; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; padding: 22px 20px 24px 20px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #fff; cursor: pointer; height: 79px; position: relative; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_header { padding-top: 22px; padding-bottom: 23px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header { font-size: 14px; line-height: 146.28%; letter-spacing: 1.4px; padding: 0px 20px; min-height: 80px; align-items: center; height: 80px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header { font-size: 12px; letter-spacing: 0.6px; padding: 10px; min-height: auto; height: auto; } } .faq_section .faq_block .faq_box .faq_box_header p { display: flex; align-items: center; gap: 20px; } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header p { gap: 15px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header p { gap: 10px; width: 87%; } } .faq_section .faq_block .faq_box .faq_box_header p svg { width: 24px; height: 24px; flex: 0 0 auto; } .faq_section .faq_block .faq_box .faq_box_header p path { fill: #EF6D27; } .faq_section .faq_block .faq_box .faq_box_header p circle { fill: #fff; } .faq_section .faq_block .faq_box .faq_box_header p .mob_br { display: none; } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header p .mob_br { display: block; } } .faq_section .faq_block .faq_box .faq_box_header.accordion-active { border-bottom: 1px solid #EFEFF1; align-items: center; padding: 27px 20px 29px 20px; height: 79px; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active { padding-bottom: 19px; padding-top: 22px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active { padding: 30px 20px; padding-bottom: 23px; height: 80px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active { padding: 10px 10px 12px 10px; height: auto; } } .faq_section .faq_block .faq_box .faq_box_header.accordion-active p { align-items: center; } .faq_section .faq_block .faq_box .faq_box_header.accordion-active p path { fill: #fff; } .faq_section .faq_block .faq_box .faq_box_header.accordion-active p circle { fill: #EF6D27; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active .collapse_a { right: 12px; top: 20px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active .collapse_a { right: 17px; top: 25px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header.accordion-active .collapse_a { right: 6px; top: 16px; } } .faq_section .faq_block .faq_box .faq_box_header:hover { background-color: #102D47; color: #fff; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .faq_section .faq_block .faq_box .faq_box_header:hover p path { fill: #fff; } .faq_section .faq_block .faq_box .faq_box_header:hover p circle { fill: #102D47; } .faq_section .faq_block .faq_box .faq_box_header:hover p svg { background-color: #102D47; border-radius: 50%; overflow: hidden; } .faq_section .faq_block .faq_box .faq_box_header:hover .collapse_a rect { fill: #fff; } .faq_section .faq_block .faq_box .faq_box_header:hover .collapse_a.accordion__rotate { transform: rotate(225deg); } .faq_section .faq_block .faq_box .faq_box_header:hover .collapse_a.accordion__rotate rect { fill: #fff; } .faq_section .faq_block .faq_box .faq_box_header .collapse_a { display: block; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_header .collapse_a { position: absolute; right: 20px; top: 29px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header .collapse_a { margin-left: 20px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header .collapse_a { right: 10px; top: 14px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_header .collapse_a svg { width: 21px; height: 21px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_header .collapse_a svg { width: 18.652px; height: 18.652px; } } .faq_section .faq_block .faq_box .faq_box_header .collapse_a.accordion__rotate { transform: rotate(225deg); } .faq_section .faq_block .faq_box .faq_box_header .collapse_a.accordion__rotate rect { fill: #EF6D27; } .faq_section .faq_block .faq_box .faq_box_body { display: none; background-color: #fff; margin-bottom: 10px; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body { margin-bottom: 0; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_body { margin-bottom: 10px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body { margin-bottom: 0; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in { display: flex; gap: 82px; padding: 32px 184px 59px 66px; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in { padding: 34px 120px 44px 20px; gap: 72px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in { padding: 30px 60px 45px 20px; gap: 52px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in { padding: 15px 10px 30px 10px; flex-direction: column; gap: 27px; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text { color: #102D47; font-size: 20px; font-weight: 400; line-height: 170%; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text { font-size: 15px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text { font-size: 13px; line-height: 150%; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text { font-size: 12px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item { display: flex; gap: 18px; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img { display: block; margin-bottom: 5px; } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img { margin-bottom: 6px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img { margin-bottom: 0; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img img { width: 142px; height: 160px; object-fit: cover; } @media (max-width: 1200px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img img { width: 114px; height: 128px; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name { display: flex; flex-direction: column; gap: 0px; color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name span { line-height: 111%; } } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name { font-size: 15px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name { gap: 2px; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name .faq_item_job { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; margin-bottom: 21px; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name .faq_item_job { font-size: 12px; margin-bottom: 8px; } } .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_date { color: #C6C6C6; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box .faq_box_body .faq_box_body_in .faq_date { font-size: 12px; } } .faq_section .faq_block .faq_box.max_ques .faq_box_header { height: 146px; } @media (max-width: 1700px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header { height: 178px; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header { padding: 0px 20px; min-height: 136px; height: 136px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header { padding: 10px; min-height: auto; height: auto; line-height: 160%; } } .faq_section .faq_block .faq_box.max_ques .faq_box_header p { align-items: start; } @media (max-width: 1200px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header p { width: 85%; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header p { width: 100%; } } .faq_section .faq_block .faq_box.max_ques .faq_box_header p .mob_br { display: none; } @media (max-width: 799px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header p .mob_br { display: block; } } @media (max-width: 1200px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header .collapse_a { top: 20px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box.max_ques .faq_box_header .collapse_a { top: 14px; } } @media (max-width: 1700px) { .faq_section .faq_block .faq_box.tab_none { display: none; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box:nth-child(5) .faq_box_header { padding-bottom: 12px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box:nth-child(5) .collapse_a { right: 11px; top: 22px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box:last-child .faq_box_header { line-height: 160%; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box:last-child .collapse_a { top: 30px; } } @media (max-width: 799px) { .faq_section .faq_block .faq_box:nth-child(3) .faq_box_header p, .faq_section .faq_block .faq_box:nth-child(2) .faq_box_header p { align-items: start; } } .faq_wr .premium_section.certificates_pre { padding-top: 89px; } @media (max-width: 1700px) { .faq_wr .premium_section.certificates_pre { padding-top: 84px; } } @media (max-width: 1200px) { .faq_wr .premium_section.certificates_pre { padding-top: 56px; } } @media (max-width: 799px) { .faq_wr .premium_section.certificates_pre { padding-top: 29px; } } .faq_wr footer { padding-top: 61px; } @media (max-width: 1700px) { .faq_wr footer { padding-top: 57px; } } @media (max-width: 1200px) { .faq_wr footer { padding-top: 31px; } } @media (max-width: 799px) { .faq_wr footer { padding-top: 27px; } } @media (max-width: 799px) { .faq_wr .black_h .header_block .header_top .mob_p { gap: 42px; } } @media (max-width: 799px) { .faq_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 35px; } } .documentation_section { padding-top: 20px; } @media (max-width: 1200px) { .documentation_section { padding-top: 80px; } } @media (max-width: 799px) { .documentation_section { padding-top: 61px; } } .documentation_section .section_title { margin-bottom: 50px; } @media (max-width: 1700px) { .documentation_section .section_title { margin-bottom: 40px; } } @media (max-width: 1200px) { .documentation_section .section_title { margin-bottom: 30px; } } @media (max-width: 768px) { .documentation_section .section_title { margin-bottom: 20px; text-align: left; } } .documentation_section .documentation_block { display: flex; flex-direction: column; gap: 17px; } @media (max-width: 1700px) { .documentation_section .documentation_block { gap: 10px; } } @media (max-width: 799px) { .documentation_section .documentation_block { gap: 10px; } } .documentation_section .documentation_block .first_d_b { background-color: transparent; display: flex; align-items: center; justify-content: space-between; padding-left: 20px; padding-right: 64px; } @media (max-width: 1700px) { .documentation_section .documentation_block .first_d_b { padding-bottom: 10px; } } @media (max-width: 1200px) { .documentation_section .documentation_block .first_d_b { padding-bottom: 8px; padding-left: 13px; padding-right: 87px; } } @media (max-width: 768px) { .documentation_section .documentation_block .first_d_b { display: none; } } .documentation_section .documentation_block .first_d_b .action { color: #102D47; font-size: 20px; font-weight: 500; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 1200px) { .documentation_section .documentation_block .first_d_b .action { font-size: 14px; } } .documentation_section .documentation_block .first_d_b p { color: #102D47; font-size: 20px; font-weight: 500; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; display: flex; align-items: center; gap: 40px; } @media (max-width: 1700px) { .documentation_section .documentation_block .first_d_b p { gap: 23px; } } @media (max-width: 1200px) { .documentation_section .documentation_block .first_d_b p { font-size: 14px; letter-spacing: 1.4px; gap: 24px; } } .documentation_section .documentation_block .documentation_box { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px 13px 27px; background-color: #fff; width: 100%; } @media (max-width: 1700px) { .documentation_section .documentation_block .documentation_box { padding: 12px 20px 12px 25px; height: 78px; } } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box { padding: 15px 15px 15px 20px; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box { flex-direction: column; gap: 15px; padding: 15px 20px; align-items: start; height: auto; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box { padding: 14px 15px 20px 15px; } } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box:nth-child(2) { padding: 11px 20px 12px 21px; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box:nth-child(2) { padding: 14px 15px 20px 15px; } } @media (max-width: 1700px) { .documentation_section .documentation_block .documentation_box:nth-child(2) p { width: 70%; } } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box:nth-child(2) p { gap: 29px; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box:nth-child(2) p { width: 90%; gap: 18px; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box:nth-child(9), .documentation_section .documentation_block .documentation_box:nth-child(8), .documentation_section .documentation_block .documentation_box:nth-child(11) { padding-bottom: 21px; } } .documentation_section .documentation_block .documentation_box p { color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 44px; } @media (max-width: 1700px) { .documentation_section .documentation_block .documentation_box p { gap: 33px; width: 80%; } } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box p { font-size: 16px; gap: 26px; width: 70%; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box p { font-size: 14px; gap: 20px; width: 100%; align-items: start; } } .documentation_section .documentation_block .documentation_box p .mob_br { display: none; } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box p .mob_br { display: block; } } .documentation_section .documentation_block .documentation_box p span { color: #C6C6C6; font-size: 20px; font-weight: 400; line-height: 150%; } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box p span { font-size: 16px; } } @media (max-width: 768px) { .documentation_section .documentation_block .documentation_box p span { font-size: 14px; } } .documentation_section .documentation_block .documentation_box .down_link { display: flex; align-items: center; border: 1px solid #102D47; gap: 15.08px; justify-content: center; color: #102D47; font-size: 15px; font-weight: 500; line-height: normal; letter-spacing: 1.5px; padding: 15px 31px; transition: all ease-out 0.4s; } .documentation_section .documentation_block .documentation_box .down_link:hover { background: #102D47; color: #fff; } .documentation_section .documentation_block .documentation_box .down_link:hover path { fill: #fff; } @media (max-width: 1700px) { .documentation_section .documentation_block .documentation_box .down_link { width: auto; height: 54px; } } @media (max-width: 1200px) { .documentation_section .documentation_block .documentation_box .down_link { font-size: 12px; gap: 10px; padding: 16px 23px; width: 23.7%; letter-spacing: 1.2px; height: 48px; } .documentation_section .documentation_block .documentation_box .down_link svg { width: 12px; height: 16px; } } @media (max-width: 799px) { .documentation_section .documentation_block .documentation_box .down_link { width: auto; margin-left: 26px; } } @media (max-width: 799px) { .doc_wr .black_h .header_block .header_top .mob_p { gap: 42px; } } .doc_wr footer { padding-top: 52px; } @media (max-width: 1700px) { .doc_wr footer { padding-top: 50px; } } @media (max-width: 1200px) { .doc_wr footer { padding-top: 21px; } } .doc_wr footer .footer_block .footer_actions { padding-top: 6px; } @media (max-width: 1700px) { .doc_wr footer .footer_block .footer_actions { padding-top: 4px; } } .doc_wr footer .footer_block .footer_actions .f_actions_bottom { gap: 37px; } .doc_wr footer .footer_block .footer_actions .f_actions_bottom .social_networks { padding-top: 141px; } @media (max-width: 1700px) { .doc_wr footer .footer_block .footer_actions .f_actions_bottom .social_networks { padding-top: 130px; } } @media (max-width: 799px) { .doc_wr footer .footer_block .footer_actions .f_actions_bottom .social_networks { padding-top: 0; } } @media (max-width: 799px) { .doc_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 14px; } } .gallery_section { padding-top: 20px; } @media (max-width: 1200px) { .gallery_section { padding-top: 78px; } } @media (max-width: 799px) { .gallery_section { padding-top: 59px; } } .gallery_section .section_title { margin-bottom: 40px; } @media (max-width: 1700px) { .gallery_section .section_title { margin-bottom: 30px; } } @media (max-width: 1200px) { .gallery_section .section_title { margin-bottom: 19px; } } @media (max-width: 799px) { .gallery_section .section_title { text-align: left; } } @media (max-width: 799px) { .gallery_section .section_title { margin-bottom: 21px; } } .gallery_section .gallery_block { display: flex; flex-direction: column; } .gallery_section .gallery_block .gallery_ul { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 20px; } @media (max-width: 768px) { .gallery_section .gallery_block .gallery_ul { margin-bottom: 15px; } } @media (max-width: 799px) { .gallery_section .gallery_block .gallery_ul { margin-bottom: 13px; } } .gallery_section .gallery_block .gallery_ul li a { padding: 8px 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; transition: all ease-out 0.4s; } .gallery_section .gallery_block .gallery_ul li a:hover { background-color: #102D47; color: #fff; } @media (max-width: 768px) { .gallery_section .gallery_block .gallery_ul li a { font-size: 12px; padding: 7px 5px 8px 5px; } } .gallery_section .gallery_block .gallery_box { display: flex; flex-wrap: wrap; gap: 15px 21px; margin-bottom: 47px; } @media (max-width: 1700px) { .gallery_section .gallery_block .gallery_box { margin-bottom: 36px; gap: 14px 20px; } } @media (max-width: 1200px) { .gallery_section .gallery_block .gallery_box { gap: 15px 20px; } } @media (max-width: 768px) { .gallery_section .gallery_block .gallery_box { gap: 6px; margin-bottom: 11px; } } .gallery_section .gallery_block .gallery_box .gallery_item { display: block; width: calc(50% - 10.5px); } @media (max-width: 1700px) { .gallery_section .gallery_block .gallery_box .gallery_item { width: calc(50% - 10px); } } @media (max-width: 1200px) { .gallery_section .gallery_block .gallery_box .gallery_item { width: 100%; } } .gallery_section .gallery_block .gallery_box .gallery_item img { width: 100%; height: 100%; object-fit: cover; } .portfolio_section { padding-top: 20px; } @media (max-width: 1200px) { .portfolio_section { padding-top: 81px; } } @media (max-width: 799px) { .portfolio_section { padding-top: 61px; } } .portfolio_section .section_title { margin-bottom: 40px; } @media (max-width: 1200px) { .portfolio_section .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .portfolio_section .section_title { text-align: left; } } @media (max-width: 768px) { .portfolio_section .section_title { text-align: left; } } @media (max-width: 1200px) { .portfolio_section .portfolio_block .load_more_btn { margin-bottom: 78px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .load_more_btn { margin-bottom: 61px; } } .portfolio_section .portfolio_block .p_youtube { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; } @media (max-width: 1200px) { .portfolio_section .portfolio_block .p_youtube { margin-bottom: 30px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .p_youtube { gap: 10px; margin-bottom: 20px; } } .portfolio_section .portfolio_block .p_youtube .p_youtube_item { width: calc(50% - 10px); min-height: 444px; } @media (max-width: 1700px) { .portfolio_section .portfolio_block .p_youtube .p_youtube_item { min-height: 332px; } } @media (max-width: 1200px) { .portfolio_section .portfolio_block .p_youtube .p_youtube_item { min-height: 430px; width: 100%; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .p_youtube .p_youtube_item { min-height: 168px; } } .portfolio_section .portfolio_block .p_youtube .p_youtube_item iframe { width: 100%; height: 100%; } .portfolio_section .portfolio_block .portfolio_box { display: flex; flex-wrap: wrap; gap: 20px 24px; margin-bottom: 40px; } @media (max-width: 1700px) { .portfolio_section .portfolio_block .portfolio_box { gap: 20px; } } @media (max-width: 1200px) { .portfolio_section .portfolio_block .portfolio_box { margin-bottom: 30px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .portfolio_box { gap: 10px; margin-bottom: 20px; } } .portfolio_section .portfolio_block .portfolio_box .portfolio_item { width: calc(50% - 12px); display: flex; flex-direction: column; position: relative; transition: all ease-out 0.4s; } @media (max-width: 1200px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item { width: 100%; } } .portfolio_section .portfolio_block .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_status { background-color: #EF6D27; } .portfolio_section .portfolio_block .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { color: #EF6D27; } .portfolio_section .portfolio_block .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom path { fill: #EF6D27; } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_main_img { width: 100%; height: 100%; object-fit: cover; } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { color: #FFF; font-size: 20px; font-weight: 400; line-height: normal; background: #85A726; padding: 6px 10px 6px 15px; position: absolute; top: 0; left: 0; } @media (max-width: 1200px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { padding: 6px 15px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { font-size: 12px; padding: 2px 8px 3px 8px; } } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 25px 30px 25px 20px; } @media (max-width: 1700px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding-top: 27px; padding-bottom: 26px; } } @media (max-width: 1200px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding-top: 26px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding: 12px 10px 13px 10px; } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom svg { width: 14px; height: 14px; } } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { display: flex; flex-direction: column; gap: 16px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 15px; } } @media (max-width: 799px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 10px; font-size: 14px; line-height: 130%; width: 80%; } } .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 15px; } @media (max-width: 799px) { .portfolio_section .portfolio_block .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 12px; line-height: normal; } } .port_wr footer { padding-top: 56px; } @media (max-width: 1700px) { .port_wr footer { padding-top: 51px; } } @media (max-width: 1200px) { .port_wr footer { padding-top: 31px; } } @media (max-width: 799px) { .port_wr .black_h .header_block .header_top .mob_p { gap: 42px; } } .individual_design { padding-top: 36px; } @media (max-width: 1700px) { .individual_design { padding-top: 33px; } } @media (max-width: 1200px) { .individual_design { padding-top: 79px; } } @media (max-width: 799px) { .individual_design { padding-top: 60px; } } .individual_design.section_t { padding-bottom: 0; } .individual_design .section_title { margin-bottom: 40px; } @media (max-width: 1700px) { .individual_design .section_title { margin-bottom: 19px; } .individual_design .section_title span { display: none; } } @media (max-width: 799px) { .individual_design .section_title { text-align: left; } } .individual_design .section_subtitle { color: #102D47; font-size: 20px; font-weight: 400; line-height: 170%; margin-bottom: 40px; } @media (max-width: 1700px) { .individual_design .section_subtitle { font-size: 18px; line-height: 150%; width: 100%; } } @media (max-width: 1200px) { .individual_design .section_subtitle { font-size: 15px; margin-bottom: 18px; } } @media (max-width: 799px) { .individual_design .section_subtitle { font-size: 12px; max-width: 100%; margin-bottom: 20px; } } .individual_design .individual_design_hero .container { position: relative; } @media (max-width: 799px) { .individual_design .individual_design_hero .container { padding: 0; } } .individual_design .individual_design_hero .individual_design_main_bg { width: 100%; height: 100%; object-fit: cover; max-height: 780px; } @media (max-width: 1700px) { .individual_design .individual_design_hero .individual_design_main_bg { max-height: 552px; height: 552px; } } @media (max-width: 799px) { .individual_design .individual_design_hero .individual_design_main_bg { height: 420px; min-height: 420px; } } .individual_design .individual_design_hero .main_btn { position: absolute; bottom: 48px; left: 0; width: 300px; line-height: 130%; height: 68px; } @media (max-width: 1700px) { .individual_design .individual_design_hero .main_btn { gap: 59px; bottom: 46px; padding: 16px; } } @media (max-width: 1200px) { .individual_design .individual_design_hero .main_btn { bottom: 43px; left: 16px; } } @media (max-width: 799px) { .individual_design .individual_design_hero .main_btn { left: 0; right: 0; margin: 0 auto; bottom: 386px; max-width: 94%; font-size: 15px; padding: 15px 18px; } } .individual_design .individual_design_hero .individual_design_hero_text { color: #102D47; font-size: 20px; font-weight: 400; line-height: 170%; padding: 30px 35px 34px 25px; background-color: #fff; position: absolute; right: 0; bottom: 48px; max-width: 789px; height: 264px; } @media (max-width: 1700px) { .individual_design .individual_design_hero .individual_design_hero_text { font-size: 18px; line-height: 150%; bottom: 43px; height: auto; } } @media (max-width: 1200px) { .individual_design .individual_design_hero .individual_design_hero_text { font-size: 15px; padding: 25px 20px; max-width: 379px; bottom: 43px; right: 18px; padding-bottom: 27px; } } @media (max-width: 799px) { .individual_design .individual_design_hero .individual_design_hero_text { font-size: 12px; position: relative; bottom: 0; right: 0; max-width: 100%; padding: 18px 10px 26px 15px; } } .individual_design_price { padding: 145px 0; background-color: #EFEFF1; } @media (max-width: 1700px) { .individual_design_price { padding-top: 119px; padding-bottom: 119px; } } @media (max-width: 1200px) { .individual_design_price { padding-top: 76px; padding-bottom: 72px; } } @media (max-width: 799px) { .individual_design_price { padding-top: 40px; padding-bottom: 59px; } } .individual_design_price .section_title { margin-bottom: 40px; } @media (max-width: 1700px) { .individual_design_price .section_title { margin-bottom: 53px; } } @media (max-width: 1200px) { .individual_design_price .section_title { margin-bottom: 28px; } } @media (max-width: 799px) { .individual_design_price .section_title { margin-bottom: 37px; } } .individual_design_price .individual_design_price_block { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1200px) { .individual_design_price .individual_design_price_block { gap: 28px; } } @media (max-width: 799px) { .individual_design_price .individual_design_price_block { gap: 18px; } } .individual_design_price .individual_design_price_block .individual_design_price_item { display: flex; flex-direction: column; gap: 5px; } .individual_design_price .individual_design_price_block .individual_design_price_item .individual_design_price_name { color: #102D47; font-size: 24px; font-weight: 600; line-height: normal; letter-spacing: 0.72px; text-transform: uppercase; margin-bottom: 15px; } @media (max-width: 1200px) { .individual_design_price .individual_design_price_block .individual_design_price_item .individual_design_price_name { font-size: 14px; margin-bottom: 6px; letter-spacing: 0.42px; line-height: 146.28%; } } .individual_design_price .individual_design_price_block .individual_design_price_item .individual_design_price_box { color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 25px 21px 24px 20px; } @media (max-width: 1200px) { .individual_design_price .individual_design_price_block .individual_design_price_item .individual_design_price_box { font-size: 15px; padding: 14px 20px 12px 20px; } } @media (max-width: 799px) { .individual_design_price .individual_design_price_block .individual_design_price_item .individual_design_price_box { font-size: 12px; padding: 11px 10px; } } @media (max-width: 799px) { .individual_design_price .individual_design_price_block .individual_design_price_item:nth-child(3) .individual_design_price_box, .individual_design_price .individual_design_price_block .individual_design_price_item:nth-child(4) .individual_design_price_box { padding: 9px 10px; } .individual_design_price .individual_design_price_block .individual_design_price_item:nth-child(3) .individual_design_price_box p, .individual_design_price .individual_design_price_block .individual_design_price_item:nth-child(4) .individual_design_price_box p { width: 65%; } } .project_videos { padding: 55px 0 56px 0; background-color: #fff; } @media (max-width: 1700px) { .project_videos { padding-top: 37px; } } @media (max-width: 1200px) { .project_videos { padding-bottom: 35px; } } @media (max-width: 799px) { .project_videos { padding-top: 22px; padding-bottom: 34px; } } .project_videos .section_title { margin-bottom: 28px; } @media (max-width: 1200px) { .project_videos .section_title { margin-bottom: 14px; } } .project_videos .project_videos_block { display: flex; gap: 20px; margin-bottom: 40px; } @media (max-width: 1700px) { .project_videos .project_videos_block { flex-wrap: wrap; margin-bottom: 35px; } } @media (max-width: 1200px) { .project_videos .project_videos_block { gap: 10px; margin-bottom: 25px; } } @media (max-width: 799px) { .project_videos .project_videos_block { margin-bottom: 36px; } .project_videos .project_videos_block .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .project_videos .project_videos_block .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .project_videos .project_videos_block .owl-dots .owl-dot.active { background-color: #EF6D27; } } .project_videos .project_videos_block .project_videos_box { width: calc(33.33% - 13.33px); } @media (max-width: 1700px) { .project_videos .project_videos_block .project_videos_box { width: calc(50% - 10px); } .project_videos .project_videos_block .project_videos_box:last-child { display: none; } } @media (max-width: 1700px) and (max-width: 799px) { .project_videos .project_videos_block .project_videos_box:last-child { display: block; } } @media (max-width: 1200px) { .project_videos .project_videos_block .project_videos_box { width: calc(50% - 5px); } } @media (max-width: 799px) { .project_videos .project_videos_block .project_videos_box { width: 100%; } } .project_videos .project_videos_block .project_videos_box iframe { width: 100%; } @media (max-width: 1700px) { .project_videos .project_videos_block .project_videos_box iframe { min-height: 331px; } } @media (max-width: 1200px) { .project_videos .project_videos_block .project_videos_box iframe { min-height: 213px; height: 213px; } } @media (max-width: 799px) { .project_videos .project_videos_block .project_videos_box iframe { height: 169px; min-height: 169px; } } .individual_design_advan { padding: 150px 0; padding-bottom: 146px; background-color: #EFEFF1; } @media (max-width: 1700px) { .individual_design_advan { padding-top: 115px; padding-bottom: 120px; } } @media (max-width: 1200px) { .individual_design_advan { padding-top: 80px; padding-bottom: 77px; } } @media (max-width: 799px) { .individual_design_advan { padding-bottom: 80px; padding-top: 56px; } } .individual_design_advan .section_title { margin-bottom: 24px; } @media (max-width: 1200px) { .individual_design_advan .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .individual_design_advan .section_title { margin-bottom: 16px; } } .individual_design_advan .individual_design_advan_block { display: flex; gap: 20px; } @media (max-width: 1700px) { .individual_design_advan .individual_design_advan_block { flex-wrap: wrap; } } @media (max-width: 1200px) { .individual_design_advan .individual_design_advan_block { gap: 10px; } } .individual_design_advan .individual_design_advan_block .individual_design_advan_box { width: calc(25% - 15px); border: 1px solid #102D47; padding: 30px 16px 25px 25px; } @media (max-width: 1700px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box { width: calc(50% - 10px); display: flex; min-height: 290px; max-height: 290px; padding: 34px 25px 0 25px; gap: 100px; } } @media (max-width: 1200px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box { flex-direction: column; gap: 30px; min-height: 236px; max-height: 100%; width: calc(50% - 5px); padding: 18px 19px 18px 15px; } } @media (max-width: 799px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box { width: 100%; min-height: 256px; align-items: center; padding: 20px 10px; height: 256px; gap: 20px; } } .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_title { color: #102D47; font-size: 24px; font-weight: 600; line-height: 145.67%; letter-spacing: 0.72px; text-transform: uppercase; min-height: 70px; margin-bottom: 15px; } @media (max-width: 1200px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_title { font-size: 14px; letter-spacing: 0.42px; min-height: auto; margin-bottom: 10px; } } @media (max-width: 799px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_title { text-align: center; margin-bottom: 13px; } } .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_text { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; margin-bottom: 38px; min-height: 138px; } @media (max-width: 1700px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_text { margin-bottom: 0; } } @media (max-width: 1200px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_text { font-size: 13px; min-height: 100px; } } @media (max-width: 799px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_text { text-align: center; font-size: 12px; } } @media (max-width: 799px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_img { text-align: center; } } @media (max-width: 1200px) { .individual_design_advan .individual_design_advan_block .individual_design_advan_box .individual_design_advan_img img { width: 35px; height: 35px; } } @media (max-width: 799px) { .individual_design_advan .individual_design_advan_block .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .individual_design_advan .individual_design_advan_block .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .individual_design_advan .individual_design_advan_block .owl-dots .owl-dot.active { background-color: #EF6D27; } } .free_consultation .free_consultation_bg { width: 100%; height: 100%; object-fit: cover; max-height: 780px; } @media (max-width: 1700px) { .free_consultation .free_consultation_bg { max-height: 100%; height: 664px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_bg { height: 570px; } } @media (max-width: 799px) { .free_consultation .free_consultation_bg { height: 420px; } } .free_consultation .container { position: relative; } @media (max-width: 799px) { .free_consultation .container { padding: 0; } } .free_consultation .free_consultation_form { position: absolute; bottom: 74px; left: 0; background: #EF6D27; padding: 24px 24px 59px 23px; display: flex; flex-direction: column; max-width: 520px; min-height: 620px; } @media (max-width: 1700px) { .free_consultation .free_consultation_form { max-width: 390px; min-height: 564px; padding: 25px 18px 41px 17px; bottom: 64px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form { max-width: 320px; min-height: 490px; height: 490px; padding: 25px 12px 38px 12px; left: 16px; bottom: 42px; } } @media (max-width: 799px) { .free_consultation .free_consultation_form { position: relative; bottom: 0px; left: 0; max-width: 100%; margin-top: -4px; } } .free_consultation .free_consultation_form .free_consultation_title { color: #FFF; font-family: "Tschichold"; font-size: 48px; font-weight: 700; line-height: 106.036%; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; margin-bottom: 57px; gap: 27px; } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_title { font-size: 36px; margin-bottom: 45px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_title { font-size: 30px; margin-bottom: 40px; gap: 18px; } } @media (max-width: 799px) { .free_consultation .free_consultation_form .free_consultation_title { gap: 20px; margin-bottom: 40px; } } .free_consultation .free_consultation_form .free_consultation_title span { font-size: 108px; font-family: "Tschichold"; display: block; } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_title span { font-size: 80px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_title span { font-size: 64px; } } .free_consultation .free_consultation_form .free_consultation_box_inputs { display: flex; flex-direction: column; gap: 50px; margin-bottom: 30px; padding-left: 17px; padding-right: 16px; } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_box_inputs { gap: 40px; padding-left: 0; padding-right: 0; margin-bottom: 40px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_box_inputs { margin-bottom: 25px; } } .free_consultation .free_consultation_form .free_consultation_box_inputs .free_consultation_label { display: flex; flex-direction: column; gap: 12px; color: #FFF; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_box_inputs .free_consultation_label { gap: 10px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_box_inputs .free_consultation_label { font-size: 12px; } } .free_consultation .free_consultation_form .free_consultation_box_inputs .free_consultation_input { color: #FFF; font-size: 20px; font-weight: 400; line-height: normal; padding-bottom: 10px; border: none; background-color: #EF6D27; border-bottom: 1px solid #fff; display: block; } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_box_inputs .free_consultation_input { font-size: 16px; } } .free_consultation .free_consultation_form .free_consultation_form_bottom { display: flex; flex-direction: column; gap: 50px; align-items: center; } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_form_bottom { gap: 31px; } } .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_text { color: #FFF; text-align: center; font-size: 12px; font-weight: 400; line-height: 160%; display: block; } .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_text a { color: #FFF; text-decoration-line: underline; } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_text { font-size: 11px; } } .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { color: #EF6D27; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; display: flex; align-items: center; padding: 18px 20px 18px 15px; justify-content: space-between; background-color: #fff; border: none; gap: 44px; } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn.desc { display: none; } } .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn.tab { display: none; } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn.tab { display: flex; } } @media (max-width: 1700px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { margin-left: 44px; } } @media (max-width: 1200px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { font-size: 12px; margin: 0 auto; letter-spacing: 1.2px; gap: 26px; padding: 14px 10px 15px 10px; } .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn img { width: 12px; height: 12px; } } @media (max-width: 799px) { .free_consultation .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { gap: 25px; letter-spacing: 1.2px; padding: 14px 10px 15px 10px; margin: 0; } } .stages_design { padding: 150px 0; background-color: #EFEFF1; padding-top: 148px; } @media (max-width: 1700px) { .stages_design { padding-top: 118px; padding-bottom: 113px; } } @media (max-width: 1200px) { .stages_design { padding-top: 77px; padding-bottom: 80px; } } @media (max-width: 799px) { .stages_design { padding-top: 60px; padding-bottom: 61px; } } .stages_design .stages_design_block { display: flex; gap: 40px; } @media (max-width: 1200px) { .stages_design .stages_design_block { flex-direction: column; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left { width: 100%; } } .stages_design .stages_design_block .stages_design_left .section_title { margin-bottom: 25px; padding-bottom: 40px; border-bottom: 1px solid #CFD2D4; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .section_title { margin-bottom: 0px; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .section_title { margin-bottom: -22px; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .section_title { text-align: left; margin-left: -4px; margin-bottom: -27px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul { display: flex; flex-direction: column; gap: 25px; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul { gap: 0px; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul { gap: 10px; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul { gap: 11px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li { display: flex; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li:last-child { display: none; } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li:last-child { display: flex; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li { flex-direction: column; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid #CFD2D4; transition: all ease-out 0.4s; width: 520px; position: relative; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header { width: 390px; padding: 14px 0; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header { border: none; background-color: #fff; padding: 23px 20px 18px 20px; width: 100%; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header { padding: 13px 10px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header:hover .stages_design_type { color: #EF6D27; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header:hover .stages_design_time { color: #EF6D27; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header:hover path { fill: #EF6D27; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_type { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0.6px; text-transform: uppercase; } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_type { font-size: 14px; letter-spacing: 1.4px; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_type { font-size: 12px; letter-spacing: 0.6px; line-height: 146.28%; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .s_d_arr { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .s_d_arr { gap: 0px; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .s_d_arr { gap: 40px; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .s_d_arr .s_d_arr_svg { display: none; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; text-transform: lowercase; } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time { font-size: 13px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.desc { margin-right: 55px; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.desc { display: none; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.desc { display: block; margin-right: 0; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.desc { display: none; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.tab { display: none; } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.tab { display: block; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.tab { display: none; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .stages_design_time.tab { display: block; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .collapse_a svg { display: none; } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .collapse_a svg { display: block; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .collapse_a svg { width: 18px; height: 18px; } } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header .collapse_a { padding-left: 10px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header.accordion-active { padding-bottom: 0; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header.accordion-active .collapse_a rect { fill: #EF6D27; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header.accordion-active .collapse_a.accordion__rotate { transform: rotate(225deg); } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header.accordion-active .collapse_a.accordion__rotate rect { fill: #EF6D27; } @media (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_header.accordion-active .collapse_a { position: absolute; right: 2px; top: 29px; } } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body { display: none; } .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body.active { display: block; } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body { padding: 15px 83px 21px 70px; background-color: #fff; margin-bottom: 15px; } } @media (max-width: 1200px) and (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body { padding: 15px 11px 10px 12px; margin-bottom: 0; } } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body img { max-width: 599px; width: 100%; margin: 0 auto; } } @media (max-width: 1200px) and (max-width: 799px) { .stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body img { max-width: 277px; } } .stages_design .stages_design_block .stages_design_right { padding: 0 106px; padding-top: 15px; background-color: #fff; } @media (max-width: 1200px) { .stages_design .stages_design_block .stages_design_right { display: none; } } @media (max-width: 1700px) { .stages_design .stages_design_block .stages_design_right { padding: 39px 16px; } .stages_design .stages_design_block .stages_design_right img { width: 739px; height: 605px; } } .stages_design .stages_design_block .stages_design_right .stages_design_li_body { display: none; } .stages_design .stages_design_block .stages_design_right .stages_design_li_body.active { display: block; } .projects.exm_individual_design { padding: 0; } .projects.exm_individual_design .section_title { margin-bottom: 24px; } @media (max-width: 1200px) { .projects.exm_individual_design .section_title { margin-bottom: 21px; } } @media (max-width: 799px) { .projects.exm_individual_design .section_title { margin-bottom: 16px; } } @media (max-width: 1700px) { .projects.exm_individual_design .projects_items { margin-bottom: 41px; gap: 15px; } } @media (max-width: 1200px) { .projects.exm_individual_design .projects_items { gap: 23px 10px; margin-bottom: 36px; } } @media (max-width: 799px) { .projects.exm_individual_design .projects_items { margin-bottom: 40px; } } @media (max-width: 1700px) { .projects.exm_individual_design .projects_items .projects_item_bottom { padding-bottom: 23px; } } @media (max-width: 1200px) { .projects.exm_individual_design .projects_items .projects_item_bottom { position: relative; } .projects.exm_individual_design .projects_items .projects_item_bottom svg { position: absolute; right: 15px; bottom: 15px; } } @media (max-width: 1200px) and (max-width: 799px) { .projects.exm_individual_design .projects_items .projects_item_bottom svg { width: 14px; height: 14px; right: 10px; bottom: 17px; } } @media (max-width: 799px) { .projects.exm_individual_design .projects_items .projects_item_bottom { padding-top: 11px; padding-bottom: 13px; } } @media (max-width: 1700px) { .projects.exm_individual_design .projects_items .projects_item { width: calc(33.33% - 10px); } } @media (max-width: 1200px) { .projects.exm_individual_design .projects_items .projects_item { width: calc(50% - 5px); } } @media (max-width: 799px) { .projects.exm_individual_design .projects_items .projects_item { width: 100%; } } @media (max-width: 1200px) { .projects.exm_individual_design .projects_items .projects_item:first-child { display: none; } } @media (max-width: 799px) { .projects.exm_individual_design .projects_items .projects_item:first-child { display: flex; } } @media (max-width: 1200px) { .projects.exm_individual_design .projects_items .projects_item .projects_item_title { font-size: 16px; min-height: auto; max-width: 100%; } } @media (max-width: 799px) { .projects.exm_individual_design .projects_items .projects_item .projects_item_title { font-size: 14px; min-height: 60px; } } .individual_house_project { padding-top: 156px; background-color: #EFEFF1; padding-bottom: 141px; } @media (max-width: 1700px) { .individual_house_project { padding-top: 119px; padding-bottom: 109px; } } @media (max-width: 1200px) { .individual_house_project { padding-top: 78px; padding-bottom: 68px; } } @media (max-width: 799px) { .individual_house_project { padding-top: 59px; padding-bottom: 51px; } } @media (max-width: 1700px) { .individual_house_project .section_title { margin-bottom: 32px; } } @media (max-width: 1200px) { .individual_house_project .section_title { margin-bottom: 21px; } } @media (max-width: 799px) { .individual_house_project .section_title { margin-bottom: 15px; } } .individual_house_project .individual_house_project_block { display: flex; flex-direction: column; } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block { gap: 36px; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block { gap: 28px; } } .individual_house_project .individual_house_project_block .individual_house_project_item { display: flex; gap: 40px; } @media (max-width: 1700px) { .individual_house_project .individual_house_project_block .individual_house_project_item { gap: 30px; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item { flex-direction: column; gap: 20px; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block .individual_house_project_item { gap: 21px; } } .individual_house_project .individual_house_project_block .individual_house_project_item:last-child .individual_house_project_text { padding-top: 50px; } @media (max-width: 1700px) { .individual_house_project .individual_house_project_block .individual_house_project_item:last-child .individual_house_project_text { padding-top: 28px; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item:last-child .individual_house_project_text { padding-top: 0; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item:nth-child(2) .individual_house_project_text { order: 2; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block .individual_house_project_item:nth-child(2) .individual_house_project_text { max-width: 100%; gap: 30px; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item:nth-child(2) .individual_house_project_img { order: 1; } } .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text { color: #102D47; font-size: 20px; font-weight: 400; line-height: 170%; display: flex; flex-direction: column; gap: 53px; justify-content: start; } @media (max-width: 1700px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text { font-size: 18px; line-height: 150%; gap: 30px; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text { font-size: 15px; gap: 40px; justify-content: center; width: 100%; max-width: 97%; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text { font-size: 12px; gap: 30px; max-width: 100%; } } .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text .main_btn { margin: 0; } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text .main_btn { margin: 0 auto; gap: 0px; width: 300px; padding: 15px 18px; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_text .main_btn { gap: 0; width: 100%; max-width: 100%; padding: 11px 15px; } } .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_img { width: 800px; height: 451px; object-fit: cover; } @media (max-width: 1700px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_img { width: 598px; height: 383px; } } @media (max-width: 1200px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_img { width: 100%; height: 431px; } } @media (max-width: 799px) { .individual_house_project .individual_house_project_block .individual_house_project_item .individual_house_project_img { height: 169px; } } .individual_design_faq { padding-bottom: 149px; background-color: #EFEFF1; } @media (max-width: 1700px) { .individual_design_faq { padding-bottom: 123px; } } @media (max-width: 1200px) { .individual_design_faq { padding-bottom: 76px; } } @media (max-width: 799px) { .individual_design_faq { padding-bottom: 60px; } } @media (max-width: 799px) { .individual_design_faq .container { padding-left: 8px; } } .individual_design_faq .faq_block { display: flex; justify-content: space-between; } @media (max-width: 1700px) { .individual_design_faq .faq_block { flex-direction: column; } } .individual_design_faq .faq_block .section_title { padding: 12px 0; } @media (max-width: 1700px) { .individual_design_faq .faq_block .section_title { margin-bottom: 11px; } } @media (max-width: 1200px) { .individual_design_faq .faq_block .section_title { margin-bottom: 8px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .section_title { margin-bottom: 4px; } } .individual_design_faq .faq_block .faq_boxs { display: flex; flex-direction: column; gap: 10px; } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs { gap: 8px; } } .individual_design_faq .faq_block .faq_boxs .faq_box { display: flex; flex-direction: column; width: 1060px; background-color: #fff; } @media (max-width: 1700px) { .individual_design_faq .faq_block .faq_boxs .faq_box { width: 100%; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header { padding: 26px 20px 24px 20px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header { padding: 20px 15px 20px 10px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header { padding: 8px 10px; align-items: start; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p path { fill: #EF6D27; } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p circle { fill: #fff; } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p svg { flex: 0 0 auto; } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p svg { width: 14px; height: 14px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .collapse_a svg { width: 18px; height: 18px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .collapse_a { padding-left: 10px; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active { padding-bottom: 0; position: relative; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active { padding-top: 18px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active { padding-top: 8px; align-items: center; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a rect { fill: #EF6D27; } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a.accordion__rotate { transform: rotate(225deg); } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a.accordion__rotate rect { fill: #EF6D27; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a { position: absolute; right: 15px; top: 6px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a { right: 2px; top: 17px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active p { align-items: center; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active p path { fill: #fff; } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active p circle { fill: #EF6D27; } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p { display: flex; align-items: center; gap: 20px; color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p { font-size: 15px; gap: 10px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p { gap: 8px; line-height: 130%; align-items: start; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .mob_br { display: none; } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .mob_br { display: block; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body { display: none; padding: 20px 76px 24px 64px; background-color: #fff; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body { padding: 8px 75px 21px 44px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body { padding: 15px 10px 19px 10px; } } .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body .faq_box_text { color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body .faq_box_text { font-size: 12px; } } .individual_design_faq .faq_block .faq_boxs .faq_box.desc_none { display: none; } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box.desc_none { display: flex; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box.desc_none .faq_box_header { padding: 12px 10px 11px 10px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box.desc_none:nth-child(3) .faq_box_header { padding: 8px 10px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box.mob_none { display: none; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box:nth-child(7) .faq_box_header { padding: 15px 10px 14px 10px; } } @media (max-width: 799px) { .individual_design_faq .faq_block .faq_boxs .faq_box:nth-child(3) .faq_box_header { align-items: center; } .individual_design_faq .faq_block .faq_boxs .faq_box:nth-child(3) .faq_box_header p { align-items: center; } } .individual_design_faq .faq_block .faq_boxs .main_btn { margin: 0; margin-top: 28px; } @media (max-width: 1200px) { .individual_design_faq .faq_block .faq_boxs .main_btn { display: none; } } .articles { background-color: #EFEFF1; } .articles.section_t { padding-top: 0; } .articles .section_title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 26px; } @media (max-width: 1200px) { .articles .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .articles .section_title { justify-content: center; margin-bottom: 13px; } } .articles .section_title a { color: #102D47; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px; } @media (max-width: 1700px) { .articles .section_title a { display: none; } } .articles .articles_block { display: flex; gap: 20px; } @media (max-width: 1700px) { .articles .articles_block { gap: 15px; } } @media (max-width: 1200px) { .articles .articles_block { gap: 10px; } } .articles .articles_block .articles_item { width: calc(33.33% - 13.33px); display: flex; flex-direction: column; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .articles .articles_block .articles_item { width: calc(33.33% - 10px); } } @media (max-width: 1200px) { .articles .articles_block .articles_item { width: calc(50% - 5px); } .articles .articles_block .articles_item:last-child { display: none; } } @media (max-width: 1200px) and (max-width: 799px) { .articles .articles_block .articles_item:last-child { display: flex; } } @media (max-width: 799px) { .articles .articles_block .articles_item { width: 100%; } } .articles .articles_block .articles_item:hover .articles_item_bottom .articles_item_title { color: #EF6D27; } .articles .articles_block .articles_item:hover .articles_item_bottom path { fill: #EF6D27; } .articles .articles_block .articles_item .articles_item_main_img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1700px) { .articles .articles_block .articles_item .articles_item_main_img { max-height: 189px; } } .articles .articles_block .articles_item .articles_item_bottom { display: flex; align-items: flex-end; justify-content: space-between; padding: 20px; background-color: #fff; } @media (max-width: 1700px) { .articles .articles_block .articles_item .articles_item_bottom { padding: 15px; padding-bottom: 19px; } } @media (max-width: 1200px) { .articles .articles_block .articles_item .articles_item_bottom { position: relative; padding: 15px 15px 18px 10px; } .articles .articles_block .articles_item .articles_item_bottom svg { width: 14px; height: 14px; position: absolute; bottom: 15px; right: 15px; } } @media (max-width: 799px) { .articles .articles_block .articles_item .articles_item_bottom { padding-bottom: 12px; } .articles .articles_block .articles_item .articles_item_bottom svg { bottom: 19px; right: 14px; } } .articles .articles_block .articles_item .articles_item_bottom .articles_item_title { color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; } @media (max-width: 1700px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title { font-size: 18px; gap: 7px; } .articles .articles_block .articles_item .articles_item_bottom .articles_item_title br { display: none; } } @media (max-width: 1200px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title { font-size: 16px; line-height: 130%; gap: 20px; } } @media (max-width: 799px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title { gap: 6px; font-size: 14px; } } .articles .articles_block .articles_item .articles_item_bottom .articles_item_title p { min-height: 60px; } @media (max-width: 1200px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title p { min-height: 42px; } } .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { display: flex; flex-direction: column; gap: 28px; color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 1700px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { min-height: 100px; justify-content: space-between; gap: 0px; } } @media (max-width: 1200px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { font-size: 12px; min-height: auto; gap: 15px; } } .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle .articles_item_date { color: #C6C6C6; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle .articles_item_date { font-size: 12px; } } @media (max-width: 799px) { .articles .articles_block .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .articles .articles_block .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .articles .articles_block .owl-dots .owl-dot.active { background-color: #EF6D27; } } @media (max-width: 1700px) { .in_de_wr footer { padding-top: 49px; } } @media (max-width: 1200px) { .in_de_wr footer { padding-top: 29px; } } @media (max-width: 799px) { .in_de_wr .premium_section.certificates_pre { padding-top: 49px; } } @media (max-width: 799px) { .in_de_wr footer .footer_block .footer_actions .f_actions_top p { margin-bottom: 25px; } } @media (max-width: 799px) { .in_de_wr footer .footer_block .footer_actions .f_actions_bottom .social_networks { gap: 26px; } } @media (max-width: 799px) { .in_de_wr footer .footer_block .footer_actions .f_actions_bottom .f_actions_bott { gap: 13px; } } @media (max-width: 1700px) { .in_de_wr .blue_h { padding-bottom: 5px; } } @media (max-width: 1200px) { .in_de_wr .blue_h { padding-bottom: 12px; } } @media (max-width: 1200px) { .projects_section.section_t { padding-top: 81px; } } @media (max-width: 799px) { .projects_section.section_t { padding-top: 61px; } } .projects_section .section_title { margin-bottom: 38px; } @media (max-width: 1700px) { .projects_section .section_title { margin-bottom: 41px; } } @media (max-width: 1200px) { .projects_section .section_title { margin-bottom: 21px; } } @media (max-width: 799px) { .projects_section .section_title { text-align: left; margin-bottom: 13px; } } .projects_section .portfolio_box { display: flex; flex-wrap: wrap; gap: 20px 20px; margin-bottom: 40px; } @media (max-width: 1700px) { .projects_section .portfolio_box { gap: 16px 15px; } } @media (max-width: 1200px) { .projects_section .portfolio_box { margin-bottom: 30px; gap: 15px 10px; } } @media (max-width: 799px) { .projects_section .portfolio_box { gap: 15px; margin-bottom: 20px; } } .projects_section .portfolio_box .portfolio_item { width: calc(33.33% - 13.33px); display: flex; flex-direction: column; position: relative; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item { width: calc(33.33% - 10px); } .projects_section .portfolio_box .portfolio_item:nth-child(n+12) { display: none; } } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item { width: calc(50% - 5px); } .projects_section .portfolio_box .portfolio_item.tab_none { display: none; } } @media (max-width: 799px) { .projects_section .portfolio_box .portfolio_item { width: 100%; } .projects_section .portfolio_box .portfolio_item:nth-child(n+6) { display: none; } } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item.max_text .portfolio_item_content .portfolio_item_bottom { padding-bottom: 15px; } } .projects_section .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_status { background-color: #EF6D27; } .projects_section .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { color: #EF6D27; } .projects_section .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom path { fill: #EF6D27; } .projects_section .portfolio_box .portfolio_item .portfolio_item_main_img { width: 100%; height: 100%; object-fit: cover; max-height: 340px; min-height: 340px; } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_main_img { min-height: 255px; max-height: 255px; } } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_main_img { min-height: 247px; max-height: 247px; } } @media (max-width: 799px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_main_img { min-height: 196px; max-height: 196px; } } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { color: #FFF; font-size: 15px; font-weight: 400; line-height: normal; background: #85A726; padding: 5px 10px; position: absolute; top: 0; left: 0; } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 20px; padding-bottom: 22px; position: relative; } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding-top: 20px; padding-bottom: 15px; padding-left: 15px; } } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding-top: 15px; padding-left: 10px; padding-bottom: 17px; padding-right: 0px; } } @media (max-width: 799px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding: 12px 10px 13px 10px; } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom svg { width: 14px; height: 14px; } } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .p_b_arr_svg { position: absolute; bottom: 20px; right: 20px; } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .p_b_arr_svg { bottom: 11px; right: 15px; } } @media (max-width: 799px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .p_b_arr_svg { right: 9px; } } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { display: flex; flex-direction: column; gap: 10px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 12px; line-height: 130%; min-height: 90px; justify-content: space-between; } } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { font-size: 16px; min-height: auto; } } @media (max-width: 799px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 10px; font-size: 14px; line-height: 130%; min-height: 61.6px; } } @media (max-width: 1700px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title.max_text { min-height: 101px; gap: 13px; line-height: 130%; justify-content: space-between; } } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title.max_text { min-height: auto; } } .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 15px; } @media (max-width: 1200px) { .projects_section .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 12px; line-height: normal; } } .projects_section .gallery_ul { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; } @media (max-width: 1700px) { .projects_section .gallery_ul { margin-bottom: 12px; } } @media (max-width: 1200px) { .projects_section .gallery_ul { margin-bottom: 10px; } } @media (max-width: 799px) { .projects_section .gallery_ul { margin-bottom: 13px; } } .projects_section .gallery_ul li a { padding: 8px 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; transition: all ease-out 0.4s; } .projects_section .gallery_ul li a:hover, .projects_section .gallery_ul li a.active { background-color: #102D47; color: #fff; } .projects_section .gallery_ul li a.li_a { display: none; } .projects_section .gallery_ul li a.li_a.show { display: flex; } @media (max-width: 1700px) { .projects_section .gallery_ul li a.li_a_tab { display: none; } } .projects_section .gallery_ul li a.li_a_tab.show { display: flex; } @media (max-width: 1200px) { .projects_section .gallery_ul li a.li_a_s_tab { display: none; } } .projects_section .gallery_ul li a.li_a_s_tab.show { display: flex; } @media (max-width: 799px) { .projects_section .gallery_ul li a.li_a_s_tab.mob { display: flex; } } @media (max-width: 768px) { .projects_section .gallery_ul li a { font-size: 12px; padding: 7px 5px 8px 5px; } } .projects_section .projects_section_filters { display: flex; flex-wrap: wrap; background-color: #fff; padding: 25px 30px 26px 30px; flex-direction: column; margin-bottom: 52px; position: relative; /* Thumb: webkit */ /* Thumb: Firefox */ } .projects_section .projects_section_filters::after { content: ""; position: absolute; background-color: #CFD2D4; width: 1px; height: 100%; right: 570px; top: 0px; } @media (max-width: 1700px) { .projects_section .projects_section_filters::after { right: 318px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters::after { content: none; } } .projects_section .projects_section_filters.active { margin-bottom: 53px; padding: 25px 30px 31px 29px; } @media (max-width: 1700px) { .projects_section .projects_section_filters.active { padding: 25px 23px 31px 20px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters.active { padding: 25px 19px 31px 19px; } } @media (max-width: 799px) { .projects_section .projects_section_filters.active { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1700px) { .projects_section .projects_section_filters { padding: 10px 20px; } .projects_section .projects_section_filters.active { padding-top: 0px; padding-bottom: 47px; margin-top: 25px; margin-bottom: 41px; } } @media (max-width: 1700px) and (max-width: 1200px) { .projects_section .projects_section_filters.active { margin-top: 9px; padding-bottom: 19px; } } @media (max-width: 1700px) and (max-width: 799px) { .projects_section .projects_section_filters.active { margin-top: 13px; padding-bottom: 14px; margin-bottom: 307px; } } @media (max-width: 1700px) and (max-width: 799px) { .projects_section .projects_section_filters.active .projects_section_filters_item.f_bot { padding-top: 21px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters { padding-top: 0; margin-bottom: 40px; padding-bottom: 18px; padding-right: 18px; } } @media (max-width: 799px) { .projects_section .projects_section_filters { padding-left: 14px; padding-right: 14px; padding-bottom: 21px; margin-bottom: 39px; } } .projects_section .projects_section_filters .range_box { display: flex; flex-direction: column; gap: 15px; } .projects_section .projects_section_filters .range_box .range-slide { position: relative; height: 4px; width: 200px; } @media (max-width: 799px) { .projects_section .projects_section_filters .range_box .range-slide { width: 100%; } } .projects_section .projects_section_filters .range_box .slide { position: absolute; top: 0; height: 1px; background: #CFD2D4; left: 9px; right: 9px; } .projects_section .projects_section_filters .range_box .line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: #102D47; max-width: 210px; } @media (max-width: 799px) { .projects_section .projects_section_filters .range_box .line { max-width: 100%; } } .projects_section .projects_section_filters .range_box .thumb { position: absolute; z-index: 2; text-align: left; background-color: #102D47; outline: none; top: -7px; height: 15px; width: 15px; margin-left: -9px; } .projects_section .projects_section_filters .range_box input { -webkit-appearance: none; appearance: none; position: absolute; pointer-events: none; z-index: 3; height: 1px; top: 0; width: 100%; opacity: 0; margin: 0; } .projects_section .projects_section_filters .range_box input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: all; cursor: pointer; width: 15px; height: 15px; } .projects_section .projects_section_filters .range_box .display { width: 200px; display: flex; justify-content: space-between; } @media (max-width: 799px) { .projects_section .projects_section_filters .range_box .display { width: 100%; } } @media (max-width: 799px) { .projects_section .projects_section_filters .range_box .display span { font-size: 12px; } } .projects_section .projects_section_filters .projects_section_filters_item.range_i { overflow: clip; min-height: 82px; max-height: 82px; } .projects_section .projects_section_filters .projects_section_filters_item.range_i:nth-child(3) { margin-left: 21px; } @media (max-width: 1700px) { .projects_section .projects_section_filters .projects_section_filters_item.range_i:nth-child(3) { margin-left: 19px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters .projects_section_filters_item.range_i:nth-child(3) { margin-left: 21px; } } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item.range_i:nth-child(3) { margin-left: 0; } } @media (max-width: 1700px) { .projects_section .projects_section_filters .projects_section_filters_item.f_d_col { margin-left: 9px; } } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item.f_d_col { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: 40px; margin-bottom: 31px; margin-left: 0; } .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .projects_section_filters_item_title { margin-bottom: 0; } } .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .projects_section_filters_item_ul { display: flex; align-items: center; gap: 32px; flex-direction: row; } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .projects_section_filters_item_ul { gap: 30px; } } .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .ch_con { display: flex; flex-direction: column; gap: 13px; align-items: center; } .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .ch_con .checkmark_text { margin-left: 0; transform: translate(5px, 0px); } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item.f_d_col .ch_con .checkmark_text { font-size: 12px; } } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_title { color: #102D47; font-family: "Montserrat"; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_title { font-size: 12px; letter-spacing: 1.2px; font-weight: 600; margin-bottom: 10px; } } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul { display: flex; flex-direction: column; gap: 12px; } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul { gap: 14px; } } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .checkmark_text { margin-left: 23px; color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; transform: translate(0px, -4px); } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .checkmark_text { font-size: 12px; transform: translate(0px, -2px); } } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container .checkmark { position: absolute; top: 0; left: 0; height: 13px; width: 13px; background-color: #fff; border: 1px solid #102D47; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container:hover input ~ .checkmark { background-color: #fff; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input:checked ~ .checkmark { background: #102D47; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input:checked ~ .checkmark:after { display: block; } .projects_section .projects_section_filters .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container .checkmark:after { content: ""; position: absolute; display: none; } .projects_section .projects_section_filters .projects_section_filters_top { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1200px) { .projects_section .projects_section_filters .projects_section_filters_top { flex-direction: column; order: 1; align-items: start; } } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_top { align-items: start; } } .projects_section .projects_section_filters .projects_section_filters_top .projects_section_filters_top_ranges { display: flex; gap: 140px; } @media (max-width: 1700px) { .projects_section .projects_section_filters .projects_section_filters_top .projects_section_filters_top_ranges { gap: 80px; padding: 15px 0px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters .projects_section_filters_top .projects_section_filters_top_ranges { gap: 50px; padding-bottom: 32px; padding-top: 25px; } } @media (max-width: 799px) { .projects_section .projects_section_filters .projects_section_filters_top .projects_section_filters_top_ranges { flex-direction: column; gap: 20px; padding-bottom: 20px; } } .projects_section .projects_section_filters input[type=range] { /* removing default appearance */ -webkit-appearance: none; appearance: none; /* creating a custom design */ width: 100%; cursor: pointer; outline: none; /* overflow: hidden; remove this line*/ /* New additions */ height: 1px; background: #CFD2D4; } .projects_section .projects_section_filters input[type=range]::-webkit-slider-thumb { /* removing default appearance */ -webkit-appearance: none; appearance: none; /* creating a custom design */ height: 15px; width: 15px; background-color: #102D47; border: none; /* box-shadow: -407px 0 0 400px #f50; emove this line */ transition: 0.2s ease-in-out; } .projects_section .projects_section_filters input[type=range]::-moz-range-thumb { height: 15px; width: 15px; background-color: #102D47; border: none; /* box-shadow: -407px 0 0 400px #f50; emove this line */ transition: 0.2s ease-in-out; } .projects_section .projects_section_filters .range { display: flex; flex-direction: column; gap: 13px; } .projects_section .projects_section_filters .value { color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } @media (max-width: 1200px) { .projects_section .projects_section_filters_item.f_bot { padding-top: 20px; border-top: 1px solid #CFD2D4; order: 3; margin-left: 6px; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item.f_bot { padding-top: 21px; margin-left: 0; } } .projects_section .projects_section_filters_item .row { display: flex; justify-content: space-between; align-items: center; gap: 3px; } @media (max-width: 1700px) { .projects_section .projects_section_filters_item .row { gap: 26px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_item .row { gap: 232px; justify-content: space-between; width: 100%; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item .row { flex-direction: column; gap: 20px; align-items: start; } } .projects_section .projects_section_filters_item .row .form_opener_btn { display: flex; gap: 11px; margin-right: 37px; align-items: center; position: relative; z-index: 5; } @media (max-width: 1700px) { .projects_section .projects_section_filters_item .row .form_opener_btn { flex-direction: column; gap: 7px; align-items: start; margin-right: 0; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_item .row .form_opener_btn { flex-direction: row; gap: 15px; align-items: center; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item .row .form_opener_btn { gap: 10px; align-items: center; margin: 0 auto; } } .projects_section .projects_section_filters_item .row .form_opener_btn span { color: #102D47; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; padding-top: 6px; } @media (max-width: 1700px) { .projects_section .projects_section_filters_item .row .form_opener_btn span { padding-top: 0; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_item .row .form_opener_btn span { padding-top: 5px; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item .row .form_opener_btn span { padding-top: 0; font-size: 14px; } .projects_section .projects_section_filters_item .row .form_opener_btn span br { display: none; } } .projects_section .filter_btns { display: flex; align-items: center; gap: 20px; padding-top: 9px; } @media (max-width: 1700px) { .projects_section .filter_btns { flex-direction: column; gap: 8px; padding-top: 0; } } @media (max-width: 1200px) { .projects_section .filter_btns { flex-direction: row; gap: 14px; } } @media (max-width: 799px) { .projects_section .filter_btns { gap: 11px; } } .projects_section .filter_btns button { width: 154px; display: flex; } @media (max-width: 1200px) { .projects_section .filter_btns button { width: 172px; } } @media (max-width: 799px) { .projects_section .filter_btns button { width: 130px; } } .projects_section .projects_section_filters_item .row .reset_btn { color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.5px; border: none; outline: none; border: 1px solid #102D47; padding: 18px 28px; background-color: transparent; margin-bottom: 0; } @media (max-width: 1700px) { .projects_section .projects_section_filters_item .row .reset_btn { padding: 16px 20px; order: 2; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item .row .reset_btn { font-size: 12px; letter-spacing: 1.2px; padding: 14px 20px; } } .projects_section .projects_section_filters_item .row .reset_btn:hover { color: #FFF; background-color: #102D47; } .projects_section .projects_section_filters_item .submit_btn { color: #FFF; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1.5px; padding: 18px 20px; background: #EF6D27; display: flex; align-items: center; border: none; justify-content: center; } @media (max-width: 1700px) { .projects_section .projects_section_filters_item .submit_btn { order: 1; } } @media (max-width: 799px) { .projects_section .projects_section_filters_item .submit_btn { font-size: 12px; letter-spacing: 1.2px; padding: 15px 20px; } } .projects_section .form_opener_btn svg { transition: 0.3s ease; } @media (max-width: 799px) { .projects_section .form_opener_btn svg { width: 14px; height: 18px; } } .projects_section .form_opener_btn.active svg { transform: rotate(180deg); transition: 0.3s ease; } .projects_section .projects_section_filters_bottom { height: 0; opacity: 0; transition: height 0.5s ease; display: flex; gap: 170px; } @media (max-width: 1700px) { .projects_section .projects_section_filters_bottom { gap: 118px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_bottom { order: 2; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_bottom.desc { display: none; } } .projects_section .projects_section_filters_bottom.tab { display: none; } @media (max-width: 1200px) { .projects_section .projects_section_filters_bottom.tab { display: flex; } } .projects_section .projects_section_filters_bottom.show { opacity: 1; height: initial; transition: height 0.5s ease; margin-top: 60px; } @media (max-width: 1700px) { .projects_section .projects_section_filters_bottom.show { margin-top: 37px; } } @media (max-width: 1200px) { .projects_section .projects_section_filters_bottom.show { margin-top: 16px; margin-bottom: 40px; gap: 89px; } } @media (max-width: 799px) { .projects_section .projects_section_filters_bottom.show { margin-top: 0; flex-direction: column; gap: 37px; margin-bottom: 35px; } } @media (max-width: 799px) { .projects_section .projects_section_filters_bottom.show .projects_section_filters_item .projects_section_filters_item_title { margin-bottom: 13px; } } .projects_wr .premium_section.certificates_pre { padding-top: 56px; } @media (max-width: 1700px) { .projects_wr .premium_section.certificates_pre { padding-top: 35px; } } @media (max-width: 1200px) { .projects_wr .premium_section.certificates_pre { padding-top: 29px; } } @media (max-width: 799px) { .projects_wr .premium_section.certificates_pre { padding-top: 4px; } } .projects_wr footer { padding-top: 56px; } @media (max-width: 1200px) { .projects_wr footer { padding-top: 30px; } } .projects_wr .black_h { padding-bottom: 4px; } @media (max-width: 1200px) { .projects_wr .black_h { padding-bottom: 12px; } } @media (max-width: 799px) { .projects_wr .black_h { padding-bottom: 9px; } } .article_section { padding-top: 20px; } @media (max-width: 1700px) { .article_section { padding-top: 30px; } } @media (max-width: 1200px) { .article_section { padding-top: 81px; } } @media (max-width: 799px) { .article_section { padding-top: 59px; } } .article_section .breadcrumb { padding-bottom: 57px; } @media (max-width: 1700px) { .article_section .breadcrumb { padding-bottom: 41px; } } @media (max-width: 1200px) { .article_section .breadcrumb { padding-bottom: 29px; } } @media (max-width: 799px) { .article_section .breadcrumb { padding-bottom: 21px; } } .article_section .section_title { margin-bottom: 24px; } @media (max-width: 1700px) { .article_section .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .article_section .section_title { text-align: left; } } .article_section .article_section_block { display: flex; gap: 80px; } @media (max-width: 1700px) { .article_section .article_section_block { gap: 25px; } } @media (max-width: 1200px) { .article_section .article_section_block { gap: 0px; flex-wrap: wrap; } } .article_section .article_section_block .article_section_left { width: 1060px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left { width: 855px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left { width: 100%; flex: 0 0 auto; } } .article_section .article_section_block .article_section_left .article_section_left_hero { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_left_hero { margin-bottom: 18px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero { gap: 15px; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_main_img { width: 1060px; height: 515px; object-fit: cover; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_main_img { width: 855px; height: 415px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_main_img { width: 100%; height: 371px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_main_img { height: 155px; order: 2; margin-left: -10px; width: 107%; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom { display: flex; align-items: center; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid #CFD2D4; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom { order: 1; border-bottom: none; padding-bottom: 0px; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom .article_section_left_hero_bottom_l_a { display: flex; align-items: center; gap: 40px; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom .article_section_left_hero_bottom_l_a { gap: 20px; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom .article_section_left_hero_bottom_l_a .article_section_left_hero_bottom_l_a_item { display: flex; align-items: center; gap: 8px; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_bottom .article_section_left_hero_bottom_l_a .article_section_left_hero_bottom_l_a_item { font-size: 12px; gap: 6px; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_author { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_author { font-size: 12px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_author.desc { display: none; } } .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_author.mob { display: none; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_left_hero .article_section_left_hero_author.mob { display: block; order: 3; } } .article_section .article_section_block .article_section_left .mini_section_title { color: #102D47; font-size: 32px; font-weight: 600; line-height: 130%; margin-bottom: 17px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .mini_section_title { font-size: 24px; margin-bottom: 14px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .mini_section_title { font-size: 18px; margin-bottom: 10px; } } .article_section .article_section_block .article_section_left .mini_section_title.m_b_9 { margin-bottom: 12px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .mini_section_title.m_b_9 { margin-bottom: 16px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .mini_section_title.m_b_9 { margin-bottom: 7px; } } .article_section .article_section_block .article_section_left .mini_section_title.a_s_title_g { margin-bottom: 22px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .mini_section_title.a_s_title_g { margin-bottom: 12px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .mini_section_title.a_s_title_g { text-align: center; margin-bottom: 9px; } } .article_section .article_section_block .article_section_left .mini_section_title.a_s_m_b { margin-bottom: 20px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .mini_section_title.a_s_m_b { margin-bottom: 14px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .mini_section_title.a_s_m_b { margin-bottom: 9px; } } .article_section .article_section_block .article_section_left .section_text { color: #102D47; font-size: 18px; font-weight: 400; line-height: 170%; margin-bottom: 60px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_text { font-size: 16px; margin-bottom: 50px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_text { font-size: 12px; margin-bottom: 34px; line-height: 150%; } } .article_section .article_section_block .article_section_left .section_text.s_t_m_b { margin-bottom: 104px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .section_text.s_t_m_b { margin-bottom: 84px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_text.s_t_m_b { margin-bottom: 78px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_text.s_t_m_b { line-height: 170%; margin-bottom: 29px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_text.sm_95 { width: 95%; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_text.sm_95 { width: 100%; line-height: 170%; margin-bottom: 30px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_text.speed_text { margin-bottom: 28px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_text.opt { line-height: 170%; margin-bottom: 27px; } } .article_section .article_section_block .article_section_left .section_list_box { background-color: #fff; padding: 30px 0px 26px 38px; margin-bottom: 60px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_list_box { margin-bottom: 50px; padding: 30px 0px 33px 20px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_list_box { padding: 20px 0px 20px 15px; margin-bottom: 30px; } } .article_section .article_section_block .article_section_left .section_list_box .section_list_box_title { color: #102D47; font-size: 20px; font-weight: 600; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_title { margin-bottom: 18px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_title { margin-bottom: 13px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_title { font-size: 14px; letter-spacing: 1.4px; margin-bottom: 10px; } } .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul { display: flex; flex-direction: column; gap: 11px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul { gap: 10px; } } .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul .section_list_box_li { color: #102D47; font-size: 18px; font-weight: 400; line-height: 170%; display: flex; align-items: center; gap: 15px; } .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul .section_list_box_li span { color: #EF6D27; font-size: 16px; font-weight: 400; line-height: 170%; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul .section_list_box_li span { font-size: 12px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul .section_list_box_li { font-size: 16px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .section_list_box .section_list_box_ul .section_list_box_li { font-size: 12px; gap: 10px; } } .article_section .article_section_block .article_section_left .quote_box { background-color: #fff; padding: 30px 35px 30px 41px; display: flex; gap: 28px; color: #102D47; font-size: 18px; font-style: italic; font-weight: 400; line-height: 170%; margin-bottom: 60px; align-items: start; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .quote_box { padding-bottom: 34px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .quote_box { font-size: 14px; padding: 30px 36px 30px 20px; gap: 20px; margin-bottom: 51px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .quote_box { font-size: 12px; flex-direction: column; gap: 8px; padding: 20px 15px 22px 15px; margin-bottom: 29px; } } .article_section .article_section_block .article_section_left .article_section_gallery { margin-bottom: 60px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_gallery { margin-bottom: 52px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery { margin-bottom: 38px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery .item img { height: 180px; width: 100%; object-fit: cover; } } .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; margin-top: 30px; display: flex; justify-content: flex-end; } .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text br { display: none; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text br { display: block; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text br { display: none; } } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text { line-height: 140%; margin-top: 21px; text-align: right; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text { font-size: 12px; margin-top: 25px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery .item .article_section_gallery_bottom_text { justify-content: start; text-align: left; margin-top: 11px; } } .article_section .article_section_block .article_section_left .article_section_gallery .pagination { display: flex; align-items: center; gap: 39px; margin-top: -39px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination { margin-top: -64px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination { gap: 30px; margin-top: -56px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination { justify-content: center; margin-top: 0; } } .article_section .article_section_block .article_section_left .article_section_gallery .pagination span { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 2px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination span { font-size: 16px; letter-spacing: 1.6px; } } .article_section .article_section_block .article_section_left .article_section_gallery .pagination a { border: 1px solid #102D47; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: #EFEFF1; transition: all ease-out 0.4s; position: relative; z-index: 5; } .article_section .article_section_block .article_section_left .article_section_gallery .pagination a:hover { background-color: #102D47; } .article_section .article_section_block .article_section_left .article_section_gallery .pagination a:hover path { fill: #fff; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination a { width: 40px; height: 40px; } } @media (max-width: 1200px) and (max-width: 799px) { .article_section .article_section_block .article_section_left .article_section_gallery .pagination a svg { flex: 0 0 auto; } } .article_section .article_section_block .article_section_left .share_box { background: #102D47; padding: 21px 30px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 150px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .share_box { margin-bottom: 120px; padding: 19px 30px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .share_box { padding: 22px 20px; margin-bottom: 80px; padding-bottom: 24px; padding-top: 20px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box { flex-direction: column; padding: 15px 14px; margin-bottom: 60px; } } .article_section .article_section_block .article_section_left .share_box .share_box_left { display: flex; align-items: center; gap: 31px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .share_box .share_box_left { gap: 20px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_left { flex-direction: column; gap: 12px; margin-bottom: 25px; } } .article_section .article_section_block .article_section_left .share_box .share_box_left .share_box_left_title { color: #FFF; font-size: 20px; font-weight: 600; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .share_box .share_box_left .share_box_left_title { font-size: 14px; letter-spacing: 1.4px; } } .article_section .article_section_block .article_section_left .share_box .share_box_left .social_networks { display: flex; align-items: center; gap: 25px; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_left .social_networks { gap: 24px; } } .article_section .article_section_block .article_section_left .share_box .share_box_left .social_networks a { display: block; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_left .social_networks a svg { width: 17px; height: 17px; } } .article_section .article_section_block .article_section_left .share_box .share_box_right a { display: flex; align-items: center; gap: 20px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a { line-height: 120%; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a { font-size: 14px; line-height: 120%; gap: 24px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a { font-size: 12px; gap: 9px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a img { width: 20px; height: 20px; } } .article_section .article_section_block .article_section_left .share_box .share_box_right a br { display: none; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a br { display: block; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .share_box .share_box_right a br { display: none; } } .article_section .article_section_block .article_section_left .comments { margin-bottom: 150px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .comments { margin-bottom: 118px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments { margin-bottom: 82px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments { margin-bottom: 60px; } } .article_section .article_section_block .article_section_left .comments .mini_section_title { margin-bottom: 46px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .comments .mini_section_title { margin-bottom: 45px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .mini_section_title { margin-bottom: 41px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments .mini_section_title { margin-bottom: 20px; } } .article_section .article_section_block .article_section_left .comments .comment_box { display: flex; flex-direction: column; gap: 36px; margin-bottom: 40px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .comments .comment_box { margin-bottom: 43px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box { gap: 37px; margin-bottom: 43px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments .comment_box { gap: 22px; margin-bottom: 30px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item { display: flex; gap: 20px; align-items: start; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item { gap: 15px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_user_img { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; object-fit: cover; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_user_img { width: 48px; height: 48px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content { display: flex; flex-direction: column; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid #CFD2D4; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content { padding-bottom: 28px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content { flex-wrap: wrap; gap: 17px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content { gap: 13px; padding-bottom: 22px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_name { color: #102D47; font-size: 20px; font-weight: 500; line-height: 170%; display: flex; flex-direction: column; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_name { font-size: 16px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_date { color: #7C7C7C; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_date { font-size: 12px; } } .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_text { color: #102D47; font-size: 16px; font-weight: 400; line-height: 170%; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_text { font-size: 14px; width: 100%; margin-left: -63px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item .comment_content .comment_text { font-size: 12px; line-height: 150%; width: 124%; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .comments .comment_box .comment_item:last-child .comment_content { padding-bottom: 30px; } } .article_section .article_section_block .article_section_left .comments .main_btn { margin: 0; margin-left: 84px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .comments .main_btn { margin-left: 0; } } .article_section .article_section_block .article_section_left .leave_a_comment { margin-bottom: 146px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .leave_a_comment { margin-bottom: 117px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment { margin-bottom: 80px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment { margin-bottom: 60px; } } .article_section .article_section_block .article_section_left .leave_a_comment .mini_section_title { margin-bottom: 40px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .leave_a_comment .mini_section_title { margin-bottom: 41px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .mini_section_title { margin-bottom: 27px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .mini_section_title { margin-bottom: 17px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top { display: flex; justify-content: space-between; gap: 50px 20px; flex-wrap: wrap; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top { gap: 38px 11px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top { gap: 40px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item { display: flex; flex-direction: column; width: calc(50% - 10px); } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item { width: calc(50% - 5.5px); } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item { width: 100%; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item .application_label { display: flex; flex-direction: column; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item .application_label { font-size: 12px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item .application_input { color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; padding: 12px 0; border: none; border-bottom: 1px solid #102D47; display: block; height: 49px; background-color: transparent; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_form_item .application_input { font-size: 16px; padding-bottom: 7px; height: 38px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text.laptop { display: none; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text.laptop { display: block; width: calc(50% - 40px); order: 4; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text.laptop { width: 100%; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text.laptop { font-size: 11px; text-align: center; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text a { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; text-decoration-line: underline; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .application_text a { font-size: 11px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body { width: 100%; margin-top: 4px; margin-bottom: 40px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body { margin-bottom: 40px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body { margin-bottom: 30px; margin-top: 8px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body { margin-top: 0; margin-bottom: 20px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body textarea { background-color: transparent; border: 1px solid #102D47; padding: 24px 20px; width: 100%; min-height: 246px; max-height: 246px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body textarea { font-size: 16px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_top .text_body textarea { font-size: 14px; padding: 15px; min-height: 286px; max-height: 286px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom { gap: 32px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom { flex-direction: column; align-items: start; gap: 28px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text { max-width: 433px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text { font-size: 11px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text br { display: none; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text a { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; text-decoration-line: underline; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_text { font-size: 11px; } } .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_btn { border: none; margin: 0; width: 300px; cursor: pointer; } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom .application_btn { width: 200px; padding: 14px 10px 15px 10px; letter-spacing: 1.2px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .leave_a_comment .application_form_bottom { justify-content: center; } } .article_section .article_section_block .article_section_left .other_articles .section_title { margin-bottom: 30px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .other_articles .section_title { margin-bottom: 31px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .section_title { margin-bottom: 15px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .section_title { font-size: 18px; line-height: 130%; } } .article_section .article_section_block .article_section_left .other_articles .articles_block { display: flex; gap: 20px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block { gap: 10px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item { width: calc(50% - 10px); display: flex; flex-direction: column; transition: all ease-out 0.4s; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item { width: calc(50% - 5px); } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item { width: 100%; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item:hover .articles_item_bottom .articles_item_title { color: #EF6D27; } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item:hover .articles_item_bottom path { fill: #EF6D27; } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_main_img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_main_img { height: 205px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_main_img { height: 185px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_main_img { height: 147px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom { display: flex; align-items: flex-end; justify-content: space-between; padding: 20px; background-color: #fff; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom { position: relative; padding-bottom: 15px; } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom svg { position: absolute; bottom: 20px; right: 20px; } } @media (max-width: 1700px) and (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom svg { bottom: 15px; right: 15px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom { padding-top: 15px; padding-left: 10px; padding-bottom: 17px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom { padding-bottom: 15px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title { color: #102D47; font-size: 20px; font-weight: 400; line-height: 150%; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title { font-size: 16px; line-height: 130%; gap: 20px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title { font-size: 14px; gap: 3px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title p { min-height: 60px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title p br { display: none; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title p { min-height: 42px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title p { margin-right: -10px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { display: flex; flex-direction: column; gap: 28px; color: #102D47; font-size: 15px; font-weight: 400; line-height: 150%; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { gap: 24px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { font-size: 12px; gap: 15px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { gap: 12px; } } .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle .articles_item_date { color: #C6C6C6; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle .articles_item_date { font-size: 12px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_left .other_articles .articles_block .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .article_section .article_section_block .article_section_left .other_articles .articles_block .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .article_section .article_section_block .article_section_left .other_articles .articles_block .owl-dots .owl-dot.active { background-color: #EF6D27; } } .article_section .article_section_block .article_section_right_in { display: flex; flex-direction: column; gap: 35px; width: 460px; height: 100%; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_right_in { width: 320px; gap: 20px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_in { width: 100%; } } .article_section .article_section_block .article_section_right_content { background: #102D47; height: 480px; width: 460px; padding: 30px 20px 0px 20px; display: flex; flex-direction: column; gap: 30px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_right_content { width: 320px; height: 415px; padding: 25px 20px 0px 20px; gap: 20px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content { width: 100%; height: auto; padding: 0; gap: 0px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content.desc { display: none; } } .article_section .article_section_block .article_section_right_content.tab { display: none; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content.tab { display: flex; flex-direction: column; margin-bottom: 50px; } } @media (max-width: 1200px) and (max-width: 799px) { .article_section .article_section_block .article_section_right_content.tab { margin-bottom: 28px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content.tab .article_section_right_title { display: flex; align-items: center; justify-content: space-between; background: #102D47; padding: 23px 20px; } } @media (max-width: 1200px) and (max-width: 799px) { .article_section .article_section_block .article_section_right_content.tab .article_section_right_title { padding: 13px 15px; } } .article_section .article_section_block .article_section_right_content .article_section_right_title { color: #FFF; font-size: 20px; font-weight: 500; line-height: 170%; letter-spacing: 2px; text-transform: uppercase; padding-left: 24px; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_right_content .article_section_right_title { padding-left: 0; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_title { position: relative; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_right_content .article_section_right_title { font-size: 14px; } } .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a.accordion__rotate { transform: rotate(225deg); } .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a.accordion__rotate rect { fill: #EF6D27; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a.accordion__rotate { right: 14px; top: 19px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a.accordion__rotate { top: 10px; right: 13px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a { position: absolute; right: 20px; top: 30px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a { right: 15px; top: 16px; } .article_section .article_section_block .article_section_right_content .article_section_right_title .collapse_a svg { width: 16px; height: 16px; } } .article_section .article_section_block .article_section_right_content .article_section_right_ul_body { display: none; } .article_section .article_section_block .article_section_right_content .article_section_right_ul { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul { padding: 7px 36px 44px 20px; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul { gap: 15px; padding: 18px 19px 31px 15px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li:last-child a { padding-bottom: 0; border-bottom: none; } } .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a { display: flex; align-items: center; gap: 10px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 130%; padding-bottom: 23px; border-bottom: 1px solid #2A4762; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a { font-size: 16px; padding-bottom: 20px; } } @media (max-width: 1200px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a br { display: none; } } @media (max-width: 799px) { .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a { font-size: 12px; padding-bottom: 15px; gap: 6px; } } .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a:hover { color: #EF6D27; } .article_section .article_section_block .article_section_right_content .article_section_right_ul .article_section_right_li a:hover path { fill: #EF6D27; } .article_section .article_section_block .free_consultation_form { width: 460px; height: 640px; background-color: #fff; padding: 22px 20px; position: sticky; top: 20px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form { width: 320px; height: 590px; padding: 22px 15px 20px 20px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form { width: 100%; height: 322px; padding-top: 24px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form { padding-bottom: 26px; padding-top: 20px; padding-left: 14px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form.desc { display: none; } } .article_section .article_section_block .free_consultation_form.tab { display: none; } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form.tab { display: flex; flex-direction: column; gap: 14px; margin-bottom: 80px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form.tab { height: auto; margin-bottom: 61px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form.tab .free_consultation_form_top { display: flex; gap: 102px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form.tab .free_consultation_form_top { flex-direction: column; gap: 27px; } } .article_section .article_section_block .free_consultation_form .free_consultation_title { color: #102D47; font-family: "Tschichold"; font-size: 70px; font-style: normal; font-weight: 700; line-height: 106.036%; text-transform: uppercase; display: flex; flex-direction: column; gap: 15px; margin-bottom: 32px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form .free_consultation_title { font-size: 48px; margin-bottom: 32px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form .free_consultation_title { margin-bottom: 0; gap: 20px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_title { font-size: 40px; gap: 11px; margin-bottom: 3px; } } .article_section .article_section_block .free_consultation_form .free_consultation_title span { color: #EF6D27; font-family: "Tschichold"; font-size: 100px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form .free_consultation_title span { font-size: 70px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_title span { font-size: 64px; } } .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs { display: flex; flex-direction: column; gap: 40px; margin-bottom: 32px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs { margin-bottom: 28px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs { padding-top: 5px; margin-bottom: 24px; gap: 37px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs { margin-bottom: 15px; } } .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs .free_consultation_label { display: flex; flex-direction: column; gap: 12px; color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs .free_consultation_label { gap: 10px; font-size: 12px; } } .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs .free_consultation_input { color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; padding-bottom: 10px; border: none; background-color: #fff; border-bottom: 1px solid #102D47; display: block; } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_box_inputs .free_consultation_input { font-size: 16px; } } .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom { display: flex; flex-direction: column; gap: 30px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom { gap: 20px; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom { flex-direction: row; gap: 52px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom { flex-direction: column; gap: 30px; } } .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_text { color: #102D47; font-size: 12px; font-weight: 400; line-height: 160%; display: inline; margin-right: -20px; } @media (max-width: 1700px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_text { margin-right: 0; } } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_text { max-width: 336px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_text { font-size: 11px; } } .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_text a { color: #102D47; text-decoration-line: underline; } .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { color: #fff; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 1.5px; display: flex; align-items: center; padding: 18px 20px 18px 15px; justify-content: space-between; background-color: #EF6D27; border: none; gap: 44px; margin: 0; cursor: pointer; transition: all ease-out 0.4s; } .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_btn:hover { background-color: #85A726; } @media (max-width: 1200px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { gap: 50px; padding-left: 17px; } } @media (max-width: 799px) { .article_section .article_section_block .free_consultation_form .free_consultation_form_bottom .free_consultation_btn { font-size: 12px; letter-spacing: 1.2px; padding: 14px 11px 15px 10px; gap: 0px; } } @media (max-width: 1700px) { .article_wr .black_h { padding-bottom: 5px; } } @media (max-width: 1200px) { .article_wr .black_h { padding-bottom: 12px; } } @media (max-width: 799px) { .article_wr .black_h { padding-bottom: 9px; } } .article_wr footer { padding-top: 53px; } @media (max-width: 1700px) { .article_wr footer { padding-top: 53px; } } @media (max-width: 1200px) { .article_wr footer { padding-top: 27px; } } @media (max-width: 1700px) { .article_wr .premium_section.certificates_pre { padding-top: 86px; } } @media (max-width: 1200px) { .article_wr .premium_section.certificates_pre { padding-top: 60px; } } @media (max-width: 799px) { .article_wr .premium_section.certificates_pre { padding-top: 52px; } } @media (max-width: 799px) { .article_wr footer .footer_block .footer_actions .f_actions_top p { margin-bottom: 27px; } } .project_wrap { background-color: #EFEFF1; } @media (max-width: 1200px) { .project_wrap .sticky_b_left, .project_wrap .sticky_b_right { width: 100%; flex: 0 0 auto; } } .project_wrap .main .background_slider { position: relative; } @media (max-width: 799px) { .project_wrap .main { padding-bottom: 0px; } } .project_wrap .white_h { background-color: #fff; padding-bottom: 2px; } @media (max-width: 1200px) { .project_wrap .white_h { padding-bottom: 11px; } } .project_wrap .white_h .header_block .header_top a { color: #102D47; } .project_wrap .white_h .header_block .header_top a i { color: #EF6D27; } .project_wrap .white_h .header_block .header_top .menu_bars a span { background-color: #102D47; } .project_wrap .white_h .header_block .header_top .header_actions .header_call { color: #fff; } .project_wrap .white_h .header_block .header_top .header_actions .header_call i { color: #fff; } .project_wrap .white_h .header_block .header_bottom li a { color: #102D47; } @media (max-width: 799px) { .project_wrap .white_h .header_block .header_top .mob_p { gap: 42px; } } @media (max-width: 1700px) { .project_wrap footer { padding-top: 54px; } } @media (max-width: 1200px) { .project_wrap footer { padding-top: 28px; } } @media (max-width: 799px) { .project_wrap footer { padding-top: 23px; } } .project_wrap .breadcrumb { padding-top: 30px; padding-bottom: 40px; } @media (max-width: 1200px) { .project_wrap .breadcrumb { padding-top: 81px; padding-bottom: 26px; } } @media (max-width: 799px) { .project_wrap .breadcrumb { padding-top: 60px; padding-bottom: 20px; } } .project_wrap .owl-carousel-project { margin-top: 10px; margin-bottom: 100px; } @media (max-width: 1700px) { .project_wrap .owl-carousel-project { margin-bottom: 78px; } } @media (max-width: 1200px) { .project_wrap .owl-carousel-project { margin-bottom: 60px; margin-top: 6px; } } @media (max-width: 799px) { .project_wrap .owl-carousel-project { display: none; } } .project_wrap .owl-carousel-project .item img { height: 168px; } @media (max-width: 1700px) { .project_wrap .owl-carousel-project .item img { height: 126px; } } @media (max-width: 1200px) { .project_wrap .owl-carousel-project .item img { height: 80px; } } @media (max-width: 799px) { .project_wrap .background_slider_project { padding-bottom: 61px; } .project_wrap .background_slider_project .item img { height: 174px; } } .project_wrap .mini_container { max-width: 1060px; } @media (max-width: 1700px) { .project_wrap .mini_container { max-width: 855px; margin-bottom: 0px; } } @media (max-width: 1200px) { .project_wrap .mini_container { max-width: 766px; } } @media (max-width: 799px) { .project_wrap .mini_container { margin-bottom: 0; } } .project_wrap .premium_section.certificates_pre { padding-top: 152px; } @media (max-width: 1700px) { .project_wrap .premium_section.certificates_pre { padding-top: 97px; } } @media (max-width: 1200px) { .project_wrap .premium_section.certificates_pre { padding-top: 81px; } } @media (max-width: 1200px) { .project_wrap .background_slider_project .owl-dots { display: none; } } .project_wrap .project_hero_section { margin-bottom: 100px; } @media (max-width: 1700px) { .project_wrap .project_hero_section { margin-bottom: 80px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section { margin-bottom: 59px; } } @media (max-width: 799px) { .project_wrap .project_hero_section { margin-bottom: 0px; } } @media (max-width: 1700px) { .project_wrap .project_hero_section .section_title { margin-bottom: 23px; } } @media (max-width: 799px) { .project_wrap .project_hero_section .section_title { text-align: left; margin-bottom: 20px; } } .project_wrap .project_hero_section .section_title .mob_br { display: none; } @media (max-width: 799px) { .project_wrap .project_hero_section .section_title .mob_br { display: block; } } .project_wrap .project_hero_section_bottom { display: flex; gap: 20px; } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom { flex-wrap: wrap; gap: 60px 10px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom { gap: 10px; } } .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box { width: calc(50% - 10px); height: 678px; padding: 23px 0px 40px 26px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box { padding-left: 20px; height: 600px; padding-bottom: 30px; padding-top: 26px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box { height: 500px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box { padding-top: 16px; padding-left: 0; padding-bottom: 20px; height: 400px; align-items: center; } } .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(2) { background-repeat: no-repeat; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_1.png); background-size: cover; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(2) { width: 418px; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_1200_1.png); } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(2) { width: 378px; padding-left: 0; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_800_1.png); } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(2) { width: 100%; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_320_1.png); } } .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(3) { background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_2.png); background-repeat: no-repeat; background-position: calc(100% + 45px), center; background-size: cover; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(3) { width: 418px; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_1200_2.png); background-position: calc(100% + 69px), center; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(3) { width: 378px; padding-left: 0; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_800_2_a.png); background-position: center; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(3) { width: 100%; background-image: url(/local/templates/prem-house/css/../assets/imgs/bg_img_box_320_2_a.png); background-size: cover; } } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box:nth-child(3) .project_hero_section_bottom_box_title br:nth-child(2) { display: none; } } .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .project_hero_section_bottom_box_title { color: #FFF; font-family: "Tschichold"; font-size: 90px; font-weight: 700; line-height: 106.036%; text-transform: uppercase; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .project_hero_section_bottom_box_title { font-size: 64px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .project_hero_section_bottom_box_title { font-size: 48px; text-align: center; } } .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .main_btn { margin: 0; } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .main_btn { margin-left: 40px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom .project_hero_section_bottom_box .main_btn { width: 200px; margin: 0 auto; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box { justify-content: start; } } .project_wrap .project_hero_section_bottom_box.last_b { display: flex; flex-direction: column; gap: 21px; padding: 0; width: 500px; position: sticky; top: 20px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b { margin-left: 5px; width: 320px; gap: 10px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b { margin-left: 0; flex-direction: row; width: 100%; gap: 10px; height: 380px; position: relative; top: 0; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b { flex-direction: column; height: auto; margin-bottom: 28px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b.desc { display: none; } } .project_wrap .project_hero_section_bottom_box.last_b.mob { display: none; } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b.mob { display: flex; justify-content: start; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top { background-color: #fff; padding: 30px 20px 42px 20px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top { padding-bottom: 40px; padding-top: 26px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top { width: 378px; padding-top: 24px; padding-right: 23px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top { width: 100%; padding: 25px 15px 29px 16px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title { color: #102D47; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title { line-height: 150%; margin-bottom: 18px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title { margin-bottom: 19px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title { font-size: 14px; letter-spacing: 1.4px; margin-bottom: 15px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title br { display: none; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title br { display: block; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_title br { display: none; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul { display: flex; flex-direction: column; gap: 19px; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul { gap: 15px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li { color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li { font-size: 12px; } } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li:nth-child(2) { align-items: start; } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li:nth-child(2) span { text-align: right; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li span br { display: none; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_top .project_hero_section_bottom_box_last_top_ul .project_hero_section_bottom_box_last_top_li span br { display: block; text-align: right; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom { background-color: #fff; padding: 30px 20px 34px 20px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom { padding-bottom: 23px; } } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom { width: 378px; padding-top: 26px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom { width: 100%; padding: 25px 0px 27px 15px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_title { color: #102D47; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: 2px; margin-bottom: 20px; } @media (max-width: 1200px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_title { margin-bottom: 26px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_title { font-size: 14px; letter-spacing: 1.4px; line-height: 150%; margin-bottom: 13px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul { gap: 25px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul { gap: 30px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li { display: flex; gap: 15px; align-items: start; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li { gap: 30px; align-items: flex-end; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li:first-child { gap: 50px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr { display: flex; flex-direction: column; gap: 5px; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr { gap: 7px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .price_sp { color: #102D47; font-size: 42px; font-weight: 600; line-height: 130%; } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .price_sp.orange { color: #EF6D27; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .price_sp { font-size: 32px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .price_sp { font-size: 20px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p { display: flex; align-items: center; gap: 20px; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p { gap: 8px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p .promotion_sp { color: #102D47; font-size: 24px; font-weight: 400; line-height: 130%; text-decoration: line-through; } @media (max-width: 1700px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p .promotion_sp { font-size: 20px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p .promotion_sp { font-size: 12px; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p .promotion_a { color: #EF6D27; font-size: 15px; font-weight: 400; line-height: normal; text-decoration-line: underline; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_pr .promotion_p .promotion_a { font-size: 12px; } } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .p_h_b_mob { display: flex; flex-direction: column; gap: 6px; align-items: start; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_tit { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_tit.desc { display: none; } } .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_tit.mob { display: none; } @media (max-width: 799px) { .project_wrap .project_hero_section_bottom_box.last_b .project_hero_section_bottom_box_last_bottom .project_hero_section_bottom_box_last_bottom_ul .project_hero_section_bottom_box_last_bottom_li .price_tit.mob { display: flex; font-size: 12px; } } .project_wrap .sticky_block { display: flex; gap: 40px; } @media (max-width: 1700px) { .project_wrap .sticky_block { gap: 20px; } } .project_wrap .sticky_block .left_s { margin-bottom: 120px; } @media (max-width: 1700px) { .project_wrap .sticky_block .left_s { margin-bottom: 80px; } } @media (max-width: 1200px) { .project_wrap .sticky_block .left_s { margin-bottom: 59px; } } .project_wrap .project_gallery_section { margin-bottom: 120px; } @media (max-width: 1700px) { .project_wrap .project_gallery_section { margin-bottom: 83px; } } @media (max-width: 1200px) { .project_wrap .project_gallery_section { margin-bottom: 60px; } } .project_wrap .project_gallery_section .section_title { margin-bottom: 19px; } @media (max-width: 1700px) { .project_wrap .project_gallery_section .section_title { font-size: 32px; margin-bottom: 20px; } } @media (max-width: 1200px) { .project_wrap .project_gallery_section .section_title { font-size: 24px; margin-bottom: 13px; } } @media (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .owl-dots { display: none; } } @media (max-width: 1700px) { .project_wrap .project_gallery_section .article_section_gallery .item img { height: 480px; } } @media (max-width: 1200px) { .project_wrap .project_gallery_section .article_section_gallery .item img { height: 430px; } } @media (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .item img { height: 180px; width: 100%; object-fit: cover; } } .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text { color: #102D47; font-size: 15px; font-weight: 400; line-height: normal; margin-top: 30px; display: flex; justify-content: flex-end; } .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text br { display: none; } @media (max-width: 1700px) { .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text br { display: block; } } @media (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text br { display: none; } } @media (max-width: 1700px) { .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text { line-height: 140%; margin-top: 21px; text-align: right; } } @media (max-width: 1200px) { .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text { font-size: 12px; margin-top: 25px; } } @media (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .item .article_section_gallery_bottom_text { justify-content: start; text-align: center; margin-top: 10px; } } .project_wrap .project_gallery_section .article_section_gallery .pagination { display: flex; align-items: center; gap: 39px; margin-top: -39px; max-width: 256px; background-color: #EFEFF1; position: relative; z-index: 8; } @media (max-width: 1700px) { .project_wrap .project_gallery_section .article_section_gallery .pagination { margin-top: -64px; } } @media (max-width: 1200px) { .project_wrap .project_gallery_section .article_section_gallery .pagination { gap: 30px; margin-top: -58px; } } @media (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .pagination { margin: 0 auto; justify-content: center; margin-top: 21px; } } .project_wrap .project_gallery_section .article_section_gallery .pagination span { color: #102D47; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 2px; min-width: 62px; text-align: center; } @media (max-width: 1200px) { .project_wrap .project_gallery_section .article_section_gallery .pagination span { font-size: 16px; letter-spacing: 1.6px; min-width: 48px; } } .project_wrap .project_gallery_section .article_section_gallery .pagination a { border: 1px solid #102D47; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: #EFEFF1; transition: all ease-out 0.4s; position: relative; z-index: 3; } .project_wrap .project_gallery_section .article_section_gallery .pagination a:hover { background-color: #102D47; } .project_wrap .project_gallery_section .article_section_gallery .pagination a:hover path { fill: #fff; } @media (max-width: 1200px) { .project_wrap .project_gallery_section .article_section_gallery .pagination a { width: 40px; height: 40px; } } @media (max-width: 1200px) and (max-width: 799px) { .project_wrap .project_gallery_section .article_section_gallery .pagination a svg { flex: 0 0 auto; } } .project_wrap .video_object { margin-bottom: 125px; } @media (max-width: 1700px) { .project_wrap .video_object { margin-bottom: 80px; } } @media (max-width: 1200px) { .project_wrap .video_object { margin-bottom: 113px; } } @media (max-width: 799px) { .project_wrap .video_object { margin-bottom: 60px; } } .project_wrap .video_object .section_title { margin-bottom: 20px; } @media (max-width: 1700px) { .project_wrap .video_object .section_title { font-size: 32px; } } @media (max-width: 1200px) { .project_wrap .video_object .section_title { font-size: 24px; } } @media (max-width: 799px) { .project_wrap .video_object .section_title { margin-bottom: 15px; } } .project_wrap .video_object .video_obj { height: 597px; } @media (max-width: 1700px) { .project_wrap .video_object .video_obj { height: 481px; } .project_wrap .video_object .video_obj iframe { height: 100%; } } @media (max-width: 1200px) { .project_wrap .video_object .video_obj { height: 431px; } } @media (max-width: 799px) { .project_wrap .video_object .video_obj { height: 169px; } } .project_wrap .mini_accordion { margin-bottom: 125px; } @media (max-width: 1700px) { .project_wrap .mini_accordion { margin-bottom: 105px; } } @media (max-width: 1200px) { .project_wrap .mini_accordion { margin-bottom: 82px; } } @media (max-width: 799px) { .project_wrap .mini_accordion { margin-bottom: 62px; } } .project_wrap .mini_accordion .mini_accordion_block { display: flex; flex-direction: column; } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box { display: flex; flex-direction: column; } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #102D47; transition: all ease-out 0.4s; padding-top: 18px; padding-bottom: 18px; } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header { padding-top: 19px; } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header { padding-top: 18px; padding-bottom: 18px; } } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header p { color: #102D47; font-size: 20px; font-weight: 600; line-height: normal; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 1200px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header p { font-size: 14px; letter-spacing: 0.42px; } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header p { font-size: 12px; letter-spacing: 0.36px; } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header.accordion-active { padding-top: 14px; padding-bottom: 15px; } } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header.accordion-active p { color: #EF6D27; } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header .collapse_a.accordion__rotate { transform: rotate(180deg); } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header .collapse_a.accordion__rotate path { fill: #EF6D27; } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_header .collapse_a svg { width: 16px; height: 8px; } } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body { display: none; margin-bottom: 40px; } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body { margin-bottom: 50px; } } @media (max-width: 1200px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body { margin-bottom: 40px; } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body { margin-bottom: 30px; } } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in { display: flex; gap: 10px; flex-wrap: wrap; } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in { gap: 10px; } } @media (max-width: 1200px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in { gap: 4px; } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in { gap: 5px; } } .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item { width: calc(25% - 7.5px); } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item { width: calc(33.33% - 6.66px); } } @media (max-width: 1200px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item { width: calc(33.33% - 2.66px); } } @media (max-width: 799px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item { width: 100%; height: 234px; } } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item img { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 1700px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box:nth-child(2) .mini_accordion_box_body { margin-bottom: 41px; } } @media (max-width: 1200px) { .project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box:nth-child(2) .mini_accordion_box_body { margin-bottom: 28px; } } .project_wrap .calculator_section { /*style items (options):*/ /*hide the items when the select box is closed:*/ } .project_wrap .calculator_section .custom-select { position: relative; } .project_wrap .calculator_section .custom-select select { display: none; } .project_wrap .calculator_section .select-items div, .project_wrap .calculator_section .select-selected, .project_wrap .calculator_section .nice-select { padding: 22px 20px; cursor: pointer; user-select: none; } .project_wrap .calculator_section .select-selected, .project_wrap .calculator_section .nice-select { background-color: #fff; color: #102D47; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding: 22px 20px; border: 1px solid #fff; background: #FFF; width: 520px; background-image: url(/local/templates/prem-house/css/../assets/imgs/select_arr.svg); background-repeat: no-repeat; background-position: calc(100% - 14px) center; cursor: pointer; -webkit-appearance: none; } @media (max-width: 1700px) { .project_wrap .calculator_section .select-selected, .project_wrap .calculator_section .nice-select { width: 418px; padding: 22px 16px; padding-top: 20px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .select-selected, .project_wrap .calculator_section .nice-select { width: 378px; font-size: 15px; padding: 18px 10px; padding-bottom: 17px; } } @media (max-width: 799px) { .project_wrap .calculator_section .select-selected, .project_wrap .calculator_section .nice-select { width: 100%; height: 54px; } } .project_wrap .calculator_section .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #1B1D1E; margin-top: 4px; width: 520px; } @media (max-width: 1700px) { .project_wrap .calculator_section .select-items { width: 418px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .select-items { width: 378px; } } @media (max-width: 799px) { .project_wrap .calculator_section .select-items { width: 100%; } } .project_wrap .calculator_section .select-hide { display: none; } .project_wrap .calculator_section .select-items div:hover, .project_wrap .calculator_section .same-as-selected { background-color: #F8F8F8; } @media (max-width: 799px) { .project_wrap .calculator_section.two_c .section_title { margin-bottom: 20px; } } @media (max-width: 799px) { .project_wrap .calculator_section.two_c .calculator_section_block { gap: 11px; } } .project_wrap .calculator_section .section_title { margin-bottom: 41px; } @media (max-width: 1700px) { .project_wrap .calculator_section .section_title { font-size: 32px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .section_title { font-size: 24px; margin-bottom: 28px; } } @media (max-width: 799px) { .project_wrap .calculator_section .section_title { font-size: 18px; line-height: 130%; text-align: left; } } .project_wrap .calculator_section .calculator_section_block { display: flex; gap: 26px; flex-direction: column; } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block { gap: 6px; } } .project_wrap .calculator_section .calculator_section_block .calculator_section_item { display: flex; gap: 30px 20px; flex-wrap: wrap; padding-bottom: 37px; border-bottom: 1px solid #CFD2D4; } @media (max-width: 1700px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item { gap: 27px 20px; padding-bottom: 45px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item { gap: 20px 10px; padding-bottom: 30px; } } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item { gap: 14px; padding-bottom: 29px; } } @media (max-width: 1700px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 { padding-bottom: 32px; padding-top: 1px; } } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 { padding-top: 13px; } } .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 .from_select { gap: 5px; } .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 .from_select .from_label { margin-bottom: 5px; } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 .from_select .from_label { margin-bottom: 0px; } } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item.mb_5 { padding-bottom: 20px; } } .project_wrap .calculator_section .calculator_section_block .calculator_section_item:last-child { padding-bottom: 0; border-bottom: none; } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item:last-child { padding-top: 14px; } } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item:nth-child(2) { padding-bottom: 20px; } } @media (max-width: 799px) { .project_wrap .calculator_section .calculator_section_block .calculator_section_item:first-child { padding-bottom: 38px; } } .project_wrap .calculator_section .from_select { display: flex; flex-direction: column; gap: 10px 0; width: calc(50% - 10px); } @media (max-width: 1200px) { .project_wrap .calculator_section .from_select { width: 378px; } } @media (max-width: 799px) { .project_wrap .calculator_section .from_select { width: 100%; gap: 5px; } } .project_wrap .calculator_section .from_select .from_label { color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.75px; text-transform: uppercase; } @media (max-width: 1700px) { .project_wrap .calculator_section .from_select .from_label { display: flex; width: 418px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .from_select .from_label { font-size: 12px; letter-spacing: 0.6px; } } .project_wrap .calculator_section .from_select .from_country { color: #102D47; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding: 22px 20px; border: 1px solid #fff; background: #FFF; width: 520px; background-image: url(/local/templates/prem-house/css/../assets/imgs/select_arr.svg); background-repeat: no-repeat; background-position: calc(100% - 14px) center; cursor: pointer; -webkit-appearance: none; } @media (max-width: 1700px) { .project_wrap .calculator_section .from_select .from_country { width: 418px; } } @media (max-width: 1200px) { .project_wrap .calculator_section .from_select .from_country { width: 378px; font-size: 15px; padding: 18px 10px; } } @media (max-width: 799px) { .project_wrap .calculator_section .from_select .from_country { width: 100%; height: 54px; } } .project_wrap .calculator_section.one_cal { margin-bottom: 115px; } @media (max-width: 1700px) { .project_wrap .calculator_section.one_cal { margin-bottom: 80px; } } @media (max-width: 1200px) { .project_wrap .calculator_section.one_cal { margin-bottom: 80px; } } @media (max-width: 799px) { .project_wrap .calculator_section.one_cal { margin-bottom: 60px; } } .project_wrap .two_c { margin-bottom: 114px; } @media (max-width: 1700px) { .project_wrap .two_c { margin-bottom: 75px; } } @media (max-width: 1200px) { .project_wrap .two_c { margin-bottom: 79px; } } @media (max-width: 799px) { .project_wrap .two_c { margin-bottom: 61px; } } .project_wrap .two_c .calculator_section_block { display: flex; gap: 60px; flex-direction: row; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block { gap: 40px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block { gap: 30px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block { flex-direction: column; } } .project_wrap .two_c .calculator_section_block .calculator_section_left { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_left { gap: 32px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_left { gap: 31px; } } .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_top { display: flex; flex-direction: column; gap: 28px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_top { gap: 30px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_top { gap: 19px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_top { gap: 14px; } } .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_bottom { display: flex; gap: 83px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_bottom { gap: 114px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_bottom { gap: 90px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_bottom { gap: 24px; } } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .calculator_section_left_bottom .projects_section_filters_item.height_diff { padding-left: 0; } } .project_wrap .two_c .calculator_section_block .calculator_section_left .cal_label { display: flex; flex-direction: column; gap: 10px; color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.75px; text-transform: uppercase; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .cal_label { font-size: 12px; letter-spacing: 0.6px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .cal_label { gap: 5px; } } .project_wrap .two_c .calculator_section_block .calculator_section_left .from_input { background-color: #fff; border: none; padding: 22px 20px; color: #102D47; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; width: 520px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .from_input { width: 418px; padding-top: 21px; padding-left: 17px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .from_input { width: 378px; padding: 18px 15px; font-size: 15px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_left .from_input { width: 100%; } } .project_wrap .two_c .calculator_section_block .calculator_section_right { display: flex; flex-direction: column; gap: 46px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_right { gap: 42px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_right { padding-top: 30px; gap: 32px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_right { padding-top: 17px; gap: 29px; } } .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box { background-color: #fff; width: 479px; height: 476px; padding: 30px 33px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box { padding: 30px 20px; width: 398px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box { width: 357px; order: 1; height: 448px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box { width: 100%; order: 2; padding-top: 18px; padding-left: 11px; padding-bottom: 14px; height: auto; } } .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special { margin-top: 43px; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special { margin-top: 36px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special { margin-top: 6px; } } .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special .checkmark_text { color: #EF6D27; } .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special .checkmark { border-color: #EF6D27; } .project_wrap .two_c .calculator_section_block .calculator_section_right .calculator_section_right_b_box .projects_section_filters_item_ul .certificate_form_check_container.special input:checked ~ .checkmark { background: #EF6D27; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .projects_section_filters_item.height_diff { padding-left: 18px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .calculator_section_right .projects_section_filters_item.height_diff { padding-left: 0; order: 1; } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item.range_i { overflow: clip; min-height: 82px; max-height: 82px; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item.f_d_col .projects_section_filters_item_ul { display: flex; align-items: center; gap: 32px; flex-direction: row; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item.f_d_col .ch_con { display: flex; flex-direction: column; gap: 13px; align-items: center; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item.f_d_col .ch_con .checkmark_text { margin-left: 0; transform: translate(5px, 0px); } .project_wrap .two_c .calculator_section_block .projects_section_filters_item.height_diff { padding-left: 33px; } @media (max-width: 1700px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item.height_diff { padding-left: 17px; } } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item.height_diff { order: 2; } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_title { color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.75px; text-transform: uppercase; margin-bottom: 17px; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_title { font-size: 12px; letter-spacing: 0.6px; } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul { display: flex; flex-direction: column; gap: 12px; } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul { gap: 14px; } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul.h_diff_ul .certificate_form_check_container .checkmark { border-radius: 50%; } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul.h_diff_ul { gap: 19px; } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .checkmark_text { margin-left: 23px; color: #102D47; font-family: "Montserrat"; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; transform: translate(0px, -4px); } @media (max-width: 1200px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .checkmark_text { font-size: 12px; } } @media (max-width: 799px) { .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .checkmark_text { transform: translate(0px, -2px); } } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #fff; border: 1px solid #102D47; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container:hover input ~ .checkmark { background-color: #fff; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input:checked ~ .checkmark { background: #102D47; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container input:checked ~ .checkmark:after { display: block; } .project_wrap .two_c .calculator_section_block .projects_section_filters_item .projects_section_filters_item_ul .certificate_form_check_container .checkmark:after { content: ""; position: absolute; display: none; } .project_wrap .animated_cat { margin-bottom: 154px; padding-bottom: 0; position: relative; } .project_wrap .animated_cat::after { content: ""; position: absolute; height: 4px; width: 100%; background-color: #EF6D27; bottom: -2px; } @media (max-width: 1700px) { .project_wrap .animated_cat { margin-bottom: 80px; } } @media (max-width: 1200px) { .project_wrap .animated_cat { margin-bottom: 80px; } } @media (max-width: 799px) { .project_wrap .animated_cat { margin-bottom: 60px; } } @media (max-width: 1700px) { .project_wrap .animated_cat.application { padding-top: 68px; } } @media (max-width: 1200px) { .project_wrap .animated_cat.application { padding-top: 43px; } } @media (max-width: 799px) { .project_wrap .animated_cat.application { padding-top: 20px; } } @media (max-width: 799px) { .project_wrap .animated_cat.application .application_block .application_form .application_form_top { gap: 40px; } } @media (max-width: 799px) { .project_wrap .animated_cat.application .application_form { gap: 30px; padding-bottom: 89px; } } @media (max-width: 799px) { .project_wrap .animated_cat.application .application_block .application_form .application_form_top .application_text.laptop { margin-top: -7px; } } .project_wrap .articles { padding-bottom: 0; margin-bottom: 150px; } @media (max-width: 1700px) { .project_wrap .articles { margin-bottom: 69px; } .project_wrap .articles .articles_block .articles_item .articles_item_bottom { padding-top: 15px; padding-left: 15px; } } @media (max-width: 1700px) and (max-width: 1200px) { .project_wrap .articles .articles_block .articles_item .articles_item_bottom { padding-left: 10px; } } @media (max-width: 1700px) and (max-width: 799px) { .project_wrap .articles .articles_block .articles_item .articles_item_bottom { padding-left: 10px; padding-right: 10px; padding-bottom: 15px; } } @media (max-width: 799px) { .project_wrap .articles { margin-bottom: 71px; } } @media (max-width: 799px) { .project_wrap .articles .articles_block .articles_item .articles_item_main_img { height: 147px; } } @media (max-width: 1200px) { .project_wrap .articles .section_title { margin-bottom: 18px; } } @media (max-width: 799px) { .project_wrap .articles .section_title { margin-bottom: 15px; } } @media (max-width: 799px) { .project_wrap .articles .articles_block .articles_item .articles_item_bottom .articles_item_title .articles_item_subtitle { gap: 12px; } } @media (max-width: 799px) { .project_wrap .articles .articles_block .articles_item .articles_item_bottom .articles_item_title { gap: 5px; } } @media (max-width: 1700px) { .project_wrap .individual_design_faq { padding-bottom: 83px; } } @media (max-width: 1200px) { .project_wrap .individual_design_faq { padding-bottom: 74px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq { padding-bottom: 56px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs { gap: 7px; } } .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .mob_br { display: none; } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header .mob_br { display: block; } } .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p svg { flex: 0 0 auto; } .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active p { align-items: center; } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active p { gap: 10px; max-width: 254px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header p { gap: 11px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box.last_ch .faq_box_header { padding-top: 15px; padding-bottom: 14px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active { padding-top: 11px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_header.accordion-active .collapse_a.accordion__rotate { right: 0; top: 23px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .faq_block .faq_boxs .faq_box .faq_box_body { padding-left: 13px; padding-bottom: 23px; } } @media (max-width: 1700px) { .project_wrap .individual_design_faq .section_title { margin-bottom: 16px; } } @media (max-width: 1200px) { .project_wrap .individual_design_faq .section_title { margin-bottom: 7px; } } @media (max-width: 799px) { .project_wrap .individual_design_faq .section_title { margin-bottom: 1px; } } @media (max-width: 799px) { .project_wrap .similar_projects .owl-dots { display: flex; justify-content: center; gap: 0 12px; position: absolute; bottom: -20px; left: 0; right: 0; } .project_wrap .similar_projects .owl-dots .owl-dot { height: 6px; width: 6px; background-color: #CFD2D4; border-radius: 50%; } .project_wrap .similar_projects .owl-dots .owl-dot.active { background-color: #EF6D27; } } @media (max-width: 1700px) { .project_wrap .similar_projects .section_title { margin-bottom: 27px; } } @media (max-width: 1200px) { .project_wrap .similar_projects .section_title { margin-bottom: 24px; } } @media (max-width: 799px) { .project_wrap .similar_projects .section_title { margin-bottom: 14px; } } .project_wrap .similar_projects .portfolio_box { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box { gap: 15px; } } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box { gap: 10px; } } .project_wrap .similar_projects .portfolio_box .portfolio_item { width: calc(33.33% - 13.33px); display: flex; flex-direction: column; position: relative; transition: all ease-out 0.4s; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item { width: calc(33.33% - 10px); } } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box .portfolio_item { width: calc(50% - 5px); } .project_wrap .similar_projects .portfolio_box .portfolio_item:last-child { display: none; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item { width: 100%; } .project_wrap .similar_projects .portfolio_box .portfolio_item:last-child { display: flex; } } .project_wrap .similar_projects .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_status { background-color: #EF6D27; } .project_wrap .similar_projects .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { color: #EF6D27; } .project_wrap .similar_projects .portfolio_box .portfolio_item:hover .portfolio_item_content .portfolio_item_bottom path { fill: #EF6D27; } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_main_img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_main_img { height: 252px; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_main_img { height: 196px; } } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { color: #FFF; font-size: 20px; font-weight: 400; line-height: normal; background: #85A726; padding: 6px 10px 6px 15px; position: absolute; top: 0; left: 0; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { padding: 5px 10px; font-size: 15px; } } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { padding: 6px 15px; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_status { font-size: 12px; padding: 2px 8px 3px 8px; } } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 20px 20px 22px 20px; position: relative; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding-top: 20px; padding-bottom: 26px; padding-left: 15px; padding-right: 15px; } } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding: 15px 10px; padding-top: 12px; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom { padding: 12px 10px 13px 10px; } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom svg { width: 14px; height: 14px; } } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .p_b_arr_svg { position: absolute; right: 17px; bottom: 15px; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .p_b_arr_svg { right: 11px; } } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { display: flex; flex-direction: column; gap: 10px; color: #102D47; font-size: 20px; font-weight: 400; line-height: normal; } @media (max-width: 1700px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 15px; min-height: 81px; justify-content: space-between; } } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { font-size: 16px; line-height: 130%; gap: 12px; min-height: auto; } } @media (max-width: 799px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title { gap: 10px; font-size: 14px; line-height: 130%; width: 80%; } } .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 15px; } @media (max-width: 1200px) { .project_wrap .similar_projects .portfolio_box .portfolio_item .portfolio_item_content .portfolio_item_bottom .portfolio_item_title .portfolio_item_subtitle { font-size: 12px; line-height: normal; } } .animated_cat .application_form { padding-bottom: 67px; position: relative; gap: 70px; } @media (max-width: 1700px) { .animated_cat .application_form { padding-bottom: 80px; } } @media (max-width: 1200px) { .animated_cat .application_form { padding-bottom: 50px; } } @media (max-width: 799px) { .animated_cat .application_form { padding-bottom: 95px; } } .animated_cat .application_form.active .cat .cat_hads { transition: 0.3s ease; opacity: 1; } .animated_cat .application_form.active .cat .cat_eyes { display: none; } .animated_cat .application_form.active .cat .cat_eyes_with_hand { opacity: 1; animation: eyes_hand 3s infinite; } .animated_cat .application_form.close_eyes .eye { opacity: 1 !important; } .animated_cat .application_form.close_eyes .cat_hads { opacity: 0; } .animated_cat .application_form.close_eyes .cat_eyes { opacity: 0; } .animated_cat .application_form.close_eyes .cat_eyes_with_hand { opacity: 0; } .animated_cat .application_form .cat { display: flex; position: absolute; bottom: -7px; right: 382px; } @media (max-width: 1700px) { .animated_cat .application_form .cat { right: 465px; } } @media (max-width: 1200px) { .animated_cat .application_form .cat { right: 80px; } } @media (max-width: 799px) { .animated_cat .application_form .cat { right: 71px; transform: scale(0.8); bottom: -14px; } } .animated_cat .application_form .cat .cat_eyes { position: absolute; right: 0; animation: eyes 3s infinite; } .animated_cat .application_form .cat .eye { opacity: 0; position: absolute; right: 0; } .animated_cat .application_form .cat .cat_eyes_with_hand { opacity: 0; position: absolute; right: 0; } .animated_cat .application_form .cat .cat_hads { transition: 0.3s ease; opacity: 0; transform: translateX(10px); } @keyframes eyes { from { opacity: 0; } to { opacity: 1; } } @keyframes eyes_hand { from { opacity: 0; } to { opacity: 1; } }/*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/templates/prem-house/fonts/fonts.css?1714316804218*/ @font-face { font-family: 'Tschichold'; src: url('/local/templates/prem-house/fonts/./Tschichold.ttf'); font-weight: 400; } @font-face { font-family: 'Tschichold'; src: url('/local/templates/prem-house/fonts/./Tschichold Bold.ttf'); font-weight: 700; } /* End */ /* Start:/local/templates/prem-house/css/template_styles.css?174840471446521*/ header .header_block .h_menu_mob.show .h_menu_mob_ul_right { gap:0; } @media (max-width: 1200px) and (max-width: 480px){ header .header_block .h_menu_mob.show .h_menu_mob_ul_left { gap: 0; } } .h_menu_mob_ul_right { } .h_menu_mob_ul_right > li > a { padding: 10px 0 10px 10px; } .h_menu_mob_ul_right > li > ul > li > a { padding: 10px 0 10px 40px; } header .header_block .h_menu_mob.show { overflow-y: auto; background:#fff; } .h_menu_mob_bottom { display:none !important; } .projects_section.section_t .container { position: relative; } @media(min-width:1201px){ .projects_section.section_t .container .gallery_ul { margin: 0 0 -40px 0; position: relative; left: 360px; top: -114px; top: -100px; width: calc(100% - 360px); } } @media(min-width:800px) and (max-width:1200px){ .projects_section.section_t .container .gallery_ul { margin: 0 0 -90px 0; position: relative; left: 230px; top: -130px; width: calc(100% - 230px); } } @media(max-width:800px){ .filer_fixed .container { padding:0; } } .filer_fixed.fix { position:fixed; top:60px; margin:0; left:0; width:100%; z-index:10; background-color: rgba(0, 0, 0, 0.5) !important; } @media(max-width:800px){ .filer_fixed.fix { top:58px; } } @media(max-width:480px){ .filer_fixed.fix { top:52px; } } .filer_fixed.fix::after { content:""; position:absolute; width:100%; height:100%; left:0; top:0; filter: blur(1px); z-index:9; } .filer_fixed.fix .container { z-index:10; padding: 0 15px; } .filer_fixed.fix .gallery_ul { top: 0 !important; left: 0 !important; position: relative !important; width: 100% !important; margin: 0 !important; padding:10px 0 !important; } section section.buttons .container { padding:0; } @media(max-width:799px){ .projects_section.section_t { padding-top:0; } } @media(min-width:800px) and (max-width:1200px){ body.main main.main { min-height: 610px; } } @media(min-width:1201px){ body.main main.main { min-height: 840px; } } .block_height { display:none; } body.main main.main header { } body.main main.main .block_height { min-height: calc(100vh - 170px); display: block; } @media(max-width:1700px){ body.main main.main .block_height { min-height: calc(100vh - 164px); } } @media(max-width:1200px){ body.main main.main .block_height { min-height: 100vh; } } .main .background_slider div.item { display: flex; align-items: center; justify-content: center; overflow:hidden; } .main .background_slider div.item img { width: auto; min-width: 100%; object-fit: cover; } .main .background_slider div.item .video-box { position: absolute; width: 100%; height: auto; padding: 28.4% 0; top: 0; left: 0; } .main .background_slider div.item .video-box div { 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; } .main .background_slider div.item .video-box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .background_slider:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3) !important; z-index: 9; } .gallery_ul.links_2_ a { cursor:pointer; } .section_title { display:block; } a.section_title { cursor:pointer; } a.section_title:hover { color:#EF6D27; } section.content_v_kolonkah>.container { } section.content_v_kolonkah>.container>div.block-4_ff { width: calc(33.33% - (20px / 3 * 2)); padding:0; } @media(min-width:768px) and (max-width:1200px){ section.content_v_kolonkah>.container>div.block-4_ff { width: calc(50% - (20px / 2 * 1)) !important; margin: 0 !important; } } section.content_v_kolonkah>.container>div.block-8_ff { width: calc(66.66% - (20px / 2 * 1)); padding:0; } @media(min-width:768px) and (max-width:1200px){ section.content_v_kolonkah>.container>div.block-8_ff { width: calc(50% - (20px / 2 * 1)) !important; margin: 0 !important; } } .contacts_section .contacts_block .contacts_box { height:auto; } @media(max-width:767px){ .main .projects_wrapper.new_t .products_wrapper { margin: 0 !important; } } .youtube_bottom button[type="button"] { background: none !important; } .youtube_bottom .owl-dots button span { display:none !important; } section.content_v_kolonkah>.container>.container_2 { width: calc(100% + 20px); } @media(max-width: 799px){ .breadcrumb { min-width: 100px; } } @media(max-width: 1200px){ header.fixed .header_top { display: flex; } } .bx-breadcrumb.breadcrumb div[id*="bx_incl_area"] { min-width:100px; } .portfolio_box.sim_box .projects_items { width:100%; } @media(max-width:1200px){ .project_wrap .sticky_block .sticky_b_right { display:none; } } .project_wrap .calculator_section .from_select .from_label { max-width:100%; } @media(max-width: 799px){ .project_wrap .background_slider_project .item img { height:auto; } } .bx-breadcrumb.breadcrumb .fa.fa-angle-right { display:none; } .breadcrumb li, .breadcrumb > div { white-space: nowrap; } section.section_t.title .container { display: table; table-layout: fixed; width: 100%; position: relative; } .content_v_kolonkah h2.section_title { width:100%; } section.service .service-list { width: calc(100% + 20px); margin: 0 -10px; position:relative; display: flex; flex-wrap: wrap; } section.service .service-list .service-item { width:50%; padding:10px; float:left; } @media(max-width:767px){ section.service .service-list .service-item { width:100%; } } section.service .service-list .service-item span { display: block; margin: 10px 0 0 0; color: #102D47; } section.service .service-list .service-item span .service-description-title { font-size: 18px; font-weight: 600; } @media(max-width:767px){ section.service .service-list .service-item span .service-description-title { font-size: 16px; } section.service .service-list .service-item span .service-description-text { font-size: 14px; } } section.service .service-list .service-item img { max-width: 100%; height: auto; } ul.header_bottom a.parent::after { display:none; } header .header_block .h_menu_mob.show .h_menu_mob_ul_right li.with_back .back { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } header .header_block .h_menu_mob.show .h_menu_mob_ul_right li.with_back a { font-size: 16px; color: #808B96; display: flex; gap: 0 15px; align-items: center; margin-bottom: 5px; text-transform: uppercase; } .contacts_item a[href*="https://wa.me/"] { display: flex; gap: 10px; align-items: center; } .contacts_item a[href*="https://wa.me/"] svg{ width: 22px; } .contacts_item a[href*="https://wa.me/"] svg path { fill: #102D47; } section, footer, section.services_section, section.content_v_kolonkah, .faq_block { float:left; width:100%; } div.projects_item > a { display: block; width: 100%; max-width: 100%; float: left; } div.projects_item > a > img { width:100%; float:left; } @media(max-width:767px){ .video_wrapper iframe[src*="https://rutube.ru/play/embed/"] + .video_button { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; } } .objects .objects_block .objects_items .objects_item { background:#fff; } .objects .objects_block .objects_items .objects_item > a > .objects_item_main_img { height:auto; float: left; } .header_actions .calc_link { } .header_actions .calc_link img { float:left; width:16px; } @media(min-width:768px){ .header_actions .calc_link { display:none; } } @media(max-width:767px){ .project_wrap .two_c .calculator_section_block .calculator_section_left .from_input { height:54px; } } section.title{padding-bottom:0;display:table;width:100%}section.title+section{padding-top:0 !important}section.pt0{padding-top:0 !important}section.pb0{padding-bottom:0 !important}main.main{min-height:100vh}main.main section.hero{height:calc(100% - 170px);position:absolute;width:100%}main.main section.hero>.container{height:100%;-ms-flex-line-pack:distribute !important;align-content:space-around !important}main.main section.hero .container{-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}main.main section.hero .container>div{width:100%}header.fixed{position:fixed;top:0;left:0;right:0;background-color:rgba(0,0,0,0.75) !important}header.fixed .header_top{display:none}.faq_section .faq_block .faq_box .faq_box_header{height:auto;min-height:79px}.articles .articles_block{-ms-flex-wrap:wrap;flex-wrap:wrap}.individual_design .individual_design_hero .main_btn{text-transform:uppercase}@media (max-width:1200px) and (max-width:799px){.stages_design .stages_design_block .stages_design_left .stages_design_ul .stages_design_li_body img{max-width:500px}}.project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item a,.project_wrap .mini_accordion .mini_accordion_block .mini_accordion_box .mini_accordion_box_body .mini_accordion_box_body_in .mini_accordion_body_item a img{width:100%}.video_obj iframe{width:100%;max-width:100%;height:597px !important}@media (max-width:1700px){.video_obj iframe{height:481px !important}}@media (max-width:1200px){.video_obj iframe{height:431px !important}}@media (max-width:799px){.video_obj iframe{height:169px !important}}body{background-color:#efeff1}section.text_block p{color:#102d47;font-size:20px;font-weight:400;line-height:170%;margin-bottom:40px}@media (max-width:1700px){section.text_block p{font-size:18px}}@media (max-width:1200px){section.text_block p{font-size:15px}}@media (max-width:799px){section.text_block p{font-size:12px}}section.content_v_kolonkah>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}section.content_v_kolonkah>.container>.section_title{width:100%}section.content_v_kolonkah>.container>.container_2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px}section.content_v_kolonkah>.container>.container_2>div{padding:10px;float:left}section.content_v_kolonkah>.container>.container_2>div.block-12{width:100%}section.content_v_kolonkah>.container>.container_2>div.block-6{width:50%}section.content_v_kolonkah>.container>.container_2>div.block-8{width:66.66%}section.content_v_kolonkah>.container>.container_2>div.block-4{width:33.33%}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div{width:100% !important}}section.content_v_kolonkah>.container>.container_2>div img{width:100%;float:left}section.content_v_kolonkah>.container>.container_2>div .image_wrapper .main_btn{margin:0}section.content_v_kolonkah>.container>.container_2>div .image_wrapper .main_btn img{width:auto}section.content_v_kolonkah>.container>.container_2>div .button{color:#fff;font-size:15px;font-weight:600;line-height:normal;letter-spacing:1.5px;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;background:#ef6d27;padding:18px;max-width:300px}section.content_v_kolonkah>.container>.container_2>div .content_wrapper{color:#102d47;font-size:20px;font-weight:400;line-height:170%}@media (max-width:1700px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper{font-size:18px}}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper{font-size:15px}}@media (max-width:799px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper{font-size:12px}}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block h2{margin:0 0 20px 0}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_left_ff{padding-right:40px}@media (max-width:1700px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_left_ff{padding-right:30px}}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_left_ff{padding-right:0}}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_right_ff{padding-left:40px}@media (max-width:1700px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_right_ff{padding-left:30px}}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_right_ff{padding-left:0}}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_top_ff{padding-top:40px}@media (max-width:1700px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_top_ff{padding-top:30px}}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block.p_top_ff{padding-top:0}}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block+.image_wrapper{margin:50px 0 0 0}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block+.image_wrapper{margin:40px 0 0 0}}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.text_block+.image_wrapper .main_btn{margin:0 auto 0 auto}}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.image_block+.image_wrapper{position:relative;display:table;width:100%}section.content_v_kolonkah>.container>.container_2>div .content_wrapper.image_block+.image_wrapper .main_btn{position:absolute;left:40px;bottom:40px;width:100%}@media (max-width:1200px){section.content_v_kolonkah>.container>.container_2>div .content_wrapper.image_block+.image_wrapper .main_btn{left:20px;bottom:20px}}ul.header_bottom>li>ul>li>ul{display:none;position:absolute;width:100%;visibility:visible;opacity:1;background:#fff;left:100%;top:-12px;padding:12px 0}ul.header_bottom>li>ul>li:hover>ul{display:block}ul.header_bottom a.parent{position:relative}ul.header_bottom a.parent::after{display:block;width:10px;height:10px;font:normal normal normal 15px / 10px FontAwesome;content:"\f107";color:#a9b0bb;position:absolute;top:50%;right:15px;margin:-5px 0 0 0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.faq_section .faq_block .faq_box .faq_box_header.accordion-active{height:auto}.faq_block .faq_box .faq_box_body .faq_box_body_in{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}@media (max-width:799px){.faq_block .faq_box .faq_box_body .faq_box_body_in{padding:15px 10px 30px 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:27px}}@media (max-width:799px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px}}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img{display:block;margin-bottom:5px}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img img{width:142px;height:160px;-o-object-fit:cover;object-fit:cover}@media (max-width:1200px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_img img{width:114px;height:128px}}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;color:#102d47;font-size:20px;font-weight:400;line-height:150%}@media (max-width:1700px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name{font-size:15px}}@media (max-width:799px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name{gap:2px}}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text{color:#102d47;font-size:20px;font-weight:400;line-height:170%}@media (max-width:1700px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_box_text{font-size:15px}}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name .faq_item_job{color:#102d47;font-size:15px;font-weight:400;line-height:150%;margin-bottom:21px}@media (max-width:1700px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_item_name .faq_item_job{font-size:12px;margin-bottom:8px}}.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_date{color:#c6c6c6;font-size:15px;font-weight:400;line-height:normal}@media (max-width:1700px){.faq_block .faq_box .faq_box_body .faq_box_body_in .faq_date{font-size:12px}}header .header_bottom .logo{display:none}@media (min-width:1201px){header.fixed{padding:10px 0}header.fixed .header_top{display:none}header.fixed .header_bottom .logo{display:block;height:40px}header.fixed .header_bottom .logo img{height:100%}body.fixed{padding-top:130px}body.main.fixed{padding-top:0}body.main.fixed main.main{padding-top:164px}}.breadcrumb{gap:0}.breadcrumb>div a{color:#ef6d27;position:relative;padding:0 22px 0 0}.breadcrumb>div a::after{content:" ";background-image:url("data:image/svg+xml,%3Csvg width='4' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M2.932 4 0 .53.617 0 4 4 .617 8 0 7.466 2.932 4Z' fill='%23C1C1C1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='rotate(180 2 4)' d='M0 0h4v8H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");width:4px;height:8px;display:block;position:absolute;right:0;top:50%;margin:-4px 9px 0 0}.content_wrapper.video_wrapper{overflow:hidden;position:relative;width:100%;padding:28% 0}.content_wrapper.video_wrapper iframe[src*="https://www.youtube.com/embed/"], .content_wrapper.video_wrapper iframe[src*="https://rutube.ru/play/embed/"]{width:100% !important;height:100% !important;position:absolute;top:0;left:0}.content_v_kolonkah .author_block{margin:30px 0 0 0}.content_v_kolonkah .author_block>.author_block_2 img{float:left;margin:0 20px 0 0;width:auto}.content_v_kolonkah .author_block>.author_block_2 .a-author .a-title{display:block;margin:0 0 30px 0}.content_v_kolonkah .author_block>.author_block_2 .a-author .a-name{display:block;font-size:14px;margin:0 0 5px}.content_v_kolonkah .author_block>.author_block_2 .a-author .a-post{font-size:12px}.projects_section .portfolio_box .portfolio_item,form.projects_section_filters.controls_block.filter_search,.left_column.controls_block{display:block !important}form.projects_section_filters.controls_block.filter_search{width:100%}.projects_wrapper.new_t{margin:0;max-width:1600px}.projects_wrapper.new_t form.controls_block{background-color:#fff;width:100%;margin:0 0 50px}.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(6),.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(7),.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8){display:block;margin-top:60px}@media (max-width:800px){.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(6),.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(7),.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8){margin-top:0}}.projects_wrapper.new_t form.controls_block.open .wrapper .wrapper_2 .form_buttons .show_more svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.projects_wrapper.new_t form.controls_block .wrapper{max-width:1600px}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2{margin:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2{display:table}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:23px 30px 30px;width:calc(100% - 540px)}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els{width:calc(100% - 320px)}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els{width:100%;padding:25px 20px 30px 20px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els{padding:20px 15px}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el{width:300px;display:table}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el{width:250px}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el{width:220px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el{width:100%;margin:0 0 30px 0}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el.n2.s2{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(6),.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(7),.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8){display:none}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(7){margin:0}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8){display:none}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8)>span,.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el:nth-child(8)>div{display:none !important}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el>.name{font-family:Montserrat;font-size:20px;font-weight:500;letter-spacing:2px;color:#102d47;display:block;margin:0 0 12px 0}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range{margin:37.5px 7.5px 7.5px 7.5px;float:left;width:calc(220px - 15px)}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range{width:calc(100% - 15px)}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .inputs{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target{height:1px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;border:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-connects{border-radius:0;height:1px;background:#cfd2d4}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-connects .noUi-connect{background-color:#102d47}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-origin div{width:15px;height:15px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background:#102d47;top:-7.5px;right:-7.5px}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-origin div::after{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-origin div::before{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .range .noUi-target .noUi-base .noUi-origin div span{font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#102d47;position:absolute;top:-31px;width:50px;text-align:center;margin:0 0 0 -17.5px}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .control{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 0 -17px;position:relative}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el{margin:0;width:47px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el.all{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el input[type="checkbox"]{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el input[type="checkbox"]:checked+label::before{opacity:1}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el label{padding:0 0 27px 0;position:relative;cursor:pointer;display:table}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el label::after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;width:13px;height:13px;border:solid 1px #102d47;bottom:0;left:50%;margin:0 0 0 -6.5px}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.hor .el label::before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;width:13px;height:13px;background:#102d47;opacity:0;bottom:0;left:50%;margin:0 0 0 -6.5px}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert{position:relative}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el{margin:0 0 17px 0;width:100%;font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#102d47}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el.all{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el input[type="checkbox"]{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el input[type="checkbox"]:checked+label::before{opacity:1}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el label{padding:0 0 0 23px;position:relative;cursor:pointer;display:table}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el label::after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;width:13px;height:13px;border:solid 1px #102d47;top:1.5px;left:0;margin:0}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .filter_els .filter_el .data_wrapper .choose_data_wrapper .multiselect.vert .el label::before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";position:absolute;width:13px;height:13px;background:#102d47;opacity:0;top:1.5px;left:0;margin:0}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons{padding:23px 30px 30px;border-left:solid 1px #cfd2d4;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;width:540px;position:relative}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons{width:320px;padding:10px 20px;display:table;height:136px}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons{height:94px;width:100%;border-left:none;border-top:solid 1px #cfd2d4;padding:20px 20px 20px 20px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons{height:auto;padding:20px 15px}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_close{display:none}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more{height:54px;position:relative;font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#102d47;padding:0 0 0 29px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:130px;cursor:pointer;display:table}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more{padding:56px 0 0 0}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more{padding:0 0 0 29px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more{padding:0 0 0 24px;font-size:14px;line-height:1.5;height:auto;width:164px;margin:0 auto}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more svg{position:absolute;left:0;top:50%;margin:-17px 0 0 0}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more svg{margin:0 0 0 0;top:13px;left:0}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more svg{left:0;top:50%;margin:-17px 0 0 0}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .show_more svg{left:0;top:0;margin:0;width:14px;height:18px}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_clear{width:154px;height:54px;border:solid 1px #102d47;display:table;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:52px;font-family:Montserrat;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:1.5px;color:#102d47;text-transform:uppercase}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_clear{top:72px;right:20px;position:absolute}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_clear{top:20px;right:20px;width:170px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_clear{position:relative;width:calc(50% - 5px);margin:20px 0 0 0;left:auto;right:auto;bottom:auto;top:auto;float:right;height:46px;line-height:44px;font-size:12px}}.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_button{width:154px;height:54px;background-color:#ef6d27;display:block;line-height:52px;text-align:center;font-family:Montserrat;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:1.5px;color:#fff;text-transform:uppercase}@media (max-width:1700px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_button{top:10px;right:20px;position:absolute}}@media (max-width:1200px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_button{top:20px;right:206px;width:170px}}@media (max-width:800px){.projects_wrapper.new_t form.controls_block .wrapper .wrapper_2 .form_buttons .filter_button{position:relative;width:calc(50% - 5px);margin:20px 0 0 0;left:auto;right:auto;bottom:auto;top:auto;float:left;height:46px;line-height:44px;font-size:12px}}.projects_section .portfolio_box .portfolio_item .portfolio_item_main_img{float:left}.objects_item_content{background:#fff}.project_wrap .project_gallery_section .article_section_gallery .pagination{margin-top:0}section.content_v_kolonkah.padding .container{gap:20px}section.content_v_kolonkah.padding .container>div.block-6{width:calc(50% - 10px)}.breadcrumb>div>div{float:left;display:table}.services_box.LITE:hover .services_box_title,.services_box.LITE:hover p,.services_box.LITE:hover ul li{color:#102d47 !important}.services_box.LITE:hover svg path{fill:#102d47}.services_box.LITE .services_box_title,.services_box.LITE p,.services_box.LITE ul li{color:#fff !important}.services_box.LITE svg path{fill:#fff}.services_box .services_box_title,.services_box p,.services_box ul li,.services_box svg{z-index:2;position:relative}.services_box .image{top:0;left:33%;width:67%;height:100%;position:absolute;background-size:cover;background-position:50%}.services_box .gradient{top:0;left:33%;width:50%;height:100%;position:absolute}section.buttons{margin:40px 0 20px}@media (max-width:799px){section.buttons .orange_btns{gap:15px}}section.buttons .orange_btns .orange_btn{line-height:54px;padding:0;max-width:300px;font-size:15px}@media (max-width:799px){section.buttons .orange_btns .orange_btn{max-width:calc(50% - 7.5px);font-size:14px;line-height:40px;gap:10px}}@media (max-width:420px){section.buttons .orange_btns .orange_btn{max-width:100%}}@media (max-width:799px){section.buttons .orange_btns .orange_btn svg{width:12px}}.projects_section.section_t.front_page .container .portfolio_box{max-height:calc(340px * 2 + 20px);overflow:hidden}@media (max-width:1700px){.projects_section.section_t.front_page .container .portfolio_box{max-height:calc(255px*2 + 20px)}}@media (max-width:1200px){.projects_section.section_t.front_page .container .portfolio_box{max-height:calc(247px*2 + 20px)}}@media (max-width:800px){.projects_section.section_t.front_page .container .portfolio_box{max-height:calc(196px*2 + 20px)}}@media (min-width:800px) and (max-width:1200px){.projects_section.section_t.front_page .container .section_title{position:absolute}}@media (max-width:799px){.projects_section.section_t.front_page .container .section_title{margin-top:40px}}.projects_section.section_t.front_page .container .gallery_ul{top:-80px}@media (min-width:800px) and (max-width:1200px){.projects_section.section_t.front_page .container .gallery_ul{top:0;margin:0;margin-bottom:21px}}.youtube_bottom_ .owl-nav{position:absolute;right:0;top:-60px;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:0 50px}@media (max-width:1024px){.youtube_bottom_ .owl-nav{gap:0 35px;top:-42px}}@media (max-width:799px){.youtube_bottom_ .owl-nav{top:-40px}}@media (max-width:768px){.youtube_bottom_ .owl-nav{display:none !important}}@media (max-width:799px){.youtube_bottom_ .owl-nav button img{width:9px;height:18px}}.youtube_bottom_ .owl-dots{display:none}@media (max-width:768px){.youtube_bottom_ .owl-dots{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.youtube_bottom_ .owl-dots .owl-dot span{display:none}.youtube_bottom_ .owl-carousel .owl-item .item.small{width:294px}@media (max-width:1700px){.youtube_bottom_ .owl-carousel .owl-item .item.small{width:223px}}@media (max-width:1200px){.youtube_bottom_ .owl-carousel .owl-item .item.small{width:140px}}.youtube_bottom_ .owl-carousel .owl-item .item.big{width:968px}@media (max-width:1700px){.youtube_bottom_ .owl-carousel .owl-item .item.big{width:730px}}@media (max-width:1200px){.youtube_bottom_ .owl-carousel .owl-item .item.big{width:452px}}.youtube_bottom_ .owl-carousel .owl-item .item a img{height:540px}@media (max-width:1700px){.youtube_bottom_ .owl-carousel .owl-item .item a img{height:406px}}@media (max-width:1200px){.youtube_bottom_ .owl-carousel .owl-item .item a img{height:254px}}.youtube_bottom_ .owl-carousel .owl-item .item a span{font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#102d47;display:block;margin:20px 0 0 0}@media (max-width:1700px){.youtube_bottom_ .owl-carousel .owl-item .item a span{margin:15px 0 0 0;font-size:12px !important}}@media (max-width:1200px){.youtube_bottom_ .owl-carousel .owl-item .item a span{margin:10px 0 0 0;font-size:12px !important}} .free_consultation .free_consultation_form input::placeholder {color:#fff;} .project_wrap .calculator_section .select-selected {display:none;} .project_wrap .calculator_section .nice-select {height:69px;} .project_wrap .calculator_section input[type="text"], .project_wrap .calculator_section input[type="number"] {height:69px;border:none;padding: 22px 16px; color: #102D47; font-family: "Montserrat"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; font-family: "Montserrat", sans-serif;} .project_wrap .calculator_section .nice-select::after {display:none;} @media(min-width:768px){ body.main .objects_items .objects_item:nth-child(4), body.main .objects_items .objects_item:nth-child(5), body.main .objects_items .objects_item:nth-child(6), body.main .objects_items .objects_item:nth-child(7), body.main .objects_items .objects_item:nth-child(8), body.main .objects_items .objects_item:nth-child(9) { display:none !important; } } footer .footer_block .footer_menu ul li a { float:left; } .projects_section.gallery.objects { float: left; width: 100%; } .text_block .in-work { display:table; float: left; width: 100%; } .article_with_gallery h2, .text_block h2 { color: #102D47; font-size: 36px; font-weight: 600; line-height: 130%; margin-bottom: 15px; text-align: left !important; } @media (max-width: 1200px) { .article_with_gallery h2, .text_block h2 { font-size: 28px; margin-bottom: 15px; } } @media (max-width: 799px) { .article_with_gallery h2, .text_block h2 { font-size: 22px; } } .article_with_gallery h3, .text_block h3 { color: #102D47; font-size: 32px; font-weight: 600; line-height: 130%; margin-bottom: 15px; text-align: left !important; } @media (max-width: 1200px) { .article_with_gallery h3, .text_block h3 { font-size: 24px; margin-bottom: 15px; } } @media (max-width: 799px) { .article_with_gallery h3, .text_block h3 { font-size: 18px; margin-bottom: 15px; } } .article_with_gallery p, .article_with_gallery ul, .text_block p, .text_block ul { margin-bottom:20px; display:block; float:left; } .article_with_gallery img { float:left; margin: 20px 20px 20px 0; } .mini_accordion_box { display:table; width:100%; } .mini_accordion_box_body { width:100%; } .mini_accordion_box .mini_accordion_box_body_in { display: flex; width:100%; flex-wrap: wrap; gap: 20px; } .mini_accordion_box .mini_accordion_box_body_in .mini_accordion_body_item { width:calc(25% - 20px/4*3); display:block; } .mini_accordion_box .mini_accordion_box_body_in .mini_accordion_body_item img { margin: 0; width:100%; } @media (max-width: 1200px) { .mini_accordion_box .mini_accordion_box_body_in .mini_accordion_body_item { width:calc(33.33% - 20px/3*2); } } @media (max-width: 799px) { .mini_accordion_box .mini_accordion_box_body_in .mini_accordion_body_item { width:calc(50% - 20px/2*1); } } @media (max-width: 420px) { .mini_accordion_box .mini_accordion_box_body_in { gap: 10px; } .mini_accordion_box .mini_accordion_box_body_in .mini_accordion_body_item { width:calc(50% - 10px/2*1); } } .tabs-horizontal.tabs { } .tabs-horizontal.tabs .tabs-caption { display:flex; gap:20px; width:100%; float:left; } .tabs-horizontal.tabs .tabs-caption .service-item { } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 { width:calc(33.33% - 20px/4*3); max-width: 320px; float:left; position:relative; cursor:pointer; } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 img { width: 100%; height: auto; float: left; } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 .service-description { position: relative; bottom: 0; left: 0; width: 100%; background: #fff; color: #102D47; font-size: 18px; font-weight: 400; line-height: normal; border: 1px solid #CFD2D4; display: table; float: left; } @media(max-width:1200px){ .tabs-horizontal.tabs .tabs-caption .service-item.block-4 .service-description { font-size:16px; } } @media(max-width:767px){ .tabs-horizontal.tabs .tabs-caption { overflow-x: auto; overflow-y: hidden; } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 { min-width:280px; } } @media(max-width:520px){ .tabs-horizontal.tabs .tabs-caption .service-item.block-4 { min-width:240px; } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 .service-description { font-size:14px; } } .tabs-horizontal.tabs .tabs-caption .service-item.block-4.active .service-description { background: #EF6D27; color: #fff; border: none; } .tabs-horizontal.tabs .tabs-caption .service-item.block-4 .service-description .service-description-title { padding: 16px 12px; display: block; width: 100%; float:left; } .tabs-horizontal.tabs .tabs-content-wrapper { display:table; width:100%; float:left; margin: 20px 0 60px 0; } .tabs-horizontal.tabs .tabs-content-wrapper .tabs-content:not(.active) { display:none; } .tabs-horizontal.tabs .tabs-content-wrapper .tabs-content .ss-tab-content-photo { float:left; margin: 0 20px 20px 0; } .tabs-horizontal.tabs .tabs-content-wrapper .tabs-content .ss-tab-content-text { float: left; width: calc(100% - 400px); } @media(max-width:767px){ .tabs-horizontal.tabs .tabs-content-wrapper { margin:0 0 40px 0; } .tabs-horizontal.tabs .tabs-content-wrapper .tabs-content .ss-tab-content-text { width:100%; } } section.base { width: 100%; float: left; } .project_wrap .project_hero_section_bottom_box.last_b { top: 85px; } .section_img { background-size: cover; background-position: 50%; } @media(max-width:820px){ .table.css_table.style_2 { } .table.css_table.style_2 .tr .td { padding: 15px; } .table.css_table.style_2 .tr .td:not(:nth-child(1)) { white-space: nowrap; } .table.css_table.style_2 .tr .td:nth-child(1) { min-width:250px; } } main.main .choose_service { cursor:pointer; } .modal .nice-select { border: none; border-bottom: 1px solid #000; border-radius: 0; padding: 0; color: #000; font-size: 20px; font-weight: 400; } @media (max-width: 768px) { .modal .nice-select { font-size:16px; } } .calculator_section_right > .projects_section_filters_item { display:none; } header a.bold { font-weight: 500 !important; } .projects_items.do_posle .projects_item { width:100%; } .projects_items.do_posle .projects_item .ba-slider { max-height: calc(100vh - 264px); display: flex; } .projects_items.do_posle .projects_item .ba-slider .resize { display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .projects_items.do_posle .projects_item .ba-slider img { object-fit: cover; } .hero .breadcrumb { z-index: 5; position: absolute; } .hero .breadcrumb > div, .hero .breadcrumb > div a { color:#fff; } header + .hero .container { position: relative; } .popup_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 98; animation: fadeIn 0.3s ease-in-out; transition: 0.3s all ease; cursor:pointer; } .popup.active { z-index: 99; } .popup.active.text .content { min-height: 200px; display: flex; flex-wrap: wrap; align-content: center; } .popup.active .title { display: block; width:100%; margin-bottom: 10px; } .popup.active .text { color: #000; font-size: 15px; font-weight: 400; line-height: normal; width:100%; } .popup.active .popup_close { cursor:pointer; position: absolute; top: 33px; right: 30px; background-color: transparent; border: none; width:14px; height:14px; background:url('/local/templates/prem-house/assets/imgs/close_x.svg'); } button.main_btn { border: none; width: 100%; margin: 0; cursor: pointer; } .yandex_rating { display:flex; gap:20px; margin:20px 0 0 0; } @media(max-width:800px){ .yandex_rating { margin: 0 0 40px 0; } } .yandex_rating iframe { float:left; } .yandex_rating img { float:left; width:50px; } .project_hero_section_bottom_box_last_top_li { gap:20px; position:relative; align-items: baseline !important; } .project_hero_section_bottom_box_last_top_li span { background:#fff; position:relative; z-index:2; } .project_hero_section_bottom_box_last_top_li span:first-child { padding-right:8px; } .project_hero_section_bottom_box_last_top_li span:last-child { text-align:right; padding-left:8px; } .project_hero_section_bottom_box_last_top_li:after { content:""; display:block; background:#EFEFF1; width:100%; height:1px; position:absolute; left:0; top:14px; z-index:1; } @media(max-width:767px){ .project_hero_section_bottom_box_last_top_li:after { top:11px; } } .project_hero_section_bottom_box_last_top_li a { color: #102D47; text-decoration: underline; } .project_hero_section_bottom_box_last_top_li a:hover { text-decoration: none; } @media (min-width: 768px) { section.objects .objects_block >a[href="/proekt-realizatsiya/"] + .objects_items .objects_item:nth-child(4), section.objects .objects_block >a[href="/proekt-realizatsiya/"] + .objects_items .objects_item:nth-child(5), section.objects .objects_block >a[href="/proekt-realizatsiya/"] + .objects_items .objects_item:nth-child(6) { display:block !important; } } /* End */ /* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1714316906467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.list/objects_with_filter_gallery/style.css?17143169043843*/ /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* End */ /* /local/templates/prem-house/css/animate.css?171431680557095 */ /* /local/templates/prem-house/css/owl.carousel.min.css?17143168053351 */ /* /local/templates/prem-house/css/owl.theme.default.min.css?17143168051013 */ /* /local/templates/prem-house/css/jquery.fancybox.min.css?171431680512795 */ /* /local/templates/prem-house/css/nouislider.min.css?17143168054220 */ /* /local/templates/prem-house/css/nice-select.min.css?17143168053117 */ /* /local/templates/prem-house/css/main.css?1747149299335465 */ /* /local/templates/prem-house/fonts/fonts.css?1714316804218 */ /* /local/templates/prem-house/css/template_styles.css?174840471446521 */ /* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1714316906467 */ /* /bitrix/templates/.default/components/bitrix/news.list/objects_with_filter_gallery/style.css?17143169043843 */