/* Start:/bitrix/templates/avangard/css/jquery.fancybox.min.css?174710469112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/avangard/css/animate.css?174710469157114*/ @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(-100px); transform: translateY(-100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } 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(-150px); transform: translateX(-150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); } 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(150px); transform: translateX(150px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); } 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(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 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:/bitrix/templates/avangard/styles.css?175190216262706*/ @font-face { font-family: 'icomoon'; src: url('/bitrix/templates/avangard/fonts/icomoon.ttf?40dbi1') format('truetype'), url('/bitrix/templates/avangard/fonts/icomoon.woff?40dbi1') format('woff'), url('/bitrix/templates/avangard/fonts/icomoon.svg?40dbi1#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="ico-"], [class*=" ico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="ico-"], [class*=" ico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-calendar:before { content: "\e900";} .ico-delivery:before { content: "\e901";} .ico-description:before { content: "\e902";} .ico-features:before { content: "\e903";} .ico-arrow:before { content: "\e904";} .ico-phone:before { content: "\e905";} .ico-close:before { content: "\e906";} .ico-navi:before { content: "\e907";} .ico-arrow-top:before { content: "\e908";} .ico-subscribe:before { content: "\e909";} .ico-chevron:before { content: "\e90a";} .ico-heart:before { content: "\e90b";} .ico-heart-o:before { content: "\e90c";} .ico-search:before { content: "\e90d";} .ico-email:before { content: "\e90e";} .ico-location:before { content: "\e90f";} .ico-check-big:before { content: "\e910";} .ico-rotate, .ico-rotate-180 { display: inline-block; transform:rotate(180deg);} .ico-rotate-90 { display: inline-block; transform:rotate(90deg);} .ico-rotate-270 { display: inline-block; transform:rotate(270deg);} :root{ --text: #212333; --primary: #D83145; --primary-hover: #DD5061; --primary-rgb: 216,49,69; --primary-light: #FBEAEC; --line: #E4E5E7; --border: #CACACE; --gray: #7A7B85; --gray-text: #A6A7AD; --gray-bg: #EFF1F3; } html { font-size: 16px; -webkit-text-size-adjust: none; text-size-adjust: none;} body{ font-size: 1rem; line-height:1.5; font-family:'Montserrat', Arial, sans-serif; color:var(--text); background: var(--gray-bg);} a { color: inherit; text-decoration: none;} a:hover { color: inherit; text-decoration: none;} img { max-width: 100%; height: auto;} h1, h2, h3, h4, h5, h6 { font-weight:600; line-height: 1.3; margin:0 0 1.875rem;} h1, .h1 { font-size: 2.25rem;} h2, .h2 { font-size:1.75rem;} h3, .h3 { font-size: 1.5rem;} h4, .h4 { font-size: 1.25rem;} h5, .h5 { font-size: 1.0625rem;} h6, .h6 { font-size: 1rem;} mark { background: none; color:var(--primary); padding: 0;} b, strong { font-weight: 600;} .btn { font-weight: 600; font-size: 15px; line-height:22px; padding: 20px 40px; border-radius: 6px;} .btn.btn-sm { padding: 13px 26px;} .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background-color:var(--primary); border-color:var(--primary);} .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background:var(--primary-hover); color: #fff; border-color:var(--primary-hover);} .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { background:var(--primary-hover); border-color:var(--primary-hover); color: #fff; outline: none; box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.5);} .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled { background-color:#fff; border-color:var(--primary); color:var(--primary);} .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background:var(--primary-hover); color: #fff; border-color:var(--primary-hover);} .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { background:var(--primary-hover); border-color:var(--primary-hover); color: #fff; outline: none; box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.5);} .btn-light, .btn-light.disabled, .btn-light:disabled { background-color:#fff; border-color:var(--gray-text); color:var(--text)} .btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background:var(--gray-bg); border-color:var(--gray-text); color:var(--text)} .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { background:var(--gray-bg); border-color:var(--gray-text); color:var(--text); outline: none; box-shadow: 0 0 0 .2rem rgba(0,0,0, 0.2);} .btn .ico { font-size: 22px; display: inline-block; vertical-align: top;} .entry-content .btn-primary, .entry-content .btn:hover { color: #fff;} .entry-content .btn-light, .entry-content .btn-light:hover { color:var(--text);} #wrapper { width: 100%; min-width: 320px;} #content-wrapper { padding: 1rem 0 0;} @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1452px;} } .container .container { padding-left: 0; padding-right: 0;} .row { --bs-gutter-x: 2rem;} .row.gut-0 { --bs-gutter-x: 0;} .row.gut-5 { --bs-gutter-x: 0.625rem;} .row.gut-10 { --bs-gutter-x: 1.25rem;} .row.gut-20 { --bs-gutter-x: 2.5rem;} .row.team-row { --bs-gutter-x: 0.25rem;} @media screen and (min-width: 768px) { .row.gut-md-10 { --bs-gutter-x: 1.25rem;} } /* carousel */ .jcarousel-wrap { position:relative;} .jcarousel { position:relative; overflow:hidden;} .jcarousel>ul { display: flex; width:20000em; position:relative; list-style:none; margin:0; padding:0;} .jcarousel>ul>li { position:relative;} .jcarousel>ul>li a { text-decoration:none;} .jcarousel-prev, .jcarousel-next { display:block; position:absolute; width:2.5rem; height:2.5rem; top:50%; transform:translateY(-50%); cursor:pointer; z-index:50; text-align:center; line-height:calc(2.5rem - 2px); font-size:1.625rem; vertical-align:top; text-align: center; color:var(--text); background: #fff; border-radius:50%; border:1px solid var(--border); box-shadow:0 1px 6px rgba(33,35,51,0.2); transition: all 0.3s ease; user-select: none;} .jcarousel-prev { left:0;} .jcarousel-next { right:0;} .jcarousel-prev:hover, .jcarousel-next:hover { box-shadow:0 3px 6px rgba(33,35,51,0.3);} .jcarousel-prev .ico, .jcarousel-next .ico { line-height:calc(2.5rem - 2px);} .jcarousel-pagination { margin-top:0.75rem; display: flex; justify-content: center; flex-wrap:wrap;} .jcarousel-pagination span { display: block; width: 1.25rem; height:10px; padding: 4px 0; margin: 0 4px; cursor: pointer;} .jcarousel-pagination span:before { content:''; display: block; width:100%; height: 2px; background: var(--border); border-radius:2px; transition:all 0.2s ease;} .jcarousel-pagination span.active:before, .jcarousel-pagination span:hover:before { background: var(--primary);} .btns-hidden .jcarousel-prev, .btns-hidden .jcarousel-next, .btns-hidden .jcarousel-pagination { display:none;} /* header */ #header { position:relative; background: #fff; z-index: 150;} .header-top { position:relative; z-index: 151; border-bottom:1px solid var(--line); color:var(--gray); font-size:0.875rem; font-weight: 600;} .header-top-flex { height: 2rem;} .header-contacts .contact-item { margin-right:1.5625rem;} .contact-item { position: relative; padding-left: 1.75rem;} .contact-item .ico { position: absolute; left:0; top:0; width: 1.3125rem; font-size:1.3125rem; line-height:1.3125rem; color:var(--primary); display: block;} .contact-item a:hover { color:var(--primary);} .header-dropdown { position: relative; color:var(--text);} .header-dropdown .dropdown-single { position: relative; display: flex; align-items: center; opacity: 0.8;} .header-dropdown .dropdown-single .ico { font-size:1.3125rem; line-height: 1;} .header-dropdown .dropdown-box { display: none; position: absolute; right:0; top:100%; background: #fff; color:var(--text); line-height: 1.3125rem; border-radius:6px; padding:1rem; box-shadow:0 2px 20px 0 rgba(33, 35, 51, 0.15);} .header-dropdown:hover .dropdown-single { opacity: 1;} .header-dropdown:hover .dropdown-box { display: block;} .header-dropdown .phones-list ul { list-style: none; padding: 0; margin: 0; min-width: 130px;} .header-dropdown .phones-list ul li { white-space: nowrap;} .header-dropdown .phones-list ul li+li { margin-top: 10px;} .page-header { position: relative; color:var(--text); padding:0; margin: 0; border:none; border-radius: 0;} .page-header>.container { height: calc(8.25rem);} .header-logo { width: 11.125rem;} .header-right { width: calc(100% - 13.25rem); flex-shrink:0;} .catalog-toggler { flex-shrink:0; width: 149px; height: 49px; background: var(--primary); border-radius: 6px; border:none; outline: none; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 600;} .catalog-toggler .ico { font-size:23px; margin-right: 0.625rem;} .catalog-toggler .ico:before { content: "\e906";} .catalog-toggler.collapsed .ico:before { content: "\e907";} .catalog-toggler:hover { background: var(--primary-hover);} .search-toggler { background: none; border:none; outline: none !important; box-shadow: none; color:var(--gray-text); width:1.5rem; height: 1.5rem; font-size:1.5rem; line-height: 1.5rem; padding: 0; margin-left: 1.25rem;} .search-toggler .ico { line-height: 1.5rem;} .header-wishlist { position: relative; width: 75px; height:49px; display: flex; align-items: center; justify-content: center; flex-shrink:0; margin-left: 15px; color:var(--text); background: #fff; border-radius: 6px; border:1px solid var(--border); text-align: center;} .header-wishlist .ico { font-size: 23px;} .header-wishlist .wishlist-count { display: block; min-width: 19px; height: 19px; font-size: 12px; font-weight: 600; line-height: 19px; text-align: center; padding: 0 2px; background: var(--primary); color:#fff; border-radius: 10px; margin-left: 7px;} .header-right .btn-callback { height: 49px; padding-bottom: 12px; margin-left: 15px;} .header-search { flex:1; margin-left: 15px; position: relative; z-index: 1;} .search-form-wrapper { position: relative;} .header-search .search-form-inner { position: relative;} .header-search .input-search { background: var(--gray-bg); border:none; outline: none; width: 100%; height: 49px; color:var(--text); font-size: 15px; line-height: 23px; font-weight: 500; padding: 13px 49px 13px 14px; border-radius: 6px;} .header-search .submit-search { background: none; border:none; outline: none; box-shadow: none; position: absolute; width: 39px; height: 39px; top:5px; right:5px; padding: 8px; text-align: center; font-size: 23px; line-height: 23px; color:var(--gray); border-radius: 4px;} .header-search .input-search:hover { background: #ebedee;} .header-search .input-search:focus { background: #fff; box-shadow: inset 0 0 0 1px var(--primary);} .header-search .input-search:focus ~ .submit-search { color:var(--primary)} .header-search .submit-search:hover { background: var(--primary-hover); color:#fff;} .header-search .input-search:focus ~ .submit-search:hover { color:#fff;} #catalog-search-results { display: none; position: absolute; left:0; top:100%; width: 100%;} .search-form-wrapper.opened #catalog-search-results { display: block;} .search-results-block { background: #fff; border-radius: 5px; padding:0.625rem 0.125rem; box-shadow:5px 5px 25px 15px rgba(0,0,0,0.07); margin-top:1rem;} .search-results { list-style: none; padding: 0; margin: 0;} .search-results li a { display: flex; align-items: center; padding:0.3125rem 0.875rem; border-radius:0.25rem; font-weight: 500;} .search-results li a:hover { background:#f7f8f9;} .search-results li a .list-item-thumb { width: 2.25rem; flex-shrink: 0; margin-bottom:auto; margin-right: 1rem;} .search-results li a .list-item-thumb img { display: block; width: 2.25rem; height: 2.25rem; border-radius:0.25rem; object-fit: contain; object-position: center;} .search-results-block .all-results-link { margin: 0; padding: 0.375rem 0.125rem;} .search-results-block .all-results-link a { display: block; color:rgba(0,0,0,0.5); padding:0.375rem 3.125rem; border-radius:0.25rem;} .search-results-block .all-results-link a:hover { background:#f7f8f9; color:#000;} .search-results-block .results-not-found { margin: 0; padding: 0.75rem 1.5rem;} .navbar-main-toggler { width: 28px; height:28px; border:none; border-radius:0; position: relative; transition: .25s ease-in-out; box-shadow: none !important; outline: none !important;} .navbar-main-toggler span { display: block; position: absolute; height:3px; width:22px; background: #fff; border-radius: 2px; left:3px; top:13px; transform: rotate(0deg); transition: .25s ease-in-out;} .navbar-main-toggler span:nth-child(1), .navbar-main-toggler span:nth-child(4) { width:0%; left:50%;} .navbar-main-toggler span:nth-child(2) { transform: rotate(45deg);} .navbar-main-toggler span:nth-child(3) { transform: rotate(-45deg);} .navbar-main-toggler.collapsed span:nth-child(1) { top:6px; width:22px; left:3px;} .navbar-main-toggler.collapsed span:nth-child(2), .navbar-main-toggler.collapsed span:nth-child(3) { transform: rotate(0deg);} .navbar-main-toggler.collapsed span:nth-child(4) { top:20px; width:22px; left:3px;} .header-button .btn { white-space: nowrap;} /* catalog menu */ #navi { align-items: normal; position: absolute; top:100%; left:0; width: 100%; background: #fff; min-height:calc(100vh - 10.25rem); border-top:1px solid var(--line);} #navi.collapse.show { display: flex;} .catalog-menu-wrapper { height: 100%;} .catalog-menu-wrapper .menu-left { width: 31.7%; border-right:1px solid var(--line); padding: 0.625rem 0.625rem 0.625rem 0; min-height: 100%; overflow: auto;} .catalog-menu-wrapper .catalog-menu { margin: 0; padding: 0; list-style: none;} .catalog-menu-wrapper .catalog-menu li a { display: flex; position: relative; align-items: center; padding: 15px; font-weight: 600; border-radius: 6px;} .catalog-menu-wrapper .catalog-menu li a .menu-arrow { display: none; margin-left: auto; line-height: 1.5rem; margin-right: 3px;} .catalog-menu-wrapper .catalog-menu li a .ico-chevron { font-size:1.5rem; color:var(--gray-text);} .catalog-menu-wrapper .catalog-menu li a img, .catalog-menu-wrapper .catalog-menu li a svg { display: block; width: 1.875rem; height: 1.875rem; margin-right: 15px;} .catalog-menu-wrapper .catalog-menu li a svg path { fill:var(--gray-text);} .catalog-menu-wrapper .menu-child { width: 68.3%;} .catalog-menu-wrapper .menu-child-container { display: none; padding: 2.5rem 0 2.5rem 2.5rem;} .catalog-menu-wrapper .menu-title { font-size: 1.75rem; font-weight: 600; margin-bottom: 2.5rem;} .catalog-menu-wrapper .menu-child-menu { list-style: none; columns:3; column-gap:15px; padding: 0; margin: 0;} .catalog-menu-wrapper .menu-child-menu li { margin-bottom: 15px;} .catalog-menu-wrapper .menu-child-menu li a img { display: none; width: 1.75rem; height: 1.75rem;} .catalog-menu-wrapper .menu-child-menu li a .menu-arrow { display: none; margin-left: auto; line-height: 1.5rem; margin-right: 3px;} .catalog-menu-wrapper .menu-child-menu li a .ico-chevron { font-size:1.5rem; color:var(--gray-text);} .catalog-menu-wrapper .catalog-menu li.parent>a>.menu-arrow { display: block;} .catalog-menu-wrapper .menu-child-menu .sub-menu { display: none;} .catalog-menu-wrapper .sub-menu-list, .header-menu .sub-menu-list { list-style: none; padding: 0; margin: 0;} @media screen and (min-width: 992px){ .catalog-menu-wrapper .catalog-menu li.hover>a, .catalog-menu-wrapper .catalog-menu li:hover>a { background: var(--primary-light);} .catalog-menu-wrapper .catalog-menu li.hover>a .ico-chevron, .catalog-menu-wrapper .catalog-menu li:hover>a .ico-chevron { color:var(--primary);} .catalog-menu-wrapper .catalog-menu li.hover>a svg path, .catalog-menu-wrapper .catalog-menu li:hover>a svg path { fill:var(--primary);} .catalog-menu-wrapper .menu-child-container.hover-active { display: block;} .catalog-menu-wrapper .menu-child-menu li a:hover { color:var(--primary);} } /* content */ .bx-breadcrumb { display: flex; overflow: auto; margin: 0 0 0.5rem;} .bx-breadcrumb .bx-breadcrumb-item { margin-bottom:0.5rem; margin-right: 0.75rem; font-size: 14px; line-height: 21px; color:var(--gray);} .bx-breadcrumb .bx-breadcrumb-item span { font-size: 14px; font-family: inherit; white-space: nowrap;} .bx-breadcrumb i { color:var(--gray); font-size: 15px; line-height: 21px; margin-right:.5rem; position: relative; top:-1px;} .bx-breadcrumb .bx-breadcrumb-item a:hover { color:var(--primary);} .white-block { background: #fff; padding:2.5rem; border-radius: 15px; margin-bottom:3.75rem;} .entry-content:after { content:''; display: table; clear: both;} .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 1.25rem;} p, .entry-content p { margin-bottom: 1.25rem;} .entry-content a { color:var(--primary);} .entry-content a:hover { color:var(--primary-hover);} .entry-content img { border-radius: 6px; margin-bottom: 1.5rem;} .entry-content img[align="left"] { float:left; margin: 0 1.5rem 1.5rem 0;} .entry-content img[align="right"] { float:right; margin: 0 0 1.5rem 1.5rem;} .entry-content img[align="middle"] { display: block; margin: 0 auto 1.5rem;} .entry-content p img { margin-bottom: 0;} .entry-content ul, .entry-content ol { padding: 0; list-style: none; margin-bottom: 1.25rem;} .entry-content ul li, .entry-content ol li { position: relative; padding-left: 1.25rem; margin-bottom: 1rem;} .entry-content ul li:before { content:''; display: block; position: absolute; left:0; top:9px; width:5px; height:5px; border-radius:50%; background: var(--primary);} .entry-content ol { counter-reset: point;} .entry-content ol li { padding-left: 38px;} .entry-content ol li:before { content: '0' counter(point)'.'; counter-increment: point 1; display: block; position: absolute; left:0; top:0; color: var(--primary); font-weight: 600;} .entry-content ol li:nth-child(n + 10):before { content: counter(point)'.';} .entry-content blockquote, .entry-content .orange-box, .entry-content .green-box { padding: 1.25rem; border-radius:6px; margin-bottom: 1.25rem;} .entry-content blockquote, .entry-content .orange-box { background:#FFF2DE; border:1px solid #FF9A00;} .entry-content .green-box { background:#E7F9ED; border:1px solid #11C54E;} .entry-content > :last-child, .entry-content blockquote > :last-child, .entry-content .orange-box > :last-child, .entry-content .green-box > :last-child, .entry-content table td > :last-child { margin-bottom: 0;} .entry-content .page-title { margin-bottom: 1.875rem;} .news-detail .page-title { margin-bottom: 1.25rem;} .toc-title { font-size: 17px; font-weight:600; margin-bottom: 1rem;} .toc-navi ol { margin-bottom: 1.875rem;} .toc-navi ol li { padding-left:2.5rem;} .toc-navi ol li:before { content:''; width: 1.5rem; height: 1px; background: var(--text); top:10px;} .gallery-item { display: block; position: relative; padding-bottom: 75%; margin-bottom: 1.5rem;} .gallery-item img, .photo-item img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; margin: 0;} .team-row>div { margin-bottom: 1.25rem} .team-row img { border-radius: 0; width: 100%;} .photos-triple { margin-top: 5px; margin-bottom: 5px;} .photo-item { display: block; position: relative; padding-bottom: 66.8%; margin-bottom: 1.25rem;} .gray-list { display: flex; flex-wrap:wrap; margin-left: -13px; margin-right: -13px;} .gray-list .gray-item { display: block; background: #fff; border:1px solid var(--line); width: 13.375rem; margin: 0 13px 26px; padding:1.5rem 1.25rem 2.25rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius:0.5rem; color:inherit;} .gray-list .gray-item img { display: block; max-width: 100%; width: 9.625rem; height: 8.25rem; object-fit: contain; object-position:center; transform:scale(1); transition:all 0.2s ease; margin:0 auto 1.75rem;} .gray-list .gray-item .caption { display: block;} .gray-list .gray-item:hover img { transform:scale(1.1);} .section { margin-bottom: 3.75rem;} .section-head { margin-bottom: 1.875rem;} .section-head .section-title { margin-bottom: 0;} .section-head .head-link { font-size: 15px; color:var(--primary);} .section-head .head-link .ico { display: inline-block; font-size: 22px; vertical-align: top;} .section-head .head-link:hover { color:var(--primary-hover);} .item-thumb { display: block; position: relative; width: 100%; padding-bottom: 100%;} .item-thumb img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: contain;} .white-box { background: #fff; padding: 25px; border-radius: 15px;} .page-made .white-block:not(:last-child) { margin-bottom: 1.25rem;} .page-made .achievements-section { margin-bottom: 0;} /* home slider */ .top-slider { position: relative; margin-bottom:2.25rem;} .slide-item { position: relative; height: 450px;} .slide-item .slide-image img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center;} .slide-item .slide-mobile { display: none;} .slide-item .slide-desktop img { z-index: 1;} .slide-item .slide-content { display: flex; align-items: center; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2;} .slide-item .slide-title { font-size:3.125rem; line-height: 3.75rem; font-weight:600; color:var(--text); max-width: 30rem;} .slide-item .slide-title.title-white { color:#fff;} .slide-item .slide-content .btn { margin-top: 2.5rem;} .section-list { margin-bottom: 2.5rem;} .achievement-item { height: calc(100% - 1.25rem); margin-bottom:1.25rem;} .achievement-item .icon { background:#FBEAEC; border-radius: 10px; width: 73px; height: 73px; padding: 12px; margin-right: 1.25rem; flex-shrink: 0; margin-bottom: auto;} .achievement-item .icon img { display: block; width: 49px; height: 49px; object-fit: contain; object-position: center; margin: 0;} .achievement-item .caption { font-size: 2.5rem; line-height: 2.5rem; font-weight: 500;} .achievement-item .achievement-text { margin-top: 1.25rem;} /* home categories */ .home-cat-item { display: block; position: relative; height: calc(100% - 1.25rem); margin-bottom: 1.25rem;} .home-cat-item:hover { box-shadow:0 2px 10px rgba(33,35,51,0.15)} .home-cat-item .item-title { display: block;} .home-cat-item .thumb-wrapper { display: block; width: 5.625rem; margin-right: 1rem; flex-shrink:0;} /* offers */ .offers-section, .home-news-section { overflow: hidden;} .offer-item { display: flex; flex-direction: column; height: calc(100% - 1.5rem); background: var(--primary) url(/bitrix/templates/avangard/images/hearts.png) repeat 0 bottom; color:#fff; text-align: center; border-radius: 15px; margin-bottom: 1.5rem;} .offer-item:hover { color:#fff; opacity: 0.85;} .offers-carousel .offer-item { height: 100%; margin-bottom: 0;} .offer-item .offer-thumb { display: block; position: relative; padding-bottom: 73.5%;} .offer-item .offer-thumb img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px 15px 0 0;} .offer-item .offer-entry { display: flex; flex-direction: column; justify-content: center; flex:1; padding: 25px;} .offer-item .offer-entry .caption { display: block; font-size:1.25rem; font-weight: 600;} .offer-item .offer-period { display: block; margin-top: 10px;} /* products list */ .bx_sitemap { margin-bottom: .625rem;} .bx_sitemap_ul { padding: 0; margin: 0; list-style: none; display:flex; flex-wrap:wrap;} .bx_sitemap .bx_sitemap_ul .bx_sitemap_li_title { line-height:inherit; margin: 0 10px 10px 0;} .bx_sitemap .bx_sitemap_ul .bx_sitemap_li_title:last-child { margin-right:0;} .bx_sitemap .bx_sitemap_li_title a { display: block; background: #fff; color:var(--gray); padding: 10px 15px; font-size: 15px; border-radius:15px;} .bx_sitemap .bx_sitemap_li_title a:hover { color: var(--text)} .product-item-container { margin-bottom: 1.25rem; height: calc(100% - 1.25rem);} .product-item { height: 100%; background: #fff; border:none; border-radius: 15px; padding: 25px;} .product-item:hover { box-shadow:0 2px 10px rgba(33,35,51,0.15)} .product-item-image-wrapper { margin-bottom: 25px; padding-top: 75.9%;} .product-item-image-wrapper .madeinrus-badge { top:0; right:0; width: 3.25rem; height: 2.375rem} .product-item .product-item-sku { font-size:14px; color:var(--gray-text); font-weight: 600; margin-bottom: .625rem;} .product-item .product-item-title { margin: 0;} .product-item .product-item-title a { color:var(--text); font-size:1rem;} .pagenavi { display: flex; flex-wrap:wrap; align-items: center; justify-content: center; background: #fff; padding: 25px; border-radius: 15px; margin-bottom: 2.5rem;} .pagenavi-list { display: flex; overflow: auto;} .pagenavi-list>a, .pagenavi-list>span { background: none; border:none; border-radius:6px; font-size: 1rem; line-height: 1.5rem; padding: 1.25rem 0.625rem; text-align: center; width: 4rem; height: 4rem; color:var(--text); margin-right: 0.625rem; flex-shrink:0;} .pagenavi-list>span.current { background: var(--line); font-weight: 600;} .pagenavi-list>a:hover { background: var(--gray-bg);} .jcarousel .product-item-container { margin-bottom: 0; height: 100%;} .standard-carousel .jcarousel { margin-left: -0.625rem; margin-right: -0.625rem;} .standard-carousel .jcarousel>ul>li { padding:0.3125rem 0.625rem;} .standard-carousel .jcarousel-prev { left:-4.375rem;} .standard-carousel .jcarousel-next { right:-4.375rem;} /* product single */ .madeinrus-badge { display: block; position: absolute; background: url(/bitrix/templates/avangard/images/madeinrus.png) no-repeat 0 0; background-size: 100% 100%; pointer-events: none; z-index: 55;} .product-item-detail-slider-container { padding: 0 2.75rem;} .product-item-detail-slider-container .madeinrus-badge { top:1.875rem; right:2.75rem; width: 6.6875rem; height: 4.875rem} .product-item-detail-slider-block { padding-top: 100%;} .product-item-detail-slider-left, .product-item-detail-slider-right { display:block; position:absolute; width:2.5rem; height:2.5rem; top:50%; transform:translateY(-50%); cursor:pointer; z-index:50; text-align:center; line-height:2.5rem; font-size:1.625rem; vertical-align:top; text-align: center; color:var(--text); background: #fff; border-radius:50%; border:1px solid var(--border); box-shadow:0 1px 6px rgba(33,35,51,0.2); transition: all 0.3s ease; user-select: none;} .product-item-detail-slider-left:before, .product-item-detail-slider-right:before { content:'\e90a'; font-family: 'icomoon'; display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 1.625rem; height: 1.625rem; line-height: 1.625rem;} .product-item-detail-slider-left:before { transform:translate(-50%,-50%) rotate(180deg);} .product-item-detail-slider-left { left:-2.75rem;} .product-item-detail-slider-right { right:-2.75rem;} .product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover { box-shadow:0 3px 6px rgba(33,35,51,0.3);} .product-item-detail-slider-controls-block { padding: 0 2.75rem; margin: 1.5rem 0 0;} .product-item-detail-slider-controls-image { display: block; width:70px; height: 70px; flex-shrink: 0; outline:none; opacity: 0.3;} .product-item-detail-slider-controls-image.active { opacity:1;} .product-item-detail-slider-image img, .product-item-detail-slider-controls-image img { top:0; left:0; max-width:none; max-height:none; width:100%; height:100%; transform:none; object-fit: contain;} .product-item-detail-slider-image>a { height: 100%;} .product-images-carousel.btns-hidden ul { display: flex; justify-content: center; width: 100%; left:auto !important; top:auto !important;} .product-images-carousel li { padding:0 5px;} .product-single-title { margin-bottom: 1.25rem;} .product-meta-bar { margin-bottom: 1rem;} .product-meta-bar .product-sku { color:var(--gray); margin-right: 1.25rem; margin-bottom: 0.875rem;} .product-meta-bar .product-single-wishlist { margin-bottom: 0.875rem;} .product-meta-bar .wishlist-link { display: flex; align-items: center; color:var(--primary);} .product-meta-bar .wishlist-link .ico { font-size: 1.5rem; line-height: 1.5rem; margin-right: 0.5rem;} .product-item-detail-tabs-container { min-height: 44px; border-bottom:1px solid var(--border); background: none; overflow: hidden; margin-top: 3.125rem;} .product-item-detail-tabs-list { display:flex; overflow: auto; margin-bottom: -8px; padding-bottom: 8px;} .product-item-detail-tab { min-height: 44px;} .product-item-detail-tab + .product-item-detail-tab { margin-left: 2.5rem;} .product-item-detail-tab-link { display: flex; padding:0 0 19px; height: 43px; color:var(--gray); text-transform:none; text-overflow:clip; font-weight:600; font-size:1rem; line-height: 24px;} .product-item-detail-tab-link .ico { font-size: 24px; margin-right: 0.625rem;} .product-item-detail-tab-link:after { bottom:-1px; background:var(--primary);} .product-item-detail-tab-link:hover:after, .product-item-detail-tab.active .product-item-detail-tab-link:after { height: 2px;} .product-item-detail-tab-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link { color:var(--text);} .product-item-detail-tab-link:hover .ico, .product-item-detail-tab.active .product-item-detail-tab-link .ico { color:var(--primary);} .product-item-detail-tab-content { padding: 25px 0 0;} .product-item-detail-properties { display: flex; justify-content: space-between; max-width:100%; color:var(--gray);font-size:1rem;} .product-item-detail-properties + .product-item-detail-properties { margin-top: 11px;} .product-item-detail-properties:before { order:1; content:''; display: block; flex:1; margin: 11px 15px; height: 1px; background: var(--border);} .product-item-detail-properties dt { font-weight: 400;} .product-item-detail-properties dd { order:2; text-align:right; margin:0; font-weight: 600; color:var(--gray-text);} .varations-block { margin-bottom: 1.25rem;} .variations-head { font-size: 15px; line-height: 27px; font-weight: 300; margin-bottom: 0.875rem;} .variations-label { margin-right: 5px;} .variation-tabs { border:none;} .variation-tabs li { margin-right: 1px;} .variation-tabs li .nav-link { font-size: 15px; line-height: 19px; padding: 4px 9px; background: none; color:#000; border-radius: 4px; margin: 0; border:none !important;} .variation-tabs li .nav-link.active, .nav-tabs .nav-item.show .nav-link { background: #eff1f3; color:#000; font-weight: 500;} .variation-tabs li .nav-link:hover { background: #eff1f3; color:#000;} .colors-list { display: flex;} .colors-list .color-item { position:relative; margin: 0 0.625rem 0.625rem 0;} .colors-list .color-label { display: block; border:1px solid var(--border); border-radius: 6px; padding: 9px; position: relative; cursor: pointer;} .colors-list .color-label img { display: block; width:3.75rem; height: 3.75rem;} .colors-list .color-label:hover { border-color:var(--primary);} .colors-list .color-label .variation-label-name { display: block; position: absolute; bottom:4px; font-size: .75rem; left:6px; right:6px; line-height:1rem; font-weight: 400; color:var(--text); background: rgba(255,255,255,0.5); border-radius: 4px; padding: 2px 5px; text-align: center; z-index: 1;} .colors-list .color-label .variation-label-name-color { font-size: .625rem; left:4px; right:4px;} /* news */ .news-item { display: flex; flex-direction: column; height: calc(100% - 1.25rem); margin-bottom: 1.25rem;} .news-item:hover { box-shadow:0 2px 10px rgba(33,35,51,0.15)} .news-item .news-date-time { display: block; font-size: 14px; margin-bottom: 0.75rem; color:var(--gray);} .news-item .news-title { font-size: 17px; font-weight: 600; margin-bottom: 0.75rem;} .news-item .news-excerpt { font-size: 15px; margin-bottom: 1.25rem;} .news-item .item-more { margin-top: auto; font-size: 15px;} .news-item .item-more a { color:var(--primary)} .news-item .item-more a .ico { display: inline-block; vertical-align: top; font-size: 22px;} .news-item .item-more a:hover { color:var(--primary-hover)} .news-filter-bar { display: flex; flex-wrap:wrap; margin-bottom: 0.625rem;} .news-filter-bar .filter-button { display: block; margin: 0 0.625rem 0.625rem 0; font-size: 15px; line-height: 23px; font-weight: 600; color:var(--gray); padding: 10px 15px; background: #fff; border-radius: 15px;} .news-filter-bar .filter-button.active, .news-filter-bar .filter-button:hover { background: var(--primary); color:#fff;} .news-detail .news-date-time { display: block; font-size: 17px; font-weight: 600; color:var(--gray); margin-top: 1.5rem;} .last-news-block { position:sticky; top:1.5rem;} .widget-title { font-size: 17px; font-weight: 600; margin-bottom: 1.5rem;} .last-news-item { border-top:1px solid var(--line); font-size: 14px; padding: 1.25rem 0;} .last-news-item .news-date-time { font-size: 0.75rem; color:var(--gray); margin-bottom: 0.625rem;} .last-news-item:last-child { padding-bottom: 0;} .news-list-wrapper .news-list:last-child, .catalog-section:last-child { margin-bottom: 1.875rem;} /* contacts */ .contact-box { font-size: 1.125rem; line-height: 25px;} .contact-box + .contact-box { padding-top: 1.25rem; margin-top: 1.25rem; border-top:1px solid var(--line);} .contact-box .ico { display: flex; justify-content: center; align-items: center; width: 51px; height: 51px; border-radius: 6px; background:var(--primary-light); font-size: 31px; color:var(--primary); flex-shrink:0; margin-right: 15px;} .contact-box a, .address-item .meta-row a { color:var(--text);} .contact-box a:hover, .address-item .meta-row a:hover { color:var(--primary);} .contacts-buttons { margin-top: 2.5rem;} .contacts-buttons .btn { margin-right: 1rem;} .address-item { margin-bottom: 1.25rem;} .address-item .caption { font-size: 1.25rem; font-weight: 600; margin-bottom: 1.25rem;} .address-item .meta-row { margin-bottom: 0.625rem;} .address-item .meta-row:last-child { margin-bottom: 0;} .address-item .meta-row .ico { font-size: 1.5rem; color:var(--primary); margin-right: 0.625rem;} #contact_map { position: relative; height: 514px; min-height: 100%;} #contact_map iframe { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 6px;} /* form */ .form-group { margin-bottom: 1rem;} .form-label { font-size: 0.875rem; font-weight: 600; color:var(--text); margin: 0;} .form-control { font-size: 1rem; line-height: 1.5rem; padding: calc(1.25rem - 1px); background: var(--gray-bg); color:var(--text); border:1px solid transparent;} .form-control:focus { background: var(--gray-bg); border-color:transparent;} .form-check-label { font-size: 0.875rem;} .form-check-label a { text-decoration: underline;} .form-check-label a:hover { color:var(--primary);} .form-check-input { width: 1.125rem; height: 1.125rem; top:0.125rem; border-radius: 3px; border:1px solid var(--primary);} .form-check-input:checked { background-color:var(--primary); border-color:var(--primary);} .form-check-input:checked[type="checkbox"] { background-image: url(/bitrix/templates/avangard/images/checkbox.svg); background-size:contain;} .cpt-group, [name="cpt"] { display: none !important;} .submit-row { position: relative;} .submit-row:last-child { margin-bottom: 0;} .submit-row .btn { width: 100%;} .submit-row .spinner-border { position: absolute; left:0.75rem; top:1rem;} .submit-row .spinner-border-sm { width: 1.5rem; height: 1.5rem; top:0.6875rem;} .form-policy { font-size: 0.875rem; color:rgba(var(--text-rgb), 0.6); text-align: center; margin: 0.625rem 0 0;} .form-policy a { color:var(--primary); font-weight: 600;} .form-control.error { border-color:red;} label.error { display: block; color:red; font-size: 0.875rem; margin-top: 3px;} /* search */ .search-page { display: none;} #policy_message { display: flex; flex-direction: row; align-items: center; position: fixed; left: 2.5%; bottom: 50px; width: 526px; max-width: 95%; background: #fff; border-radius:6px; box-shadow:0 2px 20px 0 rgba(33, 35, 51, 0.15); z-index: 250; padding: 20px 20px 20px 24px; font-size: 16px; line-height: 20px; font-weight: 400;} #policy_message svg { display: block; width: 32px; height: 32px; margin-right: 16px; flex-shrink: 0;} #policy_message .message-part a { text-decoration: underline;} #policy_message .policy-close { margin-left: 20px; min-width: 60px; padding-left: 10px; padding-right: 10px; text-align: center; text-transform: uppercase;} .subscribe-section { margin: 0 0 3.75rem;} .subscribe-section .bx-subscribe { display: flex; justify-content: space-between; align-items: center; margin: 0;} .subscribe-heading { display: flex; align-items: center;} .subscribe-heading .ico { font-size:54px; color:var(--primary); margin-right: 1.25rem;} .subscribe-heading h2 { font-size: 1.5rem; margin: 0;} .subscribe-section .bx-subscribe .bx-input-group { width: 18.75rem;} .subscribe-section .bx-subscribe .bx-input-group .bx-form-control { margin:0; height: 54px; padding:14px; font-size:1rem; line-height:24px; color:var(--text); background-color: #fff; border: 1px solid var(--border); border-radius:6px;} .subscribe-section .bx-subscribe .bx_subscribe_submit_container { margin-left: 0.625rem;} .subscribe-section .btn-subscribe { text-transform:none; font-size: 1rem; line-height: 24px; height:54px; padding: 14px 30px;} .subscribe-section .btn-subscribe:before { display: none;} /* footer */ .page-footer { background: var(--text); color:#fff; padding:0; font-size: 15px;} .footer-main { padding: 3.75rem 0;} .footer-logo { width: 11.125rem;} .footer-contacts { margin-top: 1.875rem;} .footer-contacts ul { list-style: none; margin: 0; padding: 0;} .footer-contacts p, .footer-contacts ul li { margin-bottom: 0.625rem;} .footer-contacts .btn-feedback { margin-top: 1.25rem; padding: 11px 22px;} .footer-navi { gap:10px;} .footer-navi .menu-title { font-size: 17px; font-weight: 600; margin-bottom: 1.25rem;} .footer-menu { list-style: none; margin: 0; padding: 0;} .footer-menu li+li { margin-top: 0.625rem;} .footer-bottom { border-top:1px solid rgba(255,255,255,0.1); padding: 15px 0; color:rgba(255,255,255,0.5);} .privacy-links { list-style: none; padding: 0; margin: 0; text-align: right;} .privacy-links li { display: inline; margin-left: 3rem;} .privacy-links li a:hover { color:#fff;} .back-to-top { display:none; background: #fff; border-radius: 50%; font-size: 26px; line-height: 26px; padding: 12px; width: 50px; height: 50px; color: var(--text); position: fixed; bottom: 2.5rem; right: 2.5rem; text-align: center; z-index: 1050; cursor:pointer; text-decoration: none;} .back-to-top:hover { box-shadow:0 2px 10px rgba(33,35,51,0.15); color:var(--gray);} /* modal */ .modal-backdrop { background:var(--text);} .modal-backdrop.show { opacity: 0.7;} .modal-dialog { margin-left: auto; margin-right:auto; max-width: calc(100vw - 2rem);} .modal-content { border:none; border-radius:0.25rem;} .modal-body { padding:2.5rem;} .modal-title { font-size: 1.25rem; font-weight:600; text-align: center; margin: 0 0 1.875rem;} .modal-close { display: block; position: absolute; top:0.5rem; right:0.5rem; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center; font-size: 1.25rem; color:#ABB4BB; cursor: pointer;} .modal-close:hover { color:var(--primary);} @media screen and (min-width: 576px) { .modal-callback .modal-dialog { max-width: 420px;} } @media screen and (min-width:768px) { .modal .modal-dialog { max-width: 640px;} .modal-callback .modal-dialog { max-width: 420px;} } .modal-contact .form-group { margin-bottom: 1.25rem;} .modal-contact .form-group.submit-row { margin-bottom: 0;} .modal-success .modal-dialog { max-width: 320px;} .modal-success .modal-body { text-align: center;} .modal-success .modal-title { margin-bottom: 1.25rem;} .modal-success .title-check { display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 7.5rem; font-size:2.75rem; border-radius: 50%; color:var(--primary); border:1px solid var(--primary); margin: 0 auto 2.5rem;} .modal-success .modal-body > :last-child { margin-bottom: 0;} .fancybox-container .fancybox-bg { background: #fff;} .fancybox-container.fancybox-is-open .fancybox-bg { opacity: 1;} .fancybox-slide--image .fancybox-content { background: #fff;} .fancybox-navigation .fancybox-button { background: none;} .fancybox-navigation .fancybox-button>div { padding: 3px;} .fancybox-navigation .fancybox-button>div:before { content:'\e90a'; font-family: 'icomoon'; font-size: 2rem; line-height: 2rem; color:var(--text);} .fancybox-navigation .fancybox-button svg { display: none;} .fancybox-navigation .fancybox-button--arrow_left>div { transform:rotate(-180deg);} .fancybox-toolbar .fancybox-button { background: rgba(255,255,255,0.1);} .fancybox-toolbar .fancybox-button, .fancybox-toolbar .fancybox-button:link, .fancybox-toolbar .fancybox-button:visited { color:var(--text);} .fancybox-toolbar .fancybox-button:hover, .fancybox-navigation .fancybox-button:hover>div:before { color:var(--primary);} [data-fancybox] { position: relative; display: block;} [data-fancybox]:before { content:''; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); opacity: 0; border-radius: 6px; z-index: 1; transition:all 0.3s ease;} [data-fancybox]:after { content:"\e90d"; font-family: 'icomoon'; display:block; background: rgba(216,49,70,0.75); position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius: 12px; font-size: 1.75rem; line-height: 1.75rem; width: 3.5rem; height: 3.5rem; padding:0.875rem; color:#fff; text-align: center; opacity: 0; z-index: 2; transition:all 0.3s ease;} [data-fancybox]:hover:before, [data-fancybox]:hover:after { opacity: 1;} @media screen and (min-width: 992px){ .header-menu { margin-top: 1rem;} .main-menu li { position: relative; padding-bottom:0.25rem; margin-bottom: -0.25rem;} .main-menu>li { margin-right: 1.25rem;} .main-menu li a { display: block; font-size: 15px; padding:0; color:var(--text);} .main-menu li a img { display: none;} .main-menu li.parent>a .menu-arrow { display: inline-block; transform:rotate(90deg)} .main-menu li.parent>a .ico-chevron { font-size: 17px; line-height: 17px;} .main-menu li.selected>a, .main-menu li a:hover { color:var(--primary);} .main-menu li .sub-menu { display: none; list-style: none; position: absolute; left:0; top:100%; background: #fff; line-height: 1.3125rem; border-radius:6px; padding:0.75rem 1rem; box-shadow:0 2px 20px 0 rgba(33, 35, 51, 0.15);} .main-menu li:hover>.sub-menu { display: block;} .main-menu li .sub-menu .sub-menu { left:100%; top:0; border-radius: 0 0 6px 0;} .main-menu .sub-menu li+li { margin-top: 10px;} .header-search { display: block !important;} .header-search .container { padding: 0;} .top-slider .jcarousel-pagination { position: absolute; z-index: 30; bottom:1.25rem; left:50%; transform:translateX(-50%); margin: 0;} .top-slider .jcarousel-pagination span { position: relative; width: 1rem; height: 1rem; margin: 0 5px; padding: 0;} .top-slider .jcarousel-pagination span:before { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 10px; height: 10px; background: #fff; border-radius:50%;} .top-slider .jcarousel-pagination span.active:before, .top-slider .jcarousel-pagination span:hover:before { background: #fff; width:1rem; height: 1rem;} .home-news-section { margin-bottom: 2.875rem;} .home-news-carousel .jcarousel { overflow: visible;} .home-news-carousel .jcarousel>ul { flex-wrap:wrap; width: auto; margin-left: -0.625rem; margin-right: -0.625rem; left:auto !important; top:auto !important;} .home-news-carousel .jcarousel>ul>li { width: 33.33%; flex:0 0 auto; padding: 0 0.625rem;} .photos-triple .col-lg-4 .photo-item { padding: 0; height: calc(50% - 1.25rem);} } @media screen and (min-width: 1200px) and (max-width: 1400px) { .main-menu>li { margin-right: 0.75rem;} .main-menu li a { font-size: 14px;} } @media screen and (min-width: 1200px) { .header-menu { margin-top: 1.25rem;} } @media screen and (max-width: 1576px) { .standard-carousel { padding-left: 3rem; padding-right: 3rem;} .standard-carousel .jcarousel-prev { left:0;} .standard-carousel .jcarousel-next { right:0;} } @media screen and (max-width: 1199px) { h1 { font-size: 2rem;} .slide-item { height: 400px;} .slide-item .slide-title { font-size: 2.75rem; line-height: 3.25rem;} .offer-item { border-radius: 10px;} .offer-item .offer-thumb { padding-bottom: 66.67%;} .offer-item .offer-entry { padding: 20px;} .offer-item .offer-entry .caption { font-size:1rem;} .offer-item .offer-period { font-size: 14px;} } @media screen and (max-width: 991px) { body.mobile-overflow { overflow: hidden;} #wrapper { padding-top: 3.125rem;} #content-wrapper { padding-top: 0.75rem;} #header { position: fixed; top:0; left:0; width: 100%; z-index: 200;} #bx-panel { position: fixed !important; left:0; top:0; width: 100% !important;} #bx-panel ~ #wrapper { padding-top: calc(3.125rem + 147px);} #bx-panel ~ #wrapper #header { top:147px;} #bx-panel.bx-panel-folded ~ #wrapper { padding-top: calc(3.125rem + 39px);} #bx-panel.bx-panel-folded ~ #wrapper #header { top:39px;} .page-header { box-shadow: 0 0 15px rgba(0,0,0,0.15);} .page-header>.container { height: 3.125rem;} .header-logo { width: 10.75rem;} .header-right { width: auto;} .header-right .header-menu { display: none;} .catalog-toggler { order:1; width: 2.375rem; height: 2.375rem; padding: 0; margin-left: 1.25rem;} .catalog-toggler .ico { font-size: 1.75rem; margin: 0;} .header-wishlist { width:1.5rem; height:1.5rem; margin-left: 1.25rem; color: var(--gray-text); background:none; border-radius:0; border:none; text-align: center; padding: 0;} .header-wishlist .ico { font-size: 1.5rem;} .header-wishlist .wishlist-count { display: block; position: absolute; top:0; right:-2px; min-width: 9px; width: 9px; height: 9px; font-size:0; line-height:0; border-radius: 50%; margin:0; border:1px solid #fff;} #navi { position: fixed; flex-direction: column; min-height: 1px; height: auto !important; max-height: calc(100vh - 3.125rem); width: 100%; top:3.125rem; bottom:0; left:0; overflow: hidden; transition: height 0.3s ease; z-index: 200; padding-bottom: 84px;} #bx-panel ~ #wrapper #navi { top:calc(3.125rem + 147px);} #bx-panel.bx-panel-folded ~ #wrapper #navi { top: calc(3.125rem + 39px);} .navi-buttons { background: var(--gray-bg); border-top:1px solid var(--line); padding: 15px; gap:10px; margin-top: auto; position: fixed; bottom:0; left:0; width: 100%;} .navi-buttons .btn-callback { font-size: 14px; line-height: 21px; padding: 15px; width: 10rem; max-width: calc(50% - 5px); white-space: nowrap;} .navi-buttons .btn-phone { display: flex; justify-content: center; text-align: center; background: #fff; border-radius: 6px; border:1px solid var(--border); color:var(--text); font-size: 14px; line-height: 21px; font-weight: 600; padding: 15px; width: 10rem; max-width: calc(50% - 5px);} .navi-buttons .btn-phone .ico { color:var(--primary); font-size: 21px; line-height: 21px; margin-right: 10px;} .navi-inner { overflow: auto; flex:1;} .catalog-menu-wrapper { position: relative; height: auto; padding:0;} .catalog-menu-wrapper .menu-left { width: 100%; border:none; padding: 1.875rem 0;} .catalog-menu-wrapper .menu-child { width: 100%;} .catalog-menu-wrapper .menu-title { font-size: 1.5rem; margin-bottom: 1.25rem;} .catalog-menu-wrapper .catalog-menu, .catalog-menu-wrapper .menu-child-menu, .catalog-menu-wrapper .sub-menu-list { border-top:1px solid var(--line);} .catalog-menu-wrapper .header-menu .catalog-menu { border-top:none;} .catalog-menu-wrapper .catalog-menu>li, .catalog-menu-wrapper .menu-child-menu>li, .catalog-menu-wrapper .sub-menu-list>li { border-bottom:1px solid var(--line);} .catalog-menu-wrapper .catalog-menu li a, .catalog-menu-wrapper .menu-child-menu li a { display: flex; align-items: center; padding: 15px 0; font-weight: 400; border-radius: 0;} .catalog-menu-wrapper .catalog-menu li a img, .catalog-menu-wrapper .catalog-menu li a svg, .catalog-menu-wrapper .menu-child-menu li a img, .catalog-menu-wrapper .menu-child-menu li a svg { display: block; width:1.625rem; height: 1.625rem; margin-right: 0.75rem;} .catalog-menu-wrapper .catalog-menu li a .menu-arrow, .catalog-menu-wrapper .menu-child-menu li a .menu-arrow { margin-right: 0; line-height: 22px; padding: 2px; height: 26px;} .catalog-menu-wrapper .menu-child-menu li.parent>a>.menu-arrow { display: block;} .catalog-menu-wrapper .catalog-menu li a .ico-chevron, .catalog-menu-wrapper .menu-child-menu li a .ico-chevron { font-size:1.375rem;} .catalog-menu-wrapper .catalog-menu li a svg path, .catalog-menu-wrapper .menu-child-menu li a svg path { fill:var(--primary);} .catalog-menu-wrapper .header-menu .catalog-menu li a svg path { fill:var(--gray-text);} .catalog-menu-wrapper .menu-child-container { padding:1rem 0 1.875rem;} .catalog-menu-wrapper.opened .menu-left { display: none;} .catalog-menu-wrapper.opened .menu-child-container.show { display: block;} .catalog-menu-wrapper .menu-crumbs { display: flex; align-items: center; flex-wrap:wrap; font-size: 0.75rem; line-height: 1.125rem; color:var(--gray); margin-bottom: 1.25rem;} .catalog-menu-wrapper .menu-crumbs .crumb-item { margin-right: 7px;} .catalog-menu-wrapper .menu-crumbs .sep { display: block; width: 14px; height: 1px; background: var(--gray); margin-right: 7px;} .catalog-menu-wrapper .menu-child-menu { columns:1; column-gap:0;} .catalog-menu-wrapper .menu-child-menu>li { margin: 0;} .catalog-menu-wrapper .catalog-menu li .sub-menu, .catalog-menu-wrapper .menu-child-menu li .sub-menu { display: none; position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: auto; background: #fff; padding:1rem 0 1.875rem; z-index: 1;} .catalog-menu-wrapper .catalog-menu li.opened>.sub-menu, .catalog-menu-wrapper .menu-child-menu li.opened>.sub-menu { display: block;} .header-search { position:absolute; top:100%; left:0; width: 100%; margin:0; background: #fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding: 15px 0; z-index: 210;} .header-search .container { padding: 0 1rem;} .search-results-block { margin-top: 0.875rem;} .bx-breadcrumb { margin: 0 0 5px;} .bx-breadcrumb .bx-breadcrumb-item { margin-bottom:5px; margin-right: 0.625rem; font-size: 12px; line-height: 18px;} .bx-breadcrumb .bx-breadcrumb-item span { font-size: 12px;} .bx-breadcrumb i { color:var(--gray); font-size: 13px; line-height: 18px; margin-right:.375rem;} p, .entry-content p { margin-bottom: 1.625rem;} .white-block { padding:1.75rem 1.5rem; border-radius: 10px; margin-bottom:2.5rem;} .white-box { padding: 15px; border-radius: 10px;} .standard-carousel { padding-left: 0; padding-right: 0;} .standard-carousel .jcarousel { margin-left: -0.3125rem; margin-right: -0.3125rem;} .standard-carousel .jcarousel>ul>li { padding:0.3125rem;} .standard-carousel .jcarousel-prev, .standard-carousel .jcarousel-next { display: none;} .offers-carousel .jcarousel { overflow: visible;} .offer-item { width: 18.75rem;} .offer-item .offer-entry .caption { font-size:1.125rem;} .bx_sitemap { margin-bottom: 1rem;} .bx_sitemap_ul { padding-bottom: 0.25rem; flex-wrap:nowrap; overflow: auto;} .bx_sitemap .bx_sitemap_ul .bx_sitemap_li_title { margin-bottom: 0;} .product-item { border-radius: 10px; padding:15px;} .product-item-image-wrapper { margin-bottom:15px; padding-top: 100%;} .product-item .product-item-sku { font-size:12px; margin-bottom:5px;} .product-item .product-item-title a { font-size:14px;} .pagenavi { border-radius: 10px; margin-bottom: 1.75rem;} .pagenavi-list { display: flex; overflow: auto; padding-bottom: 7px; margin-bottom: 8px;} .pagenavi-list > :last-child { margin-right: 0;} .pagenavi-list>a, .pagenavi-list>span { background: var(--gray-bg); border:1px solid transparent; padding-top:calc(1.25rem - 1px); padding-bottom:calc(1.25rem - 1px);} .pagenavi-list>span.current { background: #fff; border-color:var(--primary);} .pagenavi>.btn { width: 100%; flex-shrink:0;} .product-item-detail-slider-container { max-width: none; margin-left: -1rem; margin-right: -1rem; border-bottom:1px solid var(--line); padding: 0 3rem 1rem; margin-bottom: 1.5rem;} .product-item-detail-slider-left, .product-item-detail-slider-right { display: none;} .product-item-detail-slider-controls-image { display: block; width:28px; height:10px; padding:4px; border:none;} .product-item-detail-slider-controls-image img { display: none;} .product-item-detail-slider-controls-image:before { content:''; display: block; width: 20px; height:2px; border-radius:2px; background:var(--border);} .product-item-detail-slider-controls-image.active:before, .product-item-detail-slider-controls-image:hover:before { background:var(--primary);} .news-item { padding: 20px;} .news-item .news-date-time { font-size: 12px; margin-bottom: 10px;} .news-item .news-title { font-size: 1rem; margin-bottom: 10px;} .news-item .news-excerpt { font-size: 14px; margin-bottom: 15px;} .news-item .item-more { font-size: 14px;} .news-item .item-more a .ico { font-size: 21px;} .home-news-carousel .jcarousel { overflow: visible; margin-left: -0.3125rem; margin-right: -0.3125rem;} .home-news-carousel .jcarousel>ul>li { padding:0 0.3125rem;} .home-news-carousel .news-item { width: 18.75rem; height: 100%; margin-bottom: 0;} .news-filter-bar { flex-wrap: nowrap; overflow: auto; padding-bottom: 5px;} .news-filter-bar .filter-button { margin-bottom: 0; font-size: 0.75rem; line-height: 18px; padding: 5px 10px; border-radius: 10px;} .news-filter-bar .filter-button:last-child { margin-right: 0;} .contacts-page { margin-bottom: 1.875rem;} #contact_map { height: 300px;} .subscribe-section { margin-bottom:2.75rem;} .subscribe-section .bx-subscribe { display: block; padding: 2.5rem 1.5rem;} .subscribe-heading .ico { display: none;} .subscribe-heading h2 { font-size: 1.125rem; margin-bottom: 1.25rem;} .page-footer { text-align: center; font-size: 14px;} .footer-main { padding: 2.5rem 0;} .footer-logo { margin: 0 auto;} .footer-contacts { margin-top: 2.5rem;} .footer-contacts p, .footer-contacts ul li { margin-bottom: 15px;} .footer-contacts .btn-feedback { margin-top: 15px; padding: 13px 26px;} .footer-navi { text-align: left; margin-top: 2.5rem;} .footer-navi .menu-title { font-size: 16px;} .footer-menu li+li { margin-top: 15px;} .footer-bottom { padding: 2.5rem 0; border-top:1px solid #1f1f1f;} .privacy-links { text-align: center; margin-top: 1.25rem;} .privacy-links li { display: inline; margin:0 1.25rem;} .privacy-links li a { text-decoration: underline;} .back-to-top { font-size: 24px; line-height: 24px; padding: 8px; width: 40px; height:40px; bottom: 1rem; right: 1rem;} } @media screen and (max-width: 767px) { body { font-size: 14px;} h1, h2, h3, h4, h5, h6 { margin-bottom:1.5rem;} h1 { font-size: 1.5rem;} h2 { font-size:1.25rem;} h3 { font-size: 1.125rem;} h4 { font-size: 1.0625rem;} h5 { font-size: 1rem;} .section { margin-bottom: 2.5rem;} .section-head { margin-bottom: 1.25rem;} .section-head .head-link { display: inline-block; margin-top: 5px; font-size: 14px;} .section-head .head-link .ico { font-size: 21px;} .toc-title { font-size: 16px;} .toc-navi ol li { padding-left:2rem;} .toc-navi ol li:before { width: 1.25rem;} .entry-content img[align="left"], .entry-content img[align="right"], .entry-content img[align="middle"] { float:none; display: block; margin: 0 auto 1.5rem;} .entry-content ul li, .entry-content ol li { padding-left: 1.125rem; margin-bottom:0.625rem;} .entry-content ul li:before { top:8px;} .entry-content ol li { padding-left: 30px;} .entry-content > :last-child { margin-bottom: 0;} .entry-content .page-title { margin-bottom: 1.5rem;} .white-block { padding:1.75rem 1rem;} .top-slider { margin-bottom: 1.75rem;} .slide-item { min-height:430px;} .slide-item .slide-content { display: block; padding: 2.5rem 0;} .slide-item .slide-title { font-size:1.875rem; line-height: 2.5rem;} .slide-item .slide-content .btn { margin-top: 1.5rem;} .section-list { margin-bottom: 1.875rem;} .achievement-item { height: calc(100% - 0.625rem); margin-bottom:0.625rem;} .achievement-item .icon { border-radius: 7px; width: 50px; height: 50px; padding: 8px; margin-right: 1rem;} .achievement-item .icon img { width: 34px; height: 34px;} .achievement-item .caption { font-size: 1.75rem; line-height:1.75rem;} .achievement-item .achievement-text { margin-top:10px;} .home-cat-item { text-align: center; height: calc(100% - 0.625rem); margin-bottom: 0.625rem;} .home-cat-item .item-title { display: block;} .home-cat-item .thumb-wrapper { margin:0 auto 0.75rem;} .category-title { margin-bottom: 1.5rem;} .bx_sitemap { margin-bottom: 0.75rem;} .bx_sitemap .bx_sitemap_li_title a { padding: 5px 10px; font-size: 12px; line-height: 18px; border-radius: 10px;} .catalog-section, .news-list { margin-bottom: 0.75rem;} .product-item-container { margin-bottom: 0.625rem; height: calc(100% - 0.625rem);} .pagenavi { padding: 1.25rem 1rem; border-radius: 10px;} .pagenavi-list>a, .pagenavi-list>span { font-size: 14px; line-height: 21px; padding:9px 5px; width:41px; height:41px;} .product-item-detail-slider-container { padding: 0 1rem 1rem;} .product-item-detail-slider-container .madeinrus-badge { top:1.25rem; right:1.875rem;} .product-single-title { margin-bottom: 1rem;} .product-meta-bar, .product-meta-bar .product-sku, .product-meta-bar .product-single-wishlist { margin-bottom: 0.75rem;} .product-meta-bar .wishlist-link .ico { font-size:21px; line-height:21px;} .product-item-detail-tabs-container { margin-top: 2.25rem;} .product-item-detail-tabs-container, .product-item-detail-tab { min-height: 36px;} .product-item-detail-tab + .product-item-detail-tab { margin-left: 1.875rem;} .product-item-detail-tab-link { padding:0 0 14px; height: 35px; font-size:14px; line-height: 21px;} .product-item-detail-tab-link .ico { font-size: 21px;} .product-item-detail-tab-content { padding-top:1.25rem;} .product-item-detail-properties { font-size: 14px;} .varations-block { margin-bottom: 1rem;} .news-item { height: auto; margin-bottom: 0.625rem;} .contact-box { font-size: 1rem; line-height: 21px;} .contact-box + .contact-box { padding-top: 1rem; margin-top: 1rem;} .contact-box .ico { width: 42px; height: 42px; font-size: 1.75rem;} .contacts-buttons { margin-top: 1.5rem;} .contacts-buttons .btn { width: 100%; margin-right: 0;} .address-item { margin-bottom: 0.625rem;} .address-item .caption { font-size: 1.125rem;} .address-item .meta-row .ico { font-size: 21px;} .form-control { font-size: 14px; line-height: 1.5; padding: 14px; min-height:51px;} .btn { font-size: 14px; line-height:21px; padding: 14px 24px;} .btn .ico { font-size: 21px;} .subscribe-section .bx-subscribe .bx-input-group { width:100%; margin-bottom: 0.625rem;} .subscribe-section .bx-subscribe .bx-input-group .bx-form-control { height: 51px; font-size:14px; line-height:21px;} .subscribe-section .bx-subscribe .bx_subscribe_submit_container { margin-left:0;} .subscribe-section .btn-subscribe { width: 100%; font-size: 14px; line-height: 21px; height:51px; padding: 14px 30px;} #policy_message { bottom:25px;} .footer-navi { text-align: center;} .privacy-links li { display: block;} .privacy-links li+li { margin-top: 0.625rem;} } @media screen and (max-width: 575px) { .white-block, .pagenavi { margin-left: -1rem; margin-right: -1rem; border-radius:0;} .product-item-detail-slider-container .madeinrus-badge { width: 5rem; height: 3.625rem;} .slide-item { height: auto; padding-bottom: 120%;} .slide-item .slide-mobile { display: block;} .slide-item .slide-mobile + .slide-desktop { display: none;} .product-item-detail-properties { display: flex; flex-direction: column; font-size:14px;} .product-item-detail-properties + .product-item-detail-properties { margin-top: 10px; padding-top: 10px; border-top:1px solid var(--line);} .product-item-detail-properties:before { display: none;} .product-item-detail-properties dd { text-align:left; font-weight: 400; color:var(--text); margin-top: 5px;} /*.colors-list .color-label { padding: 5px;} .colors-list .color-label img { width:48px; height: 48px;} .colors-list .color-label .variation-label-name { bottom:3px; left:3px; right:3px; font-size: 0.675rem; line-height:0.75rem;}*/ .contact-white-block { padding-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #contact_map { margin-left: -1rem; margin-right: -1rem;} #contact_map iframe { border-radius: 0;} .subscribe-section { margin-bottom:0;} .subscribe-section .bx-subscribe { margin-left: -1rem; margin-right: -1rem; border-radius: 0; padding: 2.5rem 1rem;} } @media screen and (max-width: 479px) { .page-header>.container { flex-wrap:nowrap;} .gray-list { margin-left: -10px; margin-right: -10px;} .gray-list .gray-item { width: calc(50% - 20px); margin: 0 10px 20px;} .footer-contacts .btn-feedback { width: 100%;} .modal-body { padding-left: 1.25rem; padding-right: 1.25rem;} } /* End */ /* /bitrix/templates/avangard/css/jquery.fancybox.min.css?174710469112795 */ /* /bitrix/templates/avangard/css/animate.css?174710469157114 */ /* /bitrix/templates/avangard/styles.css?175190216262706 */