/* Start:/bitrix/templates/artlend/css/style.css?1670604929198695*/ @charset "UTF-8"; /*normalize*/ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} /*slick.css*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*slick-theme*/ .slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*fancybox*/ body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);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);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;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-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-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-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-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:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}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;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity: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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}@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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}.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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}@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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}.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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}@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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;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:translateZ(0);transform:translateZ(0)}}.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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;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%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity: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%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity: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%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.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{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0,100px,0); opacity: 0; transform: translate3d(0,100px,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100px,0,0); opacity: 0; transform: translate3d(-100px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100px,0,0); opacity: 0; transform: translate3d(100px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @font-face { font-family: Mont; src: url('/bitrix/templates/artlend/css/../fonts/Montserrat-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: Mont; src: url('/bitrix/templates/artlend/css/../fonts/Montserrat-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: Mont; src: url('/bitrix/templates/artlend/css/../fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: Mont; src: url('/bitrix/templates/artlend/css/../fonts/Montserrat-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: Gilroy; src: url('/bitrix/templates/artlend/css/../fonts/Gilroy-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: Mont; src: url('/bitrix/templates/artlend/css/../fonts/Montserrat-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } *, *:before, *:after { margin: 0; padding: 0; outline: none; box-sizing: border-box; } input, textarea, button { font-family: Mont; } input, textarea, .select-current-item { border: 1px solid rgba(0, 0, 0, .05); background: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 100px; width: 100%; padding: 18px 33px; font-size: 16px; transition: .25s; } textarea { max-height: 120px; padding: 22px; resize: none; } input::placeholder, textarea::placeholder { color: #828282; } input:focus, textarea:focus, .select-current-item:hover { border-color: #B62C92; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); } .select-content { position: relative; z-index: 3; display: inline-flex; } .select-content.open .select-current-item img { transform: rotate(-180deg); } .select-current-item { user-select: none; position: relative; z-index: 3; display: inline-flex; align-items: center; justify-content: space-between; width: auto; width: 390px; max-width: 100%; } .select-current-item .select-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-current-item img { flex-shrink: 0; margin-left: 15px; transition: .25s; } .select-current-item:hover { cursor: pointer; } .select-content .select-list { position: absolute; top: 50%; left: 0; width: 100%; background: #fff; padding-top: 40px; padding-bottom: 20px; border-radius: 0 0 10px 10px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); } .vscroll-style-1 { max-height: 250px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; } .vscroll-style-1::-webkit-scrollbar { width:7px; } .vscroll-style-1::-webkit-scrollbar:disabled { width:0; } .vscroll-style-1::-webkit-scrollbar-thumb { border: none; border-radius: 100px; background: linear-gradient(138.95deg, #E40A7D 10%, #1C9BD7 82.84%); } .select-content .select-item { padding: 15px 33px; transition: .25s; } .select-content .select-item:hover { color: #fff; background: #B62C92; cursor: pointer; } input:focus::placeholder, textarea:focus::placeholder { opacity: .2; } .is-error input, .is-error input:focus { border-color: red; } .is-success input, .is-success textarea { border-color: rgba(0, 0, 0, .05); } .input-item .input-hihnt { font-size: 16px; padding-left: 33px; margin-bottom: 10px; } .is-success input { background: #d8f3c1; } body, .fancybox-container{ font-family: Mont; font-weight: 400; line-height: 1.5; font-size: 14px; } a { color: inherit; display: inline-block; text-decoration: none; transition: .25s; } img { max-width: 100%; } .policy-content { display: flex; align-items: flex-start; font-size: 16px; line-height: 1.3; } .policy-content img { flex-shrink: 0; margin-right: 15px; cursor: not-allowed; } .policy-content a { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; border-bottom: 1px solid rgba(0,0,0,.2); filter: brightness(0); } .policy-content a:hover { filter: brightness(1); border-bottom-color: transparent; } .wrapper { position: relative; margin: auto; min-width: 320px; max-width: 100%; overflow: hidden; display: flex; flex-direction: column; min-height: 101vh; } .page-content { position: relative; flex-grow: 1; } .header, .footer { flex-shrink: 0; } .container { position: relative; z-index: 1; width: 1170px; max-width: 100%; margin: auto; } .caption { font-weight: 600; font-size: 40px; line-height: 1.4; text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { margin: 0; } .oh { overflow: hidden; } .clearfix:before, .clearfix:after{content:" ";display:table} .clearfix:after{clear:both} .btnWrap { position: relative; z-index: 2; } @keyframes animateborder { 0% { background-position: 0%; } 50% { background-position: 100%; } 100% { background-position: 0%; } } .btn { display: inline-flex; justify-content: center; position: relative; font-family: Gilroy; font-size: 16px; max-width: 100%; color: #000000; padding: 1px; border-radius: 100px; overflow: hidden; border: none; min-width: 198px; background: transparent; transition: .25s; } .btn:after { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100px; border: 1px solid #000; opacity: 1; } .btn:hover::after { opacity: 0; transition: .25s; } .btn:before { position: absolute; content: ''; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 100px; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); background-size: 200%; opacity: 0; animation: animateborder 3s ease infinite paused; } .btn:hover::before { animation-play-state: running; opacity: 1; transition: .25s; } .btn-content { position: relative; z-index: 2; padding: 13px 20px; display: flex; align-items: center; justify-content: center; border-radius: 100px; width: 100%; transition: .25s; } .btn:hover .btn-content { /*background: #fff;*/ } .btn-content .text { position: relative; color: #000; padding-right: 15px; transition: .25s; } .btn:hover .text { color: #fff; } .btn-content .text:before { position: absolute; content: ''; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(0deg, #1C9BD7, #E40A7D); } .btn-content img { flex-shrink: 0; margin-left: 15px; transition: .25s; } .btn:hover img { filter: invert(1)!important; } .btn:hover { cursor: pointer; } .oh { overflow: hidden!important; } .dn { display: none !important; } @keyframes gloss { 0% { left: -75px; } 15%, 100% { left: 120%; } } .gloss { position: relative; overflow: hidden; } .gloss:before { background: #fff; content: ""; height: 300px; left: -75px; opacity: .3; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all .5s; transition: all .5s; width: 50px; z-index: 1; -webkit-animation: gloss 3s ease-out 0s infinite; animation: gloss 3s ease-out 0s infinite; } /*--------- Start block Header ---------------*/ .header .btn { font-size: 14px; } .header { position: absolute; top: 0; left: 0; right: 0; z-index: 5; } .header.transformed { position: fixed; transform: translateY(-100%); background: #fff; border-bottom: 1px solid rgba(0,0,0,.1); } .header.transformed .h-navWrap { display: none; } .header.transformed .h-content { align-items: center; } .header.transformed .container { padding: 15px 0; } .header.transformed .container:before { display: none; } .header.transformed.show { transform: translateY(0); transition: .5s; } .header .container { padding: 29px 0 15px; /*border-bottom: 1px solid #000;*/ } .header .container:before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; } .h-content { display: flex; align-items: flex-start; } .h-content .col1 { flex-shrink: 0; margin-right: 60px; display: flex; align-items: center; } .h-content .menu-btn { margin-right: 25px; display: none; } .header.transformed .h-content .menu-btn { display: block; } .menu-btn { position: relative; width: 30px; cursor: pointer; } .menu-btn:before { position: absolute; content: ''; top: 50%; left: 50%; width: 150%; height: 250%; transform: translate(-50%, -50%); } .menu-btn .line { width: 100%; height: 3px; border-radius: 3px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); filter: brightness(0) opacity(.8); transition: .25s; } .menu-btn:hover .line { filter: brightness(1) opacity(1); } .menu-btn .line + .line { margin-top: 4px; } .logo-link { display: block; } .header.transformed .logo-link { max-width: 150px; transition: 0s; } .logo-link img { display: block; } .h-content .col2 { width: 100%; } .h-content .h-row { margin-top: -4px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .c-img-item { font-size: 16px; display: flex; align-items: center; } .c-img-item.phone-item { font-size: 18px; } .c-img-item .ci-link { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: brightness(0); } .c-img-item .ci-link:hover { /*color: #B62C92;*/ filter: brightness(1); } .c-img-item .icon { flex-shrink: 0; margin-right: 9px; display: block; } .nav-list { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 16px; margin: 0 -10px; } .nav-list .nav-item { padding: 5px 10px; line-height: 1.3; } .nav-list .nav-link { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: brightness(0); } .nav-list .nav-link:hover { /*color: #B62C92;*/ filter: brightness(1); /*text-shadow: 0 0 1px #B62C92;*/ /*font-weight: 600;*/ } .lang-content { position: relative; } .lang-content .lang-item { position: relative; display: flex; align-items: center; font-size: 16px; } .lang-content .lang-item.lang-current { padding: 8px 16px 8px 0; cursor: pointer; } .lang-content .lang-item.lang-current:before { position: absolute; content: ''; top: 14px; right: 0; width: 7px; height: 7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); } .lang-content:hover .lang-item.lang-current:before { top: 18px; transform: rotate(-135deg); } .lang-content .lang-icon { display: block; flex-shrink: 0; margin-right: 9px; } .lang-content .text { line-height: 1; padding-top: 2px; white-space: nowrap; } .lang-content a.lang-item:hover .text { color: #B62C92; } .lang-content .lang-list { position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; background: #fff; padding: 10px 0; border-radius: 3px; opacity: 0; visibility: hidden; } .lang-content:hover .lang-list { opacity: 1; visibility: visible; transition: .25s; } .lang-content .lang-list:before { position: absolute; content: ''; top: 0; left: -10px; right: -10px; bottom: 0; box-shadow: 0 3px 10px rgba(0,0,0,.1); background: #fff; } .lang-list .lang-item + .lang-item { margin-top: 7px; } .h-navWrap { margin-top: 19px; } .showcase-section { position: relative; margin-top: 140px; padding-bottom: 140px; /*background: linear-gradient(180deg, #DAD6DE 10.31%, rgba(218, 214, 222, 0) 100%);*/ } .showcase-section:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100vw; height: 80px; background: linear-gradient(to bottom, transparent, #fff); } .showcase-section .bg { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; /*height: 100%;*/ /*object-fit: cover;*/ } .showcase-section[data-was-processed] .bg { max-height: 100%; transition: 5s ease-in 1s; } .showcase-section .p1 { position: absolute; top: -250px; left: -900px; opacity: 0.2; } .showcase-content { position: relative; margin-top: 90px; } .showcase-content .border-img { position: absolute; top: 10px; left: 70px; width: 1013px; height: 573px; max-height: 0; overflow: hidden; } .showcase-content.lazy-start[data-was-processed] .border-img { max-height: 100%; transition: 3s ease-in-out .8s; } .gradient-text { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-advantages_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .card-advantages_content .dot-content { pointer-events: none; } .card.card-active .card-advantages_content { opacity: 1; } .card-content h3 { position: absolute; left: 50%; text-align: center; font-size: 25px; font-weight: 700; white-space: nowrap; text-transform: uppercase; margin-bottom: 30px; top: 0; opacity: 0; transform: translate3d(-50%, 0, 0); background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: brightness(0); } .card.card-active .card-content h3:hover { filter: brightness(1); } .card.card-active .card-content h3 { opacity: 1; top: -55px; transition: all 1s .5s, filter .25s; } .card-content .colored-text { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 1.3; } .card-content .colored-textWrap { white-space: nowrap; background: rgba(255,255,255,.9); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 20px 40px; transform: scale(.3); opacity: 1; visibility: hidden; } .card.card-active .colored-textWrap { opacity: 1; visibility: visible; transform: scale(1); transition: .6s .8s; } .showcase-hihnt { position: absolute; top: calc(100% + 35px); left: 0; } @keyframes swipeAnimation { 0% { transform: translateX(0) rotate(0deg); } 50% { transform: translateX(-2px) rotate(-5deg); } 100% { transform: translateX(2px) rotate(5deg); } } .showcase-hihnt img { display: block; animation: swipeAnimation 2s ease-in-out infinite alternate; } .showcase-hihnt .text { margin-top: 15px; font-style: italic; color: #4F4F4F; max-width: 180px; line-height: 1.3; } @media (min-width: 1200px) { .showcase .card.anim { pointer-events: none; } .showcase.first-start .card.anim1, .showcase.first-start .card.anim2, .showcase.first-start .card.anim3, .showcase.first-start .card.anim4, .showcase.first-start .card.anim5, .showcase.first-start .card.anim6 { opacity: 0!important; transform: translate(0, 0) scale(1)!important; } .showcase.first-start[data-was-processed] .anim.card6 { opacity: 1!important; transition: transform 2s, opacity 3s 1s; } .showcase.first-start[data-was-processed] .anim.card5 { opacity: 1!important; transition: transform 2s, opacity 3s 1s; } .showcase.first-start[data-was-processed] .anim.card4 { opacity: 1!important; transition: transform 2s, opacity 3s 1s; } .showcase.first-start[data-was-processed] .anim.card3 { opacity: 1!important; transition: transform 1s, opacity 3s 1.5s; } .showcase.first-start[data-was-processed] .anim.card2 { opacity: 1!important; transition: transform 1s, opacity 3s 1.5s; } .showcase.first-start[data-was-processed] .anim.card1 { opacity: 1!important; transition: transform 3s, opacity 3s 2.5s; } .showcase { position: relative; overflow: visible !important; height: 600px; transform: rotate(-15deg); margin: 0 auto; } .showcase .card { width: 370px; cursor: pointer; } .card-content { transform: rotate(15deg); transition: .3s; } .showcase .card.card-active { z-index: 105!important; } .card:not(.card-active) .card-content .imgWrap { height: 250px; } .card-content .imgWrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 480px; display: flex; align-items: center; justify-content: center; transition: .2s; } .card-content .imgWrap .showcard-product_img { display: block; max-width: 470px; max-height: 470px; width: auto; object-fit: contain; transition: all .7s, filter .4s; } .card.card-active .imgWrap:hover .showcard-product_img { /*filter: brightness(1.1) saturate(1.1);*/ } .card:not(.card-active) .showcard-product_img { max-width: 250px; max-height: 230px; transition: .3s; } .showcard-product_img.img-overlay { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .card:hover .showcard-product_img.img-overlay { opacity: 0!important; } .card:not(.card-active) .showcard-product_img.img-overlay { filter: brightness(0) invert(1); opacity: .5; } .card .showcard-product_img.img-overlay { filter: brightness(0) invert(1); pointer-events: none; } .card.card-active .showcard-product_img.img-overlay { opacity: 0; } .dot-content.r-position .colored-textWrap { transform-origin: 0 100%; } .dot-content.l-position .colored-textWrap { transform-origin: 100% 100%; } .card-content .colored-textWrap .text { margin-top: 10px; } .card .dot-content { position: absolute; } .card .dot-content .dot { position: absolute; z-index: 2; bottom: -12px; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); border: 3px solid #FFFFFF; opacity: 0; } .card.card-active .dot-content .dot { opacity: 1; transition: 0s .6s; } .card .dot-content.r-position .dot { left: -12px; } .card .dot-content.l-position .dot { right: -12px; } .card .r-position { left: calc(50% + 80px); } .card .l-position { text-align: right; right: calc(50% + 80px); } .showcase-content .slick-prev { left: -110px; } .showcase-content .slick-next { right: -110px; } .card1 .dot-content1 { top: 30px; } .card1 .dot-content2 { top: 200px; } .card1 .dot-content3 { top: 330px; } .card1 .dot-content4 { top: 130px; } .card1 .dot-content5 { top: 240px; } .card2 .card-content h3 { top: 25px; } .card2.card.card-active .card-content h3 { top: -30px; } .card2 .dot-content1 { top: 50px; } .card2 .dot-content2 { top: 200px; } .card2 .dot-content3 { top: 50px; } .card2 .dot-content4 { top: 200px; } .card.card3 .r-position { left: calc(50% + 40px); } .card.card3 .l-position { right: calc(50% + 110px); } .card3 .dot-content1 { top: 30px; } .card3 .dot-content2 { top: 200px; } .card3 .dot-content3 { top: 330px; } .card3 .dot-content4 { top: 130px; } .card3 .dot-content5 { top: 240px; } .card4 .dot-content1 { top: 60px; } .card4 .dot-content2 { top: 230px; } .card4 .dot-content3 { top: 110px; } .card5 .dot-content1 { top: 30px; } .card5 .dot-content2 { top: 200px; } .card5 .dot-content3 { top: 330px; } .card5 .dot-content4 { top: 90px; } .card5 .dot-content5 { top: 240px; } .card6 .card-content h3 { top: 55px; } .card6.card.card-active .card-content h3 { top: 0; } .card6 .dot-content1 { top: 100px; } .card6 .dot-content2 { top: 250px; } .card6 .dot-content3 { top: 110px; } } img.lazy-start { opacity: 0; } img.lazy-start.loaded { opacity: 1; transition: .4s; } .main-section { position: relative; padding-top: 140px; overflow: hidden; } .main-section:after { position: absolute; content: ''; z-index: 2; top: 0; left: 50%; width: 100vw; height: 140px; transform: translateX(-50%); background: linear-gradient(to bottom, #FFFFFF 0%, rgba(219, 215, 223, 0) 100%); } .main-section .bg { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .main-section .container { padding-top: 40px; padding-bottom: 100px; } .main-section .container:before { } .main-section .container:after { position: absolute; z-index: 2; z-index: -1; content: ''; bottom: 0; left: 50%; width: 100vw; height: 60px; transform: translateX(-50%); background: linear-gradient(to top, #FFFFFF 0%, rgba(219, 215, 223, 0) 100%); } .main-slider .slick-list { overflow: visible; } .slide { display: none; } .main-slider .slide-content { display: flex; /*align-items: center;*/ } .main-slider .slide-content .col { margin-top: 120px; opacity: 1; flex-shrink: 0; transform: translateY(0); transition: width .5s, opacity 1.5s .4s, transform 1s .6s; } .main-slider .slide-content .col, .main-slider .slide.prev-slick-slide .slide-content .col { /*width: 460px;*/ width: 500px; } .main-slider .slick-track { transition: transform 1s!important; } .main-slider .slide:not(.slick-current) .col { transform: translateY(40px); opacity: 0; width: 0; overflow: hidden; } .main-section .caption { font-weight: 300; font-size: 45px; } .main-section .caption strong, .main-section .caption b { font-weight: 800; } .main-slider .slide-content img { display: block; opacity: 0.3; max-height: 628px; filter: grayscale(1); transition: 1s; } .main-slider .slide:not(.slick-current):hover { cursor: pointer; } .main-slider .slide:not(.slick-current):hover img { filter: grayscale(0); opacity: 1; } .main-slider .slide.slick-current .slide-content img { opacity: 1; filter: grayscale(0); } .main-slider .btnWrap { margin-top: 25px; } .arrow-style-1 .slick-arrow { z-index: 2; width: 56px; height: 56px; } .arrow-style-1 .slick-arrow .s-arrow { position: absolute; z-index: 2; content: ''; top: 0; left: 0; width: 100%; height: 100%; transition: .25s; } .arrow-style-1 .slick-arrow:hover .s-arrow { filter: invert(1); } .arrow-style-1 .slick-prev .s-arrow { background: url(/bitrix/templates/artlend/css/../img/icons/left.svg) center no-repeat; } .arrow-style-1 .slick-next .s-arrow { background: url(/bitrix/templates/artlend/css/../img/icons/right.svg) center no-repeat; } .arrow-style-1 .slick-arrow:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); background-size: 200%; animation: animateborder 3s ease infinite paused; } .arrow-style-1 .slick-arrow:hover:before { animation-play-state: running; } .arrow-style-1 .slick-arrow:after { position: absolute; content: ''; top: 50%; left: 50%; width: calc(100% - 2px); height: calc(100% - 2px); background: #fff; transform: translate(-50%, -50%); border-radius: 50%; transition: .25s; } .arrow-style-1 .slick-arrow:hover:after { opacity: 0; } .main-section .border-img { position: absolute; top: 20px; right: calc(50% - 640px); max-height: 0; overflow: hidden; } .main-section .border-img svg { height: 1020px; } .main-section.lazy-start[data-was-processed] .border-img { max-height: 100%; transition: 3s ease-in-out .5s; } .main-slider { opacity: 0; transform: translateY(60px); } .main-section.lazy-start[data-was-processed] .main-slider { transform: translateY(0); opacity: 1; transition: 2s .8s; } .main-section .main-slider .slick-prev { left: -110px; } .main-section .main-slider .slick-next { right: -110px; } .dots-style-1 .slick-dots { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .dots-style-1 .slick-dots button { display: none; } .dots-style-1 .slick-dots li { width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; border: 1px solid #BDBDBD; margin: 4px 8px; flex-shrink: 0; transition: .25s; } .dots-style-1 .slick-dots li.slick-active { border-color: transparent; } .dots-style-1 .slick-dots li:before { position: absolute; content: ''; top: 50%; left: 50%; width: 20px; height: 20px; background: linear-gradient(138.95deg, #E40A7D 10%, #1C9BD7 82.84%); transform: translate(-50%, -50%); border-radius: 50%; opacity: 0; transition: .25s; } .dots-style-1 .slick-dots li.slick-active:before { opacity: 1; transition: .25s .05s; } .main-section .slick-dots { bottom: -30px; } .production-section { padding-bottom: 60px; } .production-section .slick-dots { bottom: -60px; } .production-section .border-img { position: absolute; top: 74px; left: 200px; max-height: 0; width: 0; overflow: hidden; } .production-section.lazy-start[data-was-processed] .border-img { max-height: 100%; width: 100%; transition: 3s ease-in-out 2.5s; } .caption-row { position: relative; display: flex; align-items: flex-start; } .caption-row .caption { flex-shrink: 0; margin-right: 28px; } .caption-row .caption-desc { margin-top: 8px; letter-spacing: .5px; } .production-section .production-slider { margin-top: 50px; } .production-slider { position: relative; width: 1250px; left: calc(50% - 30px); transform: translateX(-50%); } .production-slider .slide-content { display: flex; align-items: center; transform: scale(.65); opacity: 0.3; transition: .4s; } .production-slider .slick-active.slick-current .slide-content { transform: scale(1); opacity: 1; transition: .4s .45s; } .production-slider .slick-list { padding: 0 !important; } .production-slider .slick-slide { cursor: pointer; } .production-slider .slick-slide:hover .slide-content { opacity: 1; } .production-slider .slick-track { display: flex; align-items: center; } .production-slider h3 { font-weight: 600; font-size: 24px; text-transform: uppercase; } .production-slider .imgWrap { max-width: 225px; flex-shrink: 0; margin-right: 15px; } .production-slider .imgWrap img { display: block; margin: 0 auto; max-height: 380px; } .production-slider .slide-col { position: relative; } .production-slider .btnWrap { position: relative; padding-top: 0; opacity: 0; visibility: hidden; margin-top: -50px; transition: .3s .5s; } .production-slider .slick-active.slick-current .btnWrap { margin-top: 0; padding-top: 30px; opacity: 1; visibility: visible; } .production-slider .slick-prev { left: 72px; } .production-slider .slick-next { right: 10px; } .parallax { pointer-events: none; } .production-section .p1 { position: absolute; top: -100px; right: -500px; opacity: 0.2; } .company-section { position: relative; padding-top: 190px; } .company-section .border-wrap { position: absolute; top: -160px; left: 140px; max-height: 0; overflow: hidden; pointer-events: none; } .company-section.lazy-start[data-was-processed] .border-wrap { max-height: 100%; transition: 8s ease-in-out .5s; } .company-section .bg { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; } .company-section[data-was-processed] .bg { max-height: 100%; transition: 5s ease-in 1s; } .company-section:after { position: absolute; content: ''; top: 0; left: 0; width: 100vw; height: 80px; background: linear-gradient(to top, transparent, #fff); } .company-section .cp-imgWrap { position: relative; height: 535px; margin-top: -25px; } .cp-imgWrap .company-img { position: relative; max-width: none; left: 50%; transform: translateX(-50%); display: block; } .cp-description { position: relative; z-index: 2; display: flex; align-items: flex-start; } .cp-description .btnWrap { flex-shrink: 0; margin-left: 20px; } .company-section .video-container { margin-top: 30px; } .video-container { position: relative; width: 100%; height: 436px; border-radius: 20px; cursor: pointer; display: block; background: linear-gradient(350deg, #E40A7D 10%, #1C9BD7 82.84%); } .video-container:before { position: absolute; content: ''; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #DAD6DE; opacity: 0.75; border-radius: 20px; transition: .8s; } .video-container:hover:before { opacity: 0.3; } .video-container .preview { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .play-btn-initor .play-btn { position: absolute; z-index: 3; width: 72px; height: 72px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 28px; transition: .3s; } .play-btn-initor:hover .play-btn { transform: translate(-50%, -50%) scale(1.2); } .play-btn-initor .play-btn img { display: block; margin-left: 2px; width: 100%; height: 100%; object-fit: contain; } .wys-text { letter-spacing: .5px; } .wys-text > *:first-child { margin-top: 0!important; } .wys-text > *:last-child { margin-bottom: 0!important; } .blog-detail_content .wys-text { font-size: 16px; } .blog-detail_content .wys-text p { line-height: 2; } .wys-text p { margin: 25px 0; } .wys-text h3 { font-size: 18px; text-transform: uppercase; font-weight: 700; margin-top: 35px; margin-bottom: 25px; } .wys-text h2 { font-size: 24px; text-transform: uppercase; font-weight: 700; margin-top: 45px; margin-bottom: 15px; } .wys-text h2 + p { margin-top: 15px; } .wys-text ul { list-style: none; padding-left: 0 !important; } .wys-text ul li + li { margin-top: 8px; } .wys-text ul li { position: relative; padding-left: 20px; } .wys-text ul li:before { position: absolute; content: ''; top: 7px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(45deg, #E40A7D, #1C9BD7); display: block; } .blog-detail_content .wys-text ul li:before { top: 9px; } .wys-text a { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; border-bottom: 1px solid rgba(0,0,0,.2); filter: brightness(0); } .wys-text a:hover { filter: brightness(1); border-bottom-color: transparent; } .advantages-section { position: relative; margin-top: 80px; } .advantages-section .p1 { position: absolute; top: -50px; left: -820px; opacity: 0.2; } .advantages-section .p2 { position: absolute; top: 250px; right: -600px; opacity: 0.2; } .advantages-section .bg { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; } .advantages-section[data-was-processed] .bg { max-height: 100%; transition: 3s 1s; } .advantages-list { position: relative; display: flex; flex-wrap: wrap; margin: 20px -45px 0; } .advantages-list_content .border-wrap { position: absolute; } .advantages-list_content .border-wrap1 { top: 30px; left: 190px; width: 1200px; max-height: 0; overflow: hidden; } .advantages-list_content { position: relative; } .advantages-list_content[data-was-processed] .border-wrap1 { max-height: 100%; transition: 2s ease-in-out 0s; } .advantages-list_content .border-wrap2 { top: 330px; left: 240px; max-height: 0; overflow: hidden; } .advantages-list_content[data-was-processed] .border-wrap2 { max-height: 100%; transition: 2s ease-in-out 1.8s; } .advantages-list_content .border-wrap3 { top: 570px; left: 100px; width: 740px; max-height: 0; overflow: hidden; } .advantages-list_content[data-was-processed] .border-wrap3 { max-height: 100%; transition: 2s ease-in-out 3s; } .advantages-list .item { position: relative; z-index: 1; width: 33.3334%; padding: 25px 45px; transform: translateY(50px); opacity: 0; } .advantages-list[data-was-processed] .item { opacity: 1; transform: translateY(0px); } .advantages-list[data-was-processed] .item1 { transition: 1s 0s; } .advantages-list[data-was-processed] .item2 { transition: 1s .4s; } .advantages-list[data-was-processed] .item3 { transition: 1s .8s; } .advantages-list[data-was-processed] .item4 { transition: 1s 2s; } .advantages-list[data-was-processed] .item5 { transition: 1s 1.6s; } .advantages-list[data-was-processed] .item6 { transition: 1s 1.2s; } .advantages-list[data-was-processed] .item7 { transition: 1s 2.4s; } .advantages-list[data-was-processed] .item8 { transition: 1s 2.8s; } .advantages-list[data-was-processed] .item9 { transition: 1s 3.2s; } .advantages-list .imgWrap { display: flex; align-items: flex-end; justify-content: flex-start; margin-bottom: 20px; height: 57px; } .advantages-list .imgWrap img { flex-shrink: 0; display: block; transform: translate3d(0,0,0); } .advantages-list .gradient-text { padding-right: 50px; line-height: 1.3; height: 43px; margin-bottom: 15px; } .partners-section { margin-top: 130px; margin-bottom: 135px; } .partners-section .partners-slider { margin-top: 70px; position: relative; } .partners-slider .slick-list { padding: 0 !important; } .partners-slider .slick-prev { left: -110px; } .partners-slider .slick-next { right: -110px; } .partners-slider .imgWrap { /*padding: 0 30px;*/ text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; } .partners-slider .imgWrap img { margin: 0 auto; max-height: 100%; max-width: 100%; } .partners-slider .slick-track { display: flex; align-items: center; } .partners-slider .c-name { text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600; margin-top: 30px; transition: .3s; } .partners-slider .slide-content { padding: 0 10px; transition: .5s; } .partners-slider .slide:.slick-active.slick-center .slide-content { transition: .5s .5s; } .partners-slider .slide:not(.slick-active.slick-center) .slide-content { transform: scale(.75); color: #AEAEAE; } .partners-slider .slide:not(.slick-active.slick-center):hover .slide-content { transform: scale(1); } .partners-slider .slide:hover { cursor: pointer; } .partners-slider .slide:hover .slide-content .c-name { color: #000; } .partners-slider .slick-dots { bottom: -60px; } .border-wrap { pointer-events: none; } .reviews-section { margin-top: 260px; margin-bottom: 150px; } .reviews-section .border-wrap { position: absolute; top: -220px; left: 40%; max-height: 0; overflow: hidden; } .reviews-section.lazy-start[data-was-processed] .border-wrap { max-height: 100%; transition: 8s ease-in-out .5s; } .reviews-section .reviews-slider, .awards-section .reviews-slider { margin-top: 60px; } .reviews-slider .slide.slick-center .imgWrap { height: 630px; } .reviews-slider .slick-track { display: flex; align-items: center; } .reviews-slider .slick-list { padding: 0 !important; } .reviews-slider .imgWrap { display: flex; align-items: center; } .reviews-slider .imgWrap img { position: relative; left: 50%; transform: translateX(-50%); display: block; margin: 0 auto; max-width: 480px; max-height: 630px; transition: .5s .5s; } .reviews-slider .slide img { /*box-shadow: 0 0 5px #E40A7D;*/ border: 1px solid #E40A7D; } .reviews-slider .slide { position: relative; z-index: 1; /*padding: 10px 0;*/ } .reviews-slider .slide.slick-center { z-index: 3; } .reviews-slider .slide:not(.slick-center) img { filter: grayscale(1); max-width: 100%; max-height: 100%; width: 100%; height: 500px; object-fit: cover; opacity: .5; } .reviews-slider .slide:not(.slick-center) .imgWrap img:hover { opacity: 1; filter: grayscale(.5); cursor: pointer; } .reviews-slider .imgWrap img:hover { transition: .3s; } .reviews-section .p1 { position: absolute; top: 80px; left: -650px; opacity: 0.2; } .reviews-section .slick-prev { left: 0; } .reviews-section .slick-next { right: 0; } .reviews-section .slick-dots, .awards-section .slick-dots { bottom: -70px; } .order-section { position: relative; margin-top: 150px; padding-bottom: 180px; } .order-section .coffee-bg { position: absolute; top: 55px; left: 280px; max-width: none; } .order-section .coffee-bg.product-standart-bg { left: auto; right: -40px; top: 80px; } .order-section .p1 { position: absolute; top: 220px; left: -340px; opacity: 0.2; } .order-section .form-content { position: relative; z-index: 2; } .order-section .form-content { margin-top: 40px; } .order-section .form-content form { width: 600px; max-width: 100%; display: flex; flex-wrap: wrap; margin: 0 -20px; } .order-section .form-content .policy-content, .order-section .form-content .btnWrap { margin-top: 25px; padding: 0 20px; } form .btn .btn-content { padding: 17px 20px; } .order-section .input-item { width: 50%; padding: 10px 20px; } .order-section .input-item.w100p { width: 100%; } .order-section .bg { position: absolute; z-index: -1; top: -40px; left: 0; width: 100%; max-height: 0; } .order-section[data-was-processed] .bg { max-height: 100%; transition: 2s ease-in 1s; } .footer { position: relative; z-index: 2; padding-top: 45px; padding-bottom: 100px; border-top: 1px solid #DCD8E0; } .f-content { display: flex; justify-content: space-between; } .footer .copy-text { margin-top: 10px; font-size: 12px; } .f-row { display: flex; } .f-content .c-img-item { margin-right: 40px; } .footer .logo-link { max-width: 196px; } .f-content .address { font-style: normal; font-family: Gilroy; font-size: 16px; margin-top: 20px; } .footer .f-navs_list { margin-top: 40px; } .f-navs_list { display: flex; align-items: flex-start; margin: 0 -30px; } .f-navs_list .col { position: relative; padding: 0 30px; } .f-navs_list .col + .col:before { position: absolute; content: ''; top: 0; left: -30px; width: 1px; height: 100%; background: #BDBDBD; } .f-navs_list .title { font-size: 16px; font-weight: 700; margin-bottom: 5px; } .nav-2col-list { list-style: none; display: flex; flex-wrap: wrap; margin: 0 -20px; font-size: 16px; } .nav-2col-list li { width: 50%; padding: 5px 20px; } .nav-2col-list a { background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: brightness(0); } .nav-2col-list a:hover { filter: brightness(1); /*color: #B62C92;*/ } .dev-content { text-align: right; margin-top: 30px; } .dev-link { display: inline-flex; font-size: 12px; color: #828282; } .dev-link span { transition: .25s; } .dev-link:hover span { border-bottom-color: transparent!important; } .dev-link .grey { padding-right: 2px; border-bottom: 1px solid #828282; } .dev-link .pink { padding-left: 2px; color: #B62C92; border-bottom: 1px solid #B62C92; } .portfolio-section { margin-top: 90px; } .portfolio-section .p1, .portfolio-section .p2 { position: absolute; } .portfolio-section .p1 { opacity: 0.2; right: -550px; top: -210px; } .portfolio-section .p2 { opacity: 0.3; top: 200px; left: -640px; } .pf-content { letter-spacing: 0.05px; text-align: center; max-width: 590px; margin: 25px auto 0; } .pf-content .title { text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .portfolio-section .portfolio-slider { margin-top: 30px; } @media (min-width: 1200px) { .portfolio-slider.desktop-slider .slick-track { opacity: 1 !important; width: 1170px!important; height: 590px; transform: none!important; transition: none!important; } .portfolio-slider.desktop-slider .slick-arrow { transform: none; top: 164px; } .portfolio-slider.desktop-slider .slick-prev { left: 271px; } .portfolio-slider.desktop-slider .slick-next { right: 271px; } .portfolio-slider.desktop-slider .slide { cursor: pointer; float: none; position: absolute; width: 287px !important; height: 192px !important; border-radius: 20px; } .portfolio-slider .imgWrap { position: relative; width: 100%; height: 100%; overflow: hidden; } .portfolio-slider .preview-btn { cursor: pointer; position: absolute; right: 20px; bottom: -45px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); border-radius: 50%; opacity: 0; visibility: hidden; } .portfolio-slider.desktop-slider .slide.slick-current .preview-btn, .portfolio-slider.desktop-slider .imgWrap:hover .preview-btn { opacity: 1; visibility: visible; bottom: 15px; transition: opacity 1s 1.3s, bottom .5s 1.3s; } .portfolio-slider.desktop-slider .imgWrap:hover .preview-btn { transition: .3s; } .portfolio-slider .preview-btn:after { position: absolute; content: ''; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: 50%; background: #fff; transition: .25s; } .portfolio-slider .preview-btn:hover:after { opacity: 0; } .portfolio-slider .preview-btn img { position: relative; z-index: 3; transition: .25s; } .portfolio-slider .preview-btn:hover img { filter: brightness(0) invert(1); } .portfolio-slider .imgWrap img.preview-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; transition: 1s .4s; transform: translate3d(0,0,0); } .portfolio-slider.desktop-slider .slide:not(.slick-current) .imgWrap img.preview-img { /*filter: grayscale(1); opacity: .3;*/ } .portfolio-slider.desktop-slider .slide:not(.slick-current):hover .imgWrap img.preview-img { filter: grayscale(0); opacity: 1; opacity: .7; transition: .3s 0s; } .portfolio-slider.desktop-slider .slide { transition: top 1s .2s, left 1s .2s, width 0s .2s, height 0s .2s; } .portfolio-slider.desktop-slider.slides-fast .slide { transition: top .2s 0s, left .2s 0s, width 0s 0s, height 0s 0s; } .portfolio-slider.desktop-slider .slide.slick-current { width: 576px!important; height: 384px !important; top: 0; left: calc(50% - 288px); transition: top 1s .2s, left 1s .2s, width 1s .2s, height 1s .2s; } .portfolio-slider .slick-dots { bottom: -70px; } /*2*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide { position: absolute; top: 0; left: calc(100% - 287px); } /*3*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide { position: absolute; top: 198px; left: calc(100% - 287px); } /*4*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide { position: absolute; top: 396px; left: calc(100% - 287px); } /*5*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide + .slide { position: absolute; top: 396px; left: calc(100% - 582px); } /*6*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide + .slide + .slide { position: absolute; top: 396px; left: calc(100% - 874px); } /*7*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide + .slide + .slide + .slide { position: absolute; top: 396px; left: 0; } /*8*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide + .slide + .slide + .slide + .slide { position: absolute; top: 198px; left: 0; } /*9*/ .portfolio-slider.desktop-slider .slide.slick-current + .slide + .slide + .slide + .slide + .slide + .slide + .slide + .slide { position: absolute; top: 0; left: 0; } /*other*/ .portfolio-slider.desktop-slider .slide:not(.slick-active) { position: absolute; top: 0; left: -293px; } } .video-in-col { margin: 40px -10px 0; display: flex; } .video-in-col .item { width: 100%; padding: 10px; } .video-in-col .video-link { position: relative; width: 100%; } .video-in-col .video-link .preview { width: 100%; } .video-in-col h3 { font-size: 20px; margin-top: 15px; } .label-cr { position: absolute; z-index: 2; bottom: -10px; left: calc(50% + 50px); width: 90px; height: 90px; border-radius: 50%; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); } .modal { max-width: 100%; padding: 0; border-radius: 20px; } .modal .fancybox-close-small { display: none; } .modal-close-btn { position: absolute; z-index: 2; align-items: center; justify-content: center; width: 44px; height: 44px; background: #fff; border-radius: 50%; top: 17px; right: 17px; cursor: pointer; transition: .25s; display: none !important; } .mobile-menu .modal-close-btn { display: flex!important; } .modal-close-btn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); opacity: 0; border-radius: 50%; transition: .25s; } .modal-close-btn:hover:after { opacity: 1; } .modal-close-btn img { position: relative; z-index: 3; transition: .25s; } .modal-close-btn:hover img { filter: brightness(0) invert(1); } .modal-portfolio_content { position: relative; } .modal-portfolio_content .imgWrap img { display: block; max-width: 1200px; max-height: 1000px; border-radius: 20px; } .modal-portfolio_content .share-content { position: absolute; bottom: 20px; right: 20px; } .share-content .share-btn { cursor: pointer; padding: 10px 15px; background: #fff; border-radius: 10px; display: inline-flex; transition: .25s; } .share-content .share-btn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); opacity: 0; transition: .25s; } .share-content .share-btn:hover:after, .share-content.active .share-btn:after { opacity: 1; } .share-content .share-btn:hover .text, .share-content.active .share-btn .text { filter: brightness(0) invert(1); } .share-content .share-btn > * { position: relative; z-index: 2; transition: .25s; } .share-content .share-btn img { flex-shrink: 0; margin-right: 8px; } .share-content .share-btn:hover img, .share-content.active .share-btn img { filter: brightness(0) invert(1); } .share-content .share-links { position: absolute; bottom: calc(100% + 10px); right: 0; } .modal-content { position: relative; z-index: 1; padding: 60px 35px 25px; max-width: 400px; } .modal-content .title { text-align: center; font-size: 25px; font-weight: 700; text-transform: uppercase; line-height: 1.3; margin-bottom: 25px; } .modal-content .btnWrap { text-align: center; margin-top: 25px; } .modal-content .btn { background: #fff; } .modal-content .input-item + .input-item { margin-top: 25px; } .modal-content .policy-content { margin-top: 25px; font-size: 12px; } .modal-content .bg { position: absolute; z-index: -1; bottom: 0; right: 0; } .breadcrumb-section { padding-top: 138px; } .breadcrumb-section .container { border-bottom: 1px solid #BDBDBD; } .breadcrumb-list { padding-top: 18px; padding-bottom: 15px; } .breadcrumb-list > * { display: inline; vertical-align: middle; } .breadcrumb-list > a { border-bottom: 1px solid transparent; } .breadcrumb-list > a:hover { border-bottom-color: #000; } .breadcrumb-list span.item { /*color: #B62C92;*/ background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .breadcrumb-list .del { display: inline-block; width: 5px; height: 5px; background: #B62C92; border-radius: 50%; margin: 0 10px; } .h1-content { display: flex; align-items: center; margin-top: 50px; margin-bottom: 30px; } .h1-content .caption-desc { margin-left: 30px; } .h1-content h1 { font-size: 40px; font-weight: 600; line-height: 1.2; text-transform: uppercase; flex-shrink: 0; max-width: 100%; } .ab-img-content { width: 430px; height: 500px; display: block; float: right; } .ab-img-content img { max-width: none; max-height: 100%; /*display: none;*/ } .ab-main-section { position: relative; } .ab-main-section .bg { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; } .ab-main-section[data-was-processed] .bg { max-height: 100%; transition: 2s ease-in .5s; } .ab-video-section { margin-top: 50px; margin-bottom: 120px; } .ab-video-slider .video-link { position: relative; } @media (min-width: 1200px) { .ab-video-slider .slick-list { overflow: visible; } .ab-video-slider .video-link { display: block; width: 100%; height: 100%; } .ab-video-slider .preview { display: block; width: 100%; height: 100%; object-fit: cover; transition: .25s; } .ab-video-slider .slick-track { opacity: 1 !important; width: 1170px!important; height: 515px !important; transform: none!important; transition: none!important; } .ab-video-slider .slide:not(.slick-active) { top: 300px; left: -300px; opacity: 0; width: 200px!important; height: 150px!important; visibility: hidden; } .ab-video-slider .slide.slick-current + .slide + .slide + .slide { left: calc(100% + 40px); } .ab-video-slider .slide { position: absolute; transition: top 1s .2s, left 1s .2s, width 1s .2s, height 1s .2s, opacity 1s; } .ab-video-slider .slide.slick-current { width: 775px!important; height: 515px !important; top: 0; left: 0; } .ab-video-slider .slide.slick-current + .slide { width: 338px!important; height: 225px; top: 20px; left: 815px; } .ab-video-slider .slide.slick-current + .slide + .slide { width: 338px!important; height: 225px; top: 269px; left: 815px; } .ab-video-slider .slide:not(.slick-current) .play-btn { opacity: 0; visibility: hidden; } .ab-video-slider .slide:not(.slick-current) .preview { filter: grayscale(1); opacity: 0.55; } .ab-video-slider .slide.slick-current .preview, .ab-video-slider .slide:hover .preview { filter: grayscale(0); opacity: 1; } .ab-video-slider .slide:hover .play-btn { opacity: 1; visibility: visible; } .ab-video-slider h3 { font-size: 18px; font-weight: 700; margin-top: 50px; text-align: center; text-transform: uppercase; width: 775px; opacity: 0; visibility: hidden; } .ab-video-slider .slide.slick-current h3 { margin-top: 20px; opacity: 1; visibility: visible; transition: 1s 1s; } .ab-video-slider .slick-next { right: auto; left: 749px; } } .history-date_row { position: relative; display: flex; align-items: center; justify-content: space-around; } .history-date_row:before { position: absolute; content: ''; top: 20px; left: 0; width: 100%; height: 12px; background: #DCD8E0; border-radius: 100px; } .history-item { position: relative; cursor: pointer; } .history-item .circle { position: relative; width: 50px; height: 50px; border-radius: 50%; background: #DCD8E0; } .history-item .circle:before { position: absolute; z-index: 3; content: ''; top: 50%; left: 50%; width: 30px; height: 30px; transform: translate(-50%, -50%); border-radius: 50%; border: 5px solid #fff; } .history-item .circle:after { position: absolute; content: ''; top: 50%; left: 50%; width: 20px; height: 20px; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); transform: translate(-50%, -50%); border-radius: 50%; animation: animateborder 3s ease infinite paused; transition: .25s; } .history-item:hover .circle:after, .history-item.active .circle:after { width: 100%; height: 100%; background-size: 200%; animation-play-state: running; } .history-item .date { position: absolute; top: calc(100% + 10px); left: 50%; text-align: center; width: 75px; padding: 0; box-shadow: 0px 0px 14px transparent; transform: translateX(-50%); border-radius: 2px; transition: .3s; } .history-item.active .date { padding: 7px 10px; box-shadow: 0px 0px 14px #DAD6DE; } .history-item .date:before { position: absolute; content: ''; bottom: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-bottom: 7px solid #fff; opacity: 0; transition: .3s; } .history-item.active .date:before { opacity: 1; } .history-tab_content, .pf-tab_content .pf-tab { display: none; margin-top: 0; opacity: 0; } .history-tab_content.active, .pf-tab_content .pf-tab.active { display: block; opacity: 0; } .history-tab_content.active.start, .pf-tab_content .pf-tab.active.start { opacity: 1; margin-top: 70px; transition: margin-top .5s, opacity 1s .2s; } .pf-tab_content .pf-tab.active.start { margin-top: 40px; } .history-tab_content .imgWrap { float: left; margin-right: 60px; margin-bottom: 25px; max-width: 365px; } .history-tab_content .imgWrap img { display: block; } .awards-section { margin-top: 100px; margin-bottom: 150px; } .catalog-products-section { position: relative; } .product-list { display: flex; flex-wrap: wrap; margin: 0 -13px; } .product-list .item { width: 33.3334%; padding: 20px 13px; } .product-list .item-content { display: flex; align-items: center; border-radius: 10px; padding: 12px 15px; transition: .25s; } .product-list .item-content:hover { background: #FFFFFF; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); } .product-list .imgWrap { width: 180px; height: 216px; display: flex; align-items: center; justify-content: center; padding: 8px; flex-shrink: 0; margin-right: 15px; } .product-list .imgWrap img { display: block; max-width: 100%; max-height: 100%; transform: translate3d(0,0,0); } .product-list h3 { font-size: 16px; text-transform: uppercase; color: #000; filter: brightness(0); height: 72px; transition: .3s; } .product-list .item-content:hover h3 { filter: brightness(1); } .product-list .btnWrap { margin-top: 13px; } .product-list .btn { font-size: 14px; min-width: auto; width: 100%; } .product-list .btn .btn-content { padding: 11px 17px; } .product-list .btn-content .text { padding-right: 10px; } .product-list .btn-content img { margin-left: 10px; } .catalog-products-section .p1 { position: absolute; top: -170px; right: -750px; opacity: 0.3; } .catalog-products-section .p2 { position: absolute; top: 500px; left: -840px; opacity: 0.3; } .catalog-products-section .bg { position: absolute; top: 370px; left: 0; width: 100%; max-height: 0; } .catalog-products-section .bg[data-was-processed] { max-height: 100%; transition: 4s ease-in 1s; } .seo-section { margin: 40px 0 80px; } .product-detail_content { display: flex; } .product-detail_content .imgWrap { position: relative; width: 550px; flex-shrink: 0; margin-left: 15px; } .product-detail_content .imgWrap img { position: absolute; /*top: 0;*/ top: 50%; left: 0; /*max-width: 100%; max-height: 100%;*/ display: block; transform: translateY(-50%); } .pd-icon-wtext { display: flex; align-items: center; } .pd-icon-wtext img { flex-shrink: 0; margin-right: 10px; } .pd-icon-wtext .text { text-transform: uppercase; font-weight: 700; } .switch-btn-content { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 50px; } .switch-btn-content .switch-btn { position: absolute; z-index: 2; top: 0; left: 50%; text-transform: uppercase; font-weight: 700; filter: brightness(0) opacity(0.5); line-height: 38px; transition: .25s; } .switch-btn-content .switch-btn.first { transform: translateX(-100%); padding-right: 55px; } .switch-btn-content .switch-btn.second { padding-left: 55px; } .switch-btn-content.left .switch-btn.first, .switch-btn-content.right .switch-btn.second, .switch-btn-content .switch-btn:hover { filter: brightness(1) opacity(1); } .switch-btn-content .switch-center { position: relative; width: 80px; height: 38px; border-radius: 20px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); } .switch-btn-content .switch-center:before { position: absolute; content: ''; top: 1px; left: 1px; right: 1px; bottom: 1px; background: #fff; border-radius: 20px; } .switch-btn-content .switch-center:after, .switch-btn-content.left .switch-center:after { position: absolute; content: ''; top: 5px; left: 6px; bottom: 5px; width: 40px; border-radius: 20px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); } .switch-btn-content.right .switch-center:after { transform: translateX(-100%); left: calc(100% - 6px); } .product-detail-section { position: relative; } .product-detail-section .p1 { position: absolute; top: -170px; right: -750px; opacity: 0.3; } .product-detail-section .p2 { position: absolute; top: 500px; left: -840px; opacity: 0.3; } .product-detail-section .bg { position: absolute; top: -160px; left: 0; width: 100%; max-height: 0; } .product-detail-section .bg[data-was-processed] { max-height: 970px; transition: 4s ease-out 1s; } .products-line-section { margin: 60px 0; } .product-line-list { display: flex; flex-wrap: wrap; } .product-line-list.tarelki, .product-line-list.kremanki { align-items: flex-end; justify-content: space-between; } .product-line-list.lotki { align-items: center; justify-content: center; } .product-line-list.dvuhsloyn, .product-line-list.odnosloyn { align-items: flex-end; } .product-line-list .imgWrap { position: relative; } .product-line-list.dvuhsloyn .imgWrap, .product-line-list.odnosloyn .imgWrap { display: flex; align-items: flex-end; justify-content: center; } .product-line-list.tarelki .item, .product-line-list.lotki .item, .product-line-list.kremanki .item, .product-line-list.dvuhsloyn .item, .product-line-list.odnosloyn .item { width: 25%; padding-top: 140px; } .product-line-list.lotki .item { width: 33.3334%; } .product-line-list.kremanki .item { padding-top: 120px; } .product-line-list.dvuhsloyn .item, .product-line-list.odnosloyn .item { padding-top: 40px; } .product-line-list .imgWrap img { display: block; margin: 0 auto; } .product-line-list.dvuhsloyn .imgWrap img, .product-line-list.odnosloyn .imgWrap img { margin-right: 0; } .product-line-list .label { position: absolute; bottom: 10px; right: 25px; width: 48px; height: 48px; border-radius: 50%; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); } .product-line-list.lotki .label, .product-line-list.kremanki .label { right: 70px; } .product-line-list.dvuhsloyn .label { right: 110px; bottom: 0; } .product-line-list.odnosloyn .label { right: 140px; bottom: 0; } .product-line-list.tarelki .item-info_list, .product-line-list.lotki .item-info_list, .product-line-list.kremanki .item-info_list { position: absolute; z-index: 2; width: 264px; bottom: calc(100% - 10px); left: calc(50% - 132px); background: #FFFFFF; border-radius: 5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); display: flex; flex-wrap: wrap; padding: 6px 0; } .product-line-list.dvuhsloyn .item-info_list, .product-line-list.odnosloyn .item-info_list { position: relative; z-index: 2; width: 95px; flex-shrink: 0; margin-left: 18px; background: #FFFFFF; border-radius: 5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); } .product-line-list.tarelki .item-info_list .item-info, .product-line-list.lotki .item-info_list .item-info { width: 50%; padding: 8px 33px; } .product-line-list.kremanki .item-info_list .item-info { width: 33.3334%; padding: 8px 10px; } .product-line-list.dvuhsloyn .item-info_list .item-info, .product-line-list.odnosloyn .item-info_list .item-info { position: relative; z-index: 2; background: #fff; width: 100%; padding: 13px 10px 13px 18px; } .product-line-list.tarelki .item-info_list .name, .product-line-list.lotki .item-info_list .name, .product-line-list.kremanki .item-info_list .name, .product-line-list.dvuhsloyn .item-info_list .name , .product-line-list.odnosloyn .item-info_list .name { font-size: 12px; line-height: 1.3; } .product-line-list.tarelki .item-info_list .value, .product-line-list.lotki .item-info_list .value, .product-line-list.kremanki .item-info_list .value, .product-line-list.dvuhsloyn .item-info_list .value, .product-line-list.odnosloyn .item-info_list .value { font-size: 12px; font-weight: 700; margin-top: 5px; } .product-line-list.tarelki .item-info_list:before, .product-line-list.lotki .item-info_list:before, .product-line-list.kremanki .item-info_list:before { position: absolute; content: ''; top: 100%; left: 50%; transform: translateX(-50%); border: 9px solid transparent; border-top-color: #fff; } .product-line-list.dvuhsloyn .item-info_list:before, .product-line-list.odnosloyn .item-info_list:before { position: absolute; z-index: -1; content: ''; top: 50%; left: auto; right: calc(100% - 4px); width: 9px; height: 9px; transform: translateY(-50%) rotate(45deg); background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.2); } .product-detail_row { display: flex; align-items: center; justify-content: space-between; margin-top: -55px; } .product-detail_row .border-wrap { position: absolute; z-index: -1; pointer-events: none; max-height: 0; overflow: hidden; } .product-detail_row .border-wrap img { display: block; max-width: none; } .product-detail_row .border-wrap.b1 { top: -30px; left: 100px; } .product-detail-section[data-was-processed] .border-wrap.b1 { max-height: 100px; transition: .5s linear 3s; } .product-detail_row .border-wrap.b2 { max-height: 1000px; max-width: 0; top: -80px; left: 10px; } .product-detail-section[data-was-processed] .border-wrap.b2 { max-width: 440px; transition: 1.5s ease-out 4s; } .product-detail_row .border-wrap.b3 { top: calc(100% + 30px); left: 140px; max-height: 1000px; height: 100px; width: 0; } .product-detail-section[data-was-processed] .border-wrap.b3 { width: 300px; transition: .7s linear 3.3s; } .product-detail_row .l-content { text-align: left; } .product-detail_row .content { position: relative; width: 50%; } .product-detail_row .iconWrap { margin-bottom: 10px; } .product-detail_row .iconWrap img { display: block; } .product-detail_row .r-content .iconWrap img { margin-left: auto; } .product-detail_row .title { display: inline-flex; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } .product-detail_row .imgWrap { width: 320px; flex-shrink: 0; } .product-detail_row .imgWrap img { display: block; max-width: 100%; max-height: 400px; margin: 0 auto; } .product-detail_row .r-content { text-align: right; } .product-detail_content-v2 .title-lg { font-size: 16px; text-transform: uppercase; font-weight: 700; max-width: 370px; margin-top: 55px; } .product-advantages-section { position: relative; margin-top: 250px; margin-bottom: 50px; } .product-advantages-section .bg { position: absolute; top: 140px; left: 0; max-height: 0; } .product-advantages-section[data-was-processed] .bg { max-height: 600px; transition: 4s ease-out .5s; } .product-advantages-section .border-wrap { position: absolute; max-height: 0; overflow: hidden; pointer-events: none; } .product-advantages-section .border-wrap.b1 { left: 570px; /*top: -220px;*/ top: -80px; display: none !important; } .product-advantages-section[data-was-processed] .border-wrap.b1 { max-height: 100%; transition: 4s ease-in-out 1.5s; } .product-advantages-section .caption { max-width: 550px; } .padv-tabs_row { position: relative; z-index: 2; display: flex; flex-wrap: wrap; margin-bottom: 55px; } .padv-tabs_row.js-tab-slider { padding: 0 30px; } .padv-tabs_row.tabs-style-2 { justify-content: center; } .padv-tabs_row .tab-item { position: relative; margin: 7px 9px; padding: 6px 15px; color: #000; font-weight: 700; min-width: 80px; text-align: center; cursor: pointer; transition: .25s; } .padv-tabs_row.tabs-style-2 .tab-item { padding: 0; margin: 7px 35px; } .padv-tabs_row .tab-item.active, .padv-tabs_row .tab-item:hover { color: #fff; } .padv-tabs_row .tab-item:before { position: absolute; content: ''; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); filter: brightness(0) opacity(.05); transition: .25s; } .padv-tabs_row.tabs-style-2 .tab-item:before { display: none; } .padv-tabs_row .tab-item.active:before, .padv-tabs_row .tab-item:hover:before { filter: brightness(1) opacity(1); } .padv-tabs_row.tabs-style-2 .text { text-transform: uppercase; filter: brightness(0) opacity(.4); transition: .25s; } .padv-tabs_row.tabs-style-2 .tab-item.slick-active .text, .padv-tabs_row.tabs-style-2 .tab-item:hover .text, .padv-tabs_row.tabs-style-2:not(.js-tab-slider) .tab-item.active .text { filter: brightness(1) opacity(1); } .padv-area_list + .tab-area { margin-top: 45px; padding-top: 38px; border-top: 1px solid #BDBDBD; } .padv-tab_content { display: none; margin-top: 0; opacity: 0; } .padv-tab_content + .adv-product_spec-area { margin-top: 120px; } .padv-tab_content.active { display: block; } .padv-tab_content.active.start { opacity: 1; margin-top: 60px; transition: margin-top .5s, opacity 1s .2s; } .padv-tab_content.active.start.offset-sm { margin-top: 30px; } .padv-area_title { text-transform: uppercase; text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 15px; margin-top: 20px; } .caption-row + .padv-area_title { margin-top: 15px; } .padv-area_list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .padv-area_list .item { padding: 10px 30px; width: 25%; } .padv-area_list .item-content { display: flex; align-items: center; } .padv-area_list .imgWrap { flex-shrink: 0; width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); border: 8px solid #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; } .padv-area_list .text { margin-left: 15px; line-height: 1.25; } .adv-product_char-area { position: relative; display: flex; align-items: center; justify-content: center; } .adv-product_char-area .adv-product_img { display: block; } .adv-product_char-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; align-content: space-around; } .adv-product_char-list .item { width: 50%; text-align: right; } .adv-product_char-list .item:nth-child(odd) { padding-right: 340px; } .kremanki-st1 .adv-product_char-list .item:nth-child(odd) { padding-right: 300px; } .adv-product_char-list .item:nth-child(2n) { text-align: left; padding-left: 340px; } .kremanki-st1 .adv-product_char-list .item:nth-child(2n) { padding-left: 300px; } .adv-product_char-list .desc { position: relative; } .adv-product_char-list .param-name { display: inline-flex; font-weight: 700; text-transform: uppercase; } .adv-product_char-list .param-value { font-weight: 700; margin-top: 3px; } .adv-product_char-list .line { position: absolute; top: 50%; left: calc(100% + 20px); width: 120px; height: 1px; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); } .kremanki-st1 .adv-product_char-list .line { width: 215px; } .adv-product_char-list .item:nth-child(2n) .line { left: auto; right: calc(100% + 20px); background: linear-gradient(-90deg, #E40A7D 0%, #1C9BD7 100%); } .adv-product_char-list .item:nth-child(3) .line, .adv-product_char-list .item:nth-child(4) .line { width: 150px; } .kremanki-st1 .adv-product_char-list .item:nth-child(3) .line, .kremanki-st1 .adv-product_char-list .item:nth-child(4) .line { width: 215px; } .adv-product_char-list .item .line .circle { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); transform: translateY(-50%); border-radius: 50%; } .adv-product_char-list .item:nth-child(2n) .line .circle { right: auto; left: 0; background: linear-gradient(-90deg, #E40A7D 0%, #1C9BD7 100%); } .adv-product_char-list .item .line .circle:after { position: absolute; content: ''; top: 50%; left: 50%; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; transform: translate(-50%, -50%); } .padv-area_list + .adv-product_char-area { margin-top: 60px; } .adv-product_spec-area { position: relative; } .adv-product_spec-area .b2 { top: -120px; left: 280px; } .adv-product_spec-area[data-was-processed] .b2 { max-height: 136px; transition: 1s ease-in-out 1.5s; } .adv-product_spec-list { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -9px; } .adv-product_spec-list .item { width: 33.3334%; padding: 30px 9px; } .adv-product_spec-list .item-content { position: relative; background: rgba(255,255,255,.9); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 18px 60px 18px 75px; } .adv-product_spec-list .icon { position: absolute; left: 0; top: -35px; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 8px solid #fff; background: linear-gradient(90deg, #E40A7D 0%, #1C9BD7 100%); } .adv-product_spec-list h3 { line-height: 1.2; font-size: 16px; font-weight: 700; min-height: 39px; display: inline-flex; } .adv-product_spec-list p { margin-top: 5px; } .adv-product_char-area + .adv-product_spec-area, .adv-product_compl-area + .adv-product_spec-area, .padv-tab_content > .adv-product_spec-area:first-child, .padv-area_list + .adv-product_spec-area { margin-top: 130px; } .caption-row + .adv-product_spec-area { margin-top: 40px; } .adv-product_char-area + .adv-product_compl-area { margin-top: 40px; } .adv-product_compl-area .padv-area_title { margin-bottom: 0; } .js-tab-name { user-select: none; } .adv-product_compl-list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .adv-product_compl-list .text { font-weight: 700; text-transform: uppercase; margin-left: 25px; } .adv-product_compl-list .item { padding: 20px 30px; } .adv-product_compl-list .item-content { display: flex; align-items: center; justify-content: center; } .adv-product_compl-list .imgWrap { flex-shrink: 0; } .adv-product_compl-list .imgWrap img { display: block; width: 145px; height: 145px; object-fit: cover; border-radius: 50%; } .product-properties-section { position: relative; z-index: 2; margin-top: 90px; } .product-properties-section .tab-area { position: relative; left: -9px; margin-top: 18px; } .product-properties-section .sub-title { font-size: 16px; text-transform: uppercase; font-weight: 700; margin-top: 40px; } .product-properties-section .adv-product_char-list .item:nth-child(odd) { padding-right: 400px; } .product-properties-section .adv-product_char-list .item:nth-child(2n) { padding-left: 400px; } .product-properties-section .adv-product_char-list .line { width: 240px !important; } .product-properties-section .adv-product_char-list { align-content: center; } .product-properties-section .adv-product_char-list .item { margin: 30px 0; } .product-properties-section .padv-tab_content.active { margin-top: 15px; } .product-properties-section .padv-tab_content.active.start { margin-top: -35px; } .product-properties-section + .product-advantages-section { margin-top: 100px; } .product-steps-section { position: relative; margin-top: 175px; } .product-steps-section .bg { position: absolute; top: 340px; width: 100%; right: 0; max-height: 0; } .product-steps-section .border-wrap.s0 { position: absolute; top: -170px; left: 415px; max-height: 0; overflow: hidden; } .product-steps-section[data-was-processed] .border-wrap.s0 { max-height: 140px; transition: 1s ease-out 1s; } .product-steps-section[data-was-processed] .bg { max-height: 970px; transition: 6s ease-out 2s; } .product-steps-section .caption-row { margin-bottom: 70px; } .product-steps_content { position: relative; } .product-steps_list { height: 750px; display: flex; flex-wrap: wrap; align-content: space-around; } .product-steps_content .product-imgWrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .product-steps_content .product-img { position: absolute; top: 50%; left: 50%; max-height: 900px; transform: translate3d(-50%, -50%, 0); display: block; } .product-steps_content .item { position: relative; width: 50%; } .product-steps_content .item-content { position: relative; z-index: 2; } .product-steps_list .item:nth-child(2n) { padding-left: 200px; } .product-steps_list .item:nth-child(odd) { padding-right: 200px; } .product-steps_list .item:nth-child(2n) .item-content { top: 60px; } .product-steps_content .item-content { padding: 20px 25px 25px; background: rgba(255,255,255,.9); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; } .product-steps_content .numb { display: inline-flex; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; } .product-steps_content h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; line-height: 1.2; } .product-steps_content .item .border-wrap { position: absolute; z-index: -1; height: 170px; width: 0; overflow: hidden; } .product-steps_content .border-wrap img { max-width: none; position: absolute; top: 0; left: 0; } .product-steps_list .item:nth-child(2n) .border-wrap img { left: auto; right: 0; } .product-steps_list .item:nth-child(1) .border-wrap { top: -70px; left: 360px; transition: width 2s 1.2s; } .product-steps_list .item:nth-child(2) .border-wrap { top: calc(100% + 10px); right: 290px; transition: width 2s 2s; } .product-steps_list .item:nth-child(3) .border-wrap { top: calc(100% + 10px); left: 130px; transition: width 2s 3s; } .product-steps_list .item:nth-child(4) .border-wrap { top: calc(100% + 30px); right: 168px; transition: width 2s 4s; } .product-steps_list .item[data-was-processed] .border-wrap { width: 630px; } .portfolio-section + .advantages-section { margin-top: 160px; } .pf-slider_content { position: relative; margin-top: 40px; } .pf-slider_content:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); } .pf-slider_nav .slick-arrow { z-index: 3; width: 11px; height: 30px; } .pf-slider_nav .slick-arrow:before { position: absolute; content: ''; top: 0; left: 50%; width: 40px; height: 100%; /*background: red;*/ transform: translateX(-50%); } .pf-slider_nav .slick-prev { left: 0; background: url(/bitrix/templates/artlend/css/../img/icons/prev.svg) center no-repeat; } .pf-slider_nav .slick-next { right: 0; background: url(/bitrix/templates/artlend/css/../img/icons/next.svg) center no-repeat; } .pf-slider_nav .slick-list:after { position: absolute; content: ''; pointer-events: none; top: 0; right: 0; width: 100px; height: calc(100% - 1px); background: linear-gradient(to right, rgba(255,255,255,0), #fff); } /*.pf-slider_nav .slick-list:before { position: absolute; z-index: 1; content: ''; pointer-events: none; top: 0; left: 0; width: 25px; height: calc(100% - 1px); background: linear-gradient(to left, rgba(255,255,255,0), #fff); }*/ .pf-slider_nav .p-title { font-weight: 600; text-transform: uppercase; filter: brightness(0) opacity(0.5); padding: 20px 25px; transition: .25s; } .pf-slider_nav .slick-current .p-title, .pf-slider_nav .slide:hover .p-title { filter: brightness(1) opacity(1); cursor: pointer; } .standart-section { position: relative; margin-bottom: 80px; } .standart-section .bg { position: absolute; top: -200px; left: 0; width: 100%; max-height: 0; } .standart-section .bg[data-was-processed] { max-height: 900px; transition: 3s ease-out .5s; } .standart-section .p1 { position: absolute; top: -200px; right: -750px; opacity: 0.3; } .standart-section .p2 { position: absolute; top: 100px; left: -840px; opacity: 0.3; } .contact-page_content { display: flex; margin-top: 40px; margin-bottom: 120px; } .contact-page_content .col2 { width: 670px; flex-shrink: 0; margin-left: 60px; } .cp-list .item + .item { margin-top: 40px; } .cp-list .item-content { display: flex; align-items: flex-start; } .cp-list .iconWrap { width: 25px; height: 27px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 20px; } .cp-list .iconWrap img { display: block; } .cp-list .text { font-size: 16px; color: #000; font-style: normal; } .contact-page_content .btnWrap { margin-top: 50px; } .contact-page_content .map { position: relative; margin-top: -88px; width: 100%; height: 480px; border-radius: 30px; overflow: hidden; background: #ccc; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } @keyframes rotate360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .contact-page_content .map:before { position: absolute; content: ''; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px; border-radius: 50%; border: 6px solid #fff; border-top-color: rgba(255,255,255,.3); border-right-color: rgba(255,255,255,.3); animation: rotate360 2s linear infinite; } .map-address { max-width: 235px; } .equipment-section { /*margin-top: 130px;*/ margin-top: 100px; } .equipment-section .tab-area { margin-top: 30px; } .equipment-section .p1 { position: absolute; z-index: 3; top: 50px; left: -840px; opacity: 0.3; } @media (min-width: 1200px) { .slider-f-cols { position: relative; width: 980px; margin: 0 auto; } .slider-f-cols:before, .slider-f-cols:after { position: absolute; z-index: 2; content: ''; top: 0; width: 50vw; height: 100%; } .slider-f-cols:before { right: calc(100% + 120px); background: #fff; } .slider-f-cols:after { left: calc(100% + 120px); background: #fff; } .slider-f-cols .slide { position: relative; height: 385px; height: 475px; padding-bottom: 90px; cursor: pointer; } .slider-f-cols .slide.slick-active { z-index: 2; } .slider-f-cols .slick-current.slick-center { z-index: 3; } .slider-f-cols .slide:not(.slick-active) .slide-content { opacity: 0; } .slider-f-cols.no-slide .slide-content { opacity: 1 !important; } .slider-f-cols .slick-list { overflow: visible; padding: 0!important; } .slider-f-cols .slick-track { display: flex; align-items: center; } .slider-f-cols .slide-content { position: relative; top: 50%; left: 50%; width: 515px; transform: translate(-50%, -50%); transition: .4s; } .slider-f-cols .imgWrap img.preview-img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; filter: grayscale(1); opacity: .25; transition: .5s; } .slider-f-cols .slick-current.slick-center .imgWrap img.preview-img, .slider-f-cols .slide:hover .imgWrap img.preview-img { filter: grayscale(0); opacity: 1; } .slider-f-cols .slide-content .imgWrap { position: relative; height: 345px; transition: .4s; } .slider-f-cols .slick-current.slick-center { cursor: default; } .slider-f-cols .slick-current.slick-center .slide-content { width: 575px; } .slider-f-cols .slick-current.slick-center .slide-content .imgWrap { height: 385px; } .slider-f-cols .wys-text { position: absolute; top: calc(100% + 45px); left: 0; width: 585px; opacity: 0; visibility: hidden; } .slider-f-cols .slick-current.slick-center .wys-text { top: calc(100% + 15px); opacity: 1; visibility: visible; transition: .7s .3s; } .slider-f-cols.two-slide .slick-list { display: flex; justify-content: center; } .slider-f-cols.no-slide .slick-track { transform: none!important; } .equipment-tab_contentWrap .title { text-align: center; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 25px; } .equipment-tab_contentWrap .padv-tab_content.active.start { margin-top: 40px; } .slider-f-cols .slick-current.slick-center .preview-btn { bottom: 25px; opacity: 1; visibility: visible; transition: .5s; } .slider-f-cols .slick-current.slick-center .video-btn { bottom: 25px; opacity: 1; visibility: visible; transition: .5s; } } .slider-f-cols .preview-btn { cursor: pointer; position: absolute; right: 30px; bottom: -45px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); border-radius: 50%; opacity: 0; visibility: hidden; } .slider-f-cols .preview-btn:after { position: absolute; content: ''; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: 50%; background: #fff; transition: .25s; } .slider-f-cols .preview-btn img { position: relative; z-index: 3; transition: .25s; } .slider-f-cols .preview-btn:hover:after { opacity: 0; } .slider-f-cols .preview-btn:hover img { filter: brightness(0) invert(1); } .video-btn { position: absolute; left: 30px; bottom: 25px; display: inline-flex; } .slider-f-cols .video-btn { bottom: -45px; opacity: 0; visibility: hidden; } .video-btn .v-play { position: relative; display: flex; align-items: center; justify-content: center; width: 43px; height: 32px; background: #fff; border-radius: 3px; transition: .25s; } .video-btn .v-play:before { position: absolute; content: ''; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: linear-gradient(45deg, #E40A7D, #1C9BD7); opacity: 0; transition: .25s; } .video-btn:hover .v-play:before { opacity: 1; } .video-btn .v-play img { display: block; position: relative; z-index: 2; transition: .25s; } .video-btn:hover .v-play img { filter: brightness(0) invert(1); } .video-btn:hover .v-play { } .video-btn .text { line-height: 1.25; margin-top: -1px; margin-left: 10px; font-size: 12px; } .portfolio-section + .partners-section { margin-top: 170px; } .nf-section { position: relative; padding-top: 170px; padding-bottom: 280px; } .nf-section .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; max-height: 0; } .nf-section .bg[data-was-processed] { max-height: 775px; transition: 3.2s ease-out .5s; } .nf-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .nf-content .caption { font-size: 50px; } .nf-content .caption-desc { font-size: 16px; margin-top: 15px; } .nf-content .btnWrap { margin-top: 40px; } .nf-section .s1, .nf-section .s2 { position: absolute; z-index: -1; } .nf-section .s1 { top: -60px; left: -100px; } .nf-section .s2 { top: -170px; right: -170px; } .nf-section .p1 { position: absolute; top: -200px; right: -750px; opacity: 0.3; } .nf-section .p2 { position: absolute; top: 100px; left: -840px; opacity: 0.3; } .certificate-section { position: relative; margin-bottom: 60px; } .certificate-section .bg { position: absolute; top: -200px; left: 0; width: 100%; max-height: 0; } .certificate-section .bg[data-was-processed] { max-height: 900px; transition: 3s ease-out .5s; } .certificate-section .p1 { position: absolute; top: -200px; right: -750px; opacity: 0.3; } .certificate-section .p2 { position: absolute; top: 100px; left: -840px; opacity: 0.3; } .certificate-list { display: flex; flex-wrap: wrap; margin: 0 -9px; } .certificate-list .item { width: 33.3334%; padding: 9px; } .certificate-list .item-content { display: flex; align-items: center; justify-content: center; } .certificate-list .certificate-link { position: relative; display: block; height: 270px; } .certificate-list .certificate-link:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; transition: .25s; } .certificate-list .certificate-link:hover:after { opacity: 1; } .certificate-list .certificate-link img { display: block; max-height: 100%; } .certificate-section .btnWrap { text-align: center; margin-top: 40px; } .certificate-list .certificate-link .preview-btn { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background-image: linear-gradient(45deg, #E40A7D, #1C9BD7); border-radius: 50%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%); transition: .25s; } .certificate-list .certificate-link .preview-btn:before { position: absolute; content: ''; top: 1px; right: 1px; bottom: 1px; left: 1px; background: #fff; border-radius: 50%; } .certificate-list .certificate-link:hover .preview-btn { opacity: 1; visibility: visible; } .certificate-list .certificate-link .preview-btn img { display: block; position: relative; z-index: 2; } .fancybox-toolbar { opacity: 1; visibility: visible; } .fancybox-toolbar > *:not(.fancybox-button--close) { display: none; } .fancybox-toolbar .fancybox-button--close svg { display: none; } .fancybox-toolbar .fancybox-button--close { position: relative; top: 15px; right: 15px; border-radius: 50%; background: #fff; transition: .25s; } .fancybox-toolbar .fancybox-button--close:before { position: absolute; z-index: 2; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(45deg, #E40A7D, #1C9BD7); opacity: 0; transition: .25s; } .fancybox-toolbar .fancybox-button--close:hover:before { opacity: 1; } .fancybox-toolbar .fancybox-button--close:after { position: absolute; z-index: 3; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url(/bitrix/templates/artlend/css/../img/icons/modal-close.svg) center no-repeat; transition: .25s; } .fancybox-toolbar .fancybox-button--close:hover:after { filter: brightness(0) invert(1) } body.oh { margin-right: 17px; } body.oh .header { right: 17px; transition: 0s!important; } .mobile-menu { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; background: linear-gradient(135deg, #DAD6DE, #fff); transform: translateY(-100%); transition: transform .4s ease-out 1.4s; } .mobile-menu.init { display: block; } .mobile-menu .modal-close-btn { right: -70px; } .mobile-menu.active { transform: translateY(0); transition: transform .4s ease-in; } .mobile-menu .container { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; } .mobile-menu .vscroll-style-1 { max-height: 100vh; } .mobile-head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .mobile-head > * { position: relative; top: 20px; opacity: 0; transition: .3s ease-out .6s; } .mobile-menu.active .mobile-head > * { top: 0; opacity: 1; transition: .4s ease-out .8s; } .mobile-head:before { position: absolute; content: ''; bottom: 0; left: 50%; width: 0; height: 1px; transform: translateX(-50%); background: linear-gradient(45deg, #E40A7D, #1C9BD7); transition: .3s ease-out 1.1s; } .mobile-menu.active .mobile-head:before { width: 100vw; transition: width .4s ease-out .4s; } .mobile-body { position: relative; display: flex; padding: 40px 0; margin: 0 -30px; flex-grow: 1; } .mobile-body:before { position: absolute; content: ''; top: 0; left: 50%; width: 1px; height: 0; background: linear-gradient(45deg, #E40A7D, #1C9BD7); transition: .3s ease-out .9s; } .mobile-menu.active .mobile-body:before { height: 100%; transition: height .4s ease-out .6s; } .mobile-body .mm-row { width: 50%; padding: 0 30px; position: relative; top: 20px; opacity: 0; transition: .3s ease-out .3s; } .mobile-menu.active .mobile-body .mm-row { top: 0; opacity: 1; transition: .3s ease-out 1s; } .mobile-body .title { font-size: 18px; text-transform: uppercase; display: inline-flex; font-weight: 700; margin-bottom: 15px; } .mobile-body .list { list-style: none; } .mobile-body .list li + li { margin-top: 8px; } .mobile-body .nav-link { font-size: 16px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: brightness(0); } .mobile-body .nav-link:hover { filter: brightness(1); /*color: #B62C92;*/ } .mobile-footer { position: relative; display: flex; align-items: center; padding: 40px 0; } .mobile-footer:before { position: absolute; content: ''; top: 0; left: 50%; width: 0; height: 1px; transform: translateX(-50%); background: linear-gradient(45deg, #E40A7D, #1C9BD7); transition: .3s ease-out 0.7s; } .mobile-menu.active .mobile-footer:before { width: 100vw; transition: width .4s ease-out .8s; } .mobile-footer .c-img-item { width: 50%; position: relative; top: 20px; opacity: 0; transition: .3s ease-out 0s; } .mobile-menu.active .mobile-footer .c-img-item { top: 0; opacity: 1; transition: .3s ease-out 1.1s; } .padv-tabs_row .slick-prev { left: 0; } .padv-tabs_row .slick-next { right: 0; } .padv-tabs_row .slick-arrow { z-index: 2; width: 11px; height: 30px; } .padv-tabs_row .slick-prev { left: 0; background: url(/bitrix/templates/artlend/css/../img/icons/prev.svg) center no-repeat; } .padv-tabs_row .slick-next { right: 0; background: url(/bitrix/templates/artlend/css/../img/icons/next.svg) center no-repeat; } .padv-tabs_row .slick-arrow:before { position: absolute; content: ''; top: 0; left: 50%; width: 40px; height: 100%; /*background: red;*/ transform: translateX(-50%); } .soc-share-links { display: flex; align-items: center; list-style: none; } .soc-share-links li + li { margin-left: 8px; } .soc-share-links .ss-link { display: block; width: 30px; height: 30px; border-radius: 50%; padding: 8px; } .soc-share-links .ss-link:hover { opacity: .7; } .soc-share-links .ss-link.tg { background: #64a9dc; } .soc-share-links .ss-link.wa { background: #65bc54; } .soc-share-links .ss-link.vb { background: #7b519d; } .soc-share-links .ss-link.vk { background: #07f; } .soc-share-links .ss-link svg { display: block; width: 100%; height: 100%; object-fit: cover; fill: #fff; } .blog-detail_content .detail-picture { display: block; float: left; margin-right: 32px; margin-bottom: 30px; max-width: 580px; max-height: 700px; } .blog-item-list { display: flex; flex-wrap: wrap; margin: 0 -9px; } .blog-item-list .item { width: 25%; padding: 14px 9px; } .blog-item-list .item-content { display: block; position: relative; z-index: 2; } .blog-item-list .item-content:hover { z-index: 3; } .blog-item-list .item-content:before { position: absolute; z-index: -1; content: ''; top: -9px; right: -9px; bottom: -14px; left: -9px; background: #fff; border-radius: 5px; box-shadow: 0 8px 15px rgba(0,0,0,.15); opacity: 0; transition: .25s; } .blog-item-list .item-content:hover:before { opacity: 1; } .blog-item-list .imgWrap { width: 100%; height: 295px; } .blog-item-list .imgWrap img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .blog-item-list .title { margin-top: 15px; font-size: 14px; text-transform: uppercase; color: #000; letter-spacing: .5px; filter: brightness(0); transition: .25s; } .blog-item-list .item-content:hover .title { filter: brightness(1); } .standart-section .area-with-nav { margin-top: 25px; } .navigation-list { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .navigation-list .item { position: relative; display: block; width: 51px; height: 51px; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 50%; background: #fff; font-family: Gilroy; font-weight: 400; } .navigation-list .item:before { position: absolute; content: ''; z-index: -1; top: -1px; right: -1px; bottom: -1px; left: -1px; background: linear-gradient(45deg, #E40A7D, #1C9BD7); border-radius: 50%; transition: .25s; } .navigation-list a.item:before { opacity: 0; } .navigation-list a.item:hover:before { opacity: 1; } .navigation-list a.item:hover { color: #fff; } .navigation-list a.item { background: transparent; } .navigation-list a.item:hover:before { } .navigation-list .item + .item { margin-left: 14px; } .navigation-list a.item { color: #000; } .navigation-list-area { margin-top: 60px; } .btn.show-more .btn-content img { transform: rotate(90deg); } .navigation-list-area { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .navigation-list-area .navigation-list { order: 2; margin-top: 25px; } .navigation-list-area .btn.show-more { order: 1; } .news-more-section { margin-top: 190px; margin-bottom: 120px; } .news-more-section .caption { margin-bottom: 15px; } .blog-item-list .slick-dots { bottom: -30px; } .news-more-section .slick-track { padding-bottom: 20px; } .news-more-section .dots-style-1 .slick-dots { position: absolute; margin-top: 0; } .news-more-section .border-wrap { position: absolute; top: -140px; right: 295px; overflow: hidden; width: 0; height: 110px; } .news-more-section .border-wrap img { position: absolute; bottom: 0; right: 0; max-width: none; } .news-more-section[data-was-processed] .border-wrap { width: 560px; transition: 2s ease-out 1s; } /*.padv-tab_content[data-tab="1"] .kremanki-st1 .adv-product_char-list .item:nth-child(3) .line { transform: translateY(-45px) rotate(-25deg); }*/ .padv-tab_content[data-tab="1"] .kremanki-st1 .adv-product_char-list .item:nth-child(3) { margin-top: -150px; } .padv-tab_content[data-tab="1"] .kremanki-st1 .adv-product_char-list .item:nth-child(2) { margin-top: -35px; margin-left: -40px; } .padv-tab_content[data-tab="2"] .kremanki-st1 .adv-product_char-list .item:nth-child(2) { margin-top: -115px; margin-left: -40px; } .padv-tab_content[data-tab="3"] .kremanki-st1 .adv-product_char-list .item:nth-child(2) { margin-top: -35px; margin-left: -30px; } .padv-tab_content[data-tab="3"] .kremanki-st1 .adv-product_char-list .item:nth-child(3) { margin-top: -70px; } .fancybox-slide > video { padding: 0 !important; max-width: 1000px; margin-bottom: -3px; } .product-detail_content + .col.wys-text { margin-top: 50px; } @media only screen and (max-width: 1200px) { .main-slider .slide-content img { transform: translateY(0)!important; } .fancybox-slide--iframe .fancybox-content { height: 50%; } body.fancybox-active { overflow: visible; } .product-advantages-section .caption { text-align: center; width: 100%; max-width: none; } .caption-row .tab-area { margin-top: 20px; width: 100%; } .padv-tabs_row { justify-content: center; } .ab-video-section { margin-bottom: 60px; } .h1-content h1 { flex-shrink: 1; } .production-section .p1 { max-width: 240px; right: -100px; } .showcase-section .p1 { left: -250px; max-width: 370px; } .portfolio-section .p1 { right: -100px; max-width: 200px; } .portfolio-section .p2 { left: -160px; max-width: 300px; } .advantages-section .p1 { left: -120px; max-width: 300px; } .advantages-section .p2 { right: -100px; max-width: 220px; } .reviews-section .p1 { top: -10px; max-width: 270px; left: -150px; } .order-section .p1 { max-width: 200px; left: -100px; } .container { width: 100%; padding-left: 15px; padding-right: 15px; } .header .container { padding-left: 15px; padding-right: 15px; } .h-navWrap { display: none; } .h-content { align-items: center; } .lang-content { display: none; } .production-slider { width: 100%; } .header.transformed .container { padding-left: 15px; padding-right: 15px; } .caption-row { flex-wrap: wrap; } .caption-row .caption { width: 100%; margin-right: 0; } .caption-row .caption-desc { margin-top: 10px; width: 100%; } .f-content { flex-wrap: wrap; } .f-content .col2 { margin-top: 25px; width: 100%; } .f-content .col2 .f-row { width: 100%; flex-wrap: wrap; } .f-content .col2 .f-row > * { width: 50%; margin: 0; margin-top: 10px; } .f-content .address { margin-top: 30px; } .footer .f-navs_list { display: none; } .dev-content { text-align: left; } .footer { padding-bottom: 70px; } .advantages-list_content .border-wrap { display: none; } .advantages-list .item, .main-slider { transform: none!important; opacity: 1!important; transition: none!important; } .main-section .border-img { display: none; } .portfolio-slider .imgWrap { position: relative; width: 95%; height: calc(100vw / 3 * .75 - 35px); } .portfolio-slider .imgWrap img.preview-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .portfolio-slider .preview-btn { cursor: pointer; position: absolute; right: 20px; bottom: 25px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #fff; border-radius: 50%; } .portfolio-slider .slick-dots { position: relative; margin-top: 25px; } .main-section, .breadcrumb-section { padding-top: 117px; } .main-slider .slide-content .col { margin: 50px 0; } .main-slider .slide-content { align-items: center; } .main-slider .slide:not(.slick-current) .col, .main-slider .slide-content .col, .main-slider .slide.prev-slick-slide .slide-content .col { width: 500px; transform: none; opacity: 1; overflow: visible; } .main-slider .slick-list { overflow: hidden; } .production-section .border-img { display: none; } .showcase-content .border-img { display: none; } .showcase { height: 370px; overflow: visible!important; } .showcard-product_img.img-overlay { display: none!important; /*position: absolute; top: 0; left: 0; filter: brightness(0) invert(1); opacity: 0.5;*/ } .showcase-section { padding-bottom: 0; } .showcase .card .imgWrap { position: relative; width: 200px; height: 200px; } .showcase .card .imgWrap .showcard-product_img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; } .showcase-content { margin-top: 15px; position: relative; left: 50%; transform: translateX(-50%); width: 970px; } .portfolio-section { margin-top: 90px; } .card-advantages_content { height: auto; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: auto; } .card.card-active .card-content h3 { top: 0; transition: .5s .5s; } .card-content h3 { position: relative; margin-bottom: 15px; top: 20px; font-size: 16px; width: 100%; } .card-advantages_content .dot-content { /*display: none;*/ width: 50%; padding: 5px 10px; } .card .colored-textWrap { opacity: 0; padding: 0; box-shadow: none; white-space: inherit; transform: none!important; } .card.card-active .colored-textWrap { opacity: 1; transition: .6s .9s; } .card-content .colored-text, .card-content .text { font-size: 10px; } .card-content .text { margin-top: 5px; } .card-content .colored-text br, .card-content .text br { display: none; } .showcase-section { margin-bottom: 220px; } .card-advantages_content { pointer-events: initial; width: calc(100vw - 20px); display: flex; flex-wrap: wrap; } .card-advantages_content .btnWrap.show-in-mobile { /*display: block !important;*/ text-align: center; position: relative; top: 20px; opacity: 0; } .card.card-active .card-content .btnWrap.show-in-mobile { top: 0; opacity: 1; transition: .5s .8s; } #showcase-buttons-nav { position: relative; z-index: 100; } .showcase-content .slick-arrow { z-index: 3; top: auto; bottom: 100px; } .showcase-content .slick-prev { left: calc(50% - 170px); } .showcase-content .slick-next { right: calc(50% - 170px); } .showcase-hihnt { position: relative; top: 0; margin-top: 25px; display: flex; align-items: center; } .showcase-hihnt .text { margin-top: 0; margin-left: 20px; } .order-section .coffee-bg { top: 100px; } .product-list .item { width: 50%; } .product-list .btn { width: auto; } .product-list .item-content { padding: 0; box-shadow: none!important; background: transparent!important; } .portfolio-section + .advantages-section { margin-top: 80px; } .order-section .coffee-bg.product-standart-bg { right: -100px; top: 100px; } .order-section { padding-bottom: 120px; } .partners-section .partners-slider { margin-top: 50px; } .mobile-head { padding-right: 55px; } .mobile-head .lang-content { display: block; } .mobile-menu .modal-close-btn { right: 0; top: 35px; } .product-properties-section .adv-product_char-list .item:nth-child(odd) { padding-right: 320px; } .product-properties-section .adv-product_char-list .item:nth-child(2n) { padding-left: 320px; } .partners-section { margin-top: 80px; } .ab-video-slider .slide { padding: 0 5px; } .ab-video-slider .video-link { display: block; width: 100%; height: calc(100vw / 3 * .75 - 45px); } .ab-video-slider .video-link img { display: block; width: 100%; height: 100%; object-fit: cover; } .ab-video-slider .slick-arrow { top: calc(100vw / 3 * .75 / 2 - 13px); } .ab-video-slider .slide h3 { margin-top: 15px; font-size: 14px; } .h-content .menu-btn { display: block; } .slider-f-cols .slide-content { padding: 0 5px; } .slider-f-cols .imgWrap { display: block; width: 100%; height: calc(100vw / 3 * .75 - 45px); } .slider-f-cols .slick-arrow { top: calc(100vw / 3 * .75 / 2 - 13px); } .slider-f-cols .imgWrap img { display: block; width: 100%; height: 100%; object-fit: cover; } .slider-f-cols .slick-dots { position: relative; margin-top: 30px; } .slider-f-cols .wys-text { margin-top: 15px; font-size: 12px; } .padv-tab_content.active.start { margin-top: 30px; } .equipment-tab_contentWrap .title { font-size: 14px; text-align: center; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .portfolio-section + .partners-section { margin-top: 80px; } .showcase-hihnt { display: none; } .modal-portfolio_content .imgWrap img { max-width: 100%; } } @media only screen and (max-width: 1000px) { .product-properties-section .label-cr { display: none; } .blog-item-list .item-content:before { display: none; } .news-more-section .slick-track { padding-bottom: 5px; } .news-more-section .border-wrap { display: none; } .news-more-section { margin-top: 70px; margin-bottom: 90px; } .blog-detail_content .detail-picture { float: none; margin: 0 0 30px; max-width: 100%; } .blog-item-list .item { width: 33.3334%; } .equipment-section .caption { text-align: center; } .adv-product_char-area .adv-product_img { display: none; } .adv-product_char-list .item { padding: 0!important; } .adv-product_char-list { height: auto; position: relative; } .adv-product_char-area + .adv-product_spec-area, .adv-product_compl-area + .adv-product_spec-area, .padv-tab_content > .adv-product_spec-area:first-child, .padv-area_list + .adv-product_spec-area { margin-top: 50px; } .adv-product_char-list .line { position: relative; right: auto!important; left: 0; top: 0; width: 100%!important; flex-grow: 1; height: 0; background: transparent!important; order: 2; margin: auto 10px 6px; border-bottom: 1px dashed rgba(0,0,0,.2); display: none; } .adv-product_char-list .item + .item { margin-left: 0 !important; margin-top: 10px!important; padding-top: 10px!important; border-top: 1px dashed rgba(0,0,0,.2); } .adv-product_char-list .item + .item:before { } .padv-area_list + .adv-product_char-area { margin-top: 30px; } .adv-product_spec-area .b2 { display: none; } .adv-product_char-list .param-name { order: 1; text-align: left; width: 100%; padding-left: 10px; padding-right: 10px; font-size: 13px; } .adv-product_char-list .param-value { position: relative; z-index: 2; order: 3; text-align: right; padding-right: 10px; } .adv-product_char-list .param-value { flex-shrink: 0; max-width: calc(50% - 30px); } .adv-product_char-list .line .circle { display: none; } .adv-product_char-list .desc { position: relative; display: flex; align-items: flex-end; justify-content: space-between; } .adv-product_char-list .item { width: 100%; } .adv-product_char-list .param-value { margin-top: 0; } .product-detail_row .border-wrap.b1, .product-detail_row .border-wrap.b2, .product-detail_row .border-wrap.b3 { display: none; } .product-detail_row { flex-wrap: wrap; margin-top: 20px; } .product-detail_row .content { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .product-detail_row .title { margin-bottom: 0; } .product-detail_row .wys-text { width: 100%; margin-top: 20px; } .product-detail_row .imgWrap { height: 200px; width: 200px; margin: 30px auto; } .product-detail_row .imgWrap img { width: 100%; height: 100%; object-fit: contain; } .product-detail_row .r-content .iconWrap img { margin-left: 0; } .product-detail_row .iconWrap { margin-bottom: 0; margin-right: 15px; } .product-detail_row .r-content { text-align: left; } .padv-area_list .item { width: 33.3334%; } .product-steps-section .border-wrap.s0 { left: 200px; top: -150px; } .product-steps_content .item .border-wrap { display: none !important; } .product-steps_content .product-imgWrap { position: relative; width: 100%; height: auto; display: none; } .product-steps_content .product-img { position: relative; top: 0; left: 0; transform: none; max-width: 500px; max-height: 500px; } .product-steps_content { display: flex; align-items: center; } .product-steps_list { height: auto; width: 100%;; flex-shrink: 0; } .product-steps_content .item { padding: 0 !important; width: 50%; } .product-steps_content .item-content { box-shadow: none; background: transparent; padding-top: 15px; padding-bottom: 15px; } .product-steps_list .item:nth-child(2n) .item-content { top: 0; } .product-steps-section .caption-row { margin-bottom: 30px; } .product-steps-section { margin-top: 150px; } .adv-product_spec-list .item { width: 50%; } .product-advantages-section .border-wrap.b1 { top: -100px; left: 200px; width: 200px; } .product-advantages-section { margin-top: 110px; } .product-line-list.tarelki .item, .product-line-list.lotki .item, .product-line-list.kremanki .item, .product-line-list.dvuhsloyn .item, .product-line-list.odnosloyn .item { width: 50%; } .switch-btn-content { margin-top: 30px; } .equipment-section { margin-top: 70px; } .product-detail_content .imgWrap { width: 400px; } .certificate-list .certificate-link { height: 150px; } .play-btn-initor .play-btn { width: 50px; height: 50px; padding: 17px; } .ab-video-slider .slick-arrow { top: calc(100vw / 3 * .75 / 2 - 20px); } .h1-content { flex-wrap: wrap; } .h1-content .caption-desc { margin-left: 0; margin-top: 20px; } .h1-content h1 { font-size: 35px; } .header .c-img-item, .header .btnWrap { display: none; } .header .c-img-item.phone-item { display: flex; } .h-content .h-row { justify-content: flex-end; } .header .logo-link, .mobile-head .logo-link { max-width: 150px; } .mobile-menu .modal-close-btn { right: 5px; top: 21px; } .main-section, .breadcrumb-section { padding-top: 87px; } .main-section .container { padding-top: 40px; } .main-section .caption { font-size: 40px; } .main-slider .slide-content { flex-wrap: wrap; } .main-slider .imgWrap { width: 100%; height: 250px; margin-bottom: 20px; } .main-slider .imgWrap img { display: block; width: 100%; height: 100%; object-fit: contain; } .main-slider .slide-content .col { margin: 0 auto 25px; text-align: center; } .production-slider { left: 0; transform: none; } .production-slider .slide-content { padding: 0 55px; } .production-slider .slick-prev { left: 0; } .production-slider .slick-next { right: 0; } .production-section .production-slider { margin-top: 30px; } .production-slider .imgWrap { width: 220px; height: 250px; } .production-slider .imgWrap img { width: 100%; height: 100%; object-fit: contain; } .showcase-section { margin-top: 80px; } .caption { font-size: 35px; } .cp-imgWrap .company-img { max-width: 700px; } .company-section .cp-imgWrap { height: 270px; margin-top: 0; } .cp-description { flex-wrap: wrap; } .cp-description .wys-text { width: 100%; } .cp-description .btnWrap { margin-left: 0; margin-top: 20px; } .company-section { padding-top: 140px; } .company-section .border-wrap { top: -130px; } .pf-slider_content { margin-top: 20px; } .pf-tab_content .pf-tab.active.start { margin-top: 30px; } .video-container { height: calc(100vw * .6 - 30px); } .advantages-list .item { padding: 15px 20px; } .advantages-list { margin-left: -20px; margin-right: -20px; } .reviews-section { margin-top: 190px; margin-bottom: 40px; } .reviews-section .border-wrap { top: -160px; } .reviews-slider .slide .imgWrap img { opacity: 1 !important; filter: grayscale(0)!important; } .reviews-section .reviews-slider, .awards-section .reviews-slider { margin-top: 30px; } .reviews-slider .imgWrap { padding: 0 5px; } .reviews-section .slick-dots, .awards-section .slick-dots { bottom: 0; position: relative; margin-top: 25px; } .reviews-section + .order-section { margin-top: 70px; } .order-section .coffee-bg { display: none; } .nf-section .s1, .nf-section .s2 { display: none; } .nf-section { padding-top: 40px; padding-bottom: 60px; } .nf-content .caption { font-size: 40px; } .product-properties-section .adv-product_char-list .item { margin-top: 0; margin-bottom: 0; } .product-properties-section .padv-tab_content.active { margin-top: 35px; } .product-properties-section .padv-tab_content.active.start { margin-top: 20px; } .product-properties-section { margin-top: 70px; } .product-properties-section .tab-area { left: 0; } .product-properties-section .sub-title { margin-top: 30px; text-align: center; } .product-properties-section .caption { text-align: center; } .product-properties-section + .product-advantages-section { margin-top: 70px; } .contact-page_content { flex-wrap: wrap; margin-bottom: 40px; } .standart-section { margin-bottom: 40px; } .cp-list .item + .item { margin-top: 30px; } .contact-page_content .btnWrap { margin-top: 40px; } .contact-page_content .col1 { max-width: 500px; } .contact-page_content .col2 { width: 100%; margin-left: 0; margin-top: 40px; } .contact-page_content .map { margin-top: 0; max-width: 480px; border-radius: 10px; height: 400px; } } @media only screen and (max-width: 750px) { .padv-tabs_row { margin-bottom: 10px; } .padv-tabs_row .slick-track { display: flex; align-items: center; } .blog-item-list .title { font-size: 12px; margin-top: 10px; } .blog-item-list .item { width: 50%; padding-top: 10px; padding-bottom: 10px; } .navigation-list-area .navigation-list { display: none; } .navigation-list-area { margin-top: 25px; } .blog-item-list .imgWrap { height: calc(50vw * 1.05 - 24px); } .reviews-slider .slide:not(.slick-center) img { height: 320px; border: 1px solid rgba(0,0,0,.5); } .video-in-col { flex-wrap: wrap; margin-top: 20px; } .video-in-col h3 { font-size: 16px; margin-top: 15px; } .padv-tabs_row { padding: 0 30px; } .js-tab-slider .slick-track { display: flex; align-items: center; } .advantages-section .showcase-hihnt { display: block !important; } .advantages-section .showcase-hihnt .text { display: none; } .advantages-section .showcase-hihnt img { /*max-width: 25px;*/ } .padv-tab_content + .adv-product_spec-area { margin-top: 60px; } .production-slider .slick-dots { position: absolute!important; margin-top: 0!important; } @keyframes motionObj { 0% { transform: translate(-5px, -2px); } 100% { transform: translate(5px, 2px); } } .main-slider .slide.slick-current .slide-content img { position: relative; animation: motionObj 2s ease-in-out infinite alternate; } .padv-tabs_row .tab-item { text-align: center; } .padv-tabs_row .tab-item .text { color: #000; display: inline-flex; background: linear-gradient(45deg, #E40A7D, #1C9BD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .padv-tabs_row .tab-item:before { display: none; } .equipment-tab_contentWrap .title { display: none; } .slider-f-cols { width: 750px; } .slider-f-cols .imgWrap { height: 150px; } .slider-f-cols .wys-text { position: relative; } .slider-f-cols .wys-text { height: 38px; overflow: hidden; } .product-line-list.tarelki .item { text-align: center; } .product-line-list.tarelki .imgWrap img { margin: 0 auto; } .product-line-list.tarelki .label { right: 0; } .product-line-list .imgWrap { display: inline-flex; } .adv-product_compl-list .item { padding: 8px; } .adv-product_compl-list .text { margin-left: 15px; } .adv-product_compl-list .imgWrap img { width: 70px; height: 70px; } .padv-tabs_row.tabs-style-2 .tab-item { margin: 0; } .product-line-list.kremanki .imgWrap img{ margin: 0 auto; } .product-line-list .imgWrap img { margin: 0; } .product-line-list.odnosloyn .label, .product-line-list.dvuhsloyn .label { right: auto; left: 50%; transform: translateX(-100%); } .product-line-list.kremanki .label { right: 20px; } .product-line-list.kremanki .item { text-align: center; padding-top: 90px; } .product-line-list.kremanki .imgWrap { display: inline-flex; } .partners-slider .slick-dots { bottom: 0; } .order-section { margin-top: 70px; } .partners-section { margin-bottom: 70px; } .portfolio-section { margin-top: 70px; } .portfolio-section + .product-advantages-section { margin-top: 70px; } .pf-content { text-align: left; } .padv-area_list .item { width: 100%; padding-left: 0; padding-right: 0; } .product-steps_content .item { width: 100%; } .product-steps_content .item + .item { margin-top: 20px; } .product-steps_content .item-content { padding: 0; } .adv-product_char-area + .adv-product_spec-area, .adv-product_compl-area + .adv-product_spec-area, .padv-tab_content > .adv-product_spec-area:first-child, .padv-area_list + .adv-product_spec-area { margin-top: 50px; } .product-steps-section .border-wrap.s0 { display: none; } .product-steps-section .border-wrap.s0 img { max-height: 101px; } .adv-product_spec-list .item { width: 100%; padding-top: 0; padding-bottom: 0; } .adv-product_spec-list .item + .item { margin-top: 50px; } .product-steps-section { margin-top: 70px; } .product-advantages-section { margin-top: 70px; } .product-advantages-section .border-wrap.b1 { display: none; } .product-line-list.tarelki .item, .product-line-list.lotki .item, .product-line-list.kremanki .item, .product-line-list.dvuhsloyn .item, .product-line-list.odnosloyn .item { width: 100%; } .product-detail_content { flex-wrap: wrap; } .product-detail_content .col { width: 100%; order: 2; } .product-detail_content .imgWrap { order: 1; margin-left: 0; width: 100%; margin-bottom: 15px; } .product-detail_content .imgWrap img { position: relative; top: 0; max-width: 100%; max-height: calc(100vw * .8 - 30px); transform: none; } .certificate-section .btnWrap { margin-top: 25px; } .certificate-section { margin-bottom: 40px; } .certificate-list .item { width: 50%; } .certificate-list .certificate-link { height: calc(50vw *.7 - 39px); } .ab-video-slider .slide h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ab-video-slider { width: 750px; } .ab-video-slider .video-link { height: 145px; } .dots-style-1 .slick-dots { position: relative; margin-top: 20px; } .slider-f-cols .slick-dots, .ab-video-slider .slick-dots { width: calc(100vw - 30px); } .main-slider .slick-dots { margin-top: 0; bottom: 0; } .main-slider .slick-track { transition: transform .6s!important; } .main-section .container { padding-bottom: 70px; } .ab-img-content { float: none; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; } .ab-img-content img { display: block; object-fit: contain; max-width: 100%; max-height: calc(100vw - 30px); } .product-list .imgWrap { height: 160px; width: 160px; padding: 0; margin-right: 10px; } .product-list .slick-prev { left: 0; } .product-list .slick-next { right: 0; } .product-list h3 { height: auto; filter: brightness(1); } .product-list .item { width: 100%; padding-top: 0; padding-bottom: 0; } .product-list .item + .item { margin-top: 20px; } .h1-content { margin-top: 40px; margin-bottom: 25px; } .standart-section { margin-bottom: 40px; } .h1-content h1 { font-size: 30px; } .nf-section .bg { min-width: 750px; left: auto; right: 0; } .main-slider .slide:not(.slick-current) .col, .main-slider .slide-content .col, .main-slider .slide.prev-slick-slide .slide-content .col { width: 100%; } .main-section .caption { font-size: 35px; } .caption { font-size: 30px; } .header .c-img-item .icon { display: none; } .header .c-img-item .ci-link { font-weight: 600; font-size: 16px; } .h-content .menu-btn { margin-right: 13px; } .h-content .col1 { margin-right: 0; } body.oh .header { right: 0; } body.oh { margin-right: 0; } .parallax { display: none; } .production-slider .slide-content { padding: 0; } .production-slider .imgWrap { width: 100px; height: 120px; margin-right: 10px; } .production-slider h3 { font-size: 16px; } .production-slider .slick-active.slick-current .btnWrap { padding-top: 15px; } .main-section .container { padding-left: 0; padding-right: 0; } .main-slider .slide { padding-left: 15px; padding-right: 15px; } .pf-slider_nav .p-title { text-align: center; } .pf-slider_nav .slick-track { display: flex; align-items: center; } .portfolio-slider { width: 800px; } .portfolio-slider .imgWrap { height: 170px; } .portfolio-slider .slick-dots { width: calc(100vw - 30px); } .portfolio-slider .preview-btn { bottom: 10px; right: 10px; } .mobile-footer { padding-bottom: 100px; } .mobile-body { margin: 0 -15px; } .mobile-body .mm-row { padding: 0 15px; } .mobile-footer { flex-wrap: wrap; } .mobile-footer .c-img-item { width: 100%; order: 2; } .mobile-footer .c-img-item + .c-img-item { margin-bottom: 20px; order: 1; } .pf-slider_nav .slick-list:after { display: none; } .company-section .border-wrap { left: 40px; } .company-section .border-wrap img { max-width: none; } .advantages-list .item { width: 50%; padding: 10px; } .advantages-list .gradient-text { height: auto; padding-right: 0; font-size: 13px; } .advantages-list .wys-text { font-size: 12px; } .advantages-list { margin: 20px -10px 0; } .showcase-section .bg, .company-section .bg, .advantages-section .bg, .order-section .bg, .catalog-products-section .bg, .ab-main-section .bg, .product-detail-section .bg, .product-advantages-section .bg, .product-steps-section .bg, .standart-section .bg { min-width: 750px; } .standart-section .bg { left: auto; right: 0; top: -100px; } .product-advantages-section .bg { top: 0; } .product-steps-section .bg { top: 50px; } .product-detail-section .bg { left: auto; right: 0; top: -60px; } .ab-main-section .bg { left: auto; right: 0; } .catalog-products-section .bg { left: auto; right: 0; top: 50px; } .company-section[data-was-processed] .bg { max-height: 325px; } .showcase-section[data-was-processed] .bg { max-height: 360px; } .partners-section .partners-slider { margin-top: 30px; } .partners-slider .slide-content { transform: none!important; padding: 0 3px; } .partners-slider .c-name { margin-top: 10px!important; color: #AEAEAE!important; font-size: 14px; } .partners-slider .imgWrap img { max-height: 60px; object-fit: contain; } .partners-slider .imgWrap { align-items: flex-end; } .reviews-section .border-wrap img { max-width: 360px; } .reviews-section .border-wrap { left: 60px; top: -120px; } .reviews-section.lazy-start[data-was-processed] .border-wrap { transition: 4s ease-in-out .5s; } .reviews-section { margin-top: 130px; } .partners-section { margin-top: 60px; } .reviews-section .caption { font-size: 28px; } .reviews-section .reviews-slider, .awards-section .reviews-slider { width: 750px; } .reviews-section .reviews-slider .slick-dots, .awards-section .reviews-slider .slick-dots { width: calc(100vw - 30px); } .advantages-section { margin-top: 60px; } .order-section { padding-bottom: 70px; } .order-section .input-item { width: 100%; padding: 0; } .order-section .input-item + .input-item { margin-top: 25px; } .order-section .form-content form { width: 100%; margin: 0; } .f-content .col2 .f-row > * { width: 100%; margin-top: 20px; } .footer { padding-bottom: 45px; } .pf-slider_nav .slide { pointer-events: none; } .select-current-item, .select-content { width: 100%; } .order-section .form-content .policy-content, .order-section .form-content .btnWrap { padding: 0; width: 100%; } .order-section .form-content .btnWrap .btn { width: 100%; } .policy-content { font-size: 14px; } } @media only screen and (max-width: 380px) { .header .c-img-item .ci-link { font-size: 14px; } .main-section .caption, .caption { font-size: 27px; } } @media only screen and (max-width: 350px) { .mobile-head { padding-right: 44px; } .h-content .col2 { display: none; } .h-content .col1 { width: 100%; justify-content: space-between; } .btn { font-size: 14px; min-width: auto; } .showcase-content .slick-prev { left: calc(50% - 150px); } .showcase-content .slick-next { right: calc(50% - 150px); } .advantages-list .item { width: 100%; } } .mb20 { margin-bottom: 20px; } .mt20 { margin-top: 20px; } /* End */ /* Start:/bitrix/templates/artlend/css/custom.css?1750688191456*/ input[type=checkbox].styled { width: 23px; height: 23px; border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/bitrix/templates/artlend/img/icons/dot-empty.svg") no-repeat center; flex-shrink: 0; } input[type=checkbox].styled:checked { background: url("/bitrix/templates/artlend/img/icons/dot.svg") no-repeat center; } label.text { display: flex; gap: 10px; align-items: center; } /* End */ /* Start:/bitrix/components/awz/cookies.sett/templates/.default/style.css?17504322386905*/ .awz_cookies_sett__message {display: block;position: fixed;z-index: 1049; width:60%;max-width:580px; right:auto;left:auto;bottom:auto;top:auto; font-size:0.8em;line-height:1.3em;border-radius:10px; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_ { right:10px;bottom:10px; } .awz_cookies_sett__message_bottom_left { left:10px;bottom:10px; } .awz_cookies_sett__message_top_left { left:10px;top:10px; } .awz_cookies_sett__message_top_right { right:10px;top:10px; } .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:50%; margin-left:-290px; } @media (max-width: 1102px) { .awz_cookies_sett__message_bottom_center, .awz_cookies_sett__message_top_center { left:20%; margin-left:0; } } .awz_cookies_sett__message_bottom_center {bottom:10px;} .awz_cookies_sett__message_top_center {top:10px;} .awz_cookies_sett__admin .awz_cookies_sett__message {position: static;width:100%; max-width:580px; font-size: 1em;line-height:1.3em;margin:0; } .awz_cookies_sett__container {display:block;padding:0.8em 1.5em;} .awz_cookies_sett__btn {padding:0.4em 0.8em;margin:0.3em;display:inline-block; border-radius:5px;text-decoration: none;} .awz_cookies_sett__btn {cursor: pointer;} .awz_cookies_sett__btn:hover {cursor: pointer;} .awz_cookies_sett__row { display: flex; align-content: center; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; } .awz_cookies_sett__col {width:100%;} .awz_cookies_sett__col__right {text-align: center;width:auto;} .awz_cookies_sett__agr_link {text-decoration: underline;} .awz_cookies_sett__detail {padding:1em 2em;font-size:1.1em;line-height:1.3em;} .awz_cookies_sett__detail-row {display:block;clear:both;overflow:hidden;} .awz_cookies_sett__detail-alert {color:red;margin-bottom:1em;font-weight:bold;} .awz_cookies_sett__detail-checkbox-text {display:block;position:relative;margin-bottom:0.5em;} .awz_cookies_sett__detail-title {font-weight:bold;padding:3px 0;display:block;} .awz_cookies_sett__save, .awz_cookies_sett__save:hover {background:red;color:#ffffff;padding:0.6em 1.5em;text-decoration:none; display:inline-block; margin-top:1em; border:none; outline: none; } .awz_cookies_sett__detail-checkbox-wrapper-42 {display:block;float:left;margin-right:5px;} .awz_cookies_sett__detail-checkbox-wrapper-42 .dsbl {opacity:0.35;} .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"] { display: none; visibility: hidden; } .awz_cookies_sett__detail-checkbox-wrapper-42 label { display: inline-block; float:left; margin-top:1px; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx { position: relative; top: 1px; width: 17px; height: 17px; border:1px solid #000000; border-radius: 3px; vertical-align: middle; transition: background 0.1s ease; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 .cbx:after { content: ''; position: absolute; top: 1px; left: 5px; width: 5px; height: 11px; opacity: 0; transform: rotate(45deg) scale(0); border-right: 2px solid #000; border-bottom: 2px solid #000; transition: all 0.3s ease; transition-delay: 0.15s; } .awz_cookies_sett__detail-checkbox-wrapper-42 .lbl { margin-left: 5px; vertical-align: middle; cursor: pointer; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx { border-color: #000000; animation: awz-autform2-checkbox-jelly-42 0.6s ease; } .awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx:after { opacity: 1; transform: rotate(45deg) scale(1); } .awz_cookies_sett__detail-checkbox-wrapper-42 .cntr { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } @-moz-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-webkit-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @-o-keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } @keyframes awz-autform2-checkbox-jelly-42 { from { transform: scale(1, 1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } to { transform: scale(1, 1); } } .awz_cookies_sett__bg1 {background: #171241;} .awz_cookies_sett__bg2 {background: #ffffff;} .awz_cookies_sett__bg2:hover {background: #ffe40e;} .awz_cookies_sett__bg3 {background: #f1d600;} .awz_cookies_sett__bg3:hover {background: #ffe40e;} .awz_cookies_sett__color1 {color:#171241;} .awz_cookies_sett__color2 {color:#ffffff;} a.awz_cookies_sett__color2:hover {color:#ffe40e;} #popup-window-content-awz_cmp_cookies {max-height:100%;} @media (max-width: 767.98px) { .awz_cookies_sett__message{ width:100%; max-width: 768px; border-radius:0px; text-align: center; } .awz_cookies_sett__message_bottom_right, .awz_cookies_sett__message_{right:0;bottom:0;} .awz_cookies_sett__message_bottom_left, .awz_cookies_sett__message_bottom_center {left:0;bottom:0;} .awz_cookies_sett__message_top_left, .awz_cookies_sett__message_top_center {left:0;top:0;} .awz_cookies_sett__message_top_right {right:0;top:0;} .awz_cookies_sett__message br {display:none;} .awz_cookies_sett__row {flex-direction: column;} .awz_cookies_sett__col__right {padding-top:0.3em;} } /* End */ /* Start:/bitrix/templates/artlend/styles.css?1656515226381*/ .fancybox-slide>* { max-width: 100% } .page-content ul { padding-left: 20px } #product-advantages-section { margin-top: 90px } .true-form { font-size: 21px; margin: 20px 0; font-weight: 700;color: green; display: none; background: rgba(255,255,255, 0.5); width: fit-content; padding: 15px; } @media (max-width: 600px) { .true-form {font-size: 18px; text-align: center} } /* End */ /* Start:/bitrix/templates/artlend/template_styles.css?166186470896*/ ol li { margin-left: 20px; } ol li + li { margin-top: 8px; } .wys-text ul li {display: flex} /* End */ /* /bitrix/templates/artlend/css/style.css?1670604929198695 */ /* /bitrix/templates/artlend/css/custom.css?1750688191456 */ /* /bitrix/components/awz/cookies.sett/templates/.default/style.css?17504322386905 */ /* /bitrix/templates/artlend/styles.css?1656515226381 */ /* /bitrix/templates/artlend/template_styles.css?166186470896 */