/* barlow-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url('/templates/default/fonts/barlow-v13-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* barlow-600 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 600; src: url('/templates/default/fonts/barlow-v13-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* barlow-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url('/templates/default/fonts/barlow-v13-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) ! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=24b773fcf5c9088a8b1e) * Config saved to config.json and https://gist.github.com/24b773fcf5c9088a8b1e ! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) ! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{line-height:1.42857143}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media (max-width: 767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important}}@media (min-width: 1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}} html, body {background-color: transparent; margin: 0; padding: 0!important; font-family: 'Barlow', Arial, Helvetica,sans-serif; line-height: 1.5em; font-size: 16px; font-weight: 400;color: #000;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0 0 20px 0; font-size: 18px; color:#000; font-weight: 700; line-height: 1.2; text-align:left;} h3, h4, h5, h6, .h3, .h4, .h5, .h6 {font-size:26px; } h1, h2, .h1, .h2 {font-size: 34px; margin: 0;padding: 0; clear: both;} h1, .h1 {margin: 10px 0 50px 0;font-weight: 400;display: inline-block;} h2, .h2 {text-align:center; margin-bottom: 30px; font-weight:400;padding-bottom: 10px; background: transparent url('./images/hline.jpg') no-repeat 50% 100%;} h2 strong, .h2 strong{font-weight:700;} h3, .h3 {font-size:30px; font-weight:400;line-height:1.1em;} h4, .h4 {font-size:28px; font-weight:400;line-height:1.1em;margin:0; } h5, .h5 {font-size:26px; } h6, .h6 {font-size:24px; } h3 strong, h4 strong, .h3 strong, .h4 strong {display:block;} h1 i.fa, h2 i.fa, .oferta-list i.fa{color:#ec6a25; font-size:7px; margin: 6px; vertical-align: top;} .eyebrow{display:block;color:#e62f48;font-size:15px; padding-bottom: 10px; margin-bottom: 0!important ;font-weight:700;text-transform:uppercase;letter-spacing:.1em} .breadcrumb{font-weight:400;font-size:13px;margin:20px 0 0;float:left;width:100%} .breadcrumb a{text-decoration:none!important} .breadcrumb span.slash {display:inline-block;padding:0 10px;} .material-symbols-outlined {font-weight: 300!important;} hr{border: transparent 1px solid; border-bottom: 1px solid #e14d43; clear: both; float: none; width: 100%; margin: 10px 0; padding: 0;} hr.dark{border-bottom: 1px solid #444;} ul, ol{margin: 21px 0 ; padding: 0px;} ul{list-style-type: none; list-style-image: none;} li {margin: 0px; padding: 0px; line-height: 1.7em;} ul li ul{margin: 5px 0px; padding: 0px;} ul li ul li{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;} ol ol{list-style-type: lower-alpha;} strong {font-weight:700;} p {text-align: left;color:#000; margin: 0px; padding: 15px 0; line-height: 1.7em;} p h1, p h2{display: inline; margin: 0; padding: 0;} br{line-height:0; height:0;} a, h2 a{color: #000; text-decoration: none;} .container p a{color: #000;} a:hover{color: #000; text-decoration: none;} .tip { position: relative; text-decoration: underline; cursor: help; background: #f1f1f1 url(./images/info.png) no-repeat calc(100% - 10px) 50%; margin: 0 0 6px; padding-right: 15px; border-radius: 6px; line-height: 120%; border: 1px solid #dfdfdf; font-size: 11px; text-decoration: none; color: #000; padding: 10px 20px 10px 10px;} .tip span {display: none; font-weight:400; padding: 20px; margin-left: 8px; width: 270px; z-index: 2; position: absolute; left: 0; top:2.1em;margin: 0; background: #fff; font-size: 13px; line-height:1.4em; color: #000;text-align: left;box-shadow: 0 4px 55px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 4px 55px 0 rgba(0,0,0,0.3);} .tip span:before {content:"";display: block; width:20px; height:20px; background:#fff;position:absolute;left:10px;top:-10px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .tip:hover span{display: block;} a.button, span.button, input.submit{display: inline-block; position:relative; padding:12px 32px; margin:0px 0px 0 0; text-align: center; border:1px solid #000; font-size:13px; color:#000; text-decoration: none!important; text-transform:uppercase; letter-spacing:.160em; border-radius:50px; -webkit-border-radius:50px; overflow:hidden;z-index:1} a.button:hover, span.button:hover{background:transparent; color:#fff;border-color:transparent!important;} /* input.submit:hover{background-color:#000; color:#fff;border-color:transparent!important;} */ a.button:hover, span.button:hover{} a.small_button, span.small_button{display: inline-block; font-size: 10px; text-transform: uppercase; color: #fff; padding: 2px 6px; border:1px solid #dcdcdc; color:#b4b4b4; text-decoration: none;} a.small_button:hover, span.small_button:hover{border:1px solid #b3b3b3; color:#b3b3b3; } a.button, span.button, a.small_button, span.small_button{} .button.button_small{ padding: 7px 48px; border-color:#cccccc; font-size: 13px;position:relative;z-index:1} .button:after, #main .filter_list li.active a:after{content: ''; z-index:-1; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-transition: top 0.3s; transition: top 0.3s;background: rgba(237,113,41,1);background: -moz-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,113,41,1)), color-stop(100%, rgba(230,45,73,1)));background: -webkit-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -o-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -ms-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: linear-gradient(to bottom, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7129', endColorstr='#e62d49', GradientType=0 );} .button:hover:after, .button.active:after{top: 0;} .button.button_light{ padding: 8px 45px; border-color:#c9c9c9;} .gradient, .section7 li h4::before{ color:#fff!important; border-color: rgb(237,113,41); background: rgba(237,113,41,1);background: -moz-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,113,41,1)), color-stop(100%, rgba(230,45,73,1)));background: -webkit-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -o-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -ms-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: linear-gradient(to bottom, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7129', endColorstr='#e62d49', GradientType=0 );} /* btn START */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 28px;font-weight:700;font-size:15px;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:100px;border:0px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;user-select:none;position:relative} .btn:has(.btn-icon){padding:12px 14px 12px 28px;} .r15{border-radius:15px} .btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.4);color: #fff;} .btn:active{transform:translateY(0)} .btn-icon{display:flex;align-items:center;justify-content:center;width:auto;padding:6px;height:auto;border-radius:8px;flex-shrink:0;transition:transform .2s ease} .btn-icon .material-symbols-outlined{font-size:14px;font-weight:700} .btn:hover .btn-icon{transform:scale(1.05)} .btn-orange{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:9999px;border:2px solid transparent;font-weight:700;font-size:15px;color:#fff!important;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(8deg, #c93b00 15%, #ff6a00 92%) padding-box, linear-gradient(8deg, rgb(201 59 0) 0, rgb(237 90 0) 50% 50%, rgb(255 180 130) 85%, rgb(255 209 141) 100%) border-box;cursor:pointer;box-shadow:0 10px 25px -5px rgba(0,0,0,0);transition:all .3s ease} .btn-silver{color:#121212;background:linear-gradient(8deg, #949699 30%, #b2b4b7 80%, #aeb0b3 92%) padding-box, linear-gradient(8deg, rgba(80, 80, 85, .4) 0, rgba(140, 140, 145, .3) 50%, rgb(239 239 239 / 80%) 85%, rgb(233 233 233 / 82%) 100% 100%) border-box;box-shadow:0 4px 15px rgba(0,0,0,0),inset 0 1px 1px rgba(255,255,255,0)} .btn-silver .btn-icon{background-color:#4a4d52;color:#fff;box-shadow:inset 0 1px 2px rgba(255,255,255,.2)} .btn-dark{color:#fff!important;background:linear-gradient(8deg, #191a1c 30%, #4b4c4f 92%) padding-box, linear-gradient(8deg, rgb(25 26 28) 0, rgb(29 30 33) 50%, rgb(103 103 103) 85%, rgb(115 115 115) 100% 100%) border-box;box-shadow:0 4px 15px rgba(0,0,0,0),inset 0 1px 1px rgba(255,255,255,0)} .btn-dark .btn-icon{background-color:#0b0c0d;color:#ff6a00;border:1px solid rgba(255,255,255,.08)} .btn-orange .btn-icon,.btn-white .btn-icon{background-color:#e60000;color:#000;box-shadow:0 2px 6px rgba(230,0,0,.4)} .btn-white{color:#121212;background:#fbfbfb;box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.6)} .btn-white .btn-icon{color:#fff;} .btn-white:hover{color:#121212;} /* btn END */ input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select, .js_select{border: 1px solid #ccc; } input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus, input[type='text'].active, input[type='password'].active, textarea.active, select.active{border-color: #72AD05;} textarea, input{background-color:#fff;} textarea{margin: 0;} select{margin: 0;} input[type='text'], input[type='password']{ padding:6px 8px;} input[type='radio']{margin: 3px; vertical-align: middle;} input[type='checkbox']{margin: 3px; vertical-align: middle;} input[type='submit'], input[type='button']{ background:transparent; border: 1px solid #000; cursor: pointer; border-radius: 50px; -webkit-border-radius: 50px;} a.btn_gray, span.btn_gray, input.btn_gray{background-image: url('images/btn_gray.gif');} a.btn_blue, span.btn_blue, input.btn_blue{background-image: url('images/btn_blue.gif');} a.btn_green, span.btn_green, input.btn_green{background-image: url('images/btn_green.gif');} a.button:hover,a.button.active, span.button:hover, a.small_button:hover, span.small_button:hover, input[type='submit']:hover, #main .filter_list li.active a{ color:#fff!important; border-color: rgb(237,113,41); /*background: rgba(237,113,41,1);background: -moz-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,113,41,1)), color-stop(100%, rgba(230,45,73,1)));background: -webkit-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -o-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -ms-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: linear-gradient(to bottom, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7129', endColorstr='#e62d49', GradientType=0 );*/} input[type='submit']:hover, #main .filter_list li.active a{border-color:#fff!important; background: rgba(237,113,41,1);background: -moz-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,113,41,1)), color-stop(100%, rgba(230,45,73,1)));background: -webkit-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -o-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: -ms-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);background: linear-gradient(to bottom, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7129', endColorstr='#e62d49', GradientType=0 );} /*BUTTONY Z ADMINA*/ input{} /* input.btn, a.btn{height: 21px; padding: 0px 5px 3px; background: #CB0005 url('images/btn_bg.png') repeat-x center center; border: 1px solid #666; color: #fff; } input.btn:hover, a.btn:hover{border-color: #000;} input.btn, a.btn, .rcms_confirm{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.btn{display: inline-block; padding: 4px 13px; margin: 0 1px; text-decoration: none; text-align: center;} a.borderbtn{background:transparent; border:1px dashed #1d86c8; color:#1d86c8; line-height: 1.8em; font-size: 12px; text-transform: uppercase;} */ input.red, a.red{} input.gray, a.gray{background-color: #999; color: #fff;} input.blue, a.blue{background-color: #0079F7; color: #fff;} input.green, a.green{background-color: #3BCB00; color: #fff;} input.orange, a.orange{background-color: #FF8E00; color: #fff;} input.btn_close{position: absolute; top: 2px; right: 2px; width: 22px; height: 17px; margin: 0;} img{border: none;} p img{vertical-align: middle !important;} div, form{margin: 0px; padding: 0px; cursor: default} ::selection {background: #0A246A; color: #fff;} ::-moz-selection {background: #0A246A; color: #fff;} /* .komunikat, #komunikat{padding: 10px; margin: 10px 0; background: transparent url('/modules/formCreator/images/empty_field.png') no-repeat right top; border: 1px solid #ff0000; font-weight: 700; color: #ff0000; text-align: center; border-radius: 3px; overflow: hidden; position: relative;} */ .komunikat{ position: fixed; left: 0; top: 160px; z-index: 7; width: 100%; } .komunikat .komunikat_inner{ padding: 10px; margin: 10px 0; background: linear-gradient(-45deg, #ecbc1c, #E62D48, #ED712A, #E62D48); background-size: 400% 400%; animation: gradientAnimation 10s ease infinite; font-weight: 700; color: #fff; text-align: center; max-width: 90%; width: 800px; border-radius: 10px; overflow: hidden; position: relative; margin: 20px auto; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .05), 0 12px 12px 0 rgba(0, 0, 0, .04), 0 49px 30px 0 rgba(0, 0, 0, .03), 0 88px 35px 0 rgba(0, 0, 0, .01), 0 137px 38px 0 transparent;} .komunikat[style*="wyslano"] .komunikat_inner{ border: 1px solid #008000;background: #008000;} .komunikat input.close { position: absolute; right: 20px; top: 10px; width: 38px; background: #000; border: 0 none; color: #fff;} .komunikat hr, #komunikat hr{border-bottom: 1px dashed #ff0000;} p.red, div.red, span.red, a.red{color: #c33 !important;} p.black, div.black, span.black, a.black{color: #000 !important;} p.white, div.white, span.white, a.white{color: #fff !important;} a.white:hover{color: #ffae00 !important;} p.gray, div.gray, span.gray, a.gray{color: #888 !important;} p.green, div.green, span.green, a.green{color: #02dfff !important;} p.yellow, div.yellow, span.yellow, a.yellow{color: #ffdb00 !important;} a.yellow:hover{color: #FFAF00 !important;} p.light_orange, div.light_orange, span.light_orange, a.light_orange{color: #ffe962 !important;} a.light_orange:hover{color: #FFAF00 !important;} p.orange, div.orange, span.orange, a.orange{color: #ff7d14 !important;} a.orange:hover{color: #ffe962 !important;} p.d_blue, div.d_blue, span.d_blue, a.d_blue{color: #003356 !important;} p.blue, div.blue, span.blue, a.blue{color: #005EAE !important;} .norm, a.norm{font-weight: normal !important;} .bold, a.bold{font-weight: bold !important;} .italics, a.italics{font-style: italic !important;} .underline, a.underline{text-decoration: underline !important;} .stroke, a.stroke{text-decoration: line-through !important;} .micro, a.micro{font-size: 8px !important;} .small, a.small{font-size: 9px ;} .huge, a.huge{font-size: 18px !important;} .block, a.block{display: block !important;} .inline, a.inline{display: inline !important;} .inline_block, a.inline_block{display: inline_block !important;} .center {text-align:center;} p.center {clear: both; padding: 0;} .left {float:left} .right {float:right} .left_order{float: left; width: 45px; margin-right: 5px; display: block; text-align: right;} .clear:before, .clear:after {content:""; display:table;} .clear:after {clear:both;} .clear {clear:both;} .clear_left{clear: left !important;} .clear_right{clear: right !important;} img.middle{vertical-align: middle !important;} .empty_field{background-image: url('/modules/formCreator/images/empty_field.png'); background-repeat: no-repeat; background-position: right top;} /* TEMPLATE #########################################*/ #bg {} #headFixedHeight { height: 75px;} .container, #mainMenu .divWrapperMenu ul{margin: 0 auto; width: 1240px;clear: both; position:relative;max-width: 100%;} #main { float: left; width: 100%;} .columns-container .galeria .container {width:90%;} .formularz .opener .fieldset_label {border:1px solid #bfbfbf; padding: 10px 10px 10px 15px; border-radius: 5px; -webkit-border-radius:5px; background: url(./images/rozwin.png) no-repeat 100% 6px; } .formularz .opener .fieldset_label.zwin {border-radius: 5px 5px 0px 0px ; -webkit-border-radius:5px 5px 0px 0px; background-position: 100% -55px} .formularz .opener .fieldset_content {display:none; width: 100%; margin: -2px 0 0 0; float: left;padding-top:20px;padding-bottom:20px;border-radius:0px 0px 5px 5px ; -webkit-border-radius:0px 0px 5px 5px;border:1px solid #bfbfbf; border-top:0; } .header-bg {background:linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%) !important;margin-bottom:20px;} /* HEAD #########################################*/ #head {height: 75px; width:100%;position: fixed; text-align:right; left:0; top:0; z-index: 9; background-color:transparent; box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);border: 1px solid rgba(0, 0, 0, 0.0);margin-top:0;} #head.f-nav {background-color:#fff;} a#go_home{display: block; height: 23px; float:left; margin:27px 0 0 0; position:relative; z-index: 999; vertical-align: middle;} a#go_home .slided{display:none;} a#go_home img{margin:0;height: auto;} #baner {margin-top: 0px;} #baner .container{display:table;} .rwdSlides .baner-content {display:table-cell; vertical-align:middle;} .rwdSlides li.slide, .rwdSlides .baner-content { height: 100vh;} /* HAMBURGER MENU BAR */ .hamburger {padding: 0px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 15px 0 0;overflow: visible;} .hamburger:hover {opacity: 0.7;} .hamburger.is-active:hover {opacity: 0.7;} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000;} .hamburger-box {width: 27px;height: 20px;display: inline-block;position: relative;} .hamburger-inner {display: block;top: 50%;margin-top: -2px;} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 25px;height: 3px;background-color: #000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;} .hamburger-inner::before, .hamburger-inner::after {content: "";display: block;} .hamburger-inner::before {top: -8px;} .hamburger-inner::after {bottom: -8px;} /** Arrow */ .hamburger--arrow.is-active .hamburger-inner::before {transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);} .hamburger--arrow.is-active .hamburger-inner::after {transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);} /** Spring Reverse */ .hamburger--spring-r .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} .hamburger--spring-r .hamburger-inner::after {top: -16px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;} .hamburger--spring-r .hamburger-inner::before {transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);} .hamburger--spring-r.is-active .hamburger-inner {transform: translate3d(0, -7px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} .hamburger--spring-r.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;} .hamburger--spring-r.is-active .hamburger-inner::before {top: 0;transform: rotate(90deg);transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);} /** Squeeze */ .hamburger--squeeze .hamburger-inner {transition-duration: 0.075s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} .hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;} .hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);} .hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} .hamburger--squeeze.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.075s ease, opacity 0.075s 0.12s ease;} .hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);} /* HAMBURGER MENU BAR END */ /* MENU */ #mainMenu{display:block; float:none; margin: 0; vertical-align: top; position:relative!important;} #mainMenu ul{margin: 0; padding: 0;} #mainMenu li{display: block; float:left; margin:0 0 0 24px; padding: 0;line-height: 1.4em;position: relative;} #mainMenu li a span{ position:relative; letter-spacing:.075em; } #mainMenu a{display: block; float:left; padding:18px 0; margin: 0; font-size: 14px; font-weight:600; text-decoration: none; color:#000; text-transform:uppercase;} #mainMenu li>span{padding: 13px 0 18px;} #mainMenu li a.kategorie_active span{border-bottom: 1px solid #000;} #mainMenu li a.kategorie_active span{border-bottom: 1px solid #000;} #mainMenu li > a{width: 100%;} #mainMenu li > a span{display:block; font-weight: 700; padding: 8px 0px; } #mainMenu li > a.active span, #mainMenu li > a:hover span{border-color:#000;} /* 2 poziom */ #mainMenu li.sub{display: flex; align-items: center;} #mainMenu li.sub > span.material-symbols-outlined{display: block!important;font-size: 15px; padding: 4px;} #mainMenu ul li:hover ul, #mainMenu ul li.active ul{ background-color:#fff; color:#000; } #mainMenu ul ul{ display: none; border-radius: 4px; float: none; z-index: 99999; background: #fff; padding: 0 20px; border: 0 none; position: absolute; left: 0px; top: 100%; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 21%); height: auto; text-align: right; width: 260px;} #mainMenu ul li a:hover{color:#ed6a26} #mainMenu ul ul li{display:block; margin:0; text-align:left; float:none;padding:0px; } #mainMenu ul ul li a{ font-size: 14px; margin-left: 0px; padding: 6px 0; font-weight: 500;} @media(min-width:767px){ #mainMenu ul li:hover ul{display:block;} } #mainMenu ul ul {padding:4px 6px;border-radius: 6px} #mainMenu ul ul span {background:#ededed;border-radius: 4px; padding:15px 12px;} #mainMenu ul ul li > a:hover > span {background: #393939; color: #fff;} #mainMenu ul ul li > a.kategorie_active > span {background: #393939; color: #fff;} #mainMenu ul ul li a{padding: 2px 0;} @media(max-width:991px){ body #mainMenu ul ul li{margin: 8px 0 0px 0px !important;} body #mainMenu ul ul span.navi_span {display: block;background:#e1e1e1;padding:25px 12px} /* #mainMenu ul ul li > a.kategorie_active > span {background: #393939; color: #fff;} */ #mainMenu ul li.id_166 > a span {font-size: 30px;padding: 22px 10px!important; display: block;} } #mainMenu ul li.id_166{display:inline-block;font-size:13px;font-weight:400;position:relative;letter-spacing:.16em;color:#000;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;border:0 none;border-radius:50px;-webkit-border-radius:50px;position:relative;margin-left:0; } #mainMenu ul li.id_166 > a span{ background: linear-gradient(-45deg, #ecbc1c, #E62D48, #ED712A, #E62D48);background-size: 400% 400%;animation: gradientAnimation 10s ease infinite;} @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } #mainMenu ul li.id_166 > a{color:#fff;padding:0 } #mainMenu ul li.id_166 > a span{padding:16px 36px;border-bottom:0 none;background:linear-gradient(to bottom, rgb(0 0 0 / 0%) 30%, rgb(97 16 16 / 30%) 100%;);border-radius:50px;-webkit-border-radius:50px; box-shadow: 0 5px 7px 0 #00000038;} #mainMenu ul li.id_166 > .wiecej{display:none!important;} #head.f-nav {background: rgba(255,255,255,0.8); backdrop-filter: blur(6px) saturate(300%); -webkit-backdrop-filter: blur(6px) saturate(300%); border: 1px solid rgba(0, 0, 0, 0.05); margin: 10px 20px; width: calc(100% - 40px); border-radius: 8px;} #head.f-nav:has(.menu-bar.zwin) { } #head.f-nav a#go_home {margin: 24px 0 0 0;} #head.f-nav li.menu-1{width:45px; opacity:1;} #head li.menu-1{width:0; opacity:0; overflow:hidden;} #mainMenu.langMenu { margin-left: 40px;} #mainMenu.langMenu a{font-size:11px; padding: 0px; margin: 24px 0 0 12px;} #mainMenu.langMenu a:hover, #mainMenu.langMenu a.active{text-decoration: underline;} .main .scroll {position:absolute;width:146px;left:calc(50% - 73px);bottom:30px;z-index:3;font-size:11px;letter-spacing:.3em;text-align:center;line-height:14px;padding:45px 0 0 0;background:url('images/scroll.png') no-repeat 50% 0%;cursor:pointer; text-decoration:none; color: #000;} .main .scroll:hover{padding-top:55px;bottom:25px;color:#ed6a26!important;} .scroll:before{content:""; display:block; width:2px; height:10px; background-color:#ed6a26; border-radius:10px; position:absolute; left:calc( 50% - 1px ); top:7px;} .scroll:hover:before{height:19px;} /* ZEBRA #########################################*/ #zebra {float: left;width: 100%;} #zebra .container{} .zebra-line:has(>.container > #wycena){padding: 0px 0px 20px;} body .row.wycena-box{margin-left:-15px!important;margin-right:-15px!important;display:flex;flex-direction:row;margin-bottom:20px;align-items:stretch} #zebra #wycena + .container{padding-left:0;padding-right:0;} .zebra-line {float: left;width: 100%;min-height:auto;padding: 40px 0px 40px;position: relative; } #zebra .zebra-line.home:not(.banerSection) { margin: 0;} #zebra .zebra-line.home { padding-top: 0px} #zebra .zebra-line.kontakt { padding: 0} .zebra-line:nth-of-type(even) { } .zebra-line:nth-of-type(even) h2 {} #zebra img {} .zebra-line > a { display: block; height: 0; left: 0; position: absolute; top: -50px;} .zebra-line .hcenter {display: table-cell;vertical-align: middle;height:300px;} /* TRESC #########################################*/ .main.cms{} .main a:not(.btn){text-decoration:underline} .content-50 {width:100%; text-align:center; float: left;} table {width:100%; border-spacing: 0; border-collapse: collapse; margin: 15px 0 0; float: left;} table td{ padding: 17px 0; vertical-align: top; text-align:left; font-size:18px;} table td p{text-align:center; padding-top:0; font-size: 14px; line-height: 1.8em;} table td:first-child{font-weight:700;} table tr:last-child td:first-child{background:none;} p span.bull {display:inline-block; margin: 0 2em;} .main ul {margin:0px;} .main ul {margin:10px 0 0 0px;} .main ul > li:not([class*="col-xs-"]) {padding: 0 0 0 30px; margin-bottom: 5px; background:url('./images/pkt.png') no-repeat 0% 13px; position:relative;} .main ol {margin:0px 0 0 40px} .main ol ol {margin:10px 0 0 40px} .main ol > li {padding: 0 0 0 5px; margin-bottom: 10px; position:relative;} .portfolio.section {height: 610px; margin-bottom: 10px; background:url('../default/images/portfolio.jpg') no-repeat 50% 100%;} .portfolio.section .left{margin-top: 180px;} .developerimg img {border-radius:10px;box-shadow:4px 4px 10px 0 rgba(0,0,0,0.15);-webkit-border-radius:10px;-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.15);} /* STRONY ########################################*/ .section0 {padding: 0; } .kontakt.zebra-line { padding-bottom:0; min-height: auto;} #map-canvas {width:100%; height:490px; margin:40px 0 0; } /* MENU OFERTA ############################################################## */ #main .oferta-list {width:100%;margin:0 auto; } #main .oferta-list ul {width:100%; float:none;margin:0 auto;border-radius: 3px; -webkit-border-radius: 3px;display: flex; gap: 20px;} #main .oferta-list ul li{display:inline-block; padding: 0 20px;margin:0;width:33.333%; position: relative; background:none; vertical-align: top; text-align: center; border-radius: 8px; -webkit-border-radius: 8px;box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0);-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0);background-color: #fff;} #main .oferta-list ul li{ padding: 40px 0 0; background: linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%)!important; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0);} #main .oferta-list ul li .button {background: #000;color:#fff;} #main .oferta-list ul li:hover, .oferta-list-secondary .inside:hover{ background:#fff!important; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0);-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0);} #main .oferta-list ul li:hover .button {background: transparent;color:#000;} @media(max-width: 768px) { #main .oferta-list ul {flex-direction: column;padding: 0;} #main .oferta-list ul li {width: 100%;} } .columns-container #main .section.oferta .oferta-list ul li:first-child::after{content:"";position:absolute;inset:0;border:2px solid #e72e41;border-radius:10px;opacity:0;pointer-events:none;animation:pulseOutline 4s infinite} @keyframes pulseOutline { 0%, 69% { transform: scale(1); opacity: 0;border-radius: 10px; } 70% { opacity: 0.8;border-radius: 10px; transform: scale(1); } 100% { opacity: 0;border-radius: 20px; transform: scale(1.09); } } @font-face{font-family:Barlow;src:url('fonts/Barlow-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap} .rp-page{--rp-ink:#272727;--rp-muted:#707070;--rp-paper:#fff0e7;--rp-orange:#ff7427;--rp-red:#f12249;--rp-radius:20px;--rp-gradient:linear-gradient(170deg,#f8791c,#ef234b);font-family:Barlow,sans-serif;font-size:16px;line-height:1.5;color:var(--rp-ink);background:#fff;isolation:isolate} #main.rp-main{float:none;width:100%;background:#fff} .rp-page *,.rp-page *::before,.rp-page *::after{box-sizing:border-box} .rp-page .rp-shell{width:1240px;max-width:100%;padding:0 15px;margin-inline:auto;position:relative;clear:both} .rp-page h1,.rp-page h2,.rp-page h3,.rp-page h4,.rp-page p,.rp-page figure,.rp-page ul,.rp-page ol{float:none;background:none;padding:0;margin:0;letter-spacing:normal;clear:none;color:inherit} .rp-page h1,.rp-page h2{font-size:34px;line-height:1.3;font-weight:400;text-align:left;display:block} .rp-page h3{font-size:20px;line-height:1.3;font-weight:700;text-align:inherit} .rp-page p{line-height:1.5;text-align:inherit} .rp-page p+p{margin-top:14px} .rp-page a{color:inherit;text-decoration:none} .rp-page img{display:block;max-width:100%;height:auto;float:none;margin:0} .rp-page .rp-title{position:relative;padding-bottom:18px;margin-bottom:34px;text-align:center} .rp-page .rp-title::after{content:'';position:absolute;bottom:0;left:calc(50% - 36px);width:72px;height:2px;background:var(--rp-orange)} .rp-page .rp-title-left{text-align:left} .rp-page .rp-title-left::after{left:0} .rp-page .rp-section{padding-block:38px;margin-bottom:22px;position:relative} .rp-page .rp-frame{margin-inline:20px;width:calc(100% - 40px);max-width:calc(100% - 40px);float:none;border-radius:var(--rp-radius);overflow:hidden} .rp-page .rp-surface-soft{background-color:var(--rp-paper)} .rp-page .rp-surface-glow{background:radial-gradient(ellipse at 2% 65%,#ffd9bd88,transparent 35%),radial-gradient(ellipse at 98% 30%,#ffd3b488,transparent 35%),#fff0e7} .rp-page .rp-surface-orbit{background:radial-gradient(ellipse at 0% 68%,#ffdabf80,transparent 30%),radial-gradient(ellipse at 100% 65%,#ffdabf80,transparent 30%),#fff0e7;isolation:isolate} .rp-page .rp-surface-orbit::before{content:'';position:absolute;z-index:-1;inset:-460px 7% -260px;border:3px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 44px #fff3,0 0 0 49px #fff3,0 0 0 105px #fff3,0 0 0 145px #fff3;pointer-events:none} .rp-page .rp-surface-horizon{background:radial-gradient(ellipse 220px 170px at 50% calc(100% + 135px),#ff783d 97%,transparent 100%),radial-gradient(ellipse at 0% 35%,#ffddc780,transparent 35%),radial-gradient(ellipse at 100% 30%,#ffddc780,transparent 35%),#fff0e7} .rp-page .rp-grid{display:grid;gap:24px;align-items:start} .rp-page .rp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .rp-page .rp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .rp-page .rp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .rp-page .rp-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))} .rp-page .rp-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))} .rp-page .rp-center{text-align:center} .rp-page .rp-intro{max-width:1000px;margin:0 auto 42px;text-align:center} .rp-page .rp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px} .rp-page .rp-actions-center{justify-content:center} .rp-page .rp-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:10px 24px;border:1px solid #111;border-radius:999px;font:400 14px/1.3 Barlow,sans-serif;text-transform:uppercase;background:transparent;color:#111;cursor:pointer;transition:background .2s,color .2s,transform .2s;white-space:normal;text-align:center;text-decoration:none} .rp-page .rp-button .rp-icon{width:20px;height:20px} .rp-page .rp-button:hover{background:#111;color:#fff;transform:translateY(-2px)} .rp-page .rp-button-primary{background:var(--rp-gradient);color:white;border-color:transparent;font-weight:600} .rp-page .rp-button-primary:hover{background:#df2042;color:#fff} .rp-page .rp-button-dark{background:#000;color:#fff;border-color:#000} .rp-page .rp-button-dark:hover{background:#333;color:#fff} .rp-page :focus-visible{outline:3px solid #db2645;outline-offset:5px} .rp-page .rp-icon{display:inline-block;flex-shrink:0;width:30px;height:30px;vertical-align:middle;fill:currentColor} .rp-page .rp-icon-circle{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:var(--rp-gradient);color:#fff;margin:0 auto 24px} .rp-page .rp-icon-circle .rp-icon{width:42px;height:42px} .rp-page .rp-icon-tile{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;color:#ff5256;background:#fce2d7;margin:0 auto 22px} .rp-page .rp-feature{text-align:center} .rp-page .rp-feature h3{margin-bottom:8px;font-size:18px} .rp-page .rp-feature p{font-size:15px;line-height:1.4} .rp-page .rp-hero{min-height:585px;display:flex;align-items:center;background-color:#eeeae4;background-position:center;background-size:cover;margin-top:14px;padding:140px 0 90px} .rp-page .rp-hero-copy{max-width:590px;position:relative;z-index:1} .rp-page .rp-hero h1{font-size:34px;margin-bottom:24px} .rp-page .rp-hero p{line-height:1.75} .rp-page .rp-hero-home{background-image:url('images/hero-home.jpg')} .rp-page .rp-hero-web{background-image:url('images/hero-web.jpg')} .rp-page .rp-hero-shop{background-image:url('images/mockup-shop.png'),radial-gradient(circle at 106% 22%,#f02b47 12%,#ff783f 20%,transparent 21%),linear-gradient(0deg,#ffb697,#eeeae4 40%);background-size:800px 600px,cover,cover;background-position:right -30px center,center,center;background-repeat:no-repeat} .rp-page .rp-hero-systems{background-image:url('images/mockup-systems.png'),radial-gradient(ellipse at 100% 10%,#ff9866,transparent 65%);background-size:1150px 696px,cover;background-position:right -230px top -45px,center;background-repeat:no-repeat} .rp-page .rp-service-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))} .rp-page .rp-service{position:relative;overflow:hidden;isolation:isolate;padding:30px 24px;min-height:492px;border-radius:20px;background:#fff0e7;text-align:center;display:flex;flex-direction:column;align-items:center;height:100%} .rp-page .rp-service::before{content:'';z-index:-1;position:absolute;top:210px;left:-20%;width:140%;height:520px;border-radius:50%;background:linear-gradient(180deg,#ff8d57bb,#fff0e700 26%);filter:blur(2px);transition:transform .55s ease,background .55s} .rp-page .rp-service::after{content:'';position:absolute;z-index:-1;width:650px;height:650px;border-radius:50%;background:var(--rp-gradient);left:50%;top:100%;transform:translate(-50%,0);transition:transform .6s ease} .rp-page .rp-service:hover::after,.rp-page .rp-service:focus-within::after{transform:translate(-50%,-60px)} .rp-page .rp-service:hover::before,.rp-page .rp-service:focus-within::before{transform:translateY(-30px)} .rp-page .rp-service .rp-icon-circle{width:220px;height:220px;margin-bottom:36px} .rp-page .rp-service:nth-child(2) .rp-icon-circle{background:linear-gradient(145deg,#ee771a,#e83d2f)} .rp-page .rp-service:nth-child(3) .rp-icon-circle{background:linear-gradient(145deg,#e5164d,#e86316)} .rp-page .rp-service .rp-icon-circle .rp-icon{width:94px;height:94px;filter:drop-shadow(0 5px 3px #0002)} .rp-page .rp-service h3{font-size:28px;line-height:1.12;text-transform:uppercase;margin-bottom:16px} .rp-page .rp-service p{margin-bottom:14px} .rp-page .rp-service .rp-button{margin-top:auto;font-weight:600} .rp-page .rp-service:hover .rp-button,.rp-page .rp-service:focus-within .rp-button{color:#fff;background:#000} .rp-page .rp-stat{background:#fff0e7;border-radius:20px;padding:36px 20px;text-align:center} .rp-page .rp-stat strong{display:block;color:#000;font-size:64px;font-weight:700;line-height:1.1;letter-spacing:-.05em} .rp-page .rp-stat span{font-size:20px;text-transform:uppercase;color:#ff294d} .rp-page .rp-checklist{gap:22px 52px;padding-bottom:42px} .rp-page .rp-media{display:flex;align-items:flex-start;gap:20px;min-width:0} .rp-page .rp-media>div{min-width:0} .rp-page .rp-media h3{font-size:18px;margin:2px 0 8px} .rp-page .rp-media p{font-size:15px;color:var(--rp-muted)} .rp-page .rp-check{width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:#fff;box-shadow:0 3px 3px #0004;display:flex;align-items:center;justify-content:center;color:#ff363e} .rp-page .rp-check .rp-icon{width:30px;height:30px} .rp-page .rp-process{padding-block:38px 65px} .rp-page .rp-steps{margin-top:68px;gap:32px;list-style:none;counter-reset:rp-step;text-align:center} .rp-page .rp-step{position:relative;line-height:1.4;counter-increment:rp-step} .rp-page .rp-step::before{content:counter(rp-step);display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:var(--rp-gradient);color:white;font-size:22px;font-weight:700;margin:0 auto 14px} .rp-page .rp-step:not(:last-child)::after{content:'';position:absolute;top:36px;left:calc(50% + 80px);width:calc(100% - 130px);height:10px;background:linear-gradient(90deg,#ff713026,#ff7130);clip-path:polygon(0 45%,92% 45%,92% 0,100% 50%,92% 100%,92% 55%,0 55%)} .rp-page .rp-step h3{font-size:18px;margin-bottom:12px} .rp-page .rp-step p{font-size:14px;color:#666} .rp-page .rp-process-note{margin:-4px auto 18px;padding:0 20px 0;text-align:center} .rp-page .rp-process-note .rp-button{margin-top:8px} .rp-page .rp-project{position:relative} .rp-page .rp-slide{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center} .rp-page .rp-slide[hidden]{display:none} .rp-page .rp-project-image{display:block;border:0;background:none;padding:0;cursor:zoom-in} .rp-page .rp-project-image img{width:100%;max-height:410px;object-fit:contain} .rp-page .rp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px} .rp-page .rp-tags span{font-size:12px;line-height:1.3;font-weight:700;text-transform:uppercase;padding:10px;border:1px solid #c9bdb5;border-radius:10px} .rp-page .rp-project-copy>h3{font-size:28px;font-weight:400;margin-bottom:14px} .rp-page .rp-project-copy>p{line-height:1.25;font-size:16px} .rp-page .rp-project-features{gap:12px;margin-top:16px} .rp-page .rp-project-features .rp-media{background:#fff9;border-radius:12px;padding:10px;gap:12px} .rp-page .rp-project-features .rp-check{width:38px;height:38px;flex-basis:38px;border-radius:12px} .rp-page .rp-project-features .rp-check .rp-icon{width:23px;height:23px} .rp-page .rp-project-features h4{font-size:18px;font-weight:600;line-height:1.2;margin:0 0 3px} .rp-page .rp-project-features p{font-size:14px;line-height:1.2;color:#666} .rp-page .rp-project-copy>.rp-button{margin-top:34px} .rp-page .rp-slider-nav{display:flex;justify-content:space-between;position:absolute;inset:50% 12px auto;pointer-events:none;z-index:2} .rp-page .rp-slider-nav button{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;background:white;box-shadow:0 12px 20px #0002;color:#222;cursor:pointer;pointer-events:auto} .rp-page .rp-slider-nav button:hover{background:#222;color:#fff} .rp-page .rp-slider-dots{display:flex;justify-content:center;gap:8px;margin-top:20px} .rp-page .rp-slider-dots button{border:0;width:9px;height:9px;border-radius:50%;background:#d2bcb0;padding:0;cursor:pointer} .rp-page .rp-slider-dots button[aria-current=true]{background:#f24b3f} .rp-page .rp-logos{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:12px} .rp-page .rp-logos img{object-fit:contain;width:140px;height:70px;filter:grayscale(1)} .rp-page .rp-branding{min-height:360px;display:flex;align-items:center;background:#e9c9ae url('images/branding.jpg') center/cover no-repeat;padding-block:48px} .rp-page .rp-branding-copy{max-width:590px} .rp-page .rp-rating{display:flex;align-items:center;justify-content:center;gap:10px;margin:-8px 0 24px} .rp-page .rp-rating img{width:68px;height:auto} .rp-page .rp-stars{font-size:21px;color:#f2a300;letter-spacing:-1px;white-space:nowrap} .rp-page .rp-rating small{font-size:12px;color:#666} .rp-page .rp-review{padding:24px 20px;border-radius:12px;background:#fff5ee;display:flex;flex-direction:column;min-height:240px;height:100%} .rp-page .rp-review p{font-size:15px;line-height:1.45;margin-bottom:24px} .rp-page .rp-review footer{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto} .rp-page .rp-review strong{font-size:16px;line-height:1.2} .rp-page .rp-surface-glow .rp-review{background:#fff;box-shadow:0 12px 18px #0002} .rp-page .rp-faq{padding-block:90px} .rp-page .rp-faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px} .rp-page .rp-eyebrow{display:block;color:#ff254c;font-size:15px;font-weight:600;letter-spacing:.08em;margin-bottom:18px} .rp-page .rp-faq details{background:#fff5ee;border-radius:6px;margin-bottom:10px;padding:0 22px;overflow:hidden} .rp-page .rp-faq summary{position:relative;padding:18px 34px 18px 0;font-size:22px;line-height:1.3;cursor:pointer;list-style:none} .rp-page .rp-faq summary::-webkit-details-marker{display:none} .rp-page .rp-faq summary::after{content:'+';position:absolute;right:3px;top:16px;font-size:25px} .rp-page .rp-faq details[open] summary::after{content:'×'} .rp-page .rp-faq-answer{padding:12px 0 20px;color:#777;font-size:16px;line-height:1.5} .rp-page .rp-faq-answer ul{list-style:disc;margin-left:24px} .rp-page .rp-faq-answer li{line-height:1.5} .rp-page .rp-cta{min-height:270px;padding-block:60px;isolation:isolate} .rp-page .rp-cta-layout{display:grid;grid-template-columns:1fr 1.9fr;gap:70px;align-items:center} .rp-page .rp-cta-copy{max-width:470px} .rp-page .rp-cta-copy strong{font-size:18px;display:block;margin-bottom:8px} .rp-page .rp-cta-copy p{font-size:18px} .rp-page .rp-cta .rp-title{margin:0} .rp-page .rp-cta-decor{position:absolute;z-index:-1;right:7%;bottom:-36px;width:250px;height:250px;color:#f6545830;filter:blur(2px);transform:rotate(10deg);pointer-events:none} .rp-page .rp-cta-decor .rp-icon{width:100%;height:100%} .rp-page .rp-page-heading{padding:24px 0 18px} .rp-page .rp-breadcrumb{font-size:14px;margin-bottom:4px} .rp-page .rp-about{padding-block:60px;background:radial-gradient(ellipse at center,#dc7a41b3,transparent 65%),radial-gradient(ellipse at bottom,#ffb69a99,transparent 60%),#fff0e7} .rp-page .rp-about-grid{gap:30px} .rp-page .rp-about-card{display:flex;align-items:center;gap:30px;min-height:210px;padding:30px 22px;background:#fff;border-radius:12px;box-shadow:0 4px 4px #0003;height:100%} .rp-page .rp-about-card img{width:144px;flex:0 0 144px} .rp-page .rp-about-card h2{font-size:18px;line-height:1.3;font-weight:700;margin-bottom:12px} .rp-page .rp-about-card p{font-size:18px;line-height:1.2} .rp-lightbox{border:0;border-radius:16px;padding:50px 20px 20px;max-width:95vw;max-height:95vh;background:#fff;box-shadow:0 10px 60px #0006} .rp-lightbox::backdrop{background:#000b} .rp-lightbox img{display:block;max-width:85vw;max-height:78vh;object-fit:contain} .rp-lightbox button{position:absolute;top:8px;right:12px;background:#fff;border:0;font:30px/1 sans-serif;cursor:pointer;padding:5px 10px} @media(max-width:1199px){.rp-page .rp-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-page .rp-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-page .rp-hero-copy,.rp-page .rp-branding-copy{max-width:52%}.rp-page .rp-hero p{background:#ffffff45;border-radius:8px}.rp-page .rp-service .rp-icon-circle{width:170px;height:170px}.rp-page .rp-service h3{font-size:25px}.rp-page .rp-about-card{gap:18px}.rp-page .rp-about-card img{width:100px;flex-basis:100px}.rp-page .rp-about-card p{font-size:16px}.rp-page .rp-slider-nav{position:static;justify-content:center;gap:16px;margin-top:20px}} @media(max-width:900px){.rp-page .rp-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-page .rp-slide{grid-template-columns:1fr}.rp-page .rp-project-image img{max-height:350px}.rp-page .rp-faq-layout{grid-template-columns:1fr;gap:24px}.rp-page .rp-about-grid{grid-template-columns:1fr}.rp-page .rp-cta-layout{grid-template-columns:1fr 1.4fr;gap:28px}.rp-page .rp-step:nth-child(2)::after{display:none}.rp-page .rp-cta-decor{right:0;opacity:.5}} @media(max-width:700px){.rp-page h1,.rp-page h2,.rp-page .rp-hero h1{font-size:28px}.rp-page .rp-section{padding-block:30px;margin-bottom:20px}.rp-page .rp-frame{margin-inline:20px;border-radius:16px}.rp-page .rp-shell{padding-inline:20px}.rp-page .rp-frame .rp-shell{padding-inline:20px}.rp-page .rp-grid-3,.rp-page .rp-checklist,.rp-page .rp-cta-layout{grid-template-columns:1fr}.rp-page .rp-grid-5,.rp-page .rp-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-page .rp-hero{min-height:650px;padding:310px 0 30px;background-size:auto 360px;background-position:top right;background-repeat:no-repeat;background-color:#eeeae4}.rp-page .rp-hero-copy{max-width:none;background:#ffffffec;border-radius:12px;padding:22px}.rp-page .rp-hero-copy p{background:none;font-size:16px}.rp-page .rp-hero-copy h1{margin-bottom:16px}.rp-page .rp-actions{gap:12px}.rp-page .rp-service{min-height:450px}.rp-page .rp-service .rp-icon-circle{width:190px;height:190px}.rp-page .rp-feature{padding-block:8px}.rp-page .rp-intro{margin-bottom:24px}.rp-page .rp-stat{padding:28px}.rp-page .rp-stat strong{font-size:54px}.rp-page .rp-checklist{gap:24px}.rp-page .rp-media{gap:14px}.rp-page .rp-check{width:44px;height:44px;flex-basis:44px}.rp-page .rp-steps{gap:30px;margin-top:30px}.rp-page .rp-step:not(:last-child)::after{display:none}.rp-page .rp-step p{font-size:15px}.rp-page .rp-branding{padding-top:240px;background-position:top right;background-size:auto 300px;background-repeat:no-repeat}.rp-page .rp-branding-copy{max-width:none;background:#fff8;padding:18px;border-radius:12px}.rp-page .rp-review{min-height:220px}.rp-page .rp-faq{padding-block:36px}.rp-page .rp-faq summary{font-size:20px}.rp-page .rp-faq details{padding-inline:16px}.rp-page .rp-project-features{grid-template-columns:1fr}.rp-page .rp-project-copy>h3{font-size:26px}.rp-page .rp-logos{justify-content:center;gap:10px}.rp-page .rp-logos img{width:28%;height:60px}.rp-page .rp-cta-copy p{font-size:16px}.rp-page .rp-about-card{flex-direction:column;text-align:center;padding:24px;min-height:0}.rp-page .rp-about-card img{width:130px;flex-basis:auto}.rp-page .rp-about-card h2{text-align:center}.rp-page .rp-about-card p{font-size:17px}.rp-page .rp-title{margin-bottom:28px}.rp-page .rp-cta-decor{width:170px;height:170px;opacity:.3}} @media(prefers-reduced-motion:reduce){.rp-page *,.rp-page *::before,.rp-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .rp-page a.rp-button,.rp-page a.rp-button:hover{text-decoration:none} .rp-page .rp-steps{list-style:none} @media(min-width:701px) and (max-width:1350px){.rp-page .rp-hero-copy{max-width:48%}} .rp-page section[id],.rp-page details[id]{scroll-margin-top:110px} .oferta-list-secondary{width:100%;margin:0 auto;padding:0} .oferta-list-secondary ul{display:flex;margin:0 -15px;padding:0;list-style:none;} .oferta-list-secondary li{list-style:none;padding:0 10px;background: none transparent !important;} .oferta-list-secondary .inside{padding:38px 20px 25px; background: linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%) !important;border-radius:6px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center} .oferta-list-secondary .inside img{display:block;max-width:100%;width:430px;height:auto;margin:0 auto 34px; aspect-ratio: 1;object-fit: contain;} .oferta-list-secondary h3{width:100%; display: inline-block;margin:0 auto 20px;padding:0; text-align: center;font-size:28px;line-height:1.08;font-weight:900;color:#000;text-transform:uppercase;letter-spacing:.5px} .oferta-list-secondary.uklad-3 h3{font-size:25px;line-height:1.08;} .oferta-list-secondary h3 span{display:block;color:#898989} .oferta-list-secondary p{width:300px; max-width:100%; padding: 0;margin:0 auto 26px;font-size:15px;line-height:1.45;font-weight:400;color:#222;text-align: center;} .oferta-list-secondary .button{padding:20px 38px;font-size:14px;line-height:1;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease} .oferta-list-secondary .button.active{background: #000;border:0 none!important;} .oferta-list-secondary .button.active:after{top: 100%;} .oferta-list-secondary .button.active:hover:after{top: 0%;} .ofert-1 {margin-top: 40px;} /* Responsywność */ @media (max-width: 991px) { .oferta-list-secondary .inside{padding:30px 10px 25px} .oferta-list-secondary h3{font-size:24px} } @media (max-width: 767px) { .oferta-list-secondary ul{flex-direction:column;gap:20px} .oferta-list-secondary .inside{min-height:auto;} .oferta-list-secondary .inside img{max-width:100%;margin-bottom:28px} .oferta-list-secondary h3{font-size:24px} .oferta-list-secondary p{font-size:15px} .oferta-list-secondary .button{width:100%;min-width:0;margin-top:8px} } @media (max-width: 420px) { .oferta-list-secondary h3{font-size:22px} .oferta-list-secondary .button{line-height: 1.4em;} } /* START OFERTA + ANIMACJE */ .oferta-list-secondary .inside{position:relative;overflow:hidden} .oferta-list-secondary .inside::before{content:"";position:absolute;top:-20%;right:-50px;width:50px;height:140%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,0) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 65%,transparent 100%);transform:skewX(-22deg);pointer-events:none;opacity:0;animation:buttonFlash 5s ease-in-out infinite} .oferta-list-secondary ul > li:nth-child(1) .inside::before {animation-delay: .7s;} .oferta-list-secondary ul > li:nth-child(2) .inside::before {animation-delay: .9s;} .oferta-list-secondary ul > li:nth-child(3) .inside::before {animation-delay: 1.1s;} @keyframes buttonFlash { 0%{right:-50px;opacity:0} 6%{opacity:1} 18%{right:calc(100% + 50px);opacity:0} 100%{right:calc(100% + 50px);opacity:0} } /* END OFERTA + ANIMACJE */ .faq-section{background:linear-gradient(45deg,#fadbcb 0,#f2f3f3 100%);background-size:200% 200%; padding: 100px 0px;} .faq-section h2{text-align: left;background: none transparent;} .faq-section .col-sm-4{ margin-bottom:20px} @media (min-width:768px){ .faq-section .col-sm-4{ position: sticky;top:100px;} } .faq-list-container .faq-list{} .faq-list-container .faq-item{margin-bottom: 4px;border-radius:5px;padding:20px 20px;background: #fff; position: relative;} .faq-list-container .faq-item .faq-question{cursor:pointer; padding-right: 40px;} .faq-list-container .faq-item .faq-question h3{font-size: 20px;margin:0;} .faq-list-container .faq-item .faq-question h3::after{content:"close";font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased; float: right;transform: rotate(-45deg); padding: 2px;position: absolute; right: 20px; top: 20px; border-radius: 30%; } .faq-list-container .faq-item[open] h3::after{transform: rotate(0deg); color: #fff; background: #000; } .faq-list-container .faq-item .faq-question::after{content:" ";display:block;background-image: radial-gradient(#000000 25%, transparent 25%); background-size: 8px 8px;} .button-list.vertical {flex-direction: column; align-items: flex-start;} .faq-list-container .faq-item .faq-answer {} .faq-list-container .faq-item .faq-answer p{padding-bottom:0;line-height:1.4em;color: #474747;} .faq-section .button-list { margin: 20px 0 0; float: left;justify-content: center;} .faq-section .button-list .active{border-color:transparent;} .faq-section .button-list .active:after{background: #000;border-color:#000;} /* HOME */ .hero-section-container{width:100%; padding:20px 20px 0; float: left;} .hero-section-container .container{padding: 0;max-width: 100%;} .hero-section{background:linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%);padding:140px 0 80px 0!important;width:100%;border-radius:10px} .hero-section .hero-content {} .hero-section .hero-content h1 {margin: 0px 0 20px 0;} .hero-section .hero-content p {margin-bottom: 20px;} .hero-section .hero-image {} .hero-section .hero-image img{width:100%;height:auto; border-radius: 10px; aspect-ratio: 487 / 378; object-fit: contain; transform: scale(1.1);} .button-list{width:100%;display:flex;gap:15px} .button-list.center{justify-content: center;} .hero-section .button-list .button{padding: 10px 26px} .hero-section .button-list .button:not(.active){background: #000;color:#fff;border:0 none} .hero-section-container .opinie-subtitle {margin: 30px 0 0px;justify-content: flex-start;} /* baner */ .banerSection .slide_top{display:table;position:absolute;padding-left:10%;padding-right:10%;top:0;left:0;width:100%;height:100vh;text-align:center;z-index:2} .banerSection .baner-content { display: table-cell; text-align: left; vertical-align: middle; /* */} .banerSection canvas.kenburns { position: relative; top: 0; width: 100vw; height: 100vh;} .kenburn-hero a {width:100%;height:100%; display:block; } .kenburn-hero a *{cursor:pointer;} .banerSection .baner-content h2, .banerSection .baner-content .heading {margin:0; text-align:left; padding-bottom: 12px; color:#000; font-size: 34px; line-height: 1.3em; display: block; } .banerSection .baner-content h2 strong, .banerSection .baner-content .heading strong {display: block;} .banerSection .baner-content p {font-size: 16px; clear:both; color:#fff; display:block; text-align:center; padding: 0 0 20px;} .banerSection .baner-content span.more {display: inline-block; clear:both; margin-top: 10px; padding: 7px 45px; color:#fff; cursor:pointer; background: rgba(237,113,41,1); background: -moz-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,113,41,1)), color-stop(100%, rgba(230,45,73,1))); background: -webkit-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%); background: -o-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%); background: -ms-linear-gradient(top, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%); background: linear-gradient(to bottom, rgba(237,113,41,1) 0%, rgba(230,45,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7129', endColorstr='#e62d49', GradientType=0 );border:0 none;} /* referencje */ .referencje .container {width:1260px;} .referencje {} .referencje .referencje-list { margin-bottom: 40px;} .referencje .referencje-list .content-inside{background-color: #fff; float: left; width: 100%; padding:40px 30px;border-radius: 3px; -webkit-border-radius: 3px; /* box-shadow: 0px 5px 7px 0 rgba(0,0,0,.15); -webkit-box-shadow:0px 5px 7px 0 rgba(0,0,0,.15); */} .referencje-list blockquote {margin:0; padding:0; display:block;} .referencje-list .desc {line-height:1.3em; min-height: 140px; margin-bottom: 20px;} .referencje-list .desc p{padding:0;line-height:1.4em; color:#000; font-size:16px; text-align:left;} .referencje-list .desc p:before{content:"\201E";} .referencje-list .desc p:after{content:"\201D";} .referencje-list .left-content { float: left; font-size: 14px; line-height:1.4em; margin: 0px;} .referencje-list .left-content .name {font-weight: 700; } .referencje-list .left-content a { text-decoration:none;font-weight: 700;} .referencje-list .logo {float: right; height: 35px; line-height: 35px;} .referencje-list .logo img{} body .owl-carousel .owl-nav button.owl-prev {left:-30px;} body .owl-carousel .owl-nav button.owl-next {right:-30px} body .owl-carousel.owl-drag .owl-item { margin: 13px 0;} .portfolio.section {background:url('../default/images/portfolio_white_big.jpg') no-repeat 50% 100%;} #head:not(.f-nav) {box-shadow: 0 0px 6px 0 rgba(0,0,0,0.0); -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.0);} #main .oferta-list.version-second ul {display: flex; gap: 20px;} #main .oferta-list.version-second ul li {padding: 0 20px;margin:0;width:33.333%;} #main .oferta-list.version-second ul li h3{margin-bottom: 0;} #main .oferta-list.version-second ul li p {padding-top:0;text-align: center; line-height: 1.3em; color: #000; font-weight: 400;} #main .oferta-list.version-second ul li a span.navi_span:after{display: none!important;} #main .oferta-list.version-second ul li .button{ line-height: 1em; margin-bottom: 20px;} #main .process-list.version-second ul li { padding: 30px 20px 0;} #main .process-list.version-second ul li .title{display:block;text-transform:uppercase;text-decoration:none;padding-top:50px;font-weight:700;text-align:center;letter-spacing:.03em;font-size:20px; padding-top: 0;line-height:1.2em;width:100%;padding-bottom:20px} #main .process-list.version-second ul li .title + p{padding-bottom: 30px;} #main .process-list.version-second ul li .material-symbols-outlined{font-size:70px;color:#fff;margin-bottom:20px;aspect-ratio:1;border-radius:100%;padding:40px;background:rgba(237,113,41,1);background:-moz-linear-gradient(top,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(237,113,41,1)),color-stop(100%,rgba(230,45,73,1)));background:-webkit-linear-gradient(top,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);background:-o-linear-gradient(top,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);background:-ms-linear-gradient(top,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);background:linear-gradient(to bottom,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%)} .big-text-container {padding: 60px 0;clear: both;margin-top: 40px; margin: 10px 20px !important; width: calc(100% - 40px); float:left; border-radius: 10px;} .big-text-container p.text{float:none;margin:0 auto 20px;text-align:center;font-size: 50px; width: 100%; line-height: 1.3em;} .big-text-container p.text img{width: auto;height: 80px;vertical-align: middle; object-fit: contain; margin-top: -17px; margin-bottom: -10px;} .dlaczegomy-container {padding: 0 0 40px 0;clear: both;margin-top: 40px; background:linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%); margin: 10px 20px !important; width: calc(100% - 40px); float:left; border-radius: 10px;} .dlaczegomy.section p.eyebrow { display: block; text-align: center;} .dlaczegomy.section .success-list ul{display: flex;gap:15px} .dlaczegomy.section .success-list ul li{width:33.333%;background:#fff;border-radius:16px;padding: 10px 10px; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05), 0 22px 22px 0 rgba(0, 0, 0, 0.04), 0 49px 30px 0 rgba(0, 0, 0, 0.03), 0 88px 35px 0 rgba(0, 0, 0, 0.01), 0 137px 38px 0 rgba(0, 0, 0, 0);} .dlaczegomy.section .success-list ul li p{text-align: center;} .dlaczegomy.section .success-list ul li p.title{ padding-top: 4px; background: #fff; border-radius: 6px; letter-spacing: -.06em;font-size: 110px; line-height: 1.0em; font-weight: 700; display: block; width: 100%;} .dlaczegomy.section .success-list ul li p.title span.second{ display: block;letter-spacing: 0; font-size: 25px; width: 100%; color: #e62f48; line-height: 1.0em; font-weight: 400;text-transform: uppercase} .dlaczegomy.section .success-list ul li p.title + p{color:#000;} .dlaczegomy.section p.text{float:none;margin:0 auto 20px;font-size:17px;text-align:center;line-height:1.4em} .page_1 .opinie-list-container {height: 560px; padding: 0 15px; overflow: hidden} .page_1 .opinie-list-container::after{content:" ";display:block;position:absolute;bottom:0;width:100%;height:100px; background:linear-gradient(180deg, transparent 0, #f2f2f2 100%);left: 0;} .page_1 #opinie-list{ column-count: 3;position: relative;} .page_1 #opinie-list .opinia{ margin-bottom: 0px; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;} .page_1 #opinie-list .opinia .opinia-text{ text-align: left; height: auto;} .page_1 .dlaczegomy-container .button-list{ justify-content: center;flex-wrap:wrap} .referencje .container { width: 100%;} @media(min-width: 991px) { .referencje #opinie-list {column-count: 4;} } .chart canvas {display: none;} .chart.lat:after {content:"+"} .chart.realizacji:after {content:"+"} .chart.procent:after {content:"%"} .marque {} .marque .realizacje-slider{overflow:hidden;display:flex;flex-direction:column;gap:20px} .marque .row{overflow:hidden} .track{display:flex;gap:20px;width:max-content;min-width:200%} .track figure {perspective: 1000px;} .track img{height:180px;width:auto;border-radius:12px;flex-shrink:0;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1)} .track figure:hover img { border: 2px solid #e62f48; transform: rotateX(25deg);filter: contrast(1.2) brightness(1.0) ;} /* kierunki */ .row-left .track{animation:slideLeft 160s linear infinite} .row-right .track{animation:slideRight 160s linear infinite} @keyframes slideLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes slideRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .swiper.horizontal-1{width:100%;max-width:100%;overflow:hidden;padding:40px 0 40px 0} .swiper.horizontal-1 .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:18px;font-size:16px;overflow:hidden;color:#000;box-shadow:0 20px 40px rgba(0,0,0,.08),0 3px 20px rgba(0,0,0,.15);background:linear-gradient(172deg,#ed6d2b42 0,#fff 40% 100%);border:1px solid rgba(0,0,0,.05);padding:40px 40px 0 40px;box-sizing:border-box;text-align:center;opacity:1;transition:all .4s ease;min-height: 450px;} .swiper.horizontal-1 .swiper-slide.swiper-slide-active{background:linear-gradient(172deg,#ed6d2b42 0,#fff 0 100%)} .swiper.horizontal-1 .swiper-slide-active{opacity:1} .swiper.horizontal-1 .swiper-slide::before{content:attr(aria-label);display:inline-block;font-size:12px;line-height:1em;font-weight:700;background:#eee;padding:4px 20px;border-radius:20px;margin-bottom:15px;color:#000} .swiper.horizontal-1 .swiper-slide h3{font-size:25px;text-align:center;font-weight:600;margin:0 0 15px 0;color:#111;text-transform:uppercase;line-height:1em} .swiper.horizontal-1 .swiper-slide h3 span{display:block;color:#898989}.swiper-slide p{font-size:15px;line-height:1.5;color:#000;text-align:center;margin:0;max-width:100%;width:410px} .swiper.horizontal-1 .swiper-slide img{width:60%;max-width:100%;height:auto} .swiper.horizontal-1 .swiper-pagination-bullet{background:#ccc;opacity:1;width:8px;height:8px;margin:0 6px!important} .swiper.horizontal-1 .swiper-pagination-bullet-active{background:red!important;width:8px;border-radius:4px} .swiper-button-next,.swiper-button-prev{background:#fff;border:0 none;box-shadow:0 2px 4px 0 #0000008c;border-radius:100%} .swiper-button-next:hover,.swiper-button-prev:hover{box-shadow:0 4px 4px 0 #0000008c;} body .swiper-button-next ,body .swiper-button-prev { width: 50px !important;height: 50px !important;} body .swiper-button-next svg,body .swiper-button-prev svg{width: 11px; height: 21px;} .swiper-button-next svg, .swiper-button-prev svg,.swiper-button-next path, .swiper-button-prev path {fill:#000; } /* GALERIA ############################################################## */ #xgm_galeria{position: relative; padding:0px; text-align: center; clear: both; } .miniaturka_galerii, .mini_foto_popup{ display: inline-block; vertical-align:top; margin: 0 10px 30px; width: 380px;} .miniaturka_galerii .contFoto, .mini_foto_popup .contFoto{width: 380px; height: 285px;} .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{line-height: 285px;} .miniaturka_galerii img, .mini_foto_popup img{ max-width: 380px; max-height: 285px; } .mini_foto_popup{} .miniaturka_galerii:nth-of-type(5n+5), .mini_foto_popup:nth-of-type(5n+5){ } .miniaturka_galerii .foto, .mini_foto_popup .foto{width: 100%; margin: 0; padding: 0px; position:relative;} .miniaturka_galerii img, .mini_foto_popup img{opacity:1; margin:0; padding: 0px;} .miniaturka_galerii a:hover img, .mini_foto_popup a:hover img{opacity:.7;} .miniaturka_galerii .contFoto, .mini_foto_popup .contFoto{margin:0; padding: 0px; } .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{ background-color: #fff; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1); } .miniaturka_galerii:hover .ile_fotek{background:#474959;} .miniaturka_galerii {height:190px; } .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{color:#474959; text-align: center; display: table; vertical-align: middle; width: 100%; height: 100%;} .miniaturka_galerii .contFoto a:hover, .mini_foto_popup .contFoto a:hover{background-color: #fff; background-position: 50% 50%;} .miniaturka_galerii .opis, .mini_foto_popup .opis{height: 41px; margin-top: 7px; line-height:1.4em; text-align:center;} .miniaturka_galerii .ile_fotek, .mini_foto_popup .ile_fotek{position:absolute; left:0px; bottom:0px; padding: 2px 5px; font-size:10px; text-transform:uppercase; color: #fff; background:rgba(0,0,0,.3);} .mini_foto {float:left} #lista_fotek {} #lista_fotek .mini_foto{margin: 0 8px 10px; border:3px solid transparent; opacity:.7; overflow:hidden; width: 130px; height: 130px;} #lista_fotek .mini_foto.mini_foto_active{border-color:#1d86c8; opacity:1;} #lista_fotek .mini_foto img{min-width: 130px; min-height: 130px;} .galeria_navi{} .galeria_navi a{margin:0 9px 0 0; white-space: nowrap;} .galeria_navi span.pro{margin:0 5px;} a.navi_back {} a.navi_prev, a.navi_next {} .galeria_navi a:hover{text-decoration: none;} a.unactive, a:hover.unactive{display:none;} #xgm_galeria a:hover {text-decoration:none;} .galeria_opis{margin: 20px 0;} #big_container {float:left; width: 67%;} #galeria_foto_opis{float:left; margin-left: 2%; width: 30%; } .nav-foto {position:relative; float: left; margin-bottom: 60px; width: 100%;} .nav-foto .prev, .nav-foto .next {position:absolute; top:0px; display:block; background-color:#000; width:40px; height:100%; opacity:.7; background-position:center center !important;} .nav-foto .prev:hover, .nav-foto .next:hover {opacity:1;} .nav-foto .prev {left:-60px; background:url('arr-left.png') no-repeat center center;} .nav-foto .next {right:-60px; background:url('arr-right.png') no-repeat center center;} /* FORM CREATOR ############################################################## */ #main .formularzDiv {position:relative;} .formularz{padding: 0; text-align: left; font-size:14px;} .formularz table{width: 100%;} .formularz textarea{width: 100%; height: 135px; padding:10px;background-color: #fff; border: 1px solid transparent; border-radius:3px; -webkit-border-radius:3px; } .formularz textarea.colspan{width: 250px; height: 120px;} .formularz select{width: 332px; height: 26px; padding: 3px; font: bold 11px tahoma; border: 1px solid #000; background-color: #fff;} .formularz input.input_text{width: 100%; margin:2px 0 0 0; padding:7px 15px; border: 0px none transparent; } .formularz input.input_text, .formularz textarea {color: #000; background-color: #fff; border:1px solid #d9d9d9; font-size: 14px; border-radius:5px; -webkit-border-radius:5px;} .formularz input.input_text:focus, .formularz textarea:focus {outline-color: #000; outline-width: inherit; box-shadow: 4px 4px 10px 0 rgba(0,0,0,.4); -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.4);border-color:#000;} .formularz input.input_radio{margin: 14px 10px 5px; border: 1px none transparent; background: #fff none; vertical-align: middle;} .formularz input.input_checkbox{margin: 4px 6px 5px;border: 1px none transparent; background: #fff none; vertical-align: middle;} .formularz label{padding: 0 10px 0 0; vertical-align: middle;} .formularz label, .formularz input.input_checkbox, .formularz input.input_radio{float:left;} .formularz input.input_checkbox {clear:left;} .formularz .pole_div:not(.submit){ margin-top: 5px;} .formularz .pole_div:has(.g-recaptcha){width:100%} .formularz .pole_div{float: left;padding-right: 15px;padding-left: 15px;} .formularz .pole_div .pole_div{padding:0;} .formularz .pole_div_label span{font-weight:400;} .formularz .fieldset_content{margin-right: -15px;margin-left: -15px;} .formularz .pole_div.size-2{width: 50%;} .formularz .pole_div.size-3, .formularz .pole_div.size-3 + div.subform_div {width: 33.33333%;} .formularz .pole_div.size-4, .formularz .pole_div.size-4 + div.subform_div {width: 25%;} .formularz div.subform_div {float: left; width: 100%;} .formularz div.subform_div .pole_div{float: none; width: 100%;} .formularz div.subform_div textarea {height: 80px;} .formularz .pole_div_label{position: relative; font-size: 13px;font-weight: 600; float: left; color:#000;} .formularz .pole_div_content{clear: left;} .formularz .obowiazkowe{display: inline-block; margin-left:3px; float: right; font-weight: 700; color:#f20000 } .formularz .radio, .formularz .checkbox{text-align: left; border: none;} .formularz .first_td{width: 63px; font-weight: bold;} .formularz .js_select_container{position: relative;} .formularz .empty_field, .formularz .empty_field_chbox{background-image: url('/modules/formCreator/images/empty_field.png'); background-repeat: no-repeat; background-position: right top; outline: 3px solid #ff0000 !important;} .formularz td{padding: 1px 5px; vertical-align: top;} .formularz td.first_td{vertical-align: top;} .formularz tr.odd td{} .formularz .display{display: block;} .formularz .hide{display: none;} .formularz .wyslano{} .formularz .rodo {position:relative;margin-bottom:20px!important;} .formularz .rodo span{display: block; margin-top: 3px; color: #555; max-width: 100%; font-size: 11px; padding: 0px 0 0px 30px; line-height: 1.4em; position: static; background: transparent; text-align: justify;} .formularz .rodo .pole_div_label{display:none} /* WYCENA */ .page_167 main, .page_168 main {background: linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%) !important; background-attachment: fixed !important;} .page_167 main .header-bg, .page_168 main .header-bg {background:#fff!important} .form-group {margin-bottom: 15px;background:#fff; float: left; width: 100%; border-radius: 8px; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .05), 0 12px 12px 0 rgba(0, 0, 0, .04), 0 49px 30px 0 rgba(0, 0, 0, .03), 0 88px 35px 0 rgba(0, 0, 0, .01), 0 137px 38px 0 transparent; padding: 20px;} .form-group h2{text-align: left; } .wycena .fieldset{background:linear-gradient(341deg,#ffefe7 0,#fff 40% 100%);float:left;width:100%;padding:20px!important;border:1px solid #e7e7e7;box-shadow:0 5px 12px 0 rgba(0,0,0,.05),0 12px 12px 0 rgba(0,0,0,.04),0 49px 30px 0 rgba(0,0,0,.03),0 88px 35px 0 rgba(0,0,0,.01),0 137px 38px 0 transparent;border-radius:8px;margin-bottom:20px!important;-webkit-border-radius:8px} .wycena .clear{display:none!important;} /* .wycena:hover {box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);} */ .wycena .formularz .fieldset{margin: 5px 0; padding:7px 20px 0; } .wycena .formularz textarea { height: 80px;max-width:100%;} .wycena .formularz textarea[name="fs2-ilosc"]{height: 150px;} .wycena .formularz .pole_div_label {letter-spacing: 0em; font-size: 14px; line-height: 1.4em; font-weight: 700; margin-bottom: 3px;} .wycena .formularz .pole_div_label .nobold {font-size: 14px; font-weight: 300; } .wycena .fieldset[class*="form-section"] {clear:both;width:100%;float:left;} /* .wycena .fieldset.form-section-1 .pole_div {width:33.33333%;} */ .wycena .fieldset.form-section-1 .pole_div:nth-of-type(2) {padding:0 10px;} .wycena .half-section {width:50%; float:left;} .wycena .form-section-100 {width:100%; float:left; padding: 0!important; clear: both;} .wycena .formularz label{border:1px solid #d9d9d9;border-radius:4px;padding:8px 4px;margin-bottom:6px;background:#fff;} .wycena .formularz label:first-letter{text-transform:uppercase;} .wycena .formularz label:hover{background: #ffefe7; border-color: #e73347;} .wycena .formularz input.input_checkbox {margin: 14px 10px 5px;} .formularz label { float: none; display: block; line-height: 1.5em; padding-bottom: 1px;} .formularz .subform {padding: 0px; border-bottom: 0px none transparent;} .formularz .subform table{} .formularz .subform .subform_div{overflow: hidden; background-color: #222;} .formularz .submit{text-align: center; width:100%;margin: 10px 0;} .formularz .pole_div_content{margin:0; float: left; width: 100%;} .formularz input.submit{display:inline-block;} .formularz .fieldset{padding: 0px 15px; margin: 0px;} .formularz .fieldset.last-field{float:right; } .formularz .fieldset_label {margin-bottom: 20px; font-size: 20px; font-weight: 600;} .fcw-enabled .formularz .fieldset_label {color: #ff0000;} .formularz .fieldset_label .nbr{background:linear-gradient(to bottom,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);color:#fff;height:1.4em;display:inline-block;width:auto;aspect-ratio:1;text-align:center;border-radius:50%; font-size: 18px; margin-right: 5px;} .formularz [id*="subform"] .pole_div_label{font-weight: 300;} .formularz [id*="subform"] textarea{height: 35px; padding: 4px 10px;} .formularz .submit input{color:#fff;border:0 none;letter-spacing:0;font-weight:600;background:linear-gradient(to bottom,rgba(237,113,41,1) 0,rgba(230,45,73,1) 100%);width: auto; font-size: 15px;} @media(max-width: 768px) { .row.wycena-box {margin-left:-15px!important;margin-right:-15px!important} } .formularz .hide-content .pole_div_content {display:none} .g-recaptcha{ width: 300px; margin: 0 auto;} .wycena1 {background:#fff url(/images/slider-04.jpg) no-repeat 0 100%;float:left;} .wycena2 {background:#fff url(/images/slider-06.jpg) no-repeat 0 100%;float:right;} .wycena2 strong{display:block;font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.5em;color:#000} .wycena1, .wycena2 {width:100%; display: inline-flex; align-items: center;border-radius:6px;margin-bottom:18px;background-size:80px auto;padding:10px 10px 10px 80px;box-shadow:0 5px 12px 0 rgba(0,0,0,.05),0 12px 12px 0 rgba(0,0,0,.04),0 49px 30px 0 rgba(0,0,0,.03),0 88px 35px 0 rgba(0,0,0,.01),0 137px 38px 0 transparent; height: 100%; margin-bottom: 0;} .wycena1 p, .wycena2 p{ font-size: 15px; line-height: 130%; padding: 0 0;} /* FOOT #########################################*/ .footer-container { clear: both; padding: 20px 20px; float: left; width: 100%;} footer#footer {float:left;width:100%;color:#000;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12); background: linear-gradient(207deg, #fdf6f400 73.79%, #fde6d5 85.6%), linear-gradient( 145deg, rgba(253, 246, 244, .95) 75.67%, #fde6d5 94.18%);padding:40px 10px 10px;border-radius: 15px;} footer#footer .box{ float: left; width: 100%; padding: 0px 40px;} footer#footer .box.second-row{margin-top:40px;padding:20px;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12);background: rgba(255, 255, 255, 0.9); border-radius: 15px} @media (min-width: 768px) { footer#footer .footer-col-cta{text-align: right;} footer#footer .footer-col-cta .footer-heading {text-align: right;} } @media (max-width: 991px) { footer#footer .legal-links {justify-content: flex-start!important;} } @media (max-width: 650px) { footer#footer .box {padding: 10px!important;} footer#footer .container {padding-left: 0px; padding-right: 0px;} } footer#footer .footer-heading{font-size: 20px; padding: 0; background: none transparent; font-weight: 700;margin-bottom:20px;color:#000;text-transform:uppercase} footer#footer .contact-info{ margin-bottom: 15px; text-align: left; } footer#footer .btn-icon{padding: 10px;display:inline-flex;background-color:#FBE4D8;color:red;box-shadow:0 2px 6px rgba(230,0,0,.4); margin-right: 10px;} footer#footer a{color:#000;font-size:15px;line-height:1.4em;display:block;padding:7px 0;border-radius: 15px;} footer#footer li a{} footer#footer .footer-links li a{} footer#footer a:hover{color:#ed6a26;} footer#footer hr{border-bottom: 1px solid #00000042;} footer#footer a.footer-cta{border:1px solid #575757;margin-bottom:10px;display:inline-flex;padding:8px 20px;border-radius:20px;gap:6px;align-items:center;} footer#footer a.footer-cta:hover{border:1px solid #000;background: #393939;color:#fff;} footer#footer .footer-bottom{font-size:14px;float:left;padding-top:0px;width:100%} footer#footer .footer-bottom a{font-size:14px;display: inline-block;padding:0;} footer#footer .legal-links{display: flex; gap: 5px; flex-wrap: wrap;align-items: center; justify-content: flex-end;} #reset{float: right; color:#fff; text-transform:uppercase;} #reset a{margin:0 0 0 8px!important; padding: 0!important;} #reset img{ margin-top: -3px;} #reset img:hover{} #czekacz{position: fixed; top: 50%; left: 50%; display: none;} #ajax_pusty_powrot{display: none;} .centerme {width:100%; text-align:center;} /* JS_SELECT ############################################################## */ .js_select{ background: #fff;position:relative;height:39px;z-index:1!important;line-height:2.6em;border:1px solid #d9d9d9;border-radius:5px;-webkit-border-radius:5px;float:left;margin:0;padding:10px;width:100%} .js_select_wybrany_element{white-space:nowrap;overflow:hidden;position:absolute;display:block;z-index:1;left:15px;top:0;width:calc(100% - 15px);text-align:left;height:37px} .js_select_wybrany_element::after{content:"arrow_right";display:inline-block; rotate: 90deg;font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;margin:6px 8px;color:#ec6a25;text-rendering:auto;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;position:absolute;right:0;top:1px} .js_select_lista{position:absolute;padding-bottom:10px;display:none;z-index:2;left:0;top:37px;width:100%;border:1px solid #bfbfbf;border-top:0 none;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;background:linear-gradient(90deg, #fff 0, #f5f5f5 100%);text-align:left; box-shadow: 0 3px 4px 0 #0000004a, 0 3px 15px 0 #0000000d;} .js_select_lista_element{white-space:nowrap;cursor:default;padding:11px 12px; font-weight: 700;color:#000; border-top: 1px solid #00000021;line-height:1.5em} .js_select_lista_element:hover{color:#fff;background:#000;} .js_select_rozwin{position: absolute; right:0px; top:0px; width: 27px; height: 22px; background: transparent none no-repeat; cursor: pointer;} *html .js_select_lista{left: 10px; top:-15px;} .formkey{background:linear-gradient(90deg,#d9d9d9 0,#f5f5f5 100%);padding:6px 14px;border-radius:8px;font-size:15px;text-align:left!important} .galeria_navi {display:none} /* SLIDER AKTUALNOSCI ############################################################## */ .owl-container {padding: 0; background: #fff;clear: both;} .owl-container ul{margin:0;} .owl-container .dark{width:100%; height:100%;position:absolute; left:0;top:0;background-color:rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center;} .owl-container .slide2 .dark{background-color:rgba(0,0,0,.55);} .owl-container .container{position:static} body .owl-container .owl-item img{width:auto;display: inline-block;} .owl-container .content_space{max-width:720px;margin-left:auto;margin-right:auto;} .owl-container a {color:#fff;} .owl-container a.button {border-color:#fff; padding: 13px 35px;} .owl-container h2 {color:#fff;padding: 60px 0 30px; margin-bottom: 0px; line-height: 1.3em; background:none} .owl-container h2 strong {display:block;} .owl-container .slide2 p {color:#fff; font-weight: 400; font-size: 17px;text-align: center;} .owl-container .owl-carousel li {color:#fff; font-weight: 300;text-align: center;min-height: 570px;} .owl-container .sign {display:block;margin:20px 0 20px;} .top-of-slide {position:absolute; left:0; top:0;text-align:center;width:100%;} .owl-container .owl-theme .owl-dots {position: absolute; left: 0; bottom: 0; width: 100%;} .owl-container .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:0 0;border:2px solid #e9493c;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-container .owl-theme .owl-dots .owl-dot.active span,.owl-container .owl-theme .owl-dots .owl-dot:hover span{background:#e9493c} /* cookies ############################################################## */ #cookies-message{padding:25px 56px 25px 30px;font-size:12px;line-height:22px;text-align:left;backdrop-filter:blur(12px);position:fixed;right:2%;bottom:50px;background:linear-gradient(172deg,#ed6d2bc2 0,#000000bd 40% 60%,#000000e8 100%);color:#fff;width:300px;border-radius:10px;-webkit-border-radius:10px;z-index:999} #cookies-message p{text-align:left;padding:0;line-height:1.5em;color:#fff} #cookies-message p a {color:#fff;text-decoration:underline} #cookies-message a{color:#fff;display:inline-block;font-weight:700} #cookies-message #accept-cookies-checkbox { position: absolute; right: 20px; top: calc( 50% - 10px );} #cookies-message #accept-cookies-checkbox:before{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;content:"\e5cd"} #cookie-banner{position:fixed;bottom:15px;left:15px;width:calc(100% - 30px);background:linear-gradient(172deg, #4b4b4b9c 0, #0c0c0cde 40% 100%);color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;border-radius:10px;z-index:999;font-family:inherit;backdrop-filter:blur(8px)} @media (min-width: 768px) { #cookie-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:15px 30px} } #cookie-banner p{margin:0;font-size:14px;line-height:1.5;color:#fff;} #cookie-banner a{color:#fff;text-decoration:underline} .cookie-buttons{display:flex;gap:10px;flex-wrap:shrink; width: 420px;} .cookie-btn{padding:10px 18px;font-size:14px;font-weight:700;text-transform: uppercase;border:none;cursor:pointer;border-radius:50px;transition:all .2s} .cookie-btn-reject{background:0 0;color:#fff;font-weight:400;border:1px solid #ffffff1f} .cookie-btn-reject:hover{background:#555} .cookie-btn-accept{background:linear-gradient(to bottom, rgba(237, 113, 41, 1) 0%, rgba(230, 45, 73, 1) 100%);color:#fff} .cookie-btn-accept:hover{background:linear-gradient(to bottom, rgb(225 83 0) 0%, rgb(139 49 63) 100%);} @media(max-width: 600px) { .cookie-buttons{width:100%; flex-direction: column;} } /* FILTR */ .filter_list ul{margin: 0; padding: 0; margin-bottom: 20px;} .main .filter_list li{display:inline-block; width:auto; margin:0 5px 0 0; padding:0; background:0 none;float:none;} .main .filter_list li a{display: block; color:#000; text-transform:uppercase;font-size:13px; padding:4px 18px; border-radius:40px; -webkit-border-radius:40px; text-decoration:none;letter-spacing: .1em;} .main .filter_list li:hover a, #main .divWrapperMenu li.active a{} .filter_list{} .filter_list a{} .filter_list li.active a, .filter_list a:hover{} /* LISTA PROJEKTÓW */ #main ul.realisations_list {margin-top: 30px;border-radius: 10px; overflow: hidden; text-align: center; background:linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%);background-attachment:fixed;background-position:50% 0; padding-top: 40px; clear: both;} #main ul.realisations_list li{width:27.3%; height:19vw; margin:0 0 30px; padding:0 15px; float:none;display:inline-block; position:relative; background:none transparent; line-height: 1em;} #main ul.realisations_list li .fotoList{ position: relative;} #main ul.realisations_list li img{position:absolute; left:0; top:0;width:100%;height:auto;} #main ul.realisations_list li .fotoRealColor{filter:alpha(opacity=0); opacity:0; } #main ul.realisations_list li:hover .fotoRealColor{filter:alpha(opacity=100); opacity:1;} #main ul.realisations_list li:nth-child(4n+4){margin-right:0;} #main ul.realisations_list li .titleRealList{display:block; font: normal 14px Square,Arial,Helvetica,sans-serif; color:#bfbfbf;margin-bottom: 5px;} #main ul.realisations_list li:hover a, #main ul.realisations_list li:hover img{display:block; cursor:pointer;} #main ul.realisations_list li > a:hover .titleRealList{color:#000;} #main ul.realisations_list li .filterRealList{display: block; padding: 0px 0 0 17px; color:#9b9a9a; margin-top: -4px; font: normal 11px Square,Arial,Helvetica,sans-serif; text-transform: lowercase; clear:both;background: transparent url('../../templates/default/images/pkt.gif') no-repeat left 50%;} /* STRONA REALIZACJI */ .realisation_image {width:545px; float:left; text-align:center; position:relative;} #main .realisation_image li{background:none transparent; float:none!important; padding:0;} .realisationSlides_tabs {clear:both;} .realisationDescContent {width:333px; margin-left:25px; float:left;} .realisationDescContent h2{font-size:22px; color:#fff;} .realisationDescContent a{color:#fff;} .realisationDescContent > * {display:block; padding:0; margin-bottom:25px;} /* NEXT PREV */ a.realisationPrev, a.realisationNext {display:block; width:35px; height:370px; cursor: pointer; background-repeat:no-repeat; background-color:transparent; float:left; opacity: 0.5; filter:alpha(opacity=50);} a.realisationPrev {margin-right: 15px; background-image: url("../responsiveSlides/images/slider_prev.png"); background-position: 2px center;} a.realisationNext {float:right; background-image: url("../responsiveSlides/images/slider_next.png"); background-position: -10px center;} a.realisationPrev:hover {background-position: right center; opacity: 1; filter:alpha(opacity=100);} a.realisationNext:hover {background-position: left center; opacity: 1; filter:alpha(opacity=100);} h4.realH {display:block; clear:both; } .selected_realisation{margin: 30px 0;} .selected_realisation .realisation_image{float: left;} .selected_realisation .realisation_image.fullWidth{width:885px;} .selected_realisation img{max-width: 545px; height:auto;} .opinie-subtitle .ocena {font-size: 25px;} .opinie-subtitle .ilosc {font-size: 12px;margin-top: 3px;} .opinie-subtitle picture:first-child img { transform: translateY(3px);} .opinie-subtitle img {height:auto} .opinie-link.button{padding:6px 20px;text-transform:none;letter-spacing:0;font-weight:700;font-size:14px} .opinie-title{margin:0 0 8px;font-size:28px;line-height:1.2} .opinie-subtitle{margin:0 0 18px;font-size:16px;text-align:center;display:flex;opacity:.85;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center} .opinie-list-container {padding: 0 15px;} .page_159 #opinie-list{ column-count: 3;} .page_159 #opinie-list .opinia { margin-bottom: 10px; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;} .page_159 #opinie-list .opinia .opinia-text{ text-align: left; height: auto;} @media(max-width:768px){ body #opinie-list { column-count: 2!important;} } @media(max-width:450px){ body #opinie-list { column-count: 1!important;} } #opinie-list blockquote{margin:0;} #opinie-list{list-style:none;margin:0;padding:0 20px;padding:0;display:block} /* karta opinii */ .columns-container #opinie-list .opinia {background: none transparent;padding:0} .columns-container #opinie-list .opinia .opinia-text{position: relative;border:1px solid rgba(0,0,0,.12);padding:20px;background:#fff;border-radius:8px;-webkit-border-radius:8px;box-shadow:0 5px 12px 0 rgba(0,0,0,.05),0 22px 22px 0 rgba(0,0,0,.04),0 49px 30px 0 rgba(0,0,0,.03),0 88px 35px 0 rgba(0,0,0,.01),0 137px 38px 0 transparent;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.05),0 22px 22px 0 rgba(0,0,0,.04),0 49px 30px 0 rgba(0,0,0,.03),0 88px 35px 0 rgba(0,0,0,.01),0 137px 38px 0 transparent} .columns-container #opinie-list .opinia .opinia-text::after{content:" ";position:absolute;bottom:-10px;left:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff} .opinia-top{display:flex;align-items:center;gap:10px;margin-bottom:10px} .opinia-stars{font-size:20px;letter-spacing:5px;line-height:1;color:#f5b826} .opinia-source{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.06);white-space:nowrap} .opinia-text{margin:0 0 6px;font-size:15px;line-height:1.4em;padding:0 10px 0 0;width:100%} .opinia-meta{display:flex;justify-content:space-between;align-items:flex-start;text-align:left;padding-top:0;color:#000;padding:10px 0 5px 10px} .opinia-author{font-weight:700;line-height:1.2em;font-style:normal;font-size:14px} /* mobilka */ @media (max-width: 640px){ .opinie-title{ font-size: 22px; } .opinia{ padding: 14px; } } .googleref{background:linear-gradient(172deg, #ed6d2b42 0, #e7e9ea8c 40% 100%);background-attachment:fixed;background-position:50% 0;float:left;width:100%;border-bottom:10px solid #fff} .opinia-big{padding:180px 20px 180px; text-align: center; position: relative; overflow: hidden;background:linear-gradient(180deg,#3c3c3c 0,#171717 90.87%);color:#fff;display:flex;min-height:90vh;align-items:center} .opinia-big .container{ width: 80%;} .opinia-big .button{margin-top:20px} .opinia-big p{color:#fff;font-weight: 500;font-size: 44px;line-height: 1.2;text-align: center;padding:0; width:100%; margin-bottom: 20px;} .opinia-big .opinia-meta {justify-content: center;} .opinia-big .opinia-author{color:#fff;font-weight:400} .opinia-big::before{content:'';position:absolute;top:0;right:0;width:240px;height:240px;background:linear-gradient(135deg,#ff2a4b 0,#ff5232 50%,#ff7a00 100%);border-radius:50%;transform:translate(35%,-55%);z-index:1;pointer-events:none} .opinia-big::after{content:'';position:absolute;top:calc(100% - 100px);left:50%;aspect-ratio:1;width:80%;height:auto;border:3px solid #e85025;border-radius:50%;transform:translate(-50%,0);z-index:1;pointer-events:none} .opinia-slider{position:relative;overflow:hidden} .opinia-slider .swiper-slide{height:auto;display:flex;flex-direction:column;justify-content:center} .opinia-slider .swiper-slide-active{opacity:1!important} .portfolio .owl-carousel .owl-item img { display: block; width: 100%;} /* ANIMACJE ############################################################## */ #mainMenu a, #reset img, .rwdSlides_nav, table td *, .zebra-line td div, #head, #head a, .contFoto a, #mainMenu li span, .miniaturka_galerii img, .mini_foto_popup img, .scroll, li.menu-1, #mainMenu li span:before, .divWrapperMenu, .scroll:before, #head:not(.f-nav) a#go_home #reset_logo path, #mainMenu > ul > li.sub, .owl-theme .owl-nav [class*='owl-'], #main ul.realisations_list li img, .filter_list li, .columns-container #main .oferta-list ul li:before, body #bg.page_1:before, .oferta-list-secondary li .inside, .oferta-list-secondary li .inside::after, .swiper-button-next,.swiper-button-prev{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #main .oferta-list ul li a span.navi_span:before, #main .oferta-list ul li a span.navi_span:after, a.button, span.button , a.button::after, span.button::after, .formularz input.input_text, .formularz textarea, input.submit, .js_select, .js_select_lista_element, .section4, #footMenu ul ul, footer a, .faq-list-container .faq-item h3::after, .faq-answer, .wycena .formularz label , .fcw-nav button:not([hidden]){ -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @media(min-width: 767px) { .oferta-list ul li,.oferta-list ul li a{ -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } } .galeria .container {width:1170px;} .miniaturka_galerii, .mini_foto_popup{ width: 370px;} .miniaturka_galerii .contFoto, .mini_foto_popup .contFoto{width: 370px; height: 278px;} .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{line-height: 278px;} .miniaturka_galerii img, .mini_foto_popup img{ max-width: 370px; max-height: 278px;} @media (min-width: 768px) { .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0} } @media (min-width: 992px) { .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0} } @media (min-width: 1200px) { .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0} } @media (max-width: 767px) { .visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important} } @media (min-width: 768px) and (max-width: 991px) { .visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important} } @media (min-width: 992px) and (max-width: 1199px) { .visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important} } @media (min-width: 1200px) { .visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important} } @media(max-width: 1350px){ .header-container #head .container{width:100%;padding: 0 35px;} main .container, main .hero-section-container .container{width:100%;padding: 0 20px;} main .container .row{margin-left:0;margin-right:0;} } @media(max-width: 1188px) { .columns-container .referencje .container, #baner .container {width:100%;} .header-container #head.f-nav .container{padding: 0 15px;} #zebra .zebra-line .left.c60 img {margin-left: -320px; max-width: 1000px;} #zebra .zebra-line .right.c60 img {margin-right: -320px; max-width: 1000px;} .columns-container .zebra-line.section0 .container, .columns-container .zebra-line.section1 .container, .columns-container .zebra-line.section2 .container, .columns-container .zebra-line.section3 .container, .columns-container .zebra-line.section4 .container , .columns-container .zebra-line.section5 .container, .columns-container .zebra-line.section6 .container, .columns-container .zebra-line.section7 .container, .columns-container .zebra-line.section8 .container, .columns-container .zebra-line.portfolio .container {width: 90%;} .zebra-line .hcenter {max-width:100%; } #zebra .zebra-line img {max-width:100%; margin-left:0;margin-right:0;} .section5 .left{width: 40%;} .section5 .right{width: 60%;} #zebra .section5 .left img {margin-left: -320px; max-width: 1000px;} /* referencje */ .ref .hcenter{font-size: 14px;} .ref .hcenter p:first-child { line-height: 1.4em;} body #main ul.realisations_list li {margin: 0 0 15px;} .referencje-list .logo { float: left;} .referencje-list .left-content {width: 100%; margin: 0px 0px 20px 0px;} .adresy section { margin-bottom: 20px;} .zebra-line.section-kontakt-1 {padding: 50px 0px;} /* galeria */ .miniaturka_galerii, .mini_foto_popup{ width: 230px;} .miniaturka_galerii .contFoto, .mini_foto_popup .contFoto{width: 230px; height: 173px;} .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{line-height: 173px;} .miniaturka_galerii img, .mini_foto_popup img{ max-width: 230px; max-height: 173px; } } @media(max-width: 1024px) { #mainMenu li {margin-left:11px;} #mainMenu li a span{ letter-spacing: 0;} #mainMenu.langMenu {margin-left: 15px;} .section3 .right img.znaczek { margin-top: 40px;} .section3 .right h3 { margin-top: 35px;} .section5 ul#dodatkowe li {width: 23%; margin: 0 0 20px;} .portfolio.section {background-position:36% 100%} .portfolio.section .left {margin-top: 110px;} } @media(min-width: 990px) { body .fullMenu {display: inline-block!important;width: calc(100% - 180px);} body .fullMenu nav{display:flex!important;text-align:center;justify-content:center;align-items:center} body .fullMenu nav > ul{display: inline-block;vertical-align: middle;} body .fullMenu nav>ul:first-child{flex-grow:1;display:inline-flex;justify-content:center} body .menu-bar {display:none!important} } @media(max-width: 991px) { #head, #head.f-nav {position:relative; z-index: 100; height: 70px; position: fixed; float: left; left: 0; top: 0;box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);} a#go_home { float: none; margin: 25px auto 0; text-align: left; z-index: 9;} a#go_home img {max-width: 160px; height: auto; display:inline-block;} a#go_home svg {margin-left: 13px;} .menu-bar {display: block; float: right; position: relative; z-index: 10; width: 50px; height: 50px; margin: -38px 0px 0px 0px; } .fullMenu{background:rgba(255,255,255,.89);border-radius: 8px;display:none;top:0!important;left:0!important;position:fixed!important;padding:100px 32px;height:100vh;width:100%;box-shadow:0 4px 6px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.1);overflow-y:auto;backdrop-filter: blur(15px);} .f-nav .fullMenu{background:rgba(255,255,255,1);} .f-nav .fullMenu{padding: 100px 15px;} body #mainMenu ul{padding: 0px;} #head #mainMenu, #head #mainMenu ul, #head #mainMenu li {width:100%;} #mainMenu li {margin:0;} #mainMenu a, #mainMenu li>span{/* color:#000; */ font-weight: 700;} #mainMenu a{font-size: 19px; } #mainMenu ul ul li a{ } #head #mainMenu li a{text-align:left; display: block;padding:0; } #head #mainMenu li{position:relative;margin: 18px 0px;;} body #mainMenu li.menu-1 {display:none!important} body #mainMenu ul ul {padding:0;border-color:transparent;position: static; background-color: transparent!important; width: 100%;} #mainMenu ul ul li a {margin:0; font-weight: 300;} #mainMenu li > a span {display: inline-block;font-size: 8vw; padding: 0px; line-height: 1em;} #mainMenu ul ul li {line-height: 1em; margin:20px 0 0px 0px !important; float: left;} #mainMenu li li > a span {font-size: 5vw;line-height: 1em;} .f-nav #mainMenu ul ul {border:0 none;} #main .oferta-list ul li {width:100%; margin-bottom:20px; border-bottom: 1px solid #f3eeee;} #mainMenu > ul > li.sub > a {width: calc(100% - 30px);} #mainMenu > ul > li > a.id_166 {padding: 10px 0px !important; text-align: center !important; width: 100%;} #mainMenu > ul > li.id_166 ul {display:none!important} #mainMenu li.sub {flex-wrap: wrap;} #mainMenu ul ul {box-shadow: 0 0 transparent;} body #mainMenu ul + ul{margin-bottom: 20px;} #mainMenu.langMenu {padding: 20px 0px!important; width:100%!important; margin-left: 0;} #mainMenu.langMenu a { margin: 5px 15px 0 0px;} body .ressticky-big.container {padding: 60px 20px 0;} #main .oferta-list.version-second ul{flex-wrap: wrap;} #main .oferta-list.version-second ul li{width: calc(50% - 10px);} } @media(max-width: 768px) { /*tablet*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 10px;} .hero-section{ padding: 80px 0 80px 0 !important;} .columns-container .container, .footer-container .container, .galeria .container {width:100%;min-width:280px;} .columns-container .container.hcontainer {width:100%;} .columns-container .breadcrumb {margin:25px 0px 0 0px;float:left; width:100%} .columns-container h1 {margin-top:25px; margin-bottom:25px; font-size: 32px;} #baner .container {width: 93%;} .list-footer {display: none;} .list-footer ul{margin: 0 !important;} .footer-col {width: 100%; } .footer-col-cta{text-align:left!important; } footer#footer .footer-col-cta .footer-heading{text-align:left!important; } .footer-heading.h4 .wiecej{display: inline-block !important; float: right;} .footer-heading.h4.zwin .wiecej{ rotate: -180deg} footer#footer .footer-heading { margin-bottom: 10px; margin-top: 10px;} #baner .baner-content h2, #baner .baner-content .heading {font-size: 30px; line-height: 1.3em;margin-top:70px} #baner .baner-content a {font-size: 11px;} .section8 h2{margin-top: 0px; } body #main ul.realisations_list li {width: 47%; height: 31vw; margin: 0 0 20px;} .zebra-line { padding: 40px 0px 60px;} .zebra-line.section0 { padding: 0px} .page_165 .zebra-line.section1 { padding: 0px} #zebra .zebra-line table {width:100%!important; margin-bottom:40px;} .zebra-line .zebra-inside { padding: 40px 0px 60px;background-color: rgba(245, 246, 248, 0.8);} .page_165 .zebra-line .hcenter {height: 470px;display: table-cell; vertical-align: middle;} .zebra-line .hcenter {height: 470px;} h1 { margin: 0px 0;} h2, .section5 h2:nth-of-type(2) {font-size:32px;} .section8 h2 strong, .section8 h2 {font-size:26px;} h3 {font-size:32px; line-height: 1.1em;} .container .c40 {width:40%;} .container .c40 p {line-height: 1.4em;} .container .c60 {width:60%;} .page_163 .section1 ul#dodatkowe li {width: 48%;} .page_163 .section1 ul#dodatkowe li:last-child {margin-left:0;} .page_163 .section1 .container .c40 {width: 50%;} .page_163 .section1 .container .c60 {width: 50%;} .page_163 #zebra .zebra-line.section1 .left.c60 img {margin-left: -160px;} .section3 {padding-bottom: 0!important;} .section3 .right img.znaczek { margin-top: 10px;} .referencje .referencje-list .referencja {width:100%; margin-bottom:20px;} .section5 .right{width: 100%;} .section5 .left{width: 100%;text-align:center;padding:0;} #zebra .section5 .left img {display:inline-block;margin-left: 0px; margin-bottom: 20px; max-width: 100%;} .section5 h2:nth-of-type(1) {margin-bottom: 80px;} #zebra .zebra-line.section6 .left {width: 50%;} .section7 li::before {background-size: 73px auto!important;} .section7 li h4 { font-size: 14px; line-height: 1.2em;} .portfolio.section {background-position:42% 100%} .wycena .formularz form .half-section {width:100%;} .wycena .fieldset.form-section-2, .fieldset.form-section-5 {min-height: auto;} .wycena .fieldset.form-section-1 .pole_div,.wycena .fieldset.form-section-1 .pole_div:nth-of-type(2),.formularz .pole_div.size-3, .formularz .pole_div.size-3 + div.subform_div,.formularz .pole_div.size-4, .formularz .pole_div.size-4 + div.subform_div {width: 100%;padding-right: 15px; padding-left: 15px;margin-bottom: 10px;} .wycena .formularz .fieldset {padding: 5px 20px 5px;} .formularz .pole_div.size-2 {width:100%} ul.oferta-list li:before { font-size:40px; line-height:1em;} #zebra .zebra-line.home {margin:0;} #mainMenu li.sub>span.material-symbols-outlined{font-size:28px;padding:4px;font-weight:500!important;position:absolute;right:0;top:0} .formularz .submit {text-align: center; margin: 0px 0;} .formularz input.submit {float: none; display: inline-block;} .owl-container .container {padding-left: 0px;padding-right: 0px;} .owl-container li h2 {font-size: 24px;margin-bottom: 0px;padding-top: 90px;padding-bottom: 10px;} .owl-container li p {font-size:15px!important; line-height: 1.5em;} #foot #mainMenu li {width:100%; padding:0; margin:0;} #foot #mainMenu li a {width:100%; padding:10px 0; border:1px solid transparent;} #foot #mainMenu li a:hover {} #zebra.kontakt .iskulum { padding-top: 40px; padding-bottom: 80px;} #reset {padding-top: 0px; float:right; } .kontakt .c-content ul {margin: 0 0 30px;} .scroll {display:none;} table td {font-size: 14px;} #main ul.product_list {margin:0;} #main ul.product_list li.product {height: 170px;} #map-canvas {height: 310px;} ul.numeryczne li, .section9 ul.numeryczne li:nth-last-of-type(1), .section9 ul.numeryczne li:nth-last-of-type(2) {width: 100%;padding: 0 0 0 55px; margin-bottom: 20px;} .section9 ul#dodatkowe li {width: 48%;} .section10 .container .left { width: 100%;} .section10 p.image { bottom:0; position: relative;} .wycena-more { text-align:center} .wycena-more h3 { font-size: 26px;display: block;text-align:center} .wycena-more .button { display: inline-block; float: none;margin-top: 0; font-size: 13px;letter-spacing: .160em; padding: 15px 30px;} .kontakt h2 {margin-bottom:0;} .kontakt p {margin: 0 20px; font-size: 14px;} .kontakt .c-content ul li {margin: 0 0 13px; width: 100%; text-align: left;} .kontakt .c-content ul li:before {width: 22px;} body .formularz .fieldset {width: 100%;} .formularz .pole_div_label {margin-bottom: 0;} #foot #footMenu {display:none;} #foot #footMenu li {padding: 0px 0 20px 0px; width:100%; text-transform: uppercase;} .hero-section .hero-content { margin-bottom: 40px;} #main .oferta-list.version-second ul {flex-direction: column;padding: 0;} #main .oferta-list.version-second ul li {width: 100%;} .dlaczegomy.section .success-list ul { flex-direction: column;padding:0 15px;} .dlaczegomy.section .success-list ul li{width: 100%;} .button-list {flex-direction: column;} /* galeria */ .miniaturka_galerii, .mini_foto_popup{ width: 180px; margin-bottom:10px;} .miniaturka_galerii .contFoto, .mini_foto_popup .contFoto{width: 180px; height: 135px;} .miniaturka_galerii .contFoto a, .mini_foto_popup .contFoto a{line-height: 135px;} .miniaturka_galerii img, .mini_foto_popup img{ max-width: 180px; max-height: 135px; } body .big-text-container p.text{font-size: 30px;} body .big-text-container p.text img{ height: 1.4em;} body .row.wycena-box{flex-direction:column;margin-bottom:0;align-items:stretch;gap:20px} } @media(min-width: 650px) { .swiper.horizontal-1 .swiper-slide{width:490px;} } @media(max-width: 650px) { .zebra-line {padding:40px 0px; min-height: auto;} .zebra-line .hcenter{display: block; vertical-align: top; height: auto;} .container .left, .container .right{width:100%;padding:0;} body #zebra .zebra-line .left, body #zebra .zebra-line .right {width: 100%;padding-left: 0;padding-right: 0;} body #zebra .zebra-line .left.c60 img {margin-left: 0px!important; max-width: 100%!important;width: 100%;} body #zebra .zebra-line .right.c60 img {margin-right: 0px!important; max-width: 100%!important;width: 100%;} body #zebra .zebra-line .c60 img { margin-top: 0px;} .section3 h3 { margin-top: 0;} .section4 img.znaczek { margin: 60px 0 70px;} #zebra .section5 .left img {margin-left: 0px; max-width: 100%} #zebra .zebra-line.section6 .left {width: 100%;} body .opinia-big {padding: 100px 0px 100px;min-height: 40vh;} body .opinia-big .container{width:100%;padding:0} body .opinia-big p{font-size: 30px;} .swiper.horizontal-1{padding: 40px 20px;} #zebra #wycena+.container{display:flex;flex-direction:column-reverse} } @media(max-width: 550px) { body, .oferta-list-secondary p , .dlaczegomy.section p.text, .wycena .formularz .pole_div_label, body .fcw-nav button:not([hidden]){font-size: 18px;line-height: 1.5em;} .oferta-list-secondary p { width: 100%;} .page_1 .opinie-list-container { padding: 0} .page_1 .dlaczegomy-container .button-list {padding: 0 15px;} body .oferta-list-secondary.uklad-3 h3, .oferta-list-secondary h3 { font-size: 30px;} .wycena .formularz label {font-size: 16px; line-height: 120%;} .wycena .formularz input.input_checkbox, .formularz input.input_radio{margin-top:12px} .section1 .left{margin-top:40px;} .section2 {padding-bottom:0;} .section3 {padding-bottom:0;} .section3 .right h3 {margin-top: 0;} .section3 .right img.znaczek {margin-top: 0px;margin-bottom: 40px;} .section3 .left img {margin: 80px 0 0 0;} .section5 ul#dodatkowe li {width: 48%;} .section5 #portfolio .right .button {float: left; margin-top:8px; margin-bottom: 18px;} .section7 ul li {margin: 0px 0 30px;} .section7 ul::before {display:none} .section7 li::before {height: 120px;} .section7 li h4::before {border: 0px solid #fff;} .section7.zebra-line li {width: 48%;} .section7.zebra-line li::before { background-size: auto auto!important;} .section9 h2 .small, .section9 h2 span.br { display: inherit; font-size: 22px; line-height: 1.2em;} .portfolio.section {background-image: url(../default/images/portfolio_gray.jpg);} .page_1 .portfolio.section {background-image: url(../default/images/portfolio_white.jpg); } .portfolio.section {height: 530px; background-size: 500px auto; background-position:50% 100%;background-repeat:no-repeat;} .portfolio.section .left {margin-top: 0; text-align: center;} .portfolio.section .left h3 {text-align: center;} .referencje-list .desc p {text-align: center;} .referencje-list .left-content {text-align: center;} .referencje-list .logo {width:100%; text-align: center;} .referencje-list .logo img{display:inline-block!important; width:auto!important;} a.button, span.button, input.submit, body .oferta-list-secondary .button, body .hero-section .button-list .button {font-size: 18px; letter-spacing: 0; padding: 20px 20px;font-weight: 700; } .fcw-nav .submit {font-size: 16px; } .hero-section .hero-image picture {display:none} .hero-section { padding: 80px 0 0px 0 !important;} #ressticky.ressticky-container .text-column {width: 100%; margin-bottom: 0; } .ressticky-container .text-column .inside{backdrop-filter: blur(4px);} .ressticky-container .ressticky-box { position: fixed; bottom: 10px; transform: translateY(0%); width: 100%; right: 0; z-index: 0; top: auto; padding: 0 20px;} body .ressticky-section {min-height:80vh;padding:40px 0;display:flex;justify-content: flex-start;} body .opinia-big {padding: 80px 0px;width: 100%;z-index: 3;} body .opinia-big .opinia{padding:0} body .opinia-big blockquote{margin-inline:10px;margin-block: 0; } body .opinia-big p{font-size: 25px;} .track img{height: 120px;} .hero-section{} .hero-section > .container{ display: flex; flex-direction: column-reverse;} .hero-section .hero-image picture { display: block;} .hero-section .hero-image img{width:calc(100% + 34px)!important;height:auto;border-radius:10px;aspect-ratio:487/378;max-width:200%!important;object-fit:contain;margin:10px -17px!important;transform:scale(1.1)} .hero-section .hero-content { margin-bottom: 40px; padding: 10px 0px;} .hero-section .hero-content h1 {font-size: 28px;margin-bottom:0} #mainMenu ul li.id_166 > a span{font-size: 20px;} } @media (max-width: 425px) { html, body {line-height: 1.5em; font-size: 16px;} #zebra.section h2 { background-position:15px 50%!important;} /* .columns-container .container, .footer-container .container, .galeria .container { width: 90%;} */ #baner .rwdSlides .baner-content h3 {font-size: 18px; line-height: 1.3em;} #baner .rwdSlides .baner-content span.more { margin-top: 0px; padding: 4px 35px;} /* .banerSection canvas.kenburns, .banerSection .slide_top {height: 230px;} */ #baner {margin-top:70px;} #baner li{height:220px;} body .banerSection .container { display: block; position:static; height:100%;} body .banerSection .baner-content { display: block; width:100%; height:auto; box-sizing:border-box; padding: 5px 15px 0px 15px; position: absolute; left:0px; top:20px;} body .banerSection .baner-content h3{display: block; margin-top: 0px!important;font-size: 20px!important; line-height: 1.3em;} .banerSection .slide_top {height:100%;} #baner .baner-content .button {margin:0;padding: 4px 20px;margin-top: 0px;} #main .oferta-list ul li a.kategorie{ padding-top: 220px;} /* referencje */ .ref .hcenter {padding: 45px 10px 40px 45px;} .ref .rowr .foto {line-height: 260px;} .ref .hcenter, .ref .rowr .foto {height: auto;} .ref .hcenter p:first-child:before {left: -43px; top: 17px;} .ref .hcenter p:last-child {text-align:left} .page_163 .section1 ul#dodatkowe li { width: 100%;margin: 0px 0 5px;} body .main .filter_list li {display: block;margin:0 0 5px;text-align:center;} body #main ul.realisations_list li {width: 100%; height: 67vw; margin: 0 0 20px;} .oferta-list li { width: 49%;margin-bottom:50px;overflow: hidden;} .oferta-list li:before { width: 100%!important; } .oferta-list li:before:hover {background-position: 50% 106%;} .oferta-list li span.navi_span{ padding-top: 0!important;} .oferta-list li span.navi_span:before{display:none!important;} .rwdSlides li.slide, .rwdSlides .baner-content {height: 260px;} #main .oferta-list ul li a span.navi_span:after { padding: 8px 30px 7px;} .formularz label {line-height: 25px;} /* galeria */ body .miniaturka_galerii, body .mini_foto_popup{ width: 280px; margin-left:0;margin-right:0;} body .miniaturka_galerii .contFoto, body .mini_foto_popup .contFoto{width: 280px; height: 210px;} body .miniaturka_galerii .contFoto a, body .mini_foto_popup .contFoto a{line-height: 210px;} body .miniaturka_galerii img, body .mini_foto_popup img{ max-width: 280px; max-height: 210px; } } @media (max-width: 375px) { .section7.zebra-line li {width: 100%;} .section7 li h4 { font-size: 18px; line-height: 1.2em;} .section7 li p {font-size: 14px;line-height: 1.2em;} }