/* Start:/local/templates/default/css/normalize.min.css?17861042752303*/ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],/* 1 */ [type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,/* 1 */ menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/local/templates/default/css/bootstrap.min.css?178610427532743*/ @media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-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:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.428571429;color:#434343;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#000;text-decoration:none}a:hover,a:focus{color:#555;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}hr{margin-top:18px;margin-bottom:18px;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}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,.h1,h2,.h2,h3,.h3{margin-top:18px;margin-bottom:9px}h4,.h4,h5,.h5,h6,.h6{margin-top:9px;margin-bottom:9px}h1,.h1{font-size:33px}h2,.h2{font-size:27px}h3,.h3{font-size:23px}h4,.h4{font-size:17px}h5,.h5{font-size:13px}h6,.h6{font-size:12px}p{margin:0 0 9px}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}.text-primary a:hover{color:#3071a9}.text-success{color:#3c763d}.text-success a:hover{color:#2b542c}.text-info{color:#31708f}.text-info a:hover{color:#245269}.text-warning{color:#8a6d3b}.text-warning a:hover{color:#66512c}.text-danger{color:#a94442}.text-danger a:hover{color:#843534}ul,ol{margin-top:0;margin-bottom:9px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}.list-inline>li:first-child{padding-left:0}dl{margin-top:0;margin-bottom:18px}dt,dd{line-height:1.428571429}dt{font-weight:700}dd{margin-left:0}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}blockquote{padding:9px 18px;margin:0 0 18px;font-size:16.25px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.428571429;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}/*@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1320px){.container{width:1290px}}*/.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{float:left}.col-xs-1{width:8.3333333333%}.col-xs-2{width:16.6666666667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333333333%}.col-xs-5{width:41.6666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333333333%}.col-xs-8{width:66.6666666667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333333333%}.col-xs-11{width:91.6666666667%}.col-xs-12{width:100%}.col-xs-pull-0{right:0}.col-xs-pull-1{right:8.3333333333%}.col-xs-pull-2{right:16.6666666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333333333%}.col-xs-pull-5{right:41.6666666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333333333%}.col-xs-pull-8{right:66.6666666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333333333%}.col-xs-pull-11{right:91.6666666667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:0}.col-xs-push-1{left:8.3333333333%}.col-xs-push-2{left:16.6666666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333333333%}.col-xs-push-5{left:41.6666666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333333333%}.col-xs-push-8{left:66.6666666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333333333%}.col-xs-push-11{left:91.6666666667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.3333333333%}.col-xs-offset-2{margin-left:16.6666666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.3333333333%}.col-xs-offset-5{margin-left:41.6666666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.3333333333%}.col-xs-offset-8{margin-left:66.6666666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.3333333333%}.col-xs-offset-11{margin-left:91.6666666667%}.col-xs-offset-12{margin-left:100%}@media (min-width: 768px){.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1{float:left}.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.col-sm-pull-0{right:0}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:0}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.3333333333%}.col-sm-offset-2{margin-left:16.6666666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333333333%}.col-sm-offset-5{margin-left:41.6666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.3333333333%}.col-sm-offset-8{margin-left:66.6666666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333333333%}.col-sm-offset-11{margin-left:91.6666666667%}.col-sm-offset-12{margin-left:100%}}@media (min-width: 992px){.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1{float:left}.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.col-md-pull-0{right:0}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}.col-md-push-0{left:0}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.3333333333%}.col-md-offset-2{margin-left:16.6666666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333333333%}.col-md-offset-5{margin-left:41.6666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.3333333333%}.col-md-offset-8{margin-left:66.6666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.3333333333%}.col-md-offset-11{margin-left:91.6666666667%}.col-md-offset-12{margin-left:100%}}@media (min-width: 1320px){.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1{float:left}.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}.col-lg-pull-0{right:0}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:0}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.3333333333%}.col-lg-offset-2{margin-left:16.6666666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333333333%}.col-lg-offset-5{margin-left:41.6666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.3333333333%}.col-lg-offset-8{margin-left:66.6666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.3333333333%}.col-lg-offset-11{margin-left:91.6666666667%}.col-lg-offset-12{margin-left:100%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:18px}.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>thead>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>thead>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>thead>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width: 767px){.table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:13px;line-height:1.428571429;color:#555}.form-control{display:block;width:100%;height:32px;padding:6px 12px;font-size:13px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="date"]{line-height:32px}.form-group{margin-bottom:15px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{color:#333;background-color:#ebebeb;border-color:#adadad}.open .btn-default.dropdown-toggle{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active{background-image:none}.open .btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:#fff;background-color:#3276b1;border-color:#285e8e}.open .btn-primary.dropdown-toggle{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active{background-image:none}.open .btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#fff;background-color:#d2322d;border-color:#ac2925}.open .btn-danger.dropdown-toggle{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active{background-image:none}.open .btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-lg{padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;-moz-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;-moz-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.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:13px;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);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;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:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.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.428571429;color:#999}.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 solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.close{float:right;font-size:19.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;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 .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .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-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);background-clip:padding-box;outline:none}.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.428571429px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:" ";display:table}.modal-footer:after{clear:both}.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}@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}.modal-lg{width:900px}}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix: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;visibility:hidden!important}.affix{position:fixed}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media (max-width: 767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media (min-width: 992px) and (max-width: 1319px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media (min-width: 1320px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width: 767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media (min-width: 992px) and (max-width: 1319px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media (min-width: 1320px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}} /* End */ /* Start:/local/templates/default/css/common.css?178610427519557*/ html, body { height: 100%; min-width: 320px } body { min-height: 100%; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 17px; line-height: 28px; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0 } #page-frame__wrapper { display: flex; overflow: hidden; } #page-frame { flex: 1 1 auto; display: flex; flex-flow: column nowrap; min-height: 100vh; width: 100%; } #page-frame.page-frame_map .page-header { margin-bottom: 0; } #page-frame.page-frame_map #footer { margin-top: 0; } #main-layout { flex: 1 1 auto; } @media screen and (min-width: 768px) { .container { width: 768px; padding: 0 22px; } } @media screen and (min-width: 1024px) { .container { width: 994px; padding: 0 15px; } } @media screen and (min-width: 1284px) { .container { width: 1254px; padding: 0 15px; } } .container-fluid { max-width: 1440px } .container-fluid_960 { max-width: 990px; margin: 0 auto; padding: 0 15px } .container-fluid_1360 { max-width: 1360px; margin: 0 auto } .container-fluid_full { padding: 0 15px } .main-content { float: left; width: 100%; margin: 0px 0 0 } #header { position: relative; z-index: 100; top: 0; left: 0; width: 100%; padding-top: 40px; margin-bottom: 40px; } #header>.container { position: relative } .header-inner { display: flex; justify-content: space-between; } .logo { /*margin-top: 7px;*/ } .logo__img { text-decoration: none; width: 294px; height: 32px; background: url("/local/templates/default/css/../images/logo.svg") no-repeat; display: block; text-indent: -999em; background-size: contain; } .logo__text { font-size: 12px; color: #007CBA; letter-spacing: -0.15px; line-height: 1.33; margin-top: 17px; font-weight: normal; } .header-search { position: relative; width: 100%; margin-bottom: 15px; } .header-search__form { position: relative; } .header-search__icon { position: absolute; left: 16px; top: 50%; transform: translate(0,-50%); pointer-events: none; } .header-search__input { height: 32px; width: 100%; border: none; background: none; padding: 4px 10px 4px 40px; position: relative; z-index: 2; font-size: 16px; color: #6CB5D9; background: rgba(108,181,217,0.12); border-radius: 8px; } .header-search__input::-webkit-input-placeholder { color:#6CB5D9; opacity: 1; } .header-search__input::-moz-placeholder { color:#6CB5D9; opacity: 1; } .header-search__input:-moz-placeholder { color:#6CB5D9; opacity: 1; } .header-search__input:-ms-input-placeholder { color:#6CB5D9; opacity: 1; } .header-search__button { z-index: 3; padding-left: 67px; padding-right: 67px; position: absolute; right: -1px; top: 0; height: 45px; font-weight: 300; font-size: 18px; color: #FFFFFF; } .main-nav { display: flex; } .main-nav__list { list-style-type: none; margin: 0; padding: 0; display: flex; } .main-nav__item { position: relative; font-size: 12px; line-height: 1.33; } .main-nav__item:not(:last-child) { margin-right: 32px; } .main-nav__link { font-weight: bold; font-size: 12px; line-height: 1.33; color: #007CBA; text-transform: uppercase; border-bottom: 2px solid transparent; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease; padding-bottom: 7px; } .main-nav__link:hover, .main-nav__link:focus { color: #007CBA } .main-nav__toggle { position: absolute; right: 15px; top: 0px; z-index: 100; } .main-nav__toggle__line { width: 24px; height: 3px; display: block; position: relative; background-color: #007CBA; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .main-nav__toggle__line+.main-nav__toggle__line { margin-top: 4px } .main-nav__toggle_active .main-nav__toggle__line { background-color: #6D7278; } .main-nav__toggle_active .main-nav__toggle__line:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px; } .main-nav__toggle_active .main-nav__toggle__line:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -7px; } .main-nav__toggle_active .main-nav__toggle__line:nth-child(2) { opacity: 0; -webkit-transition: opacity 0s ease, background-color 0.3s ease; -o-transition: opacity 0s ease, background-color 0.3s ease; transition: opacity 0s ease, background-color 0.3s ease; } .catalog-nav { margin-right: 32px; position: relative; z-index: 10; font-size: 12px; line-height: 1.33; } .catalog-nav__open { font-size: 12px; line-height: 1.33; color: #007CBA; font-weight: bold; position: relative; text-transform: uppercase; padding-bottom: 7px; border-bottom: 2px solid transparent; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .catalog-nav__open:hover, .catalog-nav__open:focus { color: #007CBA; } .catalog-nav__list { position: absolute; left: 0; top: 100%; list-style-type: none; padding: 8px 0; margin: 0; z-index: -1; visibility: hidden; opacity: 0; transition: visibility 0.3s ease, opacity 0.3s ease; background: #fff; } .catalog-nav__item:not(:last-child) { margin-bottom: 8px } .catalog-nav__link-wrapper { position: relative; } .catalog-nav__link-toggle { position: absolute; top: 0; right: 0px; width: 54px; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: transform 0.2s ease; } .catalog-nav__link-toggle_active { transform: rotate(-180deg); } .catalog-nav__link { color: #007CBA; font-size: 14px; font-weight: 600; line-height: 1.71; padding: 0 20px; display: block; position: relative; } .catalog-nav__link:hover, .catalog-nav__link:focus { color: #007CBA; } .catalog-nav__link_has_submenu { padding-right: 54px; } .catalog-nav__submenu { padding: 8px 0 0; display: none; } .catalog-nav__submenu .catalog-nav__link { padding-left: 60px; font-weight: 500; font-size: 12px; line-height: 1.33; text-transform: uppercase; } .catalog-nav__submenu .catalog-nav__submenu .catalog-nav__link { padding-left: 90px; font-size: 11px; color: #000; } .header-contacts { display: flex; flex-direction: column; align-items: flex-end; } .header-contacts__phone { font-weight: bold; font-size: 24px; color: #007CBA; line-height: 1; } .header-contacts__phone:hover, .header-contacts__phone:focus { color: #000 } .header-contacts__time { font-weight: 500; font-size: 16px; color: #007CBA; letter-spacing: 0.81px; text-align: right; line-height: 20px; margin-top: 19px; white-space: nowrap; } /* @media (max-width: 1319px) { .logo { width: 160px; margin-top: 16px; } .logo__img { width: 100%; background-size: 100% auto; height: 20px; } .logo__text { text-align: center; line-height: 1.1; font-size: 11px; letter-spacing: -0.2px; } .main-nav { margin-left: 35px } .main-nav__item { margin-right: 20px } .catalog-nav { margin-right: 20px } .header-contacts__phone { font-size: 22px } .header-contacts__time { font-size: 11px } } */ @media (min-width: 1024px) and (max-width: 1283px) { .catalog-nav { margin-right: 16px; } .main-nav__item:not(:last-child) { margin-right: 16px; } .header-contacts__phone { font-size: 22px; } .header-contacts__time { font-size: 12px; margin-top: 23px; letter-spacing: -0.01em; } } @media screen and (max-width: 1023px) { #header { padding-top: 24px; margin-bottom: 20px; } .header-inner { flex-wrap: wrap; padding-bottom: 57px; } .header-contacts { display: flex; flex-direction: row-reverse; justify-content: space-between; order: -1; flex: 0 0 100%; margin-bottom: 40px; } .header-contacts__time { margin-top: 0; } .logo { flex: 0 0 295px; max-width: 295px; } .header-nav { flex: 1 1 auto; max-width: calc(100% - 295px); padding-left: 70px; } .main-nav { position: absolute; left: 22px; bottom: 0; } } @media screen and (max-width: 767px) { .header-contacts__time { display: none; } .header-contacts { margin: 0; } .header-contacts__phone { position: absolute; width: 18px; height: 18px; top: 0px; right: 67px; text-indent: -999em; font-size: 0; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4gIDxwYXRoIGZpbGw9IiMwMDdDQkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjYwMzA1MzQsMTUuOTkyMzY2NCBDMTcuMzMzOTY5NSwxNi42MTgzMjA2IDE2LjYxODMyMDYsMTcuMDI4NjI2IDE2LjA0Mzg5MzEsMTcuMzQ3MzI4MiBDMTUuMjkwMDc2MywxNy43NTc2MzM2IDE0LjUyMDk5MjQsMTggMTMuNjY2MDMwNSwxOCBDMTIuNDc3MDk5MiwxOCAxMS40MDI2NzE4LDE3LjUxMzM1ODggMTAuMzE2NzkzOSwxNy4xMTgzMjA2IEM5LjUzNjI1OTU0LDE2LjgzNTg3NzkgOC43ODI0NDI3NSwxNi40OTIzNjY0IDguMDc4MjQ0MjcsMTYuMDU1MzQzNSBDNS45MDY0ODg1NSwxNC43MTM3NDA1IDMuMjg2MjU5NTQsMTIuMDkzNTExNSAxLjk0Mjc0ODA5LDkuOTE5ODQ3MzMgQzEuNTA3NjMzNTksOS4yMTc1NTcyNSAxLjE2MjIxMzc0LDguNDYzNzQwNDYgMC44ODE2NzkzODksNy42ODMyMDYxMSBDMC40ODQ3MzI4MjQsNi41OTU0MTk4NSAwLDUuNTIyOTAwNzYgMCw0LjMzMzk2OTQ3IEMwLDMuNDc3MDk5MjQgMC4yNDIzNjY0MTIsMi43MDk5MjM2NiAwLjY1MjY3MTc1NiwxLjk1NjEwNjg3IEMwLjk3MTM3NDA0NiwxLjM4MTY3OTM5IDEuMzgxNjc5MzksMC42NjYwMzA1MzQgMi4wMDc2MzM1OSwwLjM5Njk0NjU2NSBDMi40MjkzODkzMSwwLjIwNjEwNjg3IDMuMzI0NDI3NDgsMCAzLjc4NDM1MTE1LDAgQzMuODc0MDQ1OCwwIDMuOTYzNzQwNDYsMCA0LjA1MTUyNjcyLDAuMDQwMDc2MzM1OSBDNC4zMjA2MTA2OSwwLjEyNzg2MjU5NSA0LjYwMzA1MzQ0LDAuNzU1NzI1MTkxIDQuNzI5MDA3NjMsMS4wMDk1NDE5OCBDNS4xMzkzMTI5OCwxLjczODU0OTYyIDUuNTM0MzUxMTUsMi40ODA5MTYwMyA1Ljk1NjEwNjg3LDMuMTk2NTY0ODkgQzYuMTYwMzA1MzQsMy41Mjg2MjU5NSA2LjU0NTgwMTUzLDMuOTM4OTMxMyA2LjU0NTgwMTUzLDQuMzMzOTY5NDcgQzYuNTQ1ODAxNTMsNS4xMTQ1MDM4MiA0LjIzMDkxNjAzLDYuMjUxOTA4NCA0LjIzMDkxNjAzLDYuOTQyNzQ4MDkgQzQuMjMwOTE2MDMsNy4yODYyNTk1NCA0LjU1MTUyNjcyLDcuNzM0NzMyODIgNC43MjkwMDc2Myw4LjA0MTk4NDczIEM2LjAyMDk5MjM3LDEwLjM2ODMyMDYgNy42MzE2NzkzOSwxMS45NzcwOTkyIDkuOTU4MDE1MjcsMTMuMjY5MDg0IEMxMC4yNjUyNjcyLDEzLjQ0ODQ3MzMgMTAuNzExODMyMSwxMy43NjkwODQgMTEuMDU3MjUxOSwxMy43NjkwODQgQzExLjc0ODA5MTYsMTMuNzY5MDg0IDEyLjg4NTQ5NjIsMTEuNDU0MTk4NSAxMy42NjYwMzA1LDExLjQ1NDE5ODUgQzE0LjA2Mjk3NzEsMTEuNDU0MTk4NSAxNC40NzEzNzQsMTEuODM3Nzg2MyAxNC44MDM0MzUxLDEyLjA0Mzg5MzEgQzE1LjUxOTA4NCwxMi40NjM3NDA1IDE2LjI1OTU0MiwxMi44NjA2ODcgMTYuOTg4NTQ5NiwxMy4yNjkwODQgQzE3LjI0NjE4MzIsMTMuMzk4ODU1IDE3Ljg3MjEzNzQsMTMuNjc5Mzg5MyAxNy45NTk5MjM3LDEzLjk0ODQ3MzMgQzE4LDE0LjAzODE2NzkgMTgsMTQuMTI1OTU0MiAxOCwxNC4yMTU2NDg5IEMxOCwxNC42Nzc0ODA5IDE3Ljc5Mzg5MzEsMTUuNTcwNjEwNyAxNy42MDMwNTM0LDE1Ljk5MjM2NjQiLz48L3N2Zz4=); } .logo__img { height: 19px; width: 180px; } .logo__text { display: none; } .header-nav { flex: 0 0 100%; max-width: 100%; padding: 0; margin-top: 33px; } .header-inner { padding-bottom: 0; } .main-nav { position: absolute; top: 0; left: 0; right: 0; bottom: auto; background: #fff; flex-direction: column; z-index: 50; border-bottom: 1px solid #007CBA; display: none; } .main-nav__list { flex-direction: column; padding-bottom: 17px; } .main-nav__item:not(:last-child) { margin-bottom: 24px; } .main-nav__link { text-transform: none; display: block; padding: 0 15px; line-height: 1.7; font-size: 14px; } .catalog-nav { margin-bottom: 24px; margin-right: 0; } .catalog-nav__open { text-transform: none; display: inline-block; padding: 0 15px; line-height: 1.7; font-size: 14px; position: relative; padding-right: 32px; } .catalog-nav__open:after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; transition: transform 0.2s ease; } .catalog-nav__open_active:after { transform: translate(0,-50%) rotate(-180deg); } .catalog-nav__list { position: relative; top: 0; opacity: 1; visibility: visible; display: none; } .catalog-nav__link { padding-left: 30px; } } @media screen and (min-width: 768px) { .main-nav__link { white-space: nowrap; } } /* @media (max-width: 991px) { .main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 15px 0 0; padding: 20px; text-align: center; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1) } .main-nav__list { float: left; width: 100% } .main-nav__item { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 3px } .main-nav__item:last-child { border-bottom: none } .main-nav__link { color: #fff; font-size: 14px; font-weight: 400; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease } .main-nav__link:hover, .main-nav__link:focus { border-color: #fff; color: #fff } .catalog-nav { display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px } .catalog-nav__open { padding: 0 } .catalog-nav__open:before { display: none } .catalog-nav__open__lines { display: none } .catalog-nav__open__text { display: inline-block; position: relative } .catalog-nav__open__text:after { content: ""; position: absolute; width: 10px; height: 6px; right: -20px; top: 50%; margin-top: -3px; background: url("/local/templates/default/css/images/icons/chevron-down.svg") no-repeat; -webkit-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; transition: transform 0.2s ease } .catalog-nav__open_active .catalog-nav__open__text:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .catalog-nav__list { position: relative; margin: 15px 0 0; padding: 0; background: none } .catalog-nav__item:last-child { margin-bottom: 0 } .logo { margin-left: 50px; margin-top: 0 } .header-contacts { margin-top: -5px } } @media (max-width: 767px) { #header { text-align: center; padding-top: 30px } .logo { display: inline-block; float: none; margin: 0 } .logo__text { display: none } .header-contacts { position: absolute; top: 5px; right: 20px } .header-contacts__phone { width: 16px; height: 16px; text-indent: -999em; display: block; background: url("/local/templates/default/css/images/icons/phone.svg") no-repeat; font-size: 0; overflow: hidden } .header-contacts__time { display: none } .header-search { margin-top: 15px; } .header-search__input { font-size: 14px; padding-right: 160px; } .header-search__button { padding-left: 45px; padding-right: 45px; } } @media (max-width: 479px) { .header-search::after { display: none; } .header-search__input { padding-left: 20px; padding-right: 70px; } .header-search__button { padding-left: 30px; padding-right: 30px; text-indent: -999em; } .header-search__button:after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 22px; height: 22px; transform: translate(-50%,-50%) rotate(-90deg); background: url("/local/templates/default/css/images/search-header.svg") no-repeat; filter: opacity(100%); border-radius: 0; } } */ @media screen and (min-width: 768px) { .main-nav { display: flex !important } .main-nav__toggle { display: none !important } .main-nav__link:hover, .main-nav__link:focus { border-color: #F7B500; } .catalog-nav:hover .catalog-nav__list { opacity: 1; visibility: visible; } .catalog-nav:hover .catalog-nav__open { border-color: #F7B500; color: #007CBA } .catalog-nav__link { white-space: nowrap; } .catalog-nav__item:first-child { margin-top: 8px; } .catalog-nav__submenu { display: none; } } /* End */ /* Start:/local/templates/default/css/bootstrap-select-custom.css?178610427510571*/ select.bs-select-hidden, select.selectpicker { display: none !important } .bootstrap-select { width: 220px \0 } .bootstrap-select>.dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1 } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active { color: #999 } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none } .bootstrap-select>select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48 } .bootstrap-select.fit-width { width: auto !important } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px } .bootstrap-select .dropdown-toggle:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none } .bootstrap-select.form-control:not([class*="col-"]) { width: 100% } .bootstrap-select.form-control.input-group-btn { z-index: auto } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0 } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0 } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0 } .form-inline .bootstrap-select.btn-group .form-control { width: 100% } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group>.disabled { cursor: not-allowed } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group>.disabled:focus { outline: none !important } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060 } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100% } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .bootstrap-select.btn-group .dropdown-menu li { position: relative } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle { z-index: 1061 } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0 } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0 } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after { display: block } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bs-actionsbox .btn-group button { width: 50% } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bs-donebutton .btn-group button { width: 100% } .bs-searchbox+.bs-actionsbox { padding: 0 8px 4px } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none } .bootstrap-select { width: 100% !important; position: relative } .bootstrap-select>button { font-size: 13px; color: #5C5C5C; letter-spacing: 0; height: 25px; border: none; border-bottom: 2px solid #D8D8D8; position: relative; border-radius: 0; background: none; padding: 0 0 8px !important; box-shadow: none !important } .bootstrap-select>button:hover, .bootstrap-select>button:focus { background: none !important; color: #5C5C5C; border: none; border-bottom: 2px solid #D8D8D8 } .bootstrap-select>button:focus { outline: none !important; border: none !important; border-bottom: 2px solid #D8D8D8 !important } .bootstrap-select>button .caret { width: 10px; height: 6px; border: none; top: 50%; right: 0px !important; margin-top: -3px !important; position: absolute; background: url("/local/templates/default/css/images/icons/chevron-down-g.svg") no-repeat; -webkit-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; transition: transform 0.2s ease } .bootstrap-select>button .filter-option { overflow: hidden; text-overflow: ellipsis } .bootstrap-select .dropdown-menu { border: none; border-radius: 0; padding: 0 } .bootstrap-select .dropdown-menu>li { border-bottom: 1px solid #eee } .bootstrap-select .dropdown-menu>li>a { padding: 10px 15px; -webkit-transition: background-color 0.1s ease, color 0.1s ease; -o-transition: background-color 0.1s ease, color 0.1s ease; -moz-transition: background-color 0.1s ease, color 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease } .bootstrap-select .dropdown-menu>li>a:hover { background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); color: #fff } .bootstrap-select .dropdown-menu>li:last-child { border-bottom: none } .bootstrap-select .dropdown-toggle:focus { outline: none !important } .bootstrap-select.open>.btn-default.dropdown-toggle { background: none !important; border: none; border-bottom: 2px solid #D8D8D8 } .bootstrap-select.open>.btn-default.dropdown-toggle:hover, .bootstrap-select.open>.btn-default.dropdown-toggle:focus { border: none; border-bottom: 2px solid #D8D8D8 } .bootstrap-select.open .caret { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .bootstrap-select:focus>.btn-default.dropdown-toggle, .bootstrap-select:active>.btn-default.dropdown-toggle { background: none !important; border: none; border-bottom: 2px solid #D8D8D8 } .bootstrap-select:focus>.btn-default.dropdown-toggle:hover, .bootstrap-select:focus>.btn-default.dropdown-toggle:focus, .bootstrap-select:active>.btn-default.dropdown-toggle:hover, .bootstrap-select:active>.btn-default.dropdown-toggle:focus { border: none; border-bottom: 2px solid #D8D8D8 } /* End */ /* Start:/local/templates/default/css/swiper-custom.css?178610427512106*/ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-wrapper { width: 102px; height: 46px; position: relative; display: inline-block; vertical-align: middle } .swiper-button-wrapper_header { margin-left: 16px } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; background: #007CBA; z-index: 10; cursor: pointer; z-index: 1 } .swiper-button-prev:before, .swiper-button-next:before { content: ""; position: absolute; top: 50%; left: 50%; right: -1px; transform: translate(-50%,-50%); width: 0; height: 0; border-style: solid; } .swiper-button-prev:before { border-width: 8px 16px 8px 0; border-color: transparent #ffffff transparent transparent; margin-left: -1px; } .swiper-button-next:before { border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #ffffff; margin-left: 1px; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.4; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto } .swiper-pagination { position: absolute; bottom: 24px; z-index: 5; left: 50%; transform: translate(-50%,0); text-align: center } .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; border-radius: 50%; position: relative; background: none; margin: 0 4px 0; vertical-align: middle; cursor: pointer; transition: background 0.3s ease; border: 1px solid #fff; } .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } /* End */ /* Start:/local/templates/default/js/crocobox/jquery.crocobox.css?17861042759908*/ /* crocobox */ #crocobox_shadow { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #007CBA; z-index: 50000; } #crocobox { display: none; position: fixed; background: #fff; top: 50%; left: 50%; padding: 40px 50px; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); z-index: 55000; } #crocobox .form-group { margin-bottom: 20px; } #crocobox button[type=submit] { display: block; width: auto; margin: 0 auto; font-size: 16px; padding: 0 20px; } #crocobox_close { display: block; position: absolute; z-index: 100; top: -28px; right: -28px; width: 24px; height: 24px; background: url(/local/templates/default/js/crocobox/images/close.svg) no-repeat 0 0; cursor: pointer; } @media screen and (max-width: 767px) { #crocobox_close { top: 15px; right: 15px; -webkit-filter: invert(1); filter: invert(1); opacity: 0.5; } } /*#crocobox_close:after, #crocobox_close:before { content: ""; position: absolute; top: 11px; left: 0; display: block; height: 3px; width: 25px; background: #b0b0b0; -webkit-transition: opacity 0.3s,-webkit-transform 0.3s; transition: opacity 0.3s,transform 0.3s; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #crocobox_close:after { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #crocobox_close:hover:before { opacity: 1; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } #crocobox_close:hover:after { opacity: 1; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }*/ .crocobox_content { position: relative; padding-top: 5px; color: #000; /*max-width: 520px;*/ } .crocobox_content h1 { display: block; text-align: center; margin: 0 0 20px; font-size: 30px; line-height: 0.8; } .crocobox_content .h2 { text-align: center; font-size: 32px; font-weight: 600; margin-top: 0; margin-bottom: 30px; } .crocobox_content .crocobox_subtitle { /*position: absolute; top: 35px;*/ display: block; width: 100%; text-align: center; opacity: 0.6; margin-bottom: 30px; } .crocobox_content a { } .crocobox_content .action { color: #e040fb; font-weight: 600; } #crocobox .form_spacer { margin: 45px 0 25px; font-weight: bold; font-size: 16pt; } #crocobox .form_spacer_light { margin: 0 0 25px; font-size: 11pt; display: block; opacity: 0.7; } #crocobox .form_block { margin-bottom: 25px; } #crocobox .form_block input[type="text"], #crocobox .form_block textarea { width: 100%; padding: 0; box-shadow: none; font-size: 14px; outline: none; background: transparent; } #crocobox .form_block textarea { resize: none; padding: 15px; height: 90px; } #crocobox .form_block input[type="text"]:focus, #crocobox .form_block textarea:focus { } #crocobox .form_block textarea.textarea_fullpage { width: 100%; } #crocobox .form_block .block_text { position: relative; line-height: 50px; display: block; width: 170px; float: left; } #crocobox .form_block .block_text .fileOr { position: absolute; display: block; opacity: 0.5; top: 40px; } #crocobox .form_block.show_file_block { margin-bottom: 0; display: block; width: 100%; } #crocobox .form_block.show_file_block .one_file { display: table; width: 100%; position: relative; margin-bottom: 9px; } #crocobox .form_block.show_file_block .one_file div { display: table-cell; vertical-align: middle; position: relative; border: 2px dashed rgba(0, 0, 0, 0.12); border-radius: 5px; padding: 5px 10px; font-size: 14px; } #crocobox .form_block.show_file_block .one_file span { position: absolute; right: 10px; top: 9px; display: block; height: 20px; line-height: 20px; padding-left: 20px; font-size: 12px; opacity: 0.5; cursor: pointer; } #crocobox .form_block.show_file_block .one_file span:before { content: ""; position: absolute; left: 0; top: 2px; display: block; width: 15px; height: 15px; background: url(/local/templates/default/js/crocobox/images/close_black.svg) no-repeat 0 0; background-size: contain; filter: brightness(100%); } #crocobox .form_block.show_file_block .one_file span:hover { opacity: 1; } #crocobox span.del_req { position: absolute; right: 10px; top: 10px; z-index: 10; display: block; width: 21px; height: 21px; font-size: 12px; opacity: 0.5; cursor: pointer; text-indent: -9000px; display: none; } #crocobox span.del_req:before { content: ""; position: absolute; left: 3px; top: 3px; display: block; width: 15px; height: 15px; background: url(/local/templates/default/js/crocobox/images/close_black.svg) no-repeat 0 0; background-size: contain; filter: brightness(100%); } #crocobox span.del_req:hover { opacity: 1; } #crocobox .form_block.file_block { margin-top: 0; margin-bottom: 20px; display: table; width: 100%; } #crocobox .form_block.file_block.file_two { position: relative; margin-top: 0; margin-bottom: 0; } #crocobox .form_block .file_wrap { display: table-cell; vertical-align: middle; position: relative; height: 88px; line-height: 22px; border: 2px dashed rgba(0, 0, 0, 0.12); border-radius: 5px; padding: 0; text-align: center; font-size: 13px; overflow: hidden; } #crocobox .form_block.notfull .file_wrap { height: 42px; } #crocobox .form_block .file_linked { position: relative; overflow: hidden; cursor: pointer; font-size: 15px; color: rgba(0, 0, 0, 0.8) } #crocobox .form_block .file_linked span { display: block; font-size: 14px; color: rgba(0, 0, 0, 0.8); } #crocobox .form_block .file_desc { color: rgba(0, 0, 0, 0.8); font-size: 13px; } #crocobox .form_block input[type="file"] { position: absolute; top: 0; width: 5000px; height: 110px; margin-left: -4400px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 400px; cursor: pointer; } #crocobox .form_block textarea.message { height: 300px; } #crocobox input[type=submit] { border: none; width: 100%; height: 50px; display: block; background: #65c750; border-radius: 100px; color: #fff; text-align: center; line-height: 49px; margin: 40px 0 10px 0; font-size: 13pt; font-weight: 400; cursor: pointer; transition: 0.2s all; outline: none; } #crocobox input[type=submit]:hover { opacity: 0.9; } #crocobox .form_block input.error { border-color: #ff0000; } #crocobox .rc_answer { color: #000; text-align: center; font-size: 13pt; } #privacy_block { font-size: 13px; overflow: hidden; } #privacy_block a { text-decoration: none; color: #fff; border-bottom: 1px dotted; } #privacy_block input { display: block; float: left; margin-top: 2px; width: 16px; height: 16px; vertical-align: top; } #privacy_block label { display: block; width: auto; margin-left: 25px; font-size: 13px; text-align: left; font-weight: 300; } @media (max-width: 767px) { #crocobox { padding: 40px 30px 30px; } } @media (max-width: 980px) { #crocobox .form_block.show_file_block .one_file span { text-indent: -9000px; } #crocobox .form_block.show_file_block .one_file span:before { left: 2px; } } #spin_shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } /* preloader */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* calc_uploader animation container */ .preload { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 1px solid #3c60a6; border-radius: 30px; background: #fff; z-index: 10100; } /* Spinning circle (inner circle) */ .preload .maskedCircle { width: 38px; height: 38px; border-radius: 20px; border: 20px solid #3c60a6; } /* Spinning circle mask */ .preload .mask { width: 20px; height: 20px; overflow: hidden; } /* Spinner */ .preload .spinner { position: absolute; left: 2px; top: 2px; width: 38px; height: 38px; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /* End */ /* Start:/local/templates/default/components/bitrix/menu/header_mainmenu/style.css?178610427549*/ .catalog-nav__submenu { list-style: none; } /* End */ /* Start:/local/templates/default/template_styles.css?1786104275128458*/ .text-primary { color: #007CBA !important; } .text-uppercase { text-transform: uppercase !important; } .h1 { font-size: 58px; color: #000000; line-height: 68px; margin-top: 0px; font-weight: 300; } h1 { font-weight: 300; font-size: 30px; color: #000000; line-height: 1; margin-top: 20px; } .h1_small { font-size: 34px; line-height: 48px; margin-top: 14px } .h2 { font-size: 35px; line-height: 42px; font-size: 35px } h1 { font-weight: 300; font-size: 30px; color: #000000; line-height: 1; } h2 { font-weight: 300; font-size: 26px; color: #000000; line-height: 1.3; margin-bottom: 20px; margin-top: 50px; } h3 { font-weight: 300; font-size: 24px; color: #000000; line-height: 1.17; margin-bottom: 10px; margin-top: 59px; } h4 { font-weight: 300; font-size: 20px; color: #000000; line-height: 1.3; margin-bottom: 10px; margin-top: 64px; } h5 { font-weight: 400; font-size: 17px; color: #000000; line-height: 1.65; margin-bottom: 10px; margin-top: 70px; } h6 { font-weight: 500; font-size: 16px; color: #000000; line-height: 1.625; margin-bottom: 10px; margin-top: 40px; } .text-green { color: #6DD400 !important; } .text-red { color: #FF3333 !important; } .section_index_slider { overflow: hidden; } .index-slider { /*padding: 0 70px;*/ } .index-slider__item { display: table; width: 100%; height: 472px; position: relative; } .index-slider__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #6CB5D9; background-image: radial-gradient(70% 137%, #6CB5D9 28%, #47A1CE 58%, #007CBA 100%); border-radius: 16px; transform: skew(-16deg, 0); z-index: 1; overflow: hidden; } .index-slider__bg-inner { transform: skew(16deg, 0); position: absolute; left: calc(50% + 70px); top: 50px; max-height: 110%; } .index-slider__bg-cover { transform: skew(16deg, 0); position: absolute; top: 0; left: -6%; right: -6%; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .index-slider__item-inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; position: relative; z-index: 3; padding: 20px 50% 20px 100px; } .index-slider__desc { display: flex; flex-direction: column; height: 100%; } .index-slider__desc-inner { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } @media screen and (min-width: 768px) { .index-slider__desc-inner { padding-top: 83px; } } .index-slider__category { margin-bottom: 32px; position: relative; height: 32px; line-height: 32px; padding: 0 29px; display: inline-block; font-weight: bold; font-size: 10px; color: #000; text-transform: uppercase; } .index-slider__category:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F7B500; border-radius: 4px; transform: skew(-15deg, 0); z-index: -1; } .index-slider__title { font-weight: bold; font-size: 36px; color: #FFFFFF; line-height: 1.33; } .index-slider__links { display: flex; } .index-slider__link { font-weight: bold; font-size: 10px; color: #FFFFFF; line-height: 1.6; padding-bottom: 6px; border-bottom: 2px solid transparent; transition: border-color 0.3s ease; } .index-slider__link:not(:last-child) { margin-right: 48px; } .index-slider__link:hover { border-color: #F7B500; color: #fff; } .index-slider .swiper-container { float: none; overflow: visible; } .index-slider .swiper-slide { /*width: 100%;*/ width: 1095px; } .index-slider__item_competition {} .index-slider__item_competition .index-slider__category { margin: 24px 0 0; } .index-slider__item_competition .index-slider__item-inner { padding-right: 100px; padding-top: 0; padding-left: 120px; } .index-slider__item_competition .index-slider__desc-inner { max-width: 550px; padding-top: 76px; } .index-slider__item_competition .index-slider__desc-head { padding-top: 35px; /*position: relative;*/ } .index-slider__item_competition .index-slider__bg:before { content: ""; position: absolute; top: -6px; left: -100px; right: -20px; height: 120px; background: url("/local/templates/default/images/competition/slide_line.svg") left top no-repeat; /*background-size: 100% 100%;*/ transform: skew(16deg, 0); } .index-slider__item_competition .index-slider__desc-head-text { display: flex; font-weight: bold; font-size: 36px; line-height: 1.44; color: #000000; text-transform: uppercase; align-items: center; position: relative; } .index-slider__item_competition .index-slider__desc-head-text:before { content: ""; position: relative; width: 48px; height: 48px; align-self: flex-start; background: url("/local/templates/default/images/competition/cup.svg") center center no-repeat; background-size: contain; margin-right: 24px; } @media screen and (min-width: 1024px) { .index-slider__desc { width: 100%; padding: 0; } } @media screen and (max-width: 1253px) { .index-slider .swiper-slide { width: 840px; } .index-slider__item_competition .index-slider__item-inner { padding-left: 100px; } .index-slider__item_competition .index-slider__bg-inner { left: calc(63% + 70px); } .index-slider__bg-cover { left: -8%; right: -8%; } } @media screen and (max-width: 1023px) { .index-slider { padding: 0; } .index-slider__item { width: 100%; display: block; height: 0; padding-bottom: 48%; position: relative; } .index-slider__bg { transform: none; border-radius: 0; } .index-slider__bg-cover { transform: none; left: 0; right: 0; } .index-slider__bg-inner { left: 75%; top: 50%; transform: translate(-50%,-50%); max-height: 95%; max-width: 55%; } .index-slider__wrapper { width: 100%; padding: 0; } .index-slider__item-inner { padding: 20px 16px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .index-slider__desc-inner { max-width: 50%; } .index-slider__category { margin-bottom: 40px; } .index-slider__title { font-size: 28px; line-height: 1.14; } .index-slider__links { flex-direction: column; align-items: flex-start; } .index-slider__link:nth-child(n) { margin-right: 0; } .index-slider__link:not(:last-child) { margin-bottom: 16px; } .index-slider .swiper-slide { width: 100%; } .index-slider__item_competition .index-slider__item-inner { padding-left: 26px; } .index-slider__item_competition .index-slider__desc-inner { max-width: 380px; padding-top: 94px; } .index-slider__item_competition .index-slider__bg-inner { left: auto; right: -40px; transform: translate(0,-50%); } .index-slider__item_competition .index-slider__bg:before { transform: none; left: -120px; } } @media screen and (max-width: 767px) { .index-slider__links { display: none; } .index-slider__desc-inner { flex: 0 0 auto; max-width: 100%; } .index-slider__bg-inner { top: auto; left: auto; bottom: 27px; transform: translate(0%,0); max-height: 100%; max-width: 45%; bottom: 0; right: 0; } .index-slider .swiper-pagination { bottom: 8px; } .index-slider__category { margin-bottom: 16px; } .index-slider__title { font-size: 26px; max-width: 50%; } .index-slider__item_competition .index-slider__item-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 44px; text-align: center; } .index-slider__item_competition .index-slider__desc-inner { margin-left: auto; margin-right: auto; text-align: center; align-items: center; padding-top: 0; flex: 1 1 auto; justify-content: space-between; max-width: 348px; } .index-slider__item_competition .index-slider__bg:before { background: #F7B500; height: 52px; top: 0; } .index-slider__item_competition .index-slider__desc-head { padding-top: 10px; margin-bottom: 18px; } .index-slider__item_competition .index-slider__desc-head-text { font-size: 24px; line-height: 1.16; justify-content: center; } .index-slider__item_competition .index-slider__desc-head-text:before { width: 32px; height: 32px; } .index-slider__item_competition .index-slider__bg-inner { top: auto; left: 50%; right: auto; bottom: 70px; transform: translate(-50%,0); max-width: 200px; max-height: 200px; } .index-slider__item_competition .index-slider__category { height: 64px; line-height: 64px; font-weight: bold; font-size: 18px; padding: 0; white-space: nowrap; text-align: center; } .index-slider__item_competition .index-slider__category a { display: block; padding: 0 40px; } .index-slider__item_cover .index-slider__category a { font-size: 0; } .index-slider__item_cover .index-slider__category a:after { content: "Подробнее"; font-size: 10px; } } @media screen and (max-width: 479px) { .index-slider__title { font-size: 22px; } .index-slider__item_competition .index-slider__category { width: 100%; } .index-slider__item_competition .index-slider__category a { padding: 0 20px; } } .section_request { overflow: hidden; margin-top: 70px; } .request-block { display: table; width: 100%; height: 500px; position: relative; } .request-block__inner { display: table-cell; width: 100%; height: 100%; } .request-block__line { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 100%; pointer-events: none; } .request-block__desc { max-width: 490px; } .request-block__title { font-weight: bold; font-size: 40px; color: #007CBA; line-height: 1.22; margin-bottom: 44px; display: flex; } .request-block__title-icon { flex: 0 0 80px; max-width: 80px; max-height: 80px; margin-right: 24px; } .request-block__text { font-weight: normal; font-size: 14px; color: #000; line-height: 1.42; } .request-block__btn { margin-top: 56px; } .request-block__img { position: absolute; top: 24px; right: -80px; left: calc(50% + 15px); bottom: 0; transform: skew(-17.5deg, 0); overflow: hidden; border-radius: 8px; } .request-block__img-inner { position: absolute; top: 0; left: -13%; right: 0; bottom: 0; background-position: left top; background-repeat: no-repeat; background-size: cover; transform: skew(17.5deg, 0); } @media screen and (max-width: 1023px) { .request-block { border-bottom: 16px solid #6CB5D9; padding-bottom: 40px; } .request-block__line { display: none; } .request-block__img { transform: none; border-radius: 0; position: relative; top: 0; left: 0; height: 0; padding-bottom: 61.5%; margin-bottom: 40px; } .request-block__img-inner { transform: none; left: 0; } .request-block__desc { max-width: none; text-align: center; } .request-block__container { width: auto; padding: 0; } .request-block__title, .request-block__text { max-width: 490px; margin-left: auto; margin-right: auto; text-align: left; } .request-block__text { max-width: 355px; } .request-block__btn { margin-top: 49px; } } @media screen and (max-width: 767px) { .section_request { margin-top: 47px; } .request-block__title, .request-block__text { max-width: 100%; padding: 0 16px; } .request-block__title { flex-direction: column; font-size: 32px; line-height: 1.28; margin-bottom: 36px; } .request-block__title-icon { margin-bottom: 40px; } .request-block__btn.btn { display: block; max-width: calc(100% - 32px); margin: 35px auto 0; padding: 0 15px; } } .section_catalog_intro { margin-top: 80px; } .catalog-intro { display: flex; } .catalog-intro__cover { flex: 0 0 29%; max-width: 29%; margin-right: 48px; } .catalog-intro__cover-img { box-shadow: 0 0 38px 0 rgba(0,0,0,0.20), inset 9px 1px 10px 0 rgba(0,0,0,0.18); width: 100%; } .catalog-intro__cover-footer { margin-top: 24px; display: flex; align-items: flex-start; justify-content: space-between; } .catalog-intro__cover-link { font-weight: bold; font-size: 12px; color: #007CBA; line-height: 1.25; display: inline-flex; align-items: flex-start; } .catalog-intro__cover-link:hover { color: #007CBA; } .catalog-intro__cover-link-icon { margin-right: 16px; flex: 0 0 23px; } .catalog-intro__cover-info { font-size: 10px; color: #444; line-height: 1.6; max-width: 185px; display: inline-flex; align-items: flex-start; padding-left: 16px; } .catalog-intro__cover-info-icon { margin-right: 16px; margin-top: 2px; flex: 0 0 12px; } .catalog-intro__desc { flex: 1 1 auto; counter-reset: section_index; } .catalog-intro__title { font-weight: 500; font-size: 36px; color: #007CBA; line-height: 1.33; margin-bottom: 40px; max-width: 600px; } .catalog-intro__desc-inner { background: rgba(108,181,217,0.12); border-radius: 8px; padding: 24px; } .catalog-intro__section { display: flex; } .catalog-intro__section:not(:last-child) { border-bottom: 1px solid rgba(0,124,186,0.30); padding-bottom: 16px; margin-bottom: 24px; } .catalog-intro__name { flex: 0 0 170px; max-width: 170px; margin-right: 20px; font-weight: bold; font-size: 16px; color: #007CBA; line-height: 1.5; position: relative; padding-top: 32px; } .catalog-intro__name:before { counter-increment: section_index; content: counter(section_index); position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background: #007CBA; color: #fff; font-weight: 500; font-size: 16px; text-align: center; line-height: 26px; } .catalog-intro__list { flex: 1 1 auto; column-count: 2; } .catalog-intro__item:not(:last-child) { margin-bottom: 8px; } .catalog-intro__link { font-weight: 500; font-size: 12px; color: #007CBA; letter-spacing: 0; line-height: 16px; text-transform: uppercase; } .catalog-intro__link:hover, .catalog-intro__link:focus { color: #007CBA; } @media screen and (max-width: 1023px) { .catalog-intro { flex-wrap: wrap; justify-content: center; } .catalog-intro__desc { flex: 0 0 100%; order: -1; } .catalog-intro__cover { flex: 0 0 75%; max-width: 75%; margin: 40px 0 0; } } @media screen and (max-width: 767px) { .section_catalog_intro { margin-top: 64px; } .catalog-intro__title { font-size: 28px; line-height: 1.28; } .catalog-intro__section { flex-wrap: wrap; } .catalog-intro__name { flex: 0 0 100%; max-width: 100%; padding: 0 0 0 44px; margin: 0 0 32px; } .catalog-intro__list { column-count: 1; padding-left: 44px; } .catalog-intro__desc-inner { margin: 0 -15px; border-radius: 0; } .catalog-intro__cover { flex: 0 0 100%; max-width: 100%; } } .section_solution { overflow: hidden; margin-top: 75px; } .solution-block { display: table; width: 100%; height: 500px; position: relative; } .solution-block__inner { display: table-cell; width: 100%; height: 100%; } .solution-block__line { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 100%; pointer-events: none; } .solution-block__desc { max-width: 490px; margin-left: auto; margin-right: 0; } .solution-block__title { font-weight: bold; font-size: 40px; color: #007CBA; line-height: 1.22; margin-bottom: 40px; display: flex; } .solution-block__title-icon { flex: 0 0 80px; max-width: 80px; max-height: 80px; margin-right: 24px; } .solution-block__text { font-weight: normal; font-size: 14px; color: #000; line-height: 1.42; } .solution-block__btn { margin-top: 48px; } .solution-block__img { position: absolute; top: 24px; left: -80px; right: calc(50% + 105px); bottom: 0; transform: skew(-17.5deg, 0); overflow: hidden; border-radius: 8px; } .solution-block__img-inner { position: absolute; top: 0; right: -13%; left: 0; bottom: 0; background-position: right top; background-repeat: no-repeat; background-size: cover; transform: skew(17.5deg, 0); } @media screen and (max-width: 1253px) { .solution-block__desc { max-width: 475px; } .solution-block__img-inner { right: -15%; } } @media screen and (max-width: 1023px) { .solution-block { border-bottom: 16px solid #6CB5D9; padding-bottom: 40px; } .solution-block__container { width: auto; padding: 0; } .solution-block__line { display: none; } .solution-block__desc { max-width: none; text-align: center; } .solution-block__img { transform: none; border-radius: 0; position: relative; top: 0; left: 0; height: 0; padding-bottom: 61.5%; margin-bottom: 40px; } .solution-block__img-inner { transform: none; } .solution-block__title, .solution-block__text { max-width: 490px; margin-left: auto; margin-right: auto; text-align: left; } .solution-block__text { max-width: 355px; } } @media screen and (max-width: 767px) { .solution-block__title, .solution-block__text { max-width: 100%; padding: 0 16px; } .solution-block__title { flex-direction: column; font-size: 32px; line-height: 1.28; margin-bottom: 36px; } .solution-block__title-icon { margin-bottom: 40px; } .solution-block__btn.btn { display: block; max-width: calc(100% - 32px); margin: 35px auto 0; padding: 0 15px; } } .section_partners { background: #FAFAFA; padding: 70px 0; } .partners-block {} .partners-block__title { font-weight: 500; font-size: 36px; color: #007CBA; line-height: 1.33; max-width: 800px; margin-bottom: 40px; } .partners-block__inner { position: relative; } .partners-block .swiper-container { margin: 0 -10px; padding: 0 10px; } .partners-block .swiper-slide { height: auto; margin-top: 10px; margin-bottom: 10px; } .partners-block .swiper-slide:last-child { margin-right: 0 !important; } .partners-block__item { display: flex; flex-direction: column; padding: 24px; background: #FFFFFF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.06); border-radius: 6px; height: 100%; } .partners-block__logo-wrapper { flex: 0 0 48px; height: 48px; max-height: 48px; display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 32px; } .partners-block__logo { max-width: 100%; max-height: 100%; } .partners-block__text { font-weight: normal; font-size: 14px; color: #000; line-height: 1.42; flex: 1 1 auto; } .partners-block__info { font-weight: 600; font-size: 12px; color: #007CBA; line-height: 1.33; flex: 0 0 auto; /*min-height:15px;*/ margin-top: -5px; } .partners-block__catalog { margin-top: 55px; } .partners-block__catalog a{ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; color: #007CBA; } .partners-block__catalog-text-catalog { width: 110px; display: inline-block; } .partners-block__catalog a:before { content: ""; display:inline-block; width:25px; height:30px; background: url('/local/templates/default/images/icons/download_pdf.svg') no-repeat center center; margin-right:16px; } .partners-block .swiper-button-prev { left: -72px; } .partners-block .swiper-button-next { right: -72px; } @media (min-width: 1254px) and (max-width: 1359px){ .partners-block .swiper-button-prev { left: -15px; } .partners-block .swiper-button-next { right: -15px; } } @media (min-width: 1024px) and (max-width: 1129px) { .partners-block .swiper-button-prev { left: -15px; } .partners-block .swiper-button-next { right: -15px; } } @media screen and (max-width: 1023px) { .partners-block .swiper-container { margin: 0; padding: 0 15px; } .partners-block .swiper-button-prev, .partners-block .swiper-button-next { display: none; } .partners-block__container { width: auto; padding: 0; } } @media screen and (max-width: 767px) { .partners-block__title { font-size: 28px; line-height: 1.28; margin-bottom: 30px; } } .section_efficiency { overflow: hidden; margin-top: 75px; } .efficiency-block { display: table; width: 100%; height: 500px; position: relative; } .efficiency-block__inner { display: table-cell; width: 100%; height: 100%; } .efficiency-block__line { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 100%; pointer-events: none; } .efficiency-block__desc { padding: 0 40% 0 27%; } .efficiency-block__title { font-weight: bold; font-size: 40px; color: #007CBA; line-height: 1.22; margin-bottom: 40px; display: flex; } .efficiency-block__title-icon { flex: 0 0 80px; max-width: 80px; max-height: 80px; margin-right: 24px; } .efficiency-block__text { font-weight: normal; font-size: 14px; color: #000; line-height: 1.42; } .efficiency-block__btn { margin-top: 48px; } .efficiency-block__img-left { position: absolute; top: 123px; left: -80px; right: calc(50% + 408px); bottom: 0; transform: skew(-17.5deg, 0); overflow: hidden; border-radius: 8px; } .efficiency-block__img-left-inner { position: absolute; top: 0; right: -18%; left: 0; bottom: 0; background-position: left top; background-repeat: no-repeat; background-size: cover; transform: skew(17.5deg, 0); } .efficiency-block__img-right { position: absolute; top: 25px; right: -80px; left: calc(50% + 177px); bottom: 0; transform: skew(-17.5deg, 0); overflow: hidden; border-radius: 8px; } .efficiency-block__img-right-inner { position: absolute; top: 0; left: -15%; right: 0; bottom: 0; background-position: left top; background-repeat: no-repeat; background-size: cover; transform: skew(17.5deg, 0); } @media (max-width: 1253px) { .efficiency-block__desc { padding: 0px 40% 0 17%; } .efficiency-block__img-left-inner { right: -31%; } .efficiency-block__img-right-inner { left: -18%; } } @media screen and (max-width: 1023px) { .efficiency-block__container { width: auto; padding: 0; } .efficiency-block__line { display: none; } .efficiency-block__desc { max-width: none; text-align: center; padding: 0; } .efficiency-block__img-right { transform: none; border-radius: 0; position: relative; top: 0; left: 0; height: 0; padding-bottom: 61.5%; margin-bottom: 40px; } .efficiency-block__img-right-inner { transform: none; left: 0; } .efficiency-block__title, .efficiency-block__text { max-width: 490px; margin-left: auto; margin-right: auto; text-align: left; } .efficiency-block__text { max-width: 355px; } /*.efficiency-block__title { position: relative; }*/ .efficiency-block__img-left { transform: none; border-radius: 0; position: relative; top: 0; left: 0; flex: 0 0 33%; margin-left: 30px; } .efficiency-block__img-left-inner { transform: none; } } @media screen and (max-width: 767px) { .efficiency-block__title, .efficiency-block__text { max-width: 100%; padding: 0 16px; } .efficiency-block__title { flex-direction: column; font-size: 32px; line-height: 1.28; margin-bottom: 36px; } .efficiency-block__title-icon { margin-bottom: 40px; } .efficiency-block__btn.btn { display: block; max-width: calc(100% - 32px); margin: 35px auto 0; padding: 0 15px; } .efficiency-block__img-left { display: none; } } .section_news_index { background: #FAFAFA; padding: 70px 0; } .news-block__wrapper { display: flex; } .news-block__wrapper .news-block { flex: 1 1 auto; } .news-block__wrapper .news-archive { flex: 0 0 33.4%; margin-left: 104px; } .news-block {} .news-block__title { font-weight: 500; font-size: 36px; color: #007CBA; line-height: 1.33; max-width: 800px; margin-bottom: 40px; } .news-block__inner { position: relative; } .news-block .swiper-container { margin: 0 -10px; padding: 0 10px; } .news-block .swiper-slide { height: auto; margin-top: 10px; margin-bottom: 10px; } .news-block .swiper-slide:last-child { margin-right: 0 !important; } .news-block__item { display: flex; flex-direction: column; background: #FFFFFF; box-shadow: 0 0 8px 0 rgba(0,0,0,0.06); border-radius: 6px; height: 100%; overflow: hidden; } .news-block__img { height: 0; padding-bottom: 68.88%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .news-block__desc { padding: 24px; transition: background 0.2s ease; flex: 1 1 auto; } .news-block__date { font-weight: normal; font-size: 16px; line-height: 1.25; color: #000000; margin-bottom: 8px; transition: color 0.2s ease; } .news-block__name { font-weight: 600; font-size: 24px; line-height: 1.17; color: #000000; transition: color 0.2s ease; } .news-block__item:hover .news-block__desc { background: #47A1CE; } .news-block__item:hover .news-block__date, .news-block__item:hover .news-block__name { color: #fff; } .news-block .swiper-button-prev { left: -72px; } .news-block .swiper-button-next { right: -72px; } @media (min-width: 1254px) and (max-width: 1359px){ .news-block .swiper-button-prev { left: -15px; } .news-block .swiper-button-next { right: -15px; } } @media (min-width: 1024px) and (max-width: 1129px) { .news-block .swiper-button-prev { left: -15px; } .news-block .swiper-button-next { right: -15px; } } @media screen and (max-width: 1023px) { .news-block .swiper-container { margin: 0; padding: 0 15px; } .news-block .swiper-button-prev, .news-block .swiper-button-next { display: none; } .news-block__container { width: auto; padding: 0; } .news-block__desc { padding: 16px; } .news-block__date { font-size: 13px; margin-bottom: 6px; } .news-block__name { font-size: 20px; } .news-block__wrapper { flex-wrap: wrap; } .news-block__wrapper .news-archive { flex: 0 0 100%; margin-left: 0; } } .news-block_full .news-block__item-wrapper:not(:last-child) { margin-bottom: 24px; } .news-block_full .news-block__item { flex-direction: row; min-height: 160px; } .news-block_full .news-block__img { height: auto; padding: 0; flex: 0 0 auto; width: 184px; } .news-block_full .news-block__desc { padding: 16px 16px 16px 24px; } @media screen and (max-width: 1023px) { .news-block_full .news-block__date { font-size: 16px; margin-bottom: 8px; } .news-block_full .news-block__name { font-size: 24px; } } @media screen and (max-width: 767px) { .news-block_full .news-block__item { box-shadow: none; border-radius: 0; min-height: 0; } .news-block_full .news-block__item-wrapper:not(:last-child) .news-block__item { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #D8D8D8; } .news-block_full .news-block__desc { padding: 0; background: #fff !important; } .news-block_full .news-block__img { display: none; } .news-block_full .news-block__name, .news-block_full .news-block__date { color: #000 !important; } } .news-archive { padding-left: 24px; position: relative; } .news-archive:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; bottom: -60px; background: #007CBA; } .news-archive__title { font-weight: bold; font-size: 24px; line-height: 1.17; color: #007CBA; margin-bottom: 32px; } .news-archive__list {} .news-archive__list-item:not(:last-child) { margin-bottom: 16px; } .news-archive__list-link { font-weight: bold; font-size: 16px; line-height: 1.25; color: #007CBA; } @media screen and (max-width: 1023px) { .news-archive { margin-top: 80px; padding: 40px 0 0; display: flex; } .news-archive:before { width: auto; right: 0; height: 1px; bottom: auto; } .news-archive__list { display: flex; flex-wrap: wrap; margin-left: 64px; } .news-archive__list-item:nth-child(n) { margin-bottom: 16px; } .news-archive__list-item:not(:last-child) { margin-right: 50px; } } @media screen and (max-width: 767px) { .news-archive { flex-wrap: wrap; } .news-archive__list { flex: 0 0 100%; margin-left: 0; } } .news-detail { margin: 24px 0 80px; border-bottom: 1px solid #6CB5D9; padding-bottom: 80px; position: relative; } .news-detail__date { font-weight: normal; font-size: 16px; line-height: 1.25; color: #000000; margin: 0 0 4px; } .news-detail__name { font-weight: 600; font-size: 24px; line-height: 1.33; color: #000000; margin: 0 0 44px; } .news-detail__cover { margin: 0 0 48px; } .news-detail__text { font-weight: 500; font-size: 20px; line-height: 1.6; color: #444444; } .news-detail__text p { font-weight: 500; font-size: 20px; line-height: 1.6; color: #444444; margin: 0 0 16px; } .news-detail__text b, .news-detail__text strong { font-weight: bold; } @media screen and (max-width: 767px) { .news-detail { border: none; } .news-detail:after { content: ""; position: absolute; left: -15px; right: -15px; bottom: 0; height: 1px; background: #6CB5D9; } } .delivery-block {} .delivery-block__list { display: flex; flex-wrap: wrap; margin: 0 -12px; } .delivery-block__item-wrapper { flex: 0 0 33.33333333%; max-width: 33.33333333%; padding: 0 12px; margin-bottom: 24px; } .delivery-block__item { display: flex; flex-direction: column; height: 100%; padding: 24px 24px 8px; border: 1px solid #B3B3B3; border-radius: 8px; } .delivery-block__item-body { flex: 1 1 auto; } .delivery-block__item-header { display: flex; align-items: center; margin-bottom: 24px; height:80px; justify-content: space-between; } .delivery-block__name-wrapper {} .delivery-block__name { font-weight: bold; font-size: 20px; color: #007CBA; line-height: 1.2; margin-bottom: 8px; } .delivery-block__name-helper { font-weight: normal; font-size: 12px; color: #007CBA; line-height: 1.33; } .delivery-block__name-text { font-weight: bold; font-size: 14px; color: #007CBA; line-height: 1.71; } .delivery-block__icon { flex: 0 0 auto; max-width: 80px; max-height: 80px; margin-left: 16px; } .delivery-block__info {} .delivery-block__info-title { font-weight: bold; font-size: 14px; color: #000; line-height: 1.71; margin-bottom: 8px; } .delivery-block__text { font-weight: normal; font-size: 14px; color: #000; line-height: 1.71; } .delivery-block__text p { margin: 0 0 16px; } .delivery-block__item-footer { margin-top: 16px; } .delivery-block__helper { font-weight: normal; font-size: 12px; color: #303030; line-height: 1.33; } .delivery-block__helper strong, .delivery-block__helper b { font-weight: bold; } .delivery-list:not(:last-child) { margin-bottom: 16px; } .delivery-list__title { font-weight: bold; font-size: 14px; color: #007CBA; line-height: 1.71; margin-bottom: 4px; } .delivery-list__inner { display: flex; flex-wrap: wrap; align-items: center; } .delivery-list__item { max-height: 32px; } .delivery-list__item:not(:last-child) { margin-right: 16px; } .link-map__wrapper { margin-bottom: 16px; } .link-map { position: relative; display: inline-block; padding-left: 20px; font-weight: normal; font-size: 10px; color: #007CBA; line-height: 1.6; } .link-map:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 14px; height: 17px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE0IDE3Ij4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDA3Q0JBIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4gICAgPHBhdGggZD0iTTEuODYxMjkxNDcsMi4xNjA5OTc2NyBDNC4xNDcwMzcwOCwtMC4yNDIzMDA1NiA3Ljg1Mjk2MjkyLC0wLjI0MjMwMDU2IDEwLjEzODcwODUsMi4xNjA5OTc2NyBDMTIuNDI0NDU0MSw0LjU2NDI5NTkxIDEyLjQyNDQ1NDEsOC40NjA4MTIyMyAxMC4xMzg3MDg1LDEwLjg2NDExMDUgTDYsMTUuMjE1NjY2OSBMMS44NjEyOTE0NywxMC44NjQxMTA1IEMtMC40MjQ0NTQxMyw4LjQ2MDgxMjIzIC0wLjQyNDQ1NDEzLDQuNTY0Mjk1OTEgMS44NjEyOTE0NywyLjE2MDk5NzY3IFoiLz4gICAgPGVsbGlwc2UgY3g9IjYiIGN5PSI2LjY0NCIgcng9IjIuOTI3IiByeT0iMi44NTciLz4gIDwvZz48L3N2Zz4=); } .link-map__inner { border-bottom: 1px dashed #007CBA; transition: border-color 0.3s ease; } .link-map:hover { color: #007CBA; } .link-map:hover .link-map__inner { border-color: transparent; } .link-map:not(:last-child) { margin-right: 16px; } .delivery-map { height: 745px; max-height: 100vh; } @media screen and (max-width: 1023px) { .delivery-block__item-wrapper { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .delivery-block__item-wrapper { margin-bottom: 16px; } .delivery-block__item { padding: 16px; } .delivery-map { height: 745px; max-height: 70vh; } } .content-styles p { font-weight: 300; font-size: 15px; line-height: 1.87; margin: 0 0 10px; } .content-styles p.text-large, .content-styles .text-large p { font-weight: 300; font-size: 20px; line-height: 1.7; margin: 0 0 20px; } .content-styles ul { margin: 0; padding: 0 0 0 18px; list-style-type: none; } .content-styles ul li { position: relative; padding-left: 23px; margin: 0 0 10px; font-weight: 300; font-size: 15px; line-height: 1.87; } .content-styles ul li:before { content: ""; position: absolute; left: 0; top: 13px; width: 10px; height: 4px; border-radius: 50px; background-image: linear-gradient(-90deg, #7C6FB0 0%, #009FE3 100%); } .content-styles ul.text-large li, .content-styles .text-large ul li { font-weight: 300; font-size: 20px; line-height: 1.7; margin: 0 0 20px; } .content-styles ul.text-large li:before, .content-styles .text-large ul li:before { top: 16px; } .content-styles ol { margin: 0; padding: 0 0 0 18px; list-style-position: inside; } .content-styles ol li { margin: 0 0 10px; font-weight: 300; font-size: 15px; line-height: 1.87; } .content-styles ol.text-large li, .content-styles .text-large ol li { font-weight: 300; font-size: 20px; line-height: 1.7; margin: 0 0 20px; } a { text-decoration: underline; outline: none !important; transition: color 0.2s ease; text-decoration: none !important; color: #101010 } a:hover { text-decoration: none } p { margin: 0 0 20px } b, strong { font-weight: normal } img { display: block; max-width: 100%; height: auto } .btn { display: inline-block; border: none; border-radius: 0; padding: 10px 35px; position: relative; font-size: 14px; /*color: #FFFFFF;*/ position: relative; background: none; box-shadow: none !important; -webkit-transition: border-color 0s ease 0s, color 0.2s ease; -o-transition: border-color 0s ease 0s, color 0.2s ease; -moz-transition: border-color 0s ease 0s, color 0.2s ease; transition: border-color 0s ease 0s, color 0.2s ease } .btn:hover, .btn:focus { /*color: #fff;*/ border-color: transparent; -webkit-transition: border-color 0.2s ease 0.1s; -o-transition: border-color 0.2s ease 0.1s; -moz-transition: border-color 0.2s ease 0.1s; transition: border-color 0.2s ease 0.1s } .btn_primary { z-index: 2; padding: 0 85px; height: 64px; line-height: 64px; font-weight: bold; font-size: 18px; color: #000000; text-transform: uppercase; } .btn_primary:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #F7B500; -webkit-transform: skew(-15deg, 0); -ms-transform: skewX(-15deg) skewY(0); -o-transform: skew(-15deg, 0); transform: skew(-15deg, 0); border-radius: 4px; z-index: -2; } .btn_primary:hover { color: #000; } .btn_primary-shadow:before { z-index: -1; filter: opacity(100%); } .btn_primary-shadow:after { content: ""; position: absolute; top: 4px; left: 0; right: 0; bottom: -10px; background: -moz-linear-gradient(left, #008ecb 0%, #6f639e 100%); background: -webkit-linear-gradient(left, #008ecb 0%,#6f639e 100%); background: linear-gradient(to right, #008ecb 0%,#6f639e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ecb', endColorstr='#6f639e',GradientType=1 ); -webkit-transform: skew(-15deg, 0); -ms-transform: skewX(-15deg) skewY(0); -o-transform: skew(-15deg, 0); transform: skew(-15deg, 0); border-radius: 50px; z-index: -2; box-shadow: 0 10px 30px 0 rgba(55,68,90,0.32); filter: opacity(100%); transition: box-shadow 0.3s ease; } .btn_primary-shadow:hover:after { box-shadow: 0 10px 30px 0 rgba(55,68,90,0.5); } .btn_block { display: block; width: 100% } .btn__inner-icon:after { content: ""; position: relative; width: 9px; height: 15px; background: url("/local/templates/default/images/chevron-right.svg") no-repeat; margin-left: 30px; display: inline-block; top: 1px; } .btn_md { padding: 11px 49px 13px; font-size: 18px; line-height: 21px; } .btn_empty { color: #000; padding: 10px 20px; font-weight: 300; font-size: 15px; line-height: 18px; transition: color 0.3s ease; } .btn_empty:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); -webkit-transform: skew(-15deg, 0); -ms-transform: skewX(-15deg) skewY(0); -o-transform: skew(-15deg, 0); transform: skew(-15deg, 0); border-radius: 50px; z-index: -2; } .btn_empty:after { content: ""; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #fff; -webkit-transform: skew(-15deg, 0); -ms-transform: skewX(-15deg) skewY(0); -o-transform: skew(-15deg, 0); transform: skew(-15deg, 0); border-radius: 50px; z-index: -1; transition: filter 0.3s ease; } .btn_empty__inner { position: relative; } .btn_empty:hover:after { filter: opacity(0%); } .btn_empty:hover { color: #fff; } .btn_empty:hover .btn_icon-toggle:before { filter: brightness(0) invert(1); } .btn_icon-toggle { padding-left: 25px; } .btn_icon-toggle:before { content: ""; position: absolute; width: 15px; height: 9px; left: 0; top: 50%; margin-top: -5px; background: url("/local/templates/default/images/icons/toggle-gradient.svg") no-repeat; transition: filter 0.3s ease; } .btn_default { font-weight: bold; font-size: 10px; color: #000; text-align: center; text-transform: uppercase; background: #F7B500; padding: 0 12px; height: 32px; line-height: 32px; border-radius: 2px; } .form-control { border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.06); box-shadow: none !important; border-radius: 0; height: 30px; padding: 0 0 8px; color: rgba(0, 0, 0, 0.44) } .form-control:focus { border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.12) } .form-control.error { border-bottom: 2px solid #f00; } textarea { resize: none; height: 200px } textarea.form-control { height: 200px; max-height: 100px } button { outline: none !important } .form-group { margin-bottom: 30px } .no-pd { padding: 0 } #footer { position: relative; background: #007CBA; color: #fff; flex: 0 0 auto; margin-top: 60px; padding: 30px 0; } body.body_index_page #footer { margin-top: 0; } .footer-inner { display: flex; } .footer-group { flex: 1 1 auto; display: flex; /*justify-content: space-between;*/ } .footer-logo__wrapper { margin-right: 40px; } .footer-logo { margin-bottom: 25px; } .footer-slogan { font-weight: normal; font-size: 12px; color: #FFFFFF; letter-spacing: 0.61px; line-height: 1.25; } .footer-nav__wrapper { display: flex; } .footer-nav { margin-right: 24px; margin-top: -5px; } .footer-nav:not(:last-child) { margin-right: 40px; } .footer-nav__item { margin-bottom: 5px; line-height: 1.3; } .footer-nav__link { font-weight: bold; font-size: 12px; color: #FFFFFF; letter-spacing: 0.61px; line-height: 1.3; white-space: nowrap; } .footer-nav__link:hover { color: #6CB5D9; } .footer-contacts { margin-left: 24px; font-weight: 500; font-size: 12px; color: #FFFFFF; letter-spacing: 0.61px; line-height: 1.33; } .footer-address { margin-bottom: 16px; } .footer-time { margin-bottom: 8px; } .footer-phone__wrapper { margin-bottom: 8px; display: flex; } .footer-phone__icon { margin-right: 10px; margin-top: 2px; } .footer-phone { color: #FFFFFF; } .footer-email__wrapper { display: flex; } .footer-email__icon { margin-right: 10px; margin-top: 2px; } .footer-email { color: #FFFFFF; } .footer-social { margin-top: 27px; display: flex; flex-wrap: wrap; } .footer-social__link { width: 24px; height: 24px; display: block; margin-bottom: 10px; overflow: hidden; } .footer-social__link:not(:last-child) { margin-right: 12px; } .footer-social__link svg { max-width: 100%; max-height: 100%; } .subscribe-block {} .subscribe-block__title { font-weight: bold; font-size: 14px; color: #FFFFFF; letter-spacing: 0.71px; line-height: 1.14; margin-bottom: 24px; text-transform: uppercase; } .subscribe-block__text { font-weight: 500; font-size: 12px; color: #FFFFFF; letter-spacing: 0.61px; line-height: 1.33; text-transform: uppercase; } .subscribe-block__form { margin-top: 24px; } .subscribe-block__form-inner { display: flex; margin-bottom: 10px; } .subscribe-block__form-control { background: #D9F2FF; border-radius: 8px; height: 32px; border: none; box-shadow: none; font-weight: 500; font-size: 12px; line-height: 1.25; color: #6CB5D9; letter-spacing: 0.61px; width: 100%; padding: 4px 16px; } .subscribe-block__form-button { background: #6CB5D9; border-radius: 3px; display: inline-block; height: 32px; line-height: 32px; border: none; box-shadow: none; font-weight: bold; font-size: 10px; color: #fff; text-transform: uppercase; padding: 0 50px; margin-left: 24px; cursor: pointer; } .checkbox-circle { position: relative; padding-left: 16px; } .checkbox-circle input { position: absolute; width: 16px; height: 16px; left: 0; top: 0; opacity: 0; } .checkbox-circle label { position: relative; padding-left: 8px; font-weight: 500; font-size: 8px; color: #FFFFFF; letter-spacing: 0.41px; line-height: 2; text-transform: uppercase; cursor: pointer; } .checkbox-circle label a { color: #fff; border-bottom: 1px solid #fff; transition: border-color 0.3s ease; } .checkbox-circle label a:hover { border-color: transparent; color: #fff; } .checkbox-circle label:before { content: ""; position: absolute; left: -16px; top: 0; background: #6CB5D9; border-radius: 50%; width: 16px; height: 16px; } .checkbox-circle label:after { content: ""; position: absolute; left: -12px; top: 4px; background: #fff; border-radius: 50%; width: 8px; height: 8px; opacity: 0; transition: opacity 0.3s ease; } .checkbox-circle input:checked + label:after { opacity: 1; } .checkbox-circle_inverse { display: flex; } .checkbox-circle_inverse label { padding-left: 16px; font-weight: 500; font-size: 13px; line-height: 1.23; color: #000000; text-transform: none; letter-spacing: -0.02em; margin: 0; } .checkbox-circle_inverse label:before { border: 1px solid #D8D8D8; background: #fff; } .checkbox-circle_inverse label:after { background: #6DD400; } @media screen and (max-width: 1253px) { .footer-slogan { font-size: 11px; } .subscribe-block__form-control { max-width: 160px; } .subscribe-block__form-button { padding: 0 15px; margin-left: 16px; } .footer-contacts { font-size: 11px; } } @media screen and (max-width: 1023px) { .footer-logo__wrapper { margin-right: 20px; padding-right: 16px; } .footer-nav { flex: 0 0 25%; margin-right: 0; } .footer-nav__item { margin-bottom: 3px; } .subscribe-block { flex: 0 0 37.5%; padding-left: 24px; } .subscribe-block__form-control { max-width: 130px; } .subscribe-block__form-button { margin-left: 8px; } .footer-contacts { font-size: 12px; max-width: 260px; } } @media screen and (max-width: 767px) { .footer-inner { flex-wrap: wrap; } .footer-group { flex-wrap: wrap; } .footer-nav__wrapper { display: block; } .footer-logo__wrapper, .footer-nav { flex: 0 0 100%; margin-bottom: 40px; } .footer-nav:not(:last-child) { margin-bottom: 8px; } .footer-logo { max-height: 19px; max-width: 100%; } .footer-slogan { font-size: 12px; line-height: 1.25; } .subscribe-block { flex: 0 0 100%; padding: 0; } .footer-contacts { margin: 30px 0 0; max-width: 100%; } .subscribe-block__form-inner { flex-wrap: wrap; } .subscribe-block__form-control { flex: 0 0 100%; max-width: 100%; } .subscribe-block__form-button { display: block; flex: 0 0 100%; max-width: 100%; margin: 17px 0 0; } } .label-dot { position: relative; padding-left: 15px } .label-dot:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 6px } .label-dot_success:before { background-color: #11BA2D } .label-dot_default:before { background-color: #C9C9C9 } .label-dot_much:before { background-color: #c8dc2b; } .label-dot_poco:before { background-color: #DCA12B } .label-dot_warning:before { background-color: #dc442b; } .nav-tabs { list-style-type: none; margin: 0; padding: 0; float: left; width: 100% } .nav-tabs__item { float: left; margin-right: 40px } .nav-tabs__item:last-child { margin-right: 0 } .nav-tabs_prod-desc { margin-bottom: 35px } .nav-tabs_prod-desc .nav-tabs__link { color: #fff; font-size: 20px; color: #D3FF00; border-bottom: 1px dashed #D3FF00; -webkit-transition: color 0.3s ease, border-color 0.3s ease; -o-transition: color 0.3s ease, border-color 0.3s ease; -moz-transition: color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease } .nav-tabs_prod-desc .nav-tabs__item.active .nav-tabs__link { color: #fff; border-color: transparent } .product-block__mods { margin-top: 40px; } .product-block__mods-title { font-weight: normal; font-size: 15px; color: #000000; line-height: 1.6; margin-bottom: 16px; } .product-block__about { margin-top: 40px; } .product-block__about-title { font-weight: normal; font-size: 15px; color: #000000; line-height: 1.6; margin-bottom: 16px; } .product-block__about-text { font-size: 13px; } .product-block__similar { margin-top: 40px; } .product-block__similar-title { font-weight: normal; font-size: 15px; color: #000000; line-height: 1.6; margin-bottom: 16px; } .nav-tabs_prod-mods { padding: 25px 40px; height: 80px; white-space: nowrap } .nav-tabs_prod-mods .nav-tabs__item { margin-right: 70px; float: none; display: inline } .nav-tabs_prod-mods .nav-tabs__item:last-child { margin-right: 0 } .nav-tabs_prod-mods .nav-tabs__item.active .nav-tabs__link { color: #000; font-weight: 500; } .nav-tabs_prod-mods .nav-tabs__link { font-size: 16px; color: #777777; border-bottom: 1px solid; } .offers_table .instore { width: 80px; vertical-align: middle; } .offers_table .price { /*width: 160px;*/ white-space: nowrap; } /*@media screen and (min-width:992px) { .offers_table .price { max-width: 60px; } }*/ .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .tab-content_prod-mods { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; float: left; width: 100% } .tab-pane__inner { padding: 40px } .table { margin-bottom: 0; /*background-color: #F5F5F5;*/ font-size: 13px; color: #000000 } .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { border: none; padding: 4px 8px; height: 24px; vertical-align: middle; /*font-weight: 400;*/ } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th { font-weight: 400; font-size: 12px; line-height: 1.25; color: #000; font-weight: normal; background: #B5D9EB; height: 64px; } @media screen and (min-width:992px) { .table>thead>tr>th:not(:last-child), .table>tbody>tr>th:not(:last-child), .table>tfoot>tr>th:not(:last-child) { border-right: 1px solid #90c7e2; } .table>thead>tr>td:not(:last-child), .table>tbody>tr>td:not(:last-child), .table>tfoot>tr>td:not(:last-child) { border-right: 1px solid #ddeef6; } /*.table>thead>tr>th:not(:first-child), .table>tbody>tr>th:not(:first-child), .table>tfoot>tr>th:not(:first-child) { max-width: 60px; }*/ } .table>thead>tr>th:first-child, .table>thead>tr>td:first-child, .table>tbody>tr>th:first-child, .table>tbody>tr>td:first-child, .table>tfoot>tr>th:first-child, .table>tfoot>tr>td:first-child { /*padding-left: 40px*/ } @media screen and (min-width:992px) { .table>thead>tr>th:first-child, .table>thead>tr>td:first-child, .table>tbody>tr>th:first-child, .table>tbody>tr>td:first-child, .table>tfoot>tr>th:first-child, .table>tfoot>tr>td:first-child { white-space: nowrap; max-width: none; } } .table>thead>tr>th:last-child, .table>thead>tr>td:last-child, .table>tbody>tr>th:last-child, .table>tbody>tr>td:last-child, .table>tfoot>tr>th:last-child, .table>tfoot>tr>td:last-child { /*padding-right: 40px*/ } .table th { } .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { font-weight: bold; font-size: 10px; color: #007CBA; line-height: 1.3; background: #EDF6FA; border-bottom: 8px solid #fff !important; } /*.table-striped>tbody>tr:nth-child(2n+1)>th, .table-striped>tbody>tr:nth-child(2n+1)>td { background-color: #EEEEEE }*/ .page-header { background: rgba(108,181,217, 0.12); padding: 8px 0; z-index: 10; position: relative; margin-bottom: 40px; } .page-title { font-weight: bold; font-size: 24px; color: #007CBA; line-height: 1.33; margin: 0; } .page-header__brand { margin: 20px auto 10px; height: 30px; } .page-header_short { min-height: 280px } .section { float: left; width: 100%; position: relative } .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .section__content { position: relative; z-index: 3 } .section_intro { background-color: #F5F5F5; overflow: hidden; } .section_gradient { background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); color: #fff; position: relative; padding: 80px 0; overflow: hidden } .section_gradient:before { content: ""; position: absolute; right: 100%; margin-right: 100px; left: -200px; top: 60px; height: 300px; border: 1px solid #fff; border-radius: 100px; -webkit-transform: skew(-30deg, 0); -ms-transform: skewX(-30deg) skewY(0); -o-transform: skew(-30deg, 0); transform: skew(-30deg, 0); opacity: 1; -webkit-transition: right 1.5s ease, opacity 1.5s ease 0.4s; -o-transition: right 1.5s ease, opacity 1.5s ease 0.4s; -moz-transition: right 1.5s ease, opacity 1.5s ease 0.4s; transition: right 1.5s ease, opacity 1.5s ease 0.4s } .section_gradient:after { content: ""; position: absolute; left: 100%; margin-left: 100px; right: -200px; bottom: 60px; height: 300px; border: 1px solid #fff; border-radius: 100px; -webkit-transform: skew(30deg, 0); -ms-transform: skewX(30deg) skewY(0); -o-transform: skew(30deg, 0); transform: skew(30deg, 0); opacity: 1; -webkit-transition: left 1.5s ease, opacity 1.5s ease 0.4s; -o-transition: left 1.5s ease, opacity 1.5s ease 0.4s; -moz-transition: left 1.5s ease, opacity 1.5s ease 0.4s; transition: left 1.5s ease, opacity 1.5s ease 0.4s } .section_gradient.animation-activated:before { right: 50%; opacity: 0.11; margin-right: 35px } .section_gradient.animation-activated:after { left: 50%; opacity: 0.11; margin-left: 35px } .section_news { background-color: #f5f5f5; padding: 80px 0 } .link-more { position: relative; margin-right: 40px; font-size: 16px; line-height: 18px; color: #AAAAAA; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease } .link-more:after { content: ""; position: absolute; width: 27px; height: 11px; right: -40px; top: 50%; margin-top: -6px; background: url("/local/templates/default/images/icons/arrow-right.svg") no-repeat } .link-more:hover { color: #aaa; border-color: #aaa } .link-base { font-size: 14px; color: #555; line-height: 20px; border-bottom: 1px solid rgba(85, 85, 85, 0.5); -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease } .link-base:hover, .link-base:focus { border-color: transparent } .link-base_content { font-size: 17px; } .intro-block { display: table; width: 100%; height: 600px; padding-top: 140px } .intro-block__inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; position: relative; } .intro-block__text-wrapper { text-align: left; } .intro-block__text { font-weight: 100; font-size: 45px; line-height: 60px; color: #000000; border-bottom: 1px solid transparent; display: inline; transition: border-color 0.3s ease; } .intro-block__text:hover { border-color: #000; color: #000; } .intro-block__img-wrapper { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); max-height: 95%; } .intro-block__img { /*position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);*/ max-height: 460px; } .intro-block__btn { margin: 50px 0 20px; font-size: 25px; line-height: 75px; padding: 0 72px; } .section_advantage { background-color: #F5F5F5; padding-bottom: 60px; } .feature-list__item { float: left; position: relative; padding: 0; cursor: default; } .feature_block { position: relative; height: 380px; margin: 0 15px; padding: 0; background: #fff; overflow: hidden; box-shadow: 0 0 50px 0px rgba(0,0,0,0.1); } .feature-list__img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none } .feature-list__img-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; opacity: 1; overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .feature-list__img-wrapper .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .feature-list__item:hover .feature-list__img-wrapper { opacity: 0; } .feature-list__desc { position: absolute; left: 0; right: 0; top: 0; padding: 40px; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .feature-list__item:hover .feature-list__desc { opacity: 1; } .feature-list__title { position: relative; font-size: 24px; line-height: 31px; color: #000000; padding: 40px 40px 0; z-index: 10; } .feature-list__title.invert { color: #fff } .feature-list__item:hover .feature-list__title.invert { color: #000000 } .feature-list__text { font-size: 16px; color: #505050; line-height: 24px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; margin-top: 300px; height: 134px; border-bottom: 1px solid #ebebeb; overflow: hidden } .feature-list__item:hover .feature-list__text { display: block; margin-top: 56px; } .feature-list__nums { color: #000; margin-top: 40px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .feature-list__item:hover .feature-list__nums { display: block; } .feature-list__nums .one_num { /* text-align: center;*/ font-size: 26px; font-weight: 500; padding: 0; } .feature-list__nums .num_text { font-size: 14px; line-height: 18px; font-weight: 400; margin-top: 10px; } .index-catalog__h { font-weight: 100; font-size: 59px; line-height: 70px; color: #FFFFFF; margin-bottom: 40px } .index-catalog__list { display: table; width: 100% } .index-catalog__item { display: table-cell; width: 33.333%; height: 100%; text-align: center; vertical-align: bottom; padding: 0 15px; position: relative } .index-catalog__item:hover .index-catalog__img { -webkit-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px) } .index-catalog__item:hover .index-catalog__img-wrapper:after { opacity: 0.5 } .index-catalog__item:hover .index-catalog__title { color: #fff; border-color: #fff } .index-catalog__item:focus .index-catalog__title { color: #fff } .index-catalog__img { margin: 0 auto; -webkit-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; transition: transform 0.4s ease } .index-catalog__img-wrapper { position: relative; padding-bottom: 50px } .index-catalog__img-wrapper:after { content: ""; position: absolute; width: 242px; height: 124px; bottom: -15px; left: 50%; margin-left: -121px; background: url("/local/templates/default/images/bg/shadow.png") no-repeat; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease } .index-catalog__title { color: #fff; font-weight: 400; font-size: 20px; line-height: 23px; z-index: 2; position: relative; display: inline; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease } .index-catalog__title-wrapper { min-height: 56px } .index-news { display: inline-block; width: 100% } .index-news__h { font-size: 26px; line-height: 31px; color: #000000 } .index-news__list { margin-top: 40px } .index-news__item { float: left; height: 380px; margin: 0 15px; background: #fff; position: relative; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease } .index-news__item:hover { background-color: #fff } .index-news__item:hover .index-news__date:after { opacity: 1 } .index-news__img { position: absolute; min-width: 100%; min-height: 100%; max-width: none; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .index-news__img-wrapper .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .index-news__img-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .index-news__img-wrapper:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.4 } .index-news__img-wrapper ~ .index-news__desc .index-news__date, .index-news__img-wrapper ~ .index-news__desc .index-news__title { color: #fff } .index-news__desc { position: relative; padding: 50px 30px 30px } .index-news__date { font-weight: 700; font-size: 12px; line-height: 15px; color: #777777; letter-spacing: 0.85px; text-transform: uppercase; position: relative; display: inline; padding-bottom: 5px } .index-news__date:after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; background-image: -webkit-linear-gradient(left, color-stop(#7C6FB0 0%), color-stop(#009FE3 100%)); background-image: linear-gradient(to right, #7C6FB0 0%, #009FE3 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF7C6FB0', endColorstr='#FF009FE3', GradientType=1); opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease } .index-news__title { font-size: 18px; color: #5D6067; line-height: 28px; margin-top: 90px; max-height: 140px; overflow: hidden; font-weight: 300; } .catalog-filter { margin-top: 30px; padding-bottom: 20px; } .catalog-block { position: relative; display: flex; margin: 0 -12px; } .catalog-block.detail_page { border-top: none; } .catalog-block.search_page:before { width: 0; background: none; border: none; } .catalog-block.detail_page:before { width: 0; background: none; border: none; } .catalog-block__side { flex: 0 0 25%; max-width: 25%; position: relative; z-index: 5; padding: 0 12px; } .catalog-block__content {} .catalog-block_with-filter .catalog-block__content {} .search_page .catalog-block__content { margin-left: 0; } .detail_page .catalog-block__content { margin-left: 0; } .catalog-block__content-wrapper { flex: 1 1 auto; padding: 0 12px; /*width: 585px;*/ } .search_page .catalog-block__content-wrapper { float: none; } .detail_page .catalog-block__content-wrapper { float: none; } @media screen and (max-width: 767px) { .catalog-block { flex-wrap: wrap; } } .catalog-category { max-width: 808px; margin-left: auto; } .catalog-category__list { display: flex; flex-wrap: wrap; margin: 0 -12px; } .catalog-category__item-wrapper { flex: 0 0 50%; max-width: 50%; padding: 0 12px; margin-bottom: 24px; } .catalog-category__item { height: 100%; min-height: 248px; background-image: radial-gradient(70% 137%, #6CB5D9 28%, #47A1CE 58%, #007CBA 100%); border-radius: 8px; position: relative; overflow: hidden; display: block; padding: 9px 50% 9px 16px; transition: box-shadow 0.3s ease; } .catalog-category__item:hover { box-shadow: 0 2px 15px 0 #007CBA; } .catalog-category__name { font-weight: bold; font-size: 14px; color: #FFFFFF; line-height: 1.71; } .catalog-category__img { position: absolute; left: 75%; top: 60%; transform: translate(-50%,-50%); max-height: 110%; max-width: 70%; } .catalog-text { font-weight: normal; font-size: 15px; color: #000; line-height: 1.42; margin-top: 18px; max-width: 808px; margin-left: auto; } .catalog-text p { margin: 0 0 20px; } .catalog-category_subcategory .catalog-category__item-wrapper { flex: 0 0 100%; max-width: 100%; margin-bottom: 16px; } .catalog-category_subcategory .catalog-category__item { min-height: 185px; } .catalog-category_subcategory .catalog-category__name { position: absolute; left: 16px; bottom: 16px; max-width: 50%; font-size: 12px; } .catalog-category_subcategory .catalog-category__section { font-weight: normal; font-size: 10px; color: #FFFFFF; line-height: 1.6; } .catalog-category_subcategory .catalog-category__img { left: 75%; top: 50%; transform: translate(-50%,-50%); max-width: calc(50% - 24px); max-height: calc(100% - 32px); } @media screen and (max-width: 1023px) { .catalog-category__item-wrapper { flex: 0 0 100%; max-width: 100%; margin-bottom: 8px; } } @media screen and (max-width: 767px) { .catalog-category__item-wrapper { flex: 0 0 100%; max-width: 100%; } .catalog-category__img { left: 50%; top: 64px; transform: translate(-50%,0); } } @media screen and (min-width: 768px) { .catalog-category__item { max-width: 392px; margin: 0 auto; } } .category-tile { display: flex; flex-wrap: wrap; } .category-tile__item { flex: 0 0 33.33333333%; max-width: 33.33333333%; display: block; margin-bottom: 16px; } .category-tile__img-wrapper { width: 100%; height: 185px; border: 1px solid #EFEFEF; border-right: none; display: flex; align-items: center; justify-content: center; padding: 8px; margin-bottom: 8px; } .category-tile__item:nth-child(3n+3) .category-tile__img-wrapper, .category-tile__item:last-child .category-tile__img-wrapper { border-right: 1px solid #EFEFEF; } .category-tile__img { max-height: 100%; max-width: 100%; } .category-tile__name { font-weight: bold; font-size: 10px; color: #007CBA; line-height: 1.6; padding: 0 12px; } @media screen and (max-width: 1023px) { .category-tile__item { flex: 0 0 100%; max-width: 100%; margin-bottom: 40px; } .category-tile__item:nth-child(n) .category-tile__img-wrapper { border: 1px solid #EFEFEF; } } .catalog-search { position: relative; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); padding: 2px; margin-top: -1px; } .catalog-search__input { width: 100%; height: 46px; border: none; background: #fff; color: #444; font-weight: 300; font-size: 17px; padding: 15px 20px 15px 60px; } .catalog-search__input:-moz-placeholder { color: #444; } .catalog-search__input::-moz-placeholder { color: #444; opacity: 1 } .catalog-search__input:-ms-input-placeholder { color: #444 } .catalog-search__input::-webkit-input-placeholder { color: #444 } .catalog-search__button { position: absolute; width: 22px; height: 22px; background: url("/local/templates/default/images/icons/search.svg") no-repeat; top: 50%; margin-top: -11px; border: none; left: 20px; z-index: 10; text-indent: -9000px; } .catalog-list { float: left; width: 100%; border-top: 1px solid #E5E5E5 } .search_page .catalog-list { float: none; border-left: 1px solid #e5e5e5; display: flex; flex-wrap: wrap; } .detail_page .catalog-list { float: none; border-top: none; } .catalog-list__item { float: left; width: 25%; height: 370px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 20px; position: relative; text-align: center; background-color: #fff } .search_page .catalog-list__item { height: auto; min-height: 370px; float: none; flex: 0 0 25%; max-width: 25%; width: auto; } @media screen and (max-width: 1023px) { .search_page .catalog-list__item { flex: 0 0 33.33333333%; max-width: 33.33333333%; } } @media screen and (max-width: 767px) { .search_page .catalog-list__item { min-height: 0; padding-bottom: 0; flex: 0 0 50%; max-width: 50%; } .search_page .catalog-list__mods { position: relative; top: 0; left: 0; right: 0; bottom: 0; margin-left: -20px; margin-right: -20px; display: block; margin-top: 20px; } } @media screen and (max-width: 499px) { .search_page .catalog-list__item { flex: 0 0 100%; max-width: 100%; } } .catalog-list__item:hover { background: #FFFFFF; box-shadow: 0 0 64px 0 rgba(124, 111, 176, 0.24); z-index: 10; } .catalog-list__item:hover .catalog-list__mods { display: block } .catalog-list__brand { position: absolute; top: 20px; left: 20px; z-index: 3; background: rgba(255,255,255,0.5); max-width: 70px } .catalog-list__img { max-width: 100%; max-height: 100%; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .catalog-list__img-wrapper { max-width: 160px; height: 160px; margin: 0 auto; position: relative } .catalog-list__title { font-size: 13px; color: #363636; line-height: 16px; margin-top: 28px; height: 32px; overflow: hidden; font-weight: 500; } .catalog-list__price { margin-top: 12px; font-weight: 500; font-size: 16px; color: #000000; line-height: 18px } .catalog-list__mods { position: absolute; top: 100%; left: -1px; right: -1px; z-index: 5; font-size: 13px; color: #FFFFFF; text-align: center; padding: 10px; background: #007CBA; display: none; font-weight: 500; } .catalog-list__property-wrapper { display: inline-block; width: 100%; margin-top: 10px; } .catalog-list__property { display: inline-block; width: 100%; float: left; position: relative; } .catalog-list__property:after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 1px; border-bottom: 1px dotted rgba(0,0,0,0.1); z-index: 1; } .catalog-list__property-name { float: left; max-width: 45%; font-weight: 400; font-size: 13px; color: #000000; line-height: 20px; background-color: #fff; position: relative; z-index: 3; padding-right: 3px; } .catalog-list__property-value { float: right; max-width: 55%; text-align: right; font-weight: 300; font-size: 13px; color: #545454; line-height: 20px; background-color: #fff; position: relative; z-index: 3; padding-left: 3px; } .catalog-list__article { font-size: 11px; line-height: 1.2; color: #545454; opacity: 0.6; font-weight: 400; margin-bottom: 15px; } .catalog-tile {} .catalog-tile__item { display: flex; border: 1px solid #EFEFEF; padding: 16px; } .catalog-tile__item:not(:last-child) { margin-bottom: 16px; } .catalog-tile__img-wrapper { flex: 0 0 22.22222222%; max-width: 22.22222222%; margin-right: 24px; } .catalog-tile__status { font-weight: bold; font-size: 8px; color: #6D7278; line-height: 1.25; margin-bottom: 16px; } .catalog-tile__img-inner { position: relative; width: 100%; height: 0; padding-bottom: 100%; } .catalog-tile__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; } .catalog-tile__desc { flex: 1 1 auto; display: flex; flex-direction: column; } .catalog-tile__desc-header { display: flex; justify-content: space-between; margin-bottom: 24px; } .catalog-tile__code { background: #007CBA; padding: 3px 18px 3px 12px; display: flex; justify-content: space-between; font-weight: normal; font-size: 11px; color: #FFFFFF; border-radius: 2px; line-height: 1.25; min-width: 100px; } .catalog-tile__code-value { font-weight: bold; font-size: 11px; color: #FFFFFF; text-align: center; margin-left: 16px; } .catalog-tile__brand { max-height: 16px; } .catalog-tile__name-wrapper { margin-bottom: 24px; flex: 1 1 auto; line-height: 1.18; } .catalog-tile__name { font-weight: bold; font-size: 16px; color: #000000; line-height: 1.18; } .catalog-tile__prop { display: flex; max-width: 400px; margin-bottom: 8px; font-weight: 600; font-size: 12px; color: #000000; line-height: 1.25; } .catalog-tile__prop-name { flex: 0 0 32.5%; max-width: 32.5%; padding-right: 24px; } .catalog-tile__prop-value { flex: 0 0 72.5%; max-width: 72.5%; color: #007CBA; } .catalog-tile__desc-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .catalog-tile__price { font-weight: 600; font-size: 12px; color: #000000; line-height: 24px; } .catalog-tile__price-value { color: #007CBA; font-size: 18px; margin-left: 5px; } .catalog-tile_full .catalog-tile__img-wrapper { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .catalog-tile_full .catalog-tile__code { min-width: 56px; padding: 3px 8px 3px 5px; } .catalog-tile_full .catalog-tile__code-value { margin-left: 7px; } .catalog-tile_full {} .catalog-tile_full {} .catalog-tile_full {} .catalog-tile_full {} .catalog-tile_full {} @media screen and (max-width: 1023px) { .catalog-tile_full .catalog-tile__item { flex-wrap: wrap; position: relative; } .catalog-tile_full .catalog-tile__img-wrapper { flex: 0 0 168px; max-width: 168px; margin: 0 0 16px; } .catalog-tile_full .catalog-tile__desc { flex: 0 0 100%; } .catalog-tile_full .catalog-tile__brand { position: absolute; top: 16px; right: 16px; } .catalog-tile_full .catalog-tile__desc-header { margin-bottom: 13px; } .catalog-tile_full .catalog-tile__prop-name, .catalog-tile_full .catalog-tile__prop-value { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 767px) { .catalog-tile__item { flex-wrap: wrap; position: relative; } .catalog-tile__img-wrapper { flex: 0 0 168px; max-width: 168px; margin: 0 0 16px; } .catalog-tile__desc { flex: 0 0 100%; } .catalog-tile__brand { position: absolute; top: 16px; right: 16px; } .catalog-tile__desc-header { margin-bottom: 13px; } .catalog-tile__prop-name, .catalog-tile__prop-value { flex: 0 0 50%; max-width: 50%; } } .filter-accordion { /*padding: 27px 20px;*/ /*background: #F5F5F5;*/ } .filter-accordion__item { /*border-bottom: 1px solid #E3E3E3;*/ /*margin-bottom: 15px;*/ /*padding-bottom: 5px*/ } .filter-accordion__item:last-child { margin-bottom: 0; border-bottom: none; } .filter_item_wrap { line-height: 16px; position: relative; padding: 4px 30px 4px 16px; /*margin-bottom: 5px;*/ border-bottom: 1px solid #007CBA; } .filter-accordion__title { font-weight: 500; font-size: 12px; line-height: 1.33; color: #007CBA; text-transform: uppercase; } .filter_item_wrap:after { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; right: 16px; top: 50%; margin-top: -3px; -webkit-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; transition: transform 0.2s ease } .filter_item_wrap.no_sub:after { background: none; } .filter-accordion__title:hover, .filter-accordion__title:focus { color: #000000 } .filter-accordion__title_open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .filter_item_wrap_open:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .filter_item_wrap_single { pointer-events: none; touch-action: none; } .filter_item_wrap_single * { pointer-events: auto; touch-action: auto; } .filter_item_wrap_single:after { display: none !important; } .filter-accordion__sublist { display: none; padding: 8px 0 0; } .filter-accordion__subitem { font-size: 10px; color: #000; line-height: 16px; margin-bottom: 8px; padding: 0 18px; text-transform: uppercase; font-weight: normal; } .filter-accordion__sublink { color: #000; } .filter-accordion__sublink:hover { /*border-bottom: 1px solid;*/ color: #007CBA; } .filter-accordion__sublink.active { /*border-bottom: 1px solid;*/ color: #007CBA; } .filter-accordion__section { margin-bottom: 8px; } .filter-accordion__section-header {} .filter-accordion__section-title { display: flex; justify-content: center; flex-direction: column; min-height: 56px; font-weight: 700; font-size: 12px; color: #007CBA; line-height: 24px; /*background-image: linear-gradient(90deg, #7C6FB0 0%, #009FE3 100%);*/ background: rgba(108,181,217,0.5); padding: 10px 40px 10px 15px; position: relative; transition: background 0.3s ease; } .filter-accordion__section-title:hover, .filter-accordion__section-title:focus { color: #007CBA; } .filter-accordion__section-title:after { content: ""; position: absolute; right: 16px; top: 50%; transform: translate(0,-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; transition: transform 0.2s ease; } .filter-accordion__section_active { margin-bottom: 0; } .filter-accordion__section_active .filter-accordion__section-title { background: rgba(108,181,217,0.3); } .filter-accordion__section_active .filter-accordion__section-title:after { transform: translate(0,-50%) rotate(-180deg); } .filter-accordion__section-body { display: none; } .filter-accordion__section.active .filter-accordion__section-body { display: block; } .filter-accordion__toggle { height: 40px; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); color: #fff; display: none; padding: 0 20px; text-align: center; font-weight: 300; font-size: 14px; line-height: 40px } .filter-accordion__toggle-inner { display: inline-block; position: relative; padding-left: 20px } .filter-accordion__toggle-inner:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 10px; height: 6px; background: url("/local/templates/default/images/icons/chevron-down.svg") no-repeat; -webkit-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; transition: transform 0.2s ease } .filter-accordion__toggle:hover, .filter-accordion__toggle:focus { color: #fff } .filter-accordion__toggle_open .filter-accordion__toggle-inner:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .breadcrumbs-list { display: flex; flex-wrap: wrap; } .breadcrumbs-list__item { font-size: 10px; color: #66AACC; margin-right: 4px; line-height: 1.2; font-weight: bold; } .breadcrumbs-list__link { color: #66AACC; } .breadcrumbs-list__link:hover { text-decoration: none!important; } .pagination { text-align: center; padding: 25px 0 10px; float: left; width: 100% } .pagination__item { display: inline-block; font-size: 22px; color: #000; margin: 0 13px 15px } .pagination__item_prev { float: left; margin-left: 0; min-width: 150px; text-align: left; font-size: 18px } .pagination__item_next { float: right; margin-right: 0; min-width: 150px; text-align: right; font-size: 18px } .pagination__item_active .pagination__link { color: #fff } .pagination__item_active .pagination__link:before { content: ""; position: absolute; top: -5px; left: -15px; right: -15px; bottom: -5px; z-index: -1; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); -webkit-transform: skew(-15deg, 0); -ms-transform: skewX(-15deg) skewY(0); -o-transform: skew(-15deg, 0); transform: skew(-15deg, 0); border-radius: 50px } .pagination__item_active .pagination__link:hover, .pagination__item_active .pagination__link:focus { color: #fff } .pagination__link { color: #000; position: relative; z-index: 1 } .pagination__link:hover, .pagination__link:focus { color: #000 } .pagination_mini { padding: 45px 0 30px } .product-block { display: flex; flex-wrap: wrap; margin: 0 -12px; position: relative; } .product-block__head { flex: 0 0 100%; padding: 0 12px; display: flex; align-items: flex-start; margin-bottom: 22px; } .product-block__name-wrapper { flex: 1 1 auto; } .product-block__name { font-weight: bold; font-size: 16px; color: #000000; line-height: 1.18; margin-bottom: 8px; max-width:550px; } .product-block__status { font-weight: bold; font-size: 8px; line-height: 1.25; text-transform: uppercase; color: #6D7278; } .product-block__brand { flex: 0 1 auto; max-height: 16px; } .product-block__pic { flex: 0 0 44.44444444%; max-width: 44.44444444%; position: relative; padding: 0 12px; } .product-block__pic-inner { width: 100%; height: 0; padding-bottom: 100%; border: 1px solid #EFEFEF; position: relative; } .product-block__img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: calc(100% - 40px); max-height: calc(100% - 40px); } .product-block__desc { flex: 0 0 55.55555555%; max-width: 55.55555555%; padding: 0 12px; } .product-block__desc-inner { /* padding-bottom: 100px;*/ } .product-block__desc-title { font-weight: normal; font-size: 15px; color: #000000; line-height: 1.6; margin-bottom: 16px; } .product-block__footer { flex: 0 0 55.55555555%; max-width: 55.55555555%; margin-left: 44.44444444%; padding: 0 12px; /*position: absolute;*/ left: 0; display: flex; width: 55.55555555%; align-items: flex-end; } .product-block__footer-inner { flex: 0 0 40%; max-width: 40%; } .product-block__price { margin-top: 10px; font-weight: 600; font-size: 12px; color: #000000; line-height: 1.25; } .product-block__price-value { font-size: 18px; color: #007CBA; line-height: 1.33; margin-left: 5px; white-space: nowrap; } .product-block__order { margin-top: 16px; } .product-block__docs { display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 auto; justify-content: space-between; right:15px; margin-top: 10px; } .product-block__docs-item { display: flex; align-items: center; margin-top: 10px; } .product-block__docs-item + .product-block__docs-item { margin-top: 10px; } /*.product-block__docs-item:not(:last-child) { margin-right: 40px; }*/ .product-block__docs-name { font-weight: 500; font-size: 12px; line-height: 16px; color: #007CBA; } .product-block__docs-img { width:24px; height:32px; flex: 0 0 auto; margin-right: 10px; } .product-block__docs-img_tech { background: url('/local/templates/default/images/product/tech.svg') no-repeat center center; } .product-block__docs-img_model { background: url('/local/templates/default/images/product/model.svg') no-repeat center center; } @media screen and (max-width: 1283px) { .product-block__docs-img { margin-right: 8px; } .product-block__docs-item:not(:last-child) { margin-right: 15px; } } @media screen and (max-width: 1023px) { .product-block__footer-inner { flex: 0 0 100%; max-width: 100%; } .product-block__docs { display:none; } } @media screen and (max-width: 767px) { .product-block__footer-inner { justify-content: space-between; display: flex; align-items: center; flex-wrap: wrap; } } .link-print { position: absolute; top: 40px; left: 40px; width: 26px; height: 28px; background: url("/local/templates/default/images/icons/print.svg") no-repeat; display: block; text-indent: -999em } .prod-desc__dl { display: flex; width: 100%; margin-bottom: 8px; background: #B5D9EB; } .prod-desc__dl.hideProp { display: none; } .prod-desc__dt { flex: 0 0 40%; max-width: 40%; font-weight: normal; font-size: 12px; color: #000000; line-height: 1.25; padding: 4px 8px; } .prod-desc__dd { flex: 0 0 60%; max-width: 60%; font-weight: bold; font-size: 10px; color: #007CBA; line-height: 1.3; padding: 4px 8px; background: #EDF6FA; } .prod-desc__text { font-size: 13px; line-height: 16px; } .showProps__wrapper { text-align: right; } .showProps { font-weight: normal; font-size: 10px; color: #007CBA; line-height: 1.6; cursor: pointer; display: inline-block; position: relative; padding-right: 22px; } .showProps:after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; transition: transform 0.2s ease; } .showProps_active:after { transform: translate(0,-50%) rotate(-180deg); } .table__toggle-mobile-text { display: none; margin-right: 8px; color: #007CBA; } .table__toggle-mobile { display: none; font-weight: normal; font-size: 10px; color: #007CBA; line-height: 1.6; } @media screen and (max-width: 1023px) { .product-block { align-items: flex-end; } .product-block__pic { flex: 0 0 75%; max-width: 75%; order: 2; } .product-block__footer { position: relative; order: 3; margin-left: 0; flex: 0 0 25%; max-width: 25%; text-align: right; } .product-block__desc { flex: 0 0 100%; max-width: 100%; order: 4; margin-top: 32px; } .product-block__desc-inner { padding-bottom: 0; } .prod-desc__dt, .prod-desc__dd { flex: 0 0 50%; max-width: 50%; } .offers_table thead { display: none; } .offers_table tbody { display: flex; flex-wrap: wrap; margin: 0 -10px; width: auto; } .offers_table tbody tr { flex: 0 0 50%; max-width: 50%; padding: 0 10px; margin-bottom: 24px; } .offers_table tbody tr td { display: flex; width: 100%; height: auto; border: none; align-items: center; padding: 0 8px 0 0; } .offers_table tbody tr td:not(:last-child) { margin-bottom: 8px; } .offers_table tbody tr td:before { content: attr(data-title); flex: 0 0 50%; max-width: 50%; font-weight: normal; font-size: 12px; color: #000000; letter-spacing: 0; background: #B5D9EB; padding: 4px 8px; margin-right: 8px; } .offers_table .instore { width: 100%; } .offers_table.table > tbody > tr > td { border: none !important; } .product-block__mods { margin-top: 32px; } .product-block__similar { margin-top: 10px; } } @media screen and (max-width: 767px) { .product-block__pic { flex: 0 0 100%; max-width: 100%; } .product-block__footer { flex: 0 0 100%; max-width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .product-block__order { margin: 16px 0; } .offers_table tbody tr .offers_table--mob-hidden { display: none; } .offers_table tbody tr { flex: 0 0 100%; max-width: 100%; display: flex; margin-bottom: 8px; } .offers_table tbody tr td { flex-direction: column; align-items: stretch; padding: 0 8px 4px; } .offers_table tbody tr td:before { max-width: none; width: auto; margin: 0 -8px 8px; flex: 0 0 50%; max-height: 50%; display: flex; align-items: center; } .offers_table tbody tr td:nth-child(n) { margin-bottom: 0; } .offers_table .price { position: relative; } .table__toggle-mobile { position: absolute; right: 8px; top: 50%; transform: translate(0,-100%); margin-top: -12px; display: flex; align-items: center; } .table__toggle-mobile:after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; transition: transform 0.2s ease; } .table__toggle-mobile_active { transform: none; } .table__toggle-mobile_active:after { transform: rotate(-180deg); } .offers_table tbody tr.offers_table__tr_expanded { flex-direction: column; margin-bottom: 42px; margin-top: 8px; } .offers_table tbody tr.offers_table__tr_expanded td { flex-direction: row; padding-left: 0; padding-bottom: 0; margin-bottom: 8px; align-items: center; } .offers_table tbody tr.offers_table__tr_expanded td.offers_table--mob-hidden { display: flex; } .offers_table tbody tr.offers_table__tr_expanded td:before { flex: 0 0 52%; max-width: calc(50% + 4px); max-height: none; margin: 0 8px 0 0; } .offers_table tbody tr.offers_table__tr_expanded .table__toggle-mobile { top: 100%; margin-top: 8px; } .offers_table tbody tr.offers_table__tr_expanded .table__toggle-mobile-text { display: inline; } } .feedback-block { display: table; width: 100%; height: 320px } .feedback-block__item { display: table-cell; width: 50%; height: 100%; padding: 40px 150px 95px 40px; position: relative; overflow: hidden; } .feedback-block__item:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #E5E5E5 } .feedback-block__item:last-child:after { display: none } .feedback-block__item_gray { background-color: #F5F5F5 } .feedback-block__bg { position: absolute; right: -20px; top: 0; bottom: 0; width: 230px; padding-top: 12px } .feedback-block__bg.dealer .img { width: 100%; height: 100%; background: url(/local/templates/default/images/feedback/man1.png) no-repeat left top; background-size: auto 100%; } .feedback-block__bg.private .img { width: 100%; height: 100%; background: url(/local/templates/default/images/feedback/man2.png) no-repeat left top; background-size: auto 100%; } .feedback-block__img { max-height: 100% } .feedback-block__desc { position: relative; z-index: 1 } .feedback-block__title { font-weight: 300; font-size: 24px; line-height: 1.16; color: #000000; margin-bottom: 15px; max-width: 350px } .feedback-block__text { font-size: 13px; color: #000; line-height: 20px; max-width: 320px } .feedback-block__button { position: absolute; bottom: 40px; left: 40px; min-width: 200px } .news-list { float: left; width: 100%; background-color: #F5F5F5; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5 } .news-list__item { display: block; color: #fff; position: relative; width: 33.333%; height: 400px; float: left; background-color: #fff; overflow: hidden; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease } .news-list__item:hover { color: #000 } .news-list__item:hover .news-list__img-wrapper { opacity: 0 } .news-list__item:hover .news-list__desc { bottom: 50%; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%) } .news-list__item:hover .news-list__text { display: block; opacity: 1 } .news-list__item:hover .news-list__link { display: inline; opacity: 1 } .news-list__img { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; max-width: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .news-list__img-wrapper .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .news-list__img-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease } .news-list__img-wrapper:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease } .news-list__desc { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px; -webkit-transition: bottom 0.3s ease; -o-transition: bottom 0.3s ease; -moz-transition: bottom 0.3s ease; transition: bottom 0.3s ease } .news-list__date { opacity: 0.7; font-size: 13px; text-transform: lowercase; } .news-list__title { font-size: 20px; line-height: 24px; margin-top: 10px; max-height: 72px; overflow: hidden } .news-list__text { font-size: 13px; color: #505050; line-height: 22px; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; margin-top: 25px; display: none; max-height: 154px; overflow: hidden } .news-list__link { margin-top: 20px; opacity: 0; z-index: -10; display: none; -webkit-transition: opacity 0.3s ease, border-color 0.3s ease; -o-transition: opacity 0.3s ease, border-color 0.3s ease; -moz-transition: opacity 0.3s ease, border-color 0.3s ease; transition: opacity 0.3s ease, border-color 0.3s ease; font-size: 13px; color: #7C6FB0; border-bottom: 1px solid rgba(124, 111, 176, 0.25) } .news-list__link:hover { color: #7C6FB0; border-color: transparent } .article-content { padding: 70px 0 70px; background-color: #F5F5F5; color: #000; float: left; width: 100%; font-size: 17px; color: #444444; line-height: 28px } .article-content__date { font-size: 13px; color: #8D8D8D; margin-bottom: 15px; text-transform: lowercase; } .article-content__img { margin: 8px auto 40px } .article-content__img_left { float: left; margin-right: 40px } .article-content__section { float: left; width: 100% } .article-content h2 { font-weight: 400; font-size: 26px; color: #000000; line-height: 24px; margin-bottom: 22px } .article-content p { margin: 0 0 25px } .map-block { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .map-block__wrapper { margin-top: -280px; position: relative; min-height: 1100px; padding-top: 380px } .map-block__wrapper:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 380px; z-index: 1; background: -moz-linear-gradient(top, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); pointer-events: none; } .contacts-block { display: table; width: 100% } .contacts-block__wrapper { position: absolute; bottom: 40px; left: 0; right: 0 } .contacts-block__item { display: table-cell; width: 50%; height: 100%; background-color: #fff; padding: 40px 45px 10px } .contacts-block__item_bg-gradient { background: #007CBA; padding: 60px 50px 30px } .contacts-address__dl { color: #FFFFFF; margin-bottom: 30px } .contacts-address__dt { font-size: 13px; color: rgba(255, 255, 255, 0.6); display: inline } .contacts-address__dt_ya { position: relative; padding-right: 27px } .contacts-address__dt_ya:after { content: ""; position: absolute; width: 18px; height: 18px; background: url("/local/templates/default/images/icons/ya.svg") no-repeat; right: 0; top: 50%; margin-top: -9px } .contacts-address__dd { font-size: 20px; line-height: 30px } .contacts-address__dd a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease } .contacts-address__dd a:hover, .contacts-address__dd a:focus { border-color: transparent } @media screen and (max-width: 1023px) { .contacts-address__dl { margin-bottom: 15px } .contacts-block__item { padding-top: 40px } } @media screen and (max-width: 767px) { .contacts-block__wrapper { position: static } .contacts-block__item, .contacts-block__item_bg-gradient { padding: 20px; } .contacts-address__dd { font-size: 16px; } .map-block { position: relative; height: 360px } .map-block__wrapper { margin-top: -40px; padding-top: 0; min-height: 0 } .map-block__wrapper:before { display: none } } .catalog-section { position: relative; z-index: 15; } .catalog-section_grey { background-color: #F5F5F5; padding: 40px 0 60px; } .category-list {} .category-list__inner { margin: 0 -10px; } .category-list__item-wrapper { float: left; width: 25%; padding: 0 10px; } .category-list__item { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 20px; background-color: #fff; transition: box-shadow 0.3s ease; } .category-list__item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #009fe3; background: -moz-linear-gradient(left, #009fe3 0%, #7c6fb0 100%); background: -webkit-linear-gradient(left, #009fe3 0%,#7c6fb0 100%); background: linear-gradient(to right, #009fe3 0%,#7c6fb0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe3', endColorstr='#7c6fb0',GradientType=1 ); opacity: 0; transition: opacity 0.3s ease; z-index: 1; } .category-list__item:hover::before { opacity: 1; } .category-list__item:hover { box-shadow: 0 0 64px 0 rgba(124,111,176,0.5); } .category-list__item:hover .category-list__title { color: #fff; border-color: #fff; } .category-list__item:hover .category-list__count { color: #fff; } .category-list__item:hover .category-list__img-wrapper:after { opacity: 1; } .category-list__item:hover .category-list__img { transform: translate(-50%,-53%); } .category-list__item-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 18px; z-index: 3; } .category-list__img-wrapper { position: absolute; top: 18px; left: 18px; right: 18px; bottom: 22%; background-size: contain !important; background-position: center center !important; background-blend-mode: multiply; } .category-list__img-wrapper:after { content: ""; position: absolute; bottom: -90px; left: 50%; transform: translate(-50%,0); background: url("/local/templates/default/images/category/shadow.png") center center no-repeat; background-size: 100% auto; width: 90%; height: 190px; z-index: 2; opacity: 0; transition: opacity 0.2s ease; } .category-list__img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); z-index: 4; transition: transform 0.4s ease; } .category-list__title-wrapper { position: absolute; left: 18px; right: 18px; bottom: 18px; text-align: center; line-height: 20px; z-index: 5; } .category-list__title { display: inline; text-align: center; font-size: 15px; color: #363636; line-height: 20px; border-bottom: 1px solid transparent; transition: color 0.3s ease, border-color 0.3s ease; } .category-list__count { font-size: 12px; color: #9A9A9A; transition: color 0.3s ease; } .section_index-feature .section__bg { background: url("/local/templates/default/images/features/feature-bg.jpg") center center no-repeat; background-size: cover; } .section_index-feature .section__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.82; } .section_index-feature .section__bg:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .section_index-feature .section__content { padding-top: 80px; } .index-feature__header { font-weight: 100; font-size: 59px; color: #000000; line-height: 69px; } .index-feature { margin-top: 50px; } .index-feature__list { font-size: 0; } .index-feature__item-wrapper { float: none; font-size: 18px; display: inline-block; vertical-align: top; margin-bottom: 30px; } .index-feature__item { text-align: center; /*margin-bottom: 50px; margin-top: 90px;*/ padding: 100px 0; position: relative; transition: box-shadow 0.5s ease; } .index-feature__item-inner { position: absolute; top: 50%; left: 0; right: 0; transform:translate(0, -50%); } .index-feature__desc { position: absolute; left: 0; right: 0; bottom: 100%; transform: translate(0, 30px); transition: transform 0.3s ease; } .index-feature__img { display: block; margin: 0 auto 20px; } .index-feature__title { font-weight: 400; font-size: 18px; color: #000000; line-height: 21px; transition: transform 0.3s ease; letter-spacing: -0.4px; } .index-feature__hint { /*display: none;*/ height: 200px; max-height: 0px; transition: max-height 0.3s ease; overflow: hidden; font-weight: 400; font-size: 14px; color: #5D6067; line-height: 18px; background-color: #fff; } .index-feature__hint ul { padding: 0; margin: 0; list-style-position: inside; } .index-feature__hint-inner { padding: 85px 20px 15px; /*height: 200px;*/ text-align: left; } .index-feature__item:hover { box-shadow: 0 0 50px 0 rgba(0,0,0,0.05); } .index-feature__item:hover .index-feature__hint { max-height: 200px; } .index-feature__item:hover .index-feature__desc { transform: translate(0, 80px); } .index-feature__item:hover .index-feature__title { transform: translate(0, -10px); } .table-vertical.table thead, .table-vertical.table tbody, .table-vertical.table th, .table-vertical.table td, .table-vertical.table tr { display: block; width: auto!important; } .table-vertical.table thead tr { position: absolute; top: -9999px; left: -9999px } .table-vertical.table tr { margin: 10px } .table-vertical.table td { border: none; position: relative; padding-left: 50%; white-space: normal; text-align: left; min-height: 40px!important; } .table-vertical.table td:before { content: attr(data-title); position: absolute; top: 50%;/*10px;*/ left: 10px; width: 45%; padding-right: 10px; /*white-space: nowrap;*/ text-align: left; transform: translate(0, -50%); line-height: 1.3; } .table-vertical.table td:first-child { padding-left: 50% } .table-vertical.table td:last-child { /*padding-right: 50%*/ } .table-vertical.table>thead>tr, .table-vertical.table>tbody>tr, .table-vertical.table>tfoot>tr { background-color: #fff; padding: 10px } .table-vertical.table>thead>tr>th, .table-vertical.table>thead>tr>td, .table-vertical.table>tbody>tr>th, .table-vertical.table>tbody>tr>td, .table-vertical.table>tfoot>tr>th, .table-vertical.table>tfoot>tr>td { padding-left: 50%; height: 35px; vertical-align: top } .table-vertical.table>thead>tr>th:first-child, .table-vertical.table>thead>tr>td:first-child, .table-vertical.table>tbody>tr>th:first-child, .table-vertical.table>tbody>tr>td:first-child, .table-vertical.table>tfoot>tr>th:first-child, .table-vertical.table>tfoot>tr>td:first-child { padding-left: 50% } .table-vertical.table>thead>tr>th:last-child, .table-vertical.table>thead>tr>td:last-child, .table-vertical.table>tbody>tr>th:last-child, .table-vertical.table>tbody>tr>td:last-child, .table-vertical.table>tfoot>tr>th:last-child, .table-vertical.table>tfoot>tr>td:last-child { padding-left: 50% } .table-vertical.table-striped>tbody>tr:nth-child(n)>td { background-color: #fff } .table-vertical.table-striped>tbody>tr:nth-child(n)>td:nth-child(2n+1) { background-color: #F5F5F5 } .bx-404-container { margin-bottom: 40px; } .bx-404-container a { font-weight: 400; color: 101010; } .bx-maps-title { font-size: 24px; margin-bottom: 10px; } .bx-map-title { font-size: 18px; margin-top: 10px; margin-bottom: 5px; } .map-columns { margin-bottom: 40px; } .site-map { list-style-type: none; padding: 0; margin: 0; } .site-map li { font-size: 15px; font-weight: 300; position: relative; padding-left: 25px; } .site-map li:before { content: ""; position: absolute; top: 13px; left: 0; width: 15px; height: 1px; background-color: #101010; } .site-map > li > a { font-size: 15px; font-weight: 400; } .icon-count { display: block; width: 18px; height: 13px; position: relative; } .icon-count_0 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxwYXRoIGZpbGw9IiNBQ0Q0RTgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIsMCBMMiwxMiBMMCwxMiBMMCwwIEwyLDAgWiBNNiwwIEw2LDEyIEw0LDEyIEw0LDAgTDYsMCBaIE0xMCwwIEwxMCwxMiBMOCwxMiBMOCwwIEwxMCwwIFogTTE0LDAgTDE0LDEyIEwxMiwxMiBMMTIsMCBMMTQsMCBaIE0xOCwwIEwxOCwxMiBMMTYsMTIgTDE2LDAgTDE4LDAgWiIvPjwvc3ZnPg==); } .icon-count_1 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGZpbGw9IiNBQ0Q0RTgiIGQ9Ik02LDAgTDYsMTIgTDQsMTIgTDQsMCBMNiwwIFogTTEwLDAgTDEwLDEyIEw4LDEyIEw4LDAgTDEwLDAgWiBNMTQsMCBMMTQsMTIgTDEyLDEyIEwxMiwwIEwxNCwwIFogTTE4LDAgTDE4LDEyIEwxNiwxMiBMMTYsMCBMMTgsMCBaIi8+ICAgIDxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjEyIiBmaWxsPSIjNkRENDAwIi8+ICA8L2c+PC9zdmc+); } .icon-count_2 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGZpbGw9IiNBQ0Q0RTgiIGQ9Ik0xMCwwIEwxMCwxMiBMOCwxMiBMOCwwIEwxMCwwIFogTTE0LDAgTDE0LDEyIEwxMiwxMiBMMTIsMCBMMTQsMCBaIE0xOCwwIEwxOCwxMiBMMTYsMTIgTDE2LDAgTDE4LDAgWiIvPiAgICA8cGF0aCBmaWxsPSIjNkRENDAwIiBkPSJNNiwwIEw2LDEyIEw0LDEyIEw0LDAgTDYsMCBaIE0yLDAgTDIsMTIgTDAsMTIgTDAsMCBMMiwwIFoiLz4gIDwvZz48L3N2Zz4=); } .icon-count_3 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGZpbGw9IiNBQ0Q0RTgiIGQ9Ik0xNCwwIEwxNCwxMiBMMTIsMTIgTDEyLDAgTDE0LDAgWiBNMTgsMCBMMTgsMTIgTDE2LDEyIEwxNiwwIEwxOCwwIFoiLz4gICAgPHBhdGggZmlsbD0iIzZERDQwMCIgZD0iTTYsMCBMNiwxMiBMNCwxMiBMNCwwIEw2LDAgWiBNMiwwIEwyLDEyIEwwLDEyIEwwLDAgTDIsMCBaIE0xMCwwIEwxMCwxMiBMOCwxMiBMOCwwIEwxMCwwIFoiLz4gIDwvZz48L3N2Zz4=); } .icon-count_4 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjEyIiB4PSIxNiIgZmlsbD0iI0FDRDRFOCIvPiAgICA8cGF0aCBmaWxsPSIjNkRENDAwIiBkPSJNNiwwIEw2LDEyIEw0LDEyIEw0LDAgTDYsMCBaIE0yLDAgTDIsMTIgTDAsMTIgTDAsMCBMMiwwIFogTTEwLDAgTDEwLDEyIEw4LDEyIEw4LDAgTDEwLDAgWiBNMTQsMCBMMTQsMTIgTDEyLDEyIEwxMiwwIEwxNCwwIFoiLz4gIDwvZz48L3N2Zz4=); } .icon-count_5 { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE4IDEyIj4gIDxwYXRoIGZpbGw9IiM2REQ0MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYsMCBMNiwxMiBMNCwxMiBMNCwwIEw2LDAgWiBNMiwwIEwyLDEyIEwwLDEyIEwwLDAgTDIsMCBaIE0xMCwwIEwxMCwxMiBMOCwxMiBMOCwwIEwxMCwwIFogTTE0LDAgTDE0LDEyIEwxMiwxMiBMMTIsMCBMMTQsMCBaIE0xOCwwIEwxOCwxMiBMMTYsMTIgTDE2LDAgTDE4LDAgWiIvPjwvc3ZnPg==); } .cr-filter__wrapper { float: right; max-width: 25%; flex: 0 0 25%; /*margin-left: -240px;*/ padding: 0 12px; position: relative; /*right:0px;*/ order: 99; } .cr-filter { background-color: #fff; } .cr-filter__header { display: table; width: 100%; height: 56px; margin-bottom: 15px; background: #B5D9EB; } .cr-filter__header-inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 8px 40px 8px 16px; font-weight: bold; font-size: 12px; color: #007CBA; line-height: 2; position: relative; } .cr-filter__header-inner:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0,-50%); cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); width: 14px; height: 9px; transition: transform 0.2s ease; } .cr-filter__header_open .cr-filter__header-inner:after { transform: translate(0,-50%) rotate(-180deg); } .cr-filter__body { background-color: #fff; } .cr-filter__item { margin-bottom: 15px; position: relative; border: none; } .cr-filter__item-header { font-weight: 400; font-size: 13px; color: #000000; display: block; position: relative; } .cr-filter__item-title { font-weight: bold; font-size: 12px; color: #000; line-height: 2; display: block; position: relative; cursor: pointer; padding-right: 25px; } .cr-filter__item-title:after { content: ""; position: absolute; right: 0; top: 7px; width: 14px; height: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICA8cGF0aCBmaWxsPSIjMDA3Q0JBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc2OTkyMjQ1LDAuMzEyODE1NjY1IEw3LjExMTcwODg4LDUuNjU0ODE1NjYgTDEyLjQxNzUxNDQsMC4zNSBMMTMuODMxNzI4LDEuNzY0MjEzNTYgTDcuMTE0MjEzNTYsOC40ODE3Mjc5OCBMNy4wNzQ3MDg4OCw4LjQ0MTgxNTY2IEw3LjA3MzIyMzMsOC40NDQ1NDM2NSBMMC4zNTU3MDg4ODMsMS43MjcwMjkyMyBMMS43Njk5MjI0NSwwLjMxMjgxNTY2NSBaIi8+PC9zdmc+); background-size: contain; background-repeat: no-repeat; background-position: center center; transition: transform 0.2s ease; } .cr-filter__item_active .cr-filter__item-title:after { transform: rotate(-180deg); } .cr-filter__item-body { display: none; padding-top: 10px; } .cr-filter__footer { /*text-align: center;*/ display: flex; align-items: center; } .cr-filter__clear { cursor: pointer; display: inline-block; font-weight: 400; font-size: 10px; line-height: 1.6; color: #007CBA; background: none; border: none; border-bottom: 1px dashed #007CBA; margin-left: 14px; padding: 0; } .cr-filter__go { display: block; background: #6CB5D9; border-radius: 3px; height: 32px; line-height: 32px; font-weight: bold; font-size: 10px; color: #FFFFFF; text-align: center; padding: 0 10px; flex: 1 1 auto; border: none; cursor: pointer; text-transform: uppercase; } @media screen and (max-width: 1023px) { .cr-filter__wrapper { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 767px) { .cr-filter__wrapper { flex: 0 0 100%; max-width: 100%; order: -1; margin-bottom: 40px; } .cr-filter__body { display: none; } } .filter-accordion__toggle-new { background: none; background-image: -webkit-linear-gradient(left, color-stop(#009FE3 0%), color-stop(#7C6FB0 100%)); background-image: linear-gradient(to right, #009FE3 0%, #7C6FB0 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF009FE3', endColorstr='#FF7C6FB0', GradientType=1); display: table; width: 100%; height: 70px; padding: 2px; margin-bottom: 10px; text-align: left; } .filter-accordion__toggle-new .filter-accordion__toggle-inner { display: table-cell; width: 100%; height: 100%; background-color: #fff; vertical-align: middle; padding: 15px; padding-left: 40px; font-weight: 300; font-size: 16px; color: #000000; line-height: 22px; position: relative; } .filter-accordion__toggle-new .filter-accordion__toggle-inner:after { content: ""; position: absolute; top: 50%; left: 15px; width: 14px; height: 10px; background: url("/local/templates/default/images/filter-lines.svg") no-repeat; transform: translate(0,-50%); } .checkbox-primary { display: block; padding-left: 15px; position: relative; margin-bottom: 5px; line-height: 18px; } .checkbox-primary_inline-block { display: inline-block; margin-bottom: 0; vertical-align: top; } .checkbox-primary__column { display: flex; flex-wrap: wrap; margin: 0 -12px; /*flex-direction: column;*/ } .checkbox-primary__column .checkbox-primary { flex: 0 0 50%; max-width: 50%; padding: 0 12px 0 27px; margin: 0 0 16px !important; } .bx_filter_search_button, .settings-modal .settings-btn { cursor: pointer; outline: none; display:block; margin-top: 15px; margin-bottom: 15px; text-decoration:none; border-radius: 50px; border: none; width: 100%; background-color: #fedb34; z-index: 5; font-size: 14px; color: #000; line-height: 33px; } .bx_filter_search_button:hover, .settings-modal .settings-btn:hover { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .checkbox-primary > span input { float: left; opacity: 0; width: 15px; height: 15px; z-index: 1; position: absolute; left: 0; top: 2px; margin: 0; cursor: pointer; } .checkbox-primary > span input:checked + label:after { opacity: 1; } .checkbox-primary > span input:checked + label:before { border: none; /*background-image: linear-gradient(90deg, #7C6FB0 0%, #009FE3 100%);*/ } .checkbox-primary > span input:hover + label:before { /*border-color: #8C8C8C;*/ } .checkbox-primary > span label { position: relative; padding-left: 10px; font-weight: 500; font-size: 12px; color: #000; line-height: 1.2; margin-bottom: 0; cursor: pointer; } .checkbox-primary + .checkbox-primary { margin-top: 16px; } a.show_all_values + .checkbox-primary { margin-top: 16px; } .cr-filter__wrapper .bx_filter_popup_result{ font-size:13px; font-weight:normal; line-height:33px; position:absolute; z-index:930; display:none; height:33px; margin-top:-35px; margin-right:20px; right: 100%; padding:0 10px; white-space:nowrap; color:#000; /*border-top:1px solid #c0d6dc; border-right:1px solid #c0d7dd; border-bottom:1px solid #c0d6dc; border-left:1px solid #c0d7dd;*/ border-radius:3px; background:#fff; } .cr-filter__wrapper .bx_filter_popup_result a { color: #000; margin-left: 10px; border-bottom: 1px solid rgba(0,0,0,0.5); transition: border-color 0.2s ease; } .cr-filter__wrapper .bx_filter_popup_result a:hover { border-color: transparent; } .cr-filter__wrapper .bx_filter_popup_result:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 3px; box-shadow:0 2px 5px 0 rgba(0,0,0,.1); z-index: -1; background: #F7B500; } .cr-filter__wrapper .bx_filter_popup_result:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #F7B500; left: 100%; top: 50%; transform: translate(0,-50%); } .cr-filter__wrapper .bx_filter_popup_result .arrow{ position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url(/local/templates/default/images/arr_left.png) no-repeat center; } .filter_settings { margin-bottom: 16px; } .checkbox-primary > span label:before { content: ""; position: absolute; width: 16px; height: 16px; background: #EDF6FA; border-radius: 4px; left: 0; margin-left: -15px; top: -1px; -webkit-transition: border-color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, background-color 0.2s ease; } .checkbox-primary > span label:after { content: ""; position: absolute; left: -13px; top: 3px; width: 12px; height: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA0TDUgOEwxMSAxIiBzdHJva2U9IiMwMDdDQkEiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==); opacity: 0; transition: opacity 0.2s ease; } .checkbox-primary > span label:hover:before { border-color: #8C8C8C; } .range-group { width: 100%; display: flex; max-width: 210px; } .range-group__section { position: relative; width: 50%; float: left; padding-right: 5px; } .range-group__section:first-child { margin-right: 8px; } .range-group__input { width: 100%; height: 32px; border: none; background: none; padding-left: 30px; font-weight: 500; font-size: 12px; color: #000; background: #EDF6FA; border-radius: 2px; line-height: 13px; } .range-group__label { position: absolute; top: 50%; left: 0; width: 30px; text-align: center; padding: 0 5px; opacity: 0.5; font-weight: 500; font-size: 14px; color: #000; line-height: 1.21; transform: translate(0,-50%); pointer-events: none; } @media (max-width: 1023px) { .hidden-xs-sm { display: none !important; } } @media screen and (min-width: 768px) { .visible_mobile { display: none !important; } } @media screen and (max-width: 767px) { .hidden_mobile { display: none !important; } } .rc_privacy { font-size: 13px; line-height: 16px; } .rc_privacy a { text-decoration: underline!important; } .rc_privacy a:hover { text-decoration: none!important; } a.other_link { transition: 0.2s all; } a.other_link:hover { background: #00a5e3; text-decoration: underline; } .hidden_value { display: none; } /* End */ /* /local/templates/default/css/normalize.min.css?17861042752303 */ /* /local/templates/default/css/bootstrap.min.css?178610427532743 */ /* /local/templates/default/css/common.css?178610427519557 */ /* /local/templates/default/css/bootstrap-select-custom.css?178610427510571 */ /* /local/templates/default/css/swiper-custom.css?178610427512106 */ /* /local/templates/default/js/crocobox/jquery.crocobox.css?17861042759908 */ /* /local/templates/default/components/bitrix/menu/header_mainmenu/style.css?178610427549 */ /* /local/templates/default/template_styles.css?1786104275128458 */