/* Start:/js/jquery.fancybox.min.css?154174646313894*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.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:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.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:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);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}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.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;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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>div{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 .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}.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:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 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;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.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:-25px;margin-left:-25px;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)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.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}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-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;min-width:100%;min-height:100%;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-radius:2px;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}} /* End */ /* Start:/bitrix/templates/klik-template/components/bitrix/sale.basket.basket.line/small-cart/style.css?15372761454260*/ .basket_link {cursor: pointer;} .bx-basket {} .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* End */ /* Start:/bitrix/templates/klik-template/components/bitrix/news.line/slider/style.css?152360352736*/ .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/klik-template/components/bitrix/news.list/asideList/style.css?1537275841388*/ .news-list-aside { word-wrap: break-word; } .news-list-aside .news-list-title{ color: #454545; font-weight: 600; font-size: 18px; display: block; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .news-list-aside .news-item{ margin-top: 15px; margin-bottom: 20px; } .news-list-aside .more span { cursor: pointer; } /* End */ /* Start:/bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/form_style.css?152360352842528*/ .modal_form{ border-radius:5px; background:#fff; /*position:fixed;*/ position:absolute; top:45%; left:50%; opacity:0; z-index:2001; transition:all 0.3s ease 0s; box-shadow:0 0 33px rgba(0,0,0,0.36); min-height:200px; height:auto; overflow:hidden; box-sizing:border-box; padding:40px 20px 40px; } .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok{ width:115px; height:36px; line-height:36px; background:#0097f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 2px 4px 2px #e6e6e6; -moz-box-shadow:0 2px 4px 2px #e6e6e6; box-shadow:0 2px 4px 2px #e6e6e6; border:none; outline:none; color:#fff; text-align:center; margin:0 auto 10px; display:block; cursor:pointer; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok:hover{ -webkit-box-shadow:0 2px 5px 3px #ccc; -moz-box-shadow:0 2px 5px 3px #ccc; box-shadow:0 2px 5px 3px #ccc; } .modal_close:hover{ opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } .overlay{ z-index:2000; position:fixed; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .alx_feedback_popup{ cursor:pointer; } .alx-feedb-data-errorLoading{ text-align:center; padding-top:50px; } .alx_fedb_wait{ height:140px; left:45%; position:fixed; top:45%; width:140px; z-index:2001; text-align:center; } .alx-feedb-data{ position:absolute; opacity:0; } .alx-feedb-data-view{ position:relative; opacity:1; width:100%; transition:all 0.3s ease 0s; } .afbf_success_block{ height:140px; display:table; vertical-align:middle; width:100%; margin-bottom:20px; } .afbf_success_block._without-popup{ height:100px; } .afbf_success_block._without-popup .afbf_mess_ok{ text-align:left; line-height:50px; } .afbf_success_block._without-popup .afbf_mess_ok .mess{ margin-left:60px; } .afbf_success_block._without-popup .afbf_ok_icon{ display:inline-block; width:auto; min-width:50px; float:left; margin-bottom:0; } .afbf_mess_ok{ display:table-cell; vertical-align:middle; text-align:center; } /* animation loading */ @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} .alx-rotate-loading, .alx-feedb-loading{ height:120px; position:relative; width:120px; border-radius:100%; } .alx-rotate-loading{ margin:40px auto; } .alx-feedb-loading{ border:13px solid transparent; border-color:transparent #fff transparent #FFF; -moz-animation:alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin:50% 50%; -o-animation:alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin:50% 50%; -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin:50% 50%; animation:alx-rotate-loading 2s linear 0s infinite normal; transform-origin:50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx-rotate-loading:hover .alx-feedb-loading{ border-color:transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .alx-feedb-loading-text{ animation:2s linear 0s normal none infinite running loading-text-opacity; color:#fff; font-size:15px; font-weight:bold; margin-top:52.5px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:120px; } /* animation popup */ @-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} .alx-popup-show-anime1{ animation:pulse .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime1{ animation:bounceIn 0.5s; } .alx-popup-mess-show-anime1{ animation:pulseMess .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime2{ animation:rotateOut 0.5s both; } .alx-popup-mess-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime3{ animation:fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime4{ animation:bounceInDown .75s ease-in-out 0s; display:block; } .alx-popup-hide-anime4{ animation:bounceOutDown 0.5s; } .alx-popup-mess-show-anime4{ animation:bounceInDown .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back{ padding:0px; margin:0px; text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back *{ /*text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx_feed_back form{ padding:0px; margin:0px; } .modal_form .afbf_error_block{ position:relative; margin-bottom:20px; } .modal_form .afbf_error_block:after{ content:''; position:absolute; bottom:-10px; left:-20px; right:-20px; height:1px; background:#ccc; } .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/assets/ritualluks.ru/images/main/catalog-item-back.png) no-repeat 0 0; } .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext{ font-size:16px; height:40px; line-height:40px; padding-bottom:30px; color:#f80000; display:block; } .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/assets/ritualluks.ru/images/main/catalog-item-back.png) no-repeat 50% 50%; } .modal_form .afbf_error_block td{ vertical-align:top; text-align:left; } .alx-feedb-error{ margin-top:20px; } .modal_form .alx-feedb-error{ margin-top:0px; } .alx-feedb-error .afbf_error_block ul{ list-style:none; padding-left:55px; font-size:14px; color:#f80101; margin:0; } .alx-feedb-error .afbf_error_block ul li{ padding:0px 0px 4px 8px; margin:0px; display:block; list-style:none !important; background:transparent !important; } .alx-feedb-error .afbf_error_block ul li:before{ content:'' !important; } .alx-feedb-error .afbf_error_block ul li span{ position:relative; z-index:1; margin-left:-8px; } .modal_form .afbf_feedback_poles{ padding:0px; margin:11px 0px 0px 0px; } .afbf_item_pole{ padding:0px; margin:8px 0px 18px; position:relative; } *html .afbf_item_pole{ position:relative; z-index:1; zoom:1; } .afbf_item_pole .afbf_name{ padding:0px; margin:0px 0px 6px 0px; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext{ height:34px; width:100%; padding:7px 5px !important; font-size:14px; outline:none; border:1px solid #e0e0e0; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); } .afbf_item_pole.item_pole__captcha .afbf_inputtext{ box-sizing:content-box; padding:7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect{ height:auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown> ul{ right:0; left:auto; top:35px; bottom:auto; height:120px; padding:0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after{ content:''; position:absolute; right:10px; top:50%; margin-top:-2px; display:inline-block; border:5px solid transparent; border-top:5px solid #767676; } .afbf_item_pole .afbf_checkbox label{ margin-left:20px; margin-bottom:5px; font-weight:normal; position:relative; cursor:pointer; font-size:14px; top:auto; left:auto; pointer-events:inherit; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .afbf_checkbox{ margin:10px 0 20px; } .afbf_checkbox input[type=checkbox]{ position:absolute; opacity:0; width:0; height:0; margin:0; overflow:hidden; pointer-events:none; } .afbf_checkbox .afbf_checkbox_box{ vertical-align:middle; position:relative; top:2px; margin-right:12px; } .afbf_checkbox_box .afbf_checkbox_check{ position:relative; display:inline-block; width:18px; height:18px; border:2px solid rgba(0,0,0,.54); border-radius:2px; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:1; } .afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); display:block; margin-top:-4px; margin-left:5px; width:0; height:0; -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; color:#7b7f7f; -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-on 0.3s forwards; -o-animation:checkbox-on 0.3s forwards; animation:checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-off 0.3s forwards; -o-animation:checkbox-off 0.3s forwards; animation:checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{ border:none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ margin-top:-3px; margin-left:7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name{ position:static; color:inherit; font-size:inherit; margin-bottom:20px } .afbf_item_pole.item_pole__captcha .afbf_name{ top:67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name{ top:55px; } .afbf_pole_captcha{ margin-bottom:30px; } .afbf_pole_captcha .image{ vertical-align:middle; } .afbf_pole_captcha .g-recaptcha{ display:inline-block; vertical-align:middle; } .afbf_pole_captcha .afbf_captcha_reload{ display:inline-block; vertical-align:middle; width:22px; height:16px; background:url(/assets/ritualluks.ru/images/main/catalog-item-back.png) no-repeat 0 0; cursor:pointer; margin-left:20px; } .afbf_inputtext_bg .afbf_textarea{ width:100%; z-index:100; height:102px; overflow:auto; resize:vertical; max-height:450px; max-width:100%; min-height:34px; min-width:100%; } .afbf_submit_block{ margin:30px 0px 0px 0px; padding:0px; display:block; text-align:right !important; } .afbf_btn{ display:inline-block; padding:15px 25px !important; border:none !important; text-transform:uppercase !important; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); cursor:pointer; font-size:16px !important; outline:none; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover{ -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); } .afbf_inputtext_bg select{ width:100%; padding:0px; margin:0px; border:0px; } .afbf_file_button{ position:absolute; right:-1px; height:100%; top:-1px; z-index:1; } *html .alx_feed_back .afbf_feedback_poles div{ zoom:1; } .afbf_inputtext_bg_calendar{ position:relative; z-index:2; zoom:1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon{ position:absolute; top:3px; right:5px; } .afbf_error_text, .afbf_error_ftext{ display:none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{ position:relative; display:block; margin:5px 0 0; padding-right:20px; color:#f80000; font-size:12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after{ content:''; position:absolute; right:0; display:inline-block; width:17px; height:16px; background:url(/assets/ritualluks.ru/images/main/catalog-item-back.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs{ position:relative; } .dropdownjs *{ box-sizing:border-box; } .dropdownjs> input{ width:100%; padding-right:30px; text-overflow:ellipsis; } .dropdownjs> input.focus~ ul{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .dropdownjs> ul{ position:absolute; padding:0; margin:0; min-width:200px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:10000; } .dropdownjs> ul[placement=top-left]{ -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; bottom:0; left:0; } .dropdownjs> ul[placement=bottom-left]{ -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; top:0; left:0; } .dropdownjs> ul> li{ list-style:none; padding:10px 20px; } .dropdownjs> ul> li.dropdownjs-add{ padding:0; } .dropdownjs> ul> li.dropdownjs-add> input{ border:0; padding:10px 20px; width:100%; } /* Theme */ .dropdownjs> input[readonly]{ cursor:pointer; } select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{ cursor:default; } .dropdownjs> ul{ background:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; padding:10px; overflow:auto; max-width:500px; } .dropdownjs> ul> li{ cursor:pointer; word-wrap:break-word; -webkit-transition:background-color .15s ease 0s; -moz-transition:background-color .15s ease 0s; -ms-transition:background-color .15s ease 0s; -o-transition:background-color .15s ease 0s; transition:background-color .15s ease 0s; } .dropdownjs> ul> li:hover, .dropdownjs> ul> li.selected, .dropdownjs> ul> li:active{ background-color:#eaeaea; outline:0; } .dropdownjs> ul> li:focus{ outline:0; outline:1px solid #d4d4d4; } .dropdownjs> ul> li> .close:before{ content:"\00d7"; display:block; position:absolute; right:15px; float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.6; } .dropdownjs> ul> li:h> .close:hover:before{ opacity:.9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio{ margin:0 0 20px; } .afbf_radio label{ padding-bottom:10px; padding-left:34px; position:relative; top:auto; left:auto; pointer-events:inherit; cursor:pointer; font-size:14px; color:#1b1b1b; line-height:20px !important; display:inline-block; } .afbf_radio input[type=radio]{ position:absolute; opacity:0; height:0; width:0; overflow:hidden; } .afbf_radio span{ display:block; position:absolute; left:0; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; } .afbf_radio .afbf_radio_circle{ border:2px solid rgba(0,0,0,.54); height:20px; width:20px; border-radius:50%; } .afbf_radio .afbf_radio_check{ left:5px; top:5px; height:10px; width:10px; border-radius:100%; background-color:rgba(0,0,0,.54); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); } .afbf_radio input[type=radio]:checked ~ .afbf_radio_check{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* Togglebuttons */ .afbf_checkbox.toggle{ margin:0 0 40px; } .afbf_checkbox.toggle label{ position:relative; cursor:pointer; font-size:14px; color:#1b1b1b; top:auto; left:auto; pointer-events:inherit; } .afbf_checkbox.toggle input[type=checkbox]{ opacity:0; width:0; height:0; margin:0; position:absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check{ display:none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .afbf_checkbox.toggle label .afbf_checkbox_box{ display:inline-block; width:36px; height:15px; background-color:#bbb9b9; border-radius:15px; margin-right:15px; -webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease; vertical-align:middle; top:-2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after{ content:""; display:inline-block; width:20px; height:20px; background-color:#f1f1f1; border-radius:20px; position:relative; -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:0; top:-3px; -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease; -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file]{ opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100; cursor:pointer } .afbf_inputtext_bg.file .afbf_input_group{ position:relative; display:table; width:100%; border-collapse:separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{ display:table-cell; width:100%; height:34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{ position:relative; display:table-cell; padding-left:5px; font-size:0; white-space:nowrap; width:1%; vertical-align:middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{ border-radius:50%; height:34px; margin:auto; width:34px; overflow:hidden; background:#fff; border:none; position:relative; line-height:normal; background:url(/assets/ritualluks.ru/images/main/catalog-item-back.png) center no-repeat; cursor:pointer; -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); box-shadow:0px 1px 2px 1px rgba(231,231,231,1); } .afbf_inputtext_bg.file.load_file label{ font-size:12px; } .afbf_radio .afbf_radio_circle{ border:2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{ left:15px; } /* -------- */ @media screen and (max-width:768px){ .alx_feed_back{ width:99% !important; } .modal_form{ width:100% !important; margin-left:0 !important; left:0; } } /* Animation */ @-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}} /* End */ /* Start:/bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/themes/theme.add_floating_labels.css?1523603528906*/ /* Adding floating label. Class form_labels_floating */ .alx_feed_back .afbf_feedback_poles .afbf_item_pole .afbf_name { position:absolute; top:10px; left:6px; pointer-events:none; font-size:16px; z-index:10; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .alx_feed_back .afbf_feedback_poles .afbf_item_pole .fileinput.load_file .afbf_name { top:-20px; left:0; } .alx_feed_back .afbf_feedback_poles .afbf_item_pole.is_filled .afbf_name, .alx_feed_back .afbf_feedback_poles .afbf_item_pole.is_focused .afbf_name { top:-15px; left:0; font-size:12px; } .alx_feed_back .afbf_feedback_poles .afbf_item_pole.item_pole__captcha .afbf_name { top:80px; } .alx_feed_back .afbf_feedback_poles .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .alx_feed_back .afbf_feedback_poles .afbf_item_pole.item_pole__captcha.is_focused .afbf_name { top:55px; } /* End */ /* Start:/bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?15236035283124*/ #alx_feed_back_FID1 .afbf_radio_circle { border-color:#009688; } #alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after, #alx_feed_back_FID1 .afbf_radio_check { background-color:#009688; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn { color:#fff !important; background:#009688 !important; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover { color:#fff !important; background:#006153 !important; } #alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box { background-color:#ABF1E3; } #alx_feed_back_FID1 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before, #alx_feed_back_FID1.floating_labels .afbf_item_pole.is_filled .afbf_name, #alx_feed_back_FID1.floating_labels .afbf_item_pole.is_focused .afbf_name { color:#006153; } #alx_feed_back_FID1.form_inputs_line .afbf_select, #alx_feed_back_FID1.form_inputs_line .afbf_textarea, #alx_feed_back_FID1.form_inputs_line .afbf_inputtext, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#009688, #009688), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#009688, #009688), linear-gradient(#e0e0e0, #e0e0e0); } #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_select, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea, #alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0); -moz-background-size:100% 2px, 100% 1px; background-size:100% 2px, 100% 1px; } #alx_feed_back_FID1 .afbf_select, .afbf_textarea, .afbf_inputtext, #alx_feed_back_FID1 .afbf_checkbox label { color:#212121; } #alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_inputtext{ border-color:#009688; } /* End */ /* Start:/bitrix/templates/klik-template/template_styles.css?157431965626376*/ @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Regular.otf'); /* разные файлы */ font-weight: 400; /* разная плотность */ font-style: normal; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Medium.otf'); /* разные файлы */ font-weight: 500; /* разная плотность */ font-style: normal; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-MediumItalic.otf'); /* разные файлы */ font-weight: 500; /* разная плотность */ font-style: italic; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Italic.otf'); /* разные файлы */ font-weight: 400; /* разная плотность */ font-style: italic; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Demi.otf'); /* разные файлы */ font-weight: 600; /* разная плотность */ font-style: normal; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-DemiItalic.otf'); /* разные файлы */ font-weight: 600; /* разная плотность */ font-style: italic; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Bold.otf'); /* разные файлы */ font-weight: 700; /* разная плотность */ font-style: normal; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-BoldItalic.otf'); /* разные файлы */ font-weight: 700; /* разная плотность */ font-style: italic; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-Light.otf'); /* разные файлы */ font-weight: 300; /* разная плотность */ font-style: normal; } @font-face { font-family: 'Avenir'; /* название одно */ src: url('/assets/ritualluks.ru/bitrix/templates/klik-template/fonts/AvenirNextCyr-LightItalic.otf'); /* разные файлы */ font-weight: 300; /* разная плотность */ font-style: italic; } html, body{ font-family: Avenir; font-size: 18px; font-style: normal; } body{ background-image: url('/assets/ritualluks.ru/bitrix/templates/klik-template/img/mramor.png'); } .header{ background: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/top-back.jpg) no-repeat; width: 1358px; height: auto; margin: 0 auto; position: relative; } .top-head{ background-color: #47423b; color: #fefefe; opacity: 0.8; min-height: 100px; width: 100%; position: absolute; z-index: 100; } .top-head .opening-hours{ font-family: Avenir; font-size: 18px; font-weight: 500; color: inherit; text-transform: uppercase; padding: 12px 0; } .top-head .phone1, .top-head .phone2{ font-family: Avenir; font-weight: 600; font-size: 18px; padding: 12px 0; } .top-head a{ color: #fefefe; } .btn{ display: inline-block; padding: 5px 28px; margin-bottom: 0; font-size: 18px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid #fff; border-radius: 0; background-color: transparent; min-width: 200px; } .btn:hover{ background-color: #fff; } .search-form input[type="text"] { height: 39px; color: #222; width: 337px; border-radius: 0; border: 0; padding-left: 5px; box-sizing: border-box; float: left; display: inline-block; } #back-to-top { position: fixed; bottom: 100px; right: 60px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { background: #e9ebec; } #back-to-top.show { opacity: 1; } #content { height: 2000px; } .from-to-top{ padding-top: 100px; } .to-right{ float: right; } .spec { font-family: Avenir; font-size: 36px; font-weight: 600; color: #fefefe; } .sub-spec { font-family: Avenir; font-size: 36px; font-weight: 600; color: #fefefe; } #flexslider-114{ margin-bottom: -100px; } /*top menu*/ .navigation>div{ border-top: none; } .navigation { margin-bottom: 7px; } .top-menu{ background: #94897a; display: table; width: 100%; } .top-menu >li{ display: table-cell; text-align: center; border-right: 1px solid #fff; } .top-menu>li:hover { background-color: #47423b; } .top-menu>li a.active { background-color: #47423b; } .top-menu>li.active{ background-color: #47423b; } .top-menu>li:hover>a:hover{ background-color: #47423b; } .top-menu li a{ color:#fff; font-size: 14px; font-weight: 500; text-transform: uppercase; padding-top: 32px; padding-bottom: 32px; } .dropdown-menu{ background-color: rgba(71, 66, 59, 0.8);; font-weight: normal; text-transform: uppercase; font-size: 24px; padding: 0px; margin: 0px; margin-left: 0px; text-align: left; border: none; *border-right-width: none; *border-bottom-width: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-background-clip: none; -moz-background-clip: none; background-clip: none; } .dropdown-menu li{ background-color: rgba(219, 212, 200, 0); } .top-menu .dropdown-menu li a{ color:#fff; font-size: 16px; font-weight: 500; text-transform: none; padding: 10px 0; border-top:1px solid #777; margin: 0 60px; } .top-menu .dropdown-menu li:first-child a{ /*border-top:1px solid #94897a;*/ border-top:none; } .dropdown-menu li:hover { background-color: #94897a; opacity: 1; } .dropdown-menu li:hover+li a { border-top: 1px solid #47423b; } .dropdown-menu li:hover a{ color: #fff; border-top: 1px solid #94897a; } .dropdown-menu li:hover a:hover{ background-color: #94897a; opacity: 1; } ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } .h1Brcr{ display: inline-block; box-sizing: border-box; width: 100%; background-color: #fff; } /*left side*/ .info-block{ width: 100%; margin-bottom: 20px; } .info-block-title{ width: 100%; height: 44px; padding: 12px 15px 12px 30px; background-color: #47423b; color: #fff; text-transform: uppercase; font-size: 14px; } .info-block-title.light{ background-color: #94897a; } .info-block-body{ width: 100%; padding: 5px 15px; background-color: rgba(219, 212, 200, 0.5); } .left-menu{ } .left-menu li ul{ padding: 0; } .left-menu li ul li{ list-style: none; } .left-menu li ul li a{ padding: 10px 15px; display: inline-block; } .left-menu li ul li a:hover{ text-decoration: none; background-color: #eee; } .left-menu li ul li:hover { text-decoration: none; background-color: #eee; } .left-menu .active{ background: #eee; } .left-menu li ul li::before{ content: ''; width: 6px; height: 7px; display: inline-block; background: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/point-left.png) no-repeat; padding: 5px 0; margin-right: 7px; margin-left: 15px; } .left-menu a{ color: #454545; } .more{ display: block; margin-top: 15px; } .more a { font-weight: 400; color: #47423b; text-decoration: none; } .akcii { background-image: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/akciya.jpg); width: 100%; height: 312px; margin: 10px 0; position: relative; box-sizing: border-box; padding: 10Px; background-repeat: no-repeat; } .akcii-title { width: 100%; position: absolute; bottom: 0; height: auto; box-sizing: border-box; padding: 3px; } .akcii-title-text{ background-color: rgba(219, 212, 200, 0.6); height: 100%; width: 100%; color: #fff; font-weight: 500; padding: 5px; } .akcii .akcii-title-text .more a{ color: #fff; } /*left side end*/ /********context************/ section h1{font-weight: 500; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; padding: 0; line-height: 36px; color: #47423b; margin-top: 0; } section h2{ font-weight: 500; font-size: 24px; line-height: 36px; text-transform: uppercase; color: #47423b; } section h3{ font-weight: 600; color: #47423b; } .pict-block{ position: relative; padding: 15px; padding-top: 0; color: #454545; } .pict-block>img:first-child{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: auto; } .text-block{ padding: 15px; background-color: #fff; color: #454545; } .centerCarts{ width: 100%; /*margin-bottom: 50px;*/ text-align: center; padding: 0; } .centerCarts li{ width: 259px; height: 300px; vertical-align: top; display: inline-block; margin: 0 5px; } .centerCarts li img{ margin-bottom: 10px; } .make-order{ background-color: #f2eeeb; box-sizing: border-box; padding: 15px 0 15px 15px; } .make-order-text{ width: 74%; display: inline-block; box-sizing: border-box; border-right: 1px solid #94897a; } .make-order-contacts{ display: inline-block; width: 25%; box-sizing: border-box; text-align: center; } .make-order-contacts .tel{ font-weight: 700; color: #94897a; margin-bottom: 5px; display: block; } .price_q{ border-collapse: collapse; width: 100%; margin: 15xp 0; } .price_q thead{ background-color: #94897a; color: #fff; font-weight: 600; font-size: 18px; vertical-align: middle; text-align: center; } .price_q thead td{ border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; height: 75px; vertical-align: middle; } .price_q thead td:first-child { border-left: 1px solid #94897a; }.price_q thead td:last-child { border-right: 1px solid #94897a; } .price_q tbody td { border-right: 1px solid #94897a; border-left: 1px solid #94897a; border-bottom: 1px solid #94897a; text-align: center; height: 75px; vertical-align: middle; } /*******************catalog*****************************/ .catalog-section-list { padding: 0 30px; } .catalog-section-list .catalog-element{ width: 247px; height: 288px; background: #fff; margin-bottom: 15px; display: block; margin: 0 11px 15px; float: left; } .catalog-element:hover, .bx_catalog_item:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.53); -moz-box-shadow: 0 0 10px rgba(0,0,0,.53); box-shadow: 0 0 10px rgba(0,0,0,.53); } .catalog-element-img{ background: url(/assets/ritualluks.ru/images/main/catalog-item-back.png); height: 209px; display: block; position: relative; } .catalog-element-img img{ max-width: 100%; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .catalog-element:hover .catalog-element-img img:nth-child(2){ opacity: 0; } div.hr { width: 100%; height: 5px; background-color: #47423b; display: block; position: relative; } .catalog-section-title { height: 74px; background-color: #dbd4c8; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 0 10px; } .catalog-section-title .title{ width: 100%; display: block; padding-top: 8px; margin-bottom: 8px; color: #514e48; } .catalog-section-title .price{ font-size: 18px; font-weight: 600; text-align: center; text-transform: none; } /*********catalog section***************************/ .bx_catalog_item { width: 247px; height: 340px; background: #fff; margin-bottom: 15px; display: block; margin: 0 11px 15px; float: left; } .bx_catalog_item_images{ width: 100%; height: 209px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; } .bx_catalog_item_title{ height: 74px; background-color: #dbd4c8; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 0 10px; } .bx_catalog_item_title a{ color: #454545; } /*********catalog section end***************************/ /******services********/ .serviсes-list{ width: 100%; } .services-item{ width: 186px; height: 230px; display: inline-block; margin: 0 10px; vertical-align: top; margin-bottom: 15px; } .services-item img{ } .services-item:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.53); -moz-box-shadow: 0 0 10px rgba(0,0,0,.53); box-shadow: 0 0 10px rgba(0,0,0,.53); } .services-item-title{ text-align: center; padding: 10px 0; background-color: #dbd4c8; height: 70px; } .services-item-title a{ color: #514e48; /* text-transform: uppercase; */ font-size: 14px; font-weight: 600; } .bx_catalog_tile .bx_catalog_tile_title a{ text-transform: none; } /******services end********/ /****************************bottom form**********************************/ .bottom-form-wrap{ border-top: 5px solid #47423b; background-color: #dbd4c8; height: auto; padding-left: 115px; padding-top: 12px; padding-bottom: 12px; } .bottom-form-title{ text-transform: uppercase; margin-bottom: 17px; font-weight: 500; } .bottom-form-line{ } .form-text-field, .form-textarea-field { width: 100%; margin-bottom: 4px; padding-left: 22px; background-color: #fff; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,.15); } .form-text-field::placeholder { font-style: italic; } .form-textarea-field::placeholder{ font-style: italic; margin-left: 2px; } .form-textarea-field { height: 105px; } .remark{ display: block; width: 100%; margin-bottom: 20px; } .bottom-form-wrap .btn:hover{ background-color: #94897a; color: #fff; border-color:#94897a; } .whyUs img{ margin-top: 20px; width: 100%; height: auto; border: solid 3px #d5d4d5; } .btn.link{ color: #454545; } /********content***end*********/ footer{ margin: 0 auto; background: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/footer-back.jpg) no-repeat; width: 1358px; min-height: 360px; color: #fff; } .bottom-info-block{ margin: 62px 0 44px; } .marker-img{ float: left; margin-right: 35px; margin-top: 10px; } .bottom-info-block-address{ } .time-img{ margin-top: 10px; float: left; margin-left: 30%; } .bottom-info-block-workTime{ } .phone-img{ float: left; margin-top: 10px; margin-right: 35px; } .phones{ float: left; } .phones a{ color: #fff; } .bottom-logo-block{ min-height: 85px; background-color: #94897a; width: 1358px; padding: 5px 0; } .bottom-left-menu li,.bottom-middle-menu li{ display: inline-block; margin-right: 60px; } .bottom-middle-menu li a{ display: block; margin: 10px; } .bottom-left-menu li{ /*float: left;*/ display: inline-block; width: 32%; } .bottom-left-menu li a,.bottom-middle-menu li a,.bottom-right-menu li a{ color: inherit; } .bottom-right-menu{ } .bottom-right-menu li{ display: inline-block; width: 49%; } .copy{ text-align: right; padding: 0; font-weight: 600; } .politica{ padding-top: 25px; text-align: right; } .sitemap{ margin-right: 100px; } /************gruz200*********/ .li-icon{ display: inline-block; margin-right: 14px; } .li-icon img{ display: block; opacity: 0.7; text-align: center; } .li-icon:hover img{ opacity: 1; } .li-icon:last-child{ margin-right: 0; } .li-icon span{ text-align: center; text-transform: uppercase; display: block; color: #454545; } /************gruz200 end*********/ /***********************contacts***********************************/ .contacts{ } .contacts h1{ padding: 0; margin: 0; background: #fff; } .contacts img{ margin-right: 30px; margin-left: 20px; } .contact-row{ margin-bottom: 10px; } /***********************contacts end***********************************/ /************************delivery********************************/ .delivery-block1{ background-image: url(/assets/ritualluks.ru/img/dostavka-block-back.jpg); } /************************delivery end********************************/ /**********************************help***************************/ .medfont{ font-family: Avenir; font-size: 18px; font-weight: 500; } .demi{ font-weight: 600; } .backColor{ background-color: #47423b; } .border { border: 1px solid #fff; width: 100%; height: 100%; position: relative; display: block; box-sizing: border-box; } .border-contrast{ border-color: #47423b!important; } .half-text-w{ width: 76%; } .w-color{ color: #fff; } .bg-w{ background-color: #fff; } .bg-content{ background-color: #f2eeeb; } .pd-up{ padding-top: 15px; } .pd-down{ padding-bottom: 15px; } .btn-dark{ border-color: #47423b !important; color: #47423b !important; } .ramka{ float: left; display: block; margin: 10px; } .block_ph { margin-top: 25px; } .img_block { padding-right: 22px; padding-left: 21px; } .img_block p { background: #dbd4c8; padding: 7px 6px; margin: 0; } .img_block img { max-width: 100%; } .about_block { padding-left: 22px; margin-bottom: 0; } .content-img-left{ margin: 0 15px 0 0; } /*end help*/ /*Media queries*/ @media (max-width: 1357px) { footer{ width: 100%; background-color: #47423b; } .bottom-logo-block{ width: 100%; } .header{ width: 100%; } .bottom-form-wrap{ padding: 30px; } } @media (max-width:767px){ .top-head{ position: relative; } #small_menu_button{ display: block; width: 100%; height: 44px; padding: 12px 15px 12px 30px; background-color: #47423b; color: #fff; text-transform: uppercase; font-size: 14px; } .top-menu{ display: none; } .show{ display: block; } .from-to-top{ padding-top: 0; } .half-text-w{ width: 100%; } footer{ background-repeat: repeat-y; } .time-img{ margin-left: 0; } .bottom-left-menu li{ width: 100%; } .bottom-right-menu li{ width: 100%; } .bottom-middle-menu li{ width: 100%; } .bottom-form-wrap{ padding-left: 5px; } .top-menu >li{ display: block; } .top-menu li a { padding-top: 10px; padding-bottom: 10px; } .alx_feedback_popup{ display: block; margin: 10px 0; } .search-form input[type=submit]{ display: block; width: 100%; } .search-form input[type="text"]{ width: 100%; } .adress-item:nth-child(odd){ background-repeat: repeat-y; } .adress-item{ } .make-order{ padding:5px; } .make-order-text{ width: 100%; border:none; text-align: center; } .make-order-contacts{ width: 100%; } .to-right{ float: left; } } @media (min-width: 768px){ #small_menu_button{ display: none; } .make-order-text{ width: 68%; } } .bold { font-weight: 700; } #f_feedback_FID1 input { color: black; } a.ert .btn:hover { background-color: #94897a; color: #fff; border-color: #94897a; cursor: pointer; } a.ert{ text-decoration: none; } a.ert .btn { color: black; background: #dbd4c8; display: block; padding: 5px 28px; font-size: 18px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid #fff; border-radius: 0; width: 200px; margin: 0 auto; margin-bottom: 20px; } .search-form .btn { font-size: 0; color: transparent; width: 60px; padding: 0; height: 39px; border: 0; float: left; background: url('/assets/ritualluks.ru/upload/search.png') no-repeat center #94897A; display: inline-block; margin: 0; min-width: auto; } .bx-basket-block { background: url('/assets/ritualluks.ru/upload/cart_but_white.png') no-repeat left center; height: 40px; padding: 0 0 0 35px; line-height: 40px; font-size: 16px; font-weight: 600; } .bx-basket-block a { border: 0; } .bx-breadcrumb.col-12 { margin-left: 20px; } .bx-breadcrumb .bx-breadcrumb-item span { font-size: 16px !important; color: #47423b; } .bx-breadcrumb .bx-breadcrumb-item a span { color: #727272 !important; } .sort_by_param { border: 1px solid #ebebeb; border-width: 1px 1px 1px 1px; margin: 0px 0px 0 0; height: 40px; background: white; box-shadow: 0px 0px 5px 1px #c5c5c5 inset; -moz-appearance: inherit; cursor: pointer; } .blo_pere { background: #f7f4f2; text-align: center; padding-bottom: 20px; } .a-clo-per { background: #95897b; color: #fff; padding: 20px 20px; width: 100%; margin-right: 0px; display: inline-block; } .a-clo-per:nth-child(2) { margin-left: 0px; width: 100%; } .a-clo-per:hover { background: #dcd4c9; color: #fff; text-decoration: none; } .a-clo-per:hover span { border: none; } .a-clo-per span { border-bottom: 1px dashed; }.blo_pere > div { padding: 20px 0; font-weight: bold; font-size: 22px; } .product-item-detail-info-section li { display: block; background-position-y: 0; } .product-item-detail-info-section li .product-item-scu-item-text{ text-align: left; white-space: normal; } .product-item-scu-item-text-container.selected{ background-position-y: 0; } .karta{ display: none; } .em { font-style: italic; } @media (max-width: 800px) { table.price_q td { font-size: 14px; padding: 0px 3px; } .bx-breadcrumb .bx-breadcrumb-item { white-space: inherit; } } @media (max-width: 767px) { .top-head .col-lg-3.col-md-3.col-sm-12 { clear: both; } } @media (max-width: 450px) { table.price_q td { font-size: 12px; padding: 0px 2px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; line-break: auto; hyphens: manual; min-width: 70px; } section img { max-width: 100%; } } @media (max-width: 1297px) and (min-width: 900px) { .top-head .col-lg-8.col-md-8.col-sm-12 { padding-left: 0px; } .search-form input[type="text"] { width: 260px; } .top-head .col-lg-8.col-md-8.col-sm-12 .row { margin-right: 0; } .top-head .alx_feedback_popup { max-width: 100%; min-width: 100%; text-align: center; font-size: 12px; } } @media (max-width: 1067px) and (min-width: 800px) { .search-form input[type="text"] { width: 200px; } } @media (max-width: 1200px) and (min-width: 900px) { .top-head .opening-hours { font-size: 11px; } } input[name="captcha_word"] { display: block !important; } .akcii-title .more span { cursor: pointer;} span.link { color: #337ab7; text-decoration: none; cursor: pointer; } span.link:hover { text-decoration: underline; } .white_content { background: white; padding: 0px 20px 20px; } .info-block-body span.nomenu { position: relative; display: block; padding: 10px 15px; cursor: pointer; } .info-block-body span.nomenu:focus, .info-block-body span.nomenu:hover { text-decoration: none; background-color: #eee; } .table_more { text-align: center; margin: 15px 0px 25px; font-weight: bold; cursor: pointer; } @media(max-width: 600px) { table.price_q.table_perevozka-display-block { width: 100%; overflow: scroll; display: block; } table.price_q.table_perevozka-display-table { width: 100%; overflow: scroll; display: inline-table; } .bottom-left-menu li, .bottom-middle-menu li { margin-right: 0px; } ul.bottom-middle-menu { padding-left: 10px; } } @media(max-width: 991px) { aside .info-block-body.show { display: block; } aside .info-block-body { display: none; } .info-block-title { position: relative; } .info-block-title:before { content: ""; width: 13px; height: 13px; background: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/up-arrow.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 14px; right: 25px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .info-block-title.btn_nav:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .news-list-title { cursor: pointer; } .download_link:hover { text-decoration: underline; } .download_link { color: #337ab7; text-decoration: none; cursor: pointer; } div#small_menu_button.btn_nav:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } div#small_menu_button:before { content: ""; width: 13px; height: 13px; background: url(/assets/ritualluks.ru/bitrix/templates/klik-template/img/up-arrow.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 14px; right: 25px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } @media (max-width: 1367px) and (min-width: 1300px) { html { width: 100%; overflow-x: hidden; } } .razvernut { background-color: #95897b; color: #fff; width: 150px; margin: 10px auto 10px; padding: 5px; border-radius: 15px; text-align: center; cursor: pointer; } .razvernut .razvernut_none, .razvernut.active .razvernut_clock { display: none; } .razvernut.active .razvernut_none { display: block; } .table_razvernut tr:not(:nth-child(-n+5)) { display: none; } table.table_razvernut.active tr:not(:nth-child(-n+5)) { display: table-row; } .make-order-text .alx_feedback_popup:hover { color: #23527c; text-decoration: underline; } .make-order-text .alx_feedback_popup { color: #337ab7; text-decoration: none; } /* End */ /* /js/jquery.fancybox.min.css?154174646313894 */ /* /bitrix/templates/klik-template/components/bitrix/sale.basket.basket.line/small-cart/style.css?15372761454260 */ /* /bitrix/templates/klik-template/components/bitrix/news.line/slider/style.css?152360352736 */ /* /bitrix/templates/klik-template/components/bitrix/news.list/asideList/style.css?1537275841388 */ /* /bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/form_style.css?152360352842528 */ /* /bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/themes/theme.add_floating_labels.css?1523603528906 */ /* /bitrix/templates/klik-template/components/altasib/feedback.form/bottom-form/themes/theme_3578bd6d208f3593a3df445e9c801b35.css?15236035283124 */ /* /bitrix/templates/klik-template/template_styles.css?157431965626376 */