/* Start:/bitrix/templates/kb2022/assets/css/bootstrap.min.css?167543288524629*/ /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d5b73f0c6af04e850d11) * Config saved to config.json and https://gist.github.com/d5b73f0c6af04e850d11 *//*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1280px){.container{width:1200px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1280px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} /* End */ /* Start:/bitrix/templates/kb2022/assets/css/animate.css?167543288570808*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, 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); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, 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); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-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% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 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% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 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(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 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(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 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; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 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); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 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; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-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; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-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); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 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 slideInRight { 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); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 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); } } @keyframes slideOutLeft { 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); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-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); } } @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); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* End */ /* Start:/bitrix/templates/kb2022/css/theme-blue.css?16754328866552*/ .blue .goods-holder-list.large-list .goods-item { border:1px solid #0093ce; } .navigation-list a:hover, .cart-popup-table td:first-child + td + td a:hover { color:#0093ce; } .btn-order, .footer-cart span, .more-info .btn-red:hover, .total-holder .btn-red:hover, .btn-black:hover , .btn-red, .right-box .btn-black:hover, .accessories-box .btn-red:hover, .slider-price, .action-info, .btn-blue:hover, li.active .btn-blue, li:hover .buy-control, .btn-order, .filter-list > li > a:hover, .submenu a:hover , .left-sidebar .tabs-list a:hover, .left-sidebar .tabs-list .active a, .btn-blue:hover, .product-term-box .action-info, .slide-table-holder td.diff, .accessories-holder .bx-wrapper .bx-controls-direction a:hover, .account-content .tabs-list .active a, .compare-buttons .btn-black:hover, .qbuy-buttons .btn-black:hover, .goods-item .bottom, .arrows-list a:hover, .goods-item:hover .info, .ui-slider-range, .sale-p-rate { background: #00a8e1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYThlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDkzY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00a8e1 0%, #0093ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a8e1), color-stop(100%,#0093ce)); background: -webkit-linear-gradient(top, #00a8e1 0%,#0093ce 100%); background: -o-linear-gradient(top, #00a8e1 0%,#0093ce 100%); background: -ms-linear-gradient(top, #00a8e1 0%,#0093ce 100%); background: linear-gradient(to bottom, #00a8e1 0%,#0093ce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8e1', endColorstr='#0093ce',GradientType=0 ); color:#fff; } /* icon */ [class^="icon-"], [class*=" icon-"] {background:url(/bitrix/templates/kb2022/css/../img/sp-icon-blue.png) 0 0 no-repeat;vertical-align:middle;} .icon-heart{ background-position: 0 0; width: 14px; height: 13px; } a.icon-heart:hover, a:hover .icon-heart, .icon-heart-h{ background-position: 0 -33px; width: 14px; height: 13px; } .icon-eye{ background-position: 0 -66px; width: 24px; height: 16px; } a.icon-eye:hover, /* a.icon-eye, */ .icon-eye-h{ background-position: 0 -102px; width: 24px; height: 16px; } .icon-compare{ background-position: 0 -138px; width: 30px; height: 31px; } a.icon-compare:hover, .icon-compare-h{ background-position: 0 -189px; width: 30px; height: 31px; } .icon-cart{ background-position: 0 -240px; width: 30px; height: 31px; } a.icon-cart:hover, .icon-cart-h{ background-position: 0 -291px; width: 30px; height: 31px; } .icon-phone{ background-position: 0 -342px; width: 14px; height: 17px; } .icon-compare-footer{ background-position: 0 -375px; height: 26px; width: 26px; } .icon-like-footer{ background-position: 0 -421px; width: 21px; height: 19px; } .icon-cart-footer{ background-position: 0 -460px; width: 26px; height: 22px; } .icon-del{ background-position: 0 -502px; width: 26px; height: 25px; } a.icon-del:hover, .icon-del-h{ background-position: 0 -547px; width: 26px; height: 25px; } .icon-compare-small{ background-position: 0 -592px; width: 16px; height: 14px; } a:hover .icon-compare-small, .icon-compare-small-h{ background-position: 0 -626px; width: 16px; height: 14px; } .icon-good{ background-position: 0 -660px; width: 21px; height: 21px; } .icon-norm{ background-position: 0 -701px; width: 32px; height: 22px; } .icon-bad{ background-position: 0 -743px; width: 21px; height: 21px; } .icon-blocks{ background-position: 0 -784px; width: 18px; height: 16px; } .icon-lines{ background-position: 0 -820px; width: 20px; height: 16px; } .icon-proddel{ background-position: 0 -856px; width: 26px; height: 25px; } .icon-proddel-h{ background-position: 0 -901px; width: 26px; height: 25px; } .icon-heart-sh{ background-position: 0 -946px; width: 25px; height: 24px; } /* .icon-heart-sh:hover{ background-position: 4px -1447px; width: 25px; height: 24px; } */ .icon-cart-small{ background-position: 0 -990px; width: 22px; height: 18px; } .icon-cart-popup{ background-position: 0 -1028px; width: 28px; height: 21px; } .icon-plus{ background-position: 0 -1069px; width: 11px; height: 11px; } .icon-minus{ background-position: 0 -1100px; width: 10px; height: 2px; } .icon-mobile-menu{ background-position: 0 -1122px; width: 32px; height: 32px; } .icon-metro{ background-position: 0 -1174px; width: 27px; height: 22px; } .icon-unlike{ background-position: 0 -1216px; width: 17px; height: 17px; } .icon-like{ background-position: 0 -1253px; width: 17px; height: 17px; } .icon-ch{ background-position: 0 -1290px; width: 14px; height: 14px; } .icon-ch-ch{ background-position: 0 -1324px; width: 15px; height: 17px; } .icon-sub-plus{ background-position: 0 -1355px; width: 11px; height: 11px; } .open .icon-sub-plus{ background-position: 0 -1380px; width: 11px; height: 11px; } .open .submenu .icon-sub-plus{background-position: 0 -1355px; width: 11px; height: 11px; } .submenu .open .icon-sub-plus{background-position: 0 -1380px; width: 11px; height: 11px; } .icon-cart-sh { width:23px;height:23px;background-position:0 -1410px ;} .icon-added {background-position: 0 -1518px; height: 26px; width: 25px; } /* .icon-added:hover { background-position: 0 -1575px; height: 26px; width: 25px;} */ /* .icon-cart-sh:hover {width:23px;height:23px;background-position:0 -1480px ;} */ /* icon end */ /* labels */ [class^="label-icon"], [class*=" label-icon-"] {background:url(/bitrix/templates/kb2022/css/../img/labels/sp-label-blue.png) 0 0 no-repeat;vertical-align:middle;} .label-icon-buy{ background-position: 0 0; width: 54px; height: 54px; } .label-icon-hit{ background-position: 0 -74px; width: 54px; height: 54px; } .label-icon-new{ background-position: 0 -148px; width: 54px; height: 54px; } .label-icon-new-day{ background-position: 0 -222px; width: 54px; height: 54px; } .label-icon-sale{ background-position: 0 -296px; width: 54px; height: 54px; } .label-icon-top{ background-position: 0 -370px; width: 54px; height: 54px; } /* labels end */ .decor-price { background: url("/bitrix/templates/kb2022/css/../img/d-price-blue.png") no-repeat 50% 50%; } /* End */ /* Start:/bitrix/templates/kb2022/js/jquery-ui.min.css?167543288630163*/ /*! jQuery UI - v1.11.1 - 2014-08-13 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("/bitrix/templates/kb2022/js/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("/bitrix/templates/kb2022/js/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("/bitrix/templates/kb2022/js/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("/bitrix/templates/kb2022/js/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("/bitrix/templates/kb2022/js/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("/bitrix/templates/kb2022/js/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("/bitrix/templates/kb2022/js/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/bitrix/templates/kb2022/js/images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("/bitrix/templates/kb2022/js/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("/bitrix/templates/kb2022/js/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /* End */ /* Start:/bitrix/templates/kb2022/assets/fancybox/jquery.fancybox.css?16754328854863*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/bitrix/templates/kb2022/assets/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/bitrix/templates/kb2022/assets/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/bitrix/templates/kb2022/assets/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/bitrix/templates/kb2022/assets/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/bitrix/templates/kb2022/assets/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/bitrix/templates/kb2022/assets/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/kb2022/assets/owl-carousel/assets/owl.carousel.css?16754328854614*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/kb2022/assets/owl-carousel/assets/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/include/ajax/style-popup.css?16754328875722*/ .popup-container .popup-title { min-height: 45px; position: relative; font: 17px/19px "DINPro", Arial, sans-serif; color: #fff; border-top: 1px solid #717171; border-bottom: 1px solid #e3e4e4; text-transform: uppercase; -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-topleft: 12px; border-top-right-radius: 12px; border-top-left-radius: 12px; } .popup-container .popup-title .popup-title-text { text-align: center; padding: 13px 44px 13px 22px; } .popup-container .popup-title .popup-close { background: url('/include/ajax/images/popup-close.png') 0 0 no-repeat; width: 13px; height: 13px; position: absolute; top: 14px; right: 14px; text-indent: -9999px; cursor: pointer; } .popup-container .popup-content { background: #dbd8db url('/include/ajax/images/popup-content.jpg'); -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .popup-container .form-errors { padding: 10px 43px; font: 11px/13px Arial, Helvetica, sans-serif; } .popup-container .form-errors font.errortext { color: #d60023 !important; } .popup-container .form-errors p { margin: 0; padding: 0; } .popup-container .form-load { padding: 105px 109px 105px; } .popup-container .form-note { padding: 10px 43px; } .popup-container .form-note p { margin: 0; padding: 0; } .popup-container .form-note + form { display: none; } .popup-container form { overflow: hidden; width: 336px; padding: 10px 10px 16px 43px; } .popup-container form label { font: 17px/28px "DINPro", Arial, sans-serif; color: #282828; text-shadow: 0 1px 1px #fff; display: block; float: left; width: 91px; height: 28px; margin: 0 0 5px; } .popup-container form label .form-required { color: #d60023; } .popup-container form label.error { color: #d60023; } .popup-container form input[type=text] { display: block; float: left; height: 28px; width: 190px; border: 1px solid #cdd0cb; font: 18px/20px Arial, Helvetica, sans-serif; color: #575757; margin: 0 0 5px; padding: 0 8px; background: #f6f6f6 url('/include/ajax/images/popup-input-text.jpg') 0 0 no-repeat; -webkit-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5); } .popup-container form input[type=submit]:hover, .popup-container form input[type=submit]:active { color: #434343; } .popup-container form .bottom-section { clear: both; padding: 9px 0; } .inbasket_info_wrap{ width: 100%; } div.inbasket_info{ padding-top: 14px; } .inbasket_info p{ margin: 0 0 0;} .inbasket_pic_wrap{ width: 36%;float: left; text-align: center; } img.inbasket_pic{ margin: 12px; display: inline; } .inbasket_name_wrap{ width: 59%;float: left;padding-top: 2%; } .inbasket_name{ font: 19px/30px Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } .inbasket_price{ font: bold 21px/23px 'DINPro', Arial, sans-serif, sans-serif; color: #b73434; } .inbasket_currency{ font-size: 13px;font-weight: normal;color: #000; } .inbasket_cont_buy{ display: inline-block; margin: 15px 20px 0 0; text-decoration: none; font-size: 13px; text-transform: uppercase; background: url('/include/ajax/images/larr_black.png') center left no-repeat; background-position: 15px 4px; padding-left: 28px; color: #000; border: none; } .pseudo{ position: relative; text-decoration: none; border-bottom: 1px dashed; cursor: pointer; } .inbasket_order{ width: 230px; margin: -12px 0 0 70px; display: inline-block; border: none; height: 23px; font-size: 16px; line-height: 0px; } .inbasket_order:hover{ text-decoration: none; } .inbasket_rec_title{ font-family: Verdana;font-weight: bold;font-size: 14px; padding-left: 15px; margin: 12px 0 0; } .overlay{ position: fixed; top:0; left:0; background-color: #000; opacity:0.5; height: 100%; width: 100%; z-index:9000; } .inner-ajax{ position: fixed; top:15%; left:30%; z-index:9001; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .loader{ position: fixed; top:0; left:0; height: 100%; width: 100%; z-index:9000; } .loader .back{ position: fixed; background-color: #000; height: 100%; width: 100%; opacity: 0.5; } .loader .load{ position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; width: 44px; height: 44px; background: url('/include/ajax/images/loading.gif') center center no-repeat; } .loader span{ position: fixed; top: 55%; left: 38%; color:#FFF; font-size: 15px; width: 25%; text-align: center; } .delsuccess{ position: fixed; top: 40%; left: 40%; z-index: 999999; padding: 30px; border-radius: 30px; font-size: 21px; box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); } .loading{ margin-left: 40%; width: 44px; height: 44px; background: url('/include/ajax/images/loading.gif') center center no-repeat; } /* End */ /* Start:/bitrix/templates/kb2022/style-v2.css?168552946124359*/ @-webkit-keyframes show-brand-mini-cats { from { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes show-brand-mini-cats { from { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes hide-brand-mini-cats { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 99% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); height: 0; opacity: 0; } } @keyframes hide-brand-mini-cats { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 99% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); height: 0; opacity: 0; } } /* Extends ========================================================================== */ .l-v2-brand_content, .b-v2-brand-mini, .b-v2-brand-mini__row_hidden { -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; } .b-v2-brand-mini:hover .b-v2-brand-mini__row_hidden, .b-v2-brand-mini:hover, .b-payment-textarea__input:focus { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } /* Globals (g-) ========================================================================== */ /* Layouts (l-) ========================================================================== */ /* l: кастомная секция */ .l-v2-custom_margined { margin-top: 30px; } .l-v2-custom__block_padding_30 { padding: 30px; background-color: #fff; } .l-v2-custom__block_shadow { -webkit-box-shadow: 0 1px 3px 0 #b3b3b3; box-shadow: 0 1px 3px 0 #b3b3b3; } /* l: шаги оформления заказа */ .l-v2-steps { margin-top: 40px; margin-bottom: 30px; } .l-v2-steps__row:not(:first-child) { margin-top: 30px; } /* l: заголовок страницы бренда */ .l-v2-brand_title, .l-v2-brand_content { padding-top: 30px; padding-bottom: 30px; } .l-v2-brand_title { background: url('/bitrix/templates/kb2022/img/l-v2-brand/title-background.jpg') no-repeat center center; background-size: cover; } .l-v2-brand_content { background-color: #fff; } .l-v2-brand_title .l-v2-brand__row { margin-top: -30px; } .l-v2-brand_title .l-v2-brand__column { margin-top: 30px; text-align: center; } .l-v2-brand_title .l-v2-brand__row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; } .l-v2-brand__logo { background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 40px; display: inline-block; } .l-v2-brand__title { color: #fff; font-family: 'Arial'; font-size: 24px; font-weight: 700; text-align: center; } @media screen and (min-width: 992px) { .l-v2-brand_title .l-v2-brand__row { flex-direction: row; } .l-v2-brand__logo { display: block; } .l-v2-brand__title { text-align: left; font-size: 32px; } } /* l: корзина - список товаров */ .l-v2-cart { margin-top: 30px; margin-bottom: 30px; } .l-v2-cart__row:not(:first-child):not(.l-v2-cart__row_footer) { margin-top: 30px; } .l-v2-cart__row_header, .l-v2-cart__row_footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; color: #000; } .l-v2-cart__row_footer {margin-top: 15px;} .l-v2-cart__row_footer .l-v2-cart__column_flex {justify-content: flex-start;} .l-v2-cart__row_header .l-v2-cart__column:not(:first-child) { text-align: center; } .l-v2-cart__row_header .l-v2-cart__column:first-child { text-align: left; } .l-v2-cart__sum { color: #000; } .l-v2-cart__sum span {font-size: 20px;} .l-v2-cart__item:not(:first-child) {margin-top: 0;} .l-v2-cart__column_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .l-v2-cart__column_flex > *:not(:first-child) { margin-left: 15px; } .l-v2-cart__upd-sum { cursor: pointer; } .l-v2-cart__upd-sum .fa { font-size: 20px; -webkit-transition: all 300ms; transition: all 300ms; } .l-v2-cart__upd-sum:hover .fa { color: #00aef1; } /* l: слайдер публикаций в блоге */ .l-blog-slider { position: relative; margin-bottom: -30px; } .l-blog-slider, .l-blog-slider * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .l-blog-slider .owl-item { padding-top: 30px; padding-bottom: 30px; } .l-blog-slider .owl-prev, .l-blog-slider .owl-next { width: 50px; height: 50px; position: absolute; background-color: #fff; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2); top: 50%; opacity: .5; margin-top: -25px; -webkit-transition: all 300ms; transition: all 300ms; font-family: FontAwesome; left: 50%; } .l-blog-slider .owl-prev:hover, .l-blog-slider .owl-next:hover { opacity: 1; } .l-blog-slider .owl-prev:before, .l-blog-slider .owl-next:before { color: #000; display: block; font-size: 24px; font-size: 28px; line-height: 50px; text-align: center; vertical-align: middle; width: 100%; } .l-blog-slider .owl-prev { margin-left: -720px; } .l-blog-slider .owl-prev:before { content: '\f104'; } .l-blog-slider .owl-next { margin-left: 310px; } .l-blog-slider .owl-next:before { content: '\f105'; } .l-blog-slider__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; -webkit-transition: all 300ms; transition: all 300ms; } .l-blog-slider__wrapper:hover, .l-blog-slider__wrapper:focus { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } .l-blog-slider__slide { -webkit-flex-basis: 360px; -ms-flex-preferred-size: 360px; flex-basis: 360px; -webkit-box-sizing: border-box; box-sizing: border-box; } .l-blog-slider__slide_image-slide { -webkit-flex-basis: 1050px; -ms-flex-preferred-size: 1050px; flex-basis: 1050px; } .l-blog-slider__slide_post { padding: 30px; position: relative; } .l-blog-slider__link { display: block; } .l-blog-slider .owl-item .l-blog-slider__slide-img { display: block; max-width: 100%; height: auto; position: relative; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; } /* Blocks (b-) ========================================================================== */ /* b: мини-бренд */ .b-v2-brand-mini { background-color: #fff; position: relative; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-brand-mini__row_hidden { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: hide-brand-mini-cats; animation-name: hide-brand-mini-cats; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-duration: 300ms; animation-duration: 300ms; background-color: #fff; overflow: hidden; right: 0; left: 0; position: absolute; z-index: 5; } .b-v2-brand-mini__row_name { background-color: #f6f6f6; } .b-v2-brand-mini:hover .b-v2-brand-mini__row_hidden { height: auto; -webkit-animation: show-brand-mini-cats 300ms ease-in-out 1; animation: show-brand-mini-cats 300ms ease-in-out 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .b-v2-brand-mini:hover .b-v2-brand-mini__row:nth-child(1), .b-v2-brand-mini:hover .b-v2-brand-mini__row:nth-child(2) { z-index: 6; position: relative; } .b-v2-brand-mini:hover { z-index: 5; } .b-v2-brand-mini__hidden-content { padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-v2-brand-mini__hidden-content p { font-size: 16px; color: #737373; margin: 10px 0; } .b-v2-brand-mini__hidden-content h5 { text-transform: uppercase; font-family: #000; font-size: 18px; font-weight: 700; margin: 10px 0; } .b-v2-brand-mini__link { display: block; padding: 15px; text-align: center; } .b-v2-brand-mini__logo { display: block; max-width: 110px; height: auto; margin: 0 auto; } .b-v2-brand-mini__logo-name { font-size: 16px; padding: 12px 0; line-height: 1; text-align: center; } .b-v2-brand-mini__list-item:not(:first-child) { margin-top: 5px; } .b-v2-brand-mini__cat-link:link, .b-v2-brand-mini__cat-link:visited { font-size: 16px; color: #00aef1; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-brand-mini__cat-link:hover { border-bottom-color: #00aef1; } /* b: сео-блок */ .b-v2-seo-block p:not(:first-child), .b-v2-seo-block h1:not(:first-child), .b-v2-seo-block h2:not(:first-child), .b-v2-seo-block h3:not(:first-child), .b-v2-seo-block h4:not(:first-child), .b-v2-seo-block h5:not(:first-child), .b-v2-seo-block h6:not(:first-child) { margin-top: 15px; } .b-v2-seo-block h3 { font-size: 18px; text-transform: uppercase; font-weight: 700; } .b-v2-seo-block p { font-size: 14px; color: #3a3a3a; } /* b: быстрая фильтрация брендов */ .b-v2-fbrend__input { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; line-height: 1; padding: 15px; display: block; width: 100%; font-family: "Arial Narrow"; font-size: 18px; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-fbrend__input:hover, .b-v2-fbrend__input:focus { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } .b-v2-fbrend__input::-webkit-input-placeholder { color: #cdcdcd; } .b-v2-fbrend__input::-moz-placeholder { color: #cdcdcd; } .b-v2-fbrend__input:-ms-input-placeholder { color: #cdcdcd; } .b-v2-fbrend__input::placeholder { color: #cdcdcd; } /* b: листинг категорий бренда */ .b-v2-brand-cats__title { font-size: 18px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; } .b-v2-brand-cats__list { margin-top: 30px; } .b-v2-brand-cats__items { padding-left: 20px; position: relative; } .b-v2-brand-cats__items:not(:first-child) { margin-top: 20px; } .b-v2-brand-cats__items .fa { color: #00aef1; top: 5px; left: 3px; position: absolute; } .b-v2-brand-cats__items a:link, .b-v2-brand-cats__items a:visited { font-size: 18px; color: #00aef1; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-brand-cats__items a:hover { border-bottom-color: #00aef1; } /* b: блок последних обзоров */ .b-v2-lreviews-widget__title { font-size: 18px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; } .b-v2-lreviews-widget__item { margin-top: 30px; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; } .b-v2-lreviews-widget__link { display: block; position: relative; } .b-v2-lreviews-widget__link:before { content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background-color: transparent; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-lreviews-widget__link:hover:before { background-color: #693f72; background-color: rgba(105, 63, 114, .85); } .b-v2-lreviews-widget__cover { display: block; max-width: 100%; height: auto; } .b-v2-lreviews-widget__link:hover .b-v2-lreviews-widget__text { opacity: 1; } .b-v2-lreviews-widget__text { top: 50%; right: 15px; left: 15px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; text-align: center; color: #fff; opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-lreviews-widget__more { margin-top: 30px; text-align: center; } .b-v2-lreviews-widget__more-link { font-size: 20px; color: #00aef1; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-lreviews-widget__more-link:hover { border-bottom-color: #00aef1; } /* b: сео тексты */ .b-v2-seo-text *:first-child { margin-bottom: 30px; } .b-v2-seo-text h1, .b-v2-seo-text h2, .b-v2-seo-text h3, .b-v2-seo-text h4, .b-v2-seo-text h5, .b-v2-seo-text h6 { font-weight: 700; text-transform: uppercase; color: #000; } .b-v2-seo-text h3 { font-size: 18px; } .b-v2-seo-text p { font-size: 16px; color: #737373; margin-top: 15px; } /* b: единица товара в корзине */ .b-v2-ci { display: flex; background-color: #fff; box-sizing: border-box; padding-top: 15px; padding-bottom: 15px; align-items: center; transition: all 300ms; } .b-v2-ci:hover { position: relative; z-index: 5; } .b-v2-ci__clmn_ph { text-align: center; } .b-v2-ci__ph { text-align: center; } .b-v2-ci__n { font-size: 16px; line-height: 1.25em; color: #000; position: relative; } .b-v2-ci__nm { width: 35px; height: 35px; border-radius: 50%; background-color: #e9e9e9; position: relative; margin: 0 auto; transition: all 300ms; } .b-v2-ci__dig { color: #000; display: block; font-size: 18px; font-style: normal; top: 50%; position: absolute; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; background-color: transparent; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 5px; padding-left: 5px; } .b-v2-ci:hover .b-v2-ci__ps, .b-v2-ci:hover .b-v2-ci__mns { opacity: 1; } .b-v2-ci__ps, .b-v2-ci__mns { opacity: 0; width: 30px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); color: #000; cursor: pointer; transition: all 300ms; } .b-v2-ci__ps:before, .b-v2-ci__mns:before { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .b-v2-ci__ps { right: -35px; } .b-v2-ci__ps:hover { color: #00aef1; } .b-v2-ci__mns { left: -35px; } .b-v2-ci__mns:hover { color: #f100a3; } .b-v2-ci__p, .b-v2-ci__s { font-size: 16px; color: #000; text-align: center; } .b-v2-ci__rmv { background-color: #fff; border: 2px solid #ccc; border-radius: 50%; cursor: pointer; margin: 0 auto; position: relative; width: 30px; height: 30px; transition: all 300ms; color: #ccc; } .b-v2-ci__rmv .fa { color: inherit; top: 50%; right: 0; left: 0; position: absolute; text-align: center; transform: translateY(-50%); font-size: 18px; } .b-v2-ci__rmv:hover { background-color: #ccc; color: #fff; } .b-v2-ci:hover .b-v2-ci__act { opacity: 1; } .b-v2-ci__act { left: 0; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; overflow: hidden; -webkit-transition: all 300ms; transition: all 300ms; } .b-v2-ci__act-i { margin-left: 15px; line-height: 1; } .b-v2-ci__act-i:first-child { margin-left: 0; } .b-v2-ci__amr, .b-v2-ci__armv { line-height: 1.25; font-size: 12px; color: #000; transition: all 300ms; } .b-v2-ci__amr:hover, .b-v2-ci__armv:hover { color: #00aef1; } /* b: заголовок шагов оформления */ .b-v2-order-steps-header { background-color: #fff; } .b-v2-order-steps-header__row, #order_form_content {display: flex; justify-content: space-between; flex-wrap: wrap;} .b-v2-order-steps-header__row::before, .b-v2-order-steps-header__row::after { content: none; } @media screen and (min-width: 992px) { .b-v2-order-steps-header__column, .b-v2-order-steps-body__column {max-width: 360px;} } .b-v2-order-steps-header__column { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .b-v2-order-steps-header__column.js-current-step:first-child:before { left: 15px; } .b-v2-order-steps-header__column.js-current-step:nth-child(3):before { right: 65px; } .b-v2-order-steps-header__column.js-current-step:nth-child(3):after { top: -30px; right: 15px; bottom: -30px; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 55px 0 55px 50px; border-left-color: #00aef1; } .b-v2-order-steps-header__column.js-ready-step:before { content: ''; background-color: #00aef1; top: -30px; right: 0; bottom: -30px; left: 0; position: absolute; } .b-v2-order-steps-header__column.js-ready-step:first-child:before { left: 15px; } .b-v2-order-steps-header__num {position: relative; margin-right: 5px;} .b-v2-order-steps-header__dig {display: block; font-size: 16px; color: #0092d7; font-style: normal;} .b-v2-order-steps-header__text {color: #000; font-size: 16px; position: relative;} .b-v2-order-steps-header__t-title {text-transform: uppercase; font-weight: 700; display: flex;} /* b: тело шагов оформления */ .b-v2-order-steps-body {position: relative;} .b-v2-order-steps-body__column {position: relative;} .b-v2-order-steps-body__column:first-child {padding-top: 90px;} .b-v2-order-steps-body__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-v2-order-steps-body__step_payment {display: block;} .b-v2-order-steps-body__arrow { font-size: 90px; color: #d9d9d9; top: 84px; right: -15px; position: absolute; display: none !important; } .js-ready-step .b-v2-order-steps-body__arrow {color: #00aef1;} /* b: выбор способа оплаты */ .b-payment-choice {cursor: pointer; position: relative; display: flex; align-items: center; max-width: 290px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #a6a6a6; padding: 10px 30px 10px 20px;} .js-selected .b-payment-choice__selected {opacity: 1;} .b-payment-choice__icon {text-align: center; width: 40px; margin-right: 20px; transition: all 300ms;} .b-payment-choice__icon img {max-width: 38px;} /*.js-not-selected .b-payment-choice__icon {opacity: .5;}*/ .b-payment-choice__selected { font-size: 42px; color: #00aef1; opacity: 0; top: 5px; right: 5px; position: absolute; transition: all 300ms; } .b-payment-choice__label {font-size: 12px; color: #000; text-align: left;} .js-not-selected .b-payment-choice__label {color: #000;} /* b: форма данных в оформлении */ .b-payment-form__row:not(:first-child) { margin-top: 10px; } .b-payment-form__input, .b-payment-textarea__input-wrapper textarea { background-color: #fff; box-sizing: border-box; line-height: 20px; padding: 9px 15px; display: block; width: 100%; font-family: 'Montserrat', arial, sans-serif; font-size: 12px; margin-right: auto; margin-left: auto; transition: all 300ms; border: 1px solid #a7a7a7; border-radius: 5px; } .b-payment-form__input::-webkit-input-placeholder {color: #cdcdcd;} .b-payment-form__input::-moz-placeholder {color: #cdcdcd;} .b-payment-form__input:-ms-input-placeholder {color: #cdcdcd;} .b-payment-form__input::placeholder {color: #cdcdcd;} /* b: дополнительная информация при оформлении заказа */ .b-payment-textarea__row:not(:first-child) {margin-top: 30px;} .b-payment-textarea__input { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; padding: 9px 15px; display: block; width: 100%; font-size: 16px; margin-right: auto; margin-left: auto; resize: none; height: 90px; transition: all 300ms; border-radius: 5px; } .b-payment-textarea__input::-webkit-input-placeholder {color: #cdcdcd;} .b-payment-textarea__input::-moz-placeholder {color: #cdcdcd;} .b-payment-textarea__input:-ms-input-placeholder {color: #cdcdcd;} .b-payment-textarea__input::placeholder {color: #cdcdcd;} .b-payment-textarea__input::-webkit-input-placeholder {color: #cdcdcd;} .b-payment-textarea__input::-moz-placeholder {color: #cdcdcd;} .b-payment-textarea__input:-ms-input-placeholder {color: #cdcdcd;} .b-payment-textarea__input::placeholder {color: #cdcdcd;} .b-payment-textarea__button-wrapper {text-align: center;} .b-payment-textarea__button { border-radius: 10px; display: inline-block; font-size: 18px; padding: 15px 30px; text-align: center; transition: all 300ms; } .b-payment-textarea__button_blue { background-color: #00aef1; color: #fff; } .b-payment-textarea__button_blue:hover { background-color: #693f72; } .b-payment-textarea__button.js-disabled { color: #fff; background-color: #cdcdcd; } /* b: рубрики блога */ .b-blog-cats__item a:link, .b-blog-cats__item a:visited { display: block; font-size: 18px; font-weight: 400; color: #000; padding: 15px; line-height: 1; -webkit-transition: all 300ms; transition: all 300ms; } .b-blog-cats__item a:hover { color: #00aef1; background-color: #f7f7f7; } /* b: социальные иконки в блоге */ .b-blog-socials__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .b-blog-socials__link { font-family: FontAwesome; color: #474747; -webkit-transition: all 300ms; transition: all 300ms; display: block; padding: 20px; } .b-blog-socials__link:before { font-size: 24px; } .b-blog-socials__link_vk:before { content: '\f189'; } .b-blog-socials__link_ok:before { content: '\f264'; } .b-blog-socials__link_facebook:before { content: '\f082'; } .b-blog-socials__link_google_plus:before { content: '\f0d5'; } .b-blog-socials__link:hover { color: #00aef1; background-color: #f7f7f7; } /* b: баннер в архиве блога */ .b-blog-banner { background-color: #fff; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 300ms; transition: all 300ms; } .b-blog-banner:hover, .b-blog-banner:focus { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; } .b-blog-banner__link { display: block; } .b-blog-banner__img { display: block; max-width: 100%; height: auto; } @media (max-width: 1469px) { .l-blog-slider .owl-prev { margin-left: -610px; } .l-blog-slider .owl-next { margin-left: 235px; } .l-blog-slider .owl-item .l-blog-slider__slide-img_xl { display: none; } .b-blog-post__cover-img_xl { display: none; } } @media (min-width: 1470px) { .l-blog-slider .owl-item .l-blog-slider__slide-img_lg { display: none; } .b-blog-post__cover-img_lg { display: none; } } /* End */ /* Start:/bitrix/templates/kb2022/rdesign-css.css?1719315097283977*/ @charset "UTF-8"; /*! Bootstrap v3.3.7 (http://getbootstrap.com) Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport {width: device-width;} .visible-xs {display: none !important;} .visible-sm {display: none !important;} .visible-md {display: none !important;} .visible-lg {display: none !important;} .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {display: none !important;} @media (max-width: 767px) {.visible-xs {display: block !important;} table.visible-xs {display: table !important;} tr.visible-xs {display: table-row !important;} th.visible-xs, td.visible-xs {display: table-cell !important;}} @media (max-width: 767px) {.visible-xs-block {display: block !important;}} @media (max-width: 767px) {.visible-xs-inline {display: inline !important;}} @media (max-width: 767px) {.visible-xs-inline-block {display: inline-block !important;}} @media (min-width: 768px) and (max-width: 991px) {.visible-sm {display: block !important;} table.visible-sm {display: table !important;} tr.visible-sm {display: table-row !important;} th.visible-sm, td.visible-sm {display: table-cell !important;}} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-block {display: block !important;}} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline {display: inline !important;}} @media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline-block {display: inline-block !important;}} @media (min-width: 992px) and (max-width: 1199px) {.visible-md {display: block !important;} table.visible-md {display: table !important;} tr.visible-md {display: table-row !important;} th.visible-md, td.visible-md {display: table-cell !important;}} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-block {display: block !important;}} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline {display: inline !important;}} @media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline-block {display: inline-block !important;}} @media (min-width: 1200px) {.visible-lg {display: block !important;} table.visible-lg {display: table !important;} tr.visible-lg {display: table-row !important;} th.visible-lg, td.visible-lg {display: table-cell !important;}} @media (min-width: 1200px) {.visible-lg-block {display: block !important;}} @media (min-width: 1200px) {.visible-lg-inline {display: inline !important;}} @media (min-width: 1200px) {.visible-lg-inline-block {display: inline-block !important;}} @media (max-width: 767px) {.hidden-xs {display: none !important;}} @media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}} @media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}} @media (min-width: 1200px) {.hidden-lg {display: none !important;}} .visible-print {display: none !important;} @media print {.visible-print {display: block !important;} table.visible-print {display: table !important;} tr.visible-print {display: table-row !important;} th.visible-print, td.visible-print {display: table-cell !important;}} .visible-print-block {display: none !important;} @media print {.visible-print-block {display: block !important;}} .visible-print-inline {display: none !important;} @media print {.visible-print-inline {display: inline !important;}} .visible-print-inline-block {display: none !important;} @media print {.visible-print-inline-block {display: inline-block !important;}} @media print {.hidden-print {display: none !important;}} .b-fw-form__input, .b-cat-form__input { font-weight: 400; font-size: 18px; color: #000; border-radius: 3px; border: 1px solid #cecece; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10.5px 25px; width: 210px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-fw-form__input:focus, .b-cat-form__input:focus {border-color: #14a8ef;} .b-fw-form__input::-webkit-input-placeholder, .b-cat-form__input::-webkit-input-placeholder {color: #afafaf;} .b-fw-form__input:-moz-placeholder, .b-cat-form__input:-moz-placeholder {color: #afafaf;} .b-fw-form__input::-moz-placeholder, .b-cat-form__input::-moz-placeholder {color: #afafaf;} .b-fw-form__input:-ms-input-placeholder, .b-cat-form__input:-ms-input-placeholder {color: #afafaf;} .error.b-fw-form__input, .error.b-cat-form__input {border-color: red;} .hinted.b-fw-form__input, .hinted.b-cat-form__input {color: #afafaf;} .b-f-club-of-buyers__input { font-weight: 400; font-size: 20px; background-color: #F5F5F5; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 10.5px 25px; -webkit-transition: background-color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, -webkit-box-shadow 300ms; -o-transition: box-shadow 300ms, background-color 300ms; transition: box-shadow 300ms, background-color 300ms; transition: box-shadow 300ms, background-color 300ms, -webkit-box-shadow 300ms;} .b-f-club-of-buyers__input:focus {-webkit-box-shadow: 0 0 0 1px #00aef1; box-shadow: 0 0 0 1px #00aef1;} .b-f-club-of-buyers__input::-webkit-input-placeholder {color: #AFAFAF;} .b-f-club-of-buyers__input:-moz-placeholder {color: #AFAFAF;} .b-f-club-of-buyers__input::-moz-placeholder {color: #AFAFAF;} .b-f-club-of-buyers__input:-ms-input-placeholder {color: #AFAFAF;} .js-error.b-f-club-of-buyers__input {-webkit-box-shadow: 0 0 0 1px red; box-shadow: 0 0 0 1px red;} .b-fw-form__btn, .b-cat-form__btn, .b-fw-form__btn:focus, .b-cat-form__btn:focus {font-size: 20px; font-weight: 400; border-radius: 3px; background-color: #00aef1; color: #ffffff; display: inline-block; padding: 10px 30px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-fw-form__btn:hover, .b-cat-form__btn:hover {background-color: #633974; color: #fff;} .b-v2-main-cat__hidden-more-link:link, .b-front-promos__btn_more:link, .b-v2-main-cat__hidden-more-link:focus, .b-front-promos__btn_more:focus, .b-v2-main-cat__hidden-more-link:visited, .b-front-promos__btn_more:visited, .b-v2-main-cat__hidden-more-link:active, .b-front-promos__btn_more:active {display: inline-block; font-size: 20px; text-decoration: none; color: #00aef1; border-radius: 3px; border: 1px solid #00aef1; text-align: center; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-main-cat__hidden-more-link:hover, .b-front-promos__btn_more:hover {border-color: transparent; background-color: #693f72; color: #fff;} /* * CSS file with Bootstrap grid classes for screens bigger than 1440px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc. * * Author: Marc van Nieuwenhuijzen * Company: WebVakman * Site: WebVakman.nl * */ @media (min-width: 1200px) and (max-width: 1599px) {.hidden-lg {display: none !important;}} .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl {display: none !important;} @media (min-width: 1470px) {.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float: left;} .col-xl-12 {width: 100%;} .col-xl-11 {width: 91.66666667%;} .col-xl-10 {width: 83.33333333%;} .col-xl-9 {width: 75%;} .col-xl-8 {width: 66.66666667%;} .col-xl-7 {width: 58.33333333%;} .col-xl-6 {width: 50%;} .col-xl-5 {width: 41.66666667%;} .col-xl-4 {width: 33.33333333%;} .col-xl-3 {width: 25%;} .col-xl-2 {width: 16.66666667%;} .col-xl-1 {width: 8.33333333%;} .col-xl-pull-12 {right: 100%;} .col-xl-pull-11 {right: 91.66666667%;} .col-xl-pull-10 {right: 83.33333333%;} .col-xl-pull-9 {right: 75%;} .col-xl-pull-8 {right: 66.66666667%;} .col-xl-pull-7 {right: 58.33333333%;} .col-xl-pull-6 {right: 50%;} .col-xl-pull-5 {right: 41.66666667%;} .col-xl-pull-4 {right: 33.33333333%;} .col-xl-pull-3 {right: 25%;} .col-xl-pull-2 {right: 16.66666667%;} .col-xl-pull-1 {right: 8.33333333%;} .col-xl-pull-0 {right: auto;} .col-xl-push-12 {left: 100%;} .col-xl-push-11 {left: 91.66666667%;} .col-xl-push-10 {left: 83.33333333%;} .col-xl-push-9 {left: 75%;} .col-xl-push-8 {left: 66.66666667%;} .col-xl-push-7 {left: 58.33333333%;} .col-xl-push-6 {left: 50%;} .col-xl-push-5 {left: 41.66666667%;} .col-xl-push-4 {left: 33.33333333%;} .col-xl-push-3 {left: 25%;} .col-xl-push-2 {left: 16.66666667%;} .col-xl-push-1 {left: 8.33333333%;} .col-xl-push-0 {left: auto;} .col-xl-offset-12 {margin-left: 100%;} .col-xl-offset-11 {margin-left: 91.66666667%;} .col-xl-offset-10 {margin-left: 83.33333333%;} .col-xl-offset-9 {margin-left: 75%;} .col-xl-offset-8 {margin-left: 66.66666667%;} .col-xl-offset-7 {margin-left: 58.33333333%;} .col-xl-offset-6 {margin-left: 50%;} .col-xl-offset-5 {margin-left: 41.66666667%;} .col-xl-offset-4 {margin-left: 33.33333333%;} .col-xl-offset-3 {margin-left: 25%;} .col-xl-offset-2 {margin-left: 16.66666667%;} .col-xl-offset-1 {margin-left: 8.33333333%;} .col-xl-offset-0 {margin-left: 0;} .visible-xl {display: block !important;} table.visible-xl {display: table;} tr.visible-xl {display: table-row !important;} th.visible-xl, td.visible-xl {display: table-cell !important;} .visible-xl-block {display: block !important;} .visible-xl-inline {display: inline !important;} .visible-xl-inline-block {display: inline-block !important;} .hidden-xl {display: none !important;}} /* Шрифт EuropeC */ @font-face {font-family: 'EuropeC'; src: url("/bitrix/templates/kb2022/fonts/europec.eot"); src: url("/bitrix/templates/kb2022/fonts/europec.eot") format("embedded-opentype"), url("/bitrix/templates/kb2022/fonts/europec.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/europec.woff") format("woff"), url("/bitrix/templates/kb2022/fonts/europec.ttf") format("truetype"), url("/bitrix/templates/kb2022/fonts/europec.svg#europec") format("svg"); font-weight: normal; font-style: normal;} @font-face {font-family: 'EuropeC'; src: url("/bitrix/templates/kb2022/fonts/europecbold.eot"); src: url("/bitrix/templates/kb2022/fonts/europecbold.eot") format("embedded-opentype"), url("/bitrix/templates/kb2022/fonts/europecbold.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/europecbold.woff") format("woff"), url("/bitrix/templates/kb2022/fonts/europecbold.ttf") format("truetype"), url("/bitrix/templates/kb2022/fonts/europecbold.svg#europecbold") format("svg"); font-weight: bold; font-style: normal;} /* Дополнительные стили будут включены в основной .css файл Рендер из: kb/rdesign-sass/rdesign-css.sass */ /* Глобальные классы */ .g-wrappers__violet {background: #693f72;} .g-wrappers__light_gray {background: #f1f1f1;} .g-margin_top_30 {margin-top: 30px;} .g-margin_bottom_30 {margin-bottom: 30px;} .g-margin_top_20 {margin-top: 20px;} .g-margin_bottom_20 {margin-bottom: 20px;} /* Цвета */ .color--violet {color: #693f72;} .row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} /* Страница: Бренд */ .page-brand .static-page-content h1 {margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda;} .page-brand .static-page-content a {text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .page-brand .static-page-content a:hover, .page-brand .static-page-content a:active, .page-brand .static-page-content a:focus {color: #693f72; border-bottom-color: #693f72;} .page-brand .static-page-content ul {margin: 30px 0 30px 20px;} .page-brand .static-page-content .brand-logo {margin-bottom: 30px;} /*! Страница: Бренды */ .page-brands .static-page-content h1 {margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda;} .page-brands .static-page-content .brand-item {margin-bottom: 30px;} .page-brands .static-page-content .brand-item:nth-child(4n+1) {clear: left;} .page-brands .static-page-content .brand-item > a {color: black; position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 0; text-decoration: none; overflow: hidden; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .page-brands .static-page-content .brand-item > a:hover {border-color: #693f72;} .page-brands .static-page-content .brand-item > a:hover .brand-name {color: white; background: #693f72;} .page-brands .static-page-content .brand-item .logo-wrapper {display: table; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px; height: 140px;} .page-brands .static-page-content .brand-item figure {display: table-cell; text-align: center; vertical-align: middle; width: 100%;} .page-brands .static-page-content .brand-item figure img {vertical-align: middle;} .page-brands .static-page-content .brand-item .no-brand-logo {display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: 42px; color: #e5e5e5;} .page-brands .static-page-content .brand-item .brand-name {margin: 0; text-align: center; background: #e5e5e5; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box;} /*! Страница: 404 */ .page-404 h1 {margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda;} .page-404 a {text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .page-404 a:hover {border-bottom-color: #00aef1;} /*! Секция корзина: Нотификация */ .section-cart-notice .notice-wrapper {padding: 10px 20px; margin: 20px 0; border: 1px solid #cdcdcd;} .section-cart-notice .notice-wrapper .notice-msg-title {font-size: 18px; text-transform: uppercase; font-weight: bold;} .section-cart-notice .notice-wrapper.errore-msg {border-color: #f100a3;} .section-cart-notice .notice-wrapper.success-msg {border-color: #00aef1;} /*! Секция: Бейджики на главной странице */ .section-badges {padding-top: 60px; padding-bottom: 60px;} .section-badges__item {text-align: center;} .section-badges__wrapper {margin: 0 20px; padding-top: 30px; padding-bottom: 30px; border: 1px solid lightgrey;} .section-badges__cover {height: 100px; margin: 20px 0; position: relative;} .section-badges__cover img {position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .section-badges__text {font-size: 18px; line-height: 1.4; padding: 0 10px;} /*! Область с фильтрами над каталогом */ .catalog-sort .catalog-sort__wrapper {-webkit-box-sizing: border-box; box-sizing: border-box; text-align: right;} .catalog-sort label, .catalog-sort__select {display: inline-block; vertical-align: middle; position: relative;} .catalog-sort .catalog-sort__select {margin-left: 15px; height: 30px; font-size: 14px; color: #797979; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ececec;} /*! Подкатегории в родительской рубрике */ .catalog-subcats {margin-bottom: -10px;} .catalog-subcats__flex-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex;} .catalog-subcats__flex-item {padding: 8px 0 9px 12px;} .catalog-subcats__count {background-color: transparent; border-left: 1px solid #00AEF1; color: #00AEF1; font-size: 12px; line-height: 33px; margin-left: 10px; padding-left: 5px; padding-right: 5px; text-align: center; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .catalog-subcats__list .catalog-subcats__flex-item:hover + .catalog-subcats__count {background-color: #00AEF1; color: #fff;} .catalog-subcats .catalog-subcats__list {text-align: left; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .catalog-subcats .catalog-subcats__list li {display: inline-block; margin: 0 10px 10px 0; border: 1px solid #00aef1;} .catalog-subcats .catalog-subcats__list a {text-decoration: none; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; border-bottom: 1px dotted #00aef1; font-size: 12px; transition: all 150ms;} .catalog-subcats .catalog-subcats__list a:hover, .catalog-subcats .catalog-subcats__list a:active, .catalog-subcats .catalog-subcats__list a:focus {border-bottom-style: solid;} /*! Форма регистрации - статичная */ .form-register span.color-red {color: red;} .form-register .form-register__massages {padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.4;} .form-register .form-register__massages--success {border: 1px solid #00aef1;} .form-register.form-register--static {padding-top: 0;} .form-register.form-register--static h2 {font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda; margin-top: 0px; padding-top: 0px;} .form-register.form-register--static .row {padding-top: 0;} .form-register.form-register--static label {display: block; margin: 15px 0;} .form-register.form-register--static .form-register__captcha input[type="text"] {margin: 0;} .form-register.form-register--static input[type="text"], .form-register.form-register--static input[type="password"] {border: 1px solid transparent; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; margin-top: 0; margin-bottom: 0;} .form-register.form-register--static input[type="text"]:hover, .form-register.form-register--static input[type="password"]:hover {border-color: #d5d5d5;} .form-register.form-register--static input[type="text"]:focus, .form-register.form-register--static input[type="password"]:focus {border-color: #00aef1;} .form-register.form-register--static input[type="checkbox"] {position: relative; top: 2px;} .form-register.form-register--static button[type="submit"] {width: 100%;} /*! Акционные товары на главной */ .section-main-content .catalog-last-adding .item--action > a {position: relative; border-color: #f100a3;} .section-main-content .catalog-last-adding .item--action > a .price {color: #f100a3;} .section-main-content .catalog-last-adding .item--action .meta-panel {background-color: #f100a3;} .section-main-content .catalog-last-adding .item--action .meta-panel .button {border-left: 1px solid #da0093;} .section-main-content .catalog-last-adding .item--action .meta-panel .button:hover {background-color: #00aef1;} .section-main-content .catalog-last-adding .item--action .meta-panel .button.compared, .section-main-content .catalog-last-adding .item--action .meta-panel .button.wished {background-color: #c60081;} .section-main-content .catalog-last-adding .item--action .meta-panel .button.compared:hover, .section-main-content .catalog-last-adding .item--action .meta-panel .button.wished:hover {background-color: #00aef1;} /*! Акционный каталог и товары */ .content .catalog__item--action > a {position: relative; border-color: #f100a3;} .content .catalog__item--action > a .price {color: #f100a3;} .content .catalog__item--action .meta-panel {background-color: #f100a3;} .content .catalog__item--action .meta-panel .button {border-left: 1px solid #da0093;} .content .catalog__item--action .meta-panel .button:hover {background-color: #00aef1;} .content .catalog__item--action .meta-panel .button.compared, .content .catalog__item--action .meta-panel .button.wished {background-color: #c60081;} .content .catalog__item--action .meta-panel .button.compared:hover, .content .catalog__item--action .meta-panel .button.wished:hover {background-color: #00aef1;} /*! Акционная кнопка: Фиксированная */ .fixed-button {position: fixed; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; z-index: 55;} .fixed-button--action.fixed-button--visible {left: 60px; bottom: 100px;} .fixed-button--action.fixed-button--hidden {left: -60px; bottom: 100px;} .fixed-button__link {color: white; text-decoration: none; font-size: 30px; text-align: center; display: block; position: relative;} .fixed-button__link:hover, .fixed-button__link:focus, .fixed-button__link:active {color: white; text-decoration: none;} .fixed-button__link--action {background: #f100a3; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 80px 10px 20px; text-align: center; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(173, 0, 116, 0.65); box-shadow: 0 0 20px rgba(173, 0, 116, 0.65); -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .fixed-button--closed .fixed-button__link--action {padding-left: 0; padding-right: 60px; width: 0;} .fixed-button__link--action:after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/catalog/meta-panel-icons.png) no-repeat center -322px #693f72;} .fixed-button__link--action:hover {background: #00aef1;} /*! Каталог: Пагинация (Ajax) */ .pagination-ajax {margin-bottom: 30px;} .pagination-ajax__loader {background: url("/bitrix/templates/kb2022/img/elements/pagination-ajax-loader.gif") no-repeat center center; height: 32px; margin: 30px 0 0 0;} .pagination-ajax__top-separator {margin-bottom: 0; margin-top: 0; border-top-color: #d0d1d0;} .pagination-ajax__more-btn-container {margin: 0; text-align: center;} .pagination-ajax__more-btn {display: block; width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #d0d1d0; color: white; text-decoration: none; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .pagination-ajax__more-btn:hover {color: white; background-color: #00aeef; text-decoration: none;} .pagination-ajax__more-btn:focus, .pagination-ajax__more-btn:active, .pagination-ajax__more-btn:visited {color: white; text-decoration: none;} .pagination-ajax__more-btn--disabled:hover, .pagination-ajax__more-btn--disabled:focus, .pagination-ajax__more-btn--disabled:active, .pagination-ajax__more-btn--disabled:visited {background-color: #e6e7e6; color: white;} /*! Каталог: Пагинация (постраничная) */ .numerical-pager {margin: 30px 0;} .numerical-pager__list {font-size: 0; text-align: center; display: block;} .numerical-pager__list__item {font-size: 14px; display: inline-block; margin: 0 2.5px;} .numerical-pager__list__item--current {color: #b5b6b5; padding: 10px;} .numerical-pager__list__item a {display: block; padding: 10px; border: 1px solid #e0e1e0; text-decoration: none; color: black; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .numerical-pager__list__item a:hover {border-color: transparent; background-color: #00aeef; color: white; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);} /*! Страница контактов */ .about.contacts .static-page-content hr {margin-bottom: 0;} .about.contacts .static-page-content .contacts-icon {position: relative; padding-left: 45px;} .about.contacts .static-page-content .contacts-icon:before {content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 0; top: -5px; background: url("/bitrix/templates/kb2022/img/elements/contact-page-sprites.png") no-repeat;} .about.contacts .static-page-content .contacts-icon--address:before {background-position: 0 0;} .about.contacts .static-page-content .contacts-icon--parking:before {background-position: -105px 0;} .about.contacts .static-page-content .contacts-icon--rekvizit:before {background-position: -140px 0;} .about.contacts .static-page-content .contacts-icon--work-time-v1:before {background-position: -36px 0;} .about.contacts .static-page-content .contacts-icon--work-time-v2:before {background-position: -71px 0;} .about.contacts .static-page-content h3 {font-size: 24px; font-weight: normal;} .about.contacts .static-page-content a.fancy:hover img {opacity: 0.85;} .about.contacts .static-page-content a.fancy img {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .about.contacts .static-page-content p {margin: 20px 0;} .about.contacts .static-page-content p.rekvizit {font-size: 16px;} .about.contacts .static-page-content p.show-room img {display: block; width: 100%; height: 100%;} .about.contacts .static-page-content p.pay-methods img {margin-left: 20px;} .about.contacts .static-page-content p.pay-methods img:first-child {margin-left: 0;} /*! Окно: как выбрать */ .how-to-select-popup .fancybox-skin {background-color: white; border-radius: 0;} .how-to-select-popup .fancy-title {font-size: 38px; text-align: left; padding: 0 60px 20px 0;} /*! Кнопка: как выбрать */ .how-to-select {background-color: #00aef1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; color: white; position: relative; cursor: pointer; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .how-to-select:hover {background-color: #693f72;} .how-to-select__icon, .how-to-select__label {float: left;} .how-to-select__icon {border: 1px solid white; margin-right: 20px;} .how-to-select__label {font-size: 16px; color: white; position: absolute; top: 50%; left: 117px; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /*! Карточка товара: Слайдер фотографий */ .product-carusel__link {display: block; width: 70px; height: 70px; overflow: hidden; border: 1px solid #ececec; margin: 0 auto; position: relative; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .product-carusel__link:hover, .product-carusel__link.active {border-color: #00aef1;} .product-carusel__image {max-width: none; display: block; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} /*! Popup: Покупка в рассрочку */ .product-installment-window .fancybox-skin {border-radius: 0;} .product-installment-window .fancybox-close {background: url("/bitrix/templates/kb2022/img/elements/fancybox-close.png") no-repeat center center #bebebe; width: 40px; height: 40px; top: 0; right: 0; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .product-installment-window .fancybox-close:hover {background-color: #00bff3;} .product-installment-window .popup {position: relative; padding: 40px; display: block; width: 450px;} .product-installment-window .product-installment-window__title {font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 15px;} .product-installment-window .product-installment-window__list {width: 100%; position: relative; display: block; font-size: 0;} .product-installment-window .product-installment-window__list .to-left, .product-installment-window .product-installment-window__list .to-right {display: inline-block; width: 50%; font-size: 14px;} .product-installment-window .product-installment-window__list .to-right {text-align: right; font-size: 16px;} .product-installment-window .product-installment-window__list__item {margin: 5px 0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .product-installment-window .product-installment-window__list__item:nth-child(even) {background-color: #eaeaea;} .product-installment-window .product-installment-window__form__button {background: #00bff3; color: white; display: block; width: 100%; margin: 20px auto 0 auto; font-size: 20px; padding: 10px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .product-installment-window .product-installment-window__form__button:hover {background: #693f72;} /*! Домашняя страница каталога */ .catalog-home__main-title {margin-bottom: 30px; margin-top: 0; padding-top: 0; border-top: none; color: black;} .catalog-home__category__item {margin-bottom: 25px;} .catalog-home__category__item:nth-child(3n+1) {clear: left;} .catalog-home__category__item__title {margin-bottom: 15px;} .catalog-home__category__item__title__link {position: relative; text-decoration: none;} .catalog-home__category__item__title__link:hover {text-decoration: underline;} .catalog-home__category__item__banner {margin-bottom: 15px;} .catalog-home__category__item__banner:hover img {opacity: 0.75;} .catalog-home__category__item__banner__wrapper {position: relative; width: 100%; height: 150px;} .catalog-home__category__item__banner__wrapper img {display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; object-fit: contain; object-position: 50% 50%; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .catalog-home__category__item__banner__link {display: block;} .catalog-home__category__item__banner__label {position: absolute; left: 0; bottom: 0; font-size: 14px; font-weight: normal; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; text-align: center; background-color: #00aef1; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .catalog-home__category__item__banner__label strong {font-size: 16px;} .catalog-home__category__item__description h2 {margin: 10px 0; line-height: 1.3;} .catalog-home__category__item__description p {margin: 10px 0; line-height: 1.3;} /*! Каталог: обзоры товаров */ .product-reviews {margin-bottom: 30px;} .product-reviews__main-title {font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda; margin-top: 0; padding-top: 0; border-top: none; color: black;} .product-reviews__item {margin-top: 30px;} .product-reviews__item:first-child {margin-top: 0;} .product-reviews__item__cover {text-align: center; margin-top: 5px;} .product-reviews__item__cover img {max-width: 90%; height: auto;} .product-reviews__item__description h2 {font-size: 20px; color: #00aef1; text-align: left; font-weight: bold; margin-bottom: 20px; line-height: 1.3;} .product-reviews__item__description h2 a {text-decoration: none;} .product-reviews__item__description h2 a:hover {text-decoration: underline;} .product-reviews__item__description p {margin: 10px 0; line-height: 1.3;} .product-reviews__item__meta {margin-top: 20px;} .product-reviews__item__views {font-size: 14px; color: #909090; margin-right: 30px;} .product-reviews__item__views:before {content: ""; width: 17px; height: 17px; margin-right: 10px; display: inline-block; position: relative; top: 3px; background: url("/bitrix/templates/kb2022/img/elements/product-reviews-item-meta-icons.png") no-repeat center -17px;} .product-reviews__item__pubdate {font-size: 14px; color: #909090; margin-right: 20px;} .product-reviews__item__pubdate:before {content: ""; width: 17px; height: 17px; margin-right: 10px; display: inline-block; position: relative; top: 3px; background: url("/bitrix/templates/kb2022/img/elements/product-reviews-item-meta-icons.png") no-repeat center 0;} .product-reviews__item__more {font-size: 14px; color: #00aef1; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .product-reviews__item__more:hover {text-decoration: none; border-bottom-color: #00aef1;} /*! Страница: обзор товара */ .product-reviews-page {margin-bottom: 30px;} .product-reviews-page__main-title {font-size: 32px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda; margin-top: 0; padding-top: 0; border-top: none; color: black;} .product-reviews-page__content h2 {margin: 20px 0; line-height: 1.3; clear: both;} .product-reviews-page__content h2:first-child {margin-top: 0;} .product-reviews-page__content p {margin: 10px 0; line-height: 1.3;} .product-reviews-page__content p img {max-width: 100%; height: auto;} .product-reviews-page__content p img.half {max-width: 50%;} .product-reviews-page__content p img.one-third {max-width: 33.33%;} .product-reviews-page__content p img.align-left {float: left; margin-right: 15px; margin-top: 15px; margin-bottom: 15px;} .product-reviews-page__content p img.align-right {float: right; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;} .product-reviews-page__content p img.align-center {display: block; position: relative; margin: 0 auto;} /*! Оформление таба "Как выбрать" в карточке товара */ #how-to-select h2 {margin: 20px 0; line-height: 1.3; clear: both;} #how-to-select h2:first-child {margin-top: 0;} #how-to-select p {margin: 10px 0; line-height: 1.3;} #how-to-select p img {max-width: 100%; height: auto;} #how-to-select p img.half {max-width: 50%;} #how-to-select p img.one-third {max-width: 33.33%;} #how-to-select p img.align-left {float: left; margin-right: 15px; margin-top: 15px; margin-bottom: 15px;} #how-to-select p img.align-right {float: right; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;} #how-to-select p img.align-center {display: block; position: relative; margin: 0 auto;} /*! Подвал сайта */ .section-footer-new {padding: 40px 0 80px 0; background-color: #f1f1f1;} .section-footer-new__socials-widgets-wrapper {padding-top: 30px;} .section-footer-new__navigation__title {font-size: 16px; font-weight: bold; color: #693f72; text-transform: uppercase;} .section-footer-new__navigation__list {margin-top: 20px;} .section-footer-new__navigation__item {margin-top: 10px;} .section-footer-new__navigation__item:first-child {margin-top: 0;} .section-footer-new__navigation__item--selected .section-footer-new__navigation__item__link {color: #00aeef; border-bottom-color: #00aeef;} .section-footer-new__navigation__item__link {font-size: 16px; color: black; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .section-footer-new__navigation__item__link:hover {color: #00aeef; border-bottom-color: #00aeef;} /*! Форма подписки (в подвале) */ .subscribe-form {padding: 10px; border: 1px dashed #cdcdcd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; font-size: 16px;} .subscribe-form__input, .subscribe-form__button {float: left; width: 50%; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .subscribe-form__input {color: #878787; background-color: white; border: 1px solid transparent; border-right: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .subscribe-form__input:hover {border-color: #cecece;} .subscribe-form__input:focus {border-color: #00aef1;} .subscribe-form__button {font-size: inherit; background-color: #00aeef; color: white; text-transform: uppercase; text-align: center;} .subscribe-form__button:hover, .subscribe-form__button:focus {background-color: #693f72;} /*! Fancybox Окно: Как выбрать? */ .fancybox-popup--how-to-select .fancybox-skin {background-color: white; border-radius: 0;} .fancybox-popup--how-to-select .fancybox-close {width: 50px; height: 50px; right: 0; top: 0; background: #00aef1; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--how-to-select .fancybox-close:hover {background-color: #693f72;} .fancybox-popup--how-to-select .fancybox-close:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .fancybox-popup--how-to-select .fancybox-close:after {content: ""; width: 35px; height: 35px; position: absolute; top: 7.5px; left: 7.5px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--how-to-select .window-title {height: 50px; background: #f6f6f6;} .fancybox-popup--how-to-select .window-text-wrapper {padding: 30px;} .fancybox-popup--how-to-select .window-text-wrapper h1, .fancybox-popup--how-to-select .window-text-wrapper h2, .fancybox-popup--how-to-select .window-text-wrapper h3, .fancybox-popup--how-to-select .window-text-wrapper h4, .fancybox-popup--how-to-select .window-text-wrapper h5, .fancybox-popup--how-to-select .window-text-wrapper h6 {line-height: 1.3;} .fancybox-popup--how-to-select .window-text-wrapper h1 {font-size: 22px; text-transform: uppercase; margin-bottom: 30px;} .fancybox-popup--how-to-select .window-text-wrapper h2 {font-size: 18px; text-transform: uppercase; margin: 30px 0;} .fancybox-popup--how-to-select .window-text-wrapper ul, .fancybox-popup--how-to-select .window-text-wrapper ol {padding: 0;} .fancybox-popup--how-to-select .window-text-wrapper ul ul, .fancybox-popup--how-to-select .window-text-wrapper ol ul {margin-left: 20px;} .fancybox-popup--how-to-select .window-text-wrapper ul ul li, .fancybox-popup--how-to-select .window-text-wrapper ol ul li {margin: 5px 0;} .fancybox-popup--how-to-select .window-text-wrapper ul.dots li {padding-left: 30px; position: relative;} .fancybox-popup--how-to-select .window-text-wrapper ul.dots li:before {content: ""; display: block; background: #00aef1; width: 5px; height: 5px; position: absolute; left: 10px; top: 10px;} .fancybox-popup--how-to-select .window-text-wrapper li:after {content: ""; height: 1px; width: 100%; display: block; clear: both;} .fancybox-popup--how-to-select .window-text-wrapper p, .fancybox-popup--how-to-select .window-text-wrapper li {line-height: 1.3; font-size: 16px; margin: 15px 0;} .fancybox-popup--how-to-select .window-text-wrapper img {display: block;} .fancybox-popup--how-to-select .window-text-wrapper img.imgalignleft {float: left; margin: 0 15px 0 0;} .fancybox-popup--how-to-select .window-text-wrapper img.imgalignright {float: right; margin: 0 0 0 15px;} .fancybox-popup--how-to-select .window-text-wrapper img.imgaligncenter {margin: 15px auto;} /*! Fancybox Окно: Узнать состояние заказа */ .fancybox-popup--check-state .fancybox-skin {background-color: white; border-radius: 0;} .fancybox-popup--check-state .fancybox-close {width: 50px; height: 50px; right: 0; top: 0; background: #00aef1; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--check-state .fancybox-close:hover {background-color: #693f72;} .fancybox-popup--check-state .fancybox-close:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .fancybox-popup--check-state .fancybox-close:after {content: ""; width: 35px; height: 35px; position: absolute; top: 7.5px; left: 7.5px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--check-state .check-state-form__title {height: 50px; background: #f6f6f6; padding: 13px 30px; text-transform: uppercase; font-size: 21px; margin-bottom: 30px; font-weight: bold; color: #000;} .fancybox-popup--check-state .check-state-form__text-wrapper {padding: 30px;} .fancybox-popup--check-state .check-state-form__text-wrapper h1, .fancybox-popup--check-state .check-state-form__text-wrapper h2, .fancybox-popup--check-state .check-state-form__text-wrapper h3, .fancybox-popup--check-state .check-state-form__text-wrapper h4, .fancybox-popup--check-state .check-state-form__text-wrapper h5, .fancybox-popup--check-state .check-state-form__text-wrapper h6 {line-height: 1.3;} .fancybox-popup--check-state .check-state-form__text-wrapper h1 {font-size: 22px; text-transform: uppercase; margin-bottom: 30px;} .fancybox-popup--check-state .check-state-form__text-wrapper h2 {font-size: 18px; text-transform: uppercase; margin: 30px 0;} .fancybox-popup--check-state .check-state-form__text-wrapper p, .fancybox-popup--check-state .check-state-form__text-wrapper li {line-height: 1.3; font-size: 16px; margin: 15px 0 0;} .fancybox-popup--check-state .check-state-form__text-wrapper p:first-child, .fancybox-popup--check-state .check-state-form__text-wrapper li:first-child {margin-top: 0;} .fancybox-popup--check-state .check-state-form__text-wrapper form {font-family: "zerospaceregular"; font-size: 0;} .fancybox-popup--check-state .check-state-form__text-wrapper input, .fancybox-popup--check-state .check-state-form__text-wrapper button { font-size: 14px; width: 50%; display: inline-block; margin: 15px auto; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; vertical-align: top; margin-top: 0; margin-bottom: 30px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .fancybox-popup--check-state .check-state-form__text-wrapper input {color: #878787; background-color: #ececec; border: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; border-right: none;} .fancybox-popup--check-state .check-state-form__text-wrapper input:hover {border-color: #cecece;} .fancybox-popup--check-state .check-state-form__text-wrapper input:focus {border-color: #00aef1;} .fancybox-popup--check-state .check-state-form__text-wrapper button {background-color: #00aeef; color: white; text-transform: uppercase; text-align: center;} .fancybox-popup--check-state .check-state-form__text-wrapper button:hover, .fancybox-popup--check-state .check-state-form__text-wrapper button:focus {background-color: #693f72;} .fancybox-popup--check-state .check-state-form__text-border {padding: 15px; border: 1px dashed #b8b8b8;} /*! Fancybox Окно: Узнайте об акциях */ .know-more-popup .fancybox-skin {background-color: white; border-radius: 0;} .know-more-popup .fancybox-close {width: 50px; height: 50px; right: -50px; top: 0; background: #f100a3; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .know-more-popup .fancybox-close:hover {background-color: #693f72;} .know-more-popup .fancybox-close:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .know-more-popup .fancybox-close:after {content: ""; width: 35px; height: 35px; position: absolute; top: 7.5px; left: 7.5px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .know-more-popup .know-more__header {padding: 30px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; color: white; background-color: #f100a3;} .know-more-popup .know-more__title, .know-more-popup .know-more__sub-title { font-style: italic; font-weight: bold; text-transform: uppercase;} .know-more-popup .know-more__title {font-size: 48px;} .know-more-popup .know-more__sub-title {font-size: 24px; margin-top: 10px;} .know-more-popup .know-more__body {padding: 30px 40px; -webkit-box-sizing: border-box; box-sizing: border-box;} .know-more-popup .know-more__recent-items {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px;} .know-more-popup .know-more__recent-items li {width: 130px; text-align: center;} .know-more-popup .know-more__recent-items figcaption {margin-top: 10px; font-size: 12px; color: #000; line-height: 1.4;} .know-more-popup .know-more__description {color: black; text-align: center; font-size: 15px; font-weight: bold; font-style: italic; text-transform: uppercase;} .know-more-popup .know-more__policy { font-style: italic; font-size: 11px; color: #9f9f9f; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .know-more-popup .know-more form {position: relative; display: block; margin: 30px 0 0 0;} .know-more-popup .know-more form input[type="text"] {float: left; width: 70%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: #e1e1e1; color: #9f9f9f; font-size: 16px; line-height: normal; height: 43px;} .know-more-popup .know-more form button {background-color: #00aef1; text-transform: uppercase; font-weight: bold; color: white; font-size: 24px; font-style: italic; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 30%; height: 43px; line-height: normal; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .know-more-popup .know-more form button:hover {background-color: #693f72;} /*! Виджет Яндекс Маркет */ /*! Fancybox Всплывающие окна */ .fancybox-popup--product-added .fancybox-skin {background-color: white; border-radius: 0;} .fancybox-popup--product-added .fancybox-close {width: 50px; height: 50px; right: 0; top: 0; background: #ededed; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-close {right: -50px;}} .fancybox-popup--product-added .fancybox-close:hover {background-color: #693f72;} .fancybox-popup--product-added .fancybox-close:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .fancybox-popup--product-added .fancybox-close:after {content: ""; width: 35px; height: 35px; position: absolute; top: 7.5px; left: 7.5px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--product-added .fancybox-popup__wrapper {padding: 20px;} .fancybox-popup--product-added .fancybox-popup__body {padding: 10px 0;} .fancybox-popup--product-added .fancybox-popup__footer .fancybox-popup__column {text-align: center;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__footer {padding-top: 20px;}} .fancybox-popup--product-added .fancybox-popup__column {position: relative; width: 100%;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__column {width: 48%; float: left;}} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__column--right {margin-left: 4%;}} .fancybox-popup--product-added .fancybox-popup__photo {text-align: center;} .fancybox-popup--product-added .fancybox-popup__price {margin-top: 30px; text-align: center; font-weight: bold; font-size: 30px; color: black;} .fancybox-popup--product-added .fancybox-popup__price span {font-size: 16px; font-weight: normal;} .fancybox-popup--product-added .fancybox-popup__name {font-weight: bold; font-size: 18px; color: black; text-align: center; line-height: 1.3; margin-bottom: 20px;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__name {text-align: left;}} .fancybox-popup--product-added .fancybox-popup__notify {-webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #693f72; padding: 15px 15px 15px 50px; color: #693f72; font-weight: bold; font-style: italic; font-size: 17px; text-transform: uppercase; text-align: center; background: url("/bitrix/templates/kb2022/img/fancybox-popups/icon-product-added--notify.png") no-repeat 15px center; margin: 20px auto;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__notify {text-align: right;}} .fancybox-popup--product-added .fancybox-popup__cart-info {margin-top: 20px; font-size: 14px; font-weight: normal; color: black; line-height: 1.3; padding: 0 15px; text-align: center;} @media (min-width: 768px) {.fancybox-popup--product-added .fancybox-popup__cart-info {text-align: left;}} .fancybox-popup--product-added .fancybox-popup__go-shopping { font-size: 16px; font-weight: normal; color: #49b5f2; text-decoration: none; border-bottom: 1px solid #49b5f2; line-height: 50px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--product-added .fancybox-popup__go-shopping:hover {color: #693f72; border-bottom-color: #693f72;} .fancybox-popup--product-added .fancybox-popup__go-checkout { font-size: 18px; color: white; text-transform: uppercase; text-align: center; display: block; padding: 15px 30px; background-color: #693f72; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-popup--product-added .fancybox-popup__go-checkout:hover {background-color: #49b5f2;} /*! Кастомные Всплывающие штучки */ .custom-popup--cart-notify-widget {display: none; position: fixed; z-index: 10; bottom: 100px; opacity: 0; width: 320px; background-color: white; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);} .custom-popup--cart-notify-widget:after {content: ""; display: block; background: url("/bitrix/templates/kb2022/img/custom-popups/custom-popup--cart-notify-widget_corner.png") no-repeat center center; position: absolute; left: 50%; margin-left: -28.5px; bottom: -21px; width: 57px; height: 21px;} .custom-popup--cart-notify-widget .custom-popup__wrapper {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .custom-popup--cart-notify-widget .custom-popup__wrapper--waiting {opacity: 0.5;} .custom-popup--cart-notify-widget .custom-popup__show-all-items {text-align: center; padding: 10px 0 15px;} .custom-popup--cart-notify-widget .custom-popup__show-all-items a {text-decoration: none; font-size: 16px;} .custom-popup--cart-notify-widget .custom-popup__show-all-items a:hover {text-decoration: underline;} .custom-popup--cart-notify-widget .custom-popup__body {position: relative;} .custom-popup--cart-notify-widget .custom-popup__body:after {content: ""; display: block; background-color: #693f72; height: 1px; width: 90%; margin: 0 auto;} .custom-popup--cart-notify-widget .custom-popup__footer .custom-popup__column {text-align: center; white-space: nowrap;} .custom-popup--cart-notify-widget .custom-popup__footer .custom-popup__column__wrapper {display: table; width: 100%; padding: 20px 0;} .custom-popup--cart-notify-widget .custom-popup__column {display: table-cell;} .custom-popup--cart-notify-widget .custom-popup__column--first {width: 15%; vertical-align: middle; font-size: 18px; color: black;} .custom-popup--cart-notify-widget .custom-popup__column--second {width: 25%; vertical-align: middle;} .custom-popup--cart-notify-widget .custom-popup__column--third {width: 60%; vertical-align: top;} .custom-popup--cart-notify-widget .custom-popup__column--left {width: 50%;} .custom-popup--cart-notify-widget .custom-popup__column--right {width: 50%; font-size: 24px; font-weight: bold;} .custom-popup--cart-notify-widget .custom-popup__column--right span {font-size: 14px; font-weight: normal;} .custom-popup--cart-notify-widget .custom-popup__item {position: relative; padding: 15px; display: table; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .custom-popup--cart-notify-widget .custom-popup__item:hover {background-color: #f7f7f7;} .custom-popup--cart-notify-widget .custom-popup__item__delete {position: absolute; width: 20px; height: 20px; top: 0; right: 0; background-color: #00aef1; cursor: pointer; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .custom-popup--cart-notify-widget .custom-popup__item__delete:hover {background-color: #693f72;} .custom-popup--cart-notify-widget .custom-popup__item__delete:after {content: ""; width: 12px; height: 12px; position: absolute; top: 4px; left: 4px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center;} .custom-popup--cart-notify-widget .custom-popup__name a {font-size: 14px; color: black; line-height: 1.2; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .custom-popup--cart-notify-widget .custom-popup__name a:hover {color: #00a7f0;} .custom-popup--cart-notify-widget .custom-popup__price {margin-top: 5px; font-size: 18px; font-weight: bold; color: #00a7f0; line-height: 1.2;} .custom-popup--cart-notify-widget .custom-popup__price span {font-size: 14px; font-weight: normal;} .custom-popup--cart-notify-widget .custom-popup__go-checkout {display: block; text-decoration: none; text-align: center; font-size: 16px; text-transform: uppercase; color: white; background-color: #00a7f0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; margin: 0 auto 15px; font-weight: bold; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .custom-popup--cart-notify-widget .custom-popup__go-checkout:hover {background-color: #693f72;} /*! Карточка товара Таб Как получить скидку */ #how-to-get-discount ul {padding: 0; margin: 0;} #how-to-get-discount li, #how-to-get-discount p {line-height: 1.3; font-size: 16px; margin: 15px 0;} /*! Карточка товара Таб Как подобрать */ #how-to-select h1, #how-to-select h2, #how-to-select h3, #how-to-select h4, #how-to-select h5, #how-to-select h6 {line-height: 1.3;} #how-to-select h1 {font-size: 22px; text-transform: uppercase; margin-bottom: 30px;} #how-to-select h2 {font-size: 18px; text-transform: uppercase; margin: 30px 0;} #how-to-select ul, #how-to-select ol {padding: 0;} #how-to-select ul ul, #how-to-select ol ul {margin-left: 20px;} #how-to-select ul ul li, #how-to-select ol ul li {margin: 5px 0;} #how-to-select ul.dots li {padding-left: 30px; position: relative;} #how-to-select ul.dots li:before {content: ""; display: block; background: #00aef1; width: 5px; height: 5px; position: absolute; left: 10px; top: 10px;} #how-to-select li:after {content: ""; height: 1px; width: 100%; display: block; clear: both;} #how-to-select p, #how-to-select li {line-height: 1.3; font-size: 16px; margin: 15px 0;} #how-to-select img {display: block;} #how-to-select img.imgalignleft {float: left; margin: 0 15px 0 0;} #how-to-select img.imgalignright {float: right; margin: 0 0 0 15px;} #how-to-select img.imgaligncenter {margin: 15px auto;} /*! ГЛАВНАЯ СТРАНИЦА ЛИСТИНГ КАТЕГОРИЙ */ .front-page__categorys-row {margin-top: 40px; margin-bottom: 40px;} .front-page__category-item {margin-top: 40px;} .front-page__category-item:first-child, .front-page__category-item:nth-child(2), .front-page__category-item:nth-child(3), .front-page__category-item:nth-child(4) {margin-top: 0;} .front-page__category-item:nth-child(4n+1) {clear: left;} .front-page__category-item__cover {margin: 0 auto;} .front-page__category-item__name {text-transform: uppercase; font-weight: bold; font-size: 16px; color: black; min-height: 38px;} .front-page__category-item__subcats {border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: 20px; position: relative;} .front-page__category-item__subcats.has-popup-subcats:after {content: ""; display: block; position: absolute; bottom: -15px; left: 15px; right: 15px; height: 15px; background: url("/bitrix/templates/kb2022/img/elements/front-page__action-category__more-icon.png") no-repeat center center;} .front-page__category-item__subcats li {margin: 15px 0;} .front-page__category-item__subcats a {font-size: 14px; color: black; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__category-item__subcats a:hover {border-bottom-color: black;} .front-page__category-item__subcats__hidden-container {position: absolute; z-index: 1; top: 0; left: 15px; right: 15px; background: white; -webkit-box-shadow: 0 30px 20px -30px rgba(0, 0, 0, 0.25); box-shadow: 0 30px 20px -30px rgba(0, 0, 0, 0.25);} .front-page__category-item__subcats__hidden-container li {margin: 15px 0;} .front-page__category-item__subcats__hidden-container a {font-size: 14px; color: black; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__category-item__subcats__hidden-container a:hover {border-bottom-color: black;} .front-page__category-item__parent-category a {font-size: 14px; color: black; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__category-item__parent-category a:hover {border-bottom-color: black;} /*! ГЛАВНАЯ СТРАНИЦА КАТАЛОГ ТОВАРОВ */ .front-page__default-category {margin-top: 40px; margin-bottom: 40px;} .front-page__default-category__header {font-family: "zerospaceregular"; font-size: 0; margin-bottom: 30px;} .front-page__default-category__name, .front-page__default-category__parent-cat-link { font-size: 14px; display: inline-block;} .front-page__default-category__name {font-size: 30px; color: black;} .front-page__default-category__parent-cat-link {background-color: #f8f8f8; padding: 18px; margin-left: 30px; position: relative;} .front-page__default-category__parent-cat-link:after {content: ""; display: block; width: 18px; height: 52px; background: url("/bitrix/templates/kb2022/img/elements/front-page__action-category__parent-cat-link-corner.png") no-repeat center center; position: absolute; right: -18px; top: 0;} .front-page__default-category__parent-cat-link a {font-size: 14px; color: #00aef1; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__default-category__parent-cat-link a:hover {border-bottom-color: #00aef1;} .front-page__default-category .content .catalog__item:nth-child(4n+1) {clear: none;} /*! ГЛАВНАЯ СТРАНИЦА АКЦИОННЫЙ КАТАЛОГ ТОВАРОВ */ .front-page__action-category {margin-top: 40px; margin-bottom: 40px;} .front-page__action-category__header {font-family: "zerospaceregular"; font-size: 0; margin-bottom: 30px;} .front-page__action-category__name, .front-page__action-category__parent-cat-link { font-size: 14px; display: inline-block;} .front-page__action-category__name {font-size: 30px; color: #f100a3;} .front-page__action-category__parent-cat-link {background-color: #f8f8f8; padding: 18px; margin-left: 30px; position: relative;} .front-page__action-category__parent-cat-link:after {content: ""; display: block; width: 18px; height: 52px; background: url("/bitrix/templates/kb2022/img/elements/front-page__action-category__parent-cat-link-corner.png") no-repeat center center; position: absolute; right: -18px; top: 0;} .front-page__action-category__parent-cat-link a {font-size: 14px; color: #00aef1; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__action-category__parent-cat-link a:hover {border-bottom-color: #00aef1;} /*! Контент */ .content .catalog__item:nth-child(4n+1) {clear: left;} .content .catalog__item--action > a {position: relative; border-color: #f100a3;} .content .catalog__item--action > a .price {color: #f100a3;} .content .catalog__item--action .meta-panel {background-color: #f100a3;} .content .catalog__item--action .meta-panel .button {border-left: 1px solid #da0093;} .content .catalog__item--action .meta-panel .button:hover {background-color: #00aef1;} .content .catalog__item--action .meta-panel .button.compared, .content .catalog__item--action .meta-panel .button.wished {background-color: #c60081;} .content .catalog__item--action .meta-panel .button.compared:hover, .content .catalog__item--action .meta-panel .button.wished:hover {background-color: #00aef1;} .front-page__container .catalog__item:nth-child(4n+1) {clear: none;} /*! ГЛАВНАЯ СТРАНИЦА КАТАЛОГ ОТЗЫВОВ */ .front-page__reviews-category {margin-top: 40px; margin-bottom: 40px;} .front-page__reviews-category__header {font-family: "zerospaceregular"; font-size: 0; margin-bottom: 30px;} .front-page__reviews-category__name, .front-page__reviews-category__parent-cat-link { font-size: 14px; display: inline-block;} .front-page__reviews-category__name {font-size: 30px; color: black;} .front-page__reviews-category__parent-cat-link {background-color: #f8f8f8; padding: 18px; margin-left: 30px; position: relative;} .front-page__reviews-category__parent-cat-link:after {content: ""; display: block; width: 18px; height: 52px; background: url("/bitrix/templates/kb2022/img/elements/front-page__action-category__parent-cat-link-corner.png") no-repeat center center; position: absolute; right: -18px; top: 0;} .front-page__reviews-category__parent-cat-link a {font-size: 14px; color: #00aef1; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__reviews-category__parent-cat-link a:hover {border-bottom-color: #00aef1;} .front-page__reviews-category__item__cover-wrapper {margin-bottom: 40px; text-align: center;} .front-page__reviews-category .content h3 {text-decoration: none; text-align: center;} .front-page__reviews-category .content h3 a {font-size: 16px; color: #00aef1; text-decoration: none; border-bottom: 1px solid transparent; text-decoration: none; font-weight: normal; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .front-page__reviews-category .content h3 a:hover {border-bottom-color: #00aef1;} /*! ВЕСЬ САЙТ ГЛАВНАЯ НАВИГАЦИЯ + КНОПКА "КАТАЛОГ" */ .main-navigation {margin-top: 20px; position: relative;} .main-navigation__catalog-link > a {line-height: 1; position: relative; display: block; padding: 18px 0 18px 10px; text-align: center; text-decoration: none; color: white; background: url("/bitrix/templates/kb2022/img/elements/main-navigation-catalog-link-icon.png") no-repeat 25px center #00aef1; text-transform: uppercase; -webkit-transition: all 75ms; -o-transition: all 75ms; transition: all 75ms;} .main-navigation__catalog-link > a:hover {background-color: #693f72;} .main-navigation .section-main-content {display: none; background: white; position: absolute; left: 15px; top: 70px; width: 277px; z-index: 5;} .main-navigation .section-main-content .submenu-container {left: 292px; right: auto;} /*! КАТАЛОГ ТОВАРОВ SEO тексты в каталоге */ #catalog-seo h1, #catalog-seo h2, #catalog-seo h3, #catalog-seo h4, #catalog-seo h5, #catalog-seo h6 {line-height: 1.3; margin: 20px 0; text-transform: uppercase;} #catalog-seo h1 {font-size: 22px;} #catalog-seo h2 {font-size: 18px;} #catalog-seo p, #catalog-seo li {line-height: 1.3; font-size: 14px; margin: 10px 0;} #catalog-seo p {text-align: justify;} #catalog-seo img {display: block;} #catalog-seo img.imgalignleft {float: left; margin: 0 15px 0 0;} #catalog-seo img.imgalignright {float: right; margin: 0 0 0 15px;} #catalog-seo img.imgaligncenter {margin: 10px auto;} /*! Компонент: карточка товара, ближайшие пункты выдачи */ .deliveryItems-column:nth-child(3), .deliveryItems-column:nth-child(4) {margin-top: 20px;} .deliveryItems-label, .deliveryItems-citys, .deliveryItems-address {font-size: 18px; text-align: left;} .deliveryItems-citys, .deliveryItems-address {padding: 15px; border: 1px solid #ececec;} .deliveryItems-label {padding-top: 15px;} .deliveryItems-listContainer .ui-selectmenu-menu #deliveryItems-citys-menu {display: none;} .deliveryItems-listContainer .ui-selectmenu-menu.ui-selectmenu-open #deliveryItems-citys-menu {display: block;} .deliveryItems-address {position: relative; padding-right: 80px;} .deliveryItems-mapLink {position: absolute; right: -1px; top: -1px; bottom: -1px; background-color: #00aef1; width: 60px; color: white; font-size: 14px; text-align: center; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .deliveryItems-mapLink:hover, .deliveryItems-mapLink:focus {background-color: #693f72; color: white; text-decoration: none;} .deliveryItems-mapLink .fa {display: block; font-size: 20px; margin-bottom: 8px;} .deliveryItems-verticalAlign {display: block; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} #deliveryItems-citys-button {display: block; width: 100% !important; padding: 15px; font-size: 18px; text-align: left; outline: none; cursor: pointer; position: relative; border: 1px solid #ececec; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} #deliveryItems-citys-button.ui-state-hover {border-color: #00aef1;} #deliveryItems-citys-button[aria-expanded="true"] {border: 1px solid #00aef1; border-bottom-color: transparent;} #deliveryItems-citys-button[aria-expanded="true"] .ui-icon {-webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);} #deliveryItems-citys-button .ui-icon {position: absolute; right: 23px; top: 50%; font-size: 14px; color: #00aef1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} #deliveryItems-citys-menu {position: absolute; background: white; z-index: 1; border: 1px solid #00aef1; border-top: none; height: 193px; overflow-y: scroll; outline: none;} #deliveryItems-citys-menu li {margin: 10px 0; padding: 0 15px; font-size: 18px; text-align: left; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} #deliveryItems-citys-menu li.ui-state-focus {color: #00aef1; margin-left: 10px; cursor: pointer;} .fancybox-northRegionsCartPage .fancybox-skin {background-color: white; border-radius: 0;} .fancybox-northRegionsCartPage .fancybox-close {width: 50px; height: 50px; right: 0; top: 0; background: #00aef1; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-northRegionsCartPage .fancybox-close:hover {background-color: #693f72;} .fancybox-northRegionsCartPage .fancybox-close:hover:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .fancybox-northRegionsCartPage .fancybox-close:after {content: ""; width: 35px; height: 35px; position: absolute; top: 7.5px; left: 7.5px; background: url("/bitrix/templates/kb2022/img/svg/fancybox-close.svg") no-repeat center center; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .fancybox-northRegionsCartPage .check-state-form__title {height: 50px; background: #f6f6f6; padding: 13px 70px 13px 15px; text-transform: uppercase; font-size: 21px;} /*! Компонент: карточка товара, мини-баннер для северных регионов */ .northernRegionsBanner {margin-top: 30px;} .northernRegionsBanner-wrapper {text-align: center; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ececec;} .northernRegionsBanner-link {display: block; text-decoration: none; color: black; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .northernRegionsBanner-link:hover, .northernRegionsBanner-link:focus, .northernRegionsBanner-link:active {text-decoration: none;} .northernRegionsBanner-link:hover {color: #00aef1;} .northernRegionsBanner-text {margin-top: 15px; display: block; font-size: 22px; color: inherit;} /*! Компонент: весь сайт, баннер для северных регинов */ .northernRegionsBannerBig {background: url("/bitrix/templates/kb2022/img/banners/northern_regions_big.jpg"); height: 80px; min-width: 1170px; position: relative; display: none;} .northernRegionsBannerBig-link {display: block; text-decoration: none; padding-top: 20px; height: 80px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .northernRegionsBannerBig-link:hover, .northernRegionsBannerBig-link:focus, .northernRegionsBannerBig-link:active {text-decoration: none;} .northernRegionsBannerBig-container {margin: 0 auto; display: block; width: 1170px; text-align: center; position: relative; font-family: "zerospaceregular"; font-size: 0;} .northernRegionsBannerBig-text, .northernRegionsBannerBig-button {display: inline-block; vertical-align: top; font-size: 14px;} .northernRegionsBannerBig-text {font-size: 26px; color: white; text-transform: uppercase; font-weight: bold; margin-left: 210px; margin-right: 100px; padding-top: 6px;} .northernRegionsBannerBig-button {background-color: yellow; color: black; font-size: 18px; text-align: center; padding: 10px 30px;} .northernRegionsBannerBig-close {background-color: rgba(0, 0, 0, 0.75); position: absolute; right: 0; top: 0; width: 80px; height: 80px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .northernRegionsBannerBig-close:hover {background-color: black;} .northernRegionsBannerBig-close:after {content: ""; width: 26px; height: 26px; background: url("/bitrix/templates/kb2022/img/elements/close-icon.png") no-repeat center center; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} /*! Компонент: карточка товара, закладка для северных регионов */ .northernRegionsTab-title {font-size: 22px; font-weight: bold; text-transform: uppercase; color: black;} .northernRegionsTab-map {height: 570px; margin: 30px 0; background: #f1f1f1;} .northernRegionsTab-list {margin: 0; padding: 30px; display: block; position: relative; clear: both;} .northernRegionsTab-list:before, .northernRegionsTab-list:after {content: ''; display: block; clear: both; width: 100%;} .northernRegionsTab-listItem {font-size: 18px; margin-top: 35px; position: relative; padding-left: 70px;} .northernRegionsTab-listItem:first-child {margin-top: 0;} .northernRegionsTab-listItem span {width: 38px; height: 38px; border-radius: 100px; background-color: #00aef1; position: absolute; display: block; left: 0; color: white; text-align: center; line-height: 38px; font-size: 18px; top: -10px;} @media (min-width: 768px) {.northernRegionsTab-list {padding: 60px;}} /*! Елемент: карточка товара и каталог товаров, баннер */ .eProductBanner {margin-top: 30px; margin-bottom: 30px;} .eProductBanner_productCatalog {margin-top: 0;} /*! Блок: Офисы */ .officesBenefits, .backCallForm {padding-top: 60px; padding-bottom: 60px;} .offices-title {font-size: 30px; font-weight: bold; text-transform: uppercase; text-align: center; color: black; padding: 40px 0;} .offices-text {margin-bottom: 40px;} .offices-text p {font-size: 16px; line-height: 1.4; margin-top: 15px;} .offices-text p:first-child {margin-top: 0;} .officesMap {height: 650px; position: relative;} #YMapsID, #YMapsIDPopup, .js-v2-yandex-maps-popup {border: none;} #YMapsID .CustomPointName, #YMapsIDPopup .CustomPointName, .js-v2-yandex-maps-popup .CustomPointName {background-color: #693f72; display: block; font-size: 14px; color: white; padding: 8px;} #YMapsID .CustomPointName:after, #YMapsIDPopup .CustomPointName:after, .js-v2-yandex-maps-popup .CustomPointName:after {content: ""; position: absolute; left: 0; bottom: -20px; width: 26px; height: 21px; display: block; background: url("/bitrix/templates/kb2022/img/svg/offices-map-pointer-corner.svg") no-repeat center center;} #YMapsID .b-simple-balloon-layout, #YMapsIDPopup .b-simple-balloon-layout, .js-v2-yandex-maps-popup .b-simple-balloon-layout {border: none; background: #00aef1; padding: 10px; color: white; position: relative; -webkit-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; cursor: default;} #YMapsID .b-simple-balloon-layout b, #YMapsIDPopup .b-simple-balloon-layout b, .js-v2-yandex-maps-popup .b-simple-balloon-layout b {display: none;} #YMapsID .b-simple-balloon-layout .map_shop_info, #YMapsIDPopup .b-simple-balloon-layout .map_shop_info, .js-v2-yandex-maps-popup .b-simple-balloon-layout .map_shop_info {margin-left: 0;} #YMapsID .b-simple-balloon-layout .map_shop_adress, #YMapsIDPopup .b-simple-balloon-layout .map_shop_adress, .js-v2-yandex-maps-popup .b-simple-balloon-layout .map_shop_adress {margin-top: 10px; font-size: 16px; color: white; line-height: 1.3;} #YMapsID .b-simple-balloon-layout .map_shop_phone, #YMapsIDPopup .b-simple-balloon-layout .map_shop_phone, .js-v2-yandex-maps-popup .b-simple-balloon-layout .map_shop_phone {margin-top: 10px; font-size: 16px; color: white; line-height: 1.3;} #YMapsID .b-simple-balloon-layout .close, #YMapsIDPopup .b-simple-balloon-layout .close, .js-v2-yandex-maps-popup .b-simple-balloon-layout .close {z-index: 5; cursor: pointer; height: 15px; width: 15px; position: absolute; right: 10px; top: 10px;} #YMapsID .b-simple-balloon-layout .tail, #YMapsIDPopup .b-simple-balloon-layout .tail, .js-v2-yandex-maps-popup .b-simple-balloon-layout .tail {position: absolute; background: url("/bitrix/templates/kb2022/img/elements/yandex-map-tail.png") no-repeat center center; bottom: -27px; left: -6px; width: 21px; height: 27px;} .officesBenefits-title {font-size: 30px; font-weight: normal; text-transform: uppercase; text-align: center; color: black; padding-bottom: 60px;} .officesBenefits-item {text-align: center; border: 1px solid #e6e6e6; margin-left: 15px; margin-right: 15px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .officesBenefits-item:hover {border-color: #00aef1;} .officesBenefits-itemWrapper {text-align: center; padding: 30px 20px;} .officesBenefits-itemTitle {font-size: 18px; font-weight: normal; margin-top: 30px; margin-bottom: 30px; color: black; text-align: center;} .officesBenefits-text {line-height: 1.3; font-size: 16px; text-align: left;} .officesPoint {position: absolute; left: 0; right: 0; top: 30px; z-index: 1;} .officesPoint-title {font-size: 28px; font-weight: normal; color: #00aef1;} .officesPoint-subTitle {text-align: center; font-size: 20px; font-weight: normal; color: black; margin: 0 0 20px 0;} .officesPoint-city {background-color: rgba(255, 255, 255, 0.85); padding-top: 15px; padding-bottom: 15px;} .officesPoint-cityWrapper {background-color: #eceff1; padding: 20px; font-size: 22px; color: #313131;} .officesPoint-addressWrapper {background-color: #eceff1; padding: 15px; height: 86px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;} .officesPoint-addressText {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; right: 15px; text-align: center; font-size: 18px; color: #313131; line-height: 1.6;} #js-selectmenu-hidden-list {top: 10px;} #js-selectmenu-hidden-list .ui-selectmenu-menu {overflow: hidden; height: 0; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} #js-selectmenu-hidden-list .ui-selectmenu-menu.ui-selectmenu-open {height: 100%;} #js-selectmenu-hidden-list .ui-menu-item {margin: 10px 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} #js-selectmenu-hidden-list .ui-menu-item:first-child {margin-top: 20px;} #js-selectmenu-hidden-list .ui-state-focus {padding-left: 10px; color: #40c4ff;} #officesSelect-menu {height: 225px; overflow-y: scroll; outline: none;} .backCallForm-title {color: #00aef1; font-weight: normal; text-align: center; font-size: 28px; margin-bottom: 30px;} .backCallForm-input {background-color: #eceff1; font-size: 22px; color: #292929; display: block; text-align: center; padding: 15px; line-height: normal; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; width: 100%; height: 55px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-input::-webkit-input-placeholder {color: #929292; line-height: normal; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-input:-moz-placeholder {color: #929292; line-height: normal; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-input::-moz-placeholder {color: #929292; line-height: normal; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-input:-ms-input-placeholder {color: #929292; line-height: normal; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-input:focus {border-color: #00aef1;} .backCallForm-input:focus::-webkit-input-placeholder {opacity: 0; filter: alpha(opacity=0);} .backCallForm-input:focus:-moz-placeholder {opacity: 0; filter: alpha(opacity=0);} .backCallForm-input:focus::-moz-placeholder {opacity: 0; filter: alpha(opacity=0);} .backCallForm-input:focus:-ms-input-placeholder {opacity: 0; filter: alpha(opacity=0);} .backCallForm-input.js-has-error {border-color: red;} .backCallForm-button {font-size: 22px; line-height: 1; display: block; width: 100%; padding: 16px 15px; text-align: center; text-decoration: none; color: white; background: #00aef1; -webkit-box-sizing: border-box; box-sizing: border-box; height: 55px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .backCallForm-button:hover {color: white; background: #693f72;} /*! Страницы: Промо */ .bPromoPage {background: url(/bitrix/templates/kb2022/img/wrapper-page-bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding-top: 30px; padding-bottom: 30px; margin-top: 20px; min-width: 1170px; /* модификаторы */} .bPromoPage-boxContainer {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); opacity: 1; top: 150px; -webkit-animation: promoBox 1s forwards; animation: promoBox 1s forwards;} .bPromoPage-boxContainerBackground {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #fff; opacity: .60; z-index: 1;} .bPromoPage-boxContainerContent {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; padding: 40px; z-index: 2;} .bPromoPage-formInput {-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; width: 280px; display: block; margin: 40px 0; height: 50px; line-height: 50px; padding: 0 10px; border: 1px solid transparent; background-color: #f0f0f0; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .bPromoPage-formInput:hover {border-color: #cecece;} .bPromoPage-formInput:focus {border-color: #00aef1;} .bPromoPage-formSubmit {-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 26px; width: 280px; display: block; margin: 40px 0; height: 50px; line-height: 47px; padding: 0 10px; background-color: #ff7f00; color: #fff; text-align: center; border-radius: 3px; border-bottom: 3px solid #cd7200; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .bPromoPage-formSubmit:active {border-bottom: 0; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px);} .bPromoPage-formSubmit .fa {font-size: 20px;} .bPromoPage-goCatalog {display: block; background-color: #00adf0; width: 360px; height: 74px; line-height: 88px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; margin-top: -15px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .bPromoPage-goCatalog:hover {color: #fff; background-color: #693f72; text-decoration: none;} .bPromoPage-goCatalog:active, .bPromoPage-goCatalog:focus {color: #fff; background-color: #693f72; text-decoration: none;} .bPromoPage--sell .bPromoPage-boxContainerContent:after {content: ""; width: 328px; height: 436px; position: absolute; right: 0; bottom: 0; background: url("/bitrix/templates/kb2022/img/promo/element-1.png") no-repeat center center;} .bPromoPage--sell .bPromoPage-boxContainerContent h1 {text-transform: uppercase; font-weight: bold; font-size: 42px; color: #2cace3; margin-bottom: 40px;} .bPromoPage--sell .bPromoPage-boxContainerContent h1 span {color: #474049; font-weight: normal; font-size: 36px;} .bPromoPage--sell .bPromoPage-boxContainerContent > p {font-size: 28px; color: #474049; margin: 40px 0; width: 70%;} .bPromoPage--cupon .bPromoPage-boxContainerContent:after {content: ""; width: 373px; height: 395px; position: absolute; right: 0; bottom: 0; background: url("/bitrix/templates/kb2022/img/promo/element-2.png") no-repeat center center;} .bPromoPage--cupon .bPromoPage-boxContainerContent h1 {font-weight: bold; font-size: 40px; color: #2cace3; margin-bottom: 20px; text-transform: uppercase;} .bPromoPage--cupon .bPromoPage-boxContainerContent h1 span {color: #474049; font-weight: normal; font-size: 30px; text-transform: none;} .bPromoPage--cupon .bPromoPage-boxContainerContent h1 i {font-size: 40px; color: #5b7a87; font-style: normal;} .bPromoPage--cupon .bPromoPage-boxContainerContent h1 + p {font-size: 72px; font-weight: bold; color: #2cace3;} .bPromoPage--cupon .bPromoPage-boxContainerContent h1 + p span {font-size: 24px; font-weight: normal; color: #474049;} .bPromoPage--cupon .bPromoPage-boxContainerContent > p {font-size: 28px; color: #474049; margin: 20px 0; width: 70%;} .bPromoPage-row--margin_top_20 {margin-top: 20px;} /*! Промо */ .promoSection_type1 {background: url("/bitrix/templates/kb2022/img/promo/type1_bg.jpg") no-repeat center center; height: 690px;} .promoSection_type1 .promoSection__column {margin-top: 444px; height: 246px; position: relative;} .promoSection_type1 p:first-child {margin-bottom: 20px;} .promoSection_type1 strong {text-transform: uppercase; font-size: 48px;} .promoSection_type2 {background: url("/bitrix/templates/kb2022/img/promo/type2_bg.jpg") no-repeat center center; height: 987px;} .promoSection_type2 .promoSection__column {margin-top: 640px; height: 349px; position: relative;} .promoSection_type2 .promoSection__verticalWrapper {left: 60px;} .promoSection_type2 p:first-child {margin-bottom: 20px;} .promoSection_type2 strong {font-weight: normal; font-size: 36px;} .promoSection_type3 {background: url("/bitrix/templates/kb2022/img/promo/type3_bg.jpg") no-repeat center center; height: 974px;} .promoSection_type3 .promoSection__column {margin-top: 784px; height: 190px; position: relative;} .promoSection_type3 p:first-child {margin-bottom: 20px;} .promoSection_type3 strong {text-transform: uppercase; font-size: 36px;} .promoSection_type4 {background: url("/bitrix/templates/kb2022/img/promo/type4_bg.jpg") no-repeat center center; height: 907px;} .promoSection_type4 .promoSection__column {margin-top: 710px; height: 195px; position: relative;} .promoSection_type5 {background: url("/bitrix/templates/kb2022/img/promo/type5_bg.jpg") no-repeat center center; height: 1234px;} .promoSection_type5 .promoSection__column {margin-top: 896px; height: 254px; position: relative;} .promoSection_type5 p:first-child {margin-bottom: 20px;} .promoSection_type5 strong {text-transform: uppercase; font-size: 36px;} .promoSection_type6 {background: url("/bitrix/templates/kb2022/img/promo/type6_bg.jpg") no-repeat center center; height: 465px;} .promoSection_type6 .promoSection__column {margin-top: 102px; height: 363px; position: relative;} .promoSection_type6 .promoSection__row_title {text-align: center; font-family: "EuropeC", sans-serif; color: #fff; line-height: 1.3;} .promoSection_type6 h2 {text-transform: uppercase; font-size: 48px; margin-bottom: 20px;} .promoSection_type6 .promoSection__subTitle {font-size: 24px;} .promoSection_type6 .promoSection__row_form {margin-top: 60px;} .promoSection_type6 .promoSection__formInput {color: #546e7a; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; width: 100%; display: block; height: 50px; line-height: 50px; padding: 0 10px; border: none; background-color: #fff; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .promoSection_type6 .promoSection__formSubmit {padding: 16px 30px; font-size: 16px; text-align: center; display: block; width: 100%; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff; line-height: 1; background-color: #00aef1; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .promoSection_type6 .promoSection__formSubmit:hover {color: #fff; background-color: #f100a3;} .promoSection_type6 .promoSection__formSubmit .fa {margin-right: 10px;} .promoSection__column p {font-family: "EuropeC", sans-serif; color: #fff; font-size: 24px; line-height: 1.3;} .promoSection__verticalWrapper {position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /*! Промо */ .promoCustomSection__row {margin-top: 60px;} .promoCustomSection__row:first-child {margin-top: 0;} .promoCustomSection__column_title {text-align: center; font-family: "EuropeC", sans-serif; color: #693f72; line-height: 1.3;} .promoCustomSection h2 {font-size: 48px; text-transform: uppercase; margin-bottom: 20px;} .promoCustomSection__subTitle {font-size: 24px;} .promoCustomSection__casePhoto {margin-bottom: 30px;} .promoCustomSection__casePhoto img {display: block; max-width: 100%; height: auto;} .promoCustomSection__caseItemTitle {font-family: "EuropeC", sans-serif; margin-bottom: 10px; color: #00aef1; text-transform: uppercase; text-align: left; font-size: 24px; font-weight: bold;} .promoCustomSection__caseItemText p {font-size: 16px; color: #383838; line-height: 1.3;} .promoCustomSection__column_button {text-align: center;} .promoCustomSection__showMoreButton {padding: 16px 30px; font-size: 16px; text-align: center; display: inline-block; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff; line-height: 1; background-color: #00aef1; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .promoCustomSection__showMoreButton:hover {color: #fff; background-color: #693f72;} .promoCustomSection__showMoreButton .fa {margin-right: 10px;} @-webkit-keyframes promoBox {from {opacity: 0; top: 150px;} to {opacity: 1; top: 0;}} @keyframes promoBox {from {opacity: 0; top: 150px;} to {opacity: 1; top: 0;}} @-webkit-keyframes promoCode {from {background-color: #fff;} to {background: #693f72;}} @keyframes promoCode {from {background-color: #fff;} to {background: #693f72;}} /*! Карусель на главной */ .sFrontPageSlider {margin-top: 20px; width: 98%; max-width: 1600px; margin-left: auto; margin-right: auto;} .sFrontPageSlider__column {padding-left: 0; padding-right: 0;} .sFrontPageSlider img {display: block; max-width: 100%; height: auto;} /*! Шрифты - новая версия */ @font-face {font-family: 'kulturabty'; src: url("/bitrix/templates/kb2022/fonts/kulturabty-icons/kulturabty.eot?i6w047"); src: url("/bitrix/templates/kb2022/fonts/kulturabty-icons/kulturabty.eot?i6w047#iefix") format("embedded-opentype"), url("/bitrix/templates/kb2022/fonts/kulturabty-icons/kulturabty.ttf?i6w047") format("truetype"), url("/bitrix/templates/kb2022/fonts/kulturabty-icons/kulturabty.woff?i6w047") format("woff"), url("/bitrix/templates/kb2022/fonts/kulturabty-icons/kulturabty.svg?i6w047#kulturabty") format("svg"); font-weight: normal; font-style: normal;} [class*='v2-icon-'], .b-v2-product-features__item, .b-v2-product-additional-info__item_delivery:before {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'kulturabty' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased;} [class*='v2-icon-']:before, .b-v2-product-features__item:before, .b-v2-product-additional-info__item_delivery:before {vertical-align: middle;} .v2-icon-calendar:before {content: "";} .v2-icon-car:before, .b-v2-product-additional-info__item_delivery:before {content: "";} .v2-icon-delivery-search:before {content: "";} .v2-icon-e-mail:before {content: "";} .v2-icon-go-button:before {content: "";} .v2-icon-map-pointer:before {content: "";} .v2-icon-ruble-tag:before {content: "";} .v2-icon-sale:before {content: "";} .v2-icon-studio:before {content: "";} .v2-icon-user-pic-service:before {content: "";} /*! Temp v2 (new version) */ body.v2-fonts a:hover, body.v2-fonts a:focus {outline: none; text-decoration: none;} .js-v2-subsection-nav-clone, .b-v2-order-status, .b-v2-user-panel__link, .b-v2-horizontal-nav a, .b-v2-horizontal-nav a:focus, .b-v2-product-offers__item a, .b-v2-product-offers__item a i:before, .b-v2-search-form__input, .b-v2-breadcrumbs__link, .b-v2-breadcrumbs__link:focus, .b-v2-footer-nav__link, .b-v2-footer-nav__link:focus, .b-v2-product-reviews-number__link, .b-v2-product-reviews-number__link:focus, .b-v2-product-features__item:before, .b-v2-product-subpart-links__link, .b-v2-product-subpart-links__link:focus, .b-sections-nav__link, .b-v2-product-tumbs__link, .b-v2-product-cart-order__link, .b-v2-product-discount__title .fa, .b-v2-product-inner-add-to__link, .b-v2-product-inner-add-to__link:focus, .b-v2-product-inner-add-to__link:before, .b-v2-characteristics__item:before, .b-v2-characteristics__label, .b-v2-characteristics__value, .b-v2-product-how-to a, .b-v2-product-how-to a:focus, .b-v2-product-reviews__useful, .b-v2-product-reviews__useless, .b-v2-subsription-module__input, .b-v2-subsription-module__submit, .b-v2-subsription-module__submit:focus, .b-v2-subsription-module__small a, .b-v2-subsription-module__small a:focus, .b-v2-bottom-panel-icons__link, .b-v2-bottom-panel-icons__link:focus, .b-v2-bottom-panel-icons__link:before, .b-v2-catalog-nav__link, .b-v2-catalog-nav__sublist-column-list-link, .b-v2-to-top, .b-v2-to-top:before, .b-v2-short-tags__link, .b-v2-oneclick-buy-popup__form-input, .b-v2-oneclick-buy-popup__form-button, .b-v2-oneclick-buy-popup__form-button:focus, .b-v2-bottom-panel-basket__link:before, .b-v2-product-additional-info__item:before, .b-v2-product-additional-info__link, .b-v2-product-additional-info__link:focus, .b-v2-shop-header-data__item a, .b-v2-recent-product__link, .b-v2-recent-product__link:focus, .b-v2-recent-product__title, .b-v2-recent-product__title:focus, .b-v2-product-info-module__more-link, .b-v2-product-info-module__more-link:focus {-webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .b-v2-product-tumbs .owl-prev:before, .b-v2-dev-module .owl-prev:before, .b-v2-product-carousel .owl-prev:before, .b-v2-developers-carousel .owl-prev:before, .b-v2-recent-articles .owl-prev:before, .b-fp-b .owl-prev:before, .b-prextwr-service .owl-prev:before, .b-v2-product-tumbs .owl-next:before, .b-v2-dev-module .owl-next:before, .b-v2-product-carousel .owl-next:before, .b-v2-developers-carousel .owl-next:before, .b-v2-recent-articles .owl-next:before, .b-fp-b .owl-next:before, .b-prextwr-service .owl-next:before, .b-v2-breadcrumbs__item:before, .b-v2-product-cart-order__link_fast:before, .b-v2-product-inner-add-to__link:before, .b-v2-bottom-panel-icons__link:before, .b-v2-to-top:before, .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label:after, .b-v2-catalog-filter__list-item-title:after, .b-v2-catalog-product__fav, .b-v2-catalog-product__compare, .b-v2-delivery-points-popup .ui-selectmenu-button .ui-icon, .b-v2-default-popup .fancybox-close:before, .b-v2-north-delivery-module .ui-selectmenu-button .ui-icon, .b-v2-main-cat__hidden-item-link:before, .l-v2-items-set__block_item:after, .b-popupsearch-form__close:before, .b-v2-bottom-panel-basket__link:before, .b-v2-product-additional-info__item_stores:before, .b-v2-product-additional-info__item_delivery_date:before, .b-v2-product-additional-info__item_discount:before, .b-v2-catalog-sort .ui-selectmenu-button .ui-icon, .b-v2-product-stars__item {display: inline-block; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-smoothing: antialiased; vertical-align: middle;} .b-v2-user-panel__list, .b-v2-horizontal-nav__list, .b-v2-product-offers__list, .b-v2-breadcrumbs__list, .b-v2-footer-nav__list, .b-v2-product-subpart-links__list, .b-sections-nav__list, .b-v2-product-cart-order__list, .b-v2-product-discount, .b-v2-banner-area__list, .b-v2-characteristics__list, .b-v2-product-how-to ul, .b-v2-catalog-nav__list, .b-v2-catalog-nav__sublist-column-list, .b-v2-catalog-filter__list, .b-v2-catalog-filter__sublist, .b-v2-short-tags__list, .b-v2-cat-pagination__list, .b-v2-catalog-items__list, .b-v2-catalog-product__options-list, .b-v2-banner-slider__list, .b-v2-dev-module__list, .b-v2-front-page-slider__list, .b-v2-product-carousel__list, .b-v2-developers-carousel__list, .b-v2-recent-articles__list, .b-v2-fp-promo__features-list, .b-v2-worktime-popup__list, .b-v2-main-cat__hidden-list, .b-v2-product-additional-info__list, .b-v2-product-stars__list, .b-v2-shop-header-data__list {list-style: none; padding: 0; margin: 0;} .js-v2-subsection-nav-clone, .b-v2-product-subpart-links, .b-v2-product-cart-order__link_fast, .b-v2-product-cart-order__link_fast:focus, .b-v2-product-cart-order__link_org, .b-v2-product-cart-order__link_org:focus, .b-v2-banner-area__item, .b-v2-subsription-module, .b-v2-items-catalog__content, .b-v2-front-page-slider, .b-v2-developers-carousel__item, .b-v2-front-page-banner-single, .b-v2-main-cat, .b-popupsearch-btn[data-visible="true"], .b-popupsearch-form__close, .b-seo-split, .b-v2-brand-extended, .b-v2-recent-product__item_float, .b-v2-product-info-module {-webkit-box-shadow: 0px 1px 3px 0px #b3b3b3; box-shadow: 0px 1px 3px 0px #b3b3b3;} .b-popupsearch-btn:hover, .b-popupsearch-form[data-visible="true"], .b-popupsearch-form__close:hover, .b-v2-brand-extended:hover {-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);} .b-v2-product-cover__image, .b-v2-banner-area__image, .b-v2-catalog-product__cover-image, .b-v2-dev-module .owl-carousel .owl-item img, .b-v2-developers-carousel .owl-carousel .owl-item img, .b-v2-oneclick-buy-popup__cover-img, .b-v2-brand-extended__logo-img, .b-v2-recent-product__cover-image {display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto;} .b-v2-default-page-title {color: #000; font-weight: bold; font-size: 24px;} @media (min-width: 992px) {.b-v2-default-page-title {text-align: left;}} .b-v2-banner-area .owl-controls, .b-v2-banner-slider .owl-controls, .b-v2-front-page-slider .owl-controls {position: absolute; bottom: 0; left: 0; right: 0; bottom: 15px;} .b-v2-banner-area .owl-dots, .b-v2-banner-slider .owl-dots, .b-v2-front-page-slider .owl-dots {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-banner-area .owl-dots > *, .b-v2-banner-slider .owl-dots > *, .b-v2-front-page-slider .owl-dots > * {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-banner-area .owl-dot, .b-v2-banner-slider .owl-dot, .b-v2-front-page-slider .owl-dot {width: 10px; height: 10px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); margin-left: 10px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-banner-area .owl-dot:first-child, .b-v2-banner-slider .owl-dot:first-child, .b-v2-front-page-slider .owl-dot:first-child {margin-left: 10px;} .b-v2-banner-area .owl-dot.active, .b-v2-banner-slider .owl-dot.active, .b-v2-front-page-slider .owl-dot.active {background-color: white;} .b-v2-product-tumbs, .b-v2-dev-module, .b-v2-product-carousel, .b-v2-developers-carousel, .b-v2-recent-articles, .b-fp-b, .b-prextwr-service {margin-bottom: 40px;} .b-v2-product-tumbs .owl-controls, .b-v2-dev-module .owl-controls, .b-v2-product-carousel .owl-controls, .b-v2-developers-carousel .owl-controls, .b-v2-recent-articles .owl-controls, .b-fp-b .owl-controls, .b-prextwr-service .owl-controls {display: block;} .b-v2-product-tumbs .owl-prev, .b-v2-dev-module .owl-prev, .b-v2-product-carousel .owl-prev, .b-v2-developers-carousel .owl-prev, .b-v2-recent-articles .owl-prev, .b-fp-b .owl-prev, .b-prextwr-service .owl-prev, .b-v2-product-tumbs .owl-next, .b-v2-dev-module .owl-next, .b-v2-product-carousel .owl-next, .b-v2-developers-carousel .owl-next, .b-v2-recent-articles .owl-next, .b-fp-b .owl-next, .b-prextwr-service .owl-next {width: 30px; height: 30px; position: absolute; background-color: #fff; border-radius: 50px; top: 50%; opacity: .5; margin-top: -15px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #34a9e0; border: 1px solid #34a9e0;} .b-v2-product-tumbs .owl-prev:hover, .b-v2-dev-module .owl-prev:hover, .b-v2-product-carousel .owl-prev:hover, .b-v2-developers-carousel .owl-prev:hover, .b-v2-recent-articles .owl-prev:hover, .b-fp-b .owl-prev:hover, .b-prextwr-service .owl-prev:hover, .b-v2-product-tumbs .owl-next:hover, .b-v2-dev-module .owl-next:hover, .b-v2-product-carousel .owl-next:hover, .b-v2-developers-carousel .owl-next:hover, .b-v2-recent-articles .owl-next:hover, .b-fp-b .owl-next:hover, .b-prextwr-service .owl-next:hover {opacity: 1;} .b-v2-product-tumbs .owl-prev:before, .b-v2-dev-module .owl-prev:before, .b-v2-product-carousel .owl-prev:before, .b-v2-developers-carousel .owl-prev:before, .b-v2-recent-articles .owl-prev:before, .b-fp-b .owl-prev:before, .b-prextwr-service .owl-prev:before, .b-v2-product-tumbs .owl-next:before, .b-v2-dev-module .owl-next:before, .b-v2-product-carousel .owl-next:before, .b-v2-developers-carousel .owl-next:before, .b-v2-recent-articles .owl-next:before, .b-fp-b .owl-next:before, .b-prextwr-service .owl-next:before {text-align: center; font-size: 20px; line-height: 28px; display: block; width: 100%;} .b-v2-dev-module .owl-prev, .b-v2-product-carousel .owl-prev, .b-v2-developers-carousel .owl-prev, .b-v2-recent-articles .owl-prev, .b-fp-b .owl-prev, .b-prextwr-service .owl-prev {left: -10px;} @media (min-width: 1470px) {.b-v2-dev-module .owl-prev, .b-v2-product-carousel .owl-prev, .b-v2-developers-carousel .owl-prev, .b-v2-recent-articles .owl-prev, .b-fp-b .owl-prev, .b-prextwr-service .owl-prev {left: -25px;}} .b-v2-product-tumbs .owl-prev:before, .b-v2-dev-module .owl-prev:before, .b-v2-product-carousel .owl-prev:before, .b-v2-developers-carousel .owl-prev:before, .b-v2-recent-articles .owl-prev:before, .b-fp-b .owl-prev:before, .b-prextwr-service .owl-prev:before {content: '\f104';} .b-v2-dev-module .owl-next, .b-v2-product-carousel .owl-next, .b-v2-developers-carousel .owl-next, .b-v2-recent-articles .owl-next, .b-fp-b .owl-next, .b-prextwr-service .owl-next {right: -10px;} @media (min-width: 1470px) {.b-v2-dev-module .owl-next, .b-v2-product-carousel .owl-next, .b-v2-developers-carousel .owl-next, .b-v2-recent-articles .owl-next, .b-fp-b .owl-next, .b-prextwr-service .owl-next {right: -25px;}} .b-v2-product-tumbs .owl-next:before, .b-v2-dev-module .owl-next:before, .b-v2-product-carousel .owl-next:before, .b-v2-developers-carousel .owl-next:before, .b-v2-recent-articles .owl-next:before, .b-fp-b .owl-next:before, .b-prextwr-service .owl-next:before {content: '\f105';} .b-v2-product-tumbs .owl-dots, .b-v2-dev-module .owl-dots, .b-v2-product-carousel .owl-dots, .b-v2-developers-carousel .owl-dots, .b-v2-recent-articles .owl-dots, .b-fp-b .owl-dots, .b-prextwr-service .owl-dots {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: -38px; width: 100%;} .b-v2-product-tumbs .owl-dots > *, .b-v2-dev-module .owl-dots > *, .b-v2-product-carousel .owl-dots > *, .b-v2-developers-carousel .owl-dots > *, .b-v2-recent-articles .owl-dots > *, .b-fp-b .owl-dots > *, .b-prextwr-service .owl-dots > * {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-product-tumbs .owl-dot, .b-v2-dev-module .owl-dot, .b-v2-product-carousel .owl-dot, .b-v2-developers-carousel .owl-dot, .b-v2-recent-articles .owl-dot, .b-fp-b .owl-dot, .b-prextwr-service .owl-dot {width: 10px; height: 10px; border-radius: 20px; background-color: #969696; margin-left: 15px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-product-tumbs .owl-dot:first-child, .b-v2-dev-module .owl-dot:first-child, .b-v2-product-carousel .owl-dot:first-child, .b-v2-developers-carousel .owl-dot:first-child, .b-v2-recent-articles .owl-dot:first-child, .b-fp-b .owl-dot:first-child, .b-prextwr-service .owl-dot:first-child {margin-left: 0;} .b-v2-product-tumbs .owl-dot.active, .b-v2-dev-module .owl-dot.active, .b-v2-product-carousel .owl-dot.active, .b-v2-developers-carousel .owl-dot.active, .b-v2-recent-articles .owl-dot.active, .b-fp-b .owl-dot.active, .b-prextwr-service .owl-dot.active {background-color: #484848; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2);} .b-v2-recent-articles .owl-dot {background-color: #969696;} .b-v2-recent-articles .owl-dot.active {background-color: #fff;} .b-v2-banner-area, .b-v2-banner-slider, .b-v2-dev-module, .b-v2-front-page-slider, .b-v2-product-carousel, .b-v2-developers-carousel, .b-v2-recent-articles__item, .b-prextwr-service {-webkit-backface-visibility: hidden; backface-visibility: hidden;} .b-v2-banner-area *, .b-v2-banner-slider *, .b-v2-dev-module *, .b-v2-front-page-slider *, .b-v2-product-carousel *, .b-v2-developers-carousel *, .b-v2-recent-articles__item *, .b-prextwr-service * {-webkit-backface-visibility: hidden; backface-visibility: hidden;} /*! Вертикальное выравнивание, прописывается .row */ @media (min-width: 992px) {.g-flex-vertical {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .g-flex-vertical_center {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .g-flex-vertical > * {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .g-flex-vertical_align_items_left > * {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} /*! Flexbox */ .g-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .g-flex > [class*="column"] {position: relative;} /*! Всплывающая подсказка (popupTip) */ .v2-js-popup-tip-container {padding: 10px 7px; text-align: center; position: absolute; font-size: 12px; color: #fff; background-color: #00aef1; max-width: 120px; z-index: 20; height: auto; border-radius: 3px; line-height: 1.1;} .v2-js-popup-tip-container:before {content: ''; position: absolute; bottom: -7px; left: 50%; margin-left: -7.5px; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px; border-color: #00aef1 transparent transparent transparent;} /*! Клон меню подсекций в карточке товара */ .js-v2-subsection-nav-clone {position: fixed; top: 0; left: 0; right: 0; background: #ffffff; z-index: 1; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);} .js-v2-subsection-nav-clone.js-visible {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .js-v2-subsection-nav-clone a.js-current {color: #00aef1;} /*! для подсказок - дефолтный курсор */ [data-tip] {cursor: default;} /*! Верхняя панель */ .l-v2-top-panel {position: relative; z-index: 1; background: #0092d7; color: #fff;} .l-v2-top-panel a {color: #fff; font-weight: 400; margin: 0 4px;} .l-v2-top-panel a:hover {color: #fff; opacity: .75;} .l-v2-top-panel__container {padding-top: 15px; padding-bottom: 15px;} .l-v2-top-panel__column:not(:first-child) {margin-top: 15px;} .l-v2-top-panel__cart {display: none;} @media (min-width: 992px) { .l-v2-top-panel__container {padding-top: 0; padding-bottom: 0; position: relative;} .l-v2-top-panel__column {height: 50px;} .l-v2-top-panel__column:not(:first-child) {margin-top: 0;} .l-v2-top-panel__column:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: #e5e5e5;} .l-v2-top-panel__column:first-child:before {content: initial;} .l-v2-top-panel__column .b-v2-user-panel__list {display: none;} .l-v2-top-panel__cart {display: block; padding-bottom: 8px; position: relative;} .l-v2-top-panel__cart-counter {color: #34a9e0; background: #fff; border-radius: 50%; font-size: 10px; width: 17px; height: 17px; display: block; line-height: 17px; text-align: center; position: absolute; bottom: -3px; left: -3px;} } /*! Нижняя панель */ .l-v2-bottom-panel {-webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.59); box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.59); background-color: #252422; position: fixed; bottom: 0; left: 0; right: 0; z-index: 101; padding-top: 15px; padding-bottom: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;} .l-v2-bottom-panel__column:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: #3a3a3a; display: none;} @media (min-width: 992px) {.l-v2-bottom-panel__column:before {display: block; height: 50px;}} .l-v2-bottom-panel__column:first-child:before {content: initial;} .l-v2-bottom-panel__column_no_separator:before {content: initial;} .l-v2-bottom-panel__column_phone_1, .l-v2-bottom-panel__column_phone_2, .l-v2-bottom-panel__column_compare, .l-v2-bottom-panel__column_wishlist {display: none;} @media (min-width: 992px) {.l-v2-bottom-panel__column_phone_1, .l-v2-bottom-panel__column_phone_2, .l-v2-bottom-panel__column_compare, .l-v2-bottom-panel__column_wishlist {display: -webkit-box; display: -ms-flexbox; display: flex;}} .l-v2-bottom-panel__column_basket {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .l-v2-bottom-panel__column_to_basket {margin-top: 10px; display: none;} .l-v2-bottom-panel__column_to_basket.js-visible {display: block;} @media (min-width: 992px) {.l-v2-bottom-panel__column_to_basket {margin-top: 0; display: block;}} .l-v2-bottom-panel__block_margin_left {margin-left: 20px;} @media (min-width: 1470px) {.l-v2-bottom-panel__block_margin_left {margin-left: 30px;}} @media (min-width: 992px) {.l-v2-bottom-panel {display: block; padding-top: 0; padding-bottom: 0;}} /*! Хлебные крошки */ .l-v2-breadcrumbs {-webkit-box-shadow: 0 1px 2px #b2b2b2; box-shadow: 0 1px 2px #b2b2b2; border-top: 1px solid #e6e6e6; margin-bottom: 30px; background-color: #ffffff; position: relative; display: none;} body.about.guaranty .l-v2-breadcrumbs {margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none;} @media (min-width: 992px) {.l-v2-breadcrumbs {display: block;}} /*! промо секция */ .l-v2-fp-promo_top_padding_60 {padding-top: 60px;} .l-v2-fp-promo_gradient_dark {background: #484848; background: -moz-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #484848), color-stop(100%, #2a2a2a)); background: -webkit-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -o-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -ms-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#2a2a2a)); background: linear-gradient(to bottom, #484848 0%, #2a2a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#2a2a2a', GradientType=0 );} .l-v2-fp-promo__column:nth-child(2) {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} /*! главный каталог */ .l-v2-main-catalog__row_flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .l-v2-main-catalog__column {margin-top: 30px;} /*! Адрес магазина в верхней панели */ .b-v2-address {color: #737373; font-size: 15px; width: 100%; text-align: center;} .b-v2-address .fa {font-size: 24px; vertical-align: middle; margin-right: 15px;} @media (min-width: 992px) {.b-v2-address {text-align: left;}} /*! Номера телефонов в верхней панели */ .b-v2-phone {font-size: 14px; text-align: center;} .b-v2-phone_color_white {color: #fff;} .b-v2-phone .fa {font-size: 18px; vertical-align: middle; margin-right: 15px;} .b-v2-phone a {white-space: nowrap;} @media (min-width: 992px) {.b-v2-phone {text-align: left;}} /*! Статус заказа в верхней панели */ .b-v2-order-status {font-size: 16px; color: #737373; border-bottom: 1px dotted #737373; cursor: pointer;} .b-v2-order-status:hover {color: #00aef1; border-bottom-color: #00aef1;} /*! Панель пользователя в верхней панели */ .b-v2-user-panel {width: 100%;} .b-v2-user-panel__item {margin-left: 20px; width: 100%;} .b-v2-user-panel__item:first-child {margin-left: 0;} @media (min-width: 1470px) {.b-v2-user-panel__item {margin-left: 30px;}} .b-v2-user-panel__item_userpic {width: 40px;} .b-v2-user-panel__item_login {position: relative;} .b-v2-user-panel__item_login:after {content: ''; position: absolute; top: 13px; right: -15px; bottom: 10px; width: 1px; background-color: #737373;} .b-v2-user-panel__link {font-size: 16px; color: #737373; text-decoration: none; border-bottom: 1px dotted transparent;} .b-v2-user-panel__link:hover, .b-v2-user-panel__link:focus {border-bottom-color: #00aef1; color: #00aef1; text-decoration: none;} /*! Главное горизонтальное меню */ .b-v2-horizontal-nav__item {margin-left: 60px; position: relative;} .b-v2-horizontal-nav__item:first-child {margin-left: 0;} .b-v2-horizontal-nav__item:first-child:before {content: initial;} .b-v2-horizontal-nav__item:before {content: ''; position: absolute; top: 5px; left: -30px; bottom: 5px; width: 1px; background-color: #cdcdcd;} .b-v2-horizontal-nav a, .b-v2-horizontal-nav a:focus {color: #424242; font-size: 18px; text-transform: uppercase; border-bottom: 1px dotted transparent;} .b-v2-horizontal-nav a:hover {border-bottom-color: #00aef1; color: #00aef1; text-decoration: none;} /*! Логотип сайта */ .b-v2-site-logo__image {display: block; height: auto; max-width: 100%; margin: 0 auto;} @media (min-width: 992px) { .b-v2-site-logo__image {width: 230px;} } /*! Предложения продуктов, скидок, акций и т.д. в шапке */ .b-v2-product-offers__list {width: 100%;} .b-v2-product-offers__item {color: #4a4a4a; font-size: 18px; height: 45px; width: 100%;} .b-v2-product-offers__item:first-child {margin-left: 0;} .b-v2-product-offers__item a {color: #4a4a4a; font-size: 16px; text-decoration: none; border-bottom: 1px dotted #4a4a4a; position: relative; display: block; margin-left: 32px; text-transform: uppercase;} @media (min-width: 1470px) {.b-v2-product-offers__item a {margin-left: 39px;}} .b-v2-product-offers__item a i {position: absolute; left: -39px; top: 50%; margin-top: -12px;} .b-v2-product-offers__item a i:before {vertical-align: middle; font-size: 20px; margin-right: 15px; color: #cdcdcd;} /*@media (min-width: 1470px) {.b-v2-product-offers__item a i:before {font-size: 24px;}}*/ .b-v2-product-offers__item a:hover i:before {color: #f100a3;} .b-v2-product-offers__item a:hover {border-bottom-color: #f100a3; color: #f100a3; text-decoration: none;} /*! Мини баннер */ .b-v2-mini-banner img {max-width: 100%; height: auto; display: block; width: 100%;} @media (min-width: 992px) {.b-v2-mini-banner img {width: auto;}} /*! Кнопка вызывающая каталог */ .l-v2-header__column_catalog_nav {position: absolute; bottom: 1px; left: 0; width: 48px;} .b-v2-catalog-button {display: block; height: 35px; width: 48px; border-radius: 30px; background: #92d3f1; transition: background-color 300ms; font-size: 0; padding: 0;} .b-v2-catalog-button:hover, .b-v2-catalog-button:focus {text-decoration: none;} .b-v2-catalog-button:hover {background-color: #008ec5;} .b-v2-catalog-button.js-open {background-color: #92d3f1;} .b-v2-catalog-button.js-open i.fa::before {content: '\f00d'; background-image: none;} .b-v2-catalog-button i.fa {position: absolute; left: 24px; top: 50%; margin-top: -13px; font-size: 24px; color: #fff !important;} .b-v2-catalog-button i.fa::before {display: block; content: ''; width: 20px; height: 25px; background: url('/bitrix/templates/kb2022/img/catalog-icon.png') no-repeat 50% 50%} @media (min-width: 992px) { .l-v2-header__column_catalog_nav {width: 100px; height: 55px; text-align: center; left: 0; bottom: 0; z-index: 2;} .b-v2-catalog-button {width: 100px; height: 55px; color: #000; font-size: 14px; display: flex; align-items: center; justify-content: center; padding: 0 20px;} .b-v2-catalog-button i {display: none !important;} } @media (min-width: 1470px) { .l-v2-header__column_catalog_nav {width: 160px;} .b-v2-catalog-button {width: 160px; padding: 0 30px;} } /*! Форма поиска в шапке */ .b-v2-search-form__wrapper {position: relative;} .b-v2-search-form__icon {display: none !important;} .b-v2-search-form__input {font-size: 12px; color: #000; background-color: #fff; height: 35px; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; padding-left: 55px; padding-right: 45px; line-height: normal; border-radius: 30px;} .b-v2-search-form__input::-webkit-input-placeholder {color: #606060; opacity: 1;} .b-v2-search-form__input:-moz-placeholder {color: #606060; opacity: 1;} .b-v2-search-form__input::-moz-placeholder {color: #606060; opacity: 1;} .b-v2-search-form__input:-ms-input-placeholder {color: #606060; opacity: 1;} .b-v2-search-form__submit::before {content: ''; display: block; position: absolute; top: 0; right: 0; width: 55px; height: 100%; background: url('/bitrix/templates/kb2022/img/search-icon.png') no-repeat 50% 50%; cursor: pointer;} @media (min-width: 992px) { .b-v2-search-form__input {padding-left: 10px;} } /*! Хлебные крошки */ .b-v2-breadcrumbs__list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-breadcrumbs__item {padding: 15px 0; margin-left: 44px; position: relative;} .b-v2-breadcrumbs__item:first-child {margin-left: 0;} .b-v2-breadcrumbs__item:first-child:before {content: initial;} .b-v2-breadcrumbs__item:before {font-size: 14px; color: #737373; content: '—'; position: absolute; top: 50%; margin-top: -6.08696px; left: -29px; margin-right: 15px;} .b-v2-breadcrumbs__link, .b-v2-breadcrumbs__link:focus {font-size: 14px; color: #606060; border-bottom: 1px dotted #737373;} .b-v2-breadcrumbs__link:hover {text-decoration: none; color: #00aef1; border-bottom-color: #00aef1;} .b-v2-breadcrumbs__current {font-size: 14px; color: #d0d0d0;} @media (min-width: 992px) {.b-v2-breadcrumbs__list {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} /*! Списки навигаций в подвале */ .b-v2-footer-nav__title, .b-v2-footer-nav__item {text-align: center;} .b-v2-footer-nav__title {font-size: 24px; color: #000; margin-bottom: 15px; line-height: 1;} .b-v2-footer-nav__item {margin-top: 10px; line-height: 1;} .b-v2-footer-nav__item:first-child {margin-top: 0;} .b-v2-footer-nav__link, .b-v2-footer-nav__link:focus {font-size: 16px; color: #a1a1a1; border-bottom: 1px dotted transparent;} .b-v2-footer-nav__link:hover {border-bottom-color: #00aef1; color: #00aef1; text-decoration: none;} @media (min-width: 768px) {.b-v2-footer-nav__title, .b-v2-footer-nav__item {text-align: left;}} /*! Количество отзывов (товар) */ .b-v2-product-reviews-number__link, .b-v2-product-reviews-number__link:focus {font-size: 16px; color: #000; border-bottom: 1px dotted #737373;} .b-v2-product-reviews-number__link:hover {text-decoration: none; color: #00aef1; border-bottom-color: #00aef1;} .b-v2-product-features__list {text-align: center; margin: 0; padding: 0;} .b-v2-product-features__item {display: inline-block; font-size: 25px; color: #353535; cursor: pointer; margin-left: 25px;} .b-v2-product-features__item:first-child {margin-left: 0;} .b-v2-product-features__item:hover:before {color: #00aef1;} .b-v2-product-features__item_icon_actual_price:before {content: "";} .b-v2-product-features__item_icon_request_progress:before {content: "";} .b-v2-product-features__item_icon_service:before {content: "";} .b-v2-product-subpart-links {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; position: relative;} .b-v2-product-subpart-links:before {content: ''; display: block; position: absolute; width: 12px; height: 20px; right: -12px; top: 50%; margin-top: -10px; background: url("/bitrix/templates/kb/img/b-product-subpart-links/right-corner.png") no-repeat 0 0;} .b-v2-product-subpart-links__item {margin-top: 20px; line-height: 1;} .b-v2-product-subpart-links__item:first-child {margin-top: 0;} .b-v2-product-subpart-links__link, .b-v2-product-subpart-links__link:focus {font-size: 16px; color: #000; border-bottom: 1px dotted #000;} .b-v2-product-subpart-links__link:hover {color: #00aef1; border-bottom-color: #00aef1; text-decoration: none;} .b-sections-nav__list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-sections-nav__item {width: 100%;} .b-sections-nav__link {-webkit-box-sizing: border-box; box-sizing: border-box; color: #000; display: block; font-size: 16px; font-weight: bold; padding: 20px 0; text-align: center;} .b-sections-nav__link:hover {color: #00aef1; text-decoration: none;} .b-sections-nav__link:focus {color: #000; text-decoration: none;} @media (min-width: 1470px) {.b-sections-nav__link {font-size: 18px;}} .b-v2-product-cover {text-align: center; height: 385px; position: relative;} @media (min-width: 1470px) {.b-v2-product-cover {height: 420px;}} .b-v2-product-cover__link:not(:first-child) {display: none;} .b-v2-product-tumbs {margin-bottom: 0;} .b-v2-product-tumbs__list {list-style: none; padding: 0; margin: 0; font-family: 'FontAwesome'; font-size: 0; text-align: center;} .b-v2-product-tumbs__item {vertical-align: top; overflow: hidden;} .b-v2-product-tumbs__link {display: block; max-width: 86px; max-height: 86px; border: 1px solid #e6e6e6; padding: 8px 3px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-product-tumbs__link:hover, .b-v2-product-tumbs__link.js-active {border-color: #00aef1;} .b-v2-product-tumbs .owl-carousel .owl-item img {width: initial; max-width: 100%; margin-left: auto; margin-right: auto;} .b-v2-product-cart-order_bottom_panel {width: 100%; position: relative;} @media (min-width: 992px) {.b-v2-product-cart-order_bottom_panel {padding-left: 20px; padding-right: 20px; bottom: 5px;}} @media (min-width: 1470px) {.b-v2-product-cart-order_bottom_panel {padding-left: 30px; padding-right: 30px;}} .b-v2-product-cart-order__link {display: block; text-align: center;} .b-v2-product-cart-order__link_basket, .b-v2-product-cart-order__link_basket:focus {background-color: #00aef1; color: #fff; font-size: 16px; border-radius: 10px; padding: 15px 10px; max-width: 260px; margin-left: auto; margin-right: auto;} .b-v2-product-cart-order__link_basket:hover {color: #fff; background-color: #693f72;} .b-v2-product-cart-order__link.js-v2-not-active-link, .b-v2-product-cart-order__link.js-v2-not-active-link:focus {background-color: #ccc; cursor: default;} .b-v2-product-cart-order__link.js-v2-not-active-link:hover {color: #fff; background-color: #ccc;} .b-v2-product-cart-order__link_fast, .b-v2-product-cart-order__link_fast:focus, .b-v2-product-cart-order__link_org, .b-v2-product-cart-order__link_org:focus {font-size: 16px; color: #000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 30px; line-height: 30px;} .b-v2-product-cart-order__link_fast:hover, .b-v2-product-cart-order__link_org:hover {color: #00aef1;} .b-v2-product-cart-order__link_fast:before {content: '\f245'; font-size: 14px; vertical-align: middle; margin-right: 10px; margin-top: -2px;} .b-v2-product-cart-order__link:hover, .b-v2-product-cart-order__link:focus {text-decoration: none;} .b-v2-product-discount__title {font-size: 16px; color: #000; line-height: 1; margin-bottom: 15px;} .b-v2-product-discount__title .fa {vertical-align: middle; font-size: 18px; color: #353535; margin-left: 5px; cursor: pointer;} .b-v2-product-discount__title .fa:hover {color: #00aef1;} .b-v2-product-discount__item {font-size: 16px; color: #00aef1; line-height: 1; margin-top: 20px;} .b-v2-product-discount__item .fa {font-size: 10px; margin-left: 5px; margin-right: 5px; vertical-align: middle;} .b-v2-product-discount__price {font-weight: bold; color: #000;} /*! Добавить в сравнение, фав... (внутр. страница товара) */ .b-v2-product-inner-add-to__wrapper {display: inline-flex; flex-direction: row-reverse; align-items: center; padding: 0 0 0 15px;} .b-v2-product-inner-add-to__link {display: inline-block; cursor: pointer; margin: 0 15px 0 0;} .b-v2-product-inner-add-to__link, .b-v2-product-inner-add-to__link:focus {font-size: 16px; color: #c0c0c0;} .b-v2-product-inner-add-to__link:hover, .b-v2-product-inner-add-to__link.compared, .b-v2-product-inner-add-to__link.wished {color: #693f72; text-decoration: none;} .b-v2-product-inner-add-to__link:hover::before {color: inherit;} .b-v2-product-inner-add-to__link:before {font-size: 20px; color: #c0c0c0;} .b-v2-product-inner-add-to__link_compare::before {content: '\f012';} .b-v2-product-inner-add-to__link_fav::before {content: '\f08a';} /*! Баннеры */ .b-v2-banner-area__list.js-inited .b-v2-banner-area__item {display: block;} .b-v2-banner-area__item {display: none;} .b-v2-banner-area__item:first-child {display: block;} /*! Список характеристик товара (внутр. страница) */ .b-v2-characteristics {position: relative;} .b-v2-characteristics__column:not(:first-child) {margin-top: 20px;} @media (min-width: 1200px) {.b-v2-characteristics__column:not(:first-child) {margin-top: 0;}} .b-v2-characteristics__column:first-child .b-v2-characteristics__list {padding-right: 15px; padding-left: 15px;} @media (min-width: 1200px) {.b-v2-characteristics__column:first-child .b-v2-characteristics__list {padding-right: 15px; padding-left: 30px;}} .b-v2-characteristics__column:nth-child(2) .b-v2-characteristics__list {padding-right: 15px; padding-left: 15px;} @media (min-width: 1200px) {.b-v2-characteristics__column:nth-child(2) .b-v2-characteristics__list {padding-right: 30px; padding-left: 30px;}} .b-v2-characteristics__item {margin-top: 20px; position: relative; cursor: default;} .b-v2-characteristics__item:first-child {margin-top: 0;} .b-v2-characteristics__list .b-v2-characteristics__item:first-child {margin-top: 20px;} .b-v2-characteristics__item:before {content: ''; left: 0; right: 0; top: 13px; display: inline-block; height: 1px; border-bottom: 1px dotted #d4d4d4; width: 450px; position: absolute; display: none;} .b-v2-characteristics__item:hover:before {border-bottom-color: #00aef1;} .b-v2-characteristics__item:hover .b-v2-characteristics__label, .b-v2-characteristics__item:focus .b-v2-characteristics__label, .b-v2-characteristics__item:hover .b-v2-characteristics__value, .b-v2-characteristics__item:focus .b-v2-characteristics__value {color: #00aef1;} .b-v2-characteristics__label-wrapper {width: 49%; display: inline-block;} @media (min-width: 1200px) {.b-v2-characteristics__label-wrapper {width: 68%;}} .b-v2-characteristics__label, .b-v2-characteristics__value {display: inline-block; vertical-align: top; font-size: 12px; color: #000000; background-color: #ffffff; position: relative; padding-top: 3px;} .b-v2-characteristics__label {padding-right: 20px;} .b-v2-characteristics__value {padding-left: 5px; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box;} @media (min-width: 1200px) {.b-v2-characteristics__value {width: 31%;}} @media (min-width: 992px) {.b-v2-characteristics:before, .b-v2-characteristics__item:before {display: block;}} /*! Описание товара (внутр. страница) */ .b-v2-product-description {margin-top: -15px; margin-bottom: -15px; font-size: 16px;} .b-v2-product-description p {font-size: 16px; color: #000;} /*! Как выбрать (внутр. страница) */ .b-v2-product-how-to {margin-top: -15px; margin-bottom: -15px;} .b-v2-product-how-to p {font-size: 16px; color: #000; line-height: 1.2;} .b-v2-product-how-to h1, .b-v2-product-how-to h2 {font-size: 18px; font-weight: bold; color: #000000; margin: 15px 0;} .b-v2-product-how-to h1:before, .b-v2-product-how-to h2:before {content: ''; clear: left; display: block;} .b-v2-product-how-to a, .b-v2-product-how-to a:focus {color: #00aef1; text-decoration: none; border-bottom: 1px dotted #00aef1;} .b-v2-product-how-to a:hover {color: #00aef1; border-bottom-color: transparent;} .b-v2-product-how-to ul {margin-left: 20px;} .b-v2-product-how-to ul:before {content: ''; clear: left; display: block;} .b-v2-product-how-to ul:after {content: ''; clear: left; display: block;} .b-v2-product-how-to li {font-size: 16px; color: #000; line-height: 1.2; margin-top: 15px;} .b-v2-product-how-to li:first-child {margin-top: 0;} .b-v2-product-how-to li:before {content: ''; clear: left; display: block;} .b-v2-product-how-to li:after {content: ''; clear: left; display: block;} .b-v2-product-how-to .imgalignleft {float: left; margin-right: 30px;} .b-v2-product-how-to .imgaligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px;} /*! Block: Отзывы (внутр. страница) */ .b-v2-product-reviews__row {margin-top: 10px;} .b-v2-product-reviews__row:first-child {margin-top: 0;} .b-v2-product-reviews__item {margin-top: 15px; margin-bottom: 15px; border: 2px solid #a6a6a6; border-radius: 10px; padding: 20px 18px;} .b-v2-product-reviews__flex {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; margin-bottom: 15px;} .b-v2-product-reviews__flex-item {margin-left: 15px;} .b-v2-product-reviews__flex-item:first-child {margin-left: 0;} .b-v2-product-reviews__yandex-label {background: url("/bitrix/templates/kb/img/yandex-market-label.png") no-repeat center center; width: 133px; height: 30px; display: inline-block; display: none;} .b-v2-product-reviews .b-v2-product-stars {margin-left: 0;} .b-v2-product-reviews__autor {font-size: 16px; color: #000000; font-weight: 700; width: 100%; margin-left: 0; margin-bottom: 10px; order: -1;} .b-v2-product-reviews__date {font-size: 16px; color: #6e6e6e; margin-left: 25px; font-weight: 400;} .b-v2-product-reviews__label {font-size: 12px; font-weight: bold;} .b-v2-product-reviews__text {color: #000; font-size: 12px; line-height: 1.25;} .b-v2-product-reviews__question {font-size: 12px; color: #7e7e7e;} .b-v2-product-reviews__useful, .b-v2-product-reviews__useless {font-size: 12px; color: #7e7e7e; border: 1px solid #00aef1; padding: 5px 10px; cursor: pointer;} .b-v2-product-reviews__useful:hover, .b-v2-product-reviews__useless:hover {background: #00aef1; color: #fff;} /*! Block: Форма подписка (модуль) */ .b-v2-subsription-module {background-color: #ffffff; padding-bottom: 30px; padding-top: 30px;} .b-v2-subsription-module__row {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-subsription-module__title {font-size: 28px; color: #000000; font-weight: bold; line-height: 1;} @media (min-width: 1470px) {.b-v2-subsription-module__title {font-size: 30px;}} .b-v2-subsription-module__subtitle {font-size: 20px; color: #5d5d5d; margin-top: 10px; line-height: 1;} @media (min-width: 1470px) {.b-v2-subsription-module__subtitle {font-size: 22px;}} .b-v2-subsription-module__form {display: block;} .b-v2-subsription-module__form:after {content: ''; clear: left; display: block;} .b-v2-subsription-module__input {background-color: #e6e6e6; border: 1px solid transparent; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 20px; height: 45px; line-height: normal; outline: none; padding: 5px 15px; width: 303px;} @media (min-width: 1470px) {.b-v2-subsription-module__input {width: 330px;}} .b-v2-subsription-module__input:focus {border-color: #00aef1;} .b-v2-subsription-module__input::-webkit-input-placeholder {color: #737373; opacity: 1;} .b-v2-subsription-module__input:-moz-placeholder {color: #737373; opacity: 1;} .b-v2-subsription-module__input::-moz-placeholder {color: #737373; opacity: 1;} .b-v2-subsription-module__input:-ms-input-placeholder {color: #737373; opacity: 1;} .b-v2-subsription-module__submit, .b-v2-subsription-module__submit:focus {height: 45px; background-color: #00aef1; color: #fff; display: block; text-align: center; font-size: 20px; float: left; border: none; border-radius: 3px; margin-left: 20px; width: 180px;} @media (min-width: 1470px) {.b-v2-subsription-module__submit, .b-v2-subsription-module__submit:focus {width: 210px; margin-left: 30px;}} .b-v2-subsription-module__submit:hover {background-color: #693f72;} .b-v2-subsription-module__small {font-size: 12px; color: #afafaf; margin-top: 15px;} .b-v2-subsription-module__small a, .b-v2-subsription-module__small a:focus {border-bottom: 1px dashed #afafaf; color: #afafaf;} .b-v2-subsription-module__small a:hover {color: #00aef1; border-bottom-color: #00aef1; text-decoration: none;} /*! Block: Бейджик в нижней панели */ .b-v2-badge_free_call {font-size: 16px; color: #252422; text-align: center; padding: 5px 22px; background-color: #ffffff; line-height: 1; border-top-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: bold; text-transform: uppercase;} /*! Block: Бейджик в нижней панели */ .b-v2-bottom-panel-icons {display: block;} .b-v2-bottom-panel-icons__link, .b-v2-bottom-panel-icons__link:focus {font-size: 18px; color: #fff; font-weight: bold; position: absolute; top: 0; right: 0; bottom: 0; left: 1px; text-align: center; line-height: 50px;} .b-v2-bottom-panel-icons__link:hover {color: #ffffff; text-decoration: none; background-color: #161513;} .b-v2-bottom-panel-icons__link:before {font-size: 20px; color: #fff; margin-right: 15px;} .b-v2-bottom-panel-icons__link_compare:before {content: '\f012';} .b-v2-bottom-panel-icons__link_fav:before {content: '\f08a';} /*! Block: Навигация по каталогу */ .b-v2-catalog-nav {position: absolute; right: 15px; left: 15px; z-index: 2; display: none;} body.is-home-page .b-v2-catalog-nav {display: block;} .b-v2-catalog-nav__list {background-color: #ffffff; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.23);} .b-v2-catalog-nav__item {border-top: 1px solid #eaeaea; position: relative;} .b-v2-catalog-nav__item:first-child {border-top-color: transparent;} @media (min-width: 992px) {.b-v2-catalog-nav__item {position: inherit;}} .b-v2-catalog-nav__show-sublist {position: absolute; right: 0; top: 0; height: 42px; width: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-catalog-nav__show-sublist:before {font-family: FontAwesome; content: '\f067'; font-size: 18px; color: #00aef1;} .b-v2-catalog-nav__show-sublist.js-active:before {content: '\f068';} @media (min-width: 992px) {.b-v2-catalog-nav__show-sublist {display: none;}} .b-v2-catalog-nav__link.js-active .b-v2-catalog-nav__show-sublist:before {content: '\f068';} .b-v2-catalog-nav__link {font-size: 18px; color: #000000; display: block; line-height: 1; padding: 12px 15px 12px 30px; position: relative;} .b-v2-catalog-nav__link:hover, .b-v2-catalog-nav__link:focus, .b-v2-catalog-nav__link.js-active {color: #00aef1;} .b-v2-catalog-nav__link.js-active:before {content: '';} .b-v2-catalog-nav__link:before {position: absolute; width: 11px; background-color: #ffffff; right: -2px; top: 0; bottom: 0; z-index: 2; display: none;} @media (min-width: 992px) {.b-v2-catalog-nav__link:before {display: block;}} .b-v2-catalog-nav__sublist {background-color: #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; padding: 15px 30px; z-index: 1; text-align: left;} @media (min-width: 992px) {.b-v2-catalog-nav__sublist {background-color: #ffffff; border-radius: 0 10px 10px 10px; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.23); padding-bottom: 194px; padding: 30px; position: absolute; top: 0; width: 750px;}} .b-v2-catalog-nav__sublist-columns:before, .b-v2-catalog-nav__sublist-columns:after {content: ''; display: block; clear: left;} .b-v2-catalog-nav__sublist-column {width: 210px; float: left; margin-left: 30px; margin-top: 30px;} .b-v2-catalog-nav__sublist-column:nth-child(3n+1) {margin-left: 0; clear: left;} .b-v2-catalog-nav__sublist-column:nth-child(1), .b-v2-catalog-nav__sublist-column:nth-child(2), .b-v2-catalog-nav__sublist-column:nth-child(3) {margin-top: 0;} .b-v2-catalog-nav__sublist-column-list-item {line-height: 1;} .b-v2-catalog-nav__sublist-column-list-item:not(:first-child) {margin-top: 5px;} @media (min-width: 992px) {.b-v2-catalog-nav__sublist-column-list-item:not(:first-child) {margin-top: 3px;}} .b-v2-catalog-nav__sublist-column-title {font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: bold; line-height: 1;} @media (min-width: 992px) {.b-v2-catalog-nav__sublist-column-title {font-size: 20px;}} .b-v2-catalog-nav__sublist-column-list-link {font-size: 16px; color: #4f4f4f; line-height: 1.3;} .b-v2-catalog-nav__sublist-column-list-link:hover, .b-v2-catalog-nav__sublist-column-list-link:focus {color: #00aef1;} .b-v2-catalog-nav__sublist-banner {height: 164px; position: absolute; left: 0; right: 0; bottom: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; clear: left;} .b-v2-catalog-nav__sublist-banner:before {content: ''; display: block; clear: both;} /*! Block: Панель "наверх" */ .b-v2-to-top {position: fixed; left: -30px; top: 0; bottom: 0; width: 30px; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; z-index: 5;} .b-v2-to-top.js-visible {left: 0;} .b-v2-to-top.js-visible:hover {background-color: rgba(0, 0, 0, 0.3); width: 40px;} @media (min-width: 1470px) {.b-v2-to-top.js-visible:hover {width: 50px;}} .b-v2-to-top.js-visible:hover:before {color: #ffffff;} .b-v2-to-top:before {content: '\f106'; font-size: 16px; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px;} /*! Заголовок страницы */ /*! Фильтр каталога */ .b-v2-catalog-filter__list.js-closed .b-v2-catalog-filter__list-item-content {height: 0; overflow: hidden;} .b-v2-catalog-filter__list-item-content {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-filter__list {background-color: #ffffff;} .b-v2-catalog-filter__sublist {padding: 25px 0;} .b-v2-catalog-filter__sublist-item {margin-top: 10px; min-height: 15px;} .b-v2-catalog-filter__sublist-item:first-child {margin-top: 0;} .b-v2-catalog-filter__checkbox {display: none;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label {position: relative; cursor: pointer; font-size: 16px; color: #000; line-height: 1; padding-left: 30px; display: block;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label span {vertical-align: middle;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label span span {font-size: 12px; color: #000; margin-left: 8px; vertical-align: super; position: absolute;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label::before, .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label::after {transition: all 300ms;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label::before {content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #e6e6e6; display: inline-block; font-size: 0; vertical-align: middle;} .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label::after {font-size: 12px; color: #fff; content: '\f00c'; position: absolute; left: 2px; top: 1px; display: block; line-height: 1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} .b-v2-catalog-filter__checkbox:checked + .b-v2-catalog-filter__label:before {background-color: #0fb3f2;} .b-v2-catalog-filter__checkbox:checked + .b-v2-catalog-filter__label:after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .b-v2-catalog-filter__checkbox:disabled + .b-v2-catalog-filter__label {cursor: default; color: #bfbfbf;} .b-v2-catalog-filter__checkbox:disabled + .b-v2-catalog-filter__label:before {background-color: #e6e6e6;} .b-v2-catalog-filter__checkbox:disabled + .b-v2-catalog-filter__label:after {content: '\f00d'; left: 3px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .b-v2-catalog-filter__list-item-title {font-size: 16px; color: #000; font-weight: 600; padding: 12px 0; cursor: pointer; position: relative;} .b-v2-catalog-filter__list-item-title::after {content: '\f077'; position: absolute; right: 0; top: 50%; font-size: 6px; margin-top: -7px; color: #353535; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #353535; display: flex; align-items: center; justify-content: center; line-height: 0;} .b-v2-catalog-filter__list-item-title::before {content: ''; display: block; position: absolute; left: -15px; top: -1px; bottom: -1px; width: 5px; background-color: transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-filter__list.js-has-cheked .b-v2-catalog-filter__list-item-title::before {background-color: #00aef1;} .b-v2-catalog-filter__list.js-closed .b-v2-catalog-filter__list-item-title::after {content: '\f078';} .b-v2-catalog-filter__buttons {padding: 25px 0;} .b-v2-catalog-filter__button {margin-top: 10px;} .b-v2-catalog-filter__button:first-child {margin-top: 0;} .b-v2-catalog-filter__button-show, .b-v2-catalog-filter__button-reset {font-size: 12px; display: block; width: 100%; box-sizing: border-box; border-radius: 10px; text-align: center; padding: 12px; transition: all 300ms; line-height: 14px;} .b-v2-catalog-filter__button-show, .b-v2-catalog-filter__button-show:focus {color: #fff; background-color: #00aef1; border: 1px solid #00aef1;} .b-v2-catalog-filter__button-show:hover {color: #fff; background-color: #693f72; border-color: #693f72;} .b-v2-catalog-filter__button-reset, .b-v2-catalog-filter__button-reset:focus {color: #00aef1; border: 1px solid #00aef1; background-color: transparent;} .b-v2-catalog-filter__button-reset:hover {color: #fff; background-color: #00aef1;} /*! фильтр цены в каталоге */ .b-v2-price-filter__from-to-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .b-v2-price-filter__from, .b-v2-price-filter__to {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48%;} .b-v2-price-filter__label {font-size: 12px; color: #424242; display: inline-block; margin-right: 15px; vertical-align: middle;} .b-v2-price-filter__input {display: inline-block; vertical-align: middle; color: #000; height: 24px; width: 100%; background-color: #fff; font-size: 12px; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #d0d0d0; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-price-filter__input::-webkit-input-placeholder {color: #737373; opacity: 1;} .b-v2-price-filter__input:-moz-placeholder {color: #737373; opacity: 1;} .b-v2-price-filter__input::-moz-placeholder {color: #737373; opacity: 1;} .b-v2-price-filter__input:-ms-input-placeholder {color: #737373; opacity: 1;} .b-v2-price-filter__input:hover {border-color: #cecece;} .b-v2-price-filter__input:focus {border-color: #00aef1;} .b-v2-price-filter__slider {margin-top: 25px;} .b-v2-price-filter .ui-slider {border-radius: 2px; height: 1px; background-color: #e6e6e6; border: none;} .b-v2-price-filter .ui-slider-range {height: 1px; background-color: #17a9ff; border-radius: 2px;} .b-v2-price-filter .ui-slider-handle {background-color: #fff; border: 1px solid #17a9ff; width: 10px; height: 10px; border-radius: 50px; outline: none; top: 50%; margin-top: -5px; cursor: pointer; margin-left: -5px;} /*! каталог */ .b-v2-items-catalog__content-block-pagination_first .b-v2-cat-pagination__or {display: none;} .b-v2-items-catalog__content-block-pagination_first:not(:first-child), .b-v2-items-catalog__column_catalog_sort:not(:first-child) {margin-top: 15px;} .b-v2-items-catalog__content {background-color: #fff; border-top: 1px solid #e6e6e6;} .b-v2-items-catalog__content_action {margin-left: 0;} .b-v2-items-catalog__content-separator {height: 1px; width: 100%; display: block; background-color: #e7e7e7;} .b-v2-items-catalog__content-row_cat_form_bg {background-image: url("/bitrix/templates/kbnew/img/promo/about-company/about-company-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center center;} .b-v2-items-catalog__content-row_padding {padding: 12px 0;} .b-v2-items-catalog__content-row_bd_top {border-top: 1px solid #e7e7e7;} @media (min-width: 768px) {.b-v2-items-catalog__content-block-pagination_first:not(:first-child), .b-v2-items-catalog__column_catalog_sort:not(:first-child) {margin-top: 0;}} @media (min-width: 992px) {.b-v2-items-catalog__content {margin-left: -30px;}} /*! быстрые фильтры в каталоге */ .b-v2-short-tags {font-size: 12px; line-height: 1;} .b-v2-short-tags__list {margin-top: -5px; margin-bottom: -5px; margin-left: -10px;} .b-v2-short-tags__list::after {content: ''; display: block; clear: both;} .b-v2-short-tags__item {float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 10px;} .b-v2-short-tags__link {color: #0089be; cursor: pointer; border-bottom: 1px solid transparent;} .b-v2-short-tags__link:focus {color: #0092d7;} .b-v2-short-tags__link:hover {color: #0092d7; border-bottom-color: #0092d7;} .b-v2-short-tags__label-span {display: block; color: #000; font-weight: 700;} /*! каталог товаров - пагинация */ .b-v2-cat-pagination__list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-cat-pagination__list:after {content: ''; display: block; clear: both;} .b-v2-cat-pagination__item {float: left; display: block; margin-left: 10px; padding-left: 0 !important;} .b-v2-cat-pagination__item:first-child {margin-left: 0;} .b-v2-cat-pagination__link {font-size: 12px; color: #000; display: block; text-align: center; border-radius: 3px; border: 1px solid #cdcdcd; line-height: 24px; height: 24px; min-width: 24px; transition: all 300ms;} .b-v2-cat-pagination__link:focus {color: #737373;} .b-v2-cat-pagination__link:hover {color: #00aef1; border-color: #00aef1;} .b-v2-cat-pagination__dots {font-size: 12px; color: #000; height: 24px; display: block; line-height: 24px; border-radius: 3px;} .b-v2-cat-pagination__current-page {font-size: 12px; color: #fff; width: 24px; height: 24px; display: block; line-height: 24px; text-align: center; background: #92d3f1; border-radius: 3px;} .b-v2-cat-pagination__or-label {font-size: 12px; color: #737373; float: left;} .b-v2-cat-pagination__or-button {float: left; margin-left: 25px;} .b-v2-cat-pagination__or-link {display: block; font-size: 12px; color: #000; border: 1px solid #cecece; height: 24px; box-sizing: border-box; padding: 0 10px; line-height: 24px; text-align: center; border-radius: 3px; transition: all 300ms;} .b-v2-cat-pagination__or-link:focus {color: #737373;} .b-v2-cat-pagination__or-link:hover {color: #00aef1; border-color: #00aef1;} @media (max-width: 991px) {.b-v2-cat-pagination__or {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} @media (max-width: 767px) {.b-v2-cat-pagination__or {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} @media (min-width: 768px) {.b-v2-cat-pagination__list {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} @media (min-width: 992px) {.b-v2-cat-pagination__or {margin-left: 25px;}} /*! каталог товаров */ .b-v2-catalog-items__list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .b-v2-catalog-items__item {border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;} .b-v2-catalog-items__item-flex-wrapper {width: 100%;} .b-v2-catalog-items__item_half .b-v2-catalog-items__item-flex-wrapper {width: 50%;} .b-v2-catalog-items__item_half {width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex;} .b-v2-catalog-items__item_half:nth-child(2n+1) {border-left: none; clear: left;} .b-v2-catalog-items__item_half:nth-child(1), .b-v2-catalog-items__item_half:nth-child(2) {border-top: none;} .b-v2-catalog-items__item_action {width: 20%;} .b-v2-catalog-items__item_action:nth-child(4n):not(:first-child) {border-right: 1px solid #e7e7e7;} .b-v2-catalog-items__item_action:nth-child(4n+1) {clear: none;} .b-v2-catalog-items__item_action:nth-child(5n):not(:first-child) {border-right: none;} .b-v2-catalog-items__item_action:nth-child(5n+1) {clear: left;} @media (min-width: 480px) {.b-v2-catalog-items__list {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;} .b-v2-catalog-items__item {width: 50%;}} @media (min-width: 992px) {.b-v2-catalog-items__item {width: 50%;} .b-v2-catalog-items__item:nth-child(2n) {border-right: none;}} @media (min-width: 1270px) {.b-v2-catalog-items__item {width: 25%;} .b-v2-catalog-items__item:nth-child(2n) {border-right: 1px solid #e7e7e7;} .b-v2-catalog-items__item:nth-child(4n):not(:first-child) {border-right: none;}} /*! карточка в каталоге товаров */ .b-v2-catalog-product {-webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; position: relative; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;} .b-v2-catalog-product_action .b-v2-catalog-product__price {color: #f100a3;} .b-v2-catalog-product_action .b-v2-catalog-product__price .fa {color: #f100a3; font-size: 28px; vertical-align: top; position: relative; top: 8px;} .b-v2-catalog-product_shadow {margin: 3px;} .b-v2-catalog-product__row {margin-top: 15px; padding-left: 30px; padding-right: 30px;} .b-v2-catalog-product__row:first-child {margin-top: 0;} .b-v2-catalog-product__row_rating {padding-left: 0; padding-right: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-catalog-product__row_options {display: block; height: 25px;} .b-v2-catalog-product__row_center {text-align: center;} .b-v2-catalog-product__separartor {display: block; background-color: #f0f0f0; height: 1px; margin-left: 30px; margin-right: 30px;} .b-v2-catalog-product__cover {height: 120px; position: relative;} .b-v2-catalog-product__cover-link {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; position: absolute; top: 0; right: 30px; bottom: 0; left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-catalog-product__cover-image {margin-left: auto; margin-right: auto; height: auto; width: initial !important; max-height: 100%;} .b-v2-catalog-product__art {font-size: 12px; color: #454545; text-align: center; text-transform: uppercase; position: absolute; top: 0; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #efefef; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .b-v2-catalog-product__title {text-align: center; min-height: 30px;} .b-v2-catalog-product__title-link {font-size: 12px; color: #000; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-product__title-link:focus {color: #353535;} .b-v2-catalog-product__title-link:hover {color: #00aef1;} .b-v2-catalog-product__price {width: 100%; display: flex; padding-left: 0; padding-right: 0; justify-content: space-between; align-items: center;} .b-v2-catalog-product__old-price {color: #7a7a7a; font-size: 14px; font-weight: 400; text-align: right; margin-right: 15px;} .b-v2-catalog-product__old-price-number {color: #525252; font-size: 18px; font-weight: 700; display: block; text-align: center; position: relative;} .b-v2-catalog-product__old-price-number:before {content: ''; position: absolute; left: 0; right: 0; height: 2px; background-color: #525252; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .b-v2-catalog-product__old-price-cur {font-size: 12px; color: #525252; margin-left: 5px; display: none;} .b-v2-catalog-product__actual-price {color: #000000; font-size: 34px; font-weight: 700;} .b-v2-catalog-product_action .b-v2-catalog-product__actual-price {color: #ff1241;} .b-v2-catalog-product__currency {font-size: 18px; margin-left: 5px;} .b-v2-catalog-product__block_stars, .b-v2-catalog-product__block_stars + a {display: inline-block;} .b-v2-catalog-product__block_stars + * {margin-left: 15px;} .b-v2-catalog-product__reviews-link, .b-v2-catalog-product__reviews-link:focus {font-size: 12px; color: #000; border-bottom: 1px dotted #000000; line-height: 1; margin-left: 10px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-product__reviews-link:hover {color: #00aef1; border-bottom-color: #00aef1;} .b-v2-catalog-product__fav, .b-v2-catalog-product__compare {position: relative; display: block; width: 45px; height: 45px; border: 1px solid #00aef1; border-radius: 3px; color: #00aef1; cursor: pointer; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; display: none;} .b-v2-catalog-product__fav:before, .b-v2-catalog-product__compare:before {color: #00aef1; font-size: 20px; position: absolute; left: 50%; top: 50%; margin-top: -10px; margin-left: -10px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-product__fav:hover, .b-v2-catalog-product__compare:hover {border-color: #693f72;} .b-v2-catalog-product__fav:hover:before, .b-v2-catalog-product__compare:hover:before {color: #693f72;} .b-v2-catalog-product__fav:before {content: '\f08a';} .b-v2-catalog-product__compare:before {content: '\f012';} .b-v2-catalog-product__buy {margin-left: 10px; margin-right: 10px; border-radius: 3px; background-color: #00aef1; color: #fff; text-align: center; font-size: 18px; padding-left: 20px; padding-right: 20px; width: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-catalog-product__buy { width: 35px; height: 35px; font-size: 0; border-radius: 10px; padding: 0; margin: 0; border: 2px solid #0092d7; background-image: url("/bitrix/templates/kb2022/img/icon-cart.png"); background-color: #0092d7; background-position: 50% 50%; background-repeat: no-repeat; } .b-v2-catalog-product__buy:focus {color: #fff;} .b-v2-catalog-product__buy:hover {color: #fff; background-color: #fff; border-color: #92d3f1; background-image: url("/bitrix/templates/kb2022/img/icon-cart-hover.png");} .b-v2-catalog-product__options-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-catalog-product__options-item:not(:first-child) {margin-left: 10px;} .b-v2-catalog-product__preview-text-title {text-transform: uppercase; font-weight: bold; font-size: 20px; padding: 0 20px; margin-bottom: 10px;} .b-v2-catalog-product__preview-text {display: none; font-size: 16px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #fff; width: 90%; z-index: -1; -webkit-box-shadow: 0 0px 0 0px rgba(0, 0, 0, 0.45); box-shadow: 0 0px 0 0px rgba(0, 0, 0, 0.45); -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;} .b-v2-catalog-product:hover .b-v2-catalog-product__preview-text {-webkit-box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.45); box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.45); left: 100%;} .b-v2-catalog-product__warranty-badge {position: absolute; width: 60px; height: 60px; top: 10px; left: 10px;} @media (max-width: 991px) {.b-v2-catalog-product__separartor {margin-left: 45px; margin-right: 45px;} .b-v2-catalog-product__row_buttons {padding-left: 20px; padding-right: 20px; margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex;}} @media (min-width: 992px) {.b-v2-catalog-product__row_options + .b-v2-catalog-product__row {margin-top: 0;} .b-v2-catalog-product_with_half_hover:hover {margin: -30px -15px -60px -15px;} .b-v2-catalog-product_with_hover:hover {margin: -30px -15px -80px -15px;} .b-v2-catalog-product_with_half_hover:hover, .b-v2-catalog-product_with_hover:hover {padding: 60px 0 20px 0; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); z-index: 5;} .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__row, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__row {padding-left: 45px; padding-right: 45px;} .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__row_price, .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__row_rating, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__row_price, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__row_rating {padding-left: 0; padding-right: 0;} .b-v2-catalog-product__art, .b-v2-catalog-product__fav, .b-v2-catalog-product__compare {display: none;} .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__row_buttons, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__row_buttons {padding-left: 20px; padding-right: 20px; margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex;} .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__separartor, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__separartor {margin-left: 45px; margin-right: 45px;} .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__art, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__art {display: block;} } /*! слайдер с баннерами в каталоге */ .b-v2-banner-slider {position: relative;} .b-v2-banner-slider__list.js-inited .b-v2-banner-slider__item {display: block;} .b-v2-banner-slider__item {display: none;} .b-v2-banner-slider__item:first-child {display: block;} /*! модуль с выбором товаров по производителю */ .b-v2-dev-module__item {width: 200px; position: relative; height: 120px;} .b-v2-dev-module__logo {-webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-filter: gray; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-dev-module__link {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; cursor: pointer;} .b-v2-dev-module__link:hover .b-v2-dev-module__logo {-webkit-filter: grayscale(0%); filter: grayscale(0%); -ms-filter: initial;} .b-v2-dev-module .owl-carousel .owl-item img {width: initial;} /*! каруселька на главной странице */ .b-v2-front-page-slider__list {border-radius: 3px; overflow: hidden;} /*! модули главной страницы */ .b-v2-fp-module__row {margin-top: 30px;} .b-v2-fp-module__row:first-child {margin-top: 0;} .b-v2-fp-module__row_header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-fp-module__row_header .b-v2-fp-module__column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(1) {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(2) {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-fp-module__title {font-size: 28px; text-align: center; color: #000;} .b-v2-fp-module_light .b-v2-fp-module__title {color: #fff;} .b-v2-fp-module__more {text-align: right;} .b-v2-fp-module__more-link {font-size: 16px; text-decoration: none; border-bottom: 1px solid #000; color: #000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-fp-module__more-link:hover, .b-v2-fp-module__more-link:focus {color: #000; border-bottom-color: transparent;} .b-v2-fp-module_light .b-v2-fp-module__more-link {color: #fff; border-bottom-color: #fff;} .b-v2-fp-module_light .b-v2-fp-module__more-link:hover, .b-v2-fp-module_light .b-v2-fp-module__more-link:focus {color: #fff; border-bottom-color: transparent;} @media (min-width: 768px) {.b-v2-fp-module__row_header {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .b-v2-fp-module__row_header .b-v2-fp-module__column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(1) {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(2) {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}} @media (min-width: 992px) {.b-v2-fp-module__title {text-align: left;}} /*! карусели товаров на главной для модулей на главной */ .b-v2-fp-module__content .b-v2-fp-module__title {margin-bottom: 30px;} /*! карусель производителей на главной */ .b-v2-developers-carousel__item {background-color: #fff; position: relative; width: 204px; height: 120px; margin: 3px; border-radius: 3px; overflow: hidden;} .is-home-page .b-v2-developers-carousel__item {margin: 0; box-shadow: none;} .b-v2-developers-carousel .owl-prev, .b-v2-developers-carousel .owl-next {color: #000; border-color: #000;} @media screen and (max-width: 767px) { .b-v2-developers-carousel__item {width: 150px; height: 60px;} } .b-v2-developers-carousel__logo {-webkit-filter: grayscale(100%); filter: grayscale(100%); -ms-filter: gray; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-developers-carousel__link {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; cursor: pointer;} .b-v2-developers-carousel__link:hover .b-v2-developers-carousel__logo {-webkit-filter: grayscale(0%); filter: grayscale(0%); -ms-filter: initial;} .b-v2-developers-carousel .owl-carousel .owl-item img {width: initial;} /*! единичный баннер на главной и не только */ .b-v2-front-page-banner-single {overflow: hidden; border-radius: 3px;} /*! преимущества (главная) */ .b-v2-front-benefit {padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .b-v2-front-benefit__text {font-size: 18px; color: #000; text-align: left; line-height: 1.1; margin-left: 20px;} /*! последние обзоры и кухни */ .b-v2-recent-articles__item {background-color: #fff; border-radius: 3px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 300px;} @media (min-width: 1470px) {.b-v2-recent-articles__item {width: 330px;}} .b-v2-recent-articles__item_width_50 {width: 620px;} @media (min-width: 1470px) {.b-v2-recent-articles__item_width_50 {width: 690px;}} .b-v2-recent-articles__cover {height: 200px; overflow: hidden;} .b-v2-recent-articles__image {border-top-right-radius: 3px; border-top-left-radius: 3px; overflow: hidden;} .b-v2-recent-articles__title {margin-bottom: 15px;} .b-v2-recent-articles__link {font-size: 18px; color: #000; text-decoration: none; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-recent-articles__link:focus {color: #000;} .b-v2-recent-articles__link:hover {color: #000; border-bottom-color: #000;} .b-v2-recent-articles__read-more-link {font-size: 18px; color: #00aef1; text-decoration: none; border-bottom: 1px dotted transparent; line-height: 1; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-recent-articles__read-more-link:focus {color: #00aef1;} .b-v2-recent-articles__read-more-link:hover {color: #00aef1; border-bottom-color: #00aef1;} .b-v2-recent-articles__text {color: #353535; font-size: 16px;} .b-v2-recent-articles__body {margin-top: 30px; margin-bottom: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 180px; overflow: hidden; position: relative;} .b-v2-recent-articles__body:before {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 70px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .b-v2-recent-articles__footer {margin-bottom: 30px;} .b-v2-recent-articles__body, .b-v2-recent-articles__footer {padding-left: 30px; padding-right: 30px;} /*! промо блок */ .b-v2-fp-promo__texts {color: #fff;} .b-v2-fp-promo__texts > * {margin-top: 40px;} .b-v2-fp-promo__texts > *:first-child {margin-top: 0;} .b-v2-fp-promo__title, .b-v2-fp-promo__name, .b-v2-fp-promo__price {font-family: 'EuropeC'; text-transform: uppercase;} .b-v2-fp-promo__title {font-weight: bold; font-size: 36px; padding: 15px 20px; line-height: 1; background-color: #693f72;} .b-v2-fp-promo__name {font-size: 64px; font-weight: normal; text-align: left; line-height: 1.3;} .b-v2-fp-promo__price {font-size: 72px; font-weight: bold; line-height: 1;} .b-v2-fp-promo__price span {font-size: 36px; font-weight: normal; margin-left: 20px;} .b-v2-fp-promo__feature-item {margin-left: 20px;} /*! заказ в 1 клик - блок в окошке */ .b-v2-oneclick-buy-popup {width: 270px; padding: 30px;} .b-v2-oneclick-buy-popup__row {margin-top: 15px;} .b-v2-oneclick-buy-popup__row:first-child {margin-top: 0;} .b-v2-oneclick-buy-popup__cover-img {margin-left: auto; margin-right: auto;} .b-v2-oneclick-buy-popup__name {font-size: 16px; color: #353535; text-align: center;} .b-v2-oneclick-buy-popup__name:before {content: ''; display: block; width: 100%; height: 1px; background-color: #f0f0f0; margin-bottom: 15px;} .b-v2-oneclick-buy-popup__price {font-size: 24px; font-weight: bold; text-align: center; color: #000;} .b-v2-oneclick-buy-popup__form {margin-top: 20px;} .b-v2-oneclick-buy-popup__form-input {background-color: #eee; display: block; border: 1px solid transparent; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; height: 45px; width: 100%; line-height: normal; outline: none; padding: 5px 15px; } .b-v2-oneclick-buy-popup__form-input:focus {border-color: #00aef1;} .b-v2-oneclick-buy-popup__form-input::-webkit-input-placeholder {color: #afafaf; opacity: 1;} .b-v2-oneclick-buy-popup__form-input:-moz-placeholder {color: #afafaf; opacity: 1;} .b-v2-oneclick-buy-popup__form-input::-moz-placeholder {color: #afafaf; opacity: 1;} .b-v2-oneclick-buy-popup__form-input:-ms-input-placeholder {color: #afafaf; opacity: 1;} .b-v2-oneclick-buy-popup__form-input.js-has-error {border-color: red;} .b-v2-oneclick-buy-popup__form-button, .b-v2-oneclick-buy-popup__form-button:focus {height: 45px; background-color: #00aef1; color: #fff; display: block; text-align: center; font-size: 20px; border: none; width: 100%; border-radius: 3px; } .b-v2-oneclick-buy-popup__form-button:hover {background-color: #693f72;} /*! fancyBox - пункты выдачи */ .b-v2-delivery-points-popup {width: 690px; height: 500px;} .b-v2-delivery-points-popup__map {width: 100%; height: 500px;} .b-v2-delivery-points-popup .js-v2-delivery-cities {position: absolute; top: 30px; left: 30px; z-index: 1;} .b-v2-delivery-points-popup .js-v2-yandex-maps-popup .YMaps-placemark {display: none;} .b-v2-delivery-points-popup__select-container {border-radius: 3px; background-color: white; -webkit-box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); width: 370px; height: 70px; position: absolute; top: 30px; left: 50%; margin-left: -185px; z-index: 1; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-delivery-points-popup__label {font-size: 16px; color: #737373; margin-right: 20px;} .b-v2-delivery-points-popup ul.ui-menu {max-height: 199px !important;} .b-v2-delivery-points-popup .ui-selectmenu-button {position: relative; background-color: #e6e6e6; border: 1px solid transparent; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: normal; outline: none; padding: 5px 10px; font-weight: normal; font-size: 16px; color: #737373; text-align: left;} .b-v2-delivery-points-popup .ui-selectmenu-button .ui-selectmenu-text {padding: 2px; margin-right: auto;} .b-v2-delivery-points-popup .ui-selectmenu-button .ui-icon {background: none; text-indent: initial; overflow: initial;} .b-v2-delivery-points-popup .ui-selectmenu-button .ui-icon:before {content: '\f078'; font-size: 14px; color: #737373; position: absolute; left: 0; top: 0;} .b-v2-delivery-points-popup .ui-selectmenu-button[aria-expanded="true"] .ui-icon:before {content: '\f077';} .b-v2-delivery-points-popup .ui-selectmenu-button[aria-expanded="true"] {border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .b-v2-delivery-points-popup ul#v2-delivery-cities-menu {-webkit-box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); border: none; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 2;} .b-v2-delivery-points-popup ul#v2-delivery-cities-menu .ui-menu-item {padding: 7px 10px; background-color: #e6e6e6; font-size: 16px; color: #737373; text-align: left; border: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-delivery-points-popup ul#v2-delivery-cities-menu .ui-menu-item.ui-state-focus {font-weight: normal; border: none; margin: 0; color: #00aef1; background-color: #efefef;} /*! окошко по умолчанию */ .b-v2-default-popup .fancybox-skin {border-radius: 3px; -webkit-box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); background-color: #fff;} .b-v2-default-popup .fancybox-outer {position: relative; overflow: hidden; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-default-popup .fancybox-close {width: 50px; height: 50px; position: absolute; background-color: #fff; border-radius: 50px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); top: -25px; right: -25px; opacity: 0.5; background: #fff; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-default-popup .fancybox-close:hover {opacity: 1;} .b-v2-default-popup .fancybox-close:before {content: '\f00d'; font-size: 28px; color: #000; text-align: center; line-height: 50px; display: block; width: 100%;} /*! доставка в северные регионы (карта и селект) */ .b-v2-north-delivery-module__select-container {border-radius: 3px; background-color: white; -webkit-box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); width: 370px; height: 70px; position: absolute; top: 30px; left: 50%; margin-left: -185px; z-index: 1; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-north-delivery-module__label {font-size: 16px; color: #737373; margin-right: 20px;} .b-v2-north-delivery-module__citys {width: 300px;} .b-v2-north-delivery-module ul.ui-menu {max-height: 199px !important;} .b-v2-north-delivery-module .ui-selectmenu-button {position: relative; background-color: #e6e6e6; border: 1px solid transparent; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: normal; outline: none; padding: 5px 10px; font-weight: normal; font-size: 16px; color: #737373; text-align: left;} .b-v2-north-delivery-module .ui-selectmenu-button .ui-selectmenu-text {padding: 2px; margin-right: auto;} .b-v2-north-delivery-module .ui-selectmenu-button .ui-icon {background: none; text-indent: initial; overflow: initial;} .b-v2-north-delivery-module .ui-selectmenu-button .ui-icon:before {content: '\f078'; font-size: 14px; color: #737373; position: absolute; left: 0; top: 0;} .b-v2-north-delivery-module .ui-selectmenu-button[aria-expanded="true"] .ui-icon:before {content: '\f077';} .b-v2-north-delivery-module .ui-selectmenu-button[aria-expanded="true"] {border-bottom-right-radius: 0; border-bottom-left-radius: 0;} ul#officesSelect-menu {-webkit-box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); border: none; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 2;} ul#officesSelect-menu .ui-menu-item {padding: 7px 10px; background-color: #e6e6e6; font-size: 16px; color: #737373; text-align: left; border: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} ul#officesSelect-menu .ui-menu-item.ui-state-focus {font-weight: normal; border: none; margin: 0; color: #00aef1; background-color: #efefef;} /*! кнопка "Показать" после фильтрации */ .b-v2-show-filtered {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; background-color: #fff; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25); border-radius: 3px; position: absolute; margin-top: -28px; margin-left: 30px; z-index: 20; display: none; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms;} .b-v2-show-filtered:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 5.5px 6px 5.5px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -6px; top: 50%; margin-top: -5.5px;} .b-v2-show-filtered:hover {-webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45);} .b-v2-show-filtered.js-prepear {display: block;} .b-v2-show-filtered.js-show {opacity: 1; margin-left: 0;} .b-v2-show-filtered__wrapper > * {margin-left: 30px;} .b-v2-show-filtered__wrapper > *:first-child {margin-left: 0;} .b-v2-show-filtered__label {font-size: 16px; color: #737373;} .b-v2-show-filtered__items {font-size: 18px; color: #353535; margin-left: 5px;} .b-v2-show-filtered__button, .b-v2-show-filtered__button:focus {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; border-radius: 3px; background-color: #00aef1; height: 26px; color: white; line-height: 1; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 15px;} .b-v2-show-filtered__button:hover {background-color: #693f72; color: #fff;} /*! Block - окошко режима работы */ .b-v2-worktime-popup {width: 450px; padding: 30px;} .b-v2-worktime-popup__title {font-size: 28px; font-weight: bold; line-height: 1;} .b-v2-worktime-popup__title .v2-icon-calendar {font-size: 24px; vertical-align: top; color: #cdcdcd; margin-right: 10px;} .b-v2-worktime-popup__title .v2-icon-calendar:before {vertical-align: initial;} .b-v2-worktime-popup__list {margin-top: 15px; padding-top: 15px; border-top: 1px solid #cdcdcd;} .b-v2-worktime-popup__item {margin-top: 10px; font-size: 20px; color: #424242;} .b-v2-worktime-popup__item:first-child {margin-top: 0;} /*! Block - главный каталог (навигация) */ .b-v2-main-cat {background-color: #fff; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%;} @media (min-width: 1470px) {.b-v2-main-cat {padding: 30px;}} .b-v2-main-cat:hover .b-v2-main-cat__hidden-section {display: block;} .b-v2-main-cat:hover .b-v2-main-cat__title, .b-v2-main-cat:hover .b-v2-main-cat__cover-wrapper {z-index: 3;} .b-v2-main-cat__row {width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .b-v2-main-cat__col {margin-top: 15px;} .b-v2-main-cat__col:first-child {margin-top: 0;} .b-v2-main-cat__col:nth-child(2) {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} .b-v2-main-cat__title {position: relative;} .b-v2-main-cat__cover-wrapper {text-align: center; position: relative;} .b-v2-main-cat__cover {position: relative; margin: 0 auto;} .b-v2-main-cat__link, .b-v2-main-cat__link:focus {font-size: 28px; color: #000; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-main-cat__link:hover {color: #00aef1; text-decoration: none;} .b-v2-main-cat__hidden-section {display: none; border-radius: 3px; position: absolute; z-index: 2; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 282px 20px 20px 20px; top: 0; left: 15px; right: 15px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.45); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} @media (min-width: 1470px) {.b-v2-main-cat__hidden-section {padding: 344px 40px 20px 40px;}} .b-v2-main-cat__hidden-list {padding: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; display: block; position: relative; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3;} @media (min-width: 1470px) { .b-v2-main-cat__hidden-list:after {content: initial;} } .b-v2-main-cat__hidden-item {margin-top: 5px;} .b-v2-main-cat__hidden-item:first-child {margin-top: 0;} .b-v2-main-cat__more-wrap {text-align: center;} .b-v2-main-cat__hidden-item-link {vertical-align: top; padding-left: 15px; position: relative;} .b-v2-main-cat__hidden-item-link:before {content: '\f105'; color: #00aef1; font-size: 17px; margin-right: 10px; position: absolute; left: 0; top: 2px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-main-cat__hidden-item-link, .b-v2-main-cat__hidden-item-link:focus {color: #353535; font-size: 17px; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-main-cat__hidden-item-link:hover {text-decoration: none; color: #00aef1;} .b-v2-main-cat__hidden-item-link:hover:before {left: 3px;} @media (min-width: 1470px) { .b-v2-main-cat__hidden-item-link, .b-v2-main-cat__hidden-item-link:focus {font-size: 18px;} .b-v2-main-cat__hidden-item-link:before {font-size: 18px;} } @media (min-width: 992px) {.b-v2-main-cat__row {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .b-v2-main-cat__col {margin-top: 0;} .b-v2-main-cat__col:nth-child(2) {height: 100%;} .b-v2-main-cat__more-wrap {text-align: left;}} /*! Layout - Комплект */ .l-v2-items-set {padding-top: 60px; padding-bottom: 60px;} .l-v2-items-set_with_gradient {background: #484848; background: -moz-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #484848), color-stop(100%, #2a2a2a)); background: -webkit-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -o-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -ms-linear-gradient(top, #484848 0%, #2a2a2a 100%); background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#2a2a2a)); background: linear-gradient(to bottom, #484848 0%, #2a2a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#2a2a2a', GradientType=0 );} .l-v2-items-set__row {margin-top: 60px;} .l-v2-items-set__row:first-child {margin-top: 0;} .l-v2-items-set__block_item {margin-left: 15px; border-radius: 5px; -ms-flex-preferred-size: 238px; flex-basis: 238px;} @media (min-width: 1470px) { .l-v2-items-set__block_item {margin-left: 30px; -ms-flex-preferred-size: 258px; flex-basis: 258px;} } .l-v2-items-set__block_item:first-child {margin-left: 0;} .l-v2-items-set__block_item:first-child:before, .l-v2-items-set__block_item:first-child:after {content: initial;} .l-v2-items-set__block_item:before {content: ''; width: 50px; height: 50px; position: absolute; background-color: #fff; border-radius: 50px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); top: 50%; left: -32.5px; margin-top: -25px; z-index: 5; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} @media (min-width: 1470px) {.l-v2-items-set__block_item:before {left: -40px;}} .l-v2-items-set__block_item:after {color: #00aef1; content: '\f067'; display: block; font-size: 18px; line-height: 1; margin-top: -8px; position: absolute; left: -15px; top: 50%; z-index: 6;} @media (min-width: 1470px) {.l-v2-items-set__block_item:after {left: -23px;}} .l-v2-items-set__items-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .l-v2-items-set__button {text-align: center;} .l-v2-items-set__notes {font-size: 14px; text-align: center; color: #cdcdcd;} /*! Block - Заголовок слоя с комплектами */ .b-items-set-title__wrapper {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-items-set-title__column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;} .b-items-set-title__text {color: #fff; font-family: 'EuropeC';} .b-items-set-title__text_main {font-weight: bold; text-transform: uppercase; font-size: 32px; background-color: #693f72; padding: 10px 15px;} .b-items-set-title__price-before, .b-items-set-title__price-after {font-size: 16px; font-weight: normal; text-transform: uppercase;} .b-items-set-title__price-before {margin-right: 10px;} .b-items-set-title__price {font-family: 'EuropeC'; font-weight: bold; font-size: 48px; color: #fff; text-align: center;} .b-items-set-title__price_old {font-size: 30px; font-weight: normal; color: #cdcdcd; text-decoration: line-through;} .b-items-set-title__price_thin {font-weight: normal;} .b-items-set-title__price-after {margin-left: 10px;} /*! Block - Кнопки */ .b-button_blue {background-color: #00aef1; color: #fff; font-size: 24px; line-height: 1; border-radius: 5px; display: inline-block; min-width: 270px; padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-button_blue:hover {color: #fff; background-color: #693f72;} /*! Блок: Единичный бренд на стр. брендов */ .v2-b-brand-mini {background-color: #fff; -webkit-box-shadow: 0px 1px 3px 0px #d4d4d4; box-shadow: 0px 1px 3px 0px #d4d4d4; position: relative;} .v2-b-brand-mini__row_hidden {-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: hide-brand-mini-cats; animation-name: hide-brand-mini-cats; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-duration: 300ms; animation-duration: 300ms; background-color: #fff; -webkit-box-shadow: 0px 1px 3px 0px #d4d4d4; box-shadow: 0px 1px 3px 0px #d4d4d4; left: 0; overflow: hidden; position: absolute; right: 0;} .v2-b-brand-mini__row_name {background-color: #f6f6f6;} .v2-b-brand-mini:hover .v2-b-brand-mini__row_hidden {height: auto; -webkit-animation: show-brand-mini-cats 300ms ease-in-out 1; animation: show-brand-mini-cats 300ms ease-in-out 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} .v2-b-brand-mini__hidden-content {padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .v2-b-brand-mini__hidden-content p {font-size: 16px; color: #737373; margin: 10px 0;} .v2-b-brand-mini__hidden-content h5 {text-transform: uppercase; font-family: #000; font-size: 18px; font-weight: bold; margin: 10px 0;} .v2-b-brand-mini__link {display: block; padding: 15px 15px; text-align: center;} .v2-b-brand-mini__logo {display: block; max-width: 110px; height: auto; margin: 0 auto;} .v2-b-brand-mini__logo-name {font-size: 16px; padding: 12px 0; line-height: 1; text-align: center;} .v2-b-brand-mini__list-item {margin-top: 5px;} .v2-b-brand-mini__list-item:first-child {margin-top: 0;} .v2-b-brand-mini__cat-link {font-size: 16px; color: #00aef1; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .v2-b-brand-mini__cat-link:hover {border-bottom-color: #00aef1;} /*! Всплывающий поиск (кнопка) */ .b-popupsearch-btn {-webkit-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; position: fixed; top: 80px; right: 0; background-color: #fff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-align: center; width: 50px; height: 50px; line-height: 50px; cursor: pointer; z-index: 50;} .b-popupsearch-btn[data-visible="false"] {right: -50px;} .b-popupsearch-btn[data-visible="true"] {right: 0;} .b-popupsearch-btn__icon.fa {font-size: 24px; color: #00aef1; vertical-align: middle;} /*! Всплывающий поиск (форма) */ .b-popupsearch-form {-webkit-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; position: fixed; display: block; left: 0; right: 0; background-color: #fff; z-index: 10; padding-top: 15px; padding-bottom: 15px;} .b-popupsearch-form[data-visible="false"] {top: -80px;} .b-popupsearch-form[data-visible="true"] {top: 0;} .b-popupsearch-form__close {width: 45px; height: 45px; background-color: #fff; border-radius: 50px; background: #fff; cursor: pointer; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-popupsearch-form__close:before {content: '\f00d'; font-size: 21px; color: #8c8c8c; text-align: center; line-height: 45px; display: block; width: 100%;} @-webkit-keyframes show-brand-mini-cats { from {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0;} to {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} } @keyframes show-brand-mini-cats { from {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0;} to {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} } @-webkit-keyframes hide-brand-mini-cats { 0% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} 99% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0;} 100% {-webkit-transform: translateY(10px); transform: translateY(10px); height: 0; opacity: 0;} } @keyframes hide-brand-mini-cats { 0% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} 99% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0;} 100% {-webkit-transform: translateY(10px); transform: translateY(10px); height: 0; opacity: 0;} } .color_red {color: #ff002b;} .cart h1 {text-align: center;} @media (min-width: 768px) { .cart h1 {text-align: left;} } .cart .order-goods { margin-top: 30px; margin-bottom: 60px;} /*! Шапка сайта */ .l-v2-header {background: #0092d7 url(/bitrix/templates/kb2022/img/l-v2-header.jpg) no-repeat 50% 0 / cover; color: #fff; padding: 15px 0 22px; margin-bottom: 30px; position: relative;} .l-v2-header__container {padding-left: 10px; padding-right: 10px; position: relative;} .l-v2-header__container .row {margin-left: -10px; margin-right: -10px;} .l-v2-header__container .row > div {padding-left: 10px; padding-right: 10px;} .l-v2-header__row_top {margin-top: 0; margin-bottom: 0; display: flex; flex-wrap: wrap;} .l-v2-header__title {font-size: 14px; font-weight: normal; padding: 0; margin: 0; color: #000; display: block; margin-top: 7px; text-align: center;} .l-v2-header__column_main_nav {margin-left: -15px; padding-left: 0; padding-right: 0;} .l-v2-header__column_main_nav {display: none;} .l-v2-header__block_header_data {margin-top: 15px; margin-bottom: 12px;} .l-v2-header__column_logo-wrap {order: -1;} @media (min-width: 992px) { .l-v2-header {padding-top: 0; padding-bottom: 28px; margin-bottom: 0;} .l-v2-header__row {margin-top: 20px; margin-bottom: 20px; position: relative;} .l-v2-header__title {text-align: left;} .l-v2-header__row_middle {position: relative; min-height: 55px;} .l-v2-header__column_main_nav {display: block; width: 100%; margin-left: 0;} .l-v2-header__column_logo-wrap {order: 0;} .l-v2-header__column_search .b-v2-search-form__input {background: #b3def3;} .l-v2-header__column_search {position: absolute; right: 0; top: calc(100% + 15px);} .l-v2-top-panel__row {position: absolute; top: 0; right: 0; width: 100%; margin: 0; justify-content: flex-end; pointer-events: none;} .l-v2-top-panel__row .b-v2-order-status {display: none;} .l-v2-top-panel__row::before, .l-v2-top-panel__row::after {content: none;} .l-v2-top-panel__row .l-v2-top-panel__column {pointer-events: auto; margin-top: 15px; justify-content: flex-end;} } /*! Базовый контейнер */ .l-v2-default__block_email_form {display: none;} @media (min-width: 992px) {.l-v2-default__block_email_form {display: block;}} .l-v2-default_subsection_nav {display: none; margin-bottom: 30px;} .l-v2-default_pt30 {padding-top: 30px;} .l-v2-default_pb30 {padding-bottom: 30px;} .l-v2-default_pt60 {padding-top: 60px;} .l-v2-default_pb60 {padding-bottom: 60px;} .l-v2-default_with_bg {background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 60px; padding-bottom: 60px;} .l-v2-default_border_dotted {border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0;} .l-v2-default_vertical_margin_30 {margin-bottom: 15px;} .l-v2-default_vertical_margin_30:not(:first-child) {margin-top: 15px;} .l-v2-default_top_margin_30 {margin-top: 15px;} .l-v2-default_light_bg_with_padding {background-color: #ffffff; margin-top: -30px; padding-top: 30px; padding-bottom: 30px;} .l-v2-default_light_bg {background-color: #ffffff;} .l-v2-default_fw_bg_img {background-image: url("/bitrix/templates/kbnew/img/promo/about-company/about-company-bg.jpg"); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;} .l-v2-default_dark_bg {background-color: #263238;} .l-v2-default_mini_brands .l-v2-default__row {margin-top: -30px;} .l-v2-default_mini_brands .l-v2-default__column {margin-top: 30px;} .l-v2-default_extended_brands .l-v2-default__row {margin-top: -30px;} .l-v2-default_extended_brands .l-v2-default__column {margin-top: 30px;} .l-v2-default__column_certificates {margin-top: 30px;} .l-v2-default__column_certificates:nth-child(1), .l-v2-default__column_certificates:nth-child(2), .l-v2-default__column_certificates:nth-child(3), .l-v2-default__column_certificates:nth-child(4) {margin-top: 0;} .l-v2-default__column_float_product {display: none;} .l-v2-default__column_mt30 {margin-top: 30px;} .l-v2-default__column_sidebar_left {display: none;} .l-v2-default__column_sidebar_left.js-visible {display: block;} @media (min-width: 992px) { .l-v2-default__column_sidebar_left {display: block; padding-right: 45px;} .l-v2-default__column_sidebar_left .b-shop-reviews, .l-v2-default__column_sidebar_left .b-w-shop-certificates, .l-v2-default__column_sidebar_left .b-w-shop-projects {} .l-v2-default__column_sidebar_left {} .l-v2-default__column_sidebar_left {} } .l-v2-default__column_catalog_filter_toggle {display: block;} @media (min-width: 992px) {.l-v2-default__column_catalog_filter_toggle {display: none;}} @media (max-width: 991px) {.l-v2-default__column:not(:first-child) {margin-top: 15px;}} @media (min-width: 768px) {.l-v2-default_extended_brands .l-v2-default__column:nth-child(2n+1) {clear: left;}} @media (min-width: 992px) {.l-v2-default_subsection_nav, .l-v2-default__column_float_product {display: block;} .l-v2-default_top_margin_30 {margin-top: 30px;} .l-v2-default_vertical_margin_30 {margin-bottom: 30px;} .l-v2-default_vertical_margin_30:not(:first-child) {margin-top: 30px;}} /*! Яндекс.Отзывы: Контейнер отзывов о магазине */ .l-reviews_mt30 {margin-top: 30px;} .l-reviews_mb30 {margin-bottom: 30px;} .l-reviews__row {-webkit-box-shadow: 0 1px 2px #b2b2b2; box-shadow: 0 1px 2px #b2b2b2; background-color: #fff; margin-left: 0; margin-right: 0;} .l-reviews__col_reviews {padding-left: 30px; padding-top: 30px; padding-bottom: 30px;} .l-reviews__block-pagination {margin-top: 60px;} /*! Архив: Статьи */ .l-blog-content {margin-top: 30px; margin-bottom: 30px;} .l-blog-content__sub-row:not(:first-child) {margin-top: 30px;} .l-blog-content__comments {margin-top: 30px; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .l-blog-content__content-pagination:not(:nth-child(1)):not(:nth-child(2)), .l-blog-content__content-post:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)), .l-blog-content__content-banner:not(:nth-child(1)):not(:nth-child(2)) {margin-top: 30px;} .l-blog-content__comments, .l-blog-content__full-post, .l-blog-content__pagination, .l-blog-content__content-item, .l-blog-content__post {background-color: #fff; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; border-radius: 3px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .l-blog-content__comments:hover, .l-blog-content__comments:focus, .l-blog-content__full-post:hover, .l-blog-content__full-post:focus, .l-blog-content__pagination:hover, .l-blog-content__pagination:focus, .l-blog-content__content-item:hover, .l-blog-content__content-item:focus, .l-blog-content__post:hover, .l-blog-content__post:focus {-webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc;} .l-blog-content__pagination {padding: 25px 30px;} .l-blog-content__sidebar-item {background-color: #fff; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; border-radius: 3px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .l-blog-content__sidebar-item:hover, .l-blog-content__sidebar-item:focus {-webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc;} .l-blog-content__sidebar-item:not(:first-child) {margin-top: 30px;} .l-blog-content__sidebar-item-title {color: #000; font-size: 22px; font-weight: 700; text-transform: uppercase; margin-top: 30px; margin-bottom: 30px;} /*! SEO блок на главной */ .b-seo-split {border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; background-color: #fff;} .b-seo-split__row {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-seo-split__column:not(:first-child) {padding-left: 30px;} .b-seo-split__column_50p {width: 50%;} .b-seo-split__column_33p {width: 33.33%;} .b-seo-split__column_25p {width: 25%;} .b-seo-split h1, .b-seo-split h2, .b-seo-split h3, .b-seo-split h4, .b-seo-split h5, .b-seo-split h6 {text-transform: uppercase; font-weight: bold; } .b-seo-split h1:not(:first-child), .b-seo-split h2:not(:first-child), .b-seo-split h3:not(:first-child), .b-seo-split h4:not(:first-child), .b-seo-split h5:not(:first-child), .b-seo-split h6:not(:first-child) {margin-top: 10px;} .b-seo-split p {font-size: 16px;} .b-seo-split p:not(:first-child) {margin-top: 10px;} .b-seo-split h1 {font-size: 20px;} .b-seo-split h2 {font-size: 19px;} .b-seo-split h3 {font-size: 18px;} .b-seo-split h4 {font-size: 17px;} .b-seo-split h5 {font-size: 16px;} .b-seo-split h6 {font-size: 15px;} /*! Корзина в нижней панели */ .b-v2-bottom-panel-basket {display: block;} .b-v2-bottom-panel-basket__link {font-size: 16px; color: #fff; text-align: center;} @media (min-width: 992px) {.b-v2-bottom-panel-basket__link {position: absolute; right: -45px; top: 0; bottom: 0; left: 1px; line-height: 50px;}} @media (min-width: 1470px) {.b-v2-bottom-panel-basket__link {right: -46px;}} .b-v2-bottom-panel-basket__link:hover, .b-v2-bottom-panel-basket__link:focus {color: #ffffff; text-decoration: none; cursor: default;} .b-v2-bottom-panel-basket__link:before {content: '\f291'; font-size: 20px; margin-right: 15px; color: #fff;} .b-v2-bottom-panel-basket__link span {font-weight: bold; font-size: 18px;} /*! Дополнительные данные в карточке товара (всякие полезные инфо. ссылки) */ .b-v2-product-additional-info__item {line-height: 1; margin-top: 15px; margin-left: 40px; font-size: 16px; color: #000; position: relative;} .b-v2-product-additional-info__item:first-child {margin-top: 0;} .b-v2-product-additional-info__item:before {margin-right: 15px; font-size: 24px; color: #353535; width: 25px; text-align: center; position: absolute; left: -40px; margin-top: -3px;} .b-v2-product-additional-info__item_stores:before {content: '\f041';} .b-v2-product-additional-info__item_delivery_date:before {content: '\f274';} .b-v2-product-additional-info__item_delivery_date span {font-weight: bold;} .b-v2-product-additional-info__item_discount:before {content: '\f295';} .b-v2-product-additional-info__link, .b-v2-product-additional-info__link:focus {font-size: 16px; color: #000; border-bottom: 1px dotted #000; position: relative;} .b-v2-product-additional-info__link:hover {color: #00aef1; border-bottom-color: #00aef1; text-decoration: none;} .b-v2-product-additional-info__link:hover:before {color: #00aef1;} /*! Бренды - расширенные */ .b-v2-brand-extended {padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-v2-brand-extended__logo {-webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px;} .b-v2-brand-extended__texts {margin: 30px 0; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-brand-extended__texts h1, .b-v2-brand-extended__texts h2, .b-v2-brand-extended__texts h3, .b-v2-brand-extended__texts h4, .b-v2-brand-extended__texts h5, .b-v2-brand-extended__texts h6 {text-transform: uppercase; font-weight: bold;} .b-v2-brand-extended__texts h1:not(:first-child), .b-v2-brand-extended__texts h2:not(:first-child), .b-v2-brand-extended__texts h3:not(:first-child), .b-v2-brand-extended__texts h4:not(:first-child), .b-v2-brand-extended__texts h5:not(:first-child), .b-v2-brand-extended__texts h6:not(:first-child) {margin-top: 10px;} .b-v2-brand-extended__texts h1 {font-size: 20px;} .b-v2-brand-extended__texts h2 {font-size: 19px;} .b-v2-brand-extended__texts h3 {font-size: 18px;} .b-v2-brand-extended__texts h4 {font-size: 17px;} .b-v2-brand-extended__texts h5 {font-size: 16px;} .b-v2-brand-extended__texts h6 {font-size: 15px;} .b-v2-brand-extended__texts p {color: #737373; font-size: 16px;} .b-v2-brand-extended__texts p:not(:first-child) {margin-top: 10px;} .b-v2-brand-extended__cat-label {margin-top: 30px; margin-bottom: 30px; font-size: 16px; color: #000; text-transform: uppercase; background-color: #f6f6f6; padding: 15px 30px; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-brand-extended__cats {padding: 0 30px;} .b-v2-brand-extended__cat-list-item {display: inline-block; margin-top: 5px; margin-bottom: 5px; margin-left: 10px;} .b-v2-brand-extended__cat-link {color: #0089be; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} /*! Окошко: Выбран ли город */ .b-city-notes {position: absolute; display: block; opacity: 1; border-radius: 3px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; max-width: 400px; -webkit-box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .b-city-notes.js-hidden {-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0;} .b-city-notes:hover {-webkit-box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 10px 43px 0px rgba(0, 0, 0, 0.32);} .b-city-notes:before {content: ''; display: block; position: absolute; top: -15px; left: 50%; margin-left: -15px; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #ffffff transparent;} .b-city-notes__title {font-size: 24px; color: #8e8e8e;} .b-city-notes__title span {font-weight: bold; color: #000;} .b-city-notes__body, .b-city-notes__body, .b-city-notes__footer {margin-top: 20px;} .b-city-notes__btns {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-city-notes__btn, .b-city-notes__btn:focus {cursor: pointer; background-color: #00aef1; color: #fff; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; padding: 10px 30px; display: block; text-align: center; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-city-notes__btn:not(:first-child) {margin-left: 20px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} .b-city-notes__btn:hover {background-color: #693f72; color: #fff;} .b-city-notes__notes {font-size: 16px; color: #8e8e8e;} /*! Окошко: Выбор города */ .b-city-select {background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; width: 400px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-city-select__title {font-size: 24px; color: #8e8e8e;} .b-city-select__title span {font-weight: bold; color: #000;} .b-city-select__body, .b-city-select__footer {margin-top: 20px;} .b-city-select__list-item:not(:first-child) {margin-top: 20px;} .b-city-select__list-item-link, .b-city-select__list-item-link:focus {font-size: 24px; color: #000; line-height: 1; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-city-select__list-item-link:hover {color: #00aef1;} .b-city-select__notes {font-size: 16px; color: #8e8e8e;} /*! Окошко: Филиалы */ .branches-container {padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-branches__header {padding-bottom: 15px; border-bottom: 1px solid #cfd8dc;} .b-branches__city {font-size: 22px; color: #bababa;} .b-branches__city span {color: #000;} .b-branches__body {margin-top: 15px;} .b-branches__address, .b-branches__phone, .b-branches__work-time {font-size: 18px; color: #000; padding-left: 50px; position: relative;} .b-branches__address:before, .b-branches__phone:before, .b-branches__work-time:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -17.5px; background-image: url("/bitrix/templates/kb2022/img/elements/contact-page-sprites.png"); background-repeat: no-repeat; width: 35px; height: 35px;} .b-branches__address:not(:first-child), .b-branches__work-time:not(:first-child), .b-branches__phone:not(:first-child), .b-branches__notes:not(:first-child) {margin-top: 20px;} .b-branches__address:before {background-position: 0 0;} .b-branches__work-time:before {background-position: -35px 0;} .b-branches__work-time_red:before {background-position: -70px 0;} .b-branches__phone:before {content: none;} .b-branches__phone .fa {color: #00aef1; position: absolute; left: 6px; top: 50%; font-size: 28px; margin-top: -14px;} .b-branches__notes {font-size: 16px; color: #737373;} @media (min-width: 992px) {.b-branches__city {font-size: 28px;} .b-branches__header {padding-bottom: 30px;} .b-branches__body {margin-top: 30px;}} /*! Окошко: Шоурум на странице контактов */ .b-showroom__padding-container {padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-showroom__column:not(:first-child) {margin-top: 15px;} .b-showroom__header {padding-bottom: 15px; border-bottom: 1px solid #cfd8dc;} .b-showroom__title {font-size: 22px; color: #000;} .b-showroom__body {margin-top: 15px;} .b-showroom__address, .b-showroom__work-time, .b-showroom__phone, .b-showroom__details-title {font-size: 18px; color: #000; padding-left: 50px; position: relative;} .b-showroom__address:before, .b-showroom__work-time:before, .b-showroom__phone:before, .b-showroom__details-title:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -17.5px; background-image: url("/bitrix/templates/kb2022/img/elements/contact-page-sprites.png"); background-repeat: no-repeat; width: 35px; height: 35px;} .b-showroom__address:not(:first-child), .b-showroom__phone:not(:first-child), .b-showroom__work-time:not(:first-child) {margin-top: 20px;} .b-showroom__address:before {background-position: 0 0;} .b-showroom__work-time:before {background-position: -35px 0;} .b-showroom__work-time_red:before {background-position: -70px 0;} .b-showroom__phone:before {content: none;} .b-showroom__phone .fa {color: #00aef1; position: absolute; left: 6px; top: 50%; font-size: 28px; margin-top: -14px;} .b-showroom__payments-title:not(:first-child), .b-showroom__payments-items:not(:first-child) {margin-top: 20px;} .b-showroom__payments-title {font-size: 18px; color: #000;} .b-showroom__payments-items {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-showroom__payments-item:not(:first-child) {margin-left: 15px;} .b-showroom__details-title:not(:first-child), .b-showroom__details-text:not(:first-child) {margin-top: 20px;} .b-showroom__details-title {font-size: 18px; color: #000;} .b-showroom__details-title:before {background-position: -140px 0;} .b-showroom__details-text {font-size: 16px; color: #000; line-height: 1.5;} @media (min-width: 992px) {.b-showroom__column:not(:first-child) {margin-top: 0;} .b-showroom__header {padding-bottom: 30px;} .b-showroom__body {margin-top: 30px;} .b-showroom__title {font-size: 28px;}} /*! Магазины и пункты выдачи */ .b-our-stores {padding: 30px;} .b-our-stores__list {text-align: left; margin-left: -15px; margin-top: -10px;} .b-our-stores__item {display: inline-block; margin-left: 15px; margin-top: 10px;} .b-our-stores__link, .b-our-stores__link:focus {font-size: 16px; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #00aef1;} .b-our-stores__link:hover {border-bottom-color: #00aef1; color: #00aef1;} /*! Сортировки в каталоге товаров */ .b-v2-catalog-sort {-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;} .b-v2-catalog-sort__label {font-size: 12px; color: #000;} .b-v2-catalog-sort__item {display: inline-block;} .b-v2-catalog-sort__item:not(:first-child) {margin-left: 15px;} .b-v2-catalog-sort__link {display: block; height: 24px; line-height: 24px; border-radius: 3px; border: 1px solid #e6e6e6; color: #000; font-size: 12px; font-weight: 400; box-sizing: border-box; padding: 0 7px; position: relative; transition: all 300ms; min-width: 65px; text-align: center;} .b-v2-catalog-sort__link:hover {background-color: #e6e6e6; color: #737373;} .b-v2-catalog-sort__link_price::before, .b-v2-catalog-sort__link_rate::before {position: absolute; right: 10px; top: 0; color: #fff; font-family: FontAwesome; font-size: 12px;} .b-v2-catalog-sort__link_price[data-current-sorting="ASC"], .b-v2-catalog-sort__link_price[data-current-sorting="DESC"], .b-v2-catalog-sort__link_rate[data-current-sorting="ASC"], .b-v2-catalog-sort__link_rate[data-current-sorting="DESC"] {padding-right: 30px;} .b-v2-catalog-sort__link_price[data-current-sorting="ASC"], .b-v2-catalog-sort__link_rate[data-current-sorting="ASC"] {background-color: #92d3f1; color: #fff;} .b-v2-catalog-sort__link_price[data-current-sorting="ASC"]:before, .b-v2-catalog-sort__link_rate[data-current-sorting="ASC"]::before {content: '\f160';} .b-v2-catalog-sort__link_price[data-current-sorting="DESC"], .b-v2-catalog-sort__link_rate[data-current-sorting="DESC"] {background-color: #92d3f1; color: #fff;} .b-v2-catalog-sort__link_price[data-current-sorting="DESC"]:before, .b-v2-catalog-sort__link_rate[data-current-sorting="DESC"]::before {content: '\f161';} .b-v2-catalog-sort__list {width: 181px;} @media (min-width: 1470px) { .b-v2-catalog-sort__list {width: 220px;} } .b-v2-catalog-sort .ui-selectmenu-button {background-color: #fff; border: 1px solid #e6e6e6; border-radius: 3px; box-sizing: border-box; height: 24px; line-height: normal; outline: none; padding: 0 10px; font-weight: normal; font-size: 12px; color: #000; text-align: left; position: relative; transition: all 300ms; margin-left: 15px;} .b-v2-catalog-sort .ui-selectmenu-button:hover {background-color: #e6e6e6;} .b-v2-catalog-sort .ui-selectmenu-button .ui-selectmenu-text {padding: 0; margin-right: auto; line-height: 1.7;} .b-v2-catalog-sort .ui-selectmenu-button .ui-icon {background: none; text-indent: initial; overflow: initial;} .b-v2-catalog-sort .ui-selectmenu-button .ui-icon:before {content: '\f078'; font-size: 10px; color: #737373; position: absolute; left: 0; top: 2px;} .b-v2-catalog-sort .ui-selectmenu-button[aria-expanded="true"] .ui-icon:before {content: '\f077';} .b-v2-catalog-sort .ui-selectmenu-button[aria-expanded="true"] {border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #e6e6e6;} [id*="catalog-sort-order-menu"] {-webkit-box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); box-shadow: 0px 18px 22px -11px rgba(0, 0, 0, 0.2); border: none; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 2;} [id*="catalog-sort-order-menu"] .ui-menu-item {padding: 7px 10px; background-color: #e6e6e6; font-size: 16px; color: #737373; text-align: left; border: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} [id*="catalog-sort-order-menu"] .ui-menu-item.ui-state-focus {font-weight: normal; border: none; margin: 0; color: #00aef1; background-color: #efefef;} @media (min-width: 768px) { .b-v2-catalog-sort {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} } /*! Звезды рейтинга (товар) */ .b-v2-product-stars {font-family: 'FontAwesome'; color: #ff6f00; height: 20px;} .b-v2-product-stars__item {font-size: 16px; color: #ffc000; margin-left: 3px;} .b-v2-product-stars__item:first-child {margin-left: 0;} .b-v2-product-stars__item_full:before {content: '\f005';} .b-v2-product-stars__item_half:before {content: '\f123';} .b-v2-product-stars__item_blank:before {content: '\f006';} /*! Кол-во отзывов */ .b-v2-product-reviews {color: #90a4ae; font-size: 16px; font-weight: 400;} .b-v2-product-reviews_inner_page .b-v2-product-reviews__int {background-color: #333;} .b-v2-product-reviews_inner_page {color: #000; font-size: 12px;} .b-v2-product-reviews__link, .b-v2-product-reviews__link:focus {color: #90a4ae;} .b-v2-product-reviews__link:hover {color: #00aef1;} .b-v2-product-reviews__int {display: inline-block; width: 27px; height: 27px; background-color: #90a4ae; border-radius: 50%; margin-right: 5px; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 27px; text-align: center; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} /*! Скидка в % (товар) */ .b-discount {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; position: absolute; left: 0; top: 50px; color: #ffffff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; width: 50px;} .b-discount_inner {left: auto; top: 100px; right: 15px;} .b-discount_inner .b-discount__wrapper {border-radius: 3px 0 0 3px;} .b-discount__wrapper {-webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 3px 3px 0; background-color: #ff1744; padding: 5px 10px; width: 115px; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex;} .b-discount__label { font-size: 18px; font-weight: 400; display: inline-block; margin-left: 10px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-discount:hover {width: 115px;} .b-discount__number {font-weight: bold; font-size: 20px; width: 35%; text-align: center;} .b-discount__number-percent {font-weight: normal; font-size: 18px;} /*! Карточка товара (внутр. страница) */ .b-v2-product-inner__container {margin-bottom: 30px;} .b-v2-product-inner__row_sidebar {margin-top: 15px;} .b-v2-product-inner__row_sidebar:first-child {margin-top: 0;} .b-v2-product-inner__row_margin_top_30 {margin-top: 30px;} .b-v2-product-inner__column_sections_nav {display: none;} .b-v2-product-inner__column_product_sidebar {margin-top: 15px;} .b-v2-product-inner__block_club_of_buyers, .b-v2-product-inner__block_quick_form {margin-top: 20px;} .b-v2-product-inner__user-data-block {display: inline-block; vertical-align: middle; margin-left: 20px;} .b-v2-product-inner__user-data-block:first-child {margin-left: 0;} .b-v2-product-inner__features-wrapper {border: 1px dotted #d4d4d4; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-v2-product-inner__title {font-weight: bold; color: #000; text-align: center; font-size: 28px;} .b-v2-product-inner__title-code {font-weight: normal; font-size: 10px; text-transform: uppercase; color: #a8a8a8; position: relative;} @media (min-width: 992px) {.b-v2-product-inner__column_sections_nav {display: block;} .b-v2-product-inner__column_product_sidebar {margin-top: 0;} .b-v2-product-inner__title {font-size: 18px; text-align: left; display: inline;} .b-v2-product-inner__title-code {margin-left: 10px; bottom: 6px;}} /*! Данные о товаре (страница товара) */ .b-v2-product-inner-cart_action .b-v2-product-inner-cart__price {color: #f100a3;} .b-v2-product-inner-cart_action .b-v2-product-inner-cart__price .fa {color: #f100a3; font-size: 38px; vertical-align: top; position: relative; top: 30px;} .b-v2-product-inner-cart__row {margin-top: 20px;} .b-v2-product-inner-cart__row:first-child {margin-top: 0;} .b-v2-product-inner-cart__row_rating {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-product-inner-cart__row_fav_compare {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAABCAYAAAAvkEDEAAABfElEQVQ4T+2Tu0vDUBTGkzQlY9NRO7kVpYsipK2kWkVHcVDwsbi4iIVapOosKoKD7eogUqq1irODOGiKS1tfm4iC6NxmS0kbf/ePcNLAx3ee373JOZErlUrY87yMLMsFeBh+hXWgSZL0hm/CJbCGnSZ+rut6otFoPMXj8bBlWbVWq5XUNK1ITYr8JnWH8CR83+l0QrBC7gtEhRb+OvEV7LNgMJhE6wGtXrSqPp9vxHXdC1VVF9vt9h51+4qizNFzi90Du/R9oz8ECuQ24BTxIvcaR6uKVgStZ/yBZrN5Rd88+Ry8Ay+AOzS66VPpf8c2yRWJr3J2lrOPuMcU51+jNYjWC1r9aN/QM01PHt4FM+Id6Q8BCfuTmAEusZfANvYBWrOGYdii5v/53S/ArJJiLswzx5y24GW+/yn7OeY4Tj0Wi0XY+Tp+Ar/MjMTOZqgtwVHwwQ1VuItYjf4J+Bg/yz6kscu2bY8GAgGh1YfWI/tv+v3+E3Li//gT/9IPsFxKDMYJvEwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center center; text-align: center;} .b-v2-product-inner-cart__currency {margin-left: 5px; font-weight: 400;} .b-v2-product-inner-cart__prices {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-product-inner-cart__old-price {color: #7a7a7a; font-size: 14px; font-weight: 400; margin-right: 15px; text-align: center; line-height: 1;} .b-v2-product-inner-cart__old-price-number {color: #525252; font-size: 18px; font-weight: 700; margin-top: 5px; position: relative;} .b-v2-product-inner-cart__old-price-number:before {content: ''; position: absolute; left: 0; right: 0; height: 2px; background-color: #525252; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .b-v2-product-inner-cart__actual-price {text-align: center; font-weight: bold; font-size: 30px; color: #000; line-height: 1;} .b-v2-product-inner-cart__stars {margin-right: 15px;} /*! Форма покупки по телефону, полная карточка */ .b-in-call-form {border-radius: 3px; background-color: #ff6f00; padding-top: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff;} .b-in-call-form__row {padding-left: 30px; padding-right: 30px; position: relative;} .b-in-call-form__row:not(:first-child) {margin-top: 30px;} .b-in-call-form__row_form {padding-left: 0; padding-right: 0; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-in-call-form__row_title {margin-bottom: 40px;} .b-in-call-form__row_checkbox {text-align: center;} .b-in-call-form__row_checkbox:not(:first-child) {margin-top: 40px;} .b-in-call-form__row_checkbox a:link, .b-in-call-form__row_checkbox a:visited, .b-in-call-form__row_checkbox a:focus {color: #fff; border-bottom: 1px solid #fff;} .b-in-call-form__row_checkbox a:hover {border-bottom-color: transparent;} .b-in-call-form__col {position: relative;} .b-in-call-form__col .fa-phone {position: absolute; color: #00aef1; font-size: 18px; left: 90px; top: 14px;} .b-in-call-form__title {font-size: 18px; font-weight: 400; text-align: center;} .b-in-call-form__form {display: block; display: -webkit-box; display: -ms-flexbox; display: flex;} .b-in-call-form__input_text {display: block; width: 100%; height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 115px; background-color: #ffffff; color: #303030; font-size: 18px; display: block;} .b-in-call-form__input_text::-webkit-input-placeholder {color: #afafaf;} .b-in-call-form__input_text:-moz-placeholder {color: #afafaf;} .b-in-call-form__input_text::-moz-placeholder {color: #afafaf;} .b-in-call-form__input_text:-ms-input-placeholder {color: #afafaf;} .b-in-call-form__submit {width: 60px; height: 45px; background-color: #00aef1; display: block; text-align: center; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-in-call-form__submit:hover {background-color: #653b6d;} .b-in-call-form__submit .fa {font-size: 28px; color: #fff;} .b-in-call-form__user {position: absolute; top: 50%; left: -15px; margin-top: -45px;} .b-in-call-form__advantage {position: relative; padding-left: 60px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-in-call-form__advantage-icon {position: absolute; left: 0;} .b-in-call-form__advantage-text {font-size: 18px; font-weight: 400;} @media (min-width: 992px) {.b-in-call-form {padding-top: 15px; padding-bottom: 15px;} .b-in-call-form__row_title {margin-bottom: 35px;} .b-in-call-form__row_checkbox {text-align: left;} .b-in-call-form__form {width: 100%;} .b-in-call-form__user {left: -15px;} .b-in-call-form__title {text-align: left;}} /*! Форма подписки (боковаяв панель и подвал) */ .b-submit-form {background-color: #ffffff; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-submit-form_shadow {} .b-submit-form__row {margin-top: 15px;} .b-submit-form__row:first-child {margin-top: 0;} .b-submit-form__row_form {margin-top: 30px;} .b-submit-form__title {color: #000000; font-size: 24px; font-weight: 600;} .b-submit-form__subtitle {color: #707070; font-size: 18px; font-weight: 400;} .b-submit-form__form_flex {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-radius: 30px; height: 40px; border: 1px solid #0092d7; background: #fff;} .b-submit-form__form_flex > .b-submit-form__col:first-child {flex-grow: 1;} .b-submit-form__input_text {display: block; width: 100%; color: #303030; font-weight: 400; background: transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; height: 40px; font-family: Montserrat, arial, sans-serif; padding: 5px 20px; font-size: 14px;} .b-submit-form__input_text::-webkit-input-placeholder {color: #afafaf;} .b-submit-form__input_text:-moz-placeholder {color: #afafaf;} .b-submit-form__input_text::-moz-placeholder {color: #afafaf;} .b-submit-form__input_text:-ms-input-placeholder {color: #afafaf;} .b-submit-form__input_text:focus {background-color: #e8e8e8;} .b-submit-form__submit {display: block; text-align: center; padding: 0 15px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #fff; background: #0092d7; font-size: 14px; height: 40px; width: 136px; border-radius: 30px;} .b-submit-form__submit:hover {background-color: #653b6d;} .b-submit-form__row.b-submit-form-checkbox-container {display: flex; font-size: 12px; line-height: 1.25;} .b-submit-form__row.b-submit-form-checkbox-container input {margin-right: 10px;} /*! Виджет: Отзывы о магазине */ .b-shop-reviews {background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 0; display: none;} @media (min-width: 992px) { .b-shop-reviews {display: block;} } .b-shop-reviews_shadow {} .b-shop-reviews__row {margin-top: 20px;} .b-shop-reviews__row:first-child {margin-top: 0;} .b-shop-reviews__row_title {margin-bottom: 30px;} .b-shop-reviews__title {color: #000000; font-size: 24px; font-weight: 600;} .b-shop-reviews__item:not(:first-child):before {content: ''; display: block; margin: 20px 0; width: 100%; height: 1px; border-bottom: 1px dotted #e8e8e8;} .b-shop-reviews__item-header, .b-shop-reviews__item-body, .b-shop-reviews__item-footer {margin-top: 15px;} .b-shop-reviews__item-header:first-child, .b-shop-reviews__item-body:first-child, .b-shop-reviews__item-footer:first-child {margin-top: 0;} .b-shop-reviews__item-header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-shop-reviews__user-name {color: #000; font-size: 16px; font-weight: 600; line-height: 1.25;} .b-shop-reviews__excerpt {color: #000; font-size: 12px; font-weight: 400; line-height: 1.25;} .b-shop-reviews__item-footer {text-align: right;} .b-shop-reviews__more-link, .b-shop-reviews__more-link:link {color: #00aef1; font-size: 12px; font-weight: 400; border-bottom: 1px solid transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-shop-reviews__more-link:hover {border-bottom-color: #00aef1;} /*! Данные магазина в шапке (почта, режим работы, выбор города, мини-баннер) */ .b-v2-shop-header-data__list {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; flex-wrap: wrap;} @media screen and (min-width: 425px) {.b-v2-shop-header-data__list {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal;}} .b-v2-shop-header-data [class*='v2-icon-'], .b-v2-shop-header-data .b-v2-product-features__item, .b-v2-shop-header-data .b-v2-product-additional-info__item_delivery:before {margin-right: 10px; color: #cdcdcd; font-size: 16px;} @media screen and (min-width: 480px) {.b-v2-shop-header-data [class*='v2-icon-'], .b-v2-shop-header-data .b-v2-product-features__item, .b-v2-shop-header-data .b-v2-product-additional-info__item_delivery:before {font-size: 22px;}} @media (min-width: 1470px) { .b-v2-shop-header-data [class*='v2-icon-'], .b-v2-shop-header-data .b-v2-product-features__item, .b-v2-shop-header-data .b-v2-product-additional-info__item_delivery:before {font-size: 24px; margin-right: 15px;} } .b-v2-shop-header-data__item {font-size: 14px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px;} .b-v2-shop-header-data__item:not(:first-child) {margin-left: 10px;} .b-v2-shop-header-data__item .fa {margin-right: 5px;} @media screen and (min-width: 425px) {.b-v2-shop-header-data__item {margin-left: 10px;} .b-v2-shop-header-data__item:not(:first-child) {margin-top: 0;}} @media (min-width: 1470px) {.b-v2-shop-header-data__item {margin-left: 25px;}} .b-v2-shop-header-data__item:first-child {margin-left: 0;} .b-v2-shop-header-data__item a {color: #fff; font-size: 14px; text-decoration: none;} .b-v2-shop-header-data__item a:hover {opacity: .8; text-decoration: none; color: #fff;} @media (min-width: 992px) {.b-v2-shop-header-data__list {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .b-v2-shop-header-data__item {margin-left: 15px;}} /*! Главная навигация */ .b-mnav {background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 30px; height: 55px; padding-left: 100px;} .b-mnav__list {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-mnav__item {-webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2;} .b-mnav__link {width: 100%; text-align: center; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; font-size: 14px; border-radius: 50px;} .b-mnav__link, .b-mnav__link:focus {color: #000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-mnav__item:last-child .b-mnav__link {padding: 0 20px; background: #d2f1ff; color: #0092d7; font-size: 16px; font-weight: 700; border-radius: 30px;} .b-mnav__link:hover {background-color: #00a0de; color: #000;} .b-mnav__icon {margin-right: 15px;} @media (min-width: 992px) { .b-mnav__icon {display: none !important;} } @media (min-width: 1470px) { .b-mnav {padding-left: 160px;} } /*! Виджет: Сертификаты */ .b-w-shop-certificates { background-color: #ffffff; padding: 30px 0 230px; overflow: hidden; position: relative; display: none;} @media (min-width: 992px) {.b-w-shop-certificates {display: block;}} .b-w-shop-certificates__row {margin-top: 20px;} .b-w-shop-certificates__row:first-child {margin-top: 0;} .b-w-shop-certificates__title {color: #000000; font-size: 24px; font-weight: 600;} .b-w-shop-certificates__subtitle {color: #545454; font-size: 16px; font-weight: 400;} .b-w-shop-certificates__float-certificate {position: absolute; left: 50%; width: 90%; -webkit-transform: translate(-50%, 60px); -ms-transform: translate(-50%, 60px); transform: translate(-50%, 60px); -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;} .b-w-shop-certificates__float-certificate:hover {-webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px);} .b-w-shop-certificates__certificate {display: block; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden;} /*! Виджет: Наши проекты */ .b-w-shop-projects { background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; display: none;} @media (min-width: 992px) { .b-w-shop-projects {display: block;} } .b-w-shop-projects_shadow {} .b-w-shop-projects__row {margin-top: 20px;} .b-w-shop-projects__row:first-child {margin-top: 0;} .b-w-shop-projects__title {color: #000000; font-size: 24px; font-weight: 600; padding: 15px 0;} .b-w-shop-projects__subtitle {color: #545454; font-size: 16px; font-weight: 400;} .b-w-shop-projects__cover {display: block; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden;} /*! Проект "Наши проекты" */ .b-project {background-color: #b7b7b7; -webkit-box-shadow: 0 0px 0 10px #fff, 0 0 0 -10px #fff, 0 0 25px #000; box-shadow: 0 0px 0 10px #fff, 0 0 0 -10px #fff, 0 0 25px #000; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-project:hover {-webkit-box-shadow: 0 0px 0 10px #fff, 0 0 0 -10px #fff, 0 0 40px #000; box-shadow: 0 0px 0 10px #fff, 0 0 0 -10px #fff, 0 0 40px #000;} .b-project__link {display: block;} .b-project__img {display: block; max-width: 100%; height: auto; width: 100%;} @media (min-width: 992px) {.b-project__img {width: auto;}} /*! Карточка товара (просмотренные, интересные) */ .b-v2-recent-product_light_bg {background-color: #ffffff;} .b-v2-recent-product__item {padding-left: 20px; padding-right: 20px; text-align: center;} @media (min-width: 1470px) {.b-v2-recent-product__item {padding-left: 30px; padding-right: 30px;}} .b-v2-recent-product__item_float {padding-top: 20px; padding-bottom: 20px;} @media (min-width: 1470px) {.b-v2-recent-product__item_float {padding-top: 30px; padding-bottom: 30px;}} .b-v2-recent-product__item_action .b-v2-recent-product__price {color: #f100a3;} .b-v2-recent-product__row {margin-top: 15px;} .b-v2-recent-product__row:first-child {margin-top: 0;} .b-v2-recent-product__separartor {height: 1px; width: 60%; margin-left: auto; margin-right: auto; background: #e0e0e0;} .b-v2-recent-product__cover {position: relative; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-v2-recent-product__item_float .b-v2-recent-product__cover {height: auto;} .b-v2-recent-product__cover-link {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .b-v2-recent-product__link, .b-v2-recent-product__link:focus, .b-v2-recent-product__title, .b-v2-recent-product__title:focus {font-size: 16px; color: #353535; display: block;} .b-v2-recent-product__link:hover, .b-v2-recent-product__title:hover {color: #00aef1; text-decoration: none;} .b-v2-recent-product__item_float .b-v2-recent-product__title {font-size: 18px; color: #353535;} .b-v2-recent-product__price {font-size: 24px; color: #000000; font-weight: bold; line-height: 1;} .b-v2-recent-product__currency {font-size: 24px;} .b-v2-recent-product__price {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-v2-recent-product__old-price {color: #7a7a7a; font-size: 14px; font-weight: 400; text-align: right; margin-right: 15px;} .b-v2-recent-product__old-price-number {color: #525252; font-size: 18px; font-weight: 700; display: block; text-align: right;} .b-v2-recent-product__old-price-cur {font-size: 12px; color: #525252; margin-left: 5px; display: none;} .b-v2-recent-product__actual-price {color: #000000; font-size: 34px; font-weight: 700;} .b-v2-recent-product_action .b-v2-recent-product__actual-price {color: #ff1241;} .b-v2-recent-product__currency {font-size: 18px; margin-left: 5px;} @media (min-width: 768px) {.b-v2-recent-product__separartor {height: 1px; width: 100%; background: #e0e0e0;} .b-v2-recent-product__title {min-height: 60px;} } /*! Модуль: Наши сертификаты */ .b-m-shop-certificates__items {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden;} .b-m-shop-certificates__item {height: 170px; overflow: hidden; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -webkit-transform: translate(0, 70px); -ms-transform: translate(0, 70px); transform: translate(0, 70px); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-m-shop-certificates__item:hover {-webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px);} .b-m-shop-certificates__img {display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto;} /*! Обертка модулей */ .b-v2-product-info-module {border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #e6e6e6; background-color: #ffffff;} .b-v2-product-info-module__title {font-size: 18px; font-weight: bold; color: #000; background-color: #f5f5f5; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 15px 30px; text-align: center;} .b-v2-product-info-module__content {position: relative;} .b-v2-product-info-module__content.js-faded {height: 540px; overflow: hidden;} .b-v2-product-info-module__content.js-faded:after {content: ''; background: url("/bitrix/templates/kb/img/b-v2-product-info-module/fade-out.png") repeat-x center center; height: 157px; position: absolute; bottom: 0; left: 0; right: 0;} .b-v2-product-info-module__content_inner_padding_30 {padding: 30px;} .b-v2-product-info-module__content_inner_vertical_padding_30 {padding-top: 30px; padding-bottom: 30px;} .b-v2-product-info-module__content_inner_vertical_padding_60 {padding-top: 60px; padding-bottom: 60px;} .b-v2-product-info-module__more {background-color: #f5f5f5; padding: 15px 30px; text-align: center;} .b-v2-product-info-module__more-link, .b-v2-product-info-module__more-link:focus {font-size: 16px; color: #000; border-bottom: 1px dotted #000000;} .b-v2-product-info-module__more-link:hover {color: #00aef1; border-bottom-color: #00aef1; text-decoration: none;} @media (min-width: 992px) {.b-v2-product-info-module__content_inner_vertical_padding_60 {padding-top: 60px;} .b-v2-product-info-module__title {text-align: left;}} /*! Базовый текстовый блок для модуля */ .b-module-default-text-content {line-height: 1.5;} .b-module-default-text-content li, .b-module-default-text-content p {font-size: 16px;} .b-module-default-text-content p:not(:first-child) {margin-top: 10px;} .b-module-default-text-content small {font-size: 14px;} .b-module-default-text-content > ul, .b-module-default-text-content > ul ul {margin: 20px 0 20px 15px;} .b-module-default-text-content > ul:first-child {margin-top: 0; margin-left: 0;} .b-module-default-text-content li {position: relative; padding-left: 15px;} .b-module-default-text-content li:before {content: '\f105'; font-family: FontAwesome; display: block; position: absolute; left: 0; top: 0; font-size: 16px; color: #00aef1;} .b-module-default-text-content li:not(:first-child) {margin-top: 10px;} .b-module-default-text-content iframe {display: block; margin-left: auto; margin-right: auto;} /*! Виджет: Гарантия товара */ .b-w-warranty-product__row {margin-top: 15px;} .b-w-warranty-product__row:first-child {margin-top: 0;} .b-w-warranty-product__column_notes {border-radius: 3px; background-color: #ff6f00; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; font-size: 18px; position: relative; text-align: center;} .b-w-warranty-product__column_notes:before {content: ''; position: absolute; left: 50%; top: -10px; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ff6f00 transparent;} /*! Крупный баннер на главной странице */ .b-fp-b {border-radius: 5px; margin-bottom: 0;} .b-fp-b__item {position: relative;} .b-fp-b__img {display: block; max-width: 100%; height: auto; max-height: none !important;} .b-fp-b .owl-prev {left: 25px;} .b-fp-b .owl-next {right: 25px;} .b-fp-b .owl-dots {bottom: 0; margin-top: 30px; position: relative;} .b-fp-b .owl-dot {background-color: transparent; border: 2px solid #fff; margin: 0 10px;} .b-fp-b .owl-dot.active {background-color: white; transform: none;} /*! Сепаратный ряд товаров */ .b-goods-row__list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -15px;} .b-goods-row__item {max-width: 238px; width: 100%; margin-top: 15px; margin-left: auto; margin-right: auto;} @media (min-width: 480px) {.b-goods-row__item {width: 48.5%;}} @media (min-width: 768px) {.b-goods-row__item {width: 31.23333%;}} @media (min-width: 992px) {.b-goods-row__item {width: 24.03608%;}} @media (min-width: 1200px) {.b-goods-row__item {width: 24.03608%;}} /*! Промо секция: Расширенная гарантия */ .b-prextwr {padding-top: 30px; padding-bottom: 30px; overflow: hidden;} .b-prextwr_promo_page_bg {background-image: url("/bitrix/templates/kbnew/img/promo/cert-imges/first-screen-full-bg.jpg"); background-position: 30% 150%; background-repeat: no-repeat; background-color: #fff; padding-top: 30px; padding-bottom: 350px;} .b-prextwr_light_bg {background-color: #fff;} .b-prextwr__row_btn {text-align: center;} .b-prextwr__column {height: 400px;} @media (min-width: 1470px) {.b-prextwr__column {height: 440px;}} .b-prextwr__column_cover {position: relative;} .b-prextwr__img {position: absolute;} @media (max-width: 1469px) {.b-prextwr__img {top: -20px; left: -100px;}} @media (min-width: 1470px) {.b-prextwr__img {bottom: -90px; left: -60px;}} .b-prextwr__title, .b-prextwr__notes {text-align: center;} .b-prextwr__title {font-family: "EuropeC"; font-weight: 700; line-height: 1.3; font-size: 28px; text-transform: uppercase; color: #000000;} .b-prextwr__notes {color: #575757; font-size: 16px; font-weight: 400;} .b-prextwr__row {margin-top: 20px;} .b-prextwr__row:first-child {margin-top: 0;} .b-prextwr__row_btn {font-size: 0;} .b-prextwr__btn {margin-left: 15px;} .b-prextwr__btn:first-child {margin-left: 0;} .b-prextwr__btn, .b-prextwr__btn:focus {border-radius: 3px; background-color: #00aef1; color: #ffffff; font-size: 20px; font-weight: 400; display: inline-block; padding: 10px 30px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-prextwr__btn:hover {background-color: #633974; color: #fff;} .b-prextwr__btn .fa {margin-left: 5px;} @media (min-width: 768px) {.b-prextwr_promo_page_bg {padding-bottom: 300px;}} @media (min-width: 992px) {.b-prextwr {padding-top: 90px; padding-bottom: 90px;} .b-prextwr__title, .b-prextwr__notes, .b-prextwr__row_btn {text-align: left;} .b-prextwr__title {font-size: 32px; line-height: 40px;} .b-prextwr_promo_page_bg {background-size: cover; padding-top: 60px; padding-bottom: 60px; background-position: center center;}} /*! Промо секция: Наши сертификаты */ .b-promo-certs {padding: 60px 0;} @media (max-width: 1469px) {.b-promo-certs {min-width: 1280px;}} .b-promo-certs_bg_dark {background-image: url("/bitrix/templates/kbnew/img/promo/cert-imges/promo-screen-bg.jpg"); background-repeat: repeat; background-position: center center; background-attachment: fixed;} .b-promo-certs_light_bg {background-color: #fff;} .b-promo-certs__row {margin-top: 60px;} .b-promo-certs__row:first-child {margin-top: 0;} .b-promo-certs__row_btn {text-align: center;} .b-promo-certs__title {color: #fff; font-family: "EuropeC"; font-size: 36px; font-weight: 700; text-transform: uppercase; text-align: center;} .b-promo-certs__certs {font-size: 0; text-align: center;} .b-promo-certs__cert {display: inline-block; width: 16.6%; padding-right: 1.6%; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-promo-certs__cert-img {display: block; max-width: 100%; height: auto; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);} .b-promo-certs__btn, .b-promo-certs__btn:focus {border-radius: 3px; background-color: #00aef1; color: #ffffff; font-size: 20px; font-weight: 400; display: inline-block; padding: 10px 30px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-promo-certs__btn:hover {background-color: #633974; color: #fff;} .b-promo-certs__btn .fa {margin-left: 5px;} /*! Промо секция: Наши проекты */ .b-promo-projects {padding: 60px 0;} @media (max-width: 1469px) {.b-promo-projects {min-width: 1280px;}} .b-promo-projects_bg_img {background-image: url("/bitrix/templates/kbnew/img/promo/projects/our-projects-bg.jpg"); background-repeat: no-repeat; background-position: center center;} .b-promo-projects__row_btn {text-align: center; margin-top: 300px;} .b-promo-projects__title {color: #fff; font-family: "EuropeC"; font-size: 36px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1;} .b-promo-projects__btn, .b-promo-projects__btn:focus {border-radius: 3px; background-color: #00aef1; color: #ffffff; font-size: 20px; font-weight: 400; display: inline-block; padding: 10px 30px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-promo-projects__btn:hover {background-color: #633974; color: #fff;} .b-promo-projects__btn .fa {margin-left: 5px;} /*! Яндекс.Отзывы: Отзыв о магазине */ .b-ya-review { font-size: 18px;} .b-ya-review:not(:first-child):before {content: ''; display: block; width: 100%; border-top: 1px dotted #c5c5c5; margin: 30px 0;} .b-ya-review__row {margin-top: 15px;} .b-ya-review__row:first-child {margin-top: 0;} .b-ya-review__row_rating {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .b-ya-review__user-avatar {border-radius: 50%;} .b-ya-review__user-name {color: #151515; font-weight: 700;} .b-ya-review__star-label {margin: 10px 0;} .b-ya-review__star-label, .b-ya-review__delivery-type {color: #b0bec5; font-size: 18px; font-weight: 400;} .b-ya-review__stat-title {font-weight: 700;} .b-ya-review__stat-title, .b-ya-review__stat-name {margin: 0; padding: 0; display: inline-block; color: #151515;} .b-ya-review__comment-label {color: #151515; font-weight: 700; margin-bottom: 5px;} .b-ya-review__comment-text, .b-ya-review__date-city-label {font-size: 16px;} .b-ya-review__comment-text {color: #545454;} .b-ya-review__date-city-label {color: #b0bec5;} @media (min-width: 992px) {.b-ya-review__row_rating {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-ya-review__stars {margin-right: 20px;} .b-ya-review__star-label {margin: 0 20px 0 0;}} /*! Форма: На всю ширину 2 поля + кнопка */ .b-fw-form { font-weight: 400;} .b-fw-form__row {margin-top: 20px;} .b-fw-form__row:first-child {margin-top: 0;} .b-fw-form__row_inputs {margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-fw-form__row_checkbox {text-align: center; color: #fff;} .b-fw-form__row_checkbox a:active, .b-fw-form__row_checkbox a:visited, .b-fw-form__row_checkbox a:focus, .b-fw-form__row_checkbox a:link {color: #fff; border-bottom: 1px solid #fff;} .b-fw-form__row_checkbox a:hover {border-bottom-color: transparent;} .b-fw-form__title, .b-fw-form__subtitle {text-align: center; color: #000;} .b-fw-form__title {font-family: "EuropeC"; font-size: 36px; font-weight: 700; line-height: 1.2; text-transform: uppercase;} .b-fw-form__subtitle {font-size: 24px; line-height: 1;} .b-fw-form__input-elem {width: 80%;} .b-fw-form__input-elem:not(:first-child) {margin-top: 15px;} .b-fw-form__input {display: block; width: 100%;} .b-fw-form__btn {display: block; width: 100%;} .b-fw-form__btn .fa {margin-left: 5px;} .b-fw-form_fff_text .b-fw-form__title, .b-fw-form_fff_text .b-fw-form__subtitle {color: #fff;} .b-fw-form_000_text .b-fw-form__title, .b-fw-form_000_text .b-fw-form__subtitle {color: #000;} @media (min-width: 768px) {.b-fw-form__row_inputs {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .b-fw-form__input-elem {width: auto;} .b-fw-form__input-elem:not(:first-child) {margin-left: 30px; margin-top: 0;} .b-fw-form__input, .b-fw-form__btn {width: 210px;} .b-fw-form__title {line-height: 1;}} /*! Ограничения и условия расширенной гарантии */ .b-prextwr-limit {padding-top: 30px; padding-bottom: 30px; background-image: -webkit-gradient(linear, left bottom, left top, from(#2a2a2a), to(#484848)); background-image: -webkit-linear-gradient(bottom, #2a2a2a 0%, #484848 100%); background-image: -o-linear-gradient(bottom, #2a2a2a 0%, #484848 100%); background-image: linear-gradient(to top, #2a2a2a 0%, #484848 100%);} .b-prextwr-limit__row {margin-top: 30px;} .b-prextwr-limit__row:first-child {margin-top: 0;} .b-prextwr-limit__row_columns { font-weight: 400; color: #ffffff;} .b-prextwr-limit__row_columns h3 {font-size: 24px; font-weight: 700; margin-top: 20px;} .b-prextwr-limit__row_columns h3:first-child {margin-top: 0;} .b-prextwr-limit__row_columns p, .b-prextwr-limit__row_columns ul {font-size: 18px; margin-top: 20px; line-height: 1.3;} .b-prextwr-limit__row_columns p:first-child, .b-prextwr-limit__row_columns ul:first-child {margin-top: 0;} .b-prextwr-limit__row_columns ul {margin-left: 20px;} .b-prextwr-limit__row_columns ul ul, .b-prextwr-limit__row_columns ul ul:first-child {margin-top: 10px; font-size: 16px;} .b-prextwr-limit__row_columns li {margin-top: 10px;} .b-prextwr-limit__row_columns li:first-child {margin-top: 0;} .b-prextwr-limit__col:not(:first-child) {margin-top: 15px;} .b-prextwr-limit__title {color: #fff; font-family: "EuropeC"; font-size: 28px; font-weight: 700; line-height: 1.3; text-transform: uppercase; text-align: center;} .b-prextwr-limit__fa.fa {font-size: 36px; color: #fff; font-family: "FontAwesome"; vertical-align: middle; display: block; margin-bottom: 15px;} @media (min-width: 992px) {.b-prextwr-limit {padding-top: 60px; padding-bottom: 60px;} .b-prextwr-limit__row {margin-top: 60px;} .b-prextwr-limit__col:not(:first-child) {margin-top: 0;} .b-prextwr-limit__fa.fa {display: inline; margin-bottom: 0; margin-right: 45px;} .b-prextwr-limit__title {line-height: 40px;}} /*! Промо страница расширенной гарантии - о сервисе */ .b-prextwr-service {padding-top: 30px; padding-bottom: 30px;} .b-prextwr-service__col {width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px;} .b-prextwr-service__col_text p {color: #000; font-size: 18px; font-weight: 400; margin-top: 10px;} .b-prextwr-service__col_text p:first-child {margin-top: 0;} .b-prextwr-service__col_text b {font-size: 24px; font-weight: 700;} .b-prextwr-service__carousel-item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .b-prextwr-service__photo {display: block; max-width: 100%; height: auto; border-radius: 5px; max-height: none !important; -webkit-box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3); box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);} @media (min-width: 992px) {.b-prextwr-service {padding-top: 60px; padding-bottom: 60px;} .b-prextwr-service .owl-dots {bottom: -50px;}} /*! Промо секция: О компании */ .b-pr-about-company {padding-top: 60px; padding-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box;} @media (max-width: 1469px) {.b-pr-about-company {min-width: 1280px;}} .b-pr-about-company_img_bg {background-image: url("/bitrix/templates/kbnew/img/promo/about-company/about-company-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center center;} .b-pr-about-company__row {margin-top: 60px;} .b-pr-about-company__row:first-child {margin-top: 0;} .b-pr-about-company__column_title {color: #fff; text-align: center;} .b-pr-about-company__column_title h3 {font-family: 'EuropeC'; font-size: 36px; font-weight: bold;} .b-pr-about-company__column_text {color: #fff;} .b-pr-about-company__column_text p {font-size: 20px; margin-top: 10px;} .b-pr-about-company__column_text p:first-child {margin-top: 0;} /*! Форма: На всю ширину 2 поля + кнопка */ .b-cat-form { font-weight: 400;} .b-cat-form__row {margin-top: 20px;} .b-cat-form__row:first-child {margin-top: 0;} .b-cat-form__row_inputs {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-cat-form__title, .b-cat-form__subtitle {text-align: center; line-height: 1;} .b-cat-form__title {font-family: "EuropeC"; font-size: 22px; font-weight: 700; text-transform: uppercase; line-height: 1.5;} .b-cat-form__subtitle {font-size: 24px;} .b-cat-form__checkbox-item, .b-cat-form__input-elem {display: block; max-width: 300px; width: 80%;} .b-cat-form__checkbox-item:not(:first-child), .b-cat-form__input-elem:not(:first-child) {margin-top: 15px;} .b-cat-form__checkbox-item {margin-left: auto; margin-right: auto; color: #fff;} .b-cat-form__btn .fa {margin-left: 5px;} .b-cat-form__input, .b-cat-form__btn {display: block; width: 100%;} .b-cat-form_fff_text .b-cat-form__title, .b-cat-form_fff_text .b-cat-form__subtitle {color: #fff;} .b-cat-form_000_text .b-cat-form__title, .b-cat-form_000_text .b-cat-form__subtitle {color: #000;} @media (min-width: 992px) {.b-cat-form__row_inputs {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap;} .b-cat-form__title {font-size: 28px; line-height: 1;} .b-cat-form__input-elem {width: 32%;} .b-cat-form__input-elem:not(:first-child) {margin-top: 0; margin-left: 2%;} .b-cat-form__checkbox-item {width: 80%; max-width: none; text-align: center;}} @media (min-width: 1200px) {.b-cat-form__row_inputs {width: 80%; margin-left: auto; margin-right: auto;}} /*! Статьи: Миникарточка */ .b-blog-post__category {} .b-blog-post__category a {} .b-blog-post__text p, .b-blog-post__more-btn {} .b-blog-post__category {color: #9a9a9a; font-size: 14px; margin-bottom: 15px;} .b-blog-post__category a:link, .b-blog-post__category a:visited {color: #00aef1; font-size: 14px; border-bottom: 1px dotted transparent; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-blog-post__category a:hover {border-bottom-color: #00aef1;} .b-blog-post__row {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-blog-post_xs, .b-blog-post_lg, .b-blog-post_xl {border-radius: 3px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1px); transform: perspective(1px); background-color: #fff;} .b-blog-post_xs__title {padding: 20px 30px; margin: 0;} .b-blog-post_xs__title-link {margin: 0;} .b-blog-post_lg, .b-blog-post_xl {height: 440px;} .b-blog-post_xs:hover .b-blog-post__cover-img, .b-blog-post_lg:hover .b-blog-post__cover-img, .b-blog-post_xl:hover .b-blog-post__cover-img {-webkit-transform: scale(1.1) rotate(1deg); -ms-transform: scale(1.1) rotate(1deg); transform: scale(1.1) rotate(1deg);} .b-blog-post__cover-wrapper {overflow: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-transform: perspective(1px); transform: perspective(1px);} .b-blog-post_xl .b-blog-post__cover-wrapper {border-top-right-radius: 0;} .b-blog-post__cover-link {display: block;} .b-blog-post__cover {display: block; position: relative;} .b-blog-post__cover-img {display: block; max-width: 100%; height: auto; -webkit-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms;} .b-blog-post__texts-wrapper {padding: 20px 30px 30px; -webkit-box-sizing: border-box; box-sizing: border-box;} .b-blog-post_xl .b-blog-post__texts-wrapper {padding-left: 0;} .b-blog-post__meta {position: absolute; left: 0; bottom: 0; right: 0; background-color: #fff; opacity: .85; padding: 10px 30px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #444;} .b-blog-post__meta .fa {margin-right: 5px;} .b-blog-post__title {color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;} .b-blog-post__title-link {color: #000; display: block; font-size: 18px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-blog-post__title-link:hover {color: #00aef1;} .b-blog-post__text p {color: #000; font-size: 14px; font-weight: 400; line-height: 1.25;} .b-blog-post__text p:not(:first-child) {margin-top: 5px;} .b-blog-post_xl .b-blog-post__more-btn-wrapper {left: 0; right: 30px;} .b-blog-post_lg .b-blog-post__more-btn-wrapper, .b-blog-post_mini .b-blog-post__more-btn-wrapper {left: 30px; right: 30px;} .b-blog-post__more-btn-wrapper {margin-top: 25px; text-align: center; margin-top: 25px; text-align: center; position: absolute; bottom: 30px;} .b-blog-post__more-btn:link, .b-blog-post__more-btn:visited {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; opacity: .84; color: #000; font-size: 14px; font-weight: 400; line-height: 1; text-transform: uppercase; padding: 14px 40px; border-radius: 3px; border: 1px solid #cecece; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;} .b-blog-post__more-btn:hover {background-color: #00aef1; border-color: transparent; color: #fff;} .b-blog-post__share {padding-right: 30px; padding-bottom: 30px; padding-left: 30px;} .b-blog-post_full .b-blog-post__texts-wrapper h1, .b-blog-post_full .b-blog-post__texts-wrapper h2, .b-blog-post_full .b-blog-post__texts-wrapper h3, .b-blog-post_full .b-blog-post__texts-wrapper h4, .b-blog-post_full .b-blog-post__texts-wrapper h5, .b-blog-post_full .b-blog-post__texts-wrapper h6 {color: #000; font-weight: 700; text-transform: uppercase; margin-top: 30px; margin-bottom: 20px;} .b-blog-post_full .b-blog-post__texts-wrapper h1 {font-size: 30px;} .b-blog-post_full .b-blog-post__texts-wrapper h2 {font-size: 26px;} .b-blog-post_full .b-blog-post__texts-wrapper h3 {font-size: 24px;} .b-blog-post_full .b-blog-post__texts-wrapper h4 {font-size: 22px;} .b-blog-post_full .b-blog-post__texts-wrapper h5 {font-size: 20px;} .b-blog-post_full .b-blog-post__texts-wrapper h6 {font-size: 18px;} .b-blog-post_full .b-blog-post__texts-wrapper p, .b-blog-post_full .b-blog-post__texts-wrapper li {color: #000; font-size: 16px; font-weight: 400; line-height: 1.5;} .b-blog-post_full .b-blog-post__texts-wrapper ul, .b-blog-post_full .b-blog-post__texts-wrapper ol {margin-top: 30px; margin-bottom: 30px;} .b-blog-post_full .b-blog-post__texts-wrapper ul li {padding-left: 30px; position: relative;} .b-blog-post_full .b-blog-post__texts-wrapper ul li:before {content: ''; background-color: #00aef1; width: 8px; height: 8px; position: absolute; left: 8px; top: 7px; border-radius: 50%;} .b-blog-post_full .b-blog-post__texts-wrapper li:not(:first-child) {margin-top: 10px;} /*! Block: Блок с актуальными акциями 20 ноября 2017 г. */ .b-front-promos {margin-top: 30px; margin-bottom: 30px;} .b-front-promos__row:not(:first-child) {margin-top: 30px;} .b-front-promos__row_btn {text-align: center;} .b-front-promos__col:not(:first-child) {margin-top: 30px;} .b-front-promos__item {display: block; overflow: hidden; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px #b3b3b3; box-shadow: 0px 1px 3px 0px #b3b3b3; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; -o-transition: box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms;} .b-front-promos__item:hover {-webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.45);} @media (min-width: 768px) {.b-front-promos__col:first-child, .b-front-promos__col:nth-child(2), .b-front-promos__col:nth-child(3) {margin-top: 0;}} .kb-promos__row_items {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -30px;} .kb-promos__col_item {margin-top: 20px;} @media (min-width: 768px) { .kb-promos__col_item {margin-top: 30px;} } .b-w-club-of-buyers {border-radius: 3px; border: 1px solid #FF7200; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px;} .b-w-club-of-buyers__row:not(:first-child) {margin-top: 15px;} .b-w-club-of-buyers__title, .b-w-club-of-buyers__discount {text-align: center; color: #303030; line-height: 1;} .b-w-club-of-buyers__title {font-size: 24px;} .b-w-club-of-buyers__discount {font-size: 48px; font-weight: bold;} .b-w-club-of-buyers__currency {font-size: 18px; font-weight: 400;} .b-w-club-of-buyers__btn, .b-w-club-of-buyers__btn:link, .b-w-club-of-buyers__btn:active, .b-w-club-of-buyers__btn:focus {background-color: #00aef1; color: #fff; font-size: 24px; height: 60px; line-height: 60px; border-radius: 3px; display: block; margin: 0 auto; text-align: center; -webkit-transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; -o-transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;} .b-w-club-of-buyers__btn:hover {color: #fff; background-color: #693f72;} .b-f-club-of-buyers {background-color: #fff; max-width: 730px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px;} .b-f-club-of-buyers__row:not(:first-child) {margin-top: 15px;} .b-f-club-of-buyers__row_separator:before {background-color: #CDCDCD; content: ''; display: block; height: 1px; position: relative; width: 100%;} .b-f-club-of-buyers__row_form:not(:first-child) {margin-top: 30px;} .b-f-club-of-buyers__title, .b-f-club-of-buyers__subtitle, .b-f-club-of-buyers__notes, .b-f-club-of-buyers__content p, .b-f-club-of-buyers__content li {color: #303030;} .b-f-club-of-buyers__title {font-size: 28px; font-weight: bold; line-height: 1;} .b-f-club-of-buyers__subtitle {font-size: 18px; line-height: 1;} .b-f-club-of-buyers__content p {font-size: 24px;} .b-f-club-of-buyers__content p:not(:first-child) {margin-top: 15px;} .b-f-club-of-buyers__content ul {margin-left: 30px; margin-bottom: 30px; margin-right: 0;} .b-f-club-of-buyers__content ul:not(:first-child) {margin-top: 30px;} .b-f-club-of-buyers__content li {font-size: 18px; position: relative; padding-left: 25px;} .b-f-club-of-buyers__content li:not(:first-child) {margin-top: 15px;} .b-f-club-of-buyers__content li:before {font-family: FontAwesome; position: absolute; left: 0; font-size: 18px; content: '\f00c'; color: #FF7200;} .b-f-club-of-buyers__notes {font-size: 16px;} .b-f-club-of-buyers__form-row:not(:first-child) {margin-top: 30px;} .b-f-club-of-buyers__form-row_inputs, .b-f-club-of-buyers__form-row_btn {display: -webkit-box; display: -ms-flexbox; display: flex;} .b-f-club-of-buyers__form-row_inputs {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .b-f-club-of-buyers__form-row_btn {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .b-f-club-of-buyers__input-wrap {width: 32%;} .b-f-club-of-buyers__btn, .b-f-club-of-buyers__btn:link, .b-f-club-of-buyers__btn:active, .b-f-club-of-buyers__btn:focus {background-color: #00aef1; color: #fff; font-size: 18px; padding: 14px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; line-height: 1; border-radius: 3px; display: block; margin: 0 auto; text-align: center; -webkit-transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; -o-transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;} .b-f-club-of-buyers__btn:hover {color: #fff; background-color: #693f72;} .b-article {} .b-article__content h1 {font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.25; margin-bottom: 15px;} .b-article__content h1:not(:first-child) {margin-top: 20px;} .b-article__content h2 {font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 1.25;} .b-article__content h2:not(:first-child) {margin-top: 20px;} .b-article__content h3 {font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 1.25;} .b-article__content h3:not(:first-child) {margin: 30px 0 25px;} .b-article__content h4 {font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 1.25;} .b-article__content h4:not(:first-child) {margin-top: 20px;} .b-article__content h5 {font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 1.25;} .b-article__content h5:not(:first-child) {margin-top: 20px;} .b-article__content h6 {font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.25;} .b-article__content h6:not(:first-child) {margin-top: 20px;} .b-article__content p, .b-article__content li, .b-article__content blockquote { font-size: 16px; line-height: 1.4;} .b-article__content p:not(:first-child) {margin-top: 10px;} .b-article__content p:not(:first-child) {margin-top: 10px;} .b-article__content ul:not(:first-child) {margin: 20px 0;} .b-article__content ul li {padding-left: 30px; position: relative;} .b-article__content ul li:not(:first-child) {margin-top: 5px;} .b-article__content ul li:before {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b5b5b5; position: absolute; left: 13px; top: 8px; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms;} .b-article__content ul li:hover:before {background-color: #00aef1;} .b-article__content blockquote {font-style: italic;} .b-article__content blockquote:not(:first-child) {margin: 20px 0;} .b-article__content img {max-width: 100%; height: auto;} .b-v2-items-catalog-actions__content-row {display: none;} .b-article__back-wrap {text-align: center; margin: 30px 0;} .b-article__back-link {display: inline-block; font-size: 14px; line-height: 20px; color: #000; transition: .3s; padding: 10px 40px; border-radius: 20px; background: #ececec;} .b-article__back-link:hover {color: #fff; background: #00aef1;} @media (min-width: 768px) { .b-article__content h1 {font-size: 18px;} .b-article__back-link {font-size: 18px; padding: 10px 25px;} } .b-catalog-filter-toggle {background-color: #00aef1; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px #b3b3b3; box-shadow: 0px 1px 3px 0px #b3b3b3; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 18px; padding: 15px 25px; text-align: center; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms;} .b-catalog-filter-toggle.js-open, .b-catalog-filter-toggle:hover {background-color: #693f72;} .b-cart-table {background-color: #fff; -webkit-box-shadow: 0px 1px 3px 0px #b3b3b3; box-shadow: 0px 1px 3px 0px #b3b3b3; border: none;} @media (min-width: 768px) {.b-cart-table {background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}} .b-cart-table thead {display: none;} @media (min-width: 768px) {.b-cart-table thead {display: table-header-group;}} .b-cart-table tbody {display: block; width: 100%;} @media (min-width: 768px) {.b-cart-table tbody {display: table-row-group; width: initial;}} .b-cart-table tbody tr {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: transparent !important;} .b-cart-table tbody tr:not(:first-child) {border-top: 3px solid #f6f6f6 !important;} @media (min-width: 768px) {.b-cart-table tbody tr {display: table-row; -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; background: #f3f3f3 !important; border-top: 1px solid #fff !important;}} .b-cart-table tbody td:nth-child(1) {width: 100% !important; background-color: transparent !important;} @media (min-width: 768px) {.b-cart-table tbody td:nth-child(1) {width: 83px !important; background: #f0f0f0 !important;}} .b-cart-table tbody td:nth-child(1) img {width: 110px; height: auto;} @media (min-width: 768px) {.b-cart-table tbody td:nth-child(1) img {width: auto;}} .b-cart-table tbody td:nth-child(2) {text-align: center !important; width: 100% !important;} @media (min-width: 768px) {.b-cart-table tbody td:nth-child(2) {width: 30% !important; text-align: left !important;}} .b-cart-table tbody td:nth-child(3):before {content: 'Цена за шт.';} .b-cart-table tbody td:nth-child(4):before {content: 'Кол-во.';} .b-cart-table tbody td:nth-child(5):before {content: 'Сумма, руб.';} .b-cart-table tbody td:nth-child(3):before, .b-cart-table tbody td:nth-child(4):before, .b-cart-table tbody td:nth-child(5):before {display: block; text-align: center; color: #737373; margin-bottom: 5px;} .container .container {padding-left: 0; padding-right: 0;} .bonus-badge.bonus-badge--catalog .svg-bonus-badge text {font-size: 10px !important;} .goods-set-grid {display: flex;} .goods-set-item-wrap {display: flex;} .goods-set-action {height: 170px;display: flex;align-items: center;justify-content: center;width: 67px; color: #00AEF1;} .goods-set-action svg path {fill: currentColor !important;} .goods-set-item {width: 216px; color: #333;position: relative;} .goods-set-item__media {height: 170px; display: flex;align-items: center;justify-content: center; margin-bottom: 20px;background: #FFFFFF; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); border-radius: 10px;} .goods-set-item__media img {max-width: 100%;} .goods-set-item__title {font-weight: 500;font-size: 16px;line-height: 19px;margin-bottom: 10px;} .goods-set-item__code {height: 14px; margin-bottom: 10px;} .goods-set-item__code .b-v2-product-inner__title-code {margin-left: 0; bottom: 0;display: inline-block;} .goods-set-item__price {font-weight: 500;font-size: 12px;line-height: 131.19%;} .goods-set-item__price > div {margin-bottom: 5px; display: flex; white-space: nowrap;align-items: center;} .goods-set-item__price > div span {margin-left: 5px;} .goods-set-item__price .accent-bg, .goods-set-total__price .accent-color {color: #fff; background: #633b73;display: inline-block; padding: 5px 9px;border-radius: 5px;} .goods-set-item__link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;} .goods-set-total {background: #FFFFFF;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); border-radius: 10px; height: 170px; padding: 30px 20px 20px; color:#333; flex-grow: 1; max-width: 360px;} .goods-set-total__price {margin-bottom: 5px;white-space: nowrap;display: flex;align-items: center;justify-content: space-between;font-weight: 500;font-size: 14px;line-height: 131.19%;} .goods-set-total__price .accent-color {font-size: 14px;} .goods-set-total__btn {margin-top: 25px;display: block;background:#00AEF1;border-radius: 5px;color:#fff;font-weight: 500;font-size: 16px;line-height: 20px; padding: 10px 20px;text-align: center;} .goods-set-total__btn:hover {background: #FF6F00; color: #fff;} @media screen and (max-width: 1279px) { .goods-set-grid {flex-wrap: wrap;} .goods-set-item-wrap {display: block; width: 100%;} .goods-set-item {margin-bottom: 15px; width: 100%;display: flex;} .goods-set-item__media {height: 140px;width: 103px; flex-shrink: 0;margin-right: 15px;margin-bottom: 0;} .goods-set-item__info {flex-grow: 1;} .goods-set-item__price > div {justify-content: space-between;white-space: normal;} .goods-set-item__price > div span {white-space: nowrap;} .goods-set-action {height: auto; margin: 12px 0;text-align: center; width: 100%; min-height: 30px;} .goods-set-total {padding-bottom: 40px; height: auto;} } .accent-section {position: relative; background: #0092d7 url(/bitrix/templates/kb2022/img/l-v2-header.jpg) repeat-y 0 0; color: #fff; padding: 15px 25px; border-radius: 10px;} .accent-section .b-v2-default-page-title {color: #fff;} .accent-section .b-v2-short-tags__item.b-v2-short-tags__item_label {display: none;} .accent-section a {color: #fff;} .accent-section .b-v2-short-tags__list {margin: 10px -4px 0; display: flex; flex-wrap: wrap;} .accent-section .b-v2-short-tags__item {margin: 10px 4px 0; float: none; flex-grow: 1;} .accent-section .b-v2-short-tags__link {border: 2px solid rgba(255,255,255,.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; height: 67px; padding: 5px 20px; font-weight: 700; font-size: 14px;} .accent-section .b-v2-short-tags__link:active, .accent-section .b-v2-short-tags__link:focus, .accent-section .b-v2-short-tags__link:focus:active, .accent-section .b-v2-short-tags__link:hover {border-color: #fff; background: #fff; color: #0092d7;} .accent-section__hint {position: absolute; top: 0; right: 0; padding: 20px 50px 20px 30px; border-radius: 15px; color: #fff; background: rgba(99,59,115,.8); transform: translateY(-50%); font-size: 12px; max-width: 264px; opacity: 0; transition: .5s; pointer-events: none; z-index: 1;} .accent-section__hint.active {opacity: 1; pointer-events: auto;} .accent-section__close {position: absolute; top: 10px; right: 10px; border: 1px solid #fff; width: 14px; height: 14px; border-radius: 50%; background: none; font-size: 10px; line-height: 10px; text-align: center; padding: 0 0 0 1px;} @media screen and (max-width: 1279px) { .accent-section {padding: 10px;} .catalog .accent-section .b-v2-default-page-title {font-size: 20px;} .accent-section .b-v2-short-tags__link {height: 40px; border-radius: 30px; padding-left: 10px; padding-right: 10px;} } .b-v2-product-info-module__content ol {padding-left: 25px;} .b-v2-product-info-module__content ol li {list-style: decimal;} .expert-opinion {position: relative;} .expert-opinion__head {display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: -70px; z-index: 1;} .expert-opinion__avatar {margin-right: 20px; flex-shrink: 0;} .expert-opinion__avatar img {width: 140px; height: 140px; border-radius: 50%; object-position: 50% 50%; object-fit: cover;} .expert-opinion__name {font-style: italic; font-weight: 700; font-size: 18px; margin-bottom: 30px;} .expert-opinion__opinion {border-radius: 10px; background: #ececec; padding: 90px 65px 60px; font-size: 12px; line-height: 1.25; position: relative;} .expert-opinion__opinion::before, .expert-opinion__opinion::after {font-size: 72px; position: absolute; font-weight: 700; color: #0192c9; font-style: italic; line-height: 1; font-family: Montserrat, sans-serif;} .expert-opinion__opinion::before {content: '“'; top: 35px; left: 15px;} .expert-opinion__opinion::after {content: '”'; bottom: -15px; right: 35px;} .expert-opinion__opinion p {margin-bottom: 20px;} .expert-opinion__opinion p:last-child {margin-bottom: 0;} .expert-recommendation h2 {margin-bottom: 20px; font-size: 18px; margin-top: 35px;} .expert-recommendation .b-v2-catalog-product__title {min-height: 0;} .expert-recommendation .b-v2-catalog-product__title-link {font-size: 14px;} .expert-recommendation .b-v2-catalog-product__row_rating {font-size: 5px;} .product-block {position: relative; overflow: hidden; border-radius: 10px; background: #ececec; font-size: 12px; margin-bottom: 25px;} .product-block__title {background: #f9f9f9; padding: 15px 30px; margin: 0; font-size: 18px;} .product-block__text {padding: 10px 30px;} .product-block li {margin-bottom: 5px; padding-left: 8px;} .product-block li::marker {content: '+'; font-weight: 700; color: #0192c9; font-size: 1.5em;} .link-toggle-properties {display: inline-block; margin-top: 20px; font-weight: 600;} .b-v2-catalog-nav__sublist-tags {display: flex; flex-wrap: wrap;} .b-v2-catalog-nav__sublist-tags a {margin: 0 2px 4px 0; display: flex; padding: 3px 7px; border-radius: 10px; color: #000; background-color: #ececec;} .b-v2-items-catalog .b-v2-catalog-items__item-flex-wrapper {margin-bottom: 30px;} .b-v2-items-catalog .expert-opinion__title {font-size: 16px;} .b-v2-items-catalog .expert-recommendation h2 {font-size: 16px;} .b-v2-items-catalog .expert-opinion__opinion {padding: 90px 30px 60px;} .b-v2-items-catalog .expert-opinion__head {margin-bottom: -40px; margin-top: 15px;} .b-v2-items-catalog .expert-opinion__avatar img {width: 80px; height: 80px;} .b-v2-items-catalog .expert-opinion__opinion::before {top: 45px; left: 5px;} .b-v2-items-catalog .product-block__title {font-size: 16px;} .b-v2-items-catalog .product-block__text {line-height: 1.25;} .offers-carousel-wrap {position: relative;} .offers-carousel {margin: 20px 0 30px;} .offers-carousel__item {background: #fff; border-radius: 10px; overflow: hidden; width: 160px; display: flex; align-items: center; justify-content: center;} .offers-carousel .offers-carousel__item img {width: auto; max-width: 100%;} .offers-carousel .owl-nav {position: absolute; top: 50%; left: -15px; right: -15px; height: 0; display: flex; align-items: center; justify-content: space-between;} .offers-carousel .owl-nav > div {font-weight: 700; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #2e2f36; border-radius: 50%;} .offers-carousel .owl-nav > div:hover {background: #00aef1;} @media screen and (min-width: 768px) { .offers-carousel__item {width: 200px;} } @media screen and (min-width: 1024px) { .offers-carousel__item {width: 225px;} } @media screen and (max-width: 767px) { .offers-carousel-wrap {padding-left: 15px; padding-right: 15px;} .offers-carousel-wrap .b-v2-fp-module__title {text-align: left; font-size: 16px; line-height: normal;} } /* темная тема is-dark-theme */ .is-dark-theme {background: #111112; color: #fff;} .is-dark-theme .l-v2-header {background: #1d1e22;} .is-dark-theme .l-v2-header__column_search .b-v2-search-form__input {background: #b5b5b6;} .is-dark-theme .product-new .b-v2-product-info-module {border-radius: 10px;} .is-dark-theme .l-v2-breadcrumbs, .is-dark-theme .b-v2-product-info-module, .is-dark-theme .b-v2-items-catalog__content, .is-dark-theme .b-v2-catalog-filter__list, .is-dark-theme .b-v2-catalog-filter__buttons, .is-dark-theme .product-new .product-tags {background: #111112;} .is-dark-theme .accent-section {background: #1d1e22;} .is-dark-theme .b-v2-product-reviews_inner_page, .is-dark-theme .product-new .b-v2-product-subpart-links h3, .is-dark-theme .b-v2-product-inner-cart__actual-price, .is-dark-theme .b-v2-short-tags__label-span, .is-dark-theme .b-v2-catalog-sort__label, .is-dark-theme .b-v2-catalog-filter__list-item-title, .is-dark-theme .b-v2-catalog-filter__checkbox + .b-v2-catalog-filter__label, .is-dark-theme .b-v2-product-inner__title {color: #fff;} .is-dark-theme .product-new .price-follow__btn {background: #ffc000;} .is-dark-theme .b-v2-characteristics__label, .is-dark-theme .b-v2-characteristics__value {background: #111112; color: #fff;} .is-dark-theme .product-new .b-v2-product-cover {border-color: #1d1e22;} .is-dark-theme .b-v2-product-inner__sidebar-group, .is-dark-theme .footer, .is-dark-theme .b-v2-main-cat {background: #1d1e22; color: #fff;} .is-dark-theme .b-v2-product-additional-info__link, .is-dark-theme .b-submit-form__title, .is-dark-theme .footer__title, .is-dark-theme .goods-set-item, .is-dark-theme .b-v2-fp-module__title, .is-dark-theme .b-v2-catalog-sort__link, .is-dark-theme .b-v2-product-additional-info__link:focus {color: #fff;} .is-dark-theme .b-v2-cat-pagination__link, .is-dark-theme .b-v2-cat-pagination__or-link, .is-dark-theme .b-v2-product-info-module__title, .is-dark-theme .catalog-home__main-title, .is-dark-theme .b-v2-price-filter__label, .is-dark-theme .b-v2-main-cat .product-reviews__item__description h2 {color: #fff;} .is-dark-theme .expert-opinion__opinion, .is-dark-theme .product-block {background: #1d1e22;} .is-dark-theme .product-block__title {color: #000;} .is-dark-theme .product-new .similar-card {background: #fff; border-radius: 10px;} .is-dark-theme .b-submit-form__form_flex {background: #bcbcbd;} .is-dark-theme .b-v2-catalog-product {border-radius: 10px;} .is-dark-theme .b-v2-catalog-items__list {margin-left: -4px; margin-right: -4px;} .is-dark-theme .b-v2-catalog-items__list .b-v2-catalog-items__item {padding: 0 4px 30px;} .is-dark-theme .b-v2-catalog-product__row {padding-left: 10px !important; padding-right: 10px !important;} .is-dark-theme .b-v2-catalog-product__row_buttons {right: 0;} .is-dark-theme .b-email-submit {background-image: url("/bitrix/templates/kb2022/img/b-email-submit-dark.jpg");} body.is-home-page.is-dark-theme .l-v2-default_vertical_margin_30.l-slider {background-color: #1d1e22; background-image: none;} .is-dark-theme hr {border-color: rgba(255,255,255,.5);} .is-dark-theme .catalog-home__category__item__banner__wrapper img {background-color: #fff;} .is-dark-theme .b-v2-catalog-filter__list-item-title::after {color: #fff; border-color: #fff;} .is-dark-theme .l-v2-default__column_sidebar_left .product-block__title {background: rgba(255,255,255,.05); color: #fff;} .is-dark-theme .b-v2-default-page-title {color: #fff;} .is-dark-theme .b-v2-main-cat__link {color: #fff;} .is-dark-theme .b-v2-main-cat__row .b-v2-main-cat__hidden-list, .is-dark-theme .b-v2-main-cat__row::before {background: #1d1e22;} .is-dark-theme .b-v2-main-cat__hidden-item-link, .is-dark-theme .b-v2-main-cat__hidden-item-link:focus {color: #fff;} .is-dark-theme .b-v2-main-cat__row .b-v2-main-cat__hidden-list {padding-top: 20px;} .is-dark-theme .b-v2-main-cat .b-v2-main-cat__hidden-list, .is-dark-theme .b-v2-main-cat:hover .b-v2-main-cat__hidden-list {box-shadow: none;} .is-dark-theme .b-v2-main-cat__row .b-v2-main-cat__hidden-list::after {background: linear-gradient(to bottom, rgba(29,30,34,0), #1d1e22);} .b-v2-main-cat:hover .b-v2-main-cat__title {z-index: 11;} @media screen and (max-width: 767px) { .is-dark-theme .b-v2-product-info-module { border-color: rgba(255,255,255,.5); } .is-dark-theme .b-v2-product-info-module__title { background: #1d1e22; } } .b-blog-post__cover-wrapper {border-bottom: 1px solid #ececec; flex-shrink: 0;} .b-blog-post__cover-wrapper + .b-blog-post__title {padding: 10px 15px;} .b-blog-post__cover {position: relative; padding-bottom: 75%; background: #efefef; } .b-blog-post__cover::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/bitrix/templates/kb2022/nophoto.png) no-repeat 50% 30%; filter: brightness(100);} .b-blog-post__cover-img {width: 80%; height: 80%; position: absolute; top: 10%; left: 10%; object-position: 50% 50%; object-fit: contain;} .b-blog-post__texts-wrapper {padding: 15px;} .b-blog-post__meta {padding: 10px 15px;} .b-blog-post_lg, .b-blog-post_xl {height: 100%; display: flex; flex-direction: column;} .b-blog-post_lg .b-blog-post__more-btn-wrapper, .b-blog-post_mini .b-blog-post__more-btn-wrapper {position: relative; bottom: 0; left: 0; right: 0; padding-top: 20px; margin-top: auto;} .l-blog-content__sub-row.row {display: flex; flex-wrap: wrap;} .b-blog-post__texts-wrapper {flex-grow: 1; display: flex; flex-direction: column;} .b-blog-post__text img {max-width: 100%; height: auto;} .is-dark-theme .l-blog-content__comments, .is-dark-theme .l-blog-content__full-post, .is-dark-theme .l-blog-content__pagination, .is-dark-theme .l-blog-content__content-item, .is-dark-theme .l-blog-content__post {color: #000;} /* End */ /* Start:/bitrix/templates/kb2022/showroom_styles.css?167543288614907*/ @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerLight.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerLight.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerRegular.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerRegular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerExtraBold.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerMedium.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerMedium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerBlack.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerBlack.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Muller'; src: url("/bitrix/templates/kb2022/fonts/Muller/MullerBold.woff2") format("woff2"), url("/bitrix/templates/kb2022/fonts/Muller/MullerBold.woff") format("woff"); font-weight: 700; font-style: normal; } .showroom { font-family: 'Muller', arial, sans-serif; font-weight: 700; color: #010101; font-size: 14px; line-height: 1.25; } .showroom img { max-width: 100%; } .showroom__header { background: #f6f6f6; padding: 20px 0 14px; text-align: center; position: relative; } .showroom__header .btn-wrap { margin-bottom: 15px; } .showroom__header .btn-wrap a { height: 36px; display: inline-flex; padding: 0 10px; color: #fff; align-items: center; justify-content: center; background: #00aef1; border-radius: 18px; font-weight: 400; text-decoration: none; } .showroom__header .title { color: #633b73; font-size: 18px; font-weight: 900; margin-bottom: 10px; } .showroom__banner { text-align: center; background: #2e9fce; } .showroom__banner-wrap { display: flex; align-items: center; justify-content: center; } .showroom__banner-text { color: #fff; background: #00aef1; text-align: center; overflow: hidden; font-size: 16px; padding: 5px 15px 8px; margin-bottom: 35px; } .showroom__banner-text ul { list-style: none; padding: 0; margin: 0; } .showroom__banner-text li { margin: 3px 0; } .showroom__banner-text li::before { content: "\f058"; font-family: 'FontAwesome'; color: #633b73; margin-right: 5px; } .showroom__footer { position: relative; background: url(/bitrix/templates/kb2022/img/brands/showroom-footer.jpg) no-repeat 50% 0; background-size: cover; color: #fff; padding: 20px 0; text-align: center; } .showroom__footer .btn-wrap { margin-bottom: 15px; } .showroom__footer .btn-wrap a { height: 36px; display: inline-flex; padding: 0 10px; background: #fff; align-items: center; justify-content: center; color: #00aef1; border-radius: 18px; font-weight: 400; text-decoration: none; } .showroom__footer .title { font-size: 18px; font-weight: 900; margin-bottom: 10px; } .showroom__video { font-family: 'Muller', arial, sans-serif; text-align: center; } .showroom__video .title { font-weight: 800; color: #633b73; font-size: 18px; margin-bottom: 14px; } .showroom__video .video { position: relative; margin-bottom: 20px; display: inline-block; } .showroom__video .video::before, .showroom__video .video::after { content: ''; display: block; position: absolute; width: 80px; height: 80px; border: 5px solid #633b73; pointer-events: none; } .showroom__video .video::before { top: -5px; left: -5px; border-right: none; border-bottom: none; } .showroom__video .video::after { bottom: -5px; right: -5px; border-left: none; border-top: none; } .showroom__video .video a { display: block; } .showroom__video .video a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/bitrix/templates/kb2022/img/brands/video-btn.png) no-repeat 50% 50%; } .showroom__map { background: url(/bitrix/templates/kb2022/img/brands/map_bg.jpg) no-repeat 50% 50%; background-size: cover; text-align: center; padding: 17px 0 20px; margin-bottom: 35px; } .showroom__map .title { font-size: 18px; font-weight: 800; color: #00aef1; margin-bottom: 12px; } .showroom__map .contacts { font-weight: 900; background: #fff; padding: 10px 5px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); margin-bottom: 125px; pointer-events: auto; } .showroom__map .contacts__title { font-size: 16px; margin-bottom: 10px; } .showroom__map .contacts__subtitle { color: #f24841; } .showroom__map .btn-wrap { margin-bottom: 65px; } .showroom__map .btn-wrap .btn { color: #fff; border-radius: 5px; background: #00aef1; font-size: 22px; padding: 14px 28px; display: inline-block; pointer-events: auto; cursor: pointer; } .showroom__map .btn-wrap .btn:hover { color: #fff; background: #ff6f00; } .showroom__map .map { position: relative; padding: 20px 10px; } .showroom__map .map #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ccc; } .showroom__map .map__content { position: relative; pointer-events: none; } .showroom__catalog-links .catalog-links__head { text-align: center; font-size: 18px; font-weight: 800; color: #633b73; margin-bottom: 32px; } .showroom__catalog-links .catalog-links__item { text-align: center; } .showroom__catalog-links .catalog-links__media { margin-bottom: 8px; } .showroom__catalog-links .catalog-links__title { text-align: center; font-size: 18px; font-weight: 800; margin-bottom: 20px; } .showroom__catalog-links .catalog-links__subtitle { padding: 20px 15px 23px; text-align: center; font-size: 14px; font-weight: 800; color: #633b73; position: relative; text-transform: uppercase; line-height: 1.4; } .showroom__catalog-links .catalog-links__subtitle::before { content: ''; position: absolute; top: 0; left: 50%; width: 200px; height: 2px; margin-left: -100px; background: #d1d1d1; } .showroom__anketa { margin-bottom: 45px; } .showroom__anketa-head { color: #fff; background: #633b73; padding: 17px 40px 12px; text-align: center; font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 20px; } .showroom__anketa-item { border-radius: 5px; background: #f7f7f7; padding: 16px 12px 2px; box-shadow: 0 1px 3px #b3b3b3; font-family: 'Arial Narrow', arial, sans-serif; font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 10px; } .showroom__anketa-item .title { margin-bottom: 25px; } .showroom__anketa-item .actions { padding-bottom: 20px; } .showroom__anketa-item .actions a, .showroom__anketa-item .actions span { display: inline-flex; align-items: center; border-radius: 3px; color: #fff; background: #d1d1d1; height: 40px; width: 165px; justify-content: center; text-decoration: none; cursor: pointer; } .showroom__anketa-item .actions a:hover, .showroom__anketa-item .actions span:hover { background: #00aef1; color: #fff; } .showroom__anketa-item .actions-hide [data-toggle="collapse"] { text-transform: uppercase; font-size: 11px; color: #a2a2a2; cursor: pointer; } .showroom__anketa-item .actions-hide [data-toggle="collapse"] span { border-bottom: 1px dotted #a2a2a2; } .showroom__anketa-item .actions-hide [data-toggle="collapse"] span.text-hidden { display: inline; } .showroom__anketa-item .actions-hide [data-toggle="collapse"] span.text-show { display: none; } .showroom__anketa-item .actions-hide [data-toggle="collapse"]:hover span { border-bottom-color: transparent; } .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="true"] { padding-top: 5px; border-top: 1px solid #d1d1d1; } .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="false"] span.text-hidden { display: none; } .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="false"] span.text-show { display: inline; } .showroom__anketa-text { font-size: 16px; margin-bottom: 9px; text-align: left; padding: 6px 0; } .showroom__anketa-text img { margin-top: 11px; } .showroom__anketa-form .form-group { margin-bottom: 10px; } .showroom__anketa-form .form-control { width: 100%; height: 50px; padding: 0 10px; font-size: 16px; } .showroom__anketa-form .form-control[type="file"] { position: absolute; right: 0; pointer-events: none; opacity: 0; } .showroom__anketa-form .form-control[type="file"] + label { position: absolute; margin-top: -45px; right: 40px; line-height: 20px; height: 20px; text-transform: uppercase; color: #633b73; font-weight: 700; font-size: 14px; text-decoration: underline; padding-right: 22px; background: url(/bitrix/templates/kb2022/assets/images/icon-pin.png) no-repeat 100% 50%; } .showroom__anketa-form .form-control[type="file"] + label:hover { text-decoration: none; } .showroom__anketa-form textarea.form-control { height: 150px; padding: 12px 10px; } .showroom__anketa-form p { margin: 15px 0 5px; text-align: left; font-size: 16px; } .showroom__anketa-form .btn { display: inline-flex; align-items: center; border-radius: 3px; color: #fff; background: #d1d1d1; height: 40px; width: 165px; justify-content: center; border: none; margin: 10px 0; text-decoration: none !important; } .showroom__anketa-form .btn-primary { background: #ff6f00; } .showroom__anketa-form .btn-primary:hover { background: #00aef1; color: #fff; } .showroom__anketa-form .btn-info { background: #693f72; } .showroom__anketa-form .btn-info:hover { background: #00aef1; color: #fff; } .showroom .modal-backdrop.in { background: #959595; opacity: .9; } .showroom .modal-dialog { max-width: 300px; } .showroom .modal-content { box-shadow: none; border: none; border-radius: 3px; background: #f7f7f7; } .showroom .modal-content .close { position: absolute; right: 15px; top: 15px; color: #a2a2a2; border: none; border-bottom: 1px dotted #a2a2a2; font-size: 11px; text-transform: uppercase; font-weight: 700; background: none; padding: 0; font-family: 'Arial Narrow', arial, sans-serif; } .showroom .modal-content .close:hover { border-bottom: transparent; } .showroom .modal-content .modal__title { padding: 25px 0 20px; font-weight: 700; font-size: 18px; } .showroom .modal-content .form-group { margin-bottom: 20px; } .showroom .modal-content .form-control { background: #fff; width: 100%; height: 50px; padding: 0 15px; border: 1px solid #cdcdcd; } .showroom .modal-content .text-center { text-align: center; font-size: 14px; } .showroom .modal-content .btn-primary { color: #fff; width: 180px; margin: 0 auto; font-weight: 700; font-size: 20px; height: 40px; border: none; background: #ff6f00; border-radius: 3px; display: block; } .showroom .modal-content .btn-primary:hover { background: #00aef1; color: #fff; } @media (min-width: 768px) { .showroom__header { padding-top: 27px; padding-bottom: 20px; } .showroom__header .title { font-size: 28px; margin-bottom: 3px; } .showroom__header .contacts { font-size: 18px; } .showroom__banner-text { display: none; } .showroom__banner { margin-bottom: 45px; } .showroom__video { margin-bottom: 10px; } .showroom__video .title { font-size: 32px; margin-bottom: 17px; } .showroom__map { padding-top: 24px; padding-bottom: 30px; margin-bottom: 55px; } .showroom__map .title { font-size: 32px; margin-bottom: 18px; } .showroom__map .contacts { max-width: 274px; margin: 0 auto 125px; } .showroom__catalog-links .catalog-links__head { font-size: 31px; } .showroom__catalog-links .catalog-links__media { height: 220px; display: flex; align-items: flex-end; justify-content: center; } .showroom__catalog-links .catalog-links__item { margin-bottom: 42px; } .showroom__catalog-links .catalog-links__subtitle { font-size: 18px; } .showroom__anketa-head { font-size: 22px; } .showroom__anketa-head .container { padding: 10px 100px; } .showroom .row { display: flex; flex-wrap: wrap; } .showroom__anketa-item { height: auto; } .showroom__anketa-item .title { padding: 0 50px; } .showroom__anketa-item .collapse { padding: 0 30px; } .showroom .modal-content .modal__title { font-size: 22px; } } @media (min-width: 992px) { .showroom__header .btn-wrap, .showroom__footer .btn-wrap { position: absolute; margin-top: -10px; } .showroom__header .title, .showroom__footer .title { font-size: 36px; margin-top: 20px; } .showroom__header .contacts, .showroom__footer .contacts { font-size: 24px; margin-bottom: 15px; } .showroom__banner { margin-bottom: 95px; } .showroom__video { margin-bottom: 90px; } .showroom__video .title { font-size: 40px; } .showroom__map { padding-top: 30px; margin-bottom: 105px; } .showroom__map .title { font-size: 40px; } .showroom__map .map { padding: 80px 10px 40px; } .showroom__map .contacts { margin-bottom: 155px; } .showroom__catalog-links .catalog-links__head { font-size: 40px; } .showroom__catalog-links .catalog-links__title { font-size: 22px; margin-top: 15px; } .showroom__catalog-links .catalog-links__subtitle { font-size: 20px; } .showroom__anketa-head { font-size: 30px; margin: 22px 0 40px; } .showroom__anketa-head .container { padding: 14px 100px; } .showroom__anketa-item .title { padding: 0 20px; min-height: 2.5em; } .showroom__anketa-item [data-toggle="collapse"] { text-align: right; margin-bottom: 8px; } .showroom__anketa-item .collapse { padding: 0; } .showroom__anketa-form textarea.form-control { height: 185px; } } /* End */ /* Start:/bitrix/templates/kb2022/custom.css?1685529461116901*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .b-v2-horizontal-nav__item { white-space: nowrap; } .b-submit-form-checkbox-container.has-error { border: 1px solid #ff0000; } .row-nospace { margin: 0px; } .b-fw-form-checkbox-container { color: #fff; } .product-reviews__item__cover:hover img { background-color: rgba(0, 0, 0, .5); } .product-reviews__item__more { display: block; float: right; } .product-reviews__item { margin-bottom: 40px; height: 250px; } .b-v2-main-cat { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-box-shadow: 0px 1px 3px 0px #b3b3b3; box-shadow: 0px 1px 3px 0px #b3b3b3; } .l-v2-main-catalog__column { /* margin-top: 0;*/ } .b-v2-main-cat-cover { position: absolute; top: 0; bottom: 0; margin: auto; } .b-v2-main-cat-item-link { vertical-align: top; position: relative; padding-right: 15px; margin-right: 10px; } .b-v2-main-cat-list { margin-bottom: 15px; margin-top: 10px; } .b-v2-main-cat-item { float: left; margin-bottom: 5px; } .item-left { position: relative; min-height: 280px; } .item-left .podcat { position: absolute; bottom: 0; } .b-v2-main-cat-item:first-child { margin-left: 0; } .b-v2-main-cat-item-link, .b-v2-main-cat-item-link:focus { color: #353535; font-size: 17px; text-decoration: none; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .fa-circle:before { color: #CCC; font-size: 8px; position: absolute; right: 0; top: 7px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .masonry-container { margin-top: 30px; } .masonry-container .col-sm-6 { height: 460px; } .masonry-container .col-sm-3 { height: 220px; margin-bottom: 20px; } .masonry-container a { position: relative; display: block; } .masonry-container a .desc { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .masonry-container a:hover .desc { background-color: rgba(0, 0, 0, .5); } body.is-home-page .b-v2-catalog-nav { } .news-list-item .b-v2-main-cat { margin: 15px; min-height: 250px; } .news-list-item h2 { font-size: 18px; } .news-list-item img { max-width: 100%; } .news-list-item .product-reviews__item__description { min-height: 220px; position: relative; } .news-list-item .product-reviews__item__meta { position: absolute; bottom: 0; } .news-list-item .product-reviews__item__meta p { float: left; } .news-item .news-img-detail { margin-bottom: 30px; } .news-item .img-thumbnail { margin-right: 20px; } .news-item .decsription { margin: 15px 0; } .owl-carousel .owl-item img { max-height: 150px; } .b-v2-banner-slider__item img { max-width: 100%; } .news-list-item .product-reviews__item__meta a { } .bPromoPage { background: url(/bitrix/templates/kb2022/img/wrapper-page-bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding-top: 30px; padding-bottom: 30px; margin-top: 20px; min-width: 1170px; /* ������������ */ } .bPromoPage-boxContainer { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); opacity: 1; top: 150px; -webkit-animation: promoBox 1s forwards; animation: promoBox 1s forwards; } .bPromoPage-boxContainerBackground { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #fff; opacity: .60; z-index: 1; } .bPromoPage-boxContainerContent { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; padding: 40px 0px 10px 40px; z-index: 2; } .bPromoPage-formInput { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Arial"; font-size: 14px; width: 280px; display: block; margin: 40px 0; height: 50px; line-height: 50px; padding: 0 10px; border: 1px solid transparent; background-color: #f0f0f0; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; } .bPromoPage-formInput:hover { border-color: #cecece; } .bPromoPage-formInput:focus { border-color: #00aef1; } .bPromoPage-formSubmit { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Arial"; font-size: 26px; width: 280px; display: block; margin: 40px 0; height: 50px; line-height: 47px; padding: 0 10px; background-color: #ff7f00; color: #fff; text-align: center; border-radius: 3px; border-bottom: 3px solid #cd7200; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; } .bPromoPage-formSubmit:active { border-bottom: 0; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .bPromoPage-formSubmit .fa { font-size: 20px; } .bPromoPage-goCatalog { display: block; background-color: #00adf0; width: 360px; height: 74px; line-height: 88px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; margin-top: -15px; -webkit-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; } .bPromoPage-goCatalog:hover { color: #fff; background-color: #693f72; text-decoration: none; } .bPromoPage-goCatalog:active, .bPromoPage-goCatalog:focus { color: #fff; background-color: #693f72; text-decoration: none; } .bPromoPage--message .bPromoPage-column { margin-bottom: 20px; } .bPromoPage--message .bPromoPage-boxContainerContent h1 { text-transform: uppercase; font-weight: bold; font-size: 42px; color: #2cace3; margin-bottom: 40px; } .bPromoPage--message .bPromoPage-boxContainerContent h1 span { color: #474049; font-weight: normal; font-size: 36px; } .bPromoPage--message .bPromoPage-boxContainerContent > p { font-size: 28px; color: #474049; margin: 40px 0 10px 0px; width: 90%; } .login-form-popup input[type="text"].js-error, .login-form-popup input[type="text"].has-error { border-color: #ff0000; } .catalog-new .l-v2-header { z-index: 10; position: relative; } .catalog-new .l-v2-breadcrumbs { display: none; } .catalog-new .row_white { background: #fff; padding-top: 30px; padding-bottom: 30px; } h1.page__title { font-size: 36px; font-weight: 400; margin: 25px 0; } .page__subtitle { font-size: 30px; font-weight: 400; margin: 25px 0 32px; } .catalog-new-group { margin-top: 45px; margin-bottom: 50px; } .catalog-new-group .row { margin-left: -10px; margin-right: -10px; } .catalog-new-group [class*="col-"] { padding-left: 10px; padding-right: 10px; } .catalog-new-group .b-v2-catalog-product { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); box-shadow: 0 1px 5px rgba(0, 0, 0, .3); border-radius: 5px; margin-bottom: 40px; } .catalog-new-group .b-v2-catalog-product__title { margin-top: 5px; line-height: 1; max-height: 2em; overflow: hidden; } .catalog-new-group .b-v2-catalog-product__title-link { font-size: 22px; line-height: 1; } .catalog-new-group .b-v2-catalog-product__price { margin-top: 0; } .catalog-new-group .b-v2-catalog-product__actual-price { font-size: 38px; line-height: 1; } .catalog-new-group .b-v2-catalog-product__currency { font-size: 24px; font-weight: 400; } .catalog-new-group .b-v2-catalog-product__separartor { margin-left: 15px; margin-right: 15px; } .catalog-new-group .b-v2-product-stars__item { font-size: 24px; } .catalog-new-group .b-v2-catalog-product__row_rating { margin-top: 20px; margin-bottom: 22px; } .catalog-new-group .b-v2-main-cat__more-wrap { text-align: center; } .catalog-new-group .b-v2-main-cat__hidden-more-link { font-size: 26px; padding: 12px 35px; margin: 3px 0; } .catalog-new-group .b-v2-catalog-product:hover { -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 0 0 0 1px #00aef1; box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 0 0 0 1px #00aef1; } .catalog-new-group .b-v2-catalog-product:hover .b-v2-catalog-product__title { color: #00aef1; } .catalog-new-group .b-v2-catalog-product:hover .b-v2-catalog-product__row_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 1px 0 0 #00aef1, -1px 0 0 #00aef1, 0 1px 0 #00aef1; box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 1px 0 0 #00aef1, -1px 0 0 #00aef1, 0 1px 0 #00aef1; padding: 17px 7px 30px; border-radius: 0 0 5px 5px; } .catalog-new-group .b-v2-catalog-product__buy { margin-left: 5px; margin-right: 5px; font-size: 24px; } .catalog-new-group .b-v2-catalog-product__fav, .catalog-new-group .b-v2-catalog-product__compare { width: 50px; height: 50px; } .catalog-new .b-v2-short-tags { margin-top: 55px; margin-bottom: 50px; font-size: 18px; padding-left: 24px; padding-right: 24px; } .catalog-new .b-v2-short-tags__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-new .b-v2-short-tags__link { color: #fff; background: #00aef1; border-radius: 5px; padding: 4px 14px; display: inline-block; font-size: 18px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); box-shadow: 0 1px 5px rgba(0, 0, 0, .3); border: 1px solid #00aef1; } .catalog-new .b-v2-short-tags__link:hover { color: #00aef1; background: #fff; } .catalog-new .b-v2-short-tags__item_label { margin-right: 16px; white-space: nowrap; } @media only screen and (min-width: 768px) { .catalog-new .b-v2-short-tags__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .articles-group .row { margin-left: -10px; margin-right: -10px; } .articles-group [class*="col-"] { padding-left: 10px; padding-right: 10px; } .article-item { position: relative; padding: 25px 20px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3); box-shadow: 0 1px 5px rgba(0, 0, 0, .3); border-radius: 5px; margin-bottom: 52px; } .article-item__media { overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #f0f0f0; border-radius: 3px; height: 207px; margin-bottom: 24px; } .article-item__media img { max-width: 100%; } .article-item__media span { position: absolute; background: #fff; border: 1px solid #00aef1; color: #00aef1; font-size: 26px; border-radius: 3px; display: inline-block; padding: 12px 38px; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 1; } .article-item__media::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00aef1; color: #00aef1; display: block; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .article-item__info { } .article-item__title { font-size: 24px; text-align: center; overflow: hidden; white-space: nowrap; margin-bottom: 12px; } .article-item__desc { font-size: 18px; position: relative; overflow: hidden; line-height: 1.3; height: 2.6em; padding: 0 8px; } .article-item__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-decoration: none; display: block; } .article-item:hover { -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 0 0 0 1px #00aef1; box-shadow: 0 8px 10px rgba(0, 0, 0, .25), 0 0 0 1px #00aef1; } .article-item:hover .article-item__media::after { opacity: .5; } .article-item:hover .article-item__media span { opacity: 1; } .b-v2-product-inner__subtitle-wrap { display: flex; margin-bottom: 10px; align-items: center; } .product-new .price-follow { text-align: right; margin-bottom: 23px; } .product-new .price-follow__btn { display: block; color: #000; border-radius: 5px; background: #ffd966; padding: 14px 27px; font-size: 12px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; margin-bottom: 10px; } .product-new .price-follow__btn:hover { background: #00aef1; } .product-new .b-v2-product-inner-cart { } .product-new .b-v2-product-inner-cart__currency { text-transform: uppercase; position: relative; } .product-new .b-v2-product-inner-cart__currency::before { content: ''; display: block; position: absolute; bottom: 11px; left: 1px; width: 10px; height: 2px; background: currentColor; } .product-new .b-v2-product-cart-order__link_basket { margin-top: 15px; height: 40px; line-height: 40px; max-width: 268px; padding-top: 0; padding-bottom: 0; } .product-new .b-v2-product-inner-cart__row_rating { margin-bottom: 15px; } .product-new .b-v2-product-reviews__link, .product-new .b-v2-product-reviews__link:focus { color: #000; } .product-new .b-v2-product-stars__item { margin-left: 5px; } .product-new .b-v2-product-stars__item:first-child { margin-left: 0; } .product-new .b-v2-product-cart-order__link_fast { color: #fff; background: #00aef1; -webkit-box-shadow: none; box-shadow: none; border-radius: 10px; font-size: 16px; height: 40px; line-height: 40px; max-width: 268px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .product-new .b-v2-product-cart-order__link_fast::before { content: none; } .product-new .b-v2-product-cart-order__link_fast:hover { background: #00aef1; color: #fff; } .product-new .b-v2-product-additional-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-new .b-v2-product-additional-info__item { margin: 0 0 10px; text-align: center; padding: 0 8px; } .product-new .b-v2-product-additional-info__item:before { display: block; position: static; height: 25px; content: ''; margin: 0 0 5px; width: 100%; } .product-new .b-v2-product-additional-info__item_stores:before { background: url(/bitrix/templates/kb2022/img/product/icon-address.png) no-repeat 50% 100%; } .product-new .b-v2-product-additional-info__item_delivery:before { background: url(/bitrix/templates/kb2022/img/product/icon-delivery.png) no-repeat 50% 100%; } .product-new .b-v2-product-additional-info__link, .product-new .b-v2-product-additional-info__link:focus { font-size: 17px; } .product-new .b-v2-product-cover { border: 1px solid #00aef1; margin-top: 0; height: 405px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .product-new .b-v2-product-cover img { max-height: 405px; } .product-new .b-v2-product-tumbs { padding: 0 30px; } .product-new .b-v2-product-tumbs__item { width: 66px; margin: 0 auto; } .product-new .b-v2-product-tumbs__link { width: 66px; height: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-new .b-v2-product-tumbs .owl-prev { left: -30px; } .product-new .b-v2-product-tumbs .owl-next { right: -30px; } .product-new .b-v2-product-subpart-links { margin: 0 0 30px 0; padding: 25px 30px; font-size: 12px; line-height: 1.25; } .product-new .b-v2-product-subpart-links::before { content: none; } .product-new .b-v2-product-subpart-links h3 { font-size: 16px; margin: 0 0 15px; color: #000; } .product-new .b-v2-product-subpart-links ul { padding-left: 12px; } .product-new .b-v2-product-subpart-links li { margin-bottom: 10px; position: relative; } .product-new .b-v2-product-subpart-links li::before { content: ''; display: block; border-radius: 50%; position: absolute; top: 8px; left: -12px; width: 4px; height: 4px; background: currentColor; } .product-new .b-v2-product-subpart-links .collapse-toggle { color: #00aef1; font-size: 17px; display: inline-block; margin: 5px 0 8px; cursor: pointer; } .product-new .b-v2-product-subpart-links .collapse-toggle__hide { display: none; } .product-new .b-v2-product-subpart-links .collapse-toggle span { border-bottom: 1px dotted #00aef1; } .product-new .b-v2-product-subpart-links .collapse-toggle:hover span { border-bottom: 1px dotted transparent; } .product-new .product-features { margin-bottom: 20px; } .product-new .product-features__title { position: relative; display: inline-block; font-size: 10px; border-radius: 5px; font-weight: 400; background: #5dbae6; padding: 0 5px; text-align: center; margin-bottom: 10px; margin-right: 10px; line-height: 20px; color: #fff; } .product-new .product-features__title:hover { background: #856692; } .product-new .product-features__title a { color: inherit; } .product-new .b-v2-product-inner_action { padding-bottom: 1px; } .product-new .b-v2-characteristics__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-new .b-v2-characteristics__item::before { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-new .b-v2-characteristics__label-wrapper { width: auto; } .product-new .b-v2-characteristics__label { padding-right: 10px; } .product-new .b-v2-characteristics__value { width: auto; padding-left: 10px; text-align: right; } .product-new .b-v2-product-info-module { border-radius: 3px; } .product-new .product-recommendation { background: #fff; margin: 30px 0 30px; padding: 7px 26px; border-radius: 3px; border-top: 1px solid #e6e6e6; -webkit-box-shadow: 0 1px 3px 0 #b3b3b3; box-shadow: 0 1px 3px 0 #b3b3b3; } .product-new .product-recommendation h3 { font-size: 18px; margin-bottom: 10px; } .product-new .similar-card { position: relative; margin-bottom: 10px; } .product-new .similar-card__media { border: 1px solid #e6e6e6; margin-bottom: 5px; height: 127px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .product-new .similar-card__media img { max-height: 127px; width: auto; max-width: 100%; } .product-new .similar-card__title { text-align: center; font-size: 16px; overflow: hidden; line-height: 1.1; height: 2.2em; padding: 0 5px; } .product-new .similar-card__title a { color: #000; } .product-new .similar-card__title a:hover { color: #00aef1; } .product-new .owl-carousel_similar { position: relative; } .product-new .owl-carousel_similar#owlSimilar { margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .product-new .owl-carousel_similar .owl-nav { position: absolute; top: 63px; left: -25px; right: -25px; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-new .owl-carousel_similar .owl-nav div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 1px solid #000; color: #000; cursor: pointer; font-size: 0; } .product-new .owl-carousel_similar .owl-nav div:hover { color: #00aef1; border-color: #00aef1; } .product-new .owl-carousel_similar .owl-nav div::before { content: ''; display: block; border: 1px solid currentColor; transform: rotate(45deg); width: 8px; height: 8px; } .product-new .owl-carousel_similar .owl-nav .owl-prev::before { border-top: none; border-right: none; margin-right: -4px; } .product-new .owl-carousel_similar .owl-nav .owl-next::before { border-bottom: none; border-left: none; margin-left: -4px; } .product-new .price_club { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .product-new .b-v2-product-inner-cart__club-price { color: #00ad5d; font-weight: 700; } .product-new .b-v2-product-inner-cart__club-price-title { text-transform: uppercase; font-size: 10px; } .product-new .b-v2-product-inner-cart__club-price-value { font-size: 24px; white-space: nowrap; } .product-new .price_club .b-v2-product-inner-cart__actual-price { font-size: 38px; white-space: nowrap; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .product-new .price_club .b-v2-product-inner-cart__actual-price .b-v2-product-inner-cart__currency::before { bottom: 5px; } .b-v2-product-inner__sidebar-group { border-radius: 10px; background: #ececec; padding: 12px 15px; margin-bottom: 12px; } .b-v2-text-popup { max-width: 690px; padding: 20px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15); box-shadow: 0 5px 15px rgba(0, 0, 0, .15); font-size: 16px; } .b-v2-text-popup h3 { font-size: 22px; margin-bottom: 15px; } .b-v2-oneclick-buy-popup-new, .b-v2-follow-popup { max-width: 320px; padding: 20px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15); box-shadow: 0 5px 15px rgba(0, 0, 0, .15); } .b-v2-oneclick-buy-popup-new h3 { font-size: 22px; } .b-v2-follow-popup h3 { font-size: 16px; font-weight: 700; margin-bottom: 15px; } .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__form-input, .b-v2-follow-popup .b-v2-oneclick-buy-popup__form-input { background: #fff; border-radius: 0; font-size: 16px; border: 1px solid #cdcdcd; } .b-v2-oneclick-buy-popup-new textarea.b-v2-oneclick-buy-popup__form-input { height: 120px; } .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__required-text, .b-v2-follow-popup .b-v2-oneclick-buy-popup__required-text { font-size: 14px; color: #898989; } .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__form-button, .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__form-button:focus, .b-v2-follow-popup .b-v2-oneclick-buy-popup__form-button, .b-v2-follow-popup .b-v2-oneclick-buy-popup__form-button:focus { font-size: 22px; height: 60px; line-height: 60px; margin-bottom: 10px; background: #ff6f00; } .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__form-button:hover, .b-v2-follow-popup .b-v2-oneclick-buy-popup__form-button:hover { background: #00aef1; } .product-new .product-tags { padding: 0 30px; -webkit-box-shadow: 1px 0 3px #b3b3b3; box-shadow: 1px 0 3px #b3b3b3; border-radius: 5px; background: #fff; } .product-new .product-tags .b-v2-short-tags { background: none; padding: 20px 0; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e6e6e6; } .product-new .product-tags .b-v2-short-tags:last-of-type { border-bottom: none; } .product-new .product-tags .b-v2-short-tags__label-span { font-size: 18px; font-weight: 700; margin-right: 15px; padding-top: 5px; } .product-new .product-tags .b-v2-short-tags__link { color: #fff; background: #693f72; min-height: 30px; line-height: 30px; padding: 0 8px; border-radius: 3px; font-size: 18px; display: inline-block; border-bottom: none; } .product-new .product-tags .b-v2-short-tags__link:hover { background: #5f3767; } .product-new .product-tags .b-v2-short-tags__list_category .b-v2-short-tags__link { background: #00aef1; } .product-new .product-tags .b-v2-short-tags__list_category .b-v2-short-tags__link:hover { background: #149ace; } .product-new .b-v2-product-inner__column_sections_nav { display: block; } @media only screen and (max-width: 99px) { .product-new .b-v2-product-inner__column { margin-bottom: 30px; } } @media only screen and (min-width: 992px) { .product-new .b-v2-product-inner__info .col-sm-4 { width: 32.5%; } .product-new .b-v2-product-inner__info .col-sm-3 { width: 22.2%; padding: 0 8px; } .product-new .b-v2-product-inner__info { } .product-new .b-v2-product-inner__info { } .product-new .b-v2-product-inner__info { } } .b-v2-oneclick-buy-popup__form-input.js-has-error { border-color: red } .l-v2-bottom-panel__showroom { color: #fff; display: block; border-radius: 3px; text-align: center; background: #ff6f00; top: -2px; position: relative; max-width: 180px; padding: 5px 10px; font-size: 18px; line-height: 1; font-weight: 400; } .l-v2-bottom-panel__showroom:hover { color: #fff; background: #00aef1; } /* новая страница брендов */ .l-v3-brand_content { background: #fff; } .l-v3-brand .showroom__anketa-body { margin-bottom: 23px; border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 10px; } .l-v3-brand .showroom__anketa-body .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-v3-brand .showroom__anketa-body .row::before, .l-v3-brand .showroom__anketa-body .row::after { content: none; } .l-v3-brand .showroom__anketa-item { border-radius: 5px; background: #f7f7f7; padding: 16px 12px 2px; -webkit-box-shadow: 0 1px 3px #b3b3b3; box-shadow: 0 1px 3px #b3b3b3; font-family: 'Arial Narrow', arial, sans-serif; font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 10px; } .l-v3-brand .showroom__anketa-item .title { margin-bottom: 25px; } .l-v3-brand .showroom__anketa-item .actions { padding-bottom: 20px; } .l-v3-brand .showroom__anketa-item .actions a, .l-v3-brand .showroom__anketa-item .actions span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; color: #fff; background: #ff6f00; height: 40px; width: 165px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; cursor: pointer; } .l-v3-brand .showroom__anketa-item .actions a:hover, .l-v3-brand .showroom__anketa-item .actions span:hover { background: #00aef1; color: #fff; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"] { text-transform: uppercase; font-size: 11px; color: #a2a2a2; cursor: pointer; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"] span { border-bottom: 1px dotted #a2a2a2; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"] span.text-hidden { display: inline; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"] span.text-show { display: none; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"]:hover span { border-bottom-color: transparent; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="true"] { padding-top: 5px; border-top: 1px solid #d1d1d1; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="false"] span.text-hidden { display: none; } .l-v3-brand .showroom__anketa-item .actions-hide [data-toggle="collapse"][aria-expanded="false"] span.text-show { display: inline; } .l-v3-brand .showroom__anketa-text { font-size: 16px; margin-bottom: 9px; text-align: left; padding: 6px 0; } .l-v3-brand .showroom__anketa-text img { margin-top: 11px; } .l-v3-brand .showroom__anketa-form .form-group { margin-bottom: 10px; } .l-v3-brand .showroom__anketa-form .form-control { width: 100%; height: 50px; padding: 0 10px; font-size: 16px; } .l-v3-brand .showroom__anketa-form .form-control[type="file"] { position: absolute; right: 0; pointer-events: none; opacity: 0; } .l-v3-brand .showroom__anketa-form .form-control[type="file"] + label { position: absolute; margin-top: -45px; right: 40px; line-height: 20px; height: 20px; text-transform: uppercase; color: #633b73; font-weight: 700; font-size: 14px; text-decoration: underline; padding-right: 22px; background: url(/bitrix/templates/kb2022/assets/images/icon-pin.png) no-repeat 100% 50%; } .l-v3-brand .showroom__anketa-form .form-control[type="file"] + label:hover { text-decoration: none; } .l-v3-brand .showroom__anketa-form textarea.form-control { height: 150px; padding: 12px 10px; } .l-v3-brand .showroom__anketa-form p { margin: 15px 0 5px; text-align: left; font-size: 16px; } .l-v3-brand .showroom__anketa-form .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; color: #fff; background: #d1d1d1; height: 40px; width: 165px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; margin: 10px 0; text-decoration: none !important; } .l-v3-brand .showroom__anketa-form .btn-primary { background: #ff6f00; } .l-v3-brand .showroom__anketa-form .btn-primary:hover { background: #00aef1; color: #fff; } .l-v3-brand .showroom__anketa-form .btn-info { background: #693f72; } .l-v3-brand .showroom__anketa-form .btn-info:hover { background: #00aef1; color: #fff; } .l-v3-brand .b-v3-brand-cats__title { margin-bottom: 22px; text-align: center; font-weight: 700; font-size: 24px; font-family: arial, sans-serif; } .l-v3-brand .b-v3-brand-cats__list { margin-left: -10px; margin-right: -10px; padding-bottom: 10px; } .l-v3-brand .b-v3-brand-cats__list > .col-xs-12 { padding-left: 10px; padding-right: 10px; } .l-v3-brand .b-v3-brand-cats__item { position: relative; background: #f2fbfe; border: 1px solid #00aef1; color: #000; border-radius: 3px; padding: 5px 15px; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin-bottom: 10px; } .l-v3-brand .b-v3-brand-cats__item:hover { background: #fff; } .l-v3-brand .b-v3-brand-cats__item:hover .b-v3-brand-cats__item-title { text-decoration: underline; color: #00aef1; } .l-v3-brand .b-v3-brand-cats__item-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; } .l-v3-brand .b-v3-brand-cats__item-image .no-brand-logo { color: #00aef1; font-weight: 700; font-size: 10px; } .l-v3-brand .b-v3-brand-cats__item-image img { max-width: 100%; } .l-v3-brand .b-v3-brand-cats__item-title { display: block; font-size: 14px; color: #000; padding: 0 15px; } .l-v3-brand .b-v3-brand-cats__item-counter { display: block; color: #fff; border-radius: 50%; height: 23px; width: 23px; text-align: center; line-height: 24px; font-size: 12px; background: #00aef1; } .b-v3-brand-offers { padding: 23px 0 54px; } .b-v3-brand-offers h3 { text-align: center; font-size: 24px; font-weight: 700; font-family: arial, sans-serif; margin-bottom: 22px; } .b-v3-brand-offers .owl-carousel { position: relative } .b-v3-brand-offers .owl-carousel .owl-item img { max-height: none; } .b-v3-brand-offers .owl-carousel .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 22px; } .b-v3-brand-offers .owl-carousel .owl-nav > div { background: rgba(0, 174, 241, .75); color: #fff; border-radius: 50%; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-v3-brand-offers .owl-carousel .owl-nav .owl-prev { margin-left: -17px; } .b-v3-brand-offers .owl-carousel .owl-nav .owl-next { margin-right: -17px; } .b-v3-seo-text { text-align: center; padding: 22px 0; } .b-v3-seo-text h2, .b-v3-seo-text h3 { text-transform: uppercase; color: #693f72; font-size: 18px; margin-bottom: 22px; } .b-v3-seo-text p, .b-v3-seo-text .container p { font-size: 14px; line-height: 22px; margin-bottom: 22px; } .b-v3-seo-text p + h2, .b-v3-seo-text p + h3 { margin-top: 32px; } @media (min-width: 768px) { .l-v3-brand .showroom__anketa-body { padding-bottom: 0; } .l-v3-brand .showroom .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-v3-brand .showroom__anketa-item { height: auto; margin-bottom: 20px; } .l-v3-brand .showroom__anketa-item .title { padding: 0 50px; min-height: 2.5em; } .l-v3-brand .showroom__anketa-item .collapse { padding: 0 30px; } .l-v3-brand .b-v3-brand-cats__title { font-size: 32px; } .l-v3-brand .b-v3-brand-cats__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 135px; margin-bottom: 20px; padding: 15px; } .l-v3-brand .b-v3-brand-cats__item-image { -ms-flex-negative: 0; flex-shrink: 0; height: 68px; width: 100%; } .l-v3-brand .b-v3-brand-cats__item-image img { max-height: 68px; max-width: none; } .l-v3-brand .b-v3-brand-cats__item-image .no-brand-logo { font-size: 24px; } .l-v3-brand .b-v3-brand-cats__item-counter { position: absolute; top: 8px; right: 8px; } .l-v3-brand .b-v3-brand-cats__item-title { padding: 0; } .b-v3-brand-offers h3 { font-size: 32px; } .b-v3-brand-popular .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(1) { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) and (max-width: 991px) { .owl-carousel_brand-offers { position: relative; } .owl-carousel_brand-offers .owl-stage-outer::before, .owl-carousel_brand-offers .owl-stage-outer::after { content: ''; display: block; position: absolute; top: 0; bottom: -5px; width: 200px; pointer-events: none; z-index: 2; } .owl-carousel_brand-offers .owl-stage-outer::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 246, 1)), to(rgba(246, 246, 246, 0))); background: -o-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0) 100%); background: linear-gradient(to right, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0) 100%); } .owl-carousel_brand-offers .owl-stage-outer::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(246, 246, 246, 1)), to(rgba(246, 246, 246, 0))); background: -o-linear-gradient(right, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0) 100%); background: linear-gradient(to left, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 0) 100%); } } @media (min-width: 992px) { .l-v3-brand .showroom__anketa-item .title { padding: 0 20px; min-height: 2.5em; } .l-v3-brand .showroom__anketa-item [data-toggle="collapse"] { text-align: right; margin-bottom: 8px; } .l-v3-brand .showroom__anketa-item .collapse { padding: 0; } .l-v3-brand .showroom__anketa-form textarea.form-control { height: 185px; } .l-v3-brand .b-v3-brand-cats__item { min-height: 145px; } .l-v3-brand .b-v3-brand-cats__item-title { font-size: 16px; } .b-v3-brand-popular .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(1) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .b-v3-seo-text h2, .b-v3-seo-text h3 { font-size: 24px; } .b-v3-seo-text p, .b-v3-seo-text .container p { font-size: 16px; } } .l-v3-brand_content { margin-bottom: 30px; } .b-v2-catalog-product__popover { position: absolute; top: 0; left: 0; width: 100%; } .b-v2-catalog-product__popover-elem { display: inline-block; padding: 3px 6px; color: #fff; border-radius: 2px; background: #00aef1; cursor: pointer; font-size: 12px; } .b-v2-catalog-product__popover-layer { position: absolute; bottom: 100%; border-radius: 5px; background: #fff; width: 220px; padding: 15px; -webkit-box-shadow: 0 0 6px #9f9f9f; box-shadow: 0 0 6px #9f9f9f; margin-bottom: 8px; display: none; left: 50%; margin-left: -110px; } .b-v2-catalog-product__popover-layer::before { content: ''; position: absolute; width: 19px; height: 11px; display: inline-block; left: 50%; margin-left: -8px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAQAAAA33H6xAAAA9klEQVQYV43OTUuDcACA8Yf/N/VTdAqCiCgo1qm70D2WVlQMIcLLIHdoRLUhaPPdzaHmS2qHNQh6oef8Ozyi+0dtI0anbcuf1YUui3t1KDf17ygLbg6fNIE1Htwd1/nPKHpU970RlsDBnuqDXrH4jkxN6eXP2DiCCJ+ZY1wdpO5X0tTGiSZ3FjN8YkHKnAAnHp/vJZM1KpPbI+MCG4eQhExQrGH+ou5GQ4B0crll6ti4RCTklIJ3SjIWBDjVVNkOz+Lr/sb8gVd8Ypa8UdEI2k+YEOJ2lrLT36zM1REpBTUNnZA6WhoqcpbEBHh4+EQkZCsktVL3AWo7wv6yxKPGAAAAAElFTkSuQmCC') no-repeat center; bottom: -11px; } .b-v2-catalog-product__popover-layer:hover, .b-v2-catalog-product__popover-elem:hover + .b-v2-catalog-product__popover-layer { display: block; } .b-v2-catalog-filter__list_spec .b-v2-catalog-filter__list-item-title { color: #fff; background: #00aef1; border: none; } .b-v2-catalog-filter__list_spec .b-v2-catalog-filter__list-item-title:after { color: #fff; } .b-v2-catalog-filter__list_spec .b-v2-catalog-filter__sublist { border: 3px solid #00aef1; } .b-v2-product-inner__block .b-v2-catalog-product__popover { bottom: auto; left: auto; right: 15px; text-align: right; top: 15px; width: auto; } .b-v2-product-inner__block .b-v2-catalog-product__popover-layer { bottom: auto; top: 100%; margin-top: 8px; left: auto; margin-left: 0; right: 0; text-align: left; } .b-v2-product-inner__block .b-v2-catalog-product__popover-layer::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom: auto; top: -11px; margin-left: 40px; } .old-price { text-decoration: line-through; } .custom-article-good-items { margin-top: 30px; } .b-article__content .custom-article-good-items ul li:before { width: 0; height: 0; } .fixed-button__link--action { -webkit-animation: pulsing 1s infinite; animation: pulsing 1s infinite; } .fixed-button.fixed-button--hidden { left: -200px; } .fixed-button__link--action:hover { -webkit-animation: none; animation: none; } @-webkit-keyframes pulsing { from { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.15); transform: scale(1.15); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsing { from { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.15); transform: scale(1.15); } to { -webkit-transform: scale(1); transform: scale(1); } } .offers { padding: 0 25px; width: 100%; overflow: hidden; position: relative; } .offers h3 { margin: 0 0 30px; font-size: 24px; } .offers .offer-item { position: relative; background: #fff; border: 1px solid #eee; } .offers .offer-item__image { height: 200px; overflow: hidden; margin: 0 0 12px; border-bottom: 1px solid #eee; } .offers .offer-item__image img { max-height: none; height: auto; } .offers .offer-item__info { padding: 0 14px 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .offers .offer-item__title { margin-bottom: 10px; font-size: 18px; color: #00aef1; height: 2.5em; line-height: 1.25; } .offers .offer-item__dates { opacity: .6; margin-bottom: 5px; } .offers .offer-item__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-decoration: none; } .offers .offer-item__days { background: #eee; -ms-flex-negative: 0; flex-shrink: 0; width: 60px; margin-right: 15px; padding: 5px; text-align: center; color: rgba(0, 0, 0, .6); } .offers .offer-item__days strong { display: block; font-size: 24px; color: #000; line-height: 1; } .offers .owl-carousel_offers { position: relative; } .offers .owl-carousel_offers .owl-nav { position: absolute; top: 50%; left: -25px; right: -25px; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers .owl-carousel_offers .owl-nav div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #cdcdcd; cursor: pointer; font-size: 0; } .offers .owl-carousel_offers .owl-nav div:hover { background: #00aef1; } .offers .owl-carousel_offers .owl-nav .owl-prev::before { content: ''; display: block; border: 6px solid transparent; border-right: 6px solid #fff; margin-left: -8px; } .offers .owl-carousel_offers .owl-nav .owl-next::before { content: ''; display: block; border: 6px solid transparent; border-left: 6px solid #fff; margin-right: -8px; } .promo-modal { position: fixed; opacity: 0; z-index: 1000; text-align: center; font-size: 26px; font-weight: 700; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; bottom: 70px; left: 30px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); pointer-events: none; } .promo-modal.closed { display: none; } .promo-modal.opened, .promo-modal.active { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .promo-modal__content { padding: 30px; background: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3); box-shadow: 0 0 15px rgba(0, 0, 0, .3); max-width: 400px; width: 96%; position: relative; z-index: 1001; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .promo-modal__close { position: absolute; bottom: 70px; left: 85px; pointer-events: auto; cursor: pointer; display: block; padding: 8px; line-height: 1; } .promo-modal.opened .promo-modal__content { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); opacity: 0; } .promo-modal.active .promo-modal__content { -webkit-animation: scaleOut 1s; animation: scaleOut 1s; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @-webkit-keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; } } @keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; } } .promo-modal__text-1 { font-size: 30px; text-transform: uppercase; } .promo-modal__text-1 span { color: red; font-size: 36px; margin-bottom: 10px; } .promo-modal__text-2 { margin-bottom: 10px; font-size: 30px; } .promo-modal__text-3 { text-transform: uppercase; color: #00aef1; margin-bottom: 10px; } .promo-modal__text-4 { color: red; margin-bottom: 20px; } .promo-modal__text-5 a { color: #fff; display: block; border-radius: 3px; text-align: center; background: #ff6f00; position: relative; max-width: 180px; padding: 12px 20px; font-size: 22px; line-height: 1; margin: 10px auto 0; font-weight: 400; pointer-events: auto; } .promo-modal__text-5 a:hover { color: #fff; } .promo-modal__btn { display: none; pointer-events: auto; } .promo-modal.opened .promo-modal__btn, .promo-modal.active .promo-modal__btn { position: absolute; bottom: 0; left: 0; color: #fff !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; text-align: center; width: 100px; height: 100px; background: #ff6f00; font-size: 15px; font-weight: 400; } .promo-modal.active .promo-modal__btn:hover { background: #00aef1; } .fixed-button { display: none !important; } @media (max-width: 480px) { .b-v2-catalog-items__item_action { width: 100%; } .g-flex-vertical_align_items_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .g-flex-vertical_align_items_left > div { width: 100%; margin-bottom: 10px; } } .custom-complect-tooltip-rules { font-size: 10px; } .catalog-new-group .b-v2-catalog-product__row_rating + .b-v2-catalog-product__separartor, .catalog-new-group .b-v2-catalog-product__row_rating { display: none; } .catalog-new-group .b-v2-catalog-product__title-link { letter-spacing: .02em; } .catalog-new-group__desc { margin-bottom: 30px; font-size: 18px; } .promopage__section1 { padding-top: 30px; padding-bottom: 30px; } .promopage__section2 { background: #fff; border-bottom: 1px solid #eee; padding-top: 50px; padding-bottom: 50px; font-size: 20px; font-family: 'Muller', arial, sans-serif; } .promopage__section3 { padding-top: 25px; padding-bottom: 10px; background: #fff; margin-bottom: 50px; } .promopage__section3 .l-v3-brand .showroom__anketa-body { border-bottom: none; } .promopage .l-v3-brand .showroom__anketa-item .title { padding-left: 15px; padding-right: 15px; } @media (min-width: 600px) { .b-city-select { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .gift-desc { font-size: 16px; } .gift-desc h4, .gift-desc p { margin-bottom: 5px; } .gift-desc blockquote { padding: 0 0 0 15px; border-left: 5px solid #693f72; margin-left: 0; } .gift-desc .orange { padding: 5px 10px; border: 1px solid rgba(255, 111, 0, .5); background: rgba(255, 111, 0, .15); } .gift-desc .purple { padding: 5px 10px; border: 1px solid rgba(105, 63, 114, .5); background: rgba(105, 63, 114, .15); } .gift-desc .blue { padding: 5px 10px; border: 1px solid rgba(0, 174, 241, .5); background: rgba(0, 174, 241, .15); } /* new menu */ .l-v2-header__row_pre-middle { margin-top: -10px; margin-bottom: -10px; overflow: hidden; pointer-events: none; } .header-menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 15px 0; } .header-menu-main__item { margin-left: 25px; } .header-menu-main__item a { color: #fff; } @media (max-width: 991px) { .l-v2-header__row_pre-middle { display: none; } } @media (min-width: 992px) { .header-menu-main { width: 50%; margin-left: auto; margin-right: auto; pointer-events: auto; } } .b-v2-catalog-nav { min-width: 278px; } .b-v2-catalog-nav__link { font-size: 13px; padding: 12px 15px 12px 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-v2-catalog-nav__link.js-active { color: #000; background-color: #00aef1 !important; } .b-v2-catalog-nav__link.js-active:before { background-color: #00aef1; right: 0; } .b-v2-catalog-nav__link#left-menu-item-207 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-01.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-175 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-02.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-176 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-03.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-214 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-04.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-204 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-05.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-201 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-06.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-178 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-07.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-758 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/catalog-icon-08.png) no-repeat 15px 50%; } .b-v2-catalog-nav__link#left-menu-item-814 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/trenazhery.svg) no-repeat 15px 50%; background-size: 25px auto; } .b-v2-catalog-nav__link#left-menu-item-285 { background: url(/bitrix/templates/kb2022/img/header-menu-icons/dachnaya_texnika.svg) no-repeat 15px 50%; background-size: 25px auto; } .b-v2-catalog-nav__sublist-column-title { font-size: 14px; font-family: arial, sans-serif; text-decoration: underline; } .b-v2-catalog-nav__sublist-column-list-link { font-size: 13px; } @media (min-width: 992px) and (max-width: 1279px) { .b-mnav__icon { display: none; } } @media (min-width: 992px) { .b-v2-catalog-nav { width: 280px; } .b-v2-catalog-nav__sublist { width: calc(940px - 280px); z-index: 999; } .b-mnav__list { position: relative; } .b-mnav__item:hover .b-v2-catalog-nav__sublist { display: block; top: 100%; left: 0; } .b-mnav__item:first-of-type:hover .b-v2-catalog-nav__sublist { left: -170px; } .b-v2-catalog-nav__link::after { content: '\f054'; color: #ccc; font-size: 20px; font-family: FontAwesome; margin-left: auto; opacity: .8; } .b-v2-catalog-nav__link.js-active::after { color: #fff; } } @media (min-width: 1280px) { .b-v2-catalog-nav__sublist { width: calc(1170px - 280px); } } .mainpage-banner { display: block; width: 100%; overflow: hidden; } .mainpage-banner img { max-width: 100%; } .visible-xs { display: none; } .visible-sm { display: none; } @media (max-width: 767px) { .hidden-xs { display: none; } .visible-xs { display: block; } } @media (min-width: 768px) and (max-width: 767px) { .hidden-sm { display: none; } .visible-sm { display: block; } } .l-v2-bottom-panel__row { font-size: 0; } .b-v2-bottom-panel-basket__link { background: #603970; border-radius: 10px 10px 0 0; } .b-v2-bottom-panel-basket__link:before { content: none; } .b-v2-bottom-panel-basket__link .b-v2-bottom-panel-basket-counter { position: relative; color: #fff; background: #26a9f1; border-radius: 50%; width: 23px; height: 23px; display: inline-block; text-align: center; line-height: 23px; font-size: 14px; margin: 0 15px 0 0; top: -10px; } .custom-popup--cart-notify-widget .custom-popup__item { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .16); box-shadow: 0 0 4px rgba(0, 0, 0, .16); margin-bottom: 7px; } .custom-popup--cart-notify-widget .custom-popup__body:after { content: none; } .custom-popup--cart-notify-widget .custom-popup__footer { } .custom-popup--cart-notify-widget .custom-popup__footer .custom-popup__column-title { font-size: 18px; margin-top: 15px; margin-bottom: 20px; font-family: "Arial Narrow", arial, sans-serif; } .custom-popup--cart-notify-widget .custom-popup__column--right { font-weight: 400; font-size: 18px; } .custom-popup--cart-notify-widget .custom-popup__column--right span { font-size: 18px; } .custom-popup--cart-notify-widget .custom-popup__go-calcutator { display: block; text-decoration: none; text-align: center; font-size: 16px; text-transform: uppercase; color: white; background-color: #00a7f0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; margin: 0 auto 15px; font-weight: bold; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .custom-popup--cart-notify-widget .custom-popup__go-checkout { background: #633b73; } .custom-popup--cart-notify-widget .custom-popup__go-checkout, .custom-popup--cart-notify-widget .custom-popup__go-calcutator { font-size: 12px; width: 100%; font-family: arial, sans-serif; } .custom-popup--cart-notify-widget .custom-popup__footer .custom-popup__column__wrapper { padding: 0; } .custom-popup--cart-notify-widget .custom-popup__column-promocode { max-width: 100%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .16); box-shadow: 0 0 4px rgba(0, 0, 0, .16); height: 34px; padding-left: 10px; padding-right: 10px; } .b-v2-bottom-panel-basket-counter::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -24px; width: 40px; height: 40px; background: url(/bitrix/templates/kb2022/img/basket/b-v2-bottom-panel-basket-counter-bg.png) no-repeat 50% 50%; } .b-payment-textarea__button { width: 100%; margin-bottom: 10px; } .b-payment-textarea__button:not(.js-disabled):hover { color: #fff !important; background: #ff6f00 !important; } .b-payment-textarea__button_violet { background: #633b73; color: #fff; } .l-v2-cart__column_promo { display: flex; align-items: center; } .l-v2-cart__promo-title { font-size: 16px; margin: 10px 0 0; font-weight: 400; } .l-v2-cart__promo-field { flex-grow: 1; position: relative; } .l-v2-cart__promo-field .fa { position: absolute; top: 0; right: 0; width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #00aef1; } .b-payment-form__row .input-wrap { width: 100%; margin: 20px auto 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .b-payment-form__row .input-wrap input[type="checkbox"] { margin-right: 10px; } .container.calc-page { margin-bottom: 60px; } .container.calc-page p { margin-bottom: .5em; } .calc-page p { font-size: 16px; } .container.calc-page p.h3 { font-size: 18px; font-weight: 600; margin-top: 0; margin-bottom: 20px; } .l-v2-default_white { background: #fff; margin: 60px 0 20px; position: relative; padding: 30px 0 0; } .l-v2-default_white::before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; margin-left: -50vw; height: 100%; background: #fff; } .l-v2-default_white > * { position: relative; } .l-v2-default_white .add-goods-icon { display: none !important; position: absolute; top: 0; left: 50%; width: 68px; height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #633b73; border-radius: 50%; margin: -34px 0 0 -34px; font-weight: 700; font-size: 60px; font-family: arial, sans-serif; } .input-with-close-wrap { position: relative; margin-bottom: 25px; background: #f6f6f6; border-radius: 5px; max-width: 585px; display: flex; align-items: center; } .input-with-close { line-height: 20px; font-size: 12px; padding: 10px 30px; background: none; flex-grow: 1; } .input-with-close-icon { color: #a7a6a6; background: none; border: none; width: 60px; text-align: center; font-size: 40px; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0; line-height: 40px; } .input-with-close-icon:hover { color: #333; } .b-payment-textarea__button_inline { width: auto; padding: 10px 20px; } @media (min-width: 480px) { .custom-popup--cart-notify-widget { width: 430px; padding: 30px 20px; margin-bottom: 40px; } .custom-popup--cart-notify-widget .custom-popup__go-checkout { width: 100%; margin-bottom: 0; } } @media (min-width: 768px) { .cart .cart-page .sub-box .inputs { width: 100% } } @media (min-width: 992px) { .b-v2-bottom-panel-basket__link { top: -15px; padding-top: 15px; right: 0; font-family: arial, sans-serif; } } .b-v2-product-cart-order_bottom_panel { display: none; } .footer-aside-bnr { display: none; } @media (min-width: 1024px) { .footer-aside-bnr { position: fixed; bottom: 80px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; width: 160px; background: #494587; z-index: 999999; } .footer-aside-bnr__btn { font-weight: 900; font-size: 16px; background: #494587; height: 40px; line-height: 40px; padding-left: 35px; } .footer-aside-bnr__btn a { color: #fff; } .footer-aside-bnr__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 15px; font-size: 12px; font-weight: 900; height: 92px; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), color-stop(50%, rgba(0, 0, 0, .05))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .05) 50%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .05) 50%); background-repeat: repeat-x; } .footer-aside-bnr__step::after { content: ''; display: block; position: absolute; top: 100%; left: 0; pointer-events: none; border: 10px solid transparent; border-bottom-width: 12px; } .footer-aside-bnr__step_1 { background-color: #3e498e; background-image: none; z-index: 5; } .footer-aside-bnr__step_1::after { border-left-color: #3e498e; border-top-color: #3e498e; } .footer-aside-bnr__step_2 { background-color: #1c55aa; z-index: 4; } .footer-aside-bnr__step_2::after { border-left-color: #1c55aa; border-top-color: #1c55aa; } .footer-aside-bnr__step_3 { background-color: #0069c7; z-index: 3; } .footer-aside-bnr__step_3::after { border-left-color: #0069c7; border-top-color: #0069c7; } .footer-aside-bnr__step_4 { background-color: #008cde; z-index: 2; } .footer-aside-bnr__step_4::after { border-left-color: #008cde; border-top-color: #008cde; } .footer-aside-bnr__step_5 { background-color: #00adf0; z-index: 1; } .footer-aside-bnr__step_5::after { border-left-color: #00adf0; border-top-color: #00adf0; } .footer-aside-bnr__step-number { margin-right: 10px; font-size: 33px; } .footer-aside-bnr__step-title { text-align: left; max-width: 82px; margin-right: auto; } .footer-aside-bnr__step-arrow { margin-left: 10px; font-size: 22px; } .footer-aside-bnr__close { position: absolute; top: -15px; right: -25px; color: #000; background: rgba(255, 255, 255, .5); width: 20px; height: 20px; border-radius: 50%; margin: -10px 0 0 -10px; font-weight: 700; } } .new-main-catalog { margin-top: 30px; } .catalog-group { margin-bottom: 44px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .catalog-group__title { text-align: center; font-size: 24px; margin-bottom: 30px; width: 100%; } .catalog-group__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; padding-right: 30px; } .catalog-group__items::before { content: none; } .catalog-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; position: relative; margin-bottom: 30px; } .catalog-item__icon { margin-right: 15px; width: 56px; text-align: center; } .catalog-item__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; font-size: 0; } .catalog-item:hover { color: #26a9f1; } @media (max-width: 767px) { .catalog-group__items { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .catalog-item { border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin: 0 -10px 5px; } } .custom-error { margin: 20px 0 50px 0px; color: #ff002b; } .b-v2-order-steps-header__text { height: 50px; } .b-payment-form__textarea { height: 230px; margin-left: 0px; } .fancybox-popup--product-added .fancybox-popup__go-checkout { font-size: 15px; padding-left: 0; padding-right: 0; background-color: #26a9f1; } .fancybox-popup--product-added .fancybox-popup__go-checkout:hover { background-color: #26a9f1; } .fancybox-popup--product-added .fancybox-popup__go-checkout + .fancybox-popup__go-checkout { margin-top: 10px; background: #603970; } .fancybox-popup--product-added .fancybox-popup__go-checkout + .fancybox-popup__go-checkout:hover { background: #603970; } .custom-popup--cart-notify-widget .custom-popup__item { width: 100%; } .calc-page .b-v2-default-page-title { margin-bottom: 20px; } .calc-page .b-v2-default-page-title + div form { margin-top: 30px; } .calc-page .b-v2-default-page-title + div p { font-size: 16px; } @media (max-width: 1199px) { .l-v2-cart__row_footer { margin-top: 20px; } .l-v2-cart__row_footer .l-v2-cart__column { padding-left: 5px; padding-right: 5px; } } @media (max-width: 767px) { .b-v2-bottom-panel-basket__link { display: block; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; } .b-v2-product-cart-order_bottom_panel { display: block; } .b-v2-ci__ph { width: 100%; } .b-v2-ci__n, .b-v2-ci__p, .b-v2-ci__s, .b-v2-ci__p span, .b-v2-ci__s span { font-size: 12px; } .b-v2-ci__nm { width: 28px; height: 28px; line-height: 28px; } .b-v2-ci__ps, .b-v2-ci__mns { opacity: 1; } .l-v2-cart__row_header .l-v2-cart__column { font-size: 12px; width: 25%; padding-left: 5px; padding-right: 5px; } .l-v2-cart__row_header .l-v2-cart__column:nth-of-type(2) { width: 33%; } .l-v2-cart__row_header .l-v2-cart__column:nth-last-of-type(1) { display: none; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn { padding-left: 5px; padding-right: 5px; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(3) { width: 33%; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(2), .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(4) { width: 25%; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-last-of-type(1), .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-last-of-type(2) { display: none; } .l-v2-cart__row_footer .col-xs-offset-7 { margin-left: 41%; } .l-v2-cart__row_footer .col-xs-offset-7.col-xs-5 { width: 56%; } .l-v2-cart__row_footer .l-v2-cart__column_flex { width: 56%; } .l-v2-cart__promo-title, .b-payment-form__input { width: 100%; } .l-v2-cart__promo-title { margin-bottom: 10px; } .l-v2-cart__upd-sum { display: none; } .b-v2-default-page-title { font-size: 20px; } .l-v2-cart__sum, .l-v2-cart__sum span { font-size: 18px; } .b-v2-order-steps-header { background: none; -webkit-box-shadow: none; box-shadow: none; } .b-v2-order-steps-header__row { display: block; margin-left: 0; margin-right: 0; } .b-v2-order-steps-body__row { display: block; } .b-v2-order-steps-header__column, .b-v2-order-steps-body__column { width: 100%; margin-bottom: 15px; } .b-payment-textarea__input, .b-payment-textarea__button { width: 100%; } .b-v2-order-steps-body__step_payment > *:not(:first-child) { margin-left: 0; } .b-v2-order-steps-body__step_payment { margin-bottom: 30px; } .b-v2-order-steps-header__text { height: auto; } .b-v2-order-steps-header__column.js-current-step:before, .b-v2-order-steps-header__column.js-current-step:after { content: none; } .b-v2-order-steps-header__column { background: #fff; margin-bottom: 15px; -webkit-box-shadow: 0 1px 3px 0 #d4d4d4; box-shadow: 0 1px 3px 0 #d4d4d4; padding-top: 15px; padding-bottom: 15px; } .b-v2-order-steps-header .js-current-step, .b-v2-order-steps-header .js-ready-step { background: #00aef1; } .js-calculate-form .col-xs-12 { margin-bottom: 20px; } .js-calculate-form .l-v2-default_white { margin-top: 60px; margin-bottom: 30px; } .l-v2-default_white .add-goods-icon { width: 44px; height: 44px; margin: -22px 0 0 -22px; font-size: 40px; } .input-with-close-wrap { overflow: hidden; } .input-with-close { width: 100%; } .b-v2-order-steps-body__arrow { display: none !important; } .cart .order-goods { width: 100%; overflow: hidden; } .l-v2-steps, .cart .order-goods { margin-top: 0; } } @media (min-width: 768px) and (max-width: 1199px) { .b-v2-ci .b-v2-ci__ps, .b-v2-ci .b-v2-ci__mns { opacity: 1; } .b-v2-ci .b-v2-ci__act { display: none; } .l-v2-cart__row_header .l-v2-cart__column { width: 25%; padding-left: 5px; padding-right: 5px; } .l-v2-cart__row_header .l-v2-cart__column:nth-of-type(1) { width: 33%; } .l-v2-cart__row_header .l-v2-cart__column:nth-last-of-type(1) { display: none; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn { padding-left: 5px; padding-right: 5px; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(2) { width: 33%; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(3), .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-of-type(4) { width: 25%; } .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-last-of-type(1), .b-v2-ci.l-v2-cart__item .b-v2-ci__clmn:nth-last-of-type(2) { display: none; } .l-v2-cart__row_footer .col-xs-offset-7 { margin-left: 56%; } .l-v2-cart__row_footer .col-xs-offset-7.col-xs-5 { width: 44%; } .l-v2-cart__row_footer .l-v2-cart__column_flex { width: 56%; } .l-v2-cart__promo-title, .b-payment-form__input { width: 100%; } .l-v2-cart__promo-title { margin-bottom: 10px; } .l-v2-cart__upd-sum { display: none; } .l-v2-cart { margin-bottom: 55px; } .l-v2-cart__promo-title { font-size: 30px; margin-top: 25px; margin-bottom: 20px; } .l-v2-cart__row_footer .col-xs-offset-7 { font-size: 30px; text-align: left; } .l-v2-cart__sum, .l-v2-cart__sum span { font-size: 30px; } .b-v2-order-steps-body__step_payment { font-size: 12px; } .b-v2-order-steps-body__step_payment > *:not(:first-child) { margin: 0; padding: 0 10px; } .b-v2-order-steps-header__num { -ms-flex-preferred-size: 58px; flex-basis: 58px; } .b-v2-order-steps-header__text { height: 70px; padding-right: 30px; position: relative; z-index: 1; } .b-v2-order-steps-header__row { padding-top: 20px; padding-bottom: 20px; } .b-v2-order-steps-header__column.js-current-step:before, .b-v2-order-steps-header__column.js-current-step:after { top: -20px; bottom: -20px; } .b-payment-choice__label { font-size: 12px; } .cart .b-v2-default-page-title { text-align: center; } .fa.b-v2-order-steps-body__arrow { display: none; } .b-payment-textarea__button, .b-payment-textarea__input { width: 100%; } .calc-page .b-v2-default-page-title { text-align: center; } .l-v2-cart__container { width: 100%; } .input-with-close-icon { position: absolute; right: 0; } .b-payment-textarea__button_inline { width: auto; } .b-payment-form__row .input-wrap { width: 100%; } } .topbar-attention { color: #fff; background: #633b73; padding: 10px 0; text-align: center; font-size: 20px; font-weight: 700; } .topbar-attention a { color: #fff; text-decoration: none; } .topbar-attention a:hover { color: rgba(255, 255, 255, .8); } .calc-hint { margin: 15px 0 15px 15px; border-left: 5px solid #00a2e1; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-style: italic; } .fancybox-popup__column .calc-hint { max-width: 190px; } .fancybox-popup__shopping-continue { text-align: center; } .blue-text { color: #00a2e1; } .product-new .b-v2-product-cart-order__link_calc-wrap { position: relative; margin-top: 15px; } .product-new .b-v2-product-cart-order__link_calc { white-space: normal; padding-left: 30px; padding-right: 30px; line-height: normal; display: flex; align-items: center; height: 60px; background: #633b73; } .b-v2-product-cart-order__link_calc-tip { position: absolute; top: 3px; right: 3px; color: #633b73; background: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; } .v2-js-popup-tip-container[title="Вы можете отправить товар на предварительный просчет и узнать о возможной скидке"] { max-width: 190px; font-style: italic; } .b-v2-bottom-panel-basket-hint { position: absolute; bottom: 0; left: 100%; color: #fff; background: #00a2e1; height: 54px; display: flex; padding: 10px 5px 10px 15px; font-size: 16px; border-radius: 0 5px 5px 0; min-width: 190px; letter-spacing: 1px; } .b-v2-catalog-filter__buttons { background: #fff; } .b-v2-product-info-module { box-shadow: none; border: none; border-radius: 0; } .b-v2-product-info-module__title { background: none; padding-left: 0; padding-right: 0; font-size: 24px; } .l-v2-top-panel { box-shadow: none; } .l-v2-top-panel__column::before { content: none; } .l-v2-breadcrumbs { border: none; box-shadow: none; } .b-v2-product-inner__title-wrap { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: baseline; flex-direction: column-reverse; } .b-v2-product-inner__title-wrap .b-v2-product-inner__title-code { bottom: 0; margin-bottom: 6px; color: inherit; margin-left: 0; font-size: 14px; } .product-new .b-v2-product-subpart-links { padding: 0; box-shadow: none; } .product-new .b-v2-product-subpart-links ul { padding-left: 0; } .product-new .b-v2-product-subpart-links h3 { margin-bottom: 15px; } .product-new .product-features { background: none; padding: 0; box-shadow: none; } .product-new .product-tags { box-shadow: none; padding: 0; } .product-new .product-tags .b-v2-short-tags { border-bottom: 0; } .offers { padding-left: 0; padding-right: 0; width: auto; } .offers-row { display: flex; flex-wrap: wrap; } .offers-row::before, .offers-row::after { content: none; } .offers-row .offer-item { margin-bottom: 30px; display: flex; border-radius: 10px; background: #eff6fe; overflow: hidden; border: none; min-height: 150px; } .offers-row .offer-item__image { flex-shrink: 0; width: 45%; margin: 0; height: auto; position: relative; } .offers-row .offer-item__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .offers-row .offer-item__info { padding: 25px; color: #00aef1; display: block; } .offers-row .offer-item__title { margin-bottom: 15px; color: #000; font-size: 18px; font-weight: 700; height: auto; } .offers-row .offer-item__lastdays { font-size: 18px; } .offers-row .offer-item__dates { font-size: 14px; opacity: 1; } .b-v2-footer-nav__title { font-size: 20px; } .b-v2-footer-nav__link, .b-v2-footer-nav__link:focus { font-size: 14px; color: #606060; } .product-new .product-tags .b-v2-short-tags__link { font-size: 16px; } .product-new .product-recommendation { box-shadow: none; padding: 0; border: none; border-radius: 0; margin-top: 0; } .product-new .owl-carousel_similar#owlSimilar { border-bottom: none; margin-bottom: 60px; } .product-new .product-recommendation h3 { font-size: 24px; margin-bottom: 0; } .product-new .similar-card__title { font-size: 14px; height: 3em; line-height: 1.5; } .product-new .similar-card__media { border: none; } .product-new .similar-card { padding: 10px; margin: 30px 10px; } .product-new .similar-card:hover { box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .2); } .product-new .owl-carousel_similar .owl-nav { top: 50%; } .b-v2-characteristics__column:first-child .b-v2-characteristics__list { padding-left: 0; } .aside-quiz { background: #2ea8f5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQwAAADYCAIAAACRNkpJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyREMzMkI0MjUwRTExRUJBRkIyRUZBRTdFRkEzQkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyREMzMkI1MjUwRTExRUJBRkIyRUZBRTdFRkEzQkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJEQzMyQjIyNTBFMTFFQkFGQjJFRkFFN0VGQTNCRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJEQzMyQjMyNTBFMTFFQkFGQjJFRkFFN0VGQTNCRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51pAxRAAAGVUlEQVR42uzdW4xUdx3A8XNmd3YBF21rS03TLiWxCUSDsfeoifpQHyS1r+qLKQ8+NKmpaYgNNmmLlj4YfDBqYlIbU6rW1NQL9dYmBO2WglnoIpey0kLZLRC6y4Kwi3vuDkJMdjnDXsoYZubzeSFh2YT8hy///+/MmbNhURTBlWH78ezrW6IArjCVK+TvMZkF3+mPvR6IpK4f70mGxwuvByIpt+tEvnEw8WIgknITabF2W5TbRRBJPet3JO86aCGSen57KH3pndTLgEjK7R3Ln3RFC5HUczIqHn4tinMvASIpM5kFD74aHTtrFEEkZfIi+Nbr0e4TNhFEUqa2dzy5I95yJLP0iKTchoH412+7nIVI6vjh7mTjoEJoMp3/t1PW9weSZ917gkjqTerrd8QvOGUhklJRFjyyLdr8rkkdkZQZmywefDXaM+ZqLyIps3csf/g17xgikjp+czB9amccOWQhkotNJMVTO5NN7u1FJKUGRvNvb498PgSRlKidrH60J3luMMkEgkgutv14tq4/toEgkhJHJ4rvDcTeBkEkJc4kxc/2pxsHE5ewEMl0E2nx3GAtj7TWiRVEJFOMTha/PJC+8Fb6r1geiGSqfSfzXx1I/3g49al0RDJFbcf481D24sF0/0lxIJKpbWw5kr0ynL1+PEvVgUjOy4tzZ6qtx7K+Y9nusdxzR+FCJJuPZLWj1J6xfGAkn0iVARdF8s0+PzcHLqViCUAkIBIQCYgERAIiAZGASACRgEhAJCASEAmIBEQCIgFEAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBIQCSASEAmIBEQCIgGRgEhAJIBIQCQgEhAJiAREAiIBkQAiAZGASEAkIBIQCYgERAIiAUQCIgGRgEhAJCASEAmIBBAJiAREAiIBkYBIQCQgEkAkIBKYpzAIbruu8sSdXZ3WAqapVoL7lnXev7x6Y0+tlEAkMGX3qOXxwMer1y8K//ebIoELenvCdXd1f/La6TOISOCcL9zU8fgdXR+ohhd/SSS0u0oYPLSy+rXl1Xp/QCS0eyHfvatr1dJLheASMG09pq+7c4ZCREJb+8bK6r03z3yYEgntO6mvXlGd1ZHMYtGGenvCx+/omu3cYr1ow1HksTpXe0UC53xxaeftSzrmEFWcFbVfTsfF8HgxMJr97Wi2cyQvLCQtqrsjeGnVwiULwzlEUhTTixgaL366L/n9O6lWaD1fuaXzkVu75vQtJZGct3csX7M1OjIhFFpqGtm0auFNPeGcvqvuTPKxayq/uGfBbdcZWmgdtX/Pcy1khsH9qu7wJ59b8KmPdFhcWsO9y+ZzH9YMG0W1Emz4dPfNi+0ntMJZ67M3dFz+SGoWdQbr7+6qhBaZ5vbRD1Wu7g4bEsn5+eS+Ze4XprndvmSeB6LZftvqFVV7CU1txdUNjqS3J3Sli6bWu7jBkdR85gaXuWhi1y8MGx7JJz4sEprYVd2Nj2TpYlMJTWzRfK89zSGSD3aJhHZkFqddnE0bH8np2M2ONLFTUdHwSA6fEQlN7Pi/Gx/JrhOZhaZ5DZ3JGx5J31GR0MT2n2pwJEPjxc7R3ELTvPrfa3Akz7yZ+DQvTe3AqXx+s/usItl3Mv/dodQq09RqfWyZ18gwcyRn02Dtttg2QgvYNK//62eIJMmDNVujQ6dNI7SCHSP58HhxOSOp7SEP9UV9x1zUonVOXD//Z3LZIqnNIV99ZVIhtJgXD6Yjc3xXseS5W7X96GkPp6N1rVrauf7uOTyfbspjTneNZn89mr0xmsuDFhYGwdOf757944DDlc9PWDXaTe/i8Pl7FszywfJulacdDZ0pnuiP3+/gDq3tL0PZM28mIoFL+cE/kj8cTkUCdRVB8Oj2+E9DmUigrrwI1m6Lnh1MRAKX6mTDQLJmazSRFCKBul4ezr788uQbZR+aEglcMDRerN48+djf4/em3rfizUSYrqsSfGlZ5/3Lqzf+98diiQTqzOthcOu1lVotfuoI1B3o+0fy/pHYTAIzbSmWAEQCIgGRgEhAJCASEAmIBBAJiAREAiIBkYBIQCQgEkAkIBIQCYgERAIiAZGASACRgEhAJCASEAmIBEQCIgGRACIBkYBIQCQgEhAJiAREAogERAIiAZGASEAkIBIQCSASEAm8T/8RYAANNRITorquWgAAAABJRU5ErkJggg==') no-repeat 50% 0; margin-bottom: 30px; background-size: 100% auto; position: relative; overflow: hidden; text-align: center; color: #fff; padding: 20px 30px 20px; font-family: 'Roboto Slab', times, serif; font-weight: 700; font-size: 16px; line-height: normal; border: 2px solid #d6d6d6; } .aside-quiz__title { font-size: 29px; } .aside-quiz__btn { margin: 20px auto 15px; } .aside-quiz__btn a { text-decoration: none; text-transform: uppercase; background: #633b73; border-radius: 10px; color: #fff; display: block; line-height: 20px; padding: 10px 15px; white-space: nowrap; } .aside-quiz__btn a:hover { background: #ff6f00; color: #fff; } .aside-quiz__text { font-weight: 100; font-size: 12px; } .aside-quiz__btn a { white-space: nowrap; } @media screen and (max-width: 991px) { .aside-quiz { padding: 15px 15px 10px; font-size: 11px; text-align: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABgCAIAAAAo8tiBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyNjc5RUI4MjUxNDExRUI5QkZERkVBMjYzQTk0ODlGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyNjc5RUI5MjUxNDExRUI5QkZERkVBMjYzQTk0ODlGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI2NzlFQjYyNTE0MTFFQjlCRkRGRUEyNjNBOTQ4OUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI2NzlFQjcyNTE0MTFFQjlCRkRGRUEyNjNBOTQ4OUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBJwwAAAFf0lEQVR42uzdWWwUZQDA8flmZncHtgcti7W0RSiU4gGWxgdCQEzxIIYnRNREQvRZ3wgaX30ANfEFE+OTRU2st4mEgBpi5NIEewRCwCIttLWt3VJLu7C7c/lVEK/S3dmdPYD/L9uEpMfmm+yf75uZ3Rmxoi2mAF5sXKi/0hwIB8RtNeqY6e5sN7/qtXz/yyovKXi1t9fa8nW8M+rcPkOWg5VDzkWBRIgM9U+6zx+Mv9llJuxbfKRygHKYcrByyDl6CiJEhmxX2XPa3LT/yo/Dt2yIcmhygHKYtpvDZxHsEyJ7LbXa9qZgTfjW2Uv8Nea+0Zk82J+P/190XkDInnyxHhm8srUxsK1RLwve3ClOmG7raev9M/lbaTMTwk+lAbG1UX92qX4zHjuNWe4HZ2R+luwwn89LhPBfeVA8uUR/pkGPGDdHitG4+2G39clZazzp5v/ZiRC5ElSVx+/Sn2rQ76ko3uN/p8acj7qtfeetZOFOuBAhcm5ZhbqpXt+wQCsvmt1FOePtv2B/fs46PVb4s51EiDzRVWVVlfZonfZQTcFqlO19N2B/02cfG7atonmvAUdHkSfyRX940JYPVSjLK9U11drqak2uVNUc9+i4U2vOo38+9YmLjuMW3ZZhJkQhhXXRNE+9r1KVS9al5WpNicg+SVnZwKT787gjl5onLzqdI07Mcot5IzATopBkHkcGbfm43uSiMiFTrAmr88MiYog5IVEeVCpCQhNKUBOGNvVjcVtJ2q7tKmMJdzyp/J5wR+PuQEw+HJlfzyW3yKsjQhR1kycvyof8p337jJr3jgJECBAhACIEiBAAEQJECIAIASIEQIQAEQIgQoAIAeRDSCNCoHDWVGufbZjFR5mAwkyA25uCW5ZMBSj29podI87RIXsg5rJpgDyYa4jda0P3Vl5bhwrXnWpPfnVFnbZu80Cf7RAjkDO1JeLtdcaCkr+v43Etwut6Ljm72s0fhm02FuC7qtmitcWY/++bdvw3wqs+/cV6vSOZoETAP4am7FlvLPvfpZCnPzq6ebH+botRERJsOMAvO5qDy6a7GPkNT1HIvcbW9SE6BHyxtlp7on76kxEznSdcWKruXhu6epE5ABkLacpLzcEbfTfFyfrlc9UZfhlAOrYs0etKRIYRSpvq9VVVzIZAhoKqsq0xMMMPpPW2tZebAyr7hkBGHqnT580S2Ua4qEx9rI7JEMjExoUp2kn3DdxPNwTYmoBXpQGRcm8u3Qjvj6i1JSxJAW8euCP1vd/SjVD+ndV3siIFvFkZSZ2Yh88TNkX48CHgTX2ZrxEuLiNCwJsFpb5GWB1mnxDwJmIofkY4WydCwJtwQPgZIYBc8BDhZYuP3APexEzXzwiHLhMh4E007utMeHbcYZsCnlyYcPyMsDNKhIA3PT5GKFeiR4e45gzgTfuIfxF2RZ3+SfYJAW+O/+akvIZouhG2dZtsUMCrCdNNeQHRtCLsueQc6GMtCmRib68fEb7WYXJZbiAz3/Zb0StuVhF+2WMd45AMkKmErbSeMTOP8MSos/OnJNsRyMbHZ60ZjmvOFGHvhPPioUScWRDIejLc1Z70HOGpMee5g4mxBPuCgA8ODdpfnLOm/RY3hAHyxNCU9x42GueoKSKUS9Bd7SZHYoBcqJot9rQY1Te6NVrXqNPWbe2/YHE2Asid2hLxzjrjn9cuFPvOWx0j9uFBbpcN5EnEEG89GLr7r9ukiRVtMTYKkGchTdmxMrh58dTN0ri8BVAACVt59Xjyhe8TfZMuMyFQ4CmRmRAo8JRIhECBESFAhAARAiBCgAgBECFAhACIECBCAEQIECEAIgSIEAARAkQIgAgBIgRAhAARAiBCgAgBECFAhACIECBCAD77Q4ABALAf7p9WuqtbAAAAAElFTkSuQmCC'); } .aside-quiz__title { font-size: 18px; } .aside-quiz__text { font-size: 9px; margin-left: -8px; margin-right: -8px; } .aside-quiz__row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .aside-quiz__btn { margin: 0; } .aside-quiz__btn a { font-size: 12px; padding: 2px 5px; border-radius: 15px; } .product-new { overflow: hidden; width: 100%; } } .product-inner__quiz { margin: 0 0 30px; display: flex; align-items: center; border-color: #29a7f4; padding: 15px 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcYAAABeCAIAAAA2QiPkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlCMEYwMzUwM0ZFNjExRUJBNEFERDI3NDgwNkI0RTAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlCMEYwMzUxM0ZFNjExRUJBNEFERDI3NDgwNkI0RTAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUIwRjAzNEUzRkU2MTFFQkE0QUREMjc0ODA2QjRFMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUIwRjAzNEYzRkU2MTFFQkE0QUREMjc0ODA2QjRFMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jUIMIAAAFVElEQVR42uzdS2hcVRyA8fuamcSZpnkVkTyIxSamFqNYRaEurBSJko2uWloVVBAXbrpwpRSzs27EhW6EWqFViwsVrFrTiK8KjZpoS5wYQ0gyaDTJ5DHTzOM+vAFBK12YzLknk3O+H13fM9zC1/+5d+bU7D6dM6CuxoR56kBNe8qqhg8zlfMPnSssFAP+XlCF+u9KPLLTqfAiFvdRbWG/nvq8MHtl8ysWfoYnB+kpqlRfh1N5T0mqFqZzweGB1ckVfxM/Q7h6+Blm8vQU1ag1aT5/R1zIpUiqFjL54PBnhUsLm1PVcN1w9Qw9RVWyTeOle2pSMZOkYn1PAI4MrJ76pSx53XDFcF32+6haj3bFbmsWVkKT11O6eaDNeWFvvCFhRr1Qthi8OFT6ZNrlnqNqtaWs93tra2xhF2RK1U7YuIc+Wj3zq+tHNjiGVw6vH65CT1Hljt0ZF9hTplSt7Wm0nr4lfl+LLXBeDSs9mPFev1zarOe2wP93oNV5ZV9C7DVJqu46663HumK97U6F/1YXPOPslPtmujy2SEyxBSRs48MHr2tNCn4CRlKxZlvM3N9i39/q7N1h1a/nMetSKbj4hz8w457PeCtl3kFhy3iiO3a0Jy78siQVV7FMo6ve6mmyd9aZHdus1pSZdMxax0jFTD8wwmhmi8FMLphc8SeWg5F5L73o+4QUW3CGONdXWxcX/5LW4ebi38I+jmb98A+3Agp7/OZYFD01eOMPQDfb4+aRzqimSZIKQC8HdzmifitFUgFoLWYZB2+KRXd9kgpAI30dzo7aCH86SFIBaOTQrlik1yepAHSxp9Ha3RBt9EgqAF08vDPyr42SVABacKy1Y9hIKgAIcPf1toQzLUkqAC30tsv4sShJBaA+2zT2t9gSFiKpANR3a5O9PW5KWIikAlDfvhtsOQuRVADqu5ekAoAQNbbR3SCpdSQVgOJ6mm3blLQWSQWguNub5YWOpAJQ3O4GW9paJBWA4jrrTWlrkVQAKks6ZluKjT8AiHBjnWlKXI6kAlBZe0pq5UgqAJW1JGUOqSQVgOJJZUoFAEGaaphSAUCQ+oTU5UgqAJVJOMmfpALQRV2cpAKAIAlb6nIkFYDKLFPuctxxAApLOmz8AWCLDsXcAgAKy7sBSQUAMXypRSWpAJRW9EgqAAiyXGLjDwCCLBZJKgAIki2y8QcAQeYLTKkAIEgm75NUABCVVKZUABBkmikVAESZWApkjqkkFYDK8m4wk5M3qJJUAIpLL8qbU0kqAMWNZuX9KJWkAlDc93Ns/AFAkJE5z5O19SepABRX8MK9v6RBlaQCUN+Xv0l6nEpSAajva5IKAKKMzHtLUg5OJakA1OcFxvmMjEGVpALQwsdTLkkFADEuzHoSTvgnqQC04PrG2egHVZIKQBdnJkgqAAjyc9a/tBDtd/5JKgCNvDNeJqkAIMYHk+6fqxG+pCKpADRS9o3TUQ6qJBWAXt4ed3PlqAZVkgpAL4vF4K2xqF79k1QA2jmRLi9H85N/kgpAOyul4I3RSJ6oklQAOjo5Vp7Jix9USSoAHRU94+XhEkkFADE+nXYvzAo+8Y+kAtDXsYulgtCoklQA+prO+a/+JHL7T1IBaO1kujw8J+wsFZIKQGteYDz3bSHvinn7T1IBsP0P+ofEbP9JKgCsnVD1nogDqkkqAKzpHypWfkA1SQWANSXfeParwkJl/+UfSQWAv/1+JXjmi0Il31QlqQDwjx/n/aPfFLyNjqokFQCuMpjx+r/b4P6fpALAf7077h7/YSNfqyKpAHANJ9LlDfxWlaQCwLW9drl8fHh9p///JcAAvPGgddv1fKoAAAAASUVORK5CYII='); background-color: #29a7f4; background-position: 100% 0; background-size: auto 100%; } .product-inner__quiz .aside-quiz__content { text-align: left; } .b-v2-breadcrumbs__list { flex-wrap: wrap; } @media screen and (max-width: 767px) { .product-new .b-v2-product-inner__column_sections_nav { margin-top: 20px; } .aside-quiz { font-size: 10px; } .product-inner__quiz .aside-quiz__content { width: 65%; } .aside-quiz__title { font-size: 16px; } .offers-row .offer-item { min-height: 0; margin-bottom: 15px; } .offers-row .offer-item__info { padding: 10px 10px 10px 15px; flex-grow: 1; } .offers-row .offer-item__title { font-size: 14px; } .offers-row .offer-item__lastdays { font-size: 14px; } .offers-row .offer-item__dates { font-size: 10px; } } .b-v2-items-catalog__content, .b-v2-catalog-items__item { border: none !important; box-shadow: none; } .b-v2-items-catalog__content-separator, .b-v2-catalog-product__row_options, .b-v2-catalog-product__separartor { display: none; } .b-v2-catalog-product__art { display: none !important; } .b-v2-catalog-product__actual-price { color: #633b73; font-size: 18px; font-weight: 600; } .b-v2-catalog-product_with_half_hover { margin: 0 !important; padding: 10px !important; } .b-v2-catalog-product_with_half_hover:hover, .b-v2-catalog-product_with_hover:hover { box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15); } .b-v2-catalog-product__row_buttons { position: absolute; right: 15px; bottom: 15px; } .b-v2-catalog-product__old-price { font-size: 10px; } .b-v2-catalog-product__old-price-number { font-size: 14px; } .b-v2-catalog-product__row, .b-v2-catalog-product_with_half_hover:hover .b-v2-catalog-product__row, .b-v2-catalog-product_with_hover:hover .b-v2-catalog-product__row { padding-left: 0; padding-right: 0; } .b-v2-catalog-product__price { order: 10; margin-bottom: 5px; } .b-v2-catalog-product__old-price { margin-left: -30px; } .b-v2-catalog-product { display: flex; flex-direction: column; } .b-v2-catalog-button { overflow: hidden; } .catalog-section-list { margin-bottom: 50px; margin-left: -15px; margin-right: -15px; } .catalog-section-list * { outline: none !important; } .catalog-section-list .slick-track { display: flex; } .catalog-section-list .slick-track > div { padding: 5px 15px; height: auto; } .catalog-section-list__item { position: relative; text-align: center; height: 100%; border-radius: 10px; box-shadow: 0 0 3px 0 #b3b3b3; padding: 10px 13px; } .catalog-section-list__media { height: 115px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .catalog-section-list__media img { max-height: 115px; height: auto; width: auto; margin: 0 auto; max-width: 100%; } .catalog-section-list__title { font-size: 14px; } .catalog-section-list__link { font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-v2-fp-module__title { font-weight: 700; font-size: 24px; } .b-v2-main-cat__hidden-item-link { padding-left: 0; font-size: 14px; } .b-v2-main-cat__hidden-item-link:before { content: none; } .b-v2-main-cat__link { display: flex; font-size: 14px; justify-content: center; align-items: center; } .b-v2-main-cat__link::after { content: '\f105'; color: #00aef1; margin-left: 10px; transition: all 300ms; transform: translateX(0); font: normal normal normal 17px/1 FontAwesome; } .b-v2-main-cat__link:hover::after { transform: translateX(10px); } .b-v2-main-cat { position: relative; padding: 15px; } .b-v2-main-cat__row { display: block; position: static; } .b-v2-main-cat__row .b-v2-main-cat__col:nth-child(2) { height: auto; position: static; } .b-v2-main-cat__row .b-v2-main-cat__cover-wrapper { position: relative; margin-bottom: 10px; } .b-v2-main-cat__row .b-v2-main-cat__cover-wrapper::before { content: ''; display: block; padding-bottom: 42%; } .b-v2-main-cat__row .b-v2-main-cat__cover-wrapper a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content:; } .b-v2-main-cat__row .b-v2-main-cat__cover-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .b-v2-main-cat__row .b-v2-main-cat__hidden-list { position: absolute; top: 100%; left: 0; right: 0; opacity: 0; transform: translateY(-50px); background: #fff; box-shadow: 0 1px 3px 0 #b3b3b3; padding: 10px 15px 15px; border-radius: 0 0 3px 3px; transition: .5s; height: calc(100% + 35px); margin-top: -5px; overflow: hidden; } .b-v2-main-cat__row::before { content: ''; display: block; position: absolute; bottom: -5px; left: 0; right: 0; height: 15px; background: #fff; z-index: 10; opacity: 0; transition: .5s; transform: translateY(-50px); } .b-v2-main-cat__row .b-v2-main-cat__hidden-list::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); pointer-events: none; } .b-v2-main-cat:hover { z-index: 20; box-shadow: 0 1px 3px 0 #00aef1; } .b-v2-main-cat:hover .b-v2-main-cat__hidden-list { transform: translateY(0); opacity: 1; box-shadow: 0 1px 3px 0 #00aef1; } .b-v2-main-cat:hover .b-v2-main-cat__row::before { opacity: 1; transform: translateY(0); } .row_flex { display: flex; flex-wrap: wrap; } .row_flex::before, .row_flex::after { content: none; } .mpage-bnr { text-align: center; border: 2px solid #00aef1; margin-bottom: 30px; background-color: #00aef1; color: #fff; font-weight: 700; height: calc(100% - 30px); background-size: cover; position: relative; overflow: hidden; padding: 20px 10px 20px; font-family: 'Roboto Slab', times, serif; font-size: 16px; line-height: normal; } .mpage-bnr_01 { background-image: url(/bitrix/templates/kb2022/img/mpage-bnr01.jpg); } .mpage-bnr_02 { background-image: url(/bitrix/templates/kb2022/img/mpage-bnr02.jpg); } .mpage-bnr_03 { background-image: url(/bitrix/templates/kb2022/img/mpage-bnr03.jpg); } .mpage-bnr_04 { background-image: url(/bitrix/templates/kb2022/img/mpage-bnr04.jpg); } .mpage-bnr__title { font-size: 45px; } .mpage-bnr__subtitle { font-size: 26px; } .mpage-bnr__btn { text-transform: uppercase; color: #fff; display: inline-block; margin: 20px auto; background: #633b73; border-radius: 10px; min-height: 40px; width: 202px; padding: 10px 20px; line-height: 20px; font-size: 18px; } .mpage-bnr__btn::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mpage-bnr__btn:hover { color: #633b73; background: #fff; } .mpage-bnr__hint { font-size: 14px; font-family: Roboto, arial, sans-serif; font-weight: 300; } body.is-home-page .l-v2-default_vertical_margin_30 { position: relative; overflow-x: hidden; width: 100%; padding-bottom: 2px; } body.is-home-page .l-v2-default_vertical_margin_30.l-slider { margin-top: 0; padding-bottom: 30px; background: #0092d7 url(/bitrix/templates/kb2022/img/l-v2-header.jpg) no-repeat 50% 0 / cover; } body.is-home-page .l-v2-default_vertical_margin_30.l-slider .owl-prev, body.is-home-page .l-v2-default_vertical_margin_30.l-slider .owl-next { color: #000; border-color: #000; background: transparent; } @media screen and (max-width: 991px) { body.is-home-page .l-v2-default_vertical_margin_30.l-slider .owl-prev, body.is-home-page .l-v2-default_vertical_margin_30.l-slider .owl-next { display: none !important; } body.is-home-page .l-v2-default_vertical_margin_30.l-slider { margin-top: -30px; } } @media screen and (max-width: 767px) { body.is-home-page .l-v2-default_vertical_margin_30.l-slider { padding-bottom: 15px; } .b-fp-b .owl-dots { margin-top: 15px; } .b-email-submit .b-submit-form { flex-direction: column; padding-top: 20px !important; padding-bottom: 20px !important; } .b-email-submit .b-submit-form__left { margin-bottom: 10px; } .b-email-submit .b-submit-form__form_flex { margin-bottom: 15px; } .b-email-submit .b-submit-form__title { font-size: 18px !important; } .b-email-submit .b-submit-form__subtitle { font-size: 12px; } .b-email-submit .b-submit-form__row { margin-top: 10px; } } .mpage-sales .b-goods-row__list { display: block; } .mpage-sales .b-goods-row__list .b-v2-catalog-product { box-shadow: none; padding-bottom: 10px; padding-top: 10px; } .mpage-sales .b-goods-row__list .b-v2-catalog-product .b-v2-catalog-product__title { min-height: 0; } .mpage-sales .b-goods-row__list .b-v2-catalog-product .b-v2-catalog-product__row.b-v2-catalog-product__row_center { order: 1; } .mpage-sales .b-goods-row__list .b-goods-row__item { width: auto; max-width: none; } * { outline: none; } .b-v2-catalog-items__banner-row { margin-top: 30px; margin-bottom: 30px; } @media screen and (max-width: 1024px) { body.catalog .l-v2-default_vertical_margin_30 { width: 100%; overflow: hidden; } .catalog-section-list { margin-left: 0; margin-right: 0; } .catalog-section-list .slick-arrow { display: none !important; } .catalog-section-list .slick-list { overflow: visible; } .catalog-section-list .slick-track > .slick-slide { padding: 5px 0; } .catalog-section-list__item { margin-right: 30px; max-width: 165px; min-width: 165px; } .l-v2-header__row.l-v2-header__row_middle + div { display: none; } .fancybox-inner { overflow: auto !important; } } @media screen and (max-width: 767px) { .catalog .b-v2-default-page-title { text-align: left; font-size: 24px; } .b-v2-product-info-module { border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #e6e6e6; box-shadow: 0 1px 3px 0 #b3b3b3; } .b-v2-product-info-module__title { font-size: 18px; background-color: #f5f5f5; padding-top: 12px; padding-bottom: 12px; } .b-v2-fp-module__row_header { display: block; } .b-v2-fp-module__row_header .b-v2-fp-module__title { text-align: left; } .b-v2-fp-module__row_header .b-v2-fp-module__column:nth-child(1) { width: 100%; justify-content: flex-start; } .b-v2-fp-module__more { display: none; } .mpage-bnr { height: auto; margin-bottom: 5px; padding: 10px 5px; } .mpage-bnr__title { font-size: 24px; } .mpage-bnr__subtitle { font-size: 14px; } .mpage-bnr__btn { font-size: 12px; margin-top: 10px; margin-bottom: 10px; padding: 1px 10px; min-height: 0; width: auto; } .mpage-bnr__hint { font-size: 10px; } .mpage-sales .b-goods-row__list.owl-carousel .owl-stage-outer { overflow: visible; } .mpage-sales .b-goods-row__list .b-goods-row__item { max-width: 200px; margin-right: 15px; } } @media screen and (max-width: 480px) { .catalog-section-list { max-width: 65%; } } body.is-home-page .l-v2-main-catalog { overflow-y: hidden; height: auto; margin-bottom: 0; padding-bottom: 30px; } body.is-home-page .l-v2-main-catalog .l-v2-main-catalog__column:last-child { } body.is-home-page .l-v2-main-catalog .l-v2-main-catalog__column:last-child .b-v2-main-cat__row .b-v2-main-cat__hidden-list { top: auto; bottom: 100%; border-radius: 3px 3px 0 0; margin-top: 0; margin-bottom: -5px; } body.is-home-page .l-v2-main-catalog .l-v2-main-catalog__column:last-child .b-v2-main-cat:hover .b-v2-main-cat__row::before { bottom: auto; top: -5px; } .b-v2-main-cat__row .b-v2-main-cat__hidden-list { pointer-events: none; } .b-v2-main-cat:hover .b-v2-main-cat__row .b-v2-main-cat__hidden-list { pointer-events: auto; } @media screen and (min-width: 768px) { .b-v2-footer-nav__list { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .b-v2-footer-nav { margin-left: 15px; margin-right: 15px; border: 1px solid #29a7f4; border-radius: 10px; } .b-v2-footer-nav__title, .b-v2-footer-nav__item { text-align: left; } .b-v2-footer-nav__title { font-weight: 700; color: #000; font-size: 16px; display: flex; height: 43px; margin-bottom: 0; justify-content: space-between; align-items: center; padding: 8px 10px 8px 18px; } .b-v2-footer-nav__title::after { content: ''; display: block; width: 25px; height: 25px; background: url(/bitrix/templates/kb2022/img/nav-arrow.png) no-repeat 0 0; } .b-v2-footer-nav__list { display: none; padding: 25px 0 0; } .b-v2-footer-nav__item { margin-bottom: 15px; } .b-v2-footer-nav__link { color: #000; font-size: 14px; } } @media screen and (max-width: 480px) { .b-v2-bottom-panel-basket { text-align: center; } .b-v2-bottom-panel-basket__link { display: inline-block; } .b-v2-bottom-panel-basket-hint { position: relative; left: 0; background: none; text-align: center; font-size: 12px; height: auto; padding: 15px 0 5px; } } .b-v2-default-popup .fancybox-skin, .b-v2-default-popup .fancybox-outer { border-radius: 30px; } .b-city-select_new { max-width: 455px; width: 98vw; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding: 40px 80px; } .b-city-select_new .b-city-select__title { color: #000; font-weight: 700; font-size: 24px; } .b-city-select_new .b-city-select__list-item-link, .b-city-select_new .b-city-select__list-item-link:focus { font-size: 18px; } .b-city-select_new .search-city { margin: 0 -20px 15px; position: relative; } .b-city-select_new .search-city__inp { border-radius: 30px; border: 1px solid #000; height: 48px; padding: 0 20px; width: 100%; font-size: 18px; } .b-city-select_new .search-city__btn { position: absolute; top: 0; right: 0; display: none; } .b-city-select_new .search-city__reset { position: absolute; top: 1px; right: 1px; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 30px; background: #fff; font-size: 40px; } .b-city-select_new .b-city-select__list-item { margin-top: 0; } .b-city-select_new .b-city-select__list-item-link { display: block; padding: 12px 80px; margin-left: -80px; margin-right: -80px; } .b-city-select_new .b-city-select__list-item-link:hover { background: #f3f3f3; color: #633b73; } @media screen and (max-width: 767px) { .b-city-select_new { max-width: 280px; } .b-city-select_new { padding: 20px 40px; } .b-city-select_new .b-city-select__title { font-size: 18px; } .b-city-select_new .b-city-select__list-item-link, .b-city-select_new .b-city-select__list-item-link:focus { font-size: 12px; } .b-city-select_new .search-city__inp { font-size: 12px; height: 36px; } .b-city-select_new .search-city__reset { width: 30px; height: 30px; font-size: 30px; } .b-city-select_new .b-city-select__list-item-link { margin-left: -40px; margin-right: -40px; padding: 8px 40px; } } #catalog-seo { margin-top: 20px; } .b-v2-items-catalog__content-separator + .b-v2-items-catalog__content-row { margin-top: 30px; } .b-email-submit { background: url("/bitrix/templates/kb2022/img/b-email-submit.jpg") no-repeat center center / cover; color: #fff; } .b-email-submit .b-submit-form { padding: 40px 0; background: none; display: flex; } .b-email-submit .b-submit-form__left { width: 65%; } .b-email-submit .b-submit-form__right { width: 35%; } .b-email-submit .b-submit-form__title { color: inherit; font-size: 36px; font-weight: 700; } .b-email-submit .b-submit-form__subtitle { color: inherit; } .b-email-submit .b-submit-form__form_flex { background-color: #c2d9e4; border-radius: 30px; border: none; } .b-email-submit .b-submit-form__row.b-submit-form-checkbox-container { max-width: 350px; margin-left: auto; margin-right: auto; } .b-email-submit .b-submit-form__row.b-submit-form-checkbox-container a { color: inherit; } @media screen and (max-width: 767px) { .b-email-submit .b-submit-form__left, .b-email-submit .b-submit-form__right { width: 100%; } } .js-v2-bottom-panel-cart a { color: #fff !important; } @media screen and (min-width: 768px) { .js-v2-bottom-panel-cart { position: relative; max-width: 240px; height: 100%; display: flex; align-items: center; } .js-v2-bottom-panel-cart .footer__toolbar-counter { margin-left: 10px; font-size: 18px; } .b-v2-bottom-panel-basket-hint { display: none; } .b-v2-bottom-panel-basket__link { top: 0; border-radius: 0; background: none; } .b-v2-bottom-panel-basket__link span { font-weight: 400; } } .l-v2-cart__column_flex_left { align-items: flex-start; justify-content: flex-start; } .l-v2-cart__column_flex_left span { margin-top: 10px; font-size: 10px; color:#ff0000; font-weight: bold; } .is-dark-theme .b-v2-catalog-product__popover-layer, .is-dark-theme .custom-popup--cart-notify-widget, .is-dark-theme input[type="text"], .is-dark-theme .b-payment-form__input, .is-dark-theme .b-payment-textarea__input-wrapper textarea {color: initial;} .is-dark-theme .l-v2-default_white::before {background: #1d1e22;} .is-dark-theme .b-payment-choice {background: #fff;} .is-dark-theme .b-v2-order-steps-header {background: transparent;} .is-dark-theme .b-v2-order-steps-header__text {color: inherit;} .b-v2-catalog-product__popover_multi {display: flex; flex-wrap: wrap; align-items: flex-end;} .b-v2-catalog-product__popover_multi .b-v2-catalog-product__popover-item {margin: 0 0 5px 10px;} .b-v2-catalog-filter__list-item-title {padding-right: 20px;} .b-mnav__link {justify-content: center;} .header-menu-main__item a:hover { color: #fff; } /* End */ /* Start:/bitrix/templates/kb2022/style_kb2022.css?16754328866780*/ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap"); body { display: block; position: relative; overflow-x: hidden; width: 100%; padding-bottom: 0; background: #fff; font-family: 'Montserrat', arial, sans-serif; } .container .container { padding-left: 0; padding-right: 0; } .footer { padding: 30px 0 20px; background: #ececec; position: relative; color: #606060; } .footer__title { color: #000; font-weight: 600; font-size: 18px; margin-bottom: 20px; } .footer__subscribe { margin-bottom: 25px; } .footer__subscribe .b-submit-form_shadow { border: none; background: none; padding: 0; box-shadow: none; } .footer__subscribe .b-submit-form_shadow .b-submit-form__title, .footer__subscribe .b-submit-form_shadow .b-submit-form__subtitle { font-family: Montserrat, arial, sans-serif; } .footer__subscribe .b-submit-form_shadow .b-submit-form__title { font-size: 18px; font-weight: 600; line-height: 1.25; margin-bottom: 20px; } .footer__subscribe .b-submit-form_shadow .b-submit-form__row_form { margin-top: 15px; } .footer__yandex-rating { margin-bottom: 25px; } .footer__requisites p { margin-top: 0; margin-bottom: 10px; } .footer__toolbar-wrap { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; } .footer__toolbar { display: flex; align-items: center; justify-content: space-between; } .footer__toolbar-bottom { background: #82628f; color: #fff !important; display: flex; align-items: center; line-height: 1.5; } @media screen and (max-width: 767px) { .footer { background: #fff; padding-bottom: 100px; } .footer__subscribe { display: none; } .footer__menu-group { padding: 10px; border-radius: 5px; border: 1px solid #00aef1; margin-bottom: 18px; } .footer__menu-group.open .b-v2-footer-nav__list { display: block; } .footer__title { margin-bottom: 0; } .footer__yandex-rating { margin-top: 25px; } .footer__toolbar-wrap .container { padding-left: 0; padding-right: 0; } .footer__toolbar { height: 60px; background: #ececec; padding: 7px 100px 7px 3px; justify-content: space-around; } .footer__toolbar .footer__toolbar-text, .footer__toolbar a { text-align: center; color: #606060; font-size: 10px; margin: 0 7px; display: block; } .footer__toolbar-item { position: relative; } .footer__toolbar-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .footer__toolbar-icon { background: #fff; border-radius: 10px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px; position: relative; } .footer__toolbar-counter { color: #fff; background: #34a9e0; border-radius: 50%; font-size: 10px; width: 17px; height: 17px; display: block; line-height: 17px; text-align: center; position: absolute; bottom: -3px; right: -3px; } .footer__toolbar-bottom { height: 50px; padding: 0 15px; font-size: 12px; text-align: center; justify-content: center; } } @media screen and (min-width: 768px) { .footer__toolbar-wrap { background: rgba(0, 146, 215, 0.6); height: 82px; } .footer__toolbar-wrap .container { position: relative; } .footer__toolbar { margin-right: 165px; color: #fff; height: 82px; } .footer__toolbar-contacts { display: flex; align-items: center; line-height: 1.5; flex-shrink: 0; } .footer__toolbar-contacts img { flex-shrink: 0; margin-right: 20px; } .footer__toolbar-city { color: #fff; font-weight: 700; font-size: 18px; margin-left: 15px; margin-right: 15px; text-align: center; flex-grow: 1; } .footer__toolbar-city a { color: inherit !important; } .footer__toolbar-bottom { position: absolute; top: 0; right: 0; width: 180px; height: 82px; font-size: 14px; padding: 5px; } .footer__toolbar-item { flex-shrink: 0; margin: 0 20px; } .footer__toolbar-icon { margin-right: 10px; } .footer__toolbar-text { color: #fff; font-size: 18px; line-height: 1; } } .b-v2-main-cat { padding: 0; box-shadow: none; border-radius: 10px; background: #ececec; } .b-v2-main-cat .kb-promos__row_sub { display: flex; margin: 0; height: 100%; } .b-v2-main-cat .product-reviews__item__cover { margin-top: 0; border-radius: 10px; width: 118px; overflow: hidden; flex-shrink: 0; padding: 0; } .b-v2-main-cat .product-reviews__item__cover img { display: block; width: 118px; min-height: 118px; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 10px; max-width: 100%; } .b-v2-main-cat .product-reviews__item__description { width: auto; padding: 20px 15px 20px 20px; flex-grow: 1; position: static; } .b-v2-main-cat .product-reviews__item__description h2 { color: #000; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } .b-v2-main-cat .product-reviews__item__description p { color: #606060; font-size: 12px; margin: 0; } .b-v2-main-cat .product-reviews__item__meta { display: flex; flex-wrap: wrap; margin-top: 0; } .b-v2-main-cat .product-reviews__item__meta p { line-height: 1; } .b-v2-main-cat .product-reviews__item__views { display: none; } .b-v2-main-cat .product-reviews__item__views, .b-v2-main-cat .product-reviews__item__pubdate { font-size: 12px; } .b-v2-main-cat .product-reviews__item__views::before, .b-v2-main-cat .product-reviews__item__pubdate::before { content: none; } .b-v2-main-cat .product-reviews__item__more { font-size: 0; } .b-v2-main-cat .product-reviews__item__more::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-v2-main-cat:hover { box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05); } /*# sourceMappingURL=style_kb2022.css.map */ /* End */ /* Start:/bitrix/templates/kb2022/css/s8.css?17029838205942*/ /** individual stylesheet for asko66.ru */ body { --main-color: #da6f5b; --secondary-color: #444343; } .test-s5 { color: #fff; } body a, body a:focus, body a:hover { color: var(--main-color); } body:not(.is-dark-theme) .l-v2-header, body:not(.is-dark-theme) .accent-section, body.is-home-page:not(.is-dark-theme) .l-v2-default_vertical_margin_30.l-slider { background-color: var(--main-color); background-image: url(/bitrix/templates/kb2022/img/l-v2-header-arko66.png); background-repeat: repeat-y; background-size: 100% auto; } .l-v2-top-panel { background: var(--main-color); } .b-v2-catalog-button { background-color: var(--secondary-color); color: #fff !important; } .b-v2-catalog-button:hover, .b-mnav__item:last-child .b-mnav__link { background-color: var(--main-color); color: #fff; } .b-v2-search-form__submit::before { background-image: url('/bitrix/templates/kb2022/img/search-icon-arko66.png'); } .b-email-submit .b-submit-form__form_flex { background-color: rgba(255,255,255,.67); } .b-submit-form__form_flex { border-color: var(--main-color); } .b-submit-form__submit { background-color: var(--main-color); } .b-mnav__link:hover { background-color: var(--main-color); color: #fff; } .b-v2-catalog-nav__sublist-column-list-link:hover, .b-v2-catalog-nav__sublist-column-list-link:focus { color: var(--main-color); } .b-v2-catalog-product__buy { background-color: var(--main-color); border-color: var(--main-color); } .b-v2-product-tumbs__link:hover, .b-v2-product-tumbs__link.js-active { border-color: var(--main-color); } .b-v2-product-additional-info__link:hover { color: var(--main-color); border-bottom-color: var(--main-color); } .b-v2-catalog-product__popover-elem, .product-new .b-v2-product-cart-order__link_fast, .product-new .b-v2-product-cart-order__link_fast:hover, .product-new .product-features__title, .b-v2-cat-pagination__current-page, .b-v2-catalog-filter__button-reset:hover, .b-v2-price-filter .ui-slider-range, .b-v2-catalog-filter__checkbox:checked + .b-v2-catalog-filter__label:before, .b-v2-catalog-filter__list.js-has-cheked .b-v2-catalog-filter__list-item-title::before, .b-v2-product-cart-order__link_basket, .b-v2-product-cart-order__link_basket:focus, .b-v2-catalog-button.js-open, .b-v2-catalog-nav__link.js-active:before, .catalog-home__category__item__banner__label, .fancybox-popup--product-added .fancybox-popup__go-checkout, .fancybox-popup--product-added .fancybox-popup__go-checkout:hover, .b-article__back-link:hover, body .login-form-popup input[type="submit"], .product-new .price-follow__btn:hover, .fancybox-popup--check-state .check-state-form__text-wrapper button, .b-v2-oneclick-buy-popup-new .b-v2-oneclick-buy-popup__form-button:hover, .b-v2-follow-popup .b-v2-oneclick-buy-popup__form-button:hover, .b-payment-textarea__button_blue { background-color: var(--main-color); } .login-form-popup .fancybox-close:hover, .custom-popup--cart-notify-widget .custom-popup__item__delete, .content .product-item .meta-panel, .compare-page .product-item .meta-panel, .fav-page .product-item .meta-panel, .fancybox-popup--check-state .fancybox-close, .custom-popup--cart-notify-widget .custom-popup__go-calcutator, .b-v2-catalog-nav__link.js-active { background-color: var(--main-color) !important; } .b-popupsearch-btn__icon.fa, .blue-text, .b-v2-order-steps-header__dig, .l-v2-cart__promo-field .fa, .b-payment-choice__selected, .b-module-default-text-content li:before, .accent-section .b-v2-short-tags__link:active, .accent-section .b-v2-short-tags__link:focus, .accent-section .b-v2-short-tags__link:focus:active, .accent-section .b-v2-short-tags__link:hover { color: var(--main-color); } .custom-popup--cart-notify-widget .custom-popup__price, .content .product-item > a .price, .compare-page .product-item > a .price, .fav-page .product-item > a .price { color: var(--main-color) !important; } .content .product-item .meta-panel .button, .compare-page .product-item .meta-panel .button, .fav-page .product-item .meta-panel .button { border-left-color: rgba(255,255,255,.8) !important; } .product-new .owl-carousel_similar .owl-nav div:hover, .b-v2-product-tumbs .owl-prev, .b-v2-dev-module .owl-prev, .b-v2-product-carousel .owl-prev, .b-v2-developers-carousel .owl-prev, .b-v2-recent-articles .owl-prev, .b-fp-b .owl-prev, .b-prextwr-service .owl-prev, .b-v2-product-tumbs .owl-next, .b-v2-dev-module .owl-next, .b-v2-product-carousel .owl-next, .b-v2-developers-carousel .owl-next, .b-v2-recent-articles .owl-next, .b-fp-b .owl-next, .b-prextwr-service .owl-next { color: var(--main-color); border-color: var(--main-color); } .product-new .b-v2-product-cover, .b-v2-catalog-product__buy:hover, .b-v2-price-filter .ui-slider-handle { border-color: var(--main-color); } .b-v2-catalog-filter__button-show, .b-v2-catalog-filter__button-show:focus { background-color: var(--main-color); border-color: var(--main-color); } .b-v2-footer-nav__link:hover, .b-v2-cat-pagination__link:hover, .b-v2-catalog-filter__button-reset, .b-v2-catalog-filter__button-reset:focus { color: var(--main-color); border-color: var(--main-color); } body .login-form-popup .restore-pwd a, body .login-form-popup .restore-pwd a:hover, .fancybox-popup--product-added .fancybox-popup__go-shopping, .b-v2-breadcrumbs__link:hover { color: var(--main-color); border-bottom-color: var(--main-color); } .calc-hint { border-left-color: var(--main-color); } .footer__toolbar-wrap { background-color: rgba(218,111,91,.6); } .b-email-submit { display: none !important; } .b-v2-catalog-nav__link:hover, .b-v2-catalog-nav__link:focus, .b-v2-catalog-nav__link.js-active { color: #000; } @media (min-width: 992px) { .l-v2-header__column_search .b-v2-search-form__input { background-color: rgba(255,255,255,.67); } } /* End */ /* Start:/bitrix/templates/kb2022/components/bitrix/search.title/search/style.css?16754328862959*/ .bx_search_container{ height: 50px; line-height: 50px; padding: 0 10px; } .bx_search_container .bx_field{ position: relative; margin-top: 15px; height: 30px; border-top: 1px solid #8ca3ae; border-right: 1px solid #a0b4be; border-bottom: 1px solid #b6c8d1; border-left: 1px solid #a0b4be; border-radius: 3px; background: #fff; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.1); line-height: 30px; } .bx_search_container .bx_field .bx_input_text{ position: absolute; left: 0; height: 30px; outline: none; border: none; background: none; line-height: 30px; width: 100%; padding-right: 40px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; } .bx_search_container .bx_field .bx_input_submit{ position: absolute; top: 2px; right: 0; bottom: 0; width: 34px; border: none; background: url('/bitrix/templates/kb2022/components/bitrix/search.title/search/images/search_lupe.png') no-repeat left center; cursor: pointer; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-left: 0; margin-top:0px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/kb2022/components/bitrix/search.title/search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 45px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/bitrix/templates/kb2022/components/bitrix/breadcrumb/bread/style.css?1675432885947*/ .bx_breadcrumbs{ margin-bottom:15px; padding-top:0px } .bx_breadcrumbs ul{ margin:0; padding:0 } .bx_breadcrumbs ul li{ display:inline-block; line-height:20px } .bx_breadcrumbs ul li a{ display:block; padding:0 15px; background:url(/bitrix/templates/kb2022/components/bitrix/breadcrumb/bread/images/breadcrumbs_arrow.png) no-repeat center right; color:#555; text-decoration:none; font-size:11px; opacity:.5 } .bx_breadcrumbs ul li:first-child a{padding-left:0} .bx_breadcrumbs ul li:last-child a{background:none} .bx_breadcrumbs ul li a:hover{ text-decoration:underline; line-height:20px; opacity:1 } .bx_breadcrumbs ul li span{ display:block; padding:0 15px; color:#aaa; text-decoration:none; font-size:11px } .bx_breadcrumbs, .bx_breadcrumbs ul li{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /* End */ /* Start:/bitrix/templates/kb2022/components/bitrix/menu/bottom/style.css?1675432885583*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/bitrix/templates/kb2022/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/bitrix/templates/kb2022/styles.css?1675432886113787*/ /*! Site: kulturabt.ru Autor: Roman Sokhin Autor site: rdesign-studio.ru */ body { line-height: 1; } input, textarea, button { font-family: 'Montserrat', arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.2; } ul, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } a, a:hover, a:active, a:focus { outline: 0; } a { color: #00aef1; /*text-decoration: underline;*/ } a:hover { color: #00aef1; text-decoration: none; } .rd-hidden { display: none; } .vertical-align-wrapper { display: table; width: 100%; } .vertical-align-wrapper > .align-middle { display: table-cell; width: 100%; vertical-align: middle; } body > .wrapper { overflow: hidden; } /* .container p { margin: 0; }*/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .rdesign-animation { opacity: 0; } .rdesign-animation.animated { opacity: 1; } input, textarea, button { outline: none; border: none; padding: 0; margin: 0; } address { font-style: normal; } ul, li { list-style: none; } .row-margin-top-20 { margin-top: 20px; } #compare-msg { display: none; } /* Спасибка ========================================================================== */ .thx-popup .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .thx-popup .fancybox-close { top: -30px; right: 0; width: 23px; height: 23px; outline: 0; background: url(/bitrix/templates/kb2022/img/popup-form/close.png) no-repeat center center; } .thx-popup .thanks-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 524px; padding: 40px; background: #fff; } .thx-popup hr { display: block; width: 350px; height: 1px; margin: 30px auto; border: none; background: #c7c7c7; } .thx-popup h2 { font-size: 30px; text-align: center; color: #00acef; margin: 10px 0; text-transform: uppercase; } .thx-popup p { font-size: 18px; margin: 10px 0; text-align: center; line-height: 1.3; } .thx-popup p.logo { margin-bottom: 20px; } /* Всплывающая форма ========================================================================== */ .popup-form .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } .popup-form .fancybox-close { top: -30px; right: 0; width: 23px; height: 23px; outline: 0; background: url(/bitrix/templates/kb2022/img/popup-form/close.png) no-repeat center center; } .popup-form form { -webkit-box-sizing: border-box; box-sizing: border-box; width: 524px; padding: 40px; background: #fff; } .popup-form .title { font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #181818; } .popup-form .sub-title { font-size: 14px; font-weight: 300; text-align: center; color: #484848; } .popup-form label { font-size: 15px; font-weight: 300; line-height: 40px; position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 374px; height: 40px; margin: 17px auto; padding: 0 20px; -webkit-transition: all 300ms linear; transition: all 300ms linear; color: #545454; border: 1px solid #5b85c1; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } .popup-form label:after { position: absolute; top: 11px; left: 122px; width: 1px; height: 18px; content: ""; background: #e2e2e2; } .popup-form input { font-size: 15px; font-weight: 300; position: absolute; top: 5px; right: 10px; width: 220px; height: 29px; margin: 0; padding: 0; border: none; } .popup-form input::-webkit-input-placeholder { line-height: normal; } .popup-form button { font-size: 20px; font-weight: 500; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 374px; height: 70px; margin: 30px auto 0 auto; text-align: center; text-transform: uppercase; color: #fff; border: none; position: relative; background: url(/bitrix/templates/kb2022/img/popup-form/button.png) no-repeat center top; } .popup-form button:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 70px; background: url(/bitrix/templates/kb2022/img/popup-form/button.png) no-repeat center bottom; opacity: 0; -webkit-transition: all 75ms linear; transition: all 75ms linear; } .popup-form button:hover:before { opacity: 1; } .popup-form button span { position: absolute; width: 100%; line-height: 70px; height: 70px; top: 0; left: 0; } .panel-top .row > div { height: 60px; } .panel-top .vertical-align-wrapper { height: 60px; } .panel-top address, .panel-top p, .panel-top a { font-size: 14px; color: #fff; } .panel-top .number { font-size: 24px; font-weight: bold; display: inline-block; margin-left: 20px; color: #fff; margin-top: 0; margin-bottom: 0; } .panel-top .number:first-child { margin-left: 0; } .panel-top .number:before { position: relative; display: block; float: left; width: 26px; height: 26px; margin-right: 15px; content: ""; background: url(/bitrix/templates/kb2022/img/all-sections/icon-phone.png) no-repeat center center; } .panel-top .box { display: inline-block; vertical-align: top; } .panel-top .box-phones { width: 59%; text-align: center; } .panel-top .box-links { width: 40%; margin-left: 4px; } .panel-top .box-links ul { width: 100%; text-align: right; } .panel-top .box-links li { display: inline-block; margin-left: 30px; } .panel-top .box-links li:first-child { margin-left: 0; } .panel-top .box-links a { text-decoration: none; } .panel-top .box-links a:hover { text-decoration: underline; } .panel-bottom { left: 0; right: 0; position: fixed; z-index: 10; bottom: 0; margin: 0; width: 100% !important; /* min-width: 1170px;*/ } .panel-bottom .row { /* min-width: 1170px;*/ margin: 0 auto; } .panel-bottom .row > div { height: 40px; padding-right: 0; } .panel-bottom .vertical-align-wrapper { height: 40px; } .panel-bottom p, .panel-bottom a { font-size: 14px; color: #fff; } .panel-bottom .number { font-size: 24px; font-weight: bold; display: inline-block; margin-left: 30px; padding-top: 4px; vertical-align: top; color: #fff; } .panel-bottom .number:first-child { margin-left: 0; } .panel-bottom .number:before { position: relative; display: block; float: left; width: 26px; height: 26px; margin-right: 15px; content: ""; background: url(/bitrix/templates/kb2022/img/all-sections/icon-phone.png) no-repeat center center; } .panel-bottom .aling-wrapper { float: right; width: 69%; text-align: right; } .panel-bottom .box { display: inline-block; height: 40px; vertical-align: top; } .panel-bottom .box-phones .text { font-size: 14px; display: inline-block; margin-left: 15px; text-align: left; vertical-align: top; color: #fff; } .panel-bottom .box-with-digits { margin-left: -4px; line-height: 40px; } .panel-bottom .box-with-digits a { display: block; height: 60px; padding-right: 7.5px; padding-left: 7.5px; text-decoration: none; color: #fff; } .panel-bottom .box-with-digits a:hover { text-decoration: none; background: #352039; } .panel-bottom .box-with-digits .label { font-size: 14px; text-transform: uppercase; color: #fff; } .panel-bottom .box-with-digits .digit { font-size: 15px; line-height: 26px; display: inline-block; width: 26px; height: 26px; margin-left: 15px; text-align: center; color: #000; background: none #fff; } .panel-bottom .box-cart { margin-right: 0; } .panel-bottom .box-cart .wrapper { line-height: 40px; height: 40px; } .panel-bottom .box-cart .sum { font-size: 18px; padding: 0 15px; color: #fff; background: none; } .panel-bottom .box-cart .sum span { font-size: 14px; } .panel-bottom .box-cart .label { padding-left: 7.5px; background: none; } .panel-bottom .box-cart .btn-order { font-size: 14px; line-height: 1; display: inline-block; width: 140px; height: 40px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; vertical-align: top; text-transform: uppercase; background: #4ec5f2; } .panel-bottom .box-cart .btn-order:hover { color: #fff; background: #f100a3; } .panel-bottom .box-cart .btn-order span { line-height: 1; display: inline-block; padding-top: 7px; background: none; } .section-header .box-items { font-size: 0; padding: 0; height: 70px; text-align: center; border: 1px dashed #cdcdcd; } .section-header .box-items .item { font-size: 14px; display: inline-block; margin-left: 30px; position: relative; vertical-align: top; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-header .box-items .item:first-child { margin-left: 0; } .section-header .box-items .item p { line-height: 1.3; color: #3c3c3c; padding-left: 50px; text-align: left; position: relative; } .section-header .box-items .item a { text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .section-header .box-items .item a:hover { border-bottom-color: #00aef1; } .section-header .box-items .item p:before { position: absolute; left: 0; width: 26px; height: 26px; margin-right: 20px; top: 50%; margin-top: -13px; content: ""; background: url(/bitrix/templates/kb2022/img/section.header/item-icons.png) no-repeat center center; } .section-header .box-items .item-city { font-size: 15px; } .section-header .box-items .item-city p:before { background-position: center left; } .section-header .box-items .item-work-time { font-size: 15px; } .section-header .box-items .item-work-time p:before { background-position: center center; } .section-header .box-items .item-email { font-size: 15px; } .section-header .box-items .item-email p:before { background-position: center right; } .section-header .catalog-switcher ul { width: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .section-header .catalog-switcher li { width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-header .catalog-switcher li > a { font-size: 16px; display: block; width: 100%; height: 45px; padding: 13px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; text-decoration: none; color: #fff; background: #b5b5b5; } .section-header .catalog-switcher li > a.active { color: #fff; background: #00aef1; } .section-header .catalog-switcher li > a:hover { color: #fff; background: #693f72; } .section-header .button-action { font-size: 22px; line-height: 1; display: block; height: 45px; padding: 13px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; text-decoration: none; color: #fff; background: #f100a3; } .section-header .button-action:hover, .section-header .button-state:hover { color: #fff; background: #693f72; } .section-header .button-state { font-size: 18px; line-height: 1; display: block; height: 45px; padding: 14px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; text-decoration: none; color: #fff; background: #00aef1; } #header-search input { display: inline-block; vertical-align: top; } #header-search input[name="q"], #header-search input[name="s"] { float: left; box-sizing: border-box; } #header-search input[name="q"] { font-size: 16px; width: 80%; height: 45px; padding: 13px; color: #878787; background: #dadada; border: 1px solid transparent; border-right: none; -webkit-transition: all 300ms; transition: all 300ms; } #header-search input[name="q"]:hover { border-color: #c0c0c0; } #header-search input[name="q"]:focus { border-color: #00aef1; } #header-search input[name="s"] { font-size: 22px; width: 20%; height: 45px; padding: 0 13px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; color: #fff; background: #00aef1; } #header-search input[name="s"]:hover { color: #fff; background: #693f72; } /* Главное меню */ .section-top-nav .section-top-nav__list { font-size: 0; width: 100%; background: #e5e5e5; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .section-top-nav .section-top-nav__list-item { font-size: 14px; margin: 0 auto; vertical-align: top; width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-top-nav .section-top-nav__list-item a { line-height: 1; position: relative; display: block; padding: 18px 10px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: center; text-decoration: none; color: #000; white-space: nowrap; } .section-top-nav .section-top-nav__list-item--selected a, .section-top-nav .section-top-nav__list-item a:hover { color: #fff; background: #693f72; } /* модификатор: каталог */ .section-top-nav .section-top-nav__list-item--north a { background: #00aef1; color: #fff; } .section-top-nav .section-top-nav__list-item--north a:hover { background: #693f72; } .section-top-nav .section-top-nav__list-item--select-product { display: none; } .section-top-nav .section-top-nav__list-item--catalog a { background: #00aef1; color: #fff; } .section-top-nav .section-top-nav__list-item--catalog a:before { position: absolute; bottom: -9px; left: 50%; width: 25px; height: 9px; margin-left: -12.5px; content: ""; background: url(/bitrix/templates/kb2022/img/section.top-nav/link-corner.png) no-repeat center top; } .section-top-nav .section-top-nav__list-item--catalog.section-top-nav__list-item--selected a { color: #fff; background: #693f72; } .section-top-nav .section-top-nav__list-item--catalog:hover a:before, .section-top-nav .section-top-nav__list-item--catalog.section-top-nav__list-item--selected a:before { background-position: center -37px; } /* модификатор: акция */ .section-top-nav .section-top-nav__list-item--action a { background: #f100a3; color: #fff; } .section-top-nav .section-top-nav__list-item--action a:hover { background: #693f72; } /* */ .section-main-content .row { position: relative; } .section-main-content .row > .submenu-container { position: absolute; z-index: 4; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 893px; min-height: 500px; padding: 30px; border-top: 2px solid #693f72; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .section-main-content .row > .submenu-container > a { text-decoration: none; } .section-main-content .row > .submenu-container h5 { font-size: 24px; margin-bottom: 15px; color: #000; } .section-main-content .row > .submenu-container ul { margin-left: 30px; } .section-main-content .row > .submenu-container li { display: inline-block; width: 33.33%; margin: 15px 0; margin-left: -4px; background: #fff; } .section-main-content .row > .submenu-container li a { font-size: 14px; display: block; height: auto; text-align: left; text-decoration: none; } .section-main-content .row > .submenu-container li span { display: inline-block; margin-left: -4px; -webkit-transition: all 75ms linear; transition: all 75ms linear; vertical-align: middle; } .section-main-content .row > .submenu-container li span.icon { width: 30%; margin-right: 7%; padding: 5px; text-align: center; border: 1px solid #cdcdcd; } .section-main-content .row > .submenu-container li span.text { width: 55%; color: #000; } .section-main-content .row > .submenu-container li.current-menu-item span.icon, .section-main-content .row > .submenu-container li:hover span.icon { border-color: #693f72; } .section-main-content .row > .submenu-container li:hover span.text { color: #00aef1; } .section-main-content .sidebar nav .submenu-container { display: none; } .section-main-content .sidebar nav li { margin-top: 1px; } .section-main-content .sidebar nav li:first-child { margin-top: 0; } .section-main-content .sidebar nav a { position: relative; display: block; padding: 15px; -webkit-transition: all 75ms linear; transition: all 75ms linear; text-align: left; text-decoration: none; color: #000; background: #e5e5e5; } .section-main-content .sidebar nav a:after { position: absolute; top: 50%; right: -11px; width: 11px; height: 20px; margin-top: -10px; content: ""; -webkit-transition: all 75ms linear; transition: all 75ms linear; opacity: 0; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/sidebar/link-corner.png) no-repeat center center; } .section-main-content .sidebar nav li.current-menu-item a, .section-main-content .sidebar nav a:hover, .section-main-content .sidebar nav a.active { z-index: 5; color: #fff; background: #693f72; } .section-main-content .sidebar nav a:hover:after, .section-main-content .sidebar nav a.active:after { opacity: 1; } .section-main-content .widget { margin: 30px 0; } .section-main-content .widget-banner { text-align: center; } .section-main-content .catalog { margin-top: 30px; margin-bottom: 30px; } .section-main-content .catalog-last-adding .title { margin: 15px 0; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/catalog/title-h2-bg.png) repeat-x center center; } .section-main-content .catalog-last-adding .title h2 { font-size: 30px; display: inline-block; padding-right: 20px; text-align: left; background-color: #fff; } /* Фильтры */ .catalog-filter { padding: 5px 5px 0 5px; border: 1px solid #e1e1e1; -webkit-border-radius: 0; border-radius: 0; background: none; -webkit-transition: all 300ms; transition: all 300ms; } .catalog-filter h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; padding: 8px 0 7px; margin-bottom: 6px; } .catalog-filter .filter-box { border: none; padding: 0; } .catalog-filter .filter-box .ttl_3 { font-size: 16px; font-weight: normal; position: relative; margin: 0 -6px; padding: 10px 15px 10px 27px; text-decoration: none; border: none; background: #00aef1; color: #fff; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .catalog-filter .filter-box .ttl_3:hover { background-color: #693f72; } .catalog-filter .filter-box .ttl_3:before { position: absolute; top: 50%; left: 10px; overflow: hidden; width: 8px; height: 8px; margin-top: -3px; content: ""; background: url("/bitrix/templates/kb2022/img/new_filter_icon.png") no-repeat center top; } .catalog-filter .filter-box .ttl_3.open:before { background-position: center bottom; } .catalog-filter .filter-box .ttl_3 em { border: none; } .catalog-filter .filter-box p { padding: 0; } .catalog-filter .filter-box .checkbox { margin-top: 5px; } .catalog-filter .filter-box .checkbox label { cursor: pointer; } .catalog-filter .filter-box .checkboxes { padding: 10px 0; } .catalog-filter .filter-box .checkboxes .checkbox:first-child { margin-top: 0; } .catalog-filter .filter-box .checkboxes label { font-size: 14px; display: block; padding-left: 20px; color: #000; } .catalog-filter .filter-box .checkboxes label.disabld { color: gainsboro; } .catalog-filter .filter-box .jquery-checkbox { display: inline-block; display: -moz-inline-stack; zoom: 1; cursor: pointer; margin-right: 5px; position: relative; margin-left: -20px; } .catalog-filter .filter-box .jquery-checkbox img { width: 20px; height: 20px; background: #e1e1e1; } .catalog-filter .filter-box .jquery-checkbox img { -webkit-transition: all 150ms linear; transition: all 150ms linear; } .catalog-filter .filter-box .jquery-checkbox-hover img { background-color: #00aef1; } .catalog-filter .filter-box .jquery-checkbox.jquery-checkbox-checked img { background: url("/bitrix/templates/kb2022/img/filter_bullet.png") no-repeat -5px center #00aef1; } .catalog-filter .showItems, .catalog-filter .hideItems { font-size: 14px; display: block; width: 100%; margin-top: 10px; padding: 5px 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; text-align: center; text-decoration: none; text-transform: uppercase; color: #000; -webkit-border-radius: 5px; border-radius: 5px; } .catalog-filter .showItems:hover, .catalog-filter .hideItems:hover { color: #00aef1; } .catalog-filter .filtprice-inputs { overflow: hidden; text-align: center; color: #666; } .catalog-filter .filtprice-inputs > div { display: inline-block; width: 40%; } .catalog-filter .filtprice-inputs > span { width: 20%; } .catalog-filter .filtprice-inputs .input-holder input[type="text"] { border: 0; background: none; display: block; width: 100%; -webkit-box-shadow: none; box-shadow: none; text-align: center; color: #b6b6b6; font-size: 17px; line-height: 1.2; padding: 4px 0; } .catalog-filter .filtprice-inputs span { text-align: center; line-height: 1; font-size: 12px; color: #9e9e9e; padding: 8px 5px 7px; padding-top: 12px; } .catalog-filter .filtprice-inputs .input-holder { display: inline-block; border: 1px solid #00aef1; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog-filter .filtprice-box { padding: 0 6px 15px 6px; margin: 0 -6px; border-top: 1px solid #00aef1; } .catalog-filter .filtprice-box .ttl_3 { padding: 15px 0; text-align: center; font-size: 16px; text-transform: uppercase; } .catalog-filter .filtprice-box .ttl_3.open { } .catalog-filter .filtprice-inputs .input-holder input[type="text"] { text-align: center; } .catalog-filter .resset-filter { margin-right: -5px; margin-bottom: 0; margin-left: -5px; padding: 0; } .catalog-filter .resset-filter button { line-height: 50px; display: block; width: 100%; height: 50px; -webkit-transition: all 150ms linear; transition: all 150ms linear; text-align: center; text-decoration: none; } .catalog-filter .catalog-filter .resset-filter button:hover { background: #693f72; color: #fff; } .catalog-filter .slider-range { position: relative; background-color: #c9c9c9; height: 10px; -webkit-border-radius: 2px; border-radius: 2px; } .catalog-filter .ui-slider-range { position: absolute; top: 1px; height: 8px; } .catalog-filter .slider-range .ui-slider-handle { position: absolute; width: 14px; height: 27px; left: 0; top: -7px; margin-left: -5px; background: url(/bitrix/templates/kb2022/img/handler.png) 0 0 no-repeat; display: block; } .catalog-filter .sl-container { position: absolute; top: 0; left: 0; right: 5px; } .catalog-filter .price-slider-holder { padding: 17px 5px 10px; } /* Область контента для внутр. страниц */ .content h1 { margin: 0 0 15px 0; text-transform: uppercase; } /* Каталог товаров во внутренних страница */ #catalog .product-item { margin-bottom: 30px; } .content .product-item, .compare-page .product-item, .fav-page .product-item { text-align: center; } .content .product-item:first-child, .content .product-item:first-child + div, .content .product-item:nth-child(3), .compare-page .product-item:first-child, .compare-page .product-item:first-child + div, .compare-page .product-item:nth-child(3), .fav-page .product-item:first-child, .fav-page .product-item:first-child + div, .fav-page .product-item:nth-child(3) { margin-top: 0; } /*.content .product-item:nth-child(3n+1),*/ .compare-page .product-item:nth-child(3n+1), .fav-page .product-item:nth-child(3n+1) { clear: left; } .content .product-item > a, .compare-page .product-item > a, .fav-page .product-item > a { display: block; padding: 30px 15px 20px; text-decoration: none; border: 1px dashed #cdcdcd; border-bottom: none; position: relative; } .content .product-item > a .img-wrapper, .compare-page .product-item > a .img-wrapper, .fav-page .product-item > a .img-wrapper { display: table-cell; height: 205px; vertical-align: middle; width: 1%; } @media (max-width: 1470px) { .content .product-item > a { padding: 10px 15px 10px; } .content .product-item > a .img-wrapper { height: 188px; } } .content .product-item > a img, .compare-page .product-item > a img, .fav-page .product-item > a img { -webkit-transition: all 75ms linear; transition: all 75ms linear; } .content .product-item > a:hover, .compare-page .product-item > a:hover, .fav-page .product-item > a:hover { text-decoration: none; } .content .product-item > a:hover .img-wrapper img, .compare-page .product-item > a:hover img, .fav-page .product-item > a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .content .product-item > a .price, .compare-page .product-item > a .price, .fav-page .product-item > a .price { font-size: 24px; font-weight: bold; margin: 15px 0; color: #00aef1; } .content .product-item > a .price span, .compare-page .product-item > a .price span, .fav-page .product-item > a .price span { font-size: 14px; font-weight: normal; color: #000; } .content .product-item > a h3, .compare-page .product-item > a h3, .fav-page .product-item > a h3 { font-size: 14px; font-weight: normal; color: #323232; min-height: 50px; } .content .product-item .meta-panel, .compare-page .product-item .meta-panel, .fav-page .product-item .meta-panel { overflow: hidden; height: 45px; background-color: #00aeef; } .content .product-item .meta-panel ul, .compare-page .product-item .meta-panel ul, .fav-page .product-item .meta-panel ul { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .content .product-item .meta-panel li, .compare-page .product-item .meta-panel li, .fav-page .product-item .meta-panel li { width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .content .product-item .meta-panel li:first-child a, .compare-page .product-item .meta-panel li:first-child a, .fav-page .product-item .meta-panel li:first-child a { border-left-color: transparent; } .content .product-item .meta-panel .button, .compare-page .product-item .meta-panel .button, .fav-page .product-item .meta-panel .button { display: block; width: 100%; height: 45px; border-left: 1px solid #4ec5f2; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/catalog/meta-panel-icons.png) no-repeat center center; } .content .product-item .meta-panel .button:hover, .compare-page .product-item .meta-panel .button:hover, .fav-page .product-item .meta-panel .button:hover { -webkit-transition: all 75ms linear; transition: all 75ms linear; background-color: #693f72; } .content .product-item .meta-panel .button-qick-view, .compare-page .product-item .meta-panel .button-qick-view, .fav-page .product-item .meta-panel .button-qick-view { background-position: center -3px; } .content .product-item .meta-panel .button-addtocompare, .compare-page .product-item .meta-panel .button-addtocompare, .fav-page .product-item .meta-panel .button-addtocompare { background-position: center -68px; } .section-main-content .catalog-last-adding .item .meta-panel .button.compared, .content .product-item .meta-panel .button-addtocompare.compared, .compare-page .product-item .meta-panel .button-addtocompare, .fav-page .product-item .meta-panel .button-addtocompare.compared { background-color: #0078ae; } .content .product-item .meta-panel .button-addtocompare.compared:hover { background-color: #f100a3; } .content .product-item .meta-panel .button-addtofav, .compare-page .product-item .meta-panel .button-addtofav, .fav-page .product-item .meta-panel .button-addtofav { background-position: center -133px; } .content .product-item .meta-panel .button-buy, .compare-page .product-item .meta-panel .button-buy, .fav-page .product-item .meta-panel .button-buy { background-color: #693f72; background-position: center -198px; } .content .product-item .meta-panel .button-buy:hover, .compare-page .product-item .meta-panel .button-buy:hover, .fav-page .product-item .meta-panel .button-buy:hover { background-color: #f100a3; } .section-main-content .catalog-last-adding .item .meta-panel .button-addtofav.wished, .fav-page .product-item .meta-panel .button-addtofav.wished, .compare-page .product-item .meta-panel .button-addtofav.wished, .content .product-item .meta-panel .button-addtofav.wished { background-color: #0078ae; background-position: center -263px; } .fav-page .product-item .meta-panel .button-addtofav:hover, .content .product-item .meta-panel .button-addtofav.wished:hover { background-color: #f100a3; } .content .product-item > a .properties { position: absolute; left: 10px; top: 10px; } .content .product-item > a .properties > * { margin-left: 5px; display: inline-block; } .content .product-item > a .properties > :first-child { margin-left: 0; } /* Каталог товаров на главной странице */ .section-main-content .catalog-last-adding .item { float: left; width: 31.3%; margin: 15px 0 15px 3%; text-align: center; } .section-main-content .catalog-last-adding .item:nth-child(3n+1) { margin-left: 0; clear: left; } .section-main-content .catalog-last-adding .item > a { display: block; padding: 20px 15px; text-decoration: none; border: 1px dashed #cdcdcd; border-bottom: none; position: relative; } .section-main-content .catalog-last-adding .item > a .img-wrapper { display: table-cell; height: 200px; vertical-align: middle; width: 1%; } .section-main-content .catalog-last-adding .item > a img { -webkit-transition: all 75ms linear; transition: all 75ms linear; } .section-main-content .catalog-last-adding .item > a:hover { text-decoration: none; } .section-main-content .catalog-last-adding .item > a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section-main-content .catalog-last-adding .item > a .price { font-size: 24px; font-weight: bold; margin: 15px 0; color: #00aef1; } .section-main-content .catalog-last-adding .item > a .price span { font-size: 14px; font-weight: normal; color: #000; } .section-main-content .catalog-last-adding .item > a h3 { font-size: 14px; font-weight: normal; color: #323232; min-height: 50px; } .section-main-content .catalog-last-adding .item .meta-panel { overflow: hidden; height: 45px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #00aeef; } .section-main-content .catalog-last-adding .item .meta-panel ul { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .section-main-content .catalog-last-adding .item .meta-panel li { width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .section-main-content .catalog-last-adding .item .meta-panel li:first-child a { border-left-color: transparent; } .section-main-content .catalog-last-adding .item .meta-panel .button { display: block; width: 100%; height: 45px; border-left: 1px solid #4ec5f2; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/catalog/meta-panel-icons.png) no-repeat center center; } .section-main-content .catalog-last-adding .item .meta-panel .button:hover { -webkit-transition: all 75ms linear; transition: all 75ms linear; background-color: #693f72; } .section-main-content .catalog-last-adding .item .meta-panel .button-qick-view { background-position: center -3px; } .section-main-content .catalog-last-adding .item .meta-panel .button-addtocompare { background-position: center -68px; } .section-main-content .catalog-last-adding .item .meta-panel .button-addtofav { background-position: center -133px; } .section-main-content .catalog-last-adding .item .meta-panel .button-buy { background-color: #693f72; background-position: center -198px; } .section-main-content .catalog-last-adding .item .meta-panel .button-buy:hover { background-color: #f100a3; } #front-page-slider * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } #front-page-slider.show-shadow .owl-stage-outer { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } #front-page-slider .owl-nav > div { position: absolute; top: 50%; width: 37px; height: 68px; margin-top: -34px; -webkit-transition: all 75ms linear; transition: all 75ms linear; opacity: 0; background: url(/bitrix/templates/kb2022/img/sidebar.main-container/front-page-slider/arrows.png) no-repeat center center; } #front-page-slider .owl-nav > div.owl-prev { left: 20px; background-position: center left; } #front-page-slider .owl-nav > div.owl-next { right: 20px; background-position: center right; } #front-page-slider:hover .owl-nav > div.owl-prev { opacity: 1; } #front-page-slider:hover .owl-nav > div.owl-next { opacity: 1; } .section-studio-banner { /* min-width: 1170px;*/ height: 670px; background-position: center center; } .section-studio-banner .top-part { position: relative; /* min-width: 1170px;*/ max-width: 1280px; height: 50px; margin: 0 auto; background-color: #fff; } .section-footer { min-height: 340px; } .footer-wrapper { /* min-width: 1170px;*/ background: url(/bitrix/templates/kb2022/img/section.footer/section-bg.jpg) no-repeat center 0; } .footer-wrapper p { font-size: 14px; line-height: 1.5; margin-top: 40px; color: #404040; } .no-opacity .section-main-content .sidebar nav a:after { content: none; } .no-opacity .section-main-content .sidebar nav a:hover:after { content: ""; } .no-flexbox .section-top-nav ul { display: table; width: 100%; } .no-flexbox .section-top-nav ul li { display: table-cell; width: auto; } .no-flexbox .section-header .catalog-switcher ul { display: table; } .no-flexbox .section-header .catalog-switcher ul li { display: table-cell; width: 50%; } .no-flexbox .section-main-content .catalog-last-adding .item .meta-panel ul { display: table; width: 100%; } .no-flexbox .section-main-content .catalog-last-adding .item .meta-panel ul li { display: table-cell; width: 25%; } /* Быстрый просмотр товара ========================================================================== */ .rd-quick-preview { width: 500px; } .rd-quick-preview p { margin: 0; padding: 0 0 18px; } .rd-quick-preview .fancybox-skin, .rd-quick-preview .popup-title { -webkit-border-radius: 0; border-radius: 0; } .popup-inner { -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; } .popup-title { overflow: hidden; margin-bottom: 10px; padding: 7px 11px 8px; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; background: #f6f6f6; } .popup-title .close { font-size: 16px; float: right; text-decoration: none; color: #000; } .rd-quick-preview .close { display: none; } .popup-title h4, .popup-title .ttl_4 { font-size: 16px; line-height: 1.2; padding: 0; padding-top: 2px; color: #000; } .rd-quick-preview .ttl_4 a { font-size: 38px; text-decoration: none; color: #000; } .rd-quick-preview .fancybox-close { position: absolute; top: 0; right: 0; width: 60px; height: 60px; -webkit-transition: all 300ms linear; transition: all 300ms linear; background: #d8d8d8; } .rd-quick-preview .fancybox-close:before { position: absolute; top: -12px; left: 50%; width: 35px; height: 35px; margin-left: -18px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .rd-quick-preview .fancybox-close:after { position: absolute; bottom: -13px; left: 50%; width: 35px; height: 35px; margin-left: -18px; content: ""; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .rd-quick-preview .fancybox-close:hover { background: #00aef1; } .popup-content { padding: 0 10px 10px; } .popup-content .errortext { padding: 10px 0; text-align: center; display: block; border: 1px solid red; width: 81%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .rd-quick-preview .product-media { float: left; overflow: hidden; width: 370px; height: 520px; margin-right: 10px; margin-bottom: 10px; text-align: center; border: 1px solid #e0e0e0; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; } .rd-quick-preview .product-media .product-preview { margin-bottom: 5px; border-bottom: 1px solid #e0e0e0; } .rd-quick-preview .bx-wrapper { position: relative; margin: 0 auto; padding: 0; } .rd-quick-preview .bx-wrapper .bx-viewport { left: -5px; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); border: 5px solid #fff; background: #fff; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } .rd-quick-preview .product-preview .bx-viewport { left: 0 !important; } .rd-quick-preview .infoholder-block { position: relative; z-index: 2; overflow: hidden; margin-bottom: 5px; padding: 5px; -webkit-border-radius: 10px; border-radius: 10px; } .rd-quick-preview .rd-rating .rate.mark { position: relative; overflow: hidden; width: 102px; height: 19px; margin-right: 3px; background: url(/bitrix/templates/gipertwo_/img/stars.png) 0 0 no-repeat; } .rd-quick-preview .rd-rating .rate.mark span { position: absolute; top: 0; left: 0; height: 19px; background: url(/bitrix/templates/gipertwo_/img/stars.png) 0 100% no-repeat; } .rd-quick-preview .rd-rating p { font-size: 14px; margin: 0; margin-bottom: 5px; padding: 0; color: #525252; } .rd-quick-preview .term-list { font-size: 14px; line-height: 1.3; margin: 10px 0; color: #525252; } .rd-quick-preview .addtocompare { font-size: 12px; display: block; margin: 7px 0; text-decoration: none; color: #6d6d6d; } .rd-quick-preview .addtocompare:hover { text-decoration: underline; } .rd-quick-preview .btn-order { font-size: 16px; display: block; width: 100%; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #fff; background: #00aef1; } .rd-quick-preview .btn-order:hover { background: #693f72; } .rd-quick-preview .right-box { float: right; padding-right: 15px; text-align: center; } .rd-quick-preview .right-box .indeliv { font-family: Tahoma; font-size: 12px; margin: 0; padding: 5px 7px; text-align: center; color: #6d6d6d; background: #fff; } .rd-quick-preview .infoholder-block .dates b { font-weight: normal; } .rd-quick-preview .right-box .indeliv > * { margin: 5px 0; padding: 0; } .rd-quick-preview .right-box .product-price { display: block; float: none; margin: 0; padding: 0; } .rd-quick-preview .right-box .product-price span { font-size: 12px; } .rd-quick-preview .right-box .product-price .price-number { font-family: Tahoma; font-size: 30px; line-height: 1; text-align: center; color: #000; } .rd-quick-preview .q-buy { margin: 10px 0; padding: 20px; background: #f1f1f1; } .rd-quick-preview .q-buy .rd-title { font-size: 14px; text-align: center; color: #717171; } .rd-quick-preview .q-buy .ocb-error-msg { font-size: 12px; width: 100%; margin: 10px 0 0 0; padding: 0; } .rd-quick-preview .ocb-error-msg { font: 11px Arial; display: none; clear: both; margin-top: 2px; color: #dd2424; } .rd-quick-preview .q-buy .input-holder { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; margin: 10px 0; padding: 5px 10px; -webkit-transition: all 150ms linear; transition: all 150ms linear; border: none; border: 1px solid transparent; background: #fff; -webkit-box-shadow: none; box-shadow: none; } .rd-quick-preview .q-buy .input-holder.focus { border-color: #00aef1; } .rd-quick-preview .q-buy .input-holder input { font-size: 14px; margin-top: 5px; text-align: left; color: #868686; } .rd-quick-preview .ocb-form-result { display: none; clear: both; } .rd-quick-preview .ocb-result-icon-success, .rd-quick-preview .ocb-result-icon-fail { font: 16px Arial; display: none; width: 300px; height: 25px; margin: 0 auto; padding: 3px 0; text-indent: 40px; } .rd-quick-preview .ocb-result-icon-success { color: #1f760b; } .rd-quick-preview .ocb-result-icon-fail { color: #dc1d1d; } .rd-quick-preview .ocb-result-text { color: #000; } input::-webkit-input-placeholder { color: #868686; } input::-moz-placeholder { color: #868686; } /* Firefox 19+ */ input:-moz-placeholder { color: #868686; } /* Firefox 18- */ input:-ms-input-placeholder { color: #868686; } .rd-quick-preview .q-buy .qinputs { float: left; width: 48%; margin: 0; padding: 0; } .rd-quick-preview .q-buy .qbuy-buttons { float: right; width: 48%; margin: 0; padding: 0; } .rd-quick-preview .q-buy .btn-order { font-size: 16px; display: block; width: 100%; height: 40px; margin: 10px 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; background: #00aef1; } .rd-quick-preview .q-buy .btn-order:hover { background: #693f72; } .rd-quick-preview .q-buy .qorg { font-size: 12px; line-height: 40px; display: block; height: 40px; margin: 5px 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; text-align: center; text-decoration: none; color: #939393; border: 1px solid #ebebeb; background: #fff; } .rd-quick-preview .q-buy .qorg:hover { color: #fff; background: #00aef1; } .rd-quick-preview .q-buy .qorg:active { background: #693f72; } .rd-quick-preview .rd-left-box { float: left; width: 50%; } .rd-quick-preview .popup-quick { width: 700px; } .rd-quick-preview .popup { display: none; } .rd-quick-preview .carusel-list a { display: block; overflow: hidden; width: 72px; height: 72px; margin: 3px; border: 1px solid #c3c3c3; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; } .rd-quick-preview .carusel-list a:hover { -webkit-box-shadow: rgba(0, 0, 0, .2) 0 0 4px; box-shadow: rgba(0, 0, 0, .2) 0 0 4px; } .rd-quick-preview .carusel-list img { margin: 0 auto; } .bx-controls-direction a { position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; text-indent: -9999px; outline: 0; } .bx-wrapper .bx-controls-direction a { width: 9px; height: 14px; margin-top: -7px; background: url(/bitrix/templates/kb2022/img/sp-arrow.png) 0 0 no-repeat; } .bx-wrapper .bx-controls-direction a.bx-prev { left: -15px; background-position: 0 -332px; } .bx-wrapper .bx-controls-direction a.bx-next { right: -15px; background-position: 0 -366px; } .rd-quick-preview .product-media .preview-list li { height: 425px; } .rd-quick-preview .quick-product { width: 945px; } /* popup-quick */ .popup-sub-window .popup-quick { width: 700px; } .popup-sub-window .popup-inner { background-color: #fff; } .popup-sub-window .qperson { float: right; width: 405px; padding-top: 19px; padding-bottom: 10px; } .popup-sub-window .qperson .input-wrap { overflow: hidden; padding-bottom: 4px; } .popup-sub-window .qperson .label-holder { float: left; width: 145px; padding-right: 5px; } .popup-sub-window .qperson .label-holder label { font-size: 14px; color: #3c3c3c; } .popup-sub-window .qperson .label-holder label span { color: #db0000; } .popup-sub-window .qperson .input-holder { overflow: hidden; padding: 0 10px; border-color: #bfbfbf; -webkit-border-radius: 3px; border-radius: 3px; } .popup-sub-window .qperson .input-holder.focus { border-color: #9e9e9e; } .popup-sub-window .qperson .input-holder input { font-size: 12px; width: 100%; padding: 3px 0; color: #525252; } .popup-sub-window .qperson .input-holder input.hinted, .popup-sub-window .qperson .input-holder textarea.hinted { color: #d9d9d9; } .popup-sub-window .ocb-form-result { display: none; clear: both; } .popup-sub-window .ocb-result-icon-success { color: #1f760b; } .popup-sub-window .ocb-result-icon-fail { color: #dc1d1d; } .popup-sub-window .ocb-result-text { color: #000; } .popup-sub-window .qperson .input-holder textarea { width: 100%; height: 65px; min-height: 0; padding: 3px 0; } .popup-sub-window .norequ .label-holder { padding-top: 5px; } .popup-sub-window .norequ .label-holder label { font-size: 12px; color: #d9d9d9; } .popup-sub-window .smalltext textarea { height: 30px !important; } .popup-sub-window .qperson .form-submit { padding-top: 6px; text-align: right; } .popup-sub-window .qperson .form-submit .btn-red { font-size: 16px; line-height: 1.2; display: inline-block; padding: 3px 35px; } .popup-sub-window .form-submit button { color: #fff; border: none; background: none; } .popup-sub-window .btn-red { color: #fff; background: #00a8e1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYThlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDkzY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a8e1), color-stop(100%, #0093ce)); background: -webkit-linear-gradient(top, #00a8e1 0%, #0093ce 100%); background: -webkit-gradient(linear, left top, left bottom, from(#00a8e1), to(#0093ce)); background: linear-gradient(to bottom, #00a8e1 0%, #0093ce 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8e1', endColorstr='#0093ce', GradientType=0); } .popup-sub-window .qproduct { float: left; padding-left: 45px; } .popup-sub-window .ocb-error-msg { font: 11px Arial; display: none; clear: both; margin-top: 2px; color: #dd2424; } .popup-sub-window .qproduct .art { font-size: 12px; padding-bottom: 3px; color: #535353; } .popup-sub-window .qproduct h4, .popup-sub-window .qproduct .ttl_4 { font-family: Tahoma; font-size: 14px; } .popup-sub-window .qproduct h4 a, .popup-sub-window .qproduct .ttl_4 a { text-decoration: none; color: #000; } .popup-sub-window .qproduct .ttl_4 { font-family: Arial, Tahoma, Verdana, sans-serif; font-weight: normal; line-height: 1.2; padding-bottom: 10px; text-align: center; color: #282828; } .popup-sub-window .qproduct h4 a:hover, .popup-sub-window .qproduct .ttl_4 a:hover { text-decoration: underline; } .popup-sub-window .qproduct figure { overflow: hidden; width: 115px; margin: 0 auto 15px; padding: 15px 0; text-align: center; border: 1px solid #cecece; -webkit-border-radius: 10px; border-radius: 10px; } .popup-sub-window .qproduct .num input { font-family: mpR; font-size: 16px; display: block; width: 55px; margin: 0 auto; margin-bottom: 7px; padding: 4px 3px 2px; text-align: center; color: #000; border: none; -webkit-border-radius: 3px; border-radius: 3px; background-color: #d9d9d9; -webkit-box-shadow: inset rgba(202, 202, 202, 1) 2px 2px 4px; box-shadow: inset rgba(202, 202, 202, 1) 2px 2px 4px; } .popup-sub-window .qproduct .qprices { font-size: 14px; } .popup-sub-window .qproduct .qprices div { padding-bottom: 4px; } .popup-sub-window .popup-quick .input-holder { padding: 0 5px; border: 1px solid #979797; background-color: #fff; } /* popup-quick end */ /* Карточка товара ========================================================================== */ /* мета блок */ .product-meta-data { margin-top: 15px; margin-bottom: 15px; width: 100%; display: table; } .product-meta-data > div { border-top: 1px dashed #cdcdcd; border-bottom: 1px dashed #cdcdcd; padding: 15px 10px; height: 50px; position: relative; display: table-cell; } .product-meta-data > div:after { content: ""; position: absolute; left: 0; height: 20px; width: 1px; background: #cdcdcd; top: 50%; margin-top: -10px; } .product-meta-data > div:first-child:after { content: none; } /* рейтинг */ .product-meta-data .rating { border-left: 1px dashed #cdcdcd; width: 32%; } .product-meta-data .rating > div { display: inline-block; vertical-align: middle; width: 40%; } .product-meta-data .rating > div:first-child { width: 55%; } .product-meta-data .rating .rating-text { font-size: 12px; color: #7a7a7a; } .product-meta-data .rating .rating-stars { position: relative; overflow: hidden; width: 102px; height: 19px; top: -2px; background: url(/bitrix/templates/gipertwo_/img/stars.png) 0 0 no-repeat; } .product-meta-data .rating .rating-stars span { position: absolute; top: 0; left: 0; height: 19px; background: url(/bitrix/templates/gipertwo_/img/stars.png) 0 100% no-repeat; } /* в избранное */ .product-meta-data .add-to-wish { width: 20%; } .product-meta-data .add-to-wish > div { display: inline-block; vertical-align: middle; width: 40%; } .product-meta-data .add-to-wish > div:first-child { width: 55%; } .product-meta-data .add-to-wish-text { font-size: 12px; color: #7a7a7a; } .product-meta-data .add-to-wish-form { position: relative; } .product-meta-data .add-to-wish-form form { top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; position: absolute; width: 30px; height: 30px; background: url("/bitrix/templates/kb2022/img/elements/product-page-meta-panel-icons.png") no-repeat -146px -9px; } .product-meta-data .add-to-wish-form button { position: relative; width: 30px; height: 30px; background: url("/bitrix/templates/kb2022/img/elements/product-page-meta-panel-icons.png") no-repeat -146px -59px #fff; opacity: 0; -webkit-transition: all 150ms; transition: all 150ms; } .product-meta-data .add-to-wish-form button.wished, .product-meta-data .add-to-wish-form button:hover { opacity: 1; } /* Добавить к сравнению */ .product-meta-data .add-to-compare { width: 20%; } .product-meta-data .add-to-compare > div { display: inline-block; vertical-align: middle; width: 40%; } .product-meta-data .add-to-compare > div:first-child { width: 55%; } .product-meta-data .add-to-compare-text { font-size: 12px; color: #7a7a7a; } .product-meta-data .addtocompare { position: relative; display: block; margin: 0 auto; width: 30px; height: 30px; background: url("/bitrix/templates/kb2022/img/elements/product-page-meta-panel-icons.png") no-repeat -80px -9px #fff; } .product-meta-data .addtocompare:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 30px; height: 30px; background: url("/bitrix/templates/kb2022/img/elements/product-page-meta-panel-icons.png") no-repeat -80px -59px #fff; opacity: 0; -webkit-transition: all 150ms; transition: all 150ms; } .product-meta-data .addtocompare.compared:after, .product-meta-data .addtocompare:hover:after { opacity: 1; } /* бейджики */ .product-meta-data .badges { border-right: 1px dashed #cdcdcd; } .product-meta-data .badges ul { font-size: 0; position: absolute; width: 100%; top: 50%; margin-top: -22.5px; } .product-meta-data .badges li { display: inline-block; margin: 0 15px; } .product-meta-data .badges .badge { display: block; margin: 0 auto; background: url(/bitrix/templates/kb2022/img/elements/sprites.png) no-repeat; width: 45px; height: 45px; } .product-meta-data .badges .badge-1 { background-position: -102px -2px; } .product-meta-data .badges .badge-2 { background-position: -52px -2px; } .product-meta-data .badges .badge-3 { background-position: -2px -2px; } /* Заголовок товара */ .product-data__title--action { position: relative; } .product-data__title--action:after { content: "Акция"; position: relative; top: -5px; font-size: 14px; font-weight: normal; color: #fff; text-align: center; line-height: 40px; display: inline-block; text-transform: uppercase; width: 111px; height: 40px; margin-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; background: url("/bitrix/templates/kb2022/img/elements/product-data--action-icon.png") no-repeat center center; -webkit-transition: all 300ms; transition: all 300ms; } .product-data__title--action:hover:after { margin-left: 10px; } .product-data hr { border-top-style: dashed; } /* фото товара */ .product-data .product-carusel { margin-top: 20px; } .product-data .bx-wrapper { position: relative; margin: 0 auto; padding: 0; } .product-data .bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); background: #fff; } .product-data .product-preview .bx-viewport { left: 0 !important; } .product-data .preview-list img { max-width: 100%; } .product-data .product-description p { font-size: 15px; line-height: 1.4; color: #000; } .product-data .product-buy { } .product-data .product-buy .product-price { font-size: 36px; font-weight: normal; color: #000; text-align: center; line-height: 1; margin-bottom: 15px; } .product-data .product-buy .product-price span { font-size: 14px; display: block; color: #000; } /* Акционная цена */ .product-data.product-data--action .product-buy .product-price { color: #f100a3; } .product-data .product-buy .product-price.product-price--old { font-size: 28px; color: #C3C3C3; } .product-data .product-buy .product-price.product-price--old span { position: relative; font-size: 28px; color: #C3C3C3; display: inline; } .product-data .product-buy .product-price.product-price--old span:after { content: ""; display: block; position: absolute; left: -15px; right: -15px; top: 50%; margin-top: -2px; height: 1px; background: #C3C3C3; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .product-data .product-buy-form .btn-order { background: #00bff3; color: #fff; display: block; width: 100%; font-size: 24px; padding: 10px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; z-index: 2; } .product-data .product-buy-form .btn-order:hover { background: #f100a3; } /* Акцоинная кнопка купить */ .product-data.product-data--action .product-buy-form .btn-order { background: #f100a3; color: #fff; display: block; width: 100%; font-size: 24px; padding: 10px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; z-index: 2; } .product-data.product-data--action .product-buy-form .btn-order:hover { background: #4ec5f2; } .product-buy-installment__button { position: relative; -webkit-transition: all 150ms; transition: all 150ms; } /* Рассрочка */ .product-buy-installment__button.product-buy-installment--buy { background: #693f72; text-align: center; color: #fff; display: block; height: 48px; line-height: 48px; text-transform: uppercase; text-decoration: none; } .product-buy-installment__button.product-buy-installment--buy:hover { background: #f100a3; } .product-data .product-buy-form .product-delivery { color: #5D5D5D; text-align: center; font-size: 14px; padding: 10px 5px; position: relative; top: -3px; z-index: 1; } /* Акцоинная доставка */ .product-data.product-data--action .product-buy-form .product-delivery { background: #c6c7c6; color: #fff; text-align: center; font-size: 14px; padding: 10px 5px; position: relative; top: -3px; z-index: 1; } /* Карточка товара: Заказ в 1 клик ========================================================================== */ .product-quick-buy-visible-form .product-quick-buy-visible-form-title { text-align: center; font-size: 14px; color: #000; line-height: 1.3; padding-bottom: 40px; position: relative; } .product-quick-buy-visible-form .product-quick-buy-visible-form-title:after { content: ""; position: absolute; bottom: 18px; left: 50%; margin-left: -5.5px; width: 11px; height: 6px; background: url("/bitrix/templates/kb2022/img/elements/sprites.png") no-repeat -271px -21px; } .product-quick-buy-visible-form .product-quick-buy-form-elemets-wrapper { background: #ececec; padding: 1px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-quick-buy-visible-form .product-quick-buy-elements-wrapper { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 15px 0; } .product-quick-buy-visible-form .btn-order { background: #00bff3; color: #fff; display: block; width: 100%; font-size: 24px; padding: 7px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; } .product-quick-buy-visible-form .btn-order:hover { background: #693f72; } .product-data.product-data--action .product-quick-buy-visible-form .btn-order { background-color: #f100a3; } .product-data.product-data--action .product-quick-buy-visible-form .btn-order:hover { background-color: #00bff3; } .product-quick-buy-visible-form .popup-handler { background: #fff; border: 1px solid #cdcdcd; color: #717171; display: block; width: 100%; font-size: 16px; padding: 10px; text-align: center; text-transform: none; -webkit-transition: all 150ms; transition: all 150ms; text-decoration: none; } .product-quick-buy-visible-form .popup-handler:hover { background: #00bff3; color: #fff; border-color: transparent; } .product-quick-buy-visible-form .normal-input { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 16px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; } .product-quick-buy-visible-form .normal-input:hover { border-color: #d5d5d5; } .product-quick-buy-visible-form .normal-input:focus { border-color: #00aef1; } .product-quick-buy-visible-form .normal-input:first-child { margin-left: 0; } .product-quick-buy-visible-form .normal-input.has-error { border-color: red; } /* Карточка товара: Заказ для организаций ========================================================================== */ .product-quick-buy-hidden-form.popup-form-container { width: 850px; } .product-quick-buy-hidden-form-popup .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } .product-quick-buy-hidden-form-popup form { position: relative; } .product-quick-buy-hidden-form-popup .column { display: table-cell; width: 65%; position: relative; padding: 20px; } .product-quick-buy-hidden-form-popup .column:first-child { margin-left: 0; width: 35%; background: #ececec; } .product-quick-buy-hidden-form-popup .product-quick-buy-hidden-form-product-name { font-size: 24px; color: #000; text-align: center; margin-bottom: 15px; } .product-quick-buy-hidden-form-popup figure { display: block; text-align: center; margin: 15px 0; } .product-quick-buy-hidden-form-popup figure img { padding: 5px; border: 1px solid #fff; } .product-quick-buy-hidden-form-popup input { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; display: block; } .product-quick-buy-hidden-form-popup .column-left input { width: 50%; margin: 0 auto; text-align: center; background: #fff; border: 1px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; } .product-quick-buy-hidden-form-popup .column-right input, .product-quick-buy-hidden-form-popup .column-right textarea { display: table-cell; width: 95%; border: 1px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; } .product-quick-buy-hidden-form-popup .column-left input:hover, .product-quick-buy-hidden-form-popup .column-right input:hover, .product-quick-buy-hidden-form-popup .column-right textarea:hover { border-color: #d5d5d5; } .product-quick-buy-hidden-form-popup .column-left input:focus, .product-quick-buy-hidden-form-popup .column-right input:focus, .product-quick-buy-hidden-form-popup .column-right textarea:focus { border-color: #00aef1; } .product-quick-buy-hidden-form-popup .column-right input.has-error, .product-quick-buy-hidden-form-popup .column-right textarea.has-error { border-color: red; } .product-quick-buy-hidden-form-popup .column-right label { margin: 15px 0; display: table; width: 100%; height: 43px; color: gray; } .product-quick-buy-hidden-form-popup .column-right label.required { color: #000; } .product-quick-buy-hidden-form-popup .column-right label:first-child { margin-top: 0; } .product-quick-buy-hidden-form-popup .column-right label span { display: table-cell; vertical-align: middle; font-size: 14px; width: 35%; } .product-quick-buy-hidden-form-popup .product-quick-buy-hidden-form-product-quantity { text-align: center; } .product-quick-buy-hidden-form-popup textarea { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; resize: none; } .product-quick-buy-hidden-form-popup button { background: #00bff3; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; width: 100%; font-size: 24px; padding: 7px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; } .product-quick-buy-hidden-form-popup button:hover { background: #693f72; } /* Всплывающая форма: Оставить отзыв ========================================================================== */ .product-review-form-popup.popup-form-container { width: 850px; } .product-review-form-popup .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } .product-review-form-popup form { position: relative; } .product-review-form-popup .column { display: table-cell; width: 65%; position: relative; padding: 20px; } .product-review-form-popup .column:first-child { margin-left: 0; width: 35%; background: #ececec; } .product-review-form-popup .product-quick-buy-hidden-form-product-name { font-size: 24px; color: #000; text-align: center; margin-bottom: 15px; } .product-review-form-popup figure { display: block; text-align: center; margin: 15px 0; } .product-review-form-popup figure img { padding: 5px; border: 1px solid #fff; } .product-review-form-popup input { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; display: block; } .product-review-form-popup .column-right select { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; display: block; } .product-review-form-popup .column-left input { width: 50%; margin: 0 auto; text-align: center; background: #fff; } .product-review-form-popup .column-right input, .product-review-form-popup .column-right textarea, .product-review-form-popup .column-right select { display: table-cell; width: 95%; border: 1px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; } .product-review-form-popup .column-right input:hover, .product-review-form-popup .column-right textarea:hover, .product-review-form-popup .column-right select:hover { border-color: #d5d5d5; } .product-review-form-popup .column-right input:focus, .product-review-form-popup .column-right textarea:focus, .product-review-form-popup .column-right select:focus { border-color: #00aef1; } .product-review-form-popup .column-right label { margin: 15px 0; display: table; width: 100%; height: 43px; color: gray; cursor: pointer; } .product-review-form-popup .column-right label.required { color: #000; } .product-review-form-popup .column-right label:first-child { margin-top: 0; } .product-review-form-popup .column-right label span { display: table-cell; vertical-align: middle; font-size: 14px; width: 35%; } .product-review-form-popup .product-quick-buy-hidden-form-product-quantity { text-align: center; } .product-review-form-popup textarea { display: inline-block; width: 47%; margin-left: 5%; height: 80px; font-size: 14px; color: #797979; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; resize: none; } .product-review-form-popup button { background: #00bff3; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; display: block; width: 100%; font-size: 24px; padding: 7px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; } .product-review-form-popup button:hover { background: #693f72; } .product-review-form-popup .middle-mark { text-align: center; border-top: 1px solid #D3D3D3; padding-top: 10px; margin: 15px 0 0 0; } .product-review-form-popup .middle-mark p { color: #484848; font-size: 12px; } .product-review-form-popup .mark-box { overflow: hidden; margin: 15px 0; } .product-review-form-popup .mark-box .label { font-size: 14px; display: block; margin-bottom: 10px; text-align: center; } .product-review-form-popup .middle-mark .label.middle-rate, .product-review-form-popup .label.rate-title { text-align: center; font-size: 20px; color: #484848; } .product-review-form-popup .middle-mark .label.middle-rate { margin-bottom: 10px; } .product-review-form-popup .marks-holder .mark { width: 102px; height: 19px; overflow: hidden; background: url(/bitrix/templates/kb2022/img/stars.png) 0 0 no-repeat; position: relative; display: block; margin: 0 auto; } .product-review-form-popup .marks-holder .mark span { position: absolute; left: 0; top: 0; height: 19px; background: url(/bitrix/templates/kb2022/img/stars.png) 0 100% no-repeat; } .product-review-form-popup .mark-box .num { color: #e8b32a; font-size: 14px; padding-top: 2px; display: inline-block; display: none; } .product-review-form-popup .marks-holder .middle-mark .mark { float: none; margin: 0 auto 10px; } /* Правки август 2015: Характеристики товара ========================================================================== */ .propertis-tabs { margin-top: 30px; border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; } .propertis-tabs__item { display: inline-block; margin: 0 5px; position: relative; vertical-align: top; cursor: pointer; transition: all 150ms; } .propertis-tabs__item a { text-decoration: none; outline: none; padding: 20px; display: block; } .propertis-tabs__item a:hover { background: #f3f3f3; } .propertis-tabs__item h3 { margin: 0; padding: 0; font-size: 20px; } .propertis-tabs__item { border: 1px solid transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; } .propertis-tabs__item.ui-state-active { border: 1px solid #c1c1c1; border-bottom: 1px solid #fff; } .propertis-tabs__item.ui-state-active a { color: #000; } .propertis-tabs__item.ui-state-active a:hover { background: transparent; } .sub-section-title { font-size: 30px; font-weight: normal; margin: 30px 0; padding: 0; } #properties { margin-bottom: 30px; } #properties .rows { position: relative; font-size: 0; } #properties .rows:nth-child(odd) { background: #eeeeee; } #properties .rows .col-6 { position: relative; display: inline-block; width: 50%; font-size: 16px; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Правки август 2015: Отзывы ========================================================================== */ #reviews { /*margin-bottom: 50px;*/ } #reviews .review { position: relative; width: 80%; margin-top: 50px; padding: 0 20px; } #reviews .review:first-child { margin-top: 0; } #reviews .review .autor { font-size: 18px; margin-bottom: 20px; color: #000; } #reviews .review .rating { font-size: 0; margin-bottom: 15px; } #reviews .review .rating > * { vertical-align: middle; } #reviews .review .yandex-market-label { display: inline-block; width: 133px; height: 30px; background: url(/bitrix/templates/kb2022/img/yandex-market-label.png) no-repeat center center; } #reviews .review .rating-digit { font-size: 18px; display: inline-block; margin: 0 15px; padding: 2px 5px; color: #fff; background: #00aef1; } #reviews .review .big-stars { display: inline-block; } #reviews .review .experience { font-size: 14px; margin-bottom: 30px; color: #000; } #reviews .review .experience span { color: #666666; } #reviews .review .textbox .term { font-size: 16px; margin: 10px 0; color: #000; } #reviews .review .textbox .term span { color: #6a6a6a; } #reviews .review .textbox p { margin: 10px 0; padding: 0; color: #6a6a6a; } #reviews .review .textbox p.review-comment-title { color: #000; } #reviews .review .meta { margin-top: 30px; } #reviews .review .meta .date { font-size: 14px; float: left; color: #a0a0a0; } #reviews .review .meta .likes { float: right; } #reviews .review .meta .likes > * { display: inline-block; vertical-align: middle; } #reviews .review .meta .review-icon { position: relative; width: 21px; height: 21px; background: url(/bitrix/templates/kb2022/img/likes.png) no-repeat center center; } #reviews .review .meta .review-icon.review-icon-like + span { font-size: 14px; margin-right: 5px; color: #4bdb18; } #reviews .review .meta .review-icon.review-icon-like { background-position: left top; } #reviews .review .meta .review-icon.review-icon-like:hover { background-position: left bottom; } #reviews .review .meta .review-icon.review-icon-unlike + span { font-size: 14px; color: #ff3300; } #reviews .review .meta .review-icon.review-icon-unlike { margin-left: 5px; background-position: right top; } #reviews .review .meta .review-icon.review-icon-unlike:hover { background-position: right bottom; } #reviewsContainer { margin-bottom: 30px; } #showMoreReviews { font-size: 18px; display: inline-block; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #ffffff; background: #00bff3; text-decoration: none; position: relative; margin-left: 20px; text-align: center; padding: 10px; margin-right: 20px; } #showMoreReviews:hover, #showMoreReviews:active, #showMoreReviews:focus { background: #693f72; color: #fff; text-decoration: none; } .btn-add-review { font-size: 18px; line-height: 40px; display: inline-block; height: 40px; margin: 0 15px; padding: 0 20px; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #fff; background: #00aef1; text-decoration: none; } .btn-add-review:hover, .btn-add-review:active, .btn-add-review:focus { background: #693f72; color: #fff; text-decoration: none; } .all-yandex-reviews-container { text-align: center; display: inline-block; } .all-yandex-reviews { display: inline-block; padding: 10px; border: 1px solid yellow; font-size: 16px; text-decoration: none; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .all-yandex-reviews:hover { background: yellow; color: #000; } .all-yandex-reviews .red { color: red; } /* Правки август 2015: Вы смотрели ========================================================================== */ .yousaw .sub-section-title { font-size: 30px; font-weight: normal; margin: 30px 0; padding: 0; } .yousaw ul, .yousaw li { list-style: none; } .yousaw ul { font-size: 0; overflow: hidden; padding-top: 20px; padding-bottom: 20px; padding-left: 0; border: 1px solid #eeeeee; -webkit-border-radius: 0; border-radius: 0; background: #ffffff; } .yousaw li { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14.28%; padding: 0 5px; vertical-align: top; } .yousaw li figure { height: 140px; margin-bottom: 20px; text-align: center; } .yousaw li figure .vertical-helper { display: inline-block; height: 100%; vertical-align: middle; } .yousaw li figure img { vertical-align: middle; } .yousaw li .info { font-size: 14px; text-align: center; } .yousaw li .info a { font-size: 14px; display: block; text-decoration: none; color: #00aef1; } .yousaw li .info a:hover { text-decoration: underline; } .yousaw li .info .price { font-size: 16px; font-weight: bold; color: #000; } .yousaw li .info .price .rub { font-size: 12px; font-weight: normal; } /* Кнопка "Наверх" ========================================================================== */ #on-top { width: 50px; height: 50px; background: #fff; -webkit-border-radius: 155px; border-radius: 155px; position: fixed; bottom: 60px; right: 30px; cursor: pointer; left: 50%; margin-left: 600px; display: none; background: url("/bitrix/templates/kb2022/img/elements/sprites.png") no-repeat -201px -1px #693f72; opacity: .75; } #on-top:hover { opacity: 1; } /* Статичная страница - область содержимого ========================================================================== */ .static-page-content { padding-bottom: 30px; } .static-page-content h1, .static-page-content h2, .static-page-content h3, .static-page-content h4, .static-page-content h5 { font-weight: bold; color: #000; ine-height: 1.5; margin: 15px 0; } .static-page-content h1 { font-size: 36px; } .static-page-content h2 { font-size: 32px; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedcda; border-top: 1px solid #dedcda; } .static-page-content h2:first-child { margin-top: 0; padding-top: 0; border-top: none; } .static-page-content h3 { font-size: 28px; } .static-page-content h4 { font-size: 24px; } .static-page-content h5 { font-size: 20px; } .static-page-content p { font-size: 14px; line-height: 1.5; margin: 10px 0; } .static-page-content ul { margin-left: 20px; } .static-page-content li { margin: 5px 0; line-height: 1.5; list-style-type: disc; } /* Корзина ========================================================================== */ .cart-page .cart-table { margin: 20px 0; width: 100%; color: #000; } .cart-page .cart-table thead th { font-size: 14px; color: #4f4f4f; text-align: center; font-weight: normal; padding: 13px; } .cart-page .cart-table thead th:first-child + th { text-align: left; } .cart-page .cart-table tbody td { padding: 13px; } .cart-page .cart-table tbody tr { background: #f3f3f3; border-top: 1px solid #fff; } .cart-page .cart-table tbody tr:nth-child(odd) { background: #e5e5e5; } .cart-page .cart-table tbody td { padding: 13px; text-align: center; } .cart-page .cart-table tbody td:first-child { width: 83px; background: #f8f8f8; } .cart-page .cart-table tbody tr:nth-child(odd) td:first-child { background: #f0f0f0; } .cart-page .cart-table tbody td:first-child + td { text-align: left; width: 30%; } .cart-page .cart-table tbody td a { font-size: 16px; color: #000; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .cart-table tbody td a:hover { border-bottom: 1px solid #000; } .cart-page .cart-table tbody td .default-price, .cart-page .cart-table tbody td .amount { font-size: 18px; } .cart-page .cart-table tbody td .currency { font-size: 14px; } .cart-page .cart-table tbody td .spinner { display: inline-block; width: 40px; height: 40px; background: #fff; font-size: 16px; text-align: center; border: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .cart-table tbody td .spinner:hover { border-color: #d5d5d5; } .cart-page .cart-table tbody td .spinner:focus { border-color: #00aef1; } .cart-page .cart-table tbody td .delete { display: inline-block; width: 27px; height: 27px; background: red; position: relative; border: none; background: url("/bitrix/templates/kb2022/img/elements/cart-delete-icons.png") no-repeat center top; } .cart-page .cart-table tbody td .delete:after { content: ""; width: 27px; height: 27px; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 150ms; transition: all 150ms; background: url("/bitrix/templates/kb2022/img/elements/cart-delete-icons.png") no-repeat center bottom; } .cart-page .cart-table tbody td .delete:hover { border: none; } .cart-page .cart-table tbody td .delete:hover:after { opacity: 1; } .cart-page .after-cart { text-align: right; } .cart-page .after-cart .total-holder { display: inline-block; width: 100%; } @media (min-width: 768px) { .cart-page .after-cart .total-holder { width: 40%; } } .cart-page .after-cart .total-box { margin-bottom: 20px; } .cart-page .after-cart .total-box > span { font-size: 18px; color: #303030; padding-right: 10px; } .cart-page .after-cart .total-box > * { display: inline-block; } .cart-page .after-cart .cart-total { color: #000; font-size: 24px; border: 1px dashed #cdcdcd; padding: 15px 40px; text-align: center; min-width: 260px; -webkit-box-sizing: border-box; box-sizing: border-box; } .cart-page .after-cart .cart-total span { font-size: 18px; } .cart-page .after-cart .btn-blue { background: #00bff3; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; width: 260px; padding: 10px 0; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .after-cart .btn-blue:hover { background: #693f72; } .cart-page .sub-box { position: relative; margin: 15px 0; } .cart-page .sub-box h2 { padding-left: 60px; } @media screen and (min-width: 768px) { .cart-page .sub-box { padding-left: 98px; } .cart-page .sub-box h2 {padding-left: 0;} } .cart-page .sub-box:before { display: none; content: ""; position: absolute; width: 0; top: 55px; bottom: 0; left: 32px; border-left: 1px dashed #00aef1; } @media screen and (min-width: 768px) { .cart-page .sub-box:before { display: block; } .cart-page .sub-box .number { left: 13px; } } .cart-page .sub-box.sub-box-last:before { top: -15px; height: 38px; } .cart-page .sub-box h2 { font-size: 18px; font-weight: normal; line-height: 40px; } .cart-page .sub-box .number { width: 47px; height: 40px; position: absolute; left: 0; top: 0; font-size: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 7px; text-align: center; line-height: 40px; background: url("/bitrix/templates/kb2022/img/elements/cart-sub-section.png") no-repeat center center; } .cart-page .sub-box .items { margin: 15px 0; } @media screen and (min-width: 768px) { .cart-page .sub-box .items { margin: 30px 0 15px 0; } } .cart-page .sub-box .chekboxes { padding: 15px; border: 1px dashed #cdcdcd; display: inline-block; width: 100%; } .cart-page .sub-box .chekboxes .checkbox { display: inline-block; color: #000; font-size: 16px; padding-left: 20px; } @media screen and (min-width: 768px) { .cart-page .sub-box .chekboxes { width: auto; } .cart-page .sub-box .chekboxes .checkbox { margin-left: 40px; } } .cart-page .sub-box .chekboxes .checkbox:first-child { margin-left: 0; } .cart-page .sub-box .chekboxes .jquery-radiobox { margin-right: 15px; top: -2px; } .cart-page .sub-box .inputs { background: #ececec; display: inline-block; padding: 15px; width: 100%; } @media screen and (min-width: 768px) { .cart-page .sub-box .inputs { width: 418px; position: relative; } } .cart-page .sub-box .inputs input[type="text"] { width: 100%; height: 43px; } .cart-page .sub-box .inputs input[type="checkbox"] { margin:5px; } .cart-page .sub-box .inputs input { display: inline-block; font-size: 16px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; border: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .sub-box .inputs input:hover { border-color: #d5d5d5; } .cart-page .sub-box .inputs input:focus { border-color: #00aef1; } .cart-page .sub-box .inputs input[type="text"]:first-child { margin-top: 0; } .cart-page .sub-box .inputs select { padding: 5px; height: 30px; font-size: 14px; color: #8d8d8d; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ffffff; position: relative; width: 100%; } .cart-page .sub-box-first { margin-top: 30px; } .cart-page .sub-box .inputs textarea { display: inline-block; width: 100%; font-size: 16px; color: #797979; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; vertical-align: top; height: 170px; border: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .sub-box .inputs textarea:hover { border-color: #d5d5d5; } .cart-page .sub-box .inputs textarea:focus { border-color: #00aef1; } .cart-page .sub-box.sub-box-last { text-align: center; } .cart-page .sub-box .checkout { background: #00bff3; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; width: 260px; padding: 10px 0; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; } .cart-page .sub-box .checkout:hover { background: #693f72; } .cart-page .sub-box .checkout:before { content: ""; width: 140px; height: 1px; border-top: 1px dashed #00aef1; position: absolute; left: 33px; top: 22px; display: none; } @media screen and (min-width: 768px) { .cart-page .sub-box.sub-box-last { text-align: left; } .cart-page .sub-box .checkout { margin-left: 85px; } .cart-page .sub-box .checkout:before { display: block; } } .cart-page .sub-box .chekboxes .jquery-radiobox { display: inline-block; display: -moz-inline-stack; zoom: 1; cursor: pointer; margin-right: 10px; position: relative; margin-left: -20px; } .cart-page .sub-box .chekboxes .jquery-radiobox img { width: 20px; height: 20px; background: #e1e1e1; } .cart-page .sub-box .chekboxes .jquery-radiobox img { -webkit-transition: all 150ms linear; transition: all 150ms linear; } .cart-page .sub-box .chekboxes .jquery-radiobox-hover img { background-color: #00aef1; } .cart-page .sub-box .chekboxes .jquery-radiobox.jquery-radiobox-checked img { background: url("/bitrix/templates/kb2022/img/filter_bullet.png") no-repeat -5px center #00aef1; } .cart-page .sub-box .chekboxes label { cursor: pointer; } /* Страничка профиля ========================================================================== */ .profile-page { padding-bottom: 80px; } .profile-page > .row:first-child { padding-top: 0; } .profile-page #tabs { margin-top: 30px; } .profile-page #tabs > ul { border-bottom: 1px solid #c1c1c1; height: 48px; text-align: center; } .profile-page #tabs > ul > li { display: inline-block; border: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .profile-page #tabs > ul > li.ui-state-active { border: 1px solid #c1c1c1; border-bottom: 1px solid #fff; } .profile-page #tabs > ul > li.ui-state-active:hover { background: none; border: 1px solid #c1c1c1; border-bottom: 1px solid #fff; } .profile-page #tabs > ul > li:hover { background: #f3f3f3; border-bottom: 1px solid #c1c1c1; } .profile-page #tabs > ul > li.ui-state-active a { color: #3d3d3d; } .profile-page #tabs .ui-tabs-nav a { font-size: 14px; color: #00aef1; display: block; padding: 15px 30px; text-decoration: none; -webkit-transition: all 150ms; transition: all 150ms; } .profile-page .table, .profile-page .suborder-table { margin: 20px 0; width: 100%; color: #000; } .profile-page .table thead th { font-size: 14px; color: #4f4f4f; text-align: center; font-weight: normal; padding: 13px; } .profile-page .table tbody td { padding: 13px; font-size: 16px; } .profile-page .table tbody td:first-child + td { font-size: 18px; } .profile-page table.suborder-table tbody td:first-child + td + td { font-size: 16px; } .profile-page table.suborder-table { margin: 0; } .profile-page .order-info-list { font-size: 0; text-align: center; margin-bottom: 0; margin-top: 25px; } .profile-page .order-info-list dt, .profile-page .order-info-list dd { display: inline-block; font-size: 14px; color: #4f4f4f; } .profile-page table.suborder-table tbody tr { background: #ebebeb; } .profile-page table.suborder-table td:first-child + td, .profile-page table.suborder-table th:first-child + th { text-align: left; } .profile-page table.suborder-table tbody tr:nth-child(even) { background: #e5e5e5; } .profile-page table.suborder-table thead tr { background: #fff !important; } .profile-page .table tbody td:first-child + td + td { font-size: 18px; } .profile-page .table tbody tr { background: #f3f3f3; border-top: 1px solid #fff; } .profile-page .table > tbody > tr:nth-child(3n) { background: #e5e5e5; } .profile-page .table tbody td { padding: 25px 15px; text-align: center; } .profile-page .table tbody td .currency { font-size: 14px; } .profile-page .badge-approve, .profile-page .badge-done, .profile-page .badge-coordination, .profile-page .badge-paid { font-size: 12px; color: #fff; text-transform: uppercase; display: inline-block; padding: 7px 15px; } .profile-page .badge-approve { background: #00aef1; } .profile-page .badge-done { background: #26d113; } .profile-page .badge-coordination { background: #c515c7; } .profile-page .badge-paid { background: #f1a11c; } .profile-page a { font-size: 14px; color: #00aef1; text-decoration: none; } .profile-page a:hover { text-decoration: underline; } .profile-page .intabs-list { font-size: 0; margin: 25px; text-align: center; margin-bottom: 10px; } .profile-page .intabs-list li { display: inline-block; } .profile-page .intabs-list li a { font-size: 16px; padding: 15px; text-align: center; border: 1px dashed #cdcdcd; margin: 0 5px; -webkit-transition: all 150ms; transition: all 150ms; display: block; text-decoration: none; } .profile-page .intabs-list li.active a { border: 1px solid #00aef1; } .profile-page .links { text-align: center; padding: 15px 0; } .profile-page .links a { display: inline-block; position: relative; margin: 0 20px; } .profile-page form input[type="text"], .profile-page form input[type="password"] { display: inline-block; width: 100%; height: 43px; font-size: 16px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; background: #efefef; } .profile-page .row { padding-top: 50px; } .profile-page .box-right-text { } .profile-page .box-right-text p { color: #7e7e7e; font-size: 14px; margin: 15px 0; } .profile-page .change-password { margin: 30px 0; } .profile-page .change-password .pass-title { text-align: center; } .profile-page .change-password .password-fields { display: none; } .profile-page .button-wrapper { text-align: center; margin: 30px 0; } .profile-page button[type="submit"] { background: #00bff3; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; width: 260px; padding: 10px 0; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; position: relative; } .profile-page button[type="submit"]:hover { background: #693f72; } /* Страничка оплаты ========================================================================== */ .pay-page .sub-box { position: relative; padding-left: 98px; margin: 15px 0; } .pay-page .sub-box:before { content: ""; position: absolute; width: 0; top: 55px; bottom: 0; left: 32px; border-left: 1px dashed #00aef1; } .pay-page .sub-box.sub-box-last:before { top: -15px; height: 38px; } .pay-page .sub-box h2 { font-size: 18px; font-weight: normal; line-height: 40px; } .pay-page .sub-box .number { width: 47px; height: 40px; position: absolute; left: 13px; top: 0; font-size: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 7px; text-align: center; line-height: 40px; background: url("/bitrix/templates/kb2022/img/elements/cart-sub-section.png") no-repeat center center; } .pay-page .sub-box .items { margin: 30px 0 30px 0; } .pay-page .sub-box .chekboxes { padding: 15px; border: 1px dashed #cdcdcd; display: inline-block; width: 100%; } .pay-page .sub-box .chekboxes .checkbox { display: inline-block; margin-left: 40px; color: #000; font-size: 16px; padding-left: 20px; } .pay-page .sub-box .chekboxes .checkbox:first-child { margin-left: 0; } .pay-page .sub-box .chekboxes .jquery-radiobox { margin-right: 15px; top: -2px; } .pay-page .sub-box .inputs { background: #ececec; display: inline-block; padding: 15px; -webkit-border-radius: 5px; border-radius: 5px; width: 418px; } .pay-page .sub-box .inputs input { display: inline-block; width: 100%; height: 43px; font-size: 16px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 15px; } .pay-page .sub-box .inputs input:first-child { margin-top: 0; } .pay-page .sub-box-first { margin-top: 30px; } .pay-page .sub-box .inputs textarea { display: inline-block; width: 100%; height: 43px; font-size: 16px; color: #797979; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; resize: none; vertical-align: top; height: 170px; } .pay-page .sub-box .checkout { background: #00bff3; text-align: center; font-size: 18px; text-transform: uppercase; color: #fff; vertical-align: top; width: 260px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 0; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; margin: 0 auto; display: block; } .pay-page .sub-box .checkout:hover { background: #693f72; } .pay-page .sub-box .checkout:before { content: ""; width: 316px; height: 1px; border-top: 1px dashed #00aef1; position: absolute; left: 33px; top: 22px; } .pay-page .sub-box .chekboxes .jquery-radiobox { display: inline-block; display: -moz-inline-stack; zoom: 1; cursor: pointer; margin-right: 10px; position: relative; margin-left: -20px; } .pay-page .sub-box .chekboxes .jquery-radiobox img { width: 20px; height: 20px; background: #e1e1e1; } .pay-page .sub-box .chekboxes .jquery-radiobox img { -webkit-transition: all 150ms linear; transition: all 150ms linear; } .pay-page .sub-box .chekboxes .jquery-radiobox-hover img { background-color: #00aef1; } .pay-page .sub-box .chekboxes .jquery-radiobox.jquery-radiobox-checked img { background: url("/bitrix/templates/kb2022/img/filter_bullet.png") no-repeat -5px center #00aef1; } .pay-page .sub-box .chekboxes label { cursor: pointer; } .pay-page .table { margin: 0; width: 100%; color: #000; } .pay-page .table tbody td:first-child { padding: 13px; font-size: 16px; text-align: left; } .pay-page .table tbody td:first-child + td { font-size: 18px; text-align: right; } .pay-page .table tbody tr { background: #f3f3f3; border-top: 1px solid #fff; } .pay-page .table tbody tr:nth-child(odd) { background: #e5e5e5; } .pay-page .table tbody td { padding: 25px 15px; text-align: center; } .pay-page .table tbody td .currency { font-size: 14px; } .pay-page .cart-table { margin: 0; width: 100%; color: #000; } .pay-page .cart-table thead th { font-size: 14px; color: #4f4f4f; text-align: center; font-weight: normal; padding: 0 13px 13px 13px; } .pay-page .cart-table thead th:first-child + th { text-align: left; } .pay-page .cart-table tbody td { padding: 13px; } .pay-page .cart-table tbody tr { background: #f3f3f3; border-top: 1px solid #fff; } .pay-page .cart-table tbody tr:nth-child(odd) { background: #e5e5e5; } .pay-page .cart-table tbody td { padding: 13px; text-align: center; } .pay-page .cart-table tbody td:first-child { width: 83px; background: #f8f8f8; } .pay-page .cart-table tbody tr:nth-child(odd) td:first-child { background: #f0f0f0; } .pay-page .cart-table tbody td:first-child + td { text-align: left; width: 30%; } .pay-page .cart-table tbody td a { font-size: 16px; color: #000; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .pay-page .cart-table tbody td a:hover { border-bottom: 1px solid #000; } .pay-page .cart-table tbody td .default-price, .pay-page .cart-table tbody td .amount { font-size: 18px; } .pay-page .cart-table tbody td .currency { font-size: 14px; } .pay-page .cart-table tbody td .spinner { display: inline-block; width: 40px; height: 40px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; font-size: 16px; text-align: center; border: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .pay-page .cart-table tbody td .spinner:focus { border-color: #00aef1; } .pay-page .cart-table tbody td .delete { display: inline-block; width: 27px; height: 27px; background: red; position: relative; border: none; background: url("/bitrix/templates/kb2022/img/elements/cart-delete-icons.png") no-repeat center top; } .pay-page .cart-table tbody td .delete:after { content: ""; width: 27px; height: 27px; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 150ms; transition: all 150ms; background: url("/bitrix/templates/kb2022/img/elements/cart-delete-icons.png") no-repeat center bottom; } .pay-page .cart-table tbody td .delete:hover { border: none; } .pay-page .cart-table tbody td .delete:hover:after { opacity: 1; } /* Страница избранного ========================================================================== */ .fav-page h1 { margin-bottom: 20px; position: relative; display: inline-block; } .fav-page h1 .number { content: ""; width: 47px; height: 40px; position: absolute; left: 166px; top: -4px; font-size: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 7px; text-align: center; line-height: 40px; background: url("/bitrix/templates/kb2022/img/elements/fav-page-number.png") no-repeat center center; } .fav-page .delete { float: right; } .fav-page .delete a { background: #999999; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; padding: 7px 15px; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; position: relative; } .fav-page .delete a:hover { background: #693f72; } .fav-page .product-item { margin-bottom: 30px; } /* Страница сравнения ========================================================================== */ .compare-page h1 { margin-bottom: 20px; position: relative; display: inline-block; } .compare-page h1 .number { content: ""; width: 47px; height: 40px; position: absolute; right: -68px; top: -4px; font-size: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 7px; text-align: center; line-height: 40px; background: url("/bitrix/templates/kb2022/img/elements/fav-page-number.png") no-repeat center center; } .compare-page .delete, .compare-page .to-favorite, .compare-page .difference { float: right; margin-left: 15px; } .compare-page .delete { margin-left: 0; } .compare-page .delete a, .compare-page .to-favorite button, .compare-page .difference a, .compare-page .delete button { background: #999999; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; padding: 7px 15px; text-decoration: none; cursor: pointer; -webkit-transition: all 150ms; transition: all 150ms; position: relative; } .compare-page .delete a:hover, .compare-page .to-favorite button:hover, .compare-page .difference a:hover, .compare-page .delete button:hover { background: #693f72; } .compare-page .product-item { padding: 0; margin-bottom: 25px; width: 92%; float: none; clear: none; } .compare-page .product-item img { width: auto; display: inline; } .compare-page .owl-carousel * { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .compare-page .owl-item { text-align: center; } .compare-page .owl-item > div { display: inline-block; } .compare-page .owl-nav > div { position: absolute; width: 52px; height: 52px; background: url("/bitrix/templates/kb2022/img/elements/compare-slider-arrows.png") no-repeat center center #00bff3; top: 120px; opacity: .5; } .compare-page .owl-nav > div:hover { opacity: 1; } .compare-page .owl-nav .owl-prev { left: 0; background-position: left center; } .compare-page .owl-nav .owl-next { right: 0; background-position: right center; } .compare-page .product-item .product-options { margin: 20px -10px; } .compare-page .product-item .product-options li { padding: 15px; background: #f3f3f3; border-top: 1px solid #fff; } .compare-page .product-item .product-options li:nth-child(odd) { background: #e5e5e5; } .compare-page .table-header { /* min-width: 1170px;*/ position: absolute; /*left: 0;*/ left: -293px; top: 503px; margin-left: 0; } .compare-page .table-header .options { margin-right: -14px; } .compare-page .table-header > div { padding-left: 0; padding-right: 0; } .compare-page .table-header li { padding: 15px; background: #f8f8f8; border-top: 1px solid #fff; } .compare-page .table-header li:nth-child(odd) { background: #efefef; } /* Хлебные крошки ========================================================================== */ .breadcrumbs { position: relative; margin-bottom: 20px; } .breadcrumbs .breadcrumbs-list { font-size: 0; } .breadcrumbs .breadcrumbs-list li { font-size: 14px; display: inline-block; margin: 0 5px; vertical-align: top; color: darkgray; } .breadcrumbs .breadcrumbs-list li:first-child { margin-left: 0; } .breadcrumbs .breadcrumbs-list li:before { content: ""; display: inherit; vertical-align: top; margin-top: 4px; margin-right: 10px; width: 4px; height: 8px; position: relative; background: url("/bitrix/templates/kb2022/img/breadcrumbs/breadcrums-arrow.png") no-repeat center center; } .breadcrumbs .breadcrumbs-list li:first-child:before { content: none; } .breadcrumbs .breadcrumbs-list li a { -webkit-transition: all 150ms; transition: all 150ms; text-decoration: none; border-bottom: 1px solid transparent; } .breadcrumbs .breadcrumbs-list li a:hover { border-bottom-color: #00aef1; } /* Всплывающая форма входа ========================================================================== */ .login-form-popup .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } .login-form-popup form { position: relative; padding: 20px; display: block; width: 400px; } .login-form-popup textarea { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; resize: none; } .login-form-popup input[type="submit"] { background: #00bff3; color: #fff; display: block; width: 90%; margin: 20px auto; font-size: 24px; padding: 7px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; } .login-form-popup input[type="submit"]:hover { background: #693f72; } .login-form-popup .fancybox-close { background: url("/bitrix/templates/kb2022/img/elements/fancybox-close.png") no-repeat center center #bebebe; width: 40px; height: 40px; top: 0; right: 0; -webkit-transition: all 300ms; transition: all 300ms; } .login-form-popup .fancybox-close:hover { background-color: #00bff3; } .login-form-popup h2 { font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 15px; } .login-form-popup input[type="text"], .login-form-popup input[type="password"] { display: inline-block; width: 90%; height: 43px; font-size: 14px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ececec; display: block; margin: 20px auto; border: 1px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; } .login-form-popup input[type="text"]:hover, .login-form-popup input[type="password"]:hover { border-color: #d5d5d5; } .login-form-popup input[type="text"]:focus, .login-form-popup input[type="password"]:focus { border-color: #00aef1; } .login-form-popup .remember-me { width: 90%; margin: 20px auto; padding: 10px 0; text-align: center; border: 1px dashed #cdcdcd; line-height: 1; } .login-form-popup .remember-me input { position: relative; top: 2px; } .login-form-popup .remember-me label { font-size: 14px; color: darkgray; line-height: 1; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .login-form-popup .remember-me label:hover { color: #00bff3; border-bottom-color: #00bff3; } .login-form-popup .restore-pwd { text-align: center; } .login-form-popup .restore-pwd a { color: #00bff3; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .login-form-popup .restore-pwd a:hover { border-bottom-color: #00bff3; } /* Всплывающая форма регистрации ========================================================================== */ .register-form-popup .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } .register-form-popup form { position: relative; padding: 20px; display: block; width: 550px; } .register-form-popup .fancybox-close { background: url("/bitrix/templates/kb2022/img/elements/fancybox-close.png") no-repeat center center #bebebe; width: 40px; height: 40px; top: 0; right: 0; -webkit-transition: all 300ms; transition: all 300ms; } .register-form-popup .fancybox-close:hover { background-color: #00bff3; } .register-form-popup .req-fields span { color: red; } .register-form-popup .errortext { display: block; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid red; } .register-form-popup textarea { display: inline-block; width: 47%; margin-left: 5%; height: 43px; font-size: 14px; color: #797979; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #ececec; resize: none; } .register-form-popup input[type="submit"] { background: #00bff3; color: #fff; display: block; width: 90%; margin: 10px auto; font-size: 24px; padding: 7px; text-align: center; text-transform: uppercase; -webkit-transition: all 150ms; transition: all 150ms; } .register-form-popup input[type="submit"]:hover { background: #693f72; } .register-form-popup h2 { font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 15px; } .register-form-popup input[type="text"], .register-form-popup input[type="password"] { width: 100%; height: 43px; font-size: 14px; color: #797979; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ececec; display: block; margin: 0 auto; border: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .register-form-popup input[type="text"]:hover, .register-form-popup input[type="password"]:hover { border-color: #d5d5d5; } .register-form-popup input[type="text"]:focus, .register-form-popup input[type="password"]:focus { border-color: #00aef1; } .register-form-popup .remember-me { width: 90%; margin: 20px auto; padding: 10px 0; text-align: center; border: 1px dashed #cdcdcd; line-height: 1; } .register-form-popup .remember-me input { position: relative; top: 2px; } .register-form-popup .remember-me label { font-size: 14px; color: darkgray; line-height: 1; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .register-form-popup .remember-me label:hover { color: #00bff3; border-bottom-color: #00bff3; } .register-form-popup .restore-pwd { text-align: center; } .register-form-popup .restore-pwd a { color: #00bff3; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 150ms; transition: all 150ms; } .register-form-popup .restore-pwd a:hover { border-bottom-color: #00bff3; } .register-form-popup label small { display: inline; } .register-form-popup label, .register-form-popup small, .register-form-popup p { display: block; width: 90%; margin: 10px auto; } .register-form-popup #register-captcha { display: inline-block; margin-right: 18px; width: 55%; } .register-form-popup input[type="checkbox"] { position: relative; top: 2px; } /* Всплывающее окно: Подбор техники */ .help-with-choice-popup .fancybox-skin { overflow: visible; -webkit-border-radius: 0; border-radius: 0; } .help-with-choice-popup form { width: 630px; } .help-with-choice-popup .form-body-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 40px 20px 40px; } .help-with-choice-popup .fancybox-close { background: url("/bitrix/templates/kb2022/img/elements/fancybox-close.png") no-repeat center center #bebebe; width: 40px; height: 40px; top: 0; right: 0; -webkit-transition: all 300ms; transition: all 300ms; } .help-with-choice-popup .fancybox-close:hover { background-color: #00bff3; } .help-with-choice-popup .form-body-wrapper { font-size: 0; } .help-with-choice-popup .column-left, .help-with-choice-popup .column-right { font-size: 14px; display: inline-block; width: 50%; vertical-align: top; } .help-with-choice-popup form .form-title { font-size: 20px; font-weight: normal; text-transform: uppercase; color: #00aef1; } .help-with-choice-popup form p { font-size: 16px; color: #5d5d5d; } .help-with-choice-popup input { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 250px; height: 50px; margin: 20px auto; padding: 0 20px; -webkit-transition: all 300ms linear; transition: all 300ms; color: #797979; border: 1px solid transparent; background: #ececec; } .help-with-choice-popup input:hover { border-color: #d5d5d5; } .help-with-choice-popup input:focus { border-color: #00aef1; } .help-with-choice-popup input:first-child { margin-top: 0; } .help-with-choice-popup input.error { color: #fff; border-color: red; } .help-with-choice-popup button.submit { font-size: 20px; font-weight: normal; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 250px; margin: 20px auto; margin-bottom: 0; padding: 10px 20px; -webkit-transition: all 150ms linear; transition: all 150ms linear; text-align: center; text-transform: uppercase; color: #fff; border: none; background: #00aef1; } .help-with-choice-popup button.submit:hover { background: #693f72; } /* Бейджи */ /* Бонусы: карточка товара */ .bonus-badge.bonus-badge--cart { position: absolute; width: 80px; height: 80px; top: 10px; right: 10px; overflow: hidden; transition: all 300ms; -webkit-transition: all 300ms; transform: scale(1); -webkit-transform: scale(1); -webkit-animation: bonusBadegeCart 700ms alternate infinite; animation: bonusBadegeCart 700ms alternate infinite; } @keyframes bonusBadegeCart { from { transform: scale(1); } to { transform: scale(1.1); } } @-webkit-keyframes bonusBadegeCart { from { -webkit-transform: scale(1); } to { -webkit-transform: scale(1.1); } } .bonus-badge.bonus-badge--cart:hover { width: 197px; height: 220px; -webkit-animation: none; animation: none; } .bonus-badge.bonus-badge--cart .svg-bonus-badge { position: absolute; right: 0; top: 0; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .bonus-badge.bonus-badge--cart .badge { } .bonus-badge.bonus-badge--cart:hover .panno { opacity: 1; } .bonus-badge.bonus-badge--cart .panno { opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .bonus-badge.bonus-badge--cart .svg-bonus-badge { -webkit-transition: all 300ms; transition: all 300ms; } .bonus-badge.bonus-badge--cart .svg-bonus-badge text { text-align: center; } .bonus-badge.bonus-badge--cart .svg-bonus-badge .svg-path { fill: #f100a3; transition: all 300ms; -webkit-transition: all 300ms; } /* Бонусы: Каталог */ .bonus-badge.bonus-badge--catalog { position: absolute; width: 60px; height: 60px; top: 10px; right: 10px; overflow: hidden; transform: scale(1); -webkit-transform: scale(1); -webkit-animation: bonusBadegeCart 700ms alternate infinite; animation: bonusBadegeCart 700ms alternate infinite; backface-visibility: hidden; z-index: 1; } .bonus-badge.bonus-badge--catalog * { backface-visibility: hidden; } @keyframes bonusBadegeCart { from { transform: scale(1); } to { transform: scale(1.1); } } @-webkit-keyframes bonusBadegeCart { from { -webkit-transform: scale(1); } to { -webkit-transform: scale(1.1); } } .bonus-badge.bonus-badge--catalog:hover { width: 150px; height: 180px; -webkit-animation: none; animation: none; } .bonus-badge.bonus-badge--catalog .svg-bonus-badge { position: absolute; right: 0; top: 0; } .bonus-badge.bonus-badge--catalog:hover .panno { opacity: 1; } .bonus-badge.bonus-badge--catalog .panno { opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .bonus-badge.bonus-badge--catalog .svg-bonus-badge { -webkit-transition: all 300ms; transition: all 300ms; } .bonus-badge.bonus-badge--catalog .svg-bonus-badge text { text-align: center; } .bonus-badge.bonus-badge--catalog .svg-bonus-badge .svg-path { fill: #ff1744; transition: all 300ms; -webkit-transition: all 300ms; } .b-city-notes {z-index: 2;} .b-city-notes { z-index: 999999; } /* End */ /* Start:/bitrix/templates/kb2022/template_styles.css?167543288626*/ .one-third{ color:#000; } /* End */ /* /bitrix/templates/kb2022/assets/css/bootstrap.min.css?167543288524629 */ /* /bitrix/templates/kb2022/assets/css/animate.css?167543288570808 */ /* /bitrix/templates/kb2022/css/theme-blue.css?16754328866552 */ /* /bitrix/templates/kb2022/js/jquery-ui.min.css?167543288630163 */ /* /bitrix/templates/kb2022/assets/fancybox/jquery.fancybox.css?16754328854863 */ /* /bitrix/templates/kb2022/assets/owl-carousel/assets/owl.carousel.css?16754328854614 */ /* /include/ajax/style-popup.css?16754328875722 */ /* /bitrix/templates/kb2022/style-v2.css?168552946124359 */ /* /bitrix/templates/kb2022/rdesign-css.css?1719315097283977 */ /* /bitrix/templates/kb2022/showroom_styles.css?167543288614907 */ /* /bitrix/templates/kb2022/custom.css?1685529461116901 */ /* /bitrix/templates/kb2022/style_kb2022.css?16754328866780 */ /* /bitrix/templates/kb2022/css/s8.css?17029838205942 */ /* /bitrix/templates/kb2022/components/bitrix/search.title/search/style.css?16754328862959 */ /* /bitrix/templates/kb2022/components/bitrix/breadcrumb/bread/style.css?1675432885947 */ /* /bitrix/templates/kb2022/components/bitrix/menu/bottom/style.css?1675432885583 */ /* /bitrix/templates/kb2022/styles.css?1675432886113787 */ /* /bitrix/templates/kb2022/template_styles.css?167543288626 */