/* Start:/local/templates/aspro_next_new/css/animation/animate.min.css?176336760552789*/
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-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}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-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}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-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;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;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%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */
/* Start:/local/templates/aspro_next_new/components/bitrix/news.detail/news/style.css?17633676076248*/
i.fa.fa-angle-right {
padding: 0 .5rem 0 0;
}
.oneitemnews .counter_wrapp .button_block.wide {
justify-content: center;
padding: 15px 0px 0px 0px;
}
.oneitemnews .sa_block{
display: none;
}
.oneitemnews .catalog_block.items {
justify-content: center;
}
.prlist__imgas img{
max-height: 350px !important;
}
.prlist__name {
font-size: 18px;
padding: 15px 0px 5px 2px;
font-weight: bold;
color: #ad123d;
}
.prlist__title{
text-align: center;
padding: 15px 10px 5px 10px;
}
.prlist__title h3{
margin: 0px;
color: #ad123d;
font-size: 16px;
line-height: 18px;
font-weight: 300 !important;
}
.prlist__title h3 > span{
display: block;
}
._alingitem-center{
align-items: center;
}
._bord-radius{
border-radius: 8px;
border: 1px solid #eee;
transition: border ease .3s,background ease .3s;
}
.shadow-hovered._bord-radius {
transition: box-shadow ease .3s,background ease .3s, border ease .3s;
}
.shadow-hovered._bord-radius:hover {
box-shadow: 0 5px 30px rgb(34 34 34 / 10%);
z-index: 1;
border: #fff 1px solid;
}
.grid-list__item._bord-radius {
position: relative;
}
.grid-list__item._bord-radius:not(.grid-list__item._bord-radius.link-img) a {
position: absolute;
top: 0;
right: 0;
z-index: 10;
height: 100%;
width: 100%;
}
.prlist__text{
padding: 15px 0px 15px 0px;
}
.grid-items-1{
grid-template-columns: 0.3fr;
justify-content: center;
}
.newsitem__imginf{
padding: 30px 0px;
}
.imginf__item{
position: relative;
display: flex;
align-items: center;
flex-direction: column;
transition: all .2s ease-in,transform .2s ease-in;
}
.info-prlist__link{
padding: 0px 15px 15px 15px;
text-align: center;
font-size: 14px;
line-height: 18px;
}
.info-prlist__link a{
color: #000;
}
.info-prlist__link a:hover{
color: #ad123d;
}
@media(max-width:815px){
.grid-items-1 {
grid-template-columns: 1fr;
justify-content: center;
}
}
.rlist {
}
.rlist__body,
.rlist__imgas,
.rlist__info{
border-radius: 8px;
}
.rlist__body:hover{
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
-webkit-transform: translateY(-23px);
transform: translateY(-23px);
background-color: #fff;
z-index: 1;
border: rgb(0 0 0 / 1%) 1px solid;
margin-top: -1px;
}
.rlist__body {
background-color: #eee;
padding: 15px;
transition: transform ease .3s,box-shadow ease .3s,background-color ease 0.6s;
}
.rlist__item {
display: flex;
flex-direction: row;
flex: 0 1 auto;
}
.rlist__imgas {
max-width: 100%;
width: 300px;
padding: 10px;
background-color: #fff;
flex: 30%;
}
.rlist__info {
flex: 70%;
margin: 0px 0px 0px 10px;
}
.info-rlist {
padding: 10px 11px 10px 10px;
background-color: #fff;
}
.info-rlist__text {
line-height: 18px;
margin: 0px 0px 22px 0px;
color: #000;
}
.info-rlist__btn {
}
.rlist h3{
transition: color ease 0.6s;
}
.rlist:hover h3{
color: #ad123d;
}
.content__more{
text-align: center;
padding: 30px 0px 0px 0px;
}
.content__rkm{
text-align: right;
font-size: 9px;
color: #cbcbcb;
}
@media (max-width:610px){
.rlist__item{
flex-direction: column;
}
.rlist__imgas{
width: unset;
}
.rlist__info{
margin: 10px 0px 0px 0px;
}
}
.prlist__imgas {
padding: 15px;
overflow: hidden;
}
.prlist__imgas img{
}
.prlist__info {
}
.info-prlist {
display: flex;
flex-direction: row;
justify-content: center;
}
.info-prlist__text {
padding: 0px 0px 15px 0px;
}
._dispflex--space-between{
display: flex;
flex-direction: column;
}
.prlist__more{
display: flex;
justify-content: center;
padding: 30px 0px 20px;
}
._edge-detail h2{
color: #ad123d;
}
._edge-detail .item-tematika{
justify-content: space-around;
}
._edge-detail .item-tematika__block a {
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
}
._edge-detail .item-tematika__block{
position: relative;
padding: 38px 30px 10px 30px;
}
._edge-detail .item-tematika__text a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
._edge-detail .item-tematika__text{
font-size: 14px;
}
._edge-detail .tematika{
margin-bottom: 40px;
}
/*### SLAIDER ###*/
.slick-list{
overflow: hidden;
}
.slick-track{
display: flex;
align-items: flex-start;
}
.slider {
position: relative;
padding: 30px 50px;
}
.slider ul li::before{
content:none;
}
.slider .slick-arrow{
position: absolute;
top: 50%;
margin: -60px 0px 0px 0px;
z-index: 10;
font-size: 0;
width: 30px;
height: 40px;
border: 0;
}
.slider .slick-arrow.slick-prev {
left: 0;
background: url(https://gk-gorchakov.ru/local/templates/aspro_next_custom/css/../images/arrows.png) 0px 0px no-repeat;
background-position: 15px -95px
}
.slider .slick-arrow.slick-next {
right: 0;
background: url(https://gk-gorchakov.ru/local/templates/aspro_next_custom/css/../images/arrows.png) 0px 0px no-repeat;
background-position: -19px -95px;
}
.slider .slick-arrow.slick-disabled{
opacity: 0.2;
}
.slider__item {
}
/* Точки (булиты) */
.slider .slick-dots{
display: flex;
align-items: center;
justify-content: center;
}
.slider .slick-dots li{
list-style: none;
}
.slider .slick-dots li button{
font-size: 0;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
}
/* Активная точка */
.slider .slick-dots li.slick-active button{
background-color: #000;
border: 2px solid transparent;
}
.ac-time {
text-decoration: underline;
text-decoration-thickness: 9px;
text-decoration-color: #ffd700;
text-underline-offset: -5px;
text-decoration-skip-ink: none;
}
/* End */
/* Start:/local/templates/aspro_next_new/components/bitrix/catalog.section/catalog_block/style.css?178049826357614*/
@import url("/local/templates/aspro_next_new/components/bitrix/catalog.section/catalog_block/section_card.css");
.image-list-wrapper {
position: relative;
display: inline-block;
}
.image-list {
text-align: center;
}
@media (max-width: 991px) {
.main-catalog-wrapper > .left_block {
display: none !important;
}
}
.sale50 {
background: #eb2027;
margin: 13px 0;
color: #fff;
}
.sale50__item {
padding: 5px 10px;
display: flex;
justify-content: center;
text-align: center;
}
.stickers {
position: relative;
}
.stickers .sticker_action:before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background: url("/images/svg/svg_sale_r.svg") no-repeat;
top: -15px;
left: -8px
}
.image-list-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.5s ease; /* Плавный переход */
}
.image-list-wrapper img {
z-index: 3;
opacity: 1; /* �значально картинка видима */
}
.image-list-wrapper video {
z-index: 1;
opacity: 0; /* �значально видео скрыто */
}
.sort_header {
display: grid;
grid-template-columns: auto 1fr;
}
.adaptive_filter {
margin-bottom: 10px;
}
.grid-items-cat .buytomp__item img {
max-width: 100%;
max-height: 100%;
}
@media (min-width: 991px) {
.sort_header {
grid-template-columns: auto auto 1fr;
}
}
.sort-roll__item.selected {
cursor: unset;
}
.sort-roll {
margin: 0;
}
@media (min-width: 960px) {
.sort-roll {
margin: 0 3rem 0 0;
}
}
.sort-roll__items {
display: flex;
background-color: #f4f4f4;
border: 2px solid #f4f4f4;
border-radius: 8px;
}
.sort-roll__item {
display: flex;
align-items: center;
padding: 2px 10px 2px 10px;
height: 30px;
cursor: pointer;
transition: background-color .3s ease 0s;
}
.sort-roll__item img {
width: 20px;
}
.sort-roll__item.selected {
background-color: #fff;
border-radius: calc(8px - 2px);
}
.catalog-controls button.selected {
background-color: #00a7df;
}
.element-count-wrapper {
font-size: 1rem;
}
.page-top-main .element-count {
border: 1px solid rgba(153, 153, 153, 0.35);
padding: 2px 4px 1px;
position: relative;
top: -2px;
margin-left: 8px;
}
.element-count-wrapper .element-count {
padding: 2px 6px 3px;
vertical-align: bottom;
}
.font_xs {
font-size: 0.867em;
line-height: 1.692em;
}
.rounded3 {
border-radius: 3px;
}
.page-top-main .muted {
color: #999;
text-decoration: none;
}
.image-list {
width: 100%;
position: relative;
}
.grid-items-cat {
display: grid;
gap: .5rem;
}
.catalog-block__grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.57rem;
}
.catalog-block__grid-list {
display: grid;
/*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
grid-template-columns: repeat(5, 1fr);
gap: 1.57rem;
}
/**/
.catalog-block__grid-list-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.57rem;
}
.catalog-block__grid-list-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.57rem;
}
.grid-items-5 {
grid-template-columns: 1fr;
}
.grid-items-2 {
grid-template-columns: 1fr;
}
@media (min-width: 281px) {
.grid-items-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 520px) {
.grid-items-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 331px) {
.grid-items-5 {
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
}
@media(min-width:768px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid-items-5 {
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
}
@media (min-width: 992px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1100px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1200px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1300px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1400px) {
.grid-items-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.news-products-carousel {
position: relative;
}
.news-products-carousel--sidebar {
--news-carousel-gap: 18px;
--news-carousel-peek: 42px;
--news-carousel-fade: 34px;
}
.news-products-carousel--theme {
--news-carousel-gap: 20px;
--news-carousel-peek: 56px;
--news-carousel-fade: 40px;
--news-theme-card-width: 292px;
}
.news-products-carousel__viewport {
position: relative;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-behavior: smooth;
-webkit-mask-image: linear-gradient(
90deg,
transparent 0,
#000 var(--news-carousel-fade),
#000 calc(100% - var(--news-carousel-fade)),
transparent 100%
);
mask-image: linear-gradient(
90deg,
transparent 0,
#000 var(--news-carousel-fade),
#000 calc(100% - var(--news-carousel-fade)),
transparent 100%
);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.news-products-carousel__viewport::-webkit-scrollbar {
display: none;
}
.news-products-carousel__viewport::before,
.news-products-carousel__viewport::after {
display: none;
}
.news-products-carousel__track {
grid-template-columns: none !important;
grid-auto-flow: column;
gap: var(--news-carousel-gap);
scroll-snap-type: x mandatory;
}
.news-products-carousel--sidebar .news-products-carousel__track {
grid-auto-columns: calc((100% - var(--news-carousel-peek) - (var(--news-carousel-gap) * 2)) / 2);
}
.news-products-carousel--theme .news-products-carousel__track {
grid-auto-columns: min(var(--news-theme-card-width), calc(100% - var(--news-carousel-peek) - var(--news-carousel-gap)));
}
.news-products-carousel__track .catalog-block__item {
scroll-snap-align: start;
}
@media (max-width: 1199px) {
.news-products-carousel--theme {
--news-theme-card-width: 276px;
}
.news-products-carousel--theme .news-products-carousel__track {
grid-auto-columns: min(var(--news-theme-card-width), calc(100% - var(--news-carousel-peek) - var(--news-carousel-gap)));
}
}
@media (max-width: 991px) {
.news-products-carousel--theme {
--news-carousel-gap: 18px;
--news-carousel-peek: 48px;
--news-carousel-fade: 30px;
--news-theme-card-width: 244px;
}
.news-products-carousel--theme .news-products-carousel__track {
grid-auto-columns: min(var(--news-theme-card-width), calc(100% - var(--news-carousel-peek) - var(--news-carousel-gap)));
}
}
@media (max-width: 767px) {
.news-products-carousel--sidebar {
--news-carousel-gap: 14px;
--news-carousel-peek: 38px;
--news-carousel-fade: 24px;
}
.news-products-carousel--theme {
--news-carousel-gap: 14px;
--news-carousel-peek: 38px;
--news-carousel-fade: 24px;
}
.news-products-carousel--sidebar .news-products-carousel__track,
.news-products-carousel--theme .news-products-carousel__track {
grid-auto-columns: calc(100% - var(--news-carousel-peek) - var(--news-carousel-gap));
}
}
/**/
.grid-list__item {
min-width: 0;
position: relative;
grid-row: span 5;
display: grid;
grid-gap: 1rem;
}
.catalog-block__item {
border: 1px solid #ededed;
border-radius: 8px;
padding: 1rem 0.1rem;
}
.catalog-block__item.sale-card {
border: 1px solid #eb2027;
}
.catalog-block__item .like_icons span {
visibility: visible;
opacity: 1;
}
.catalog-block__item .like_icons {
position: absolute;
top: 10px;
right: 10px;
z-index: 53;
display: flex;
flex-direction: column;
gap: 6px;
}
@media (min-width: 661px) {
.catalog-block__item {
padding: 1rem .5rem;
}
}
.shadow-no-border-hovered {
transition: box-shadow ease .3s, border ease .3s, background ease .3s;
}
.shadow-no-border-hovered:hover {
border-color: #fff;
background-color: #fff;
}
.shadow-hovered {
transition: box-shadow ease .3s, background ease .3s,
border ease .3s;
}
.catalog-block__item.shadow-hovered:hover {
/*box-shadow: 0 5px 30px rgba(34,34,34,.1);*/
box-shadow: 0px 16px 10px 0px rgb(34 34 34 / 10%);
z-index: 99;
}
.catalog-block__inner {
position: relative;
}
.catalog-block__info-art-cprice {
padding: 1rem 1rem 0 1rem;
}
.art-cprice {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
align-items: center;
}
.art-cprice__cprice {
padding: 2px 8px;
border: 0.5px solid #138fcd;
border-radius: 50%;
margin: -2px 0;
}
.art-cprice__value {
color: #000;
font-weight: bold;
font-size: 15px;
}
.art-cprice_data {
display: flex;
flex-direction: row;
gap: 0.5rem;
}
.art-cprice__soc-video {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
}
.item__youtube {
display: inline-flex;
align-items: center;
line-height: 0;
}
.catalog-block__info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.catalog-block__info-title {
text-align: center;
line-height: 1.2;
padding: 0 .1rem;
font-size: .9rem
}
.product-rating-summary {
display: flex;
align-items: center;
gap: 5px;
margin: 0;
}
.product-rating-summary span {
font-size: 11px;
}
.product-rating-summary .star-icon {
color: #ffc107;
}
.product-rating-summary .rating-value {
color: #ffc107;
font-weight: 600;
}
.product-rating-summary .reviews-count {
color: #999;
}
.product-viewers {
font-size: 11px;
color: #ff6b00;
margin-top: 4px;
}
.catalog-block__item .like_icons span i {
display: block;
width: 30px;
height: 30px;
background: url('/local/templates/aspro_next_new/images/svg/icons_wish.svg') 0 0 no-repeat;
}
.catalog-block__item .like_icons .wish_item,
.catalog-block__item .like_icons .compare_item {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ffffff8c;
}
.catalog-block__item .like_icons .fast_view_wrapper {
display: flex;
justify-content: center;
}
.catalog-block__item .like_icons .fast_view_wrapper span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #ffffff8c;
padding: 0;
}
.catalog-block__item .like_icons .fast_view_wrapper span i {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.catalog-block__item .like_icons .fast_view_wrapper span i svg {
display: block;
}
.catalog-block__item .like_icons .wish_item i {
background-position: 5px -16px;
}
.catalog-block__item .like_icons .wish_item.added i,
html:not(.bx-touch) .catalog-block__item .like_icons .wish_item.added:hover i {
background-position: 5px -44px;
}
html:not(.bx-touch) .catalog-block__item .like_icons .wish_item:hover i {
background-position: 5px -72px;
}
.catalog-block__item .like_icons .compare_item i {
background-position: -18px -17px;
}
.catalog-block__item .like_icons .compare_item.added i,
html:not(.bx-touch) .catalog-block__item .like_icons .compare_item.added:hover i {
background-position: -18px -45px;
}
html:not(.bx-touch) .catalog-block__item .like_icons .compare_item:hover i {
background-position: -18px -73px;
}
.catalog-block__info-props {
padding: 0 .5rem;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
z-index: 10;
}
.props-catalog__visible {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px 16px;
align-items: start;
}
.props-catalog__wrapper {
min-width: 0;
}
.props-catalog__item {
font-size: .7rem;
color: #999;
line-height: 1.5;
min-width: 0;
}
.props-catalog__visible .props-catalog__item {
display: flex;
align-items: baseline;
gap: 4px;
white-space: nowrap;
overflow: hidden;
}
.props-catalog__label {
flex: none;
white-space: nowrap;
}
.props-catalog__value {
color: #000;
}
.props-catalog__visible .props-catalog__value {
flex: 1 1 auto;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.props-catalog__more {
position: relative;
display: flex;
justify-content: center;
z-index: 20;
}
.props-catalog__more:hover,
.props-catalog__more:focus-within {
z-index: 120;
}
.props-catalog__more-trigger {
width: 34px;
height: 24px;
padding: 0;
border: 1px solid #d8d8d8;
border-radius: 999px;
background: #fff;
color: #6b6b6b;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.props-catalog__more-trigger:hover,
.props-catalog__more:focus-within .props-catalog__more-trigger {
border-color: #138fcd;
color: #138fcd;
transform: translateY(-1px);
}
.props-catalog__more-trigger:focus {
outline: none;
}
.props-catalog__more-icon {
position: relative;
display: block;
width: 10px;
height: 12px;
pointer-events: none;
}
.props-catalog__more-icon::before,
.props-catalog__more-icon::after {
content: "";
position: absolute;
left: 50%;
width: 5px;
height: 5px;
border: solid currentColor;
border-width: 0 2px 2px 0;
transform: translateX(-50%) rotate(45deg);
}
.props-catalog__more-icon::before {
top: 0;
}
.props-catalog__more-icon::after {
top: 4px;
}
.props-catalog__more-tooltip {
width: 320px;
max-width: calc(100vw - 40px);
z-index: 120;
}
.props-catalog__more:hover .props-catalog__more-tooltip,
.props-catalog__more:focus-within .props-catalog__more-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(-4px);
}
.props-catalog__more:hover .props-catalog__more-tooltip-content::before,
.props-catalog__more:focus-within .props-catalog__more-tooltip-content::before {
transform: translateX(120%);
}
.props-catalog__popup-list {
display: grid;
gap: 10px;
max-height: 280px;
overflow-y: auto;
}
.props-catalog__popup-item {
display: grid;
gap: 2px;
font-size: 12px;
line-height: 1.35;
color: #999;
}
.props-catalog__popup-label {
color: inherit;
}
.props-catalog__popup-value {
color: #000;
}
.props-catalog__popup-note {
color: #ed0000;
font-weight: 600;
}
@media (max-width: 767px) {
.props-catalog__visible {
grid-template-columns: 1fr;
}
.props-catalog__more-tooltip {
width: 260px;
left: auto;
right: 0;
transform: none;
}
.props-catalog__more-tooltip::after {
left: auto;
right: 14px;
transform: none;
}
.props-catalog__more:hover .props-catalog__more-tooltip,
.props-catalog__more:focus-within .props-catalog__more-tooltip {
transform: translateY(-4px);
}
}
.catalog-block__purchase {
text-align: center;
}
.catalog-block__purchase .price_matrix_wrapper .sale_block {
grid-column: span 2 ;
}
.catalog-block__purchase .price_matrix_wrapper .price {
text-wrap: nowrap !important;
}
.catalog-block .wrap_nav {
display: none;
}
.bottom_nav {
padding: 2rem 0px;
}
@media (min-width: 769px) {
.catalog-block__wrapper {
position: relative;
}
}
.image-list-wrapper {
position: relative;
padding-top: 100%;
margin: 0 auto;
text-align: center;
zoom: 1;
display: block;
width: 100%;
}
.image-list-wrapper .thumb {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.image-list-wrapper img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
pointer-events: none;
}
.image-list-wrapper .section-gallery-wrapper.flexbox {
display: flex;
flex-direction: row;
}
.image-list-wrapper .section-gallery-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.image-list-wrapper .section-gallery-wrapper__item {
flex: 1 1 0;
min-width: 0;
background-color: #fff;
margin-bottom: -7px;
}
.image-list-wrapper .section-gallery-wrapper__item-nav {
display: block;
position: relative;
z-index: 4;
height: 100%;
margin: 0 1px;
}
.image-list-wrapper .section-gallery-wrapper__item-nav:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 1px;
background-color: #cdcdcd;
cursor: pointer;
transition: background-color .2s ease-in-out;
}
.image-list-wrapper .section-gallery-wrapper__item._active .section-gallery-wrapper__item-nav:before {
background-color: #b42023;
}
.image-list-wrapper .section-gallery-wrapper__item-nav.section-gallery-wrapper__item_hidden:before {
background-color: transparent;
}
.image-list-wrapper .section-gallery-wrapper__item img {
z-index: 3;
opacity: 0;
transition: opacity .2s ease-in-out;
}
.image-list-wrapper .section-gallery-wrapper__item._active img {
opacity: 1;
}
@media (max-width: 600px) {
.image-list-wrapper .section-gallery-wrapper__item-nav {
display: none;
}
}
/*####*/
.youtube_key {
height: 20px;
}
.right_block1 .inner_wrapper {
position: relative;
}
.section_all_product {
font-size: 14px;
color: #586a6f;
position: absolute;
top: 5px;
left: 0;
}
.section_all_product span {
font-weight: bold;
}
.sort_header .sort_filter {
}
.set_lazy_load {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 3px;
}
@media (min-width: 451px) {
.set_lazy_load {
padding-right: 70px;
}
}
#toggles{
text-align:center;
width: 45px;
margin-left: 35px;
position: relative;
}
.ios-toggle,.ios-toggle:active{
position:absolute;
top:-5000px;
height:0;
width:0;
opacity:0;
border:none;
outline:none;
}
.checkbox-label{
display: block;
position: relative;
padding: 8px 10px;
/* margin-bottom: 10px; */
font-size: 12px;
line-height: 16px;
width: 100%;
height: 10px;
/*border-radius*/
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
label.checkbox-label {
margin-bottom: 0;
}
.checkbox-label:before{
content:'';
display:block;
position:absolute;
z-index:1;
line-height:34px;
text-indent:40px;
height: 14px;
width: 14px;
/*border-radius*/
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
top: 1px;
left:0px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
-moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:0;
top:-9px;
left:-35px;
padding:10px;
height:100%;
text-align:right;
color:#bfbfbf;
white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
-moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
left:calc(100% - 15px);
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
-moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
content:attr(data-on);
left:43px;
width:36px;
}
/* GREEN CHECKBOX */
#checkbox1 + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
-moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkbox1:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
-moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkbox1:checked + .checkbox-label:after{
color:rgba(19,191,17,1);
}
.item-title {
margin-bottom: 10px;
}
.counter_wrapp {
display: flex;
width: 100%;
justify-content: center;
flex-wrap: wrap;
gap: .5rem;
}
.basker_added .counter_block {
order: 2;
}
.basker_added .counter_block input{
background-color: #4fad00!important;
color: #fff!important;
}
.button_block {
display: flex;
}
.counter_block {
border-radius: .5rem;
}
body .ajax_load.block .counter_wrapp .button_block.wide {
width: 100%;
}
.counter_wrapp .button_block.wide .now-in-cart {
display: none;
}
.total_summ {
order: 3;
}
.counter_block .plus-btn, .counter_block .minus-btn {
font-size: 0;
line-height: 40px;
height: 34px;
width: 24px;
display: inline-block;
cursor: pointer;
vertical-align: top;
}
.counter_block > span.plus-btn:before {
background-position: -54px -191px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.number input[type="number"] {
box-sizing: border-box;
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
display: none;
}
.counter_block input[type="number"] {
padding: 7px 3px 7px;
}
.counter_block input[type="number"] {
width: 34px;
border: 0px;
border-left: 1px solid #f3f3f5;
border-right: 1px solid #f3f3f5;
background: #f3f3f5;
color: #666666;
font-size: 13px;
height: 34px;
border-radius: 0px;
text-align: center;
line-height: 13px;
}
.pre-order {
margin-top: -1px;
position: relative;
display: none;
flex-direction: column;
align-items: center;
background-color: #424f60;
overflow: hidden;
box-shadow: 0px -4px 8px 0px rgb(34 60 80 / 20%);
border-radius: 10px 0px 0px 10px;
transition: background-color 0.3s ease;
background-color: #e5e4e2;
padding: 10px 5px 15px 5px;
}
.pred__items {
display: flex;
flex-direction: column;
align-items: center;
}
.pred__items .count {
border-radius: 100%;
width: auto;
height: 17px;
font-size: 10px;
line-height: 17px;
min-width: 17px;
margin: 5px 0 10px 0;
text-align: center;
}
._activ {
display: flex;
}
.close-popup-btn {
position: absolute;
top: 5px;
right: 5px;
background: none;
border: none;
cursor: pointer;
color: #666;
}
.notice-surface {
position: fixed;
z-index: 3000;
right: 32px;
top: 28px;
max-width: calc(100% - 64px);
max-height: calc(100vh - 56px);
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.notice-surface {
max-width: calc(100% - 32px);
}
.notice-surface--right {
right: 16px;
}
.notice-surface--left {
left: 16px;
}
.mfixed_y .notice-surface {
top: 74px;
}
.bottom-icons-panel_y .notice-surface--reverse {
bottom: 72px;
}
}
.notice-surface__inner {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
position: relative;
min-width: 0px;
}
.notice-surface--reverse .notice-surface__inner {
display: flex;
flex-direction: column;
}
.notice {
min-width: 0;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
background: #fff;
border-radius: var(--theme-outer-border-radius);
position: relative;
width: 265px;
max-width: 100%;
transition: transform 0.1s linear;
flex-shrink: 0;
margin: 4px 0;
}
.element-count-wrapper {
font-size: 1rem;
}
.page-top-main .element-count {
border: 1px solid rgba(153, 153, 153, 0.35);
padding: 2px 4px 1px;
position: relative;
top: -2px;
margin-left: 8px;
}
.element-count-wrapper .element-count {
padding: 2px 6px 3px;
vertical-align: bottom;
}
.font_xs {
font-size: 0.867em;
line-height: 1.692em;
}
.rounded3 {
border-radius: 3px;
}
.page-top-main .muted {
color: #999;
text-decoration: none;
}
@media (max-width: 320px) {
.notice {
word-break: break-all;
}
}
.notice--link {
cursor: pointer;
}
.notice--hidden {
display: none !important;
margin: 0;
}
.notice__closer {
width: 38px;
height: 38px;
position: absolute;
top: -1px;
right: -1px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
cursor: pointer;
}
.notice__inner {
padding: 20px;
}
.notice .line-block__item + .line-block__item {
align-self: center;
}
.notice .line-block__item + .line-block__item .notice__title:first-child {
margin-top: -7px;
color: #222;
font-weight: bold;
opacity: 1;
}
.notice .line-block__item + .line-block__item .notice__detail:first-child {
margin-top: -3px;
}
.notice-surface--right .animate--notice-show {
-webkit-animation: animate--notice-show--right 0.4s linear;
-ms-animation: animate--notice-show--right 0.4s linear;
animation: animate--notice-show--right 0.4s linear;
right: 0;
}
@-webkit-keyframes animate--notice-show--right {
from {
right: calc(-100% - 32px);
}
50% {
right: 32px;
}
to {
right: 0;
}
}
@-ms-keyframes animate--notice-show--right {
from {
right: calc(-100% - 32px);
}
50% {
right: 32px;
}
to {
right: 0;
}
}
@keyframes animate--notice-show--right {
from {
right: calc(-100% - 32px);
}
50% {
right: 32px;
}
to {
right: 0;
}
}
.animate--notice-hide {
/*height: 0 !important;*/
opacity: 0 !important;
margin: 0 !important;
transition: transform 0.1s linear, opacity 0.3s ease-in-out 0.1s, height 0.3s linear 0.1s, margin 0.3s linear 0.1s, font-size 0.1s linear 0.1s;
}
.animate--notice-hide .notice__closer {
display: none;
}
.catalog-block__item.sale-card {
display: flex;
flex-direction: column;
gap: 0;
position: relative;
isolation: isolate;
padding: 0 0 18px;
border: 1.5px solid #95959552;
border-radius: 28px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 18px 40px rgb(161 161 161 / 8%);
}
.catalog-block__item.sale-card.shadow-hovered:hover {
border-color: #ff2c23;
background: #ffffff;
box-shadow: 0 22px 36px rgba(255, 70, 48, 0.14);
}
.catalog-block__item.sale-card .basket_props_block {
order: -1;
}
.catalog-block__item.sale-card .sale-card__promo {
order: 0;
position: relative;
background: #ef1208;
color: #fff;
padding: 14px 12px 20px;
text-align: center;
}
.catalog-block__item.sale-card .sale-card__promo.sale-card__promo--spacer {
min-height: 48px;
padding: 0;
background: transparent;
color: transparent;
box-shadow: none;
pointer-events: none;
}
.catalog-block__item.sale-card .sale-card__promo-title {
margin: 0;
font-size: clamp(6px, 0.5vw, 30px);
line-height: 0.94;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.01em;
}
.catalog-block__item.sale-card .sale-card__promo-title--action-fire {
position: relative;
display: inline-block;
padding-left: 24px;
overflow: visible;
}
.catalog-block__item.sale-card .sale-card__promo-title--action-fire::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 18px;
height: 18px;
border-radius: 50%;
background:
radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.98) 0 18%, rgba(255, 255, 255, 0.92) 19% 48%, rgba(255, 241, 233, 0.88) 49% 72%, rgba(255, 224, 206, 0.82) 73% 100%);
box-shadow:
0 1px 5px rgba(0, 0, 0, 0.18),
inset 0 0 0 1px rgba(255, 255, 255, 0.4);
transform: translateY(-50%);
transform-origin: 50% 50%;
animation: sale-card-action-fire-badge 2.4s ease-in-out infinite;
z-index: 1;
}
.catalog-block__item.sale-card .sale-card__promo-title--action-fire::after {
content: "";
position: absolute;
left: 3px;
top: 50%;
width: 12px;
height: 14px;
background: url("data:image/svg+xml;utf8,") center / contain no-repeat;
transform: translateY(-55%);
transform-origin: 50% 100%;
animation: sale-card-action-fire-flame 1.9s ease-in-out infinite;
z-index: 2;
}
.catalog-block__item.sale-card .sale-card__promo-meta {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: center;
gap: 8px;
width: calc(100% - 8px);
margin: 12px auto -30px;
padding: 6px 10px;
background: #fff;
border-radius: 999px;
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
position: relative;
z-index: 4;
}
.catalog-block__item.sale-card .sale-card__promo-pill,
.catalog-block__item.sale-card .sale-card__promo-note {
font-size: 10px;
line-height: 1.1;
white-space: nowrap;
}
.catalog-block__item.sale-card .sale-card__promo-pill {
color: #151515;
font-weight: 800;
text-transform: uppercase;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
justify-self: stretch;
width: 100%;
box-sizing: border-box;
position: relative;
padding: 0 20px;
isolation: isolate;
opacity: 0;
transform: translateX(-16px);
}
.catalog-block__item.sale-card.sale-card--animations-ready .sale-card__promo-pill {
animation: sale-card-pill-enter 0.58s cubic-bezier(0.22, 1, 0.36, 1) 0.14s forwards;
}
.catalog-block__item.sale-card .sale-card__promo-pill:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 17px;
height: 22px;
background: url("data:image/svg+xml;utf8,") center / contain no-repeat;
filter: drop-shadow(0 0 6px rgba(255, 148, 24, 0.34)) drop-shadow(0 0 14px rgba(255, 86, 0, 0.18));
transform: translateY(-56%) rotate(-6deg);
transform-origin: 50% 100%;
animation: sale-card-fire-icon 2.2s ease-in-out infinite;
z-index: 2;
}
.catalog-block__item.sale-card .sale-card__promo-pill:after {
content: "";
position: absolute;
left: -5px;
top: 50%;
width: 26px;
height: 26px;
border-radius: 50%;
background:
radial-gradient(circle at 50% 54%, rgba(255, 214, 110, 0.72) 0 14%, rgba(255, 155, 34, 0.42) 15% 34%, rgba(255, 92, 0, 0.18) 35% 56%, rgba(255, 92, 0, 0) 72%),
radial-gradient(circle at 82% 16%, rgba(255, 234, 163, 0.95) 0 1.2px, rgba(255, 234, 163, 0) 3px),
radial-gradient(circle at 14% 24%, rgba(255, 201, 117, 0.72) 0 1.1px, rgba(255, 201, 117, 0) 2.8px),
radial-gradient(circle at 72% 6%, rgba(255, 170, 64, 0.62) 0 0.9px, rgba(255, 170, 64, 0) 2.4px);
transform: translateY(-52%) scale(1);
transform-origin: 50% 50%;
animation: sale-card-fire-glow 2.2s ease-in-out infinite;
z-index: 1;
}
.catalog-block__item.sale-card .sale-card__promo-note {
color: #666;
font-weight: 500;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.1em;
font-variant-ligatures: none;
opacity: 0;
transform: translateX(16px);
}
.catalog-block__item.sale-card.sale-card--animations-ready .sale-card__promo-note {
animation: sale-card-note-enter 0.58s cubic-bezier(0.22, 1, 0.36, 1) 0.14s forwards;
}
@keyframes sale-card-pill-enter {
0% {
opacity: 0;
transform: translateX(-16px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes sale-card-note-enter {
0% {
opacity: 0;
transform: translateX(16px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes sale-card-action-fire-badge {
0%,
100% {
transform: translateY(-50%) scale(1);
box-shadow:
0 1px 5px rgba(0, 0, 0, 0.18),
inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
50% {
transform: translateY(-50%) scale(1.04);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.22),
inset 0 0 0 1px rgba(255, 255, 255, 0.56);
}
}
@keyframes sale-card-action-fire-flame {
0% {
transform: translateY(-55%) rotate(-5deg) scale(0.96);
}
30% {
transform: translateY(-58%) rotate(-1deg) scale(1.05);
}
60% {
transform: translateY(-54%) rotate(4deg) scale(1.01);
}
100% {
transform: translateY(-56%) rotate(-4deg) scale(1.02);
}
}
@keyframes sale-card-fire-icon {
0% {
transform: translateY(-56%) rotate(-7deg) scale(0.96);
filter: drop-shadow(0 0 4px rgba(255, 136, 18, 0.28)) drop-shadow(0 0 9px rgba(255, 92, 0, 0.14));
}
25% {
transform: translateY(-59%) rotate(-1deg) scale(1.05);
filter: drop-shadow(0 0 6px rgba(255, 149, 29, 0.34)) drop-shadow(0 0 12px rgba(255, 96, 0, 0.18));
}
55% {
transform: translateY(-55%) rotate(4deg) scale(1.01);
filter: drop-shadow(0 0 7px rgba(255, 156, 36, 0.38)) drop-shadow(0 0 14px rgba(255, 92, 0, 0.2));
}
100% {
transform: translateY(-57%) rotate(-5deg) scale(1.02);
filter: drop-shadow(0 0 5px rgba(255, 144, 24, 0.3)) drop-shadow(0 0 11px rgba(255, 88, 0, 0.16));
}
}
@keyframes sale-card-fire-glow {
0% {
transform: translateY(-52%) scale(0.9);
opacity: 0.72;
}
35% {
transform: translateY(-52%) scale(1.16);
opacity: 1;
}
70% {
transform: translateY(-52%) scale(1.02);
opacity: 0.86;
}
100% {
transform: translateY(-52%) scale(1.08);
opacity: 0.92;
}
}
.catalog-block__item.sale-card .catalog_item {
order: 1;
padding: 15px 0 0;
min-height: 300px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.catalog-block__item.sale-card .image-list {
padding: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.catalog-block__item.sale-card .image-list-wrapper {
background: #fff;
border-radius: 0;
overflow: visible;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.catalog-block__item.sale-card .stickers {
display: none;
}
.catalog-block__item.sale-card .sale-card__stack {
position: absolute;
left: 0;
top: 5px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
z-index: 6;
}
.catalog-block__item.sale-card .sale-card__stack-item {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 6px 12px;
align-self: flex-start;
position: relative;
box-sizing: border-box;
overflow: hidden;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 1;
white-space: nowrap;
border-radius: 0 10px 10px 0;
box-shadow: 0 8px 14px rgba(18, 18, 18, 0.12);
opacity: 0;
transform: translate3d(-112%, 0, 0);
will-change: transform, opacity, width;
backface-visibility: hidden;
}
.catalog-block__item.sale-card .sale-card__stack-item--dark {
background: #c70800;
z-index: 1;
width: var(--sale-stack-dark-width, auto);
}
.catalog-block__item.sale-card .sale-card__stack-item--accent {
background: #ff2c23;
z-index: 2;
width: var(--sale-stack-accent-width, auto);
}
.catalog-block__item.sale-card.sale-card--animations-ready .sale-card__stack-item--dark {
animation: sale-card-stack-dark-sequence 1.82s cubic-bezier(0.2, 0.9, 0.24, 1) 0.12s forwards;
}
.catalog-block__item.sale-card.sale-card--animations-ready .sale-card__stack-item--accent {
animation: sale-card-stack-accent-sequence 1.82s cubic-bezier(0.2, 0.9, 0.24, 1) 0.12s forwards;
}
.catalog-block__item.sale-card .sale-card__economy {
position: absolute;
right: 0;
bottom: 2px;
z-index: 6;
display: inline-block;
margin: 0;
padding: 5px 10px 4px;
box-sizing: border-box;
background: #ff8a00;
color: #fff;
font-size: 11px;
font-weight: 800;
line-height: 12px;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
border-radius: 10px 0 0 10px;
box-shadow: none;
}
@keyframes sale-card-stack-dark-sequence {
0%,
8% {
opacity: 0;
transform: translate3d(-112%, 0, 0);
width: var(--sale-stack-dark-width, 132px);
}
28%,
52% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-dark-width, 132px);
}
68%,
82% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-accent-width, 64px);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-dark-width, 132px);
}
}
@keyframes sale-card-stack-accent-sequence {
0%,
26% {
opacity: 0;
transform: translate3d(-112%, 0, 0);
width: var(--sale-stack-accent-width, 64px);
}
46%,
60% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-accent-width, 64px);
}
76%,
90% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-dark-width, 132px);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
width: var(--sale-stack-accent-width, 64px);
}
}
.catalog-block__item.sale-card .like_icons {
top: 18px;
right: 18px;
gap: 8px;
}
.catalog-block__item.sale-card .like_icons .wish_item,
.catalog-block__item.sale-card .like_icons .compare_item,
.catalog-block__item.sale-card .like_icons .fast_view_wrapper span {
background: #fff;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
}
.catalog-block__item.sale-card .catalog-block__info-title {
order: 2;
padding: 14px 18px 0;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 6px;
min-height: calc(3.6em + 14px);
}
.catalog-block__item.sale-card .catalog-block__info-title > a {
display: -webkit-box;
color: #1b1b1b;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
min-height: 3.6em;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.catalog-block__item.sale-card .catalog-block__info-title:after {
display: none;
}
.catalog-block__item.sale-card .product-rating-summary,
.catalog-block__item.sale-card .product-viewers {
justify-content: center;
text-align: center;
}
.catalog-block__item.sale-card .catalog-block__info-art-cprice {
order: 3;
padding: 10px 18px 0;
min-height: 72px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.catalog-block__item.sale-card .sale-card__sku-line {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
color: #151515;
}
.catalog-block__item.sale-card .sale-card__sku-article {
font-size: 15px;
font-weight: bold;
line-height: 1.2;
}
.catalog-block__item.sale-card .sale-card__sku-value {
font-weight: bold;
}
.catalog-block__item.sale-card .sale-card__sku-code {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 0;
padding: 2px 8px;
border: 0.5px solid #ff2c23;
border-radius: 50%;
background: #fff;
color: #000;
font-size: 15px;
font-weight: bold;
line-height: 1;
}
.catalog-block__item.sale-card .sale-card__availability {
margin-top: 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: nowrap;
font-size: 13px;
font-weight: 600;
color: #178b2e;
}
.catalog-block__item.sale-card .sale-card__availability::before {
content: "";
flex: 0 0 20px;
width: 20px;
height: 16px;
background: url('/upload/medialibrary/e5d/0rsitaimczpzx8w09be65y8qqhrg5zjo.png') center / contain no-repeat;
}
.catalog-block__item.sale-card .sale-card__availability-label {
color: #178b2e;
}
.catalog-block__item.sale-card .sale-card__availability-value,
.catalog-block__item.sale-card .sale-card__availability-unit {
color: #202020;
}
.catalog-block__item.sale-card .sale-card__availability-exact {
color: #ed0000;
}
.catalog-block__item.sale-card .art-cprice__soc-video {
justify-content: center;
margin-top: 0;
gap: 6px;
}
.catalog-block__item.sale-card .catalog-block__info {
order: 4;
padding: 0px 18px 0;
position: relative;
z-index: 60;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.catalog-block__item.sale-card .catalog-block__info-art-cprice {
position: relative;
z-index: 1;
}
.catalog-block__item.sale-card .catalog-block__info-props {
padding: 0;
flex: 0 0 auto;
gap: 8px;
}
.catalog-block__item.sale-card .props-catalog__wrapper {
min-width: 0;
}
.catalog-block__item.sale-card .props-catalog__visible {
gap: 6px 18px;
}
.catalog-block__item.sale-card .props-catalog__visible .props-catalog__item {
display: flex;
align-items: baseline;
gap: 4px;
font-size: 11px;
line-height: 1.35;
color: #a7a7a7;
}
.catalog-block__item.sale-card .props-catalog__label {
color: #b0b0b0;
font-weight: 400;
}
.catalog-block__item.sale-card .props-catalog__visible .props-catalog__value {
color: #202020;
font-weight: 400;
line-height: 1.25;
}
.catalog-block__item.sale-card .props-catalog__more-trigger {
border-color: #ff2c23;
color: #ff2c23;
}
.catalog-block__item.sale-card .props-catalog__more:hover .props-catalog__more-trigger,
.catalog-block__item.sale-card .props-catalog__more:focus-within .props-catalog__more-trigger {
background: #ff2c23;
border-color: #ff2c23;
color: #fff;
}
.catalog-block__item.sale-card .props-catalog__popup-item {
font-size: 11px;
color: #a7a7a7;
}
.catalog-block__item.sale-card .props-catalog__popup-label {
color: #b0b0b0;
}
.catalog-block__item.sale-card .props-catalog__popup-value {
color: #202020;
}
.catalog-block__item.sale-card .props-catalog__popup-note {
color: #ff2c23;
}
.catalog-block__item.sale-card .buy-mode {
padding: 0px 0 0;
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
margin-top: 0px;
}
.catalog-block__item.sale-card .buy-mode__buttons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-bottom: 0;
width: 100%;
min-height: 35px;
}
.catalog-block__item.sale-card .buy-mode__buttons--single {
grid-template-columns: minmax(0, 1fr);
}
.catalog-block__item.sale-card .buy-mode__buttons > :only-child {
margin-top: 0;
margin-bottom: 0;
}
.catalog-block__item.sale-card .buy-mode__btn-wrap,
.catalog-block__item.sale-card .buy-mode__btn-wrap--opt {
display: block;
flex: none;
width: 100%;
min-width: 0;
}
.catalog-block__item.sale-card .buy-mode__btn-wrap--opt {
position: relative;
z-index: 12;
isolation: isolate;
order: 2;
}
.catalog-block__item.sale-card .buy-mode__btn--retail {
order: 1;
}
.catalog-block__item.sale-card .buy-mode__btn,
.catalog-block__item.sale-card .buy-mode__pane--opt .buy-mode__trigger-btn {
width: 100%;
min-height: 40px;
padding: 10px 16px;
border-radius: 10px;
background: #fff;
border: 1.5px solid #ff2c23;
color: #ff2c23;
box-shadow: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
transform: none;
}
.catalog-block__item.sale-card .buy-mode__btn {
height: 35px;
min-height: 35px;
padding: 0 16px;
box-sizing: border-box;
line-height: 1;
gap: 8px;
}
.catalog-block__item.sale-card .buy-mode__btn::before,
.catalog-block__item.sale-card .buy-mode__pane--opt .buy-mode__trigger-btn::before,
.catalog-block__item.sale-card .buy-mode__pane--opt .buy-mode__trigger-btn::after {
display: none;
}
.catalog-block__item.sale-card .buy-mode__btn:hover,
.catalog-block__item.sale-card .buy-mode__pane--opt .buy-mode__trigger-btn:hover {
background: #ff2c23;
color: #fff;
transform: none;
}
.catalog-block__item.sale-card .buy-mode__btn-question {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-left: 0;
border-radius: 50%;
background: #ff2c23;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
flex: none;
}
.catalog-block__item.sale-card .buy-mode__btn.is-active {
background: #fff;
color: #ff2c23;
}
.catalog-block__item.sale-card .buy-mode__btn.is-active .buy-mode__btn-question,
.catalog-block__item.sale-card .buy-mode__btn:hover .buy-mode__btn-question {
background: #ff2c23;
color: #fff;
}
.catalog-block__item.sale-card .buy-mode__pane {
margin-top: 10px;
z-index: 30;
position: absolute;
overflow: hidden;
isolation: isolate;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.14) 100%);
border: 1px solid rgba(255, 255, 255, 0.38);
backdrop-filter: blur(24px) saturate(185%) brightness(1.08);
-webkit-backdrop-filter: blur(24px) saturate(185%) brightness(1.08);
box-shadow: 0 16px 36px rgba(24, 24, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.catalog-block__item.sale-card .buy-mode__pane::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background:
radial-gradient(circle at top left, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.22) 34%, rgba(255, 255, 255, 0.06) 58%, transparent 76%),
linear-gradient(135deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.08) 46%, rgba(255, 255, 255, 0.18) 100%);
pointer-events: none;
}
.catalog-block__item.sale-card .buy-mode__pane::after {
content: "";
position: absolute;
inset: 1px;
border-radius: inherit;
border: 1px solid rgba(255, 255, 255, 0.24);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.44), inset 0 -18px 24px rgba(255, 255, 255, 0.06);
pointer-events: none;
}
.catalog-block__item.sale-card .buy-mode__pane > * {
position: relative;
z-index: 2;
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip {
z-index: 40;
}
.catalog-block__item.sale-card .props-catalog__more-tooltip {
z-index: 120;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.catalog-block__item.sale-card .buy-mode__opt-tooltip::after {
border-top-color: rgba(255, 255, 255, 0.94);
filter: none;
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip-content {
background: rgba(255, 255, 255, 0.94);
border-color: rgba(255, 255, 255, 0.94);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip-content::before {
display: none;
}
}
@supports (-moz-appearance: none) {
.catalog-block__item.sale-card .buy-mode__opt-tooltip {
z-index: 60;
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip::after {
border-top-color: rgba(255, 255, 255, 0.96);
filter: none;
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip-content {
background: rgba(255, 255, 255, 0.96);
border-color: rgba(255, 255, 255, 0.96);
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}
.catalog-block__item.sale-card .buy-mode__opt-tooltip-content::before {
display: none;
}
}
.catalog-block__item.sale-card .sale50 {
display: none;
}
.catalog-block__item.sale-card .catalog-block__purchase {
order: 5;
padding: 16px 18px 0;
text-align: center;
margin-top: auto;
}
.catalog-block__item.sale-card .catalog-block__purchase .cost.prices {
display: flex;
justify-content: center;
align-items: baseline;
gap: 4px 8px;
flex-wrap: wrap;
}
.catalog-block__item.sale-card .catalog-block__purchase .cost.prices:has(.price:not(.discount), .offers_price)::before {
content: "Цена:";
display: inline-block;
color: #111;
font-size: 16px;
font-weight: 500;
line-height: 1.1;
}
.catalog-block__item.sale-card .catalog-block__purchase .with_matrix,
.catalog-block__item.sale-card .catalog-block__purchase .price_matrix_wrapper,
.catalog-block__item.sale-card .catalog-block__purchase .price_wrapper_block,
.catalog-block__item.sale-card .catalog-block__purchase .all_price {
display: inline-flex;
justify-content: center;
align-items: baseline;
gap: 6px 8px;
flex-wrap: wrap;
width: auto;
padding-bottom: 0;
}
.catalog-block__item.sale-card .catalog-block__purchase .price_wrapper_block,
.catalog-block__item.sale-card .catalog-block__purchase .price_matrix_wrapper {
flex-direction: row;
}
.catalog-block__item.sale-card .catalog-block__purchase .with_matrix:after,
.catalog-block__item.sale-card .catalog-block__purchase .price_wrapper_block:after,
.catalog-block__item.sale-card .catalog-block__purchase .all_price:after {
display: none;
}
.catalog-block__item.sale-card .catalog-block__purchase .price.discount,
.catalog-block__item.sale-card .catalog-block__purchase .discount,
.catalog-block__item.sale-card .catalog-block__purchase .price-old {
color: #111;
margin: 0;
font-size: 14px;
line-height: 1.1;
order: 1;
}
.catalog-block__item.sale-card .catalog-block__purchase .price.discount *,
.catalog-block__item.sale-card .catalog-block__purchase .discount * {
text-decoration: line-through;
color: inherit;
}
.catalog-block__item.sale-card .catalog-block__purchase .price:not(.discount),
.catalog-block__item.sale-card .catalog-block__purchase .offers_price,
.catalog-block__item.sale-card .catalog-block__purchase .price:not(.discount) .values_wrapper,
.catalog-block__item.sale-card .catalog-block__purchase .offers_price .values_wrapper {
color: #111;
font-weight: 800;
font-size: 17px;
line-height: 1.1;
}
.catalog-block__item.sale-card .catalog-block__purchase .price.discount .values_wrapper,
.catalog-block__item.sale-card .catalog-block__purchase .discount .values_wrapper,
.catalog-block__item.sale-card .catalog-block__purchase .price-old .values_wrapper {
color: inherit;
}
.catalog-block__item.sale-card .catalog-block__purchase .price:not(.discount),
.catalog-block__item.sale-card .catalog-block__purchase .offers_price {
order: 2;
}
.catalog-block__item.sale-card .catalog-block__purchase .price,
.catalog-block__item.sale-card .catalog-block__purchase .offers_price,
.catalog-block__item.sale-card .catalog-block__purchase .price-old,
.catalog-block__item.sale-card .catalog-block__purchase .price.discount {
margin-bottom: 0 !important;
}
.catalog-block__item.sale-card .catalog-block__purchase .price_value_block {
display: inline-flex;
align-items: baseline;
gap: 4px;
}
.catalog-block__item.sale-card .catalog-block__purchase .price_measure {
color: inherit;
font-size: inherit;
}
.catalog-block__item.sale-card .catalog-block__purchase .sale_block,
.catalog-block__item.sale-card .catalog-block__purchase .sale_block.matrix {
display: none !important;
}
.catalog-block__item.sale-card .counter_wrapp {
margin-top: 12px;
display: grid;
grid-template-columns: minmax(112px, 122px) minmax(122px, 1fr);
gap: 8px;
align-items: center;
}
.catalog-block__item.sale-card .offer_buy_block .counter_wrapp {
grid-template-columns: minmax(112px, 122px) minmax(122px, 1fr);
}
.catalog-block__item.sale-card .counter_wrapp .counter_block,
.catalog-block__item.sale-card .counter_wrapp .predzakaz__quantity {
grid-column: 1;
order: 0;
width: 100%;
}
.catalog-block__item.sale-card .counter_wrapp .button_block {
grid-column: 2;
order: 1;
width: 100%;
}
.catalog-block__item.sale-card .counter_wrapp.basker_added .counter_block,
.catalog-block__item.sale-card .counter_wrapp.basker_added .predzakaz__quantity {
order: 0;
}
.catalog-block__item.sale-card .counter_block,
.catalog-block__item.sale-card .predzakaz__quantity {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
min-height: 40px;
padding: 0 10px;
margin: 0;
background: #f3f3f5;
border-radius: 9px;
}
.catalog-block__item.sale-card .counter_block .text,
.catalog-block__item.sale-card .predzakaz__quantity .text,
.catalog-block__item.sale-card .predzakaz__quantity input {
border: 0;
background: transparent;
width: 36px;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #111;
line-height: 1;
}
.catalog-block__item.sale-card .counter_block .minus,
.catalog-block__item.sale-card .counter_block .plus,
.catalog-block__item.sale-card .counter_block .minus-btn,
.catalog-block__item.sale-card .counter_block .plus-btn,
.catalog-block__item.sale-card .predzakaz__quantity .minus,
.catalog-block__item.sale-card .predzakaz__quantity .plus {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
color: #b7bcc5;
font-size: 22px;
line-height: 1;
font-weight: 700;
}
.catalog-block__item.sale-card .counter_block > span::before,
.catalog-block__item.sale-card .predzakaz__quantity > span::before {
display: none;
content: none;
}
.catalog-block__item.sale-card .button_block {
margin: 0;
}
.catalog-block__item.sale-card .button_block.wide {
width: 100%;
}
.catalog-block__item.sale-card .button_block .btn,
.catalog-block__item.sale-card .button_block .basket_button,
.catalog-block__item.sale-card .button_block .to-cart,
.catalog-block__item.sale-card .button_block .in-cart,
.catalog-block__item.sale-card .button_block .now-in-cart,
.catalog-block__item.sale-card .button_block .button.in-cart,
.catalog-block__item.sale-card .button_block .btn.in-cart,
.catalog-block__item.sale-card .button_block .basket_button.in-cart {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 40px;
padding: 0 14px;
border: 0;
border-radius: 9px;
background: #c70800;
border-color: #c70800;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1;
box-shadow: none;
}
.catalog-block__item.sale-card .button_block .btn:hover,
.catalog-block__item.sale-card .button_block .basket_button:hover,
.catalog-block__item.sale-card .button_block .to-cart:hover,
.catalog-block__item.sale-card .button_block .in-cart:hover,
.catalog-block__item.sale-card .button_block .now-in-cart:hover,
.catalog-block__item.sale-card .button_block .button.in-cart:hover,
.catalog-block__item.sale-card .button_block .btn.in-cart:hover,
.catalog-block__item.sale-card .button_block .basket_button.in-cart:hover,
.catalog-block__item.sale-card .button_block .btn:focus,
.catalog-block__item.sale-card .button_block .basket_button:focus,
.catalog-block__item.sale-card .button_block .to-cart:focus,
.catalog-block__item.sale-card .button_block .in-cart:focus,
.catalog-block__item.sale-card .button_block .now-in-cart:focus,
.catalog-block__item.sale-card .button_block .button.in-cart:focus,
.catalog-block__item.sale-card .button_block .btn.in-cart:focus,
.catalog-block__item.sale-card .button_block .basket_button.in-cart:focus {
background: #c70800;
border-color: #c70800;
color: #fff;
}
.catalog-block__item.sale-card .button_block .btn span,
.catalog-block__item.sale-card .button_block .basket_button span,
.catalog-block__item.sale-card .button_block .to-cart span,
.catalog-block__item.sale-card .button_block .in-cart span,
.catalog-block__item.sale-card .button_block .now-in-cart span,
.catalog-block__item.sale-card .button_block .button.in-cart span,
.catalog-block__item.sale-card .button_block .btn.in-cart span,
.catalog-block__item.sale-card .button_block .basket_button.in-cart span {
color: inherit;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .offer_buy_block .counter_wrapp {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .counter_block,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .predzakaz__quantity,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .button_block {
grid-column: 1;
width: 100%;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .counter_block,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .predzakaz__quantity {
order: 0;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card .counter_wrapp .button_block {
order: 1;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:hover,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:focus-within {
overflow: visible;
z-index: 160;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:hover .props-catalog__more,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:focus-within .props-catalog__more {
z-index: 180;
}
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:hover .props-catalog__more-tooltip,
.grid-items-cat.grid-items-5 .catalog-block__item.sale-card:focus-within .props-catalog__more-tooltip {
z-index: 200;
}
@media (max-width: 767px) {
.catalog-block__item.sale-card {
border-radius: 24px;
}
.catalog-block__item.sale-card .sale-card__promo {
padding: 12px 10px 18px;
}
.catalog-block__item.sale-card .sale-card__promo-meta {
width: calc(100% - 4px);
gap: 6px;
padding: 5px 8px;
}
.catalog-block__item.sale-card .sale-card__promo-pill,
.catalog-block__item.sale-card .sale-card__promo-note {
font-size: 9px;
}
.catalog-block__item.sale-card .sale-card__promo-title {
font-size: clamp(6px, 0.5vw, 30px);
}
.catalog-block__item.sale-card .catalog_item {
padding: 15px 0 0;
}
.catalog-block__item.sale-card .catalog-block__info-title,
.catalog-block__item.sale-card .catalog-block__info-art-cprice,
.catalog-block__item.sale-card .catalog-block__info,
.catalog-block__item.sale-card .catalog-block__purchase {
padding-left: 14px;
padding-right: 14px;
}
.catalog-block__item.sale-card .props-catalog__visible {
grid-template-columns: 1fr;
gap: 6px;
}
}
/* End */
/* /local/templates/aspro_next_new/css/animation/animate.min.css?176336760552789 */
/* /local/templates/aspro_next_new/components/bitrix/news.detail/news/style.css?17633676076248 */
/* /local/templates/aspro_next_new/components/bitrix/catalog.section/catalog_block/style.css?178049826357614 */