body, html, .anim, .page-template-full, .ccm-image-slider-container, .ccm-image-slider, .ccm-image-slider-inner, .rslides, .rslides li {height: 100%}
* {padding: 0; margin: 0; list-style: none}
a {text-decoration: none; outline: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
div {font-family: 'PT Sans', sans-serif}
p {margin-top: 24px; margin-bottom: 0}
/* b, strong {font-weight: 600} */
img {border: 0}
.clear {clear: both; font-size: 0; line-height: 0}
.left {float: left}
.right {float: right}
.center {text-align: center}
@media (max-width: 700px) {
html {font-size: .8px}
input {-webkit-appearance: none}
.showleft {transform: translate(-50px,0)}
.showright {transform: translate(50px,0)}
.showbottom {transform: translate(0,50px)}
.module {opacity: 0}
.come-in {opacity: 0; animation: come-in 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay: 0.2s}
.top {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-hide {cursor: pointer; position: absolute; top: 15px; right: 0; z-index: 200; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-top, .searchbox {display: none}
.menu {height: 80px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; line-height: 20px}
.menu .page {position: relative}
.menu .logo, .menu .logo-white {position: absolute; top: 10px; left: 15px; height: 60px; width: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu .logo-white {opacity: 0}
.menu ul {display: none}
.smaller {height: 50px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); background-color: #3f3f3f}
.smaller ul {padding-top: 15px}
.smaller .menu-hide {top: 0}
.smaller .logo, .smaller .logo-white {height: 30px; top: 10px}
.smaller .logo {opacity: 0}
.smaller .logo-white {opacity: 1}
.anim {height: 80px}
.slider {display: none}
.title {height: 60px; width: 280px; padding: 10px; line-height: 26px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 24px; font-weight: 400; color: #fff; text-align: center; text-shadow: 0 2px 2px #222}
.offer {padding-top: 10px; font-size: 13px; line-height: 18px; text-align: center}
.offer strong {display: block; font-size: 16px; color: #000; font-weight: 400; margin-bottom: 25px}
.offer h1, .offer h2, .offer h3, .offer h4 {color: #000; font-weight: 400; margin-bottom: 15px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer h1, .offer h2 {font-size: 34px; line-height: 36px}
.offer h3, .offer h4 {font-size: 26px; line-height: 26px}
.offer li {padding: 25px 15px; margin-bottom: 10px}
.offer li span {display: block; margin-bottom: 25px}
.offer li a {color: #4b4b52}
.offer li img {width: 240px; height: auto; display: block; margin: 0 auto}
.box {padding: 30px 0 10px 0; font-size: 13px; color: #4b4b52; line-height: 18px; text-align: center}
.box li {padding: 28px 0; margin: 0 0 2% 0; border: 1px solid #e4e4e4}
.box h5 {font-size: 17px; color: #000; font-weight: 400; margin-bottom: 20px; position: relative}
.box h5:after {content: ""; display: block; width: 30px; height: 3px; position: absolute; top: 100%; left: 50%; margin: 11px 0 0 -15px; background-color: #f47920}
#sidebar {z-index: 500; background-color: #1d1d1d; font-size: 14px; line-height: 16px; text-transform: uppercase; overflow-y: auto}
#sidebar ul {padding: 20px 40px}
#sidebar li {border-bottom: 1px solid #3f3f3f}
#sidebar li a {display: block; padding: 1.5vh 0; color: #fff}
#sidebar li a span {display: none}
#sidebar li ul {padding: 0 0 30px 20px; font-size: 12px}
.container {padding: 30px 0; font-size: 13px; color: #4b4b52; line-height: 18px}
.container h2 {font-size: 24px; line-height: 24px; color: #000; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.02em}
.container h3 {font-size: 15px; line-height: 15px; color: #000; font-weight: 400; margin-bottom: 25px; padding-left: 20px; border-left: 3px solid #f47920}
.blog {margin: 0 15px}
.post-title h2, .post-title h3 {margin-bottom: 20px}
.more {display: block; width: 115px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #f47920; font-size: 13px; color: #f47920; font-weight: 600; text-transform: uppercase; margin: 25px auto 0 auto}
.contact {padding: 40px 0 15px 0; text-align: center; color: #fff; font-size: 13px; line-height: 18px; background: url(img/contact.jpg) center; background-size: cover}
.contact h4 {font-size: 20px; line-height: 20px; font-weight: 400; margin-bottom: 25px; letter-spacing: -0.02em}
.contact strong {display: block}
.adr {padding-bottom: 20px}
.adr li {margin-bottom: 20px}
.adr li:nth-child(1), .adr li:nth-child(2) {font-size: 16px; font-weight: 400}
.menu-bottom {font-size: 0}
.menu-bottom li {display: inline-block; margin: 0 10px 15px 10px; font-size: 16px; line-height: 26px; text-transform: uppercase}
.menu-bottom li a {display: block; padding-left: 35px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 26px}
.foot {padding: 30px 0; font-size: 12px; color: #4b4b52}
.social {text-align: center; padding: 25px 0 40px 0}
.social img {margin: 0 12px; width: 35px; height: auto}
.copy {text-align: center; line-height: 20px}
.rslides_nav {display: none}
.rslides_tabs {position: absolute; bottom: 60px; z-index: 999; width: 100%; text-align: center; font-size: 0}
.content {padding-top: 80px !important}
.category li {margin-bottom: 10px}
.category li a {display: block; text-align: center; padding: 40px 4vw}
.category li h2 {font-size: 22px; line-height: 22px; color: #000; font-weight: 400; margin-bottom: 20px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.category li img {height: auto; width: auto; max-width: 90%; max-height: 180px; display: block; margin: auto}
.bgc {background: url(img/bgc.png) top repeat-x; padding-top: 50px}
.txt {font-size: 12px; color: #4b4b52; line-height: 20px; margin: 0 4vw 30px 4vw}
.content h1, .txt h2 {font-size: 26px; line-height: 26px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center}
.content h1 {padding-top: 30px}
.txt h3 {font-size: 20px; line-height: 20px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center; padding-left: 0; border: 0}
.main-foto img {max-width: 90%; max-height: 350px; display: block; margin: 0 auto 15px auto; width: auto; height: auto}
.img-title {margin: 0 4vw 30px 4vw; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.thumb-id {position: absolute; z-index: 100; left: 0; bottom: 5px; width: 100%; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.sg {margin-left: auto; margin-right: auto; width: 80%}
.sg-item-content {border: 1px solid #d6d6d6}
.sg-item {width: calc(50% - 24px) !important; padding: 7px; background: #fff}
.trustus {text-align: center; font-size: 13px; padding: 20px}
.trustus img {display: inline-block; margin: 0 5px; width: auto; height: 25px}
.finish {border-top: 1px solid #d6d6d6; text-align: center; padding: 50px 0 20px 0}
.finish li {margin: 0 3vw 30px 3vw; font-size: 15px; line-height: 17px}
.finish li span img {display: block; width: auto; height: 50px; margin: 0 auto 15px auto}
.txt ul {margin: 18px 0}
.txt ul li {padding-left: 35px; position: relative}
.txt ul li:before {content: ""; display: block; width: 15px; height: 2px; position: absolute; top: 9px; left: 10px; background-color: #f47920}
.post {display: block; margin: 0 3% 6% 3%; color: #4b4b52 !important}
.post h3 {font-size: 20px; line-height: 25px; text-align: left; margin-bottom: 10px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.post-date {font-size: 11px; margin-bottom: 20px}
.post-foto {margin-bottom: 20px; text-align: center}
.post-foto img {display: block; max-width: 280px; height: auto; margin: auto}
.searchResult {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6}
.searchResult a {display: block}
.searchlink {color: #000; font-size: 17px; line-height: 22px}
.searchlink:first-letter {text-transform: uppercase}
.txt .form {padding: 0 3vw}
.txt .form-group {position: relative; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; padding-bottom: 10px}
.txt .form label {display: block; line-height: 16px; text-align: left; font-size: 13px; color: #000; margin-bottom: 5px}
.txt .form input[type=text], .txt .form input[type=email], .txt .form textarea, .txt .form button, .txt .form select {display: block; width: 90%; padding: 7px 5%; border: 1px solid #e6e6e6; background-color: #fafafa; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 20px}
.txt .form select {width: 100%; padding: 9xp 7px}
.txt .form textarea {height: 120px !important}
.txt .form button {width: 100%; cursor: pointer; color: #f47920; font-weight: 700; text-transform: uppercase}
.txt .form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 4px; left: 0; margin-left: -10px}
.txt .form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #f47920}
.acc {margin: 0 3% 6% 3%; text-align: center}
.acc img {width: 100%; height: auto}
.spec {text-align: center}
.spec ul {font-size: 13px; text-align: left}
.spec li {margin-bottom: 5px; padding: 7px 0 7px 7px !important; background-color: #f6f6f6}
.spec li:before {display: none !important}
.spec li a {font-size: 0; display: inline-block; width: 20px; height: 20px; vertical-align: text-bottom; margin-left: 5px}
.cdr {background: url(img/cdr.png) center no-repeat; background-size: 20px}
.pdf {background: url(img/pdf.png) center no-repeat; background-size: 20px}
.ir, .il, .ib {display: block; max-width: 100%; height: auto; margin: 30px auto 0 auto}
.eco {width: 30%}
.adr-kontakt {font-size: 18px; line-height: 26px; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #ddd; color: #000; text-align: center; padding-top: 25px}
.adr-kontakt strong {display: block; font-size: 22px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd}
.mobile-hide {display: none}
.rej {text-align: center; color: #999; font-size: 14px; padding-top: 30px; border-top: 1px solid #ddd}
.lang {position: absolute; top: 20px; right: 60px; z-index: 240; font-size: 12px; text-transform: uppercase; line-height: 40px}
.frame {display: block; width: 100%; height: 50vw; border: 0}
.blog h1 {text-align: center; color: #000; font-weight: 400; letter-spacing: -0.02em; font-size: 18px; line-height: 18px}
.btnmore ul {margin: 30px 5%; text-align: center}
.btnmore li a {display: block; color: #888; border: 1px solid #ddd; padding: 8px; margin-top: 5px}
.box img {display: block; width: auto; height: 48px !important; margin: 8px auto 24px auto; border-radius: 100%; box-shadow: 2px 2px 12px 0px rgb(0 0 0 / 20%)}
.office {float: none !important; border: 1px solid #e4e4e4; text-align: center; font-size: 16px; color: #000; margin-bottom: 40px; padding: 24px 0}
.office hr {display: block; width: 50%; border: 0; margin: 24px auto; height: 1px; background: #e4e4e4}
.office span {font-size: 12px; color: #f47920; text-transform: uppercase; font-weight: 700; display: block; line-height: 16px; margin-bottom: 28px}
.lng {position: absolute; top: 23px; right: 60px; font-size: 12px; line-height: 16px; color: #777; height: 32px; overflow: hidden; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; display: block !important}
.lng li {margin: 8px 16px}
.lang-show {height: 200px; border-color: #ddd; background: #fff}
.btns-more {text-align: center; padding: 24px 0 0 0; display: flex; align-items: center; flex-direction: column}
.btns-more a {padding: 8px 0; width: calc(100% - 2px); height: 56px; line-height: 20px; border: 1px solid #f47920; font-size: 15px; color: #f47920; margin: 2% 0; display: flex; justify-content: center; flex-direction: column}
.why-box {border: 2px solid #ddd; margin: 0 0 30px 0; padding: 8%; text-align: center}
.why-box span {display: block; width: 80px; height: 80px; margin: 0 auto 24px auto}
.why-box span img, .box-link a img {display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; padding: 0 !important}
.box-link {padding: 48px 0; border-bottom: 2px solid #ddd; margin-bottom: 48px}
.box-link a {display: block; margin-bottom: 30px}
.box-info {font-size: 13px; line-height: 20px}
.reffer {display: flex; margin: 40px -1%; flex-wrap: wrap; justify-content: center}
.reffer a {display: block; width: 29.333%; padding: 1%; margin: calc(1% - 1px); border: 1px solid #eee}
.reffer a img {display: block; width: 100%; height: 100%; object-fit: contain}
.ue {display: block; width: 92%; height: auto; border: 1px solid #ddd; margin: 90px 0 0 4vw;}
}
@media (min-width: 701px) and (max-width: 1200px) {
html {font-size: .8px}
input {-webkit-appearance: none}
.showleft {transform: translate(-50px,0)}
.showright {transform: translate(50px,0)}
.showbottom {transform: translate(0,50px)}
.module {opacity: 0}
.come-in {opacity: 0; animation: come-in 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay: 0.2s}
.top {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-hide {cursor: pointer; position: absolute; top: 15px; right: 5px; z-index: 200; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-top {line-height: 40px; font-size: 11px; text-transform: uppercase; background-color: #3f3f3f; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; -webkit-animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.menu-top ul {float: right}
.menu-top li {float: left; margin-right: 25px}
.menu-top li a {display: block; padding-left: 35px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 20px}
.search {padding-left: 35px; color: #fff; background: url(img/i-szukaj.png) left no-repeat; background-size: 20px; cursor: pointer}
.searchbox {position: fixed; top: 0; left: 0; width: 100%; padding: 5px; background-color: #3f3f3f; z-index: 249; display: none; font-size: 0; text-align: center}
.searchbox input[type=text] {height: 30px; line-height: 30px; background-color: #3f3f3f; padding: 0 15px; width: 500px !important; font-size: 15px; color: #fff; border: 0; outline: none; -webkit-animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
#search {position: absolute; top: -5px; right: 15px; cursor: pointer; -webkit-animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.searchbox input[type=submit] {cursor: pointer; height: 30px; line-height: 30px; background-color: #f47920; padding: 0; width: 80px !important; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; border: 0; outline: none}
.menu {height: 80px; background-color: #fff; position: fixed; top: 40px; left: 0; z-index: 101; width: 100%; line-height: 20px}
.menu .page {position: relative}
.menu .logo, .menu .logo-white {position: absolute; top: 10px; left: 25px; height: 60px; width: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu .logo-white {opacity: 0}
.menu ul {display: none}
.smaller {height: 50px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); background-color: #3f3f3f; margin-top: -40px}
.smaller ul {padding-top: 15px}
.smaller .menu-hide {top: 0}
.smaller .logo, .smaller .logo-white {height: 30px; top: 10px}
.smaller .logo {opacity: 0}
.smaller .logo-white {opacity: 1}
.anim {position: relative; overflow: hidden}
.slider {width: 100%; height: calc(100% - 120px); position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-animation: show 3s forwards; animation: show 3s forwards; opacity: 0}
.title {width: 640px; height: 70px; line-height: 60px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 34px; font-weight: 400; color: #fff; text-align: center; text-shadow: 0 2px 2px #222}
.offer {padding-top: 10px; font-size: 14px; line-height: 20px}
.offer strong {display: block; font-size: 16px; color: #000; font-weight: 400; margin-bottom: 25px}
.offer h1, .offer h2, .offer h3, .offer h4 {color: #000; font-weight: 400; margin-bottom: 15px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer h1, .offer h2 {font-size: 34px; line-height: 36px}
.offer h3, .offer h4 {font-size: 26px; line-height: 26px}
.offer li {height: 350px; margin-bottom: 10px}
.o1 li a {width: 680px; margin: auto; padding-top: 40px; color: #4b4b52}
.o1 li span {display: block; width: 300px; margin-top: 20px}
.o1 li img {width: 330px; height: auto}
.o1 li:nth-child(1) img {float: left}
.o1 li:nth-child(1) span {float: right}
.o1 li:nth-child(2) img {float: right}
.o1 li:nth-child(2) span {float: left}
.o2 {position: relative; text-align: center}
.o2:after {position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o2 li {float: left; width: 50%}
.o2 li img {width: 280px; height: auto}
.o2 li h3 {padding-top: 30px}
.o3 {position: relative; text-align: center}
.o3:before {position: absolute; top: 0; left: 33.3333%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3:after {position: absolute; top: 0; left: 66.6666%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3 li {float: left; width: 33.3333%}
.o3 li img {width: 200px; height: auto}
.o3 li h4 {padding-top: 60px}
.box {padding: 30px 0; font-size: 13px; color: #4b4b52; line-height: 20px; text-align: center}
.box ul {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 -2%}
.box li {width: calc(46% - 2px); padding: 28px 0; margin: 0 2% 4% 2%; border: 1px solid #e4e4e4}
.box h5 {font-size: 17px; color: #000; font-weight: 400; margin-bottom: 20px; position: relative}
.box h5:after {content: ""; display: block; width: 30px; height: 3px; position: absolute; top: 100%; left: 50%; margin: 11px 0 0 -15px; background-color: #f47920}
#sidebar {z-index: 500; background-color: #1d1d1d; font-size: 14px; line-height: 16px; text-transform: uppercase}
#sidebar ul {padding: 40px}
#sidebar li {border-bottom: 1px solid #3f3f3f; position: relative}
#sidebar li a {display: block; padding: 1.5vh 0; color: #fff}
#sidebar li a span {display: none}
#sidebar li ul {display: none}
#sidebar li:hover ul {display: block; position: absolute; top: 0; left: -200%; width: 220px; padding-bottom: 5vh; background-color: #000}
.menu-sub {display: none}
.container {padding: 30px 0; font-size: 13px; color: #4b4b52; line-height: 20px; text-align: justify}
.container h2 {font-size: 34px; line-height: 34px; color: #000; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.02em}
.container h3 {font-size: 20px; line-height: 20px; color: #000; font-weight: 400; margin-bottom: 25px; padding-left: 20px; border-left: 3px solid #f47920}
.blog {width: 620px; margin: auto}
.post-title {text-align: center}
.post-title h2 {display: inline-block; margin-right: 20px}
.post-title h3 {display: inline-block}
.more {display: block; width: 115px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #f47920; font-size: 13px; color: #f47920; font-weight: 600; text-transform: uppercase; margin: 25px auto 0 auto}
.contact {padding: 40px 0; text-align: center; color: #fff; font-size: 13px; line-height: 20px; background: url(img/contact.jpg) center; background-size: cover}
.contact h4 {font-size: 26px; line-height: 26px; font-weight: 400; margin-bottom: 32px; letter-spacing: -0.02em}
.contact strong {display: block}
.adr li:nth-child(1), .adr li:nth-child(2) {width: 48%; float: left; margin-bottom: 30px; font-size: 20px; font-weight: 400}
.adr li:nth-child(1) {text-align: right; margin-right: 2%}
.adr li:nth-child(2) {text-align: left; margin-left: 2%}
.adr li:nth-child(3) {clear:both; text-align: center; font-size: 16px}
.menu-bottom {font-size: 0}
.menu-bottom li {display: inline-block; margin: 0 10px; font-size: 16px; line-height: 26px; text-transform: uppercase}
.menu-bottom li a {display: block; padding-left: 35px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 26px}
.foot {padding: 30px 0; font-size: 12px; color: #4b4b52}
.social {text-align: center; padding: 40px 0 0 0}
.social img {margin: 0 12px; width: 35px; height: auto}
.copy {float: right; line-height: 20px; padding: 10px 25px 10px 0}
.rslides_nav {display: none}
.rslides_tabs {position: absolute; bottom: 60px; z-index: 999; width: 100%; text-align: center; font-size: 0}
.content {padding-top: 120px !important}
.category ul {display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px}
.category li {flex-grow: 1; width: calc(33.33% - 10px); margin: 0 5px 10px 5px; overflow: hidden}
.category li a {display: block; text-align: center; padding: 40px 25px}
.category li h2 {font-size: 22px; line-height: 22px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.category li:nth-child(1) h2 {font-size: 30px; line-height: 30px}
.category li img {height: 180px; width: auto; display: block; margin: auto}
.category li:nth-child(1), .category li:nth-child(12) {width: 100%}
.category li:nth-child(1) img {height: 270px}
.category li:nth-child(2), .category li:nth-child(3), .category li:nth-child(7), .category li:nth-child(8), .category li:nth-child(13), .category li:nth-child(14), .category li:nth-child(15), .category li:nth-child(16) {width: calc(50% - 10px)}
.bgc {background: url(img/bgc.png) top repeat-x; padding-top: 50px}
.txt {width: 660px; font-size: 14px; color: #4b4b52; line-height: 24px; text-align: justify; margin: 0 auto 30px auto}
.content h1, .txt h2 {font-size: 40px; line-height: 40px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center}
.content h1 {padding-top: 30px}
.txt h3 {font-size: 26px; line-height: 26px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center; padding-left: 0; border: 0}
.main-foto img {max-width: 90%; max-height: 500px; display: block; margin: 0 auto 15px auto; width: auto; height: auto}
.img-title {width: 400px; margin: 0 auto 30px auto; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.thumb-id {position: absolute; z-index: 100; left: 0; bottom: 5px; width: 100%; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.sg {margin-left: auto; margin-right: auto; width: 80%}
.sg-item-content {border: 1px solid #d6d6d6}
.sg-item {width: calc(25% - 24px) !important; padding: 7px; background: #fff}
.trustus {text-align: center; font-size: 14px; padding: 30px}
.trustus img {display: inline-block; margin: 0 20px; width: auto; height: 35px}
.finish {border-top: 1px solid #d6d6d6; text-align: center; padding: 80px 0}
.finish li {display: inline-block; margin: 0 1%; width: 18%; vertical-align: top; font-size: 15px; line-height: 18px}
.finish li span img {display: block; width: auto; height: 90px; margin: 0 auto 15px auto}
.pole {width: 90%}
.txt ul {margin: 20px 0}
.txt ul li {padding-left: 35px; position: relative}
.txt ul li:before {content: ""; display: block; width: 15px; height: 2px; position: absolute; top: 12px; left: 10px; background-color: #f47920}
.post-list {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.post {display: block; width: 44%; margin: 0 3% 6% 3%; color: #4b4b52 !important; font-size: 13px; line-height: 17px}
.post h3 {font-size: 20px; line-height: 25px; text-align: left; margin-bottom: 10px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.post-date {font-size: 12px; margin-bottom: 20px}
.post-foto {height: 240px; position: relative; margin-bottom: 20px}
.post-foto img {max-width: 100%; max-height: 240px; width: auto; height: auto; position: absolute; bottom: 0; left: 0; right: 0; margin: auto}
.searchResult {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e6e6e6}
.searchResult a {display: block}
.searchlink {color: #000; font-size: 20px; line-height: 25px}
.searchlink:first-letter {text-transform: uppercase}
.txt .form {width: 600px; margin: auto}
.txt .form-group {clear: both; position: relative}
.txt .form label {width: 278px; float: left; border-top: 1px solid #e6e6e6; line-height: 20px; padding: 10px 0; text-align: left; font-size: 14px; color: #000}
.txt .form input[type=text], .txt .form input[type=email], .txt .form textarea, .txt .form button, .txt .form select {width: 300px; float: right; padding: 10px; border: 1px solid #e6e6e6; background-color: #fafafa; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 15px}
.txt .form select {width: 322px; padding: 12px 10px}
.txt .form textarea {height: 120px !important}
.txt .form button {width: 322px; cursor: pointer; color: #f47920; font-weight: 700; text-transform: uppercase}
.txt .form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 0; left: 100%; margin-left: 10px}
.txt .form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #f47920}
.acc-flex {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.acc {width: 27%; margin: 0 3% 3% 3%; text-align: center}
.acc img {width: 100%; height: auto}
.spec {font-size: 0; text-align: center}
.spec ul {width: 48%; margin: 0 1%; display: inline-block; font-size: 14px; text-align: left; vertical-align: top}
.spec li {margin-bottom: 5px; padding: 7px 0 7px 7px !important; background-color: #f6f6f6}
.spec li:before {display: none !important}
.spec li a {font-size: 0; display: inline-block; width: 20px; height: 20px; vertical-align: text-bottom; margin-left: 5px}
.cdr {background: url(img/cdr.png) center no-repeat; background-size: 20px}
.pdf {background: url(img/pdf.png) center no-repeat; background-size: 20px}
.ir {float: right; margin: 0 0 15px 3%; height: auto}
.il {float: left; margin: 0 3% 15px 0; height: auto}
.ir, .il, .ib {display: block; max-width: 100%; height: auto; margin: 30px auto 0 auto}
.cert {width: 240px}
.wyroznienia {width: 70%}
.eco {width: 120px}
.about {width: 47%}
.slider h2 {width: 100%; height: 64px; line-height: 56px; position: absolute; margin: auto; bottom: 120px; left: 0; z-index: 10; font-size: 40px; font-weight: 700; color: #fff; text-align: center; text-shadow: 0 2px 2px #222; text-transform: uppercase}
.adr-kontakt {font-size: 18px; line-height: 26px; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #ddd; color: #000; text-align: center; padding-top: 25px}
.adr-kontakt strong {display: block; font-size: 22px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd}
.rej {text-align: center; color: #999; font-size: 14px; padding-top: 30px; border-top: 1px solid #ddd}
.lang {position: absolute; top: 60px; right: 80px; z-index: 240; font-size: 12px; text-transform: uppercase; line-height: 40px}
.frame {display: block; width: 100%; height: 50vw; border: 0}
.blog h1 {text-align: center; color: #000; font-weight: 400; letter-spacing: -0.02em; font-size: 24px; line-height: 24px}
.btnmore ul {margin: 40px 0; text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center}
.btnmore li {width: 15%; margin: 0 2%}
.btnmore li a {display: block; color: #888; border: 1px solid #ddd; padding: 8px; height: calc(100% - 16px)}
.box img {display: block; width: auto; height: 48px !important; margin: 8px auto 24px auto; border-radius: 100%; box-shadow: 2px 2px 12px 0px rgb(0 0 0 / 20%)}
.office {width: 47%; border: 1px solid #e4e4e4; text-align: center; font-size: 16px; color: #000; margin-bottom: 40px; padding: 24px 0}
.office hr {display: block; width: 50%; border: 0; margin: 24px auto; height: 1px; background: #e4e4e4}
.office span {font-size: 12px; color: #f47920; text-transform: uppercase; font-weight: 700; display: block; line-height: 16px; margin-bottom: 28px}
.lng {position: absolute; top: 23px; right: 60px; font-size: 12px; line-height: 16px; color: #777; height: 32px; overflow: hidden; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer; display: block !important}
.lng li {margin: 8px 16px}
.lang-show {height: 200px; border-color: #ddd; background: #fff}
.btns-more {text-align: center; padding: 32px 0 0 0; display: flex; justify-content: center; margin: 0 -2%}
.btns-more a {padding: 8px 0; width: calc(29.333% - 2px); height: 56px; line-height: 20px; border: 1px solid #f47920; font-size: 15px; color: #f47920; margin: 2%; display: flex; justify-content: center; flex-direction: column}
.why-milo {display: flex; flex-wrap: wrap; margin: 0 -2%; justify-content: center}
.why-box {width: calc(25.333% - 4px); border: 2px solid #ddd; margin: 2%; padding: 2%; text-align: center}
.why-box span {display: block; width: 80px; height: 80px; margin: 0 auto 24px auto}
.why-box span img, .box-link a img {display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; padding: 0 !important}
.box-link {display: flex; justify-content: space-between; padding: 48px 0; border-bottom: 2px solid #ddd; margin: 0 -48px 48px -48px; flex-wrap: wrap}
.box-link a {display: block; width: 32%}
.box-info {font-size: 13px; line-height: 20px}
.reffer {display: flex; margin: 40px -1%; flex-wrap: wrap; justify-content: center}
.reffer a {display: block; width: 12.666%; padding: 1%; margin: calc(1% - 1px); border: 1px solid #eee}
.reffer a img {display: block; width: 100%; height: 100%; object-fit: contain}
.ue {display: block; width: 70%; height: auto; position: absolute; bottom: 4vw; left: 4vw; z-index: 50; border: 1px solid #ddd}
}
@media (min-width: 1201px) and (max-width: 1500px) {
html {font-size: .8px}
.showleft {transform: translate(-50px,0)}
.showright {transform: translate(50px,0)}
.showbottom {transform: translate(0,50px)}
.module {opacity: 0}
.come-in {opacity: 0; animation: come-in 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay: 0.2s}
.top {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.screen {min-width: 1200px; margin: auto}
.page {width: 1200px; margin: auto}
.menu-hide {cursor: pointer; position: absolute; top: 15px; left: 50%; margin-left: 565px; z-index: 200; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-top {line-height: 40px; font-size: 11px; text-transform: uppercase; background-color: #3f3f3f; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; -webkit-animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.menu-top ul {float: right}
.menu-top li {float: left; margin-left: 25px}
.menu-top li a {display: block; padding-left: 35px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 20px}
.search {padding-left: 35px; color: #fff; background: url(img/i-szukaj.png) left no-repeat; background-size: 20px; cursor: pointer}
.searchbox {position: fixed; top: 0; left: 0; width: 100%; padding: 5px; background-color: #3f3f3f; z-index: 249; display: none; font-size: 0; text-align: center}
.searchbox input[type=text] {height: 30px; line-height: 30px; background-color: #3f3f3f; padding: 0 15px; width: 500px !important; font-size: 15px; color: #fff; border: 0; outline: none; -webkit-animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
#search {position: absolute; top: -5px; left: 50%; margin-left: 560px; cursor: pointer; -webkit-animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.searchbox input[type=submit] {cursor: pointer; height: 30px; line-height: 30px; background-color: #f47920; padding: 0; width: 80px !important; font-size: 13px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; border: 0; outline: none}
.menu {height: 80px; background-color: #fff; position: fixed; top: 40px; left: 0; z-index: 101; width: 100%; line-height: 20px}
.menu .page {position: relative}
.menu .logo, .menu .logo-white {position: absolute; top: 10px; left: 0; height: 60px; width: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu .logo-white {opacity: 0}
.menu .nav {font-size: 0; text-align: center}
.menu .nav > li > a {display: block; padding: 30px 0}
.menu .nav > li {display: inline-block; vertical-align: top; position: relative; z-index: 10; font-size: 16px; padding: 0 8px; -webkit-animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.menu .nav > li > a > span {display: none}
.menu ul > li > ul {width: 552px; padding: 16px 8px 8px 8px; top: 100%; left: 50%; margin-left: -284px; position: absolute; z-index: 2; background: #fff; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); display: flex; flex-wrap: wrap}
.menu ul > li > ul > li {width: 176px; margin: 4px 4px 12px 4px; z-index: 2; font-size: 13px}
.menu ul > li > ul > li > a span {display: block; width: 120px; height: 64px; margin: 0 auto 5px auto; position: relative}
.menu li a img {position: absolute; bottom: 0; right: 0; left: 0; margin: auto; max-width: 120px; max-height: 90px; width: auto; height: auto}
.smaller {height: 50px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); background-color: #3f3f3f; margin-top: -40px}
.smaller .nav > li > a {padding: 15px 0}
.smaller .menu-hide {top: 0}
.smaller .logo, .smaller .logo-white {height: 30px; top: 10px}
.smaller .logo {opacity: 0}
.smaller .logo-white {opacity: 1}
.smaller ul > li:hover > ul {padding-top: 45px}
.smaller ul > li > ul:before {top: 15px; padding-top: 15px}
.anim {position: relative; overflow: hidden}
.slider {width: 100%; height: calc(100% - 120px); position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-animation: show 3s forwards; animation: show 3s forwards; opacity: 0}
.title {width: 740px; height: 70px; line-height: 60px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 40px; font-weight: 400; color: #fff; text-align: center; text-shadow: 0 2px 2px #222}
.offer {padding-top: 10px; font-size: 14px; line-height: 20px}
.offer strong {display: block; font-size: 20px; color: #000; font-weight: 400; margin-bottom: 30px}
.offer h1, .offer h2, .offer h3, .offer h4 {color: #000; font-weight: 400; margin-bottom: 15px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer h1, .offer h2 {font-size: 40px; line-height: 40px}
.offer h3, .offer h4 {font-size: 32px; line-height: 32px}
.offer li {height: 420px; margin-bottom: 10px}
.o1 li a {width: 900px; margin: auto; padding-top: 40px; color: #4b4b52}
.o1 li span {display: block; width: 450px; margin-top: 80px}
.o1 li img {width: 410px; height: auto}
.o1 li:nth-child(1) img {float: left}
.o1 li:nth-child(1) span {float: right}
.o1 li:nth-child(2) img {float: right}
.o1 li:nth-child(2) span {float: left}
.o2 {position: relative; text-align: center}
.o2:after {position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o2 li {float: left; width: 50%}
.o2 li img {width: 340px; height: auto}
.o2 li h3 {padding-top: 50px}
.o3 {position: relative; text-align: center}
.o3:before {position: absolute; top: 0; left: 33.3333%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3:after {position: absolute; top: 0; left: 66.6666%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3 li {float: left; width: 33.3333%}
.o3 li img {width: 280px; height: auto}
.o3 li h4 {padding-top: 60px}
.box {padding: 20px 0; font-size: 13px; color: #4b4b52; line-height: 20px; text-align: center}
.box ul {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 -1%}
.box li {width: calc(23% - 2px); padding: 28px 0; margin: 0 1% 2% 1%; border: 1px solid #e4e4e4}
.box h5 {font-size: 17px; color: #000; font-weight: 400; margin-bottom: 20px; position: relative}
.box h5:after {content: ""; display: block; width: 30px; height: 3px; position: absolute; top: 100%; left: 50%; margin: 11px 0 0 -15px; background-color: #f47920}
#sidebar {z-index: 500; background-color: #1d1d1d; font-size: 14px; line-height: 16px; text-transform: uppercase}
#sidebar ul {padding: 0 40px}
#sidebar li {border-bottom: 1px solid #3f3f3f}
#sidebar li a {display: block; padding: 3vh 0; color: #fff}
#sidebar li a span {display: none}
.menu-right, .menu-sub {display: none}
.container {padding: 30px 0; font-size: 13px; color: #4b4b52; line-height: 20px; text-align: justify}
.container h2 {font-size: 40px; line-height: 40px; color: #000; font-weight: 600; margin-bottom: 25px; letter-spacing: -0.02em}
.container h3 {font-size: 22px; line-height: 24px; color: #000; font-weight: 400; margin-bottom: 25px; padding-left: 20px; border-left: 3px solid #f47920}
.blog {width: 1200px; margin: auto}
.post-title {text-align: center}
.post-title h2 {display: inline-block; margin-right: 20px}
.post-title h3 {display: inline-block}
.more {display: block; width: 115px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #f47920; font-size: 13px; color: #f47920; font-weight: 600; text-transform: uppercase; margin: 25px auto 0 auto}
.contact {padding: 40px 0; text-align: center; color: #fff; font-size: 13px; line-height: 20px; background: url(img/contact.jpg) center; background-size: cover}
.contact h4 {font-size: 32px; line-height: 32px; font-weight: 400; margin-bottom: 32px; letter-spacing: -0.02em}
.adr li:nth-child(1), .adr li:nth-child(2) {width: 48%; float: left; margin-bottom: 30px; font-size: 20px; font-weight: 400}
.adr li:nth-child(1) {text-align: right; margin-right: 2%}
.adr li:nth-child(2) {text-align: left; margin-left: 2%}
.adr li:nth-child(3) {clear:both; text-align: center; font-size: 16px}
.menu-bottom {font-size: 0}
.menu-bottom li {display: inline-block; margin: 0 15px; font-size: 17px; line-height: 36px; text-transform: uppercase}
.menu-bottom li a {display: block; padding-left: 45px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 36px}
.foot {padding: 30px 0; font-size: 12px; color: #4b4b52}
.social {text-align: center; padding: 40px 0 0 0}
.social img {margin: 0 12px; width: 35px; height: auto}
.copy {float: right; line-height: 20px; padding: 10px 0}
.rslides_tabs {position: absolute; bottom: 60px; z-index: 999; width: 100%; text-align: center; font-size: 0}
.content {padding-top: 120px !important}
.category ul {display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px}
.category li {flex-grow: 1; width: calc(33.33% - 10px); margin: 0 5px 10px 5px; overflow: hidden}
.category li a {display: block; text-align: center; padding: 40px 25px}
.category li h2 {font-size: 32px; line-height: 32px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.category li:nth-child(1) h2 {font-size: 40px; line-height: 40px}
.category li img {height: 210px; width: auto; display: block; margin: auto}
.category li:nth-child(1), .category li:nth-child(12) {width: 100%}
.category li:nth-child(1) img {height: 335px}
.category li:nth-child(2), .category li:nth-child(3), .category li:nth-child(7), .category li:nth-child(8), .category li:nth-child(13), .category li:nth-child(14), .category li:nth-child(15), .category li:nth-child(16) {width: calc(50% - 10px)}
.bgc {background: url(img/bgc.png) top repeat-x; padding-top: 50px}
.txt {width: 900px; font-size: 14px; color: #4b4b52; line-height: 24px; text-align: justify; margin: 0 auto 30px auto}
.content h1, .txt h2 {font-size: 46px; line-height: 46px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center}
.content h1 {padding-top: 30px}
.txt h3 {font-size: 32px; line-height: 32px; color: #000; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.02em; text-align: center; padding-left: 0; border: 0}
.main-foto img {max-width: 90%; max-height: 500px; display: block; margin: 0 auto 15px auto; width: auto; height: auto}
.img-title {width: 400px; margin: 0 auto 30px auto; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.thumb-id {position: absolute; z-index: 100; left: 0; bottom: 5px; width: 100%; text-align: center; font-size: 12px; line-height: 15px; color: #4b4b52}
.sg {margin-left: auto; margin-right: auto; width: 80%}
.sg-item-content {border: 1px solid #d6d6d6}
.sg-item {width: calc(12.5% - 24px) !important; padding: 7px; background: #fff}
.trustus {text-align: center; font-size: 14px; padding: 30px}
.trustus img {display: inline-block; margin: 0 20px; width: auto; height: 35px}
.finish {border-top: 1px solid #d6d6d6; text-align: center; padding: 80px 0}
.finish li {display: inline-block; margin: 0 20px; width: 200px; vertical-align: top; font-size: 17px; line-height: 20px}
.finish li span img {display: block; width: auto; height: 90px; margin: 0 auto 15px auto}
.pole {width: 1200px}
.txt ul {margin: 20px 0}
.txt ul li {padding-left: 35px; position: relative}
.txt ul li:before {content: ""; display: block; width: 15px; height: 2px; position: absolute; top: 12px; left: 10px; background-color: #f47920}
.post-list {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.post {display: block; width: 44%; margin: 0 3% 6% 3%; color: #4b4b52 !important; font-size: 13px; line-height: 17px}
.post h3 {font-size: 20px; line-height: 25px; text-align: left; margin-bottom: 10px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.post-date {font-size: 12px; margin-bottom: 20px}
.post-foto {height: 200px; position: relative; margin-bottom: 20px}
.post-foto img {max-width: 100%; max-height: 200px; width: auto; height: auto; position: absolute; bottom: 0; left: 0; right: 0; margin: auto}
.searchResult {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e6e6e6}
.searchResult a {display: block}
.searchlink {color: #000; font-size: 20px; line-height: 25px}
.searchlink:first-letter {text-transform: uppercase}
.txt .form {width: 600px; margin: auto}
.txt .form-group {clear: both; position: relative}
.txt .form label {width: 278px; float: left; border-top: 1px solid #e6e6e6; line-height: 20px; padding: 10px 0; text-align: left; font-size: 14px; color: #000}
.txt .form input[type=text], .txt .form input[type=email], .txt .form textarea, .txt .form button, .txt .form select {width: 300px; float: right; padding: 10px; border: 1px solid #e6e6e6; background-color: #fafafa; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 15px}
.txt .form select {width: 322px; padding: 12px 10px}
.txt .form textarea {height: 120px !important}
.txt .form button {width: 322px; cursor: pointer; color: #f47920; font-weight: 700; text-transform: uppercase}
.txt .form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 0; left: 100%; margin-left: 10px}
.txt .form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #f47920}
.acc-flex {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.acc {width: 19%; margin: 0 3% 3% 3%; text-align: center}
.acc img {width: 100%; height: auto}
.spec {font-size: 0; text-align: center}
.spec ul {width: 24%; margin: 0 0.5%; display: inline-block; font-size: 12px; text-align: left; vertical-align: top}
.spec li {margin-bottom: 5px; padding: 7px 0 7px 7px !important; background-color: #f6f6f6}
.spec li:before {display: none !important}
.spec li a {font-size: 0; display: inline-block; width: 20px; height: 20px; vertical-align: text-bottom; margin-left: 5px}
.cdr {background: url(img/cdr.png) center no-repeat; background-size: 20px}
.pdf {background: url(img/pdf.png) center no-repeat; background-size: 20px}
.ir {float: right; margin: 0 0 15px 30px !important; height: auto}
.il {float: left; margin: 0 30px 15px 0 !important; height: auto}
.ib {display: block; max-width: 100%; height: auto; margin: 30px auto 0 auto}
.cert {width: 240px}
.wyroznienia {width: 70%}
.eco {width: 120px}
.about {width: 420px}
.slider h2 {width: 100%; height: 64px; line-height: 56px; position: absolute; margin: auto; bottom: 120px; left: 0; z-index: 10; font-size: 40px; font-weight: 700; color: #fff; text-align: center; text-shadow: 0 2px 2px #222; text-transform: uppercase}
.menu-side {padding-top: 10vh}
.adr-kontakt {font-size: 18px; line-height: 26px; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #ddd; color: #000; text-align: center; padding-top: 25px}
.adr-kontakt strong {display: block; font-size: 22px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd}
.rej {text-align: center; color: #999; font-size: 14px; padding-top: 30px; border-top: 1px solid #ddd}
.lang {position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 240; font-size: 12px; text-transform: uppercase; line-height: 40px}
.frame {display: block; width: 100%; height: 500px; border: 0}
.blog h1 {text-align: center; color: #000; font-weight: 400; letter-spacing: -0.02em; font-size: 24px; line-height: 24px}
.btnmore ul {margin: 40px 0; text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center}
.btnmore li {width: 15%; margin: 0 2%}
.btnmore li a {display: block; color: #888; border: 1px solid #ddd; padding: 8px; height: calc(100% - 16px)}
.box img {display: block; width: auto; height: 48px !important; margin: 8px auto 24px auto; border-radius: 100%; box-shadow: 2px 2px 12px 0px rgb(0 0 0 / 20%)}
.office {width: 47%; border: 1px solid #e4e4e4; text-align: center; font-size: 16px; color: #000; margin-bottom: 40px; padding: 24px 0}
.office hr {display: block; width: 50%; border: 0; margin: 24px auto; height: 1px; background: #e4e4e4}
.office span {font-size: 12px; color: #f47920; text-transform: uppercase; font-weight: 700; display: block; line-height: 16px; margin-bottom: 28px}
.lng {position: absolute; top: 23px; right: 35px; font-size: 12px; line-height: 16px; color: #777; height: 32px; overflow: hidden; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer}
.lng li {margin: 8px 16px}
.lang-show {height: 200px; border-color: #ddd; background: #fff}
.btns-more {text-align: center; padding: 32px 0 0 0; display: flex; justify-content: center}
.btns-more a {padding: 8px 0; width: 224px; height: 56px; line-height: 20px; border: 1px solid #f47920; font-size: 15px; color: #f47920; margin: 8px; display: flex; justify-content: center; flex-direction: column}
.why-milo {display: flex; flex-wrap: wrap; margin: 0 -3%; justify-content: center}
.why-box {width: calc(21.333% - 4px); border: 2px solid #ddd; margin: 3%; padding: 3%; text-align: center}
.why-box span {display: block; width: 80px; height: 80px; margin: 0 auto 24px auto}
.why-box span img, .box-link a img {display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; padding: 0 !important}
.box-link {display: flex; justify-content: space-between; padding: 48px; border-bottom: 2px solid #ddd; margin: 0 -48px 48px -48px; flex-wrap: wrap}
.box-link a {display: block; width: 30%}
.box-info {font-size: 13px; line-height: 20px}
.menu ul > li:nth-child(2) > ul {width: 920px}
.reffer {display: flex; margin: 40px -1%; flex-wrap: wrap; justify-content: center}
.reffer a {display: block; width: 12.666%; padding: 1%; margin: calc(1% - 1px); border: 1px solid #eee}
.reffer a img {display: block; width: 100%; height: 100%; object-fit: contain}
.desktop-hide {display: none}
.ue {display: block; width: 40%; height: auto; position: absolute; bottom: 2vw; left: 2vw; z-index: 50; border: 1px solid #ddd}
}
@media (min-width: 1501px) {
html {font-size: 1px}
.showleft {transform: translate(-50px,0)}
.showright {transform: translate(50px,0)}
.showbottom {transform: translate(0,50px)}
.module {opacity: 0}
.come-in {opacity: 0; animation: come-in 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay: 0.2s}
.top {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.screen {min-width: 1500px; margin: auto}
.page {width: 1500px; margin: auto}
.menu-hide {cursor: pointer; position: absolute; top: 30px; left: 50%; margin-left: 715px; z-index: 200; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu-top {line-height: 50px; font-size: 13px; text-transform: uppercase; background-color: #3f3f3f; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; -webkit-animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.menu-top ul {float: right}
.menu-top li {float: left; margin-left: 35px}
.menu-top li a {display: block; padding-left: 40px; color: #fff; background-position: left; background-repeat: no-repeat; background-size: 25px}
.search {padding-left: 40px; color: #fff; background: url(img/i-szukaj.png) left no-repeat; background-size: 25px; cursor: pointer}
.searchbox {position: fixed; top: 0; left: 0; width: 100%; padding: 5px; background-color: #3f3f3f; z-index: 249; display: none; font-size: 0; text-align: center}
#search {position: absolute; top: 0; left: 50%; margin-left: 710px; cursor: pointer; -webkit-animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showtop 1s .3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.searchbox input[type=text] {height: 40px; line-height: 40px; background-color: #3f3f3f; padding: 0 15px; width: 600px !important; font-size: 17px; color: #fff; border: 0; outline: none; -webkit-animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.searchbox input[type=submit] {cursor: pointer; height: 40px; line-height: 40px; background-color: #f47920; padding: 0; width: 100px !important; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; border: 0; outline: none}
.menu {height: 110px; background-color: #fff; position: fixed; top: 50px; left: 0; z-index: 101; width: 100%; line-height: 30px}
.menu .page {position: relative}
.menu .logo, .menu .logo-white {position: absolute; top: 20px; left: 0; height: 70px; width: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.menu .logo-white {opacity: 0}
.menu .nav {font-size: 0; text-align: center}
.menu .nav > li > a {display: block; padding: 40px 0}
.menu .nav > li {display: inline-block; vertical-align: top; position: relative; z-index: 10; font-size: 18px; padding: 0 12px; -webkit-animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity: 0}
.menu .nav > li > a > span {display: none}
.menu ul > li > ul {width: 690px; padding: 20px 10px 10px 10px; top: 100%; left: 50%; margin-left: -355px; position: absolute; z-index: 2; background: #fff; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); display: flex; flex-wrap: wrap}
.menu ul > li > ul > li {width: 220px; margin: 5px 5px 15px 5px; z-index: 2; font-size: 15px}
.menu ul > li > ul > li > a span {display: block; width: 160px; height: 80px; margin: 0 auto 5px auto; position: relative}
.menu li a img {position: absolute; bottom: 0; right: 0; left: 0; margin: auto}
.smaller {height: 60px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); background-color: #3f3f3f; margin-top: -50px}
.smaller .nav > li > a {padding: 15px 0}
.smaller .menu-hide {top: 5px}
.smaller .logo, .smaller .logo-white {height: 40px; top: 10px}
.smaller .logo {opacity: 0}
.smaller .logo-white {opacity: 1}
.anim {position: relative; overflow: hidden}
.slider {width: 100%; height: calc(100% - 160px); position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-animation: show 3s forwards; animation: show 3s forwards; opacity: 0}
.title {width: 940px; height: 80px; line-height: 70px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 50px; font-weight: 400; color: #fff; text-align: center; text-shadow: 0 2px 2px #222}
.offer {padding-top: 10px; font-size: 16px; line-height: 24px}
.offer strong {display: block; font-size: 24px; color: #000; font-weight: 400; margin-bottom: 40px}
.offer h1, .offer h2, .offer h3, .offer h4 {color: #000; font-weight: 400; margin-bottom: 20px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer h1, .offer h2 {font-size: 50px; line-height: 50px}
.offer h3, .offer h4 {font-size: 40px; line-height: 40px}
.offer li {height: 540px; margin-bottom: 10px}
.o1 li a {width: 1180px; margin: auto; padding-top: 50px; color: #4b4b52}
.o1 li span {display: block; width: 560px; margin-top: 120px}
.o1 li:nth-child(1) img {float: left}
.o1 li:nth-child(1) span {float: right}
.o1 li:nth-child(2) img {float: right}
.o1 li:nth-child(2) span {float: left}
.o2 {position: relative; text-align: center}
.o2:after {position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o2 li {float: left; width: 50%}
.o2 li h3 {padding-top: 60px}
.o3 {position: relative; text-align: center}
.o3:before {position: absolute; top: 0; left: 33.3333%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3:after {position: absolute; top: 0; left: 66.6666%; margin-left: -5px; width: 10px; height: 100%; background-color: #fff; content: ""; display: block; z-index: 10}
.o3 li {float: left; width: 33.3333%}
.o3 li h4 {padding-top: 80px}
.box {padding: 20px 0; font-size: 15px; color: #4b4b52; line-height: 24px; text-align: center}
.box ul {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 -1%}
.box li {width: calc(23% - 2px); padding: 35px 0; margin: 0 1% 2% 1%; border: 1px solid #e4e4e4}
.box h5 {font-size: 20px; color: #000; font-weight: 400; margin-bottom: 20px; position: relative}
.box h5:after {content: ""; display: block; width: 30px; height: 3px; position: absolute; top: 100%; left: 50%; margin: 11px 0 0 -15px; background-color: #f47920}
#sidebar {z-index: 500; background-color: #1d1d1d; font-size: 15px; line-height: 18px; text-transform: uppercase}
#sidebar ul {padding: 0 40px}
#sidebar li {border-bottom: 1px solid #3f3f3f}
#sidebar li a {display: block; padding: 3vh 0; color: #fff}
#sidebar li a span {display: none}
.menu-right, .menu-sub {display: none}
.container {padding: 40px 0; font-size: 15px; color: #4b4b52; line-height: 24px; text-align: justify}
.container h2 {font-size: 50px; line-height: 50px; color: #000; font-weight: 600; margin-bottom: 30px; letter-spacing: -0.02em}
.container h3 {font-size: 28px; line-height: 32px; color: #000; font-weight: 400; margin-bottom: 30px; padding-left: 30px; border-left: 3px solid #f47920}
.blog {width: 1500px; margin: auto}
.post-title {text-align: center}
.post-title h2 {display: inline-block; margin-right: 30px}
.post-title h3 {display: inline-block}
.more {display: block; width: 135px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #f47920; font-size: 14px; color: #f47920; font-weight: 600; text-transform: uppercase; margin: 30px auto 0 auto}
.contact {padding: 60px 0; text-align: center; color: #fff; font-size: 15px; line-height: 24px; background: url(img/contact.jpg) center; background-size: cover}
.contact h4 {font-size: 40px; line-height: 40px; font-weight: 400; margin-bottom: 40px; letter-spacing: -0.02em}
.adr li:nth-child(1), .adr li:nth-child(2) {width: 48%; float: left; margin-bottom: 30px; font-size: 24px; font-weight: 400}
.adr li:nth-child(1) {text-align: right; margin-right: 2%}
.adr li:nth-child(2) {text-align: left; margin-left: 2%}
.adr li:nth-child(3) {clear:both; text-align: center; font-size: 18px}
.menu-bottom {font-size: 0}
.menu-bottom li {display: inline-block; margin: 0 20px; font-size: 20px; line-height: 44px; text-transform: uppercase}
.menu-bottom li a {display: block; padding-left: 55px; color: #fff; background-position: left; background-repeat: no-repeat}
.foot {padding: 40px 0; font-size: 13px; color: #4b4b52}
.social {text-align: center; padding: 50px 0 0 0}
.social img {margin: 0 15px}
.copy {float: right; line-height: 20px; padding: 10px 0}
.rslides_tabs {position: absolute; bottom: 80px; z-index: 999; width: 100%; text-align: center; font-size: 0}
.content {padding-top: 160px !important}
.category ul {display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px}
.category li {flex-grow: 1; width: calc(33.33% - 10px); margin: 0 5px 10px 5px; overflow: hidden}
.category li a {display: block; text-align: center; padding: 50px 40px}
.category li h2 {font-size: 40px; line-height: 40px; color: #000; font-weight: 400; margin-bottom: 40px; letter-spacing: -0.02em; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.category li:nth-child(1) h2 {font-size: 50px; line-height: 50px}
.category li img {height: 300px; width: auto; display: block; margin: auto}
.category li:nth-child(1), .category li:nth-child(12) {width: 100%}
.category li:nth-child(1) img {height: 450px}
.category li:nth-child(2), .category li:nth-child(3), .category li:nth-child(7), .category li:nth-child(8), .category li:nth-child(13), .category li:nth-child(14), .category li:nth-child(15), .category li:nth-child(16) {width: calc(50% - 10px)}
.bgc {background: url(img/bgc.png) top repeat-x; padding-top: 80px}
.txt {width: 1000px; font-size: 17px; color: #4b4b52; line-height: 30px; text-align: justify; margin: 0 auto 50px auto}
.content h1, .txt h2 {font-size: 60px; line-height: 60px; color: #000; font-weight: 400; margin-bottom: 50px; letter-spacing: -0.02em; text-align: center}
.content h1 {padding-top: 50px}
.txt h3 {font-size: 40px; line-height: 40px; color: #000; font-weight: 400; margin-bottom: 40px; letter-spacing: -0.02em; text-align: center; padding-left: 0; border: 0}
.main-foto img {max-width: 90%; max-height: 700px; display: block; margin: 0 auto 20px auto; width: auto; height: auto}
.img-title {width: 500px; margin: 0 auto 50px auto; padding-bottom: 30px; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 14px; line-height: 18px; color: #4b4b52}
.thumb-id {position: absolute; z-index: 100; left: 0; bottom: 5px; width: 100%; text-align: center; font-size: 14px; line-height: 18px; color: #4b4b52}
.sg {margin-left: auto; margin-right: auto; width: 80%}
.sg-item-content {border: 1px solid #d6d6d6}
.sg-item {width: calc(12.5% - 30px) !important; padding: 10px; background: #fff}
.trustus {text-align: center; font-size: 17px; padding: 50px}
.trustus img {display: inline-block; margin: 0 30px; width: auto; height: 60px}
.finish {border-top: 1px solid #d6d6d6; text-align: center; padding: 100px 0}
.finish li {display: inline-block; margin: 0 30px; width: 250px; vertical-align: top; font-size: 20px; line-height: 24px}
.finish li span img {display: block; margin: 0 auto 20px auto}
.pole {width: 1500px}
.txt ul {margin: 24px 0}
.txt ul li {padding-left: 35px; position: relative}
.txt ul li:before {content: ""; display: block; width: 15px; height: 2px; position: absolute; top: 15px; left: 10px; background-color: #f47920}
.post-list {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.post {display: block; width: 44%; margin: 0 3% 6% 3%; color: #4b4b52 !important; font-size: 15px; line-height: 18px}
.post h3 {font-size: 24px; line-height: 30px; text-align: left; margin-bottom: 10px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.post-date {font-size: 13px; margin-bottom: 20px}
.post-foto {height: 240px; position: relative; margin-bottom: 20px}
.post-foto img {max-width: 100%; max-height: 240px; width: auto; height: auto; position: absolute; bottom: 0; left: 0; right: 0; margin: auto}
.searchResult {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6}
.searchResult a {display: block}
.searchlink {color: #000; font-size: 24px; line-height: 30px}
.searchlink:first-letter {text-transform: uppercase}
.txt .form {width: 600px; margin: auto}
.txt .form-group {clear: both; position: relative}
.txt .form label {width: 278px; float: left; border-top: 1px solid #e6e6e6; line-height: 25px; padding: 10px 0; text-align: left; font-size: 15px; color: #000}
.txt .form input[type=text], .txt .form input[type=email], .txt .form textarea, .txt .form button, .txt .form select {width: 300px; float: right; padding: 10px; border: 1px solid #e6e6e6; background-color: #fafafa; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 25px; margin-bottom: 20px}
.txt .form select {width: 322px; padding: 12px 10px}
.txt .form textarea {height: 150px !important}
.txt .form button {width: 322px; cursor: pointer; color: #f47920; font-weight: 700; text-transform: uppercase}
.txt .form span {font-size: 0; width: 5px; height: 5px; position: absolute; top: 0; left: 100%; margin-left: 10px}
.txt .form span:after {content: "*"; position: absolute; top: 0; right: 0; font-size: 24px; font-weight: 700; color: #f47920}
.acc-flex {display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap}
.acc {width: 19%; margin: 0 3% 3% 3%; text-align: center}
.acc img {width: 100%; height: auto}
.spec {font-size: 0; text-align: center}
.spec ul {width: 24%; margin: 0 0.5%; display: inline-block; font-size: 15px; text-align: left; vertical-align: top}
.spec li {margin-bottom: 5px; padding: 10px 0 10px 10px !important; background-color: #f6f6f6}
.spec li:before {display: none !important}
.spec li a {font-size: 0; display: inline-block; width: 24px; height: 24px; vertical-align: text-bottom; margin-left: 5px}
.cdr {background: url(img/cdr.png) center no-repeat}
.pdf {background: url(img/pdf.png) center no-repeat}
.ir {float: right; margin: 0 0 20px 40px !important; height: auto}
.il {float: left; margin: 0 40px 20px 0 !important; height: auto}
.ib {display: block; max-width: 100%; height: auto; margin: 40px auto 0 auto}
.cert {width: 300px}
.wyroznienia {width: 70%}
.eco {width: 160px}
.about {width: 460px}
.slider h2 {width: 100%; height: 80px; line-height: 70px; position: absolute; margin: auto; bottom: 150px; left: 0; z-index: 10; font-size: 50px; font-weight: 700; color: #fff; text-align: center; text-shadow: 0 2px 2px #222; text-transform: uppercase}
.menu-side {padding-top: 10vh}
.adr-kontakt {font-size: 22px; line-height: 30px; padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #ddd; color: #000; text-align: center; padding-top: 30px}
.adr-kontakt strong {display: block; font-size: 26px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd}
.rej {text-align: center; color: #999; font-size: 15px; padding-top: 40px; border-top: 1px solid #ddd}
.lang {position: absolute; top: 0; left: 50%; margin-left: -750px; z-index: 240; font-size: 13px; text-transform: uppercase; line-height: 50px}
.frame {display: block; width: 100%; height: 600px; border: 0}
.blog h1 {text-align: center; color: #000; font-weight: 400; letter-spacing: -0.02em; font-size: 30px; line-height: 30px}
.btnmore ul {margin: 50px 0; text-align: center; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center}
.btnmore li {width: 15%; margin: 0 2%}
.btnmore li a {display: block; color: #888; border: 1px solid #ddd; padding: 10px; height: calc(100% - 20px)}
.box img {display: block; width: auto; height: 60px !important; margin: 10px auto 30px auto; border-radius: 100%; box-shadow: 2px 2px 15px 0px rgb(0 0 0 / 20%)}
.office {width: 47%; border: 1px solid #e4e4e4; text-align: center; font-size: 20px; color: #000; margin-bottom: 50px; padding: 30px 0}
.office hr {display: block; width: 50%; border: 0; margin: 30px auto; height: 1px; background: #e4e4e4}
.office span {font-size: 14px; color: #f47920; text-transform: uppercase; font-weight: 700; display: block; line-height: 20px; margin-bottom: 35px}
.lng {position: absolute; top: 35px; right: 35px; font-size: 14px; line-height: 20px; color: #777; height: 40px; overflow: hidden; border: 1px solid transparent; transition: all .2s ease-in-out; cursor: pointer}
.lng li {margin: 10px 20px}
.lang-show {height: 250px; border-color: #ddd; background: #fff}
.btns-more {text-align: center; padding: 40px 0 0 0; display: flex; justify-content: center}
.btns-more a {padding: 10px 0; width: 280px; height: 70px; line-height: 25px; border: 1px solid #f47920; font-size: 17px; color: #f47920; margin: 10px; display: flex; justify-content: center; flex-direction: column}
.why-milo {display: flex; flex-wrap: wrap; margin: 0 -3%; justify-content: center}
.why-box {width: calc(21.333% - 4px); border: 2px solid #ddd; margin: 3%; padding: 3%; text-align: center}
.why-box span {display: block; width: 100px; height: 100px; margin: 0 auto 30px auto}
.why-box span img, .box-link a img {display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; padding: 0 !important}
.box-link {display: flex; justify-content: space-between; padding: 60px; border-bottom: 2px solid #ddd; margin: 0 -60px 60px -60px; flex-wrap: wrap}
.box-link a {display: block; width: 30%}
.box-info {font-size: 14px; line-height: 22px}
.menu ul > li:nth-child(2) > ul {width: 1150px}
.reffer {display: flex; margin: 40px -1%; flex-wrap: wrap; justify-content: center}
.reffer a {display: block; width: 12.666%; padding: 1%; margin: calc(1% - 1px); border: 1px solid #eee}
.reffer a img {display: block; width: 100%; height: 100%; object-fit: contain}
.desktop-hide {display: none}
.ue {display: block; width: 40%; height: auto; position: absolute; bottom: 2vw; left: 2vw; z-index: 50; border: 1px solid #ddd}
}
#nav-icon {width: 55px; height: 50px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#nav-icon i {display: block; position: absolute; right: 20px; height: 2px; width: 25px; background: #929292; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#nav-icon i:nth-child(1) {top: 18px}
#nav-icon i:nth-child(2), #nav-icon i:nth-child(3) {top: 24px}
#nav-icon i:nth-child(4) {top: 30px}
#nav-icon.open i:nth-child(1) {top: 24px; width: 0%; right: 20px}
#nav-icon.open i:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
#nav-icon.open i:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
#nav-icon.open i:nth-child(4) {top: 24px; width: 0%; right: 20px}
#search #nav-icon i {background: #959595}
.menu ul > li:nth-child(2), .category li:nth-child(2), .category li:nth-child(7), .category li:nth-child(12) {animation-delay: .1s}
.menu ul > li:nth-child(3), .category li:nth-child(3), .category li:nth-child(8), .category li:nth-child(13) {animation-delay: .2s}
.menu ul > li:nth-child(4), .category li:nth-child(4), .category li:nth-child(9), .category li:nth-child(14) {animation-delay: .3s}
.menu ul > li:nth-child(5), .category li:nth-child(5), .category li:nth-child(10), .category li:nth-child(15) {animation-delay: .4s}
.menu ul > li:nth-child(6), .category li:nth-child(6), .category li:nth-child(11), .category li:nth-child(16) {animation-delay: .5s}
.menu ul > li:nth-child(7) {animation-delay: .6s}
.menu ul > li:nth-child(8) {animation-delay: .7s}
.menu ul > li:nth-child(9) {animation-delay: .8s}
.menu ul > li:nth-child(10) {animation-delay: .9s}
.menu li a {color: #000}
.smaller .nav > li > a {color: #fff}
.menu li a:hover, .menu li a.nav-path-selected, .menu-top li a:hover, .menu-top li a.nav-selected, .menu-bottom li a:hover, .menu-bottom li a.nav-selected, #sidebar li a:hover, #sidebar li a.nav-selected, .post:hover h3, .searchlink:hover {color: #f47920}
.menu-top li:nth-child(1) a, .menu-bottom li:nth-child(1) a {background-image: url(img/i-probki.png)}
.menu-top li:nth-child(2) a, .menu-bottom li:nth-child(2) a {background-image: url(img/i-cat.png)}
.menu-top li:nth-child(3) a, .menu-bottom li:nth-child(3) a {background-image: url(img/i-blog.png)}
.menu-top li:nth-child(4) a, .menu-bottom li:nth-child(4) a {background-image: url(img/i-zapytanie.png)}
.menu-top li:nth-child(5) a, .menu-bottom li:nth-child(5) a {background-image: url(img/i-kontakt.png)}
.offer a {display: block}
/* .offer a img, .category a img {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer a:hover img, .category a:hover img {transform: scale(1.05); -webkit-transform: scale(1.05)} */
.offer a:hover h1, .offer a:hover h2, .offer a:hover h3, .offer a:hover h4, .category a:hover h2 {margin-top: -5px}
.offer a strong {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}
.offer a:hover strong, .category a:hover h2 {padding-bottom: 5px}
.o1 li:nth-child(1), .o4 li:nth-child(4), .category li:nth-child(1) {background-color: #f5f5f5}
.o1 li:nth-child(2), .o4 li:nth-child(3), .category li:nth-child(3), .category li:nth-child(8), .category li:nth-child(13), .category li:nth-child(18) {background-color: #f3f4f7}
.o2 li:nth-child(1), .o4 li:nth-child(2), .category li:nth-child(4), .category li:nth-child(10), .category li:nth-child(16) {background-color: #eee}
.o2 li:nth-child(2), .o4 li:nth-child(1), .category li:nth-child(2), .category li:nth-child(11), .category li:nth-child(14), .category li:nth-child(19) {background-color: #fafafa}
.o3 li:nth-child(1), .category li:nth-child(7), .category li:nth-child(12), .category li:nth-child(15), .category li:nth-child(20) {background-color: #fafafa}
.o3 li:nth-child(2), .category li:nth-child(5), .category li:nth-child(9), .category li:nth-child(17) {background-color: #f5f5f5}
.o3 li:nth-child(3), .category li:nth-child(6) {background-color: #eee}
.move-left {left: -250px}
.grey {background-color: #f3f3f3}
.more:hover {color: #000; border: 1px solid #d1d1d1}
.adr li strong {text-transform: uppercase}
.adr a {color: #fff}
.copy img {margin: 0 0 -6px 3px; width: 55px; height: 20px}
.slider li:nth-child(1) {background: url(img/p3.png)}
.slider li:nth-child(2) {background: #dfe4e8}
.slider li:nth-child(3) {background: url(img/p2.png)}
.slider li:nth-child(4) {background: #ddd}
.slider li:nth-child(5) {background: url(img/p1.png)}
.slider li:nth-child(6) {background: #e5e5e5}
.slider li:nth-child(7) {background: url(img/p3.png)}
.slider li:nth-child(8) {background: #dfe4e8}
.slider li:nth-child(9) {background: url(img/p2.png)}
.slider img {display: block; width: 100%; height: 100%; margin: auto; object-fit: contain}
.rslides li {background-position: center; background-size: cover}
.rslides_nav {width: 20px; height: 37px; opacity: 1; margin-top: -19px}
.rslides_nav.prev {background: url(img/prev.png); left: 5%}
.rslides_nav.next {background: url(img/next.png); right: 5%}
.rslides_tabs li {margin: 0 2px}
.rslides_tabs li a {height: 5px; background: #fff; border: 1px solid #cecece; margin: 0; border-radius: 0}
.rslides_tabs li.rslides_here a {background: #f47920; border: 1px solid #f47920}
.searchbox input[type=submit] {display: none}
.category {overflow: hidden}
.category li h2:first-letter {text-transform: uppercase}
.content h1:first-letter {text-transform: uppercase}
.finish li a {color: #000}
.finish li a:hover {color: #f47920}
.finish li span {display: block}
.content .searchhide {display: none}
fieldset {border: 0}
.adr-kontakt a {color: #000}
.box li {padding-left: 0 !important}
.box li:before {display: none !important}
.box a {color: #4b4b52}
.lang a {display: inline-block; margin-right: 8px; color: #888}
.lang a:hover {color: #f47920}
.searchbox input[type=text] {background-color: #aaa !important}
.pagination li:before {display: none !important}
.youtubeBlock {margin: 60px 0}
.form button {background: #f47920; color: #fff}
.ccm-pagination-wrapper {text-align: center}
.ccm-pagination-wrapper li {padding: 0 !important}
.btnmore li a:hover {border: 1px solid #666}
.btnmore li {padding: 0 !important}
.btnmore li:before {display: none !important}
.office a {color: #000}
.txt img {display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto}
.txt a {color: #f47920}
.txt a:hover {color: #000}
.lang {display: none}
.lng li {text-transform: uppercase}
.lng li a {display: block; color: #777}
.lng li a:hover {color: #f47920}
.smaller .lng {opacity: 0; height: 0}
.menu-top li a {background-image: none !important; padding-left: 0 !important}
.btns-more a:hover {color: #000; border: 1px solid #d1d1d1}
.btns-more a strong {display: block; font-weight: 700}
.howorder {display: block; float: left; width: 44% !important; margin: 0 3% 60px 3% !important}
.ccm-block-edit .module, .visible .module {opacity: 1 !important; transform: translate(0) !important}
.sg {justify-content: center}
.menu li a img {max-width: 100%; max-height: 100%; width: auto; height: auto}
.menu .nav > li {overflow: hidden}
.menu .nav > li:hover {overflow: visible}
.menu ul > li > ul {opacity: 0; transition: all .2s ease-in-out}
.menu ul > li:hover > ul {opacity: 1}
.trustus .page {text-align: justify}
.trustus .page a {color: #f47920}
.trustus h1, .trustus h2, .trustus h3 {text-align: center}
.blog h2 {font-weight: 400; font-size: 30px}
.blog a {color: #f47920}
.box img {padding-top: 0 !important}
.reffer a img {padding: 0 !important; margin: 0 !important}
.wyceny-lang {display: flex; justify-content: center}
.wyceny-lang a {display: block; height: 30px; margin: 0 8px}
.wyceny-lang img {display: block; width: auto; height: 100%; padding: 0 !important; margin: 0 !important}
.trustus h2 {font-weight: 400; margin: 30px 0; text-align: center !important}
.es-main-content {position: relative}
.es-main-content:after {content: ""; display: block; width: 100%; height: 40px; background: #fff; position: absolute; top: 100%; left: 0; z-index: 999999}
.shownl {position: fixed; bottom: 3%; right: 2%; z-index: 10; width: 180rem; height: 180rem}
.shownl:before {display: block; content: "X"; font-size: 35rem; line-height: 1; position: absolute; top: -10rem; right: -5rem; z-index: 2; color: #f47920; transform: scaleY(0.7); cursor: pointer}
.shownlbtn {width: 100%; height: 100%; border-radius: 100%; background: #f47920; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 16rem; position: relative; z-index: 1; flex-direction: column; cursor: pointer}
.shownlbtn strong {text-transform: uppercase; font-size: 22rem; display: block}
.newsletter {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1000; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; opacity: 0; transition: all .4s ease-in-out}
.nlshow {z-index: 1000; opacity: 1}
.nlbody {width: 500rem; height: 500rem; padding: 50rem; border-radius: 100%; background: #fff; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 16rem}
.nlbody strong, .inquiry strong {display: block; font-weight: 500; color: #f47920; font-size: 40rem; margin-bottom: 20rem}
.nlbody span {display: block; font-weight: 500; margin: 20rem 0 40rem 0}
.nlbody span a {color: #000; text-decoration: underline}
.nlbody .text-muted, .inquiry .text-muted {display: none}
.nlbody fieldset, .inquiry fieldset {border: 0; margin-top: 30rem}
.nlbody label, .inquiry label {margin-bottom: 5rem; font-weight: 500; text-transform: uppercase; font-size: 15rem; display: block}
.nlbody .ccm-form input[type=text], .nlbody .ccm-form input[type=email], .nlbody .ccm-form select, .inquiry .ccm-form input[type=text], .inquiry .ccm-form input[type=email], .inquiry .ccm-form select {width: 300rem; padding: 10rem; border: 0; background-color: #f7f7f7; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17rem; line-height: 28rem; margin-bottom: 15rem}
.nlbody .ccm-form select, .inquiry .ccm-form select {width: 320rem}
.nlbody button, .inquiry button {display: block; margin: auto; width: 160rem; line-height: 50rem; background: #f47920; color: #fff; font-size: 20rem; font-weight: 500; border: 0; cursor: pointer; margin-top: 10rem}
.nlclose {position: absolute; top: -20rem; right: -10rem; font-size: 15rem; color: #fff; font-weight: 500; z-index: 10; text-align: center; cursor: pointer}
.nlclose em {font-style: normal; font-size: 40rem; transform: scaleY(0.7); display: block; font-weight: 300; line-height: 1}
.showscale {opacity: 0; transform: scale(0.6)}
.already-visible {animation: come-in 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-edit-mode .module {opacity: 1 !important; transform: translate(0) !important}
.inquiry {display: flex; justify-content: center; text-align: center; font-size: 16rem; flex-direction: column; width: 500rem; margin: 100rem auto; padding: 50rem; box-shadow: 0 0 40rem 0 rgba(0,0,0,0.1)}
.inquiry .nlclose {display: none}
@keyframes come-in {
to {transform: translate(0); opacity: 1}
}
@-webkit-keyframes showright {
0% {opacity: 0; transform: translate(50px,0)}
100% {opacity: 1; transform: translate(0,0)}
}
@keyframes showright {
0% {opacity: 0; transform: translate(50px,0)}
100% {opacity: 1; transform: translate(0,0)}
}
@-webkit-keyframes showtop {
0% {opacity: 0; transform: translate(0,-100%)}
100% {opacity: 1; transform: translate(0,0)}
}
@keyframes showtop {
0% {opacity: 0; transform: translate(0,-100%)}
100% {opacity: 1; transform: translate(0,0)}
}
@-webkit-keyframes show {
0% {opacity: 0}
100% {opacity: 1}
}
@keyframes show {
0% {opacity: 0}
100% {opacity: 1}
}
.sekcja-kontakt {
padding: 30px 30px;
background: linear-gradient(45deg, #ff7200, #f7be7a );
text-align: center;
color: white;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
margin:20px 0px;
}
.sekcja-kontakt h4.blue-text {
font-size: 20px;
}
.sekcja-kontakt .blue-text {
color: #fff;
text-align:left;
}
span.white-text {
margin-top: 10px;
display: block;
}
.przyciski-tel {
min-height: 40px;
}
a.button-tel {
box-sizing: border-box;
font-size: 16px;
padding: 1em 2em;
color: #ffffff;
border: 2px solid #ffffff;
margin: auto;
width: 200px;
min-width: 50%;
display: block;
}
a.button-tel:hover {
background-color:white;
color: #ff7606!important;}
@media (max-width:800px){
.sekcja-kontakt{
display:block;
}
.sekcja-kontakt h4{
text-align:center;
padding-right: 0px;
}}
@media (max-width:510px){
a.button-tel {
display: block;
}}
@media (max-width: 800px){
.sekcja-kontakt h4, .sekcja-kontakt .blue-text {
text-align: center;
padding-right: 0px;
padding-bottom:20px;
}}