img {border:none;}
a {text-decoration:none; color:#417156;}
a:hover {text-decoration:none; color:#000;}
a:visited {text-decoration:none;}
a:focus {text-decoration:none;}
a {outline:none;}
a img {border:none;}
img {max-width:100%;}
b,strong {font-weight:700;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {margin:0;padding:0;height:100%;font-family: "Lora", serif;font-optical-sizing: auto;font-style: normal;color:#2B2B2B;font-size:16px;}
p {line-height:1.7;}
.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexStart {justify-content:flex-start;}
.flexEnd {justify-content:flex-end;}
.flexCenter {justify-content:center;}
.flexVcenter {align-items:center;}
.flexVend {align-items:flex-end;}
.flexAround {justify-content:space-around;}
#wrapper {min-height:100%;position:relative;}
#page {--side-padding:calc(calc(100vw - 100rem) / 2)}
#header {height:100vh;padding:0 0 0 0;}
.nag,h2 {font-size:65px;}
#header .box {position:relative;}
.header_1 {width:40%;padding-left:var(--side-padding);padding-top:100px;padding-bottom:100px;}
.header_2 {width:50%;}
#header .box,#header .flex,.header_2,.header_2 img {height:100%;}
.header_2 img {object-fit:cover;object-position:right bottom;}
#header .arrow {position:absolute;bottom:10px;left:var(--side-padding);}
#menu ul {margin:0px;padding:0px;font-size:23px;}
#menu ul li {list-style:none;text-align:center;padding:20px 20px;display:inline-block;}
#menu ul li a {padding:20px 0px;color:#000;}
#menu ul li a:hover {color:#417156;}
#menu ul li ul {display:none;text-align:left;width:300px;position:absolute;margin-top:20px;background:#000;padding:5px 0;}
#menu ul li ul li {width:100%;text-align:left;padding:6px 10px;}
#menu ul li ul li a {color:#fff;padding:5px 0;}
#menu ul li ul li a:hover {color:#ccc;}
#menu ul li:hover ul {display:block;}
.mobile {display:none;}
#topbar {z-index:999;position:fixed;top:0;right:0;left:0;padding:20px 0;}
#topbar .flex {align-items:center;}
#topbar.fixedHeader {padding:5px 0;background:#fff;}
#mobile-menu {background:rgba(255,255,255,0.9);z-index:998;position:fixed;top:0;bottom:0;right:0;left:0;text-align:center;padding-top:100px;display:none;}
#mobile-menu #menu ul li {width:100%;padding:5px 10px;}
#mobile-menu #menu ul li a {padding:3px 0px;}
#nav-icon {width: 40px;height: 27px;position: relative;margin: 10px auto;-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;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #000;border-radius: 9px;opacity: 1;left: 0;-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 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.button {cursor:pointer;display:inline-block;padding:10px 40px;background:#417156;border:2px solid #417156;color:#fff;font-family: "Playfair Display", serif;}
.button:hover {background:none;border:2px solid #417156;color:#417156;}
.onas_1,.onas_2 {width:50%;}
.onas_2 {padding:100px;}
.mtb50 {margin:50px 0;}
.nag {position:relative;}
#onas .nag:before,#faq .nag:before {content:'';position:absolute;width:120px;height:2px;background:#2B2B2B;top:40px;left:-160px;}
.oferta {width:20%;border-right:1px solid #707070;padding:60px 15px 250px 15px;position:relative;}
.oferta .btnWrap {position:absolute;bottom:130px;left:0;right:0;}
.oferta:last-of-type {border-right:0;}
.ofertaWrap {margin:100px 0 0 0;}
#oferta {padding:150px 0;}
.oferta img {margin:50px 0;}
.oferta .title {font-size:20px;font-weight:500;}
.line {display:inline-block;height:2px;width:50px;margin-left:20px;background:#2B2B2B;}
.klienci_wrap {margin:100px 0 0 0;}
.klienci_1,.klienci_2 {width:40%;margin-left:5%;}
.klient .title {font-size:25px;font-weight:500;color:#fff;}
.klient {width:49%;margin-bottom:2%;position:relative;background:#000;}
.klient:after {content:'';padding-top:90%;display:block;}
.klient .bg {position:absolute;left:0;right:0;bottom:0;top:0;}
.klient .bg img {object-fit:cover;width:100%;height:100%;opacity:0.5;}
.klient .title {position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;}
.klient .more {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;}
.klient.kMore {background:#417156;}
.klient:hover .bg img {opacity:1;}
.klient:hover .title {opacity:0;}
.klient.kMore:hover .title {opacity:1;}
.klient:hover .more {opacity:1;}
#referencje {padding:150px 0;}
#referencje .line {margin-right:20px;margin-left:0;}
.nagDesc {padding:20px 0 0 70px;}
.referencje {background:#417156;margin:100px 0 0 20%;color:#fff;padding:60px 0;}
.referencje .img {width:290px;}
.referencje .content {width:calc(100% - 380px);}
.referencje .title {font-size:20px;font-weight:500;}
.referencje .desc {max-width:700px;}
.referencje p {font-size:14px;}
.slider {margin:0 0 0 -100px;}
.dots {margin-left:240px;}
.dots ul {list-style:none;display:flex;justify-content:flex-start;}
.dots ul li button {cursor:pointer;width:12px;height:12px;border-radius:1px;text-indent:-9999px;overflow:hidden;background:none;outline:0;border:1px solid #fff;margin-right:5px;}
.dots ul li.slick-active button {background:#fff;}
#accordion h3 {cursor:pointer;border-top:1px solid #2B2B2B;padding:20px 50px 0px 0;background-image:url('/wp-content/themes/tkf/images/more2.png');background-position:top 25px right;background-repeat:no-repeat;}
#accordion h3:first-of-type {border:0;}
#accordion .number {display:inline-block;font-size:40px;font-weight:500;width:50px;}
#accordion h3 div {width:calc(100% - 60px);display:inline-block;font-size:14px;font-weight:400;}
#accordion div a {text-decoration: underline;}
.ui-accordion-content {color:#417156;padding:0 0 20px 55px;font-size:14px;}
#wynikiInwestycji {padding:150px 0;}
.wyniki {margin:100px 0 0 0;}
.wyniki_1 p {font-size:14px;}
.wyniki_1 {padding-left:70px;}
.wyniki_1,.wyniki_2 {width:48%;}
.news {width:46%;margin:15px 0 100px 0;}
.news .content {border:1px solid #F0F0F0;border-top:0;padding:55px 45px 45px 45px;}
.news .btnWrap {margin:20px 0 0 0;}
.news .title {font-size:45px;color:#2B2B2B;font-weight:500;}
.news p {font-size:14px;}
.news .img {position:relative;}
.news .line {margin:40px 0 30px 0;width:160px;}
.news .img:after {content:'';padding-top:60%;display:block;}
.news .img img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;bottom:0;right:0;left:0;}
.blogWrap {margin:100px 0 200px 0;}
#NapiszDoNas.NapiszDoNas2 {background:#417156;margin:0;}
#NapiszDoNas.NapiszDoNas2 .napisz_1 {color:#fff;padding:100px 0 0 100px;width:550px;}
#NapiszDoNas.NapiszDoNas2 .napisz_2 {width:calc(100% - 600px);}
#NapiszDoNas.NapiszDoNas2 .line {background:#fff;}
.napisz_1 {width:380px;padding:0 0px 0 100px;}
.napisz_2 {width:calc(100% - 500px);background:#417156;padding:100px;color:#fff;}
#NapiszDoNas .line {margin-top:41px;}
#NapiszDoNas form {margin:100px 0 0 0;}
input[type="text"],input[type="email"],textarea {border:0;border-bottom:1px solid #fff;color:#fff;padding:10px 0;background:none;outline:0;width:100%;font-family:'Lora';margin:20px 0;font-size:15px;}
#NapiszDoNas .button {border:2px solid #fff;background:#fff;color:#417156;}
#NapiszDoNas .button:hover {background:none;color:#fff;}
.rodo {font-size:12px;width:calc(100% - 150px);}
footer {margin:150px 0 0 0;}
hr {height:1px;width:100%;background:#2B2B2B;outline:0;border:0;margin:0 0 50px 0;}
.footer1 {width:58%;}
.footer2 {width:40%;}
.half {width:49%;max-width:160px;}
.subnag {font-size:36px;font-weight:500;margin:40px 0 20px 0;}
.social a {margin-right:10px;}
footer .bottom {margin:100px 0 0 0;padding:30px 0;border-top:1px solid #2B2B2B;}
footer .nagWrap {margin:0 0 100px 0;}
footer .social {margin:50px 0 0 0;}
footer a {color:#2B2B2B;}
.wpcf7-spinner {display:none !important;}
.quote1,.quote3 {font-size:511px;color:#417156;width:210px;}
.quote3 {transform: matrix(-1, 0, 0, -1, 0, 0);}
.quote2 {font-size:83px;width:calc(100% - 430px);text-align:center;}
#zespol {background:#F0F0F0;padding:100px 0;}
.osobyWrap {margin:100px 0 0 0;}
.osobaZespol {width:24%;margin-bottom:1.5%;position:relative;}
.osobaZespol:after {content:'';padding-top:100%;display:block;}
.osobaZespol .bg {position:absolute;left:0;right:0;bottom:0;top:0;}
.osobaZespol .bg img {object-fit:cover;width:100%;height:100%;}
.osobaZespol .content {position:absolute;bottom:20px;left:20px;color:#fff;font-weight:500;}
.osobaZespol .title {font-size:32px;}
.osobaZespol .desc {font-size:18px;}
#misja {padding:100px 0;}
.misja1 {width:50%;}
.misja2 {width:50%;padding-left:5%;text-align:right;padding-right:var(--side-padding);}
#cytat {margin:50px 0;}
#faqSec {background:#F0F0F0;padding:100px 0;margin:0 0 100px 0;}
#faqSec.faqSec2 {margin:0;}
#Kontakt2 {padding:100px 0;}
.kontaktHalf {width:45%;}

.entry {	margin-top: 0;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float:none;}
.woocommerce div.product {margin-bottom: 0;position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none;width: 38%;}
.woocommerce div.product div.images,.woocommerce div.product div.summary {margin-bottom: 0;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: none;width: 60%;clear: none;}
.entry .entry-content, .entry .entry-summary {max-width: 100%;margin: 0 0%;padding: 0 0px;}

.box {max-width:1620px;margin: 0px auto;padding:0px 10px;}
.transition,.logo,.button,.gal-item img,.klient .bg img,.klient .title,.klient .more  {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
ul.list {list-style-type: none;margin:0px; padding:0px;margin-left:10px;}
ul.list li:before {content:"-"; position:relative; left:-5px;}
ul.list li{ text-indent:-5px; }
@media all and ( max-width:1620px) {
	#page {--side-padding:10px}
}
@media all and ( max-width:1500px) {
	.nag,h2 {font-size: 50px;}
	.onas_2 {padding: 60px;}
	#onas .nag::before, #faq .nag::before {	left: -120px;top:33px;width:100px;	}
	.klienci_1, .klienci_2 {width: 45%;	margin-left: 2%;	}
	.quote2 {font-size: 60px;width: calc(100% - 350px);}
	.quote1,.quote3 {width:165px;font-size:400px;}
	#NapiszDoNas.NapiszDoNas2 .napisz_1 {color:#fff;padding:100px 0 0 30px;width:400px;}
	#NapiszDoNas.NapiszDoNas2 .napisz_2 {width:calc(100% - 450px);}
}
@media all and ( max-width:1300px) {
	.oferta {width:33%;border:0;padding:60px 10px 150px 15px;}
	.oferta .btnWrap {	bottom: 50px;}
	.ofertaWrap {justify-content:space-around;}
	.klienci_1, .klienci_2 {width: 48%;	margin-left: 1%;}
	.news .title {font-size: 26px;}
	.news .content {padding: 25px 15px 15px 15px;}
	.news .line {margin: 20px 0 15px 0;}
	.napisz_2 {padding: 70px 30px;}
}
@media all and ( max-width:1200px) {
	.osobaZespol {width:32%;}
	.nag,h2 {font-size: 36px;}
	.referencje .content {width: calc(100% - 310px);padding-right:20px;}
	#NapiszDoNas.NapiszDoNas2 .napisz_1 {color:#fff;padding:100px 0 0 30px;width:300px;}
	#NapiszDoNas.NapiszDoNas2 .napisz_2 {width:calc(100% - 350px);}
}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	#header {height:auto;}
	.onas_1,.onas_2 {width:100%;}
	.arrow img {height:30px;margin-left:5px;}
	.klienci_1, .klienci_2 {width: 100%;	margin-left:0;	}
	.referencje {margin: 100px 0 0 100px;}
	.dots {margin-left: 170px;}
	.wyniki_1,.wyniki_2 {width:100%;}
	.wyniki_1 {padding:0px}
	.news {width: 49%;}
	.news .title {font-size: 18px;}
	.news .content {padding: 20px 10px 10px 10px;}
	.napisz_1,.napisz_2 {width:100%;}
	.footer1,.footer2 {width:100%;}
	#NapiszDoNas form {margin: 30px 0 0 0;}
	.quote2 {font-size: 40px;width: calc(100% - 170px);}
	.quote1,.quote3 {width:80px;font-size:80px;}
	.misja1,.misja2 {width:100%;}
	#NapiszDoNas.NapiszDoNas2 .napisz_1 {color:#fff;padding:100px 0 0 30px;width:100%;}
	#NapiszDoNas.NapiszDoNas2 .napisz_2 {width:100%;}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%;}
}
@media all and ( max-width:720px) {
	.header_1,.header_2 {width:100%;}
	.oferta {width:49%;}
	.onas_2 {padding: 15px}
	.header_2 {height:auto;padding-top:50px;}
	.nag,h2 {font-size: 26px;}
	.referencje .img {width: 190px;}
	.referencje .content {width: calc(100% - 202px);padding: 10px 0;}
	.dots {margin-left: 62px;}
	.napisz_1 {padding: 0 0px 0 10%;}
	.subnag {font-size: 20px;}
	.quote2 {font-size: 26px;}
	.osobaZespol {width:49%;}
	.osobaZespol .title {font-size:20px;}
	.osobaZespol .desc {font-size:14px;}
	.kontaktHalf {width:100%;margin:20px 0;}
}
@media all and ( max-width:500px) {
	.oferta {width:100%;}
	.referencje .img {width: 140px;}
	.referencje .content {width: calc(100% - 152px);}
	.dots {margin-left: 12px;}
	.news {width:100%;}
}