img {border:none;}
a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:none; color:#BADDCD;}
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: "Poppins", sans-serif;}
body {overflow-x:hidden;}
.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;}
#header {height:100vh;position:relative;}
#header.nonHome {height:30vh;}
.normalPage {padding:100px 0;}
.myVideo{position: absolute;right: 0;bottom: 0;	top:0;width: 100%;height: 100%;background-size: 100% 100%; 		background-color: black;background-position: center center;background-size: contain;object-fit: cover;z-index:1;}
#header .header {position:relative;z-index:3;height:100%;padding-bottom:150px;color:#fff;font-size:30px;font-weight:300;}
#header .header .nag {font-size:70px;font-weight:600;color:#BADDCD;line-height:1.2;}
.nag h1 {font-size:inherit;font-weight:inherit;margin:0;line-height:inherit;}
.header .box,.header .flex {height:100%;}
.header .more img {vertical-align:middle;}
#header .more {font-size:30px;font-weight:500;}
#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:#bd4928;}
#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;}
.logo {width:70px;}
#topbar.fixedHeader .logo {width:70px;}
#topbar.fixedHeader {padding:5px 0;}
#mobile-menu {background:rgba(32,43,23,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;color:#fff;}
#nav-icon {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: 5px;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;border-radius:25px;display:inline-block;padding:10px 25px;background:#00513E;border:1px solid #00513E;color:#fff;font-size:20px;font-weight:700;text-transform:uppercase;}
.button:hover {background:none;border:1px solid #00513E;color:#00513E;}
#topbar .button {background:#fff;color:#00513E;font-size:17px;border:1px solid #fff;}
#topbar .button:hover {background:none;color:#fff;}
#home {background:#E9E9E9;color:#00513E;padding:100px 0;}
.nag {font-size:40px;font-weight:600;}
.home1 {font-size:20px;font-weight:700;}
.perc50 {width:49%;}
.cardsWrap {max-width:1400px;margin:100px auto 100px auto;}
.card {width:30%;background:#d4ddd7;padding:50px 20px;border-radius:40px;text-align:center;font-size:20px;}
.card.card2 {background:#c4cdc5;}
.card.card3 {background:#cfdfd3;}
.card .title {font-weight:700;}
#Onas {background-image:url('/wp-content/themes/perprocura/images/onas.jpg');background-size:cover;background-position:center center;color:#00513E;padding:100px 0;}
.onas1 {font-size:30px;font-weight:700;margin:100px 0 50px 0;}
.onas2 {width:30%;margin-top:50px;color:#000;font-size:20px;}
.onas2 img {width:100px;}
#Specjalizacje {background:#EEEEEE;color:#004434;padding:100px 0;overflow-x:hidden;}
.spec {aspect-ratio:10/16;border-radius:40px;overflow:hidden;position:relative;}
.spec img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.spec .title {position:relative;z-index:3;text-align:center;font-size:22px;font-weight:600;text-transform:uppercase;}
.spec a {color:#fff;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:20px 20px 40px 20px;}
.spec:hover img {transform:scale(1.1);}
.specWrap {margin-top:100px;}
.swiper-slide {padding:0 30px;}
#Blog {background:#EEEEEE;color:#004434;padding:100px 0;}
.blog1 {font-weight:300;font-size:50px;margin-bottom:30px;}
.blog2 {width:calc(100% - 460px);}
.blog3 {width:400px;font-size:30px;}
.blog3 a {color:#004434}
.blog4 {font-weight:500;font-size:40px;margin-bottom:20px;text-transform:uppercase;}
.news {width:49%;}
.blogGrid .news {width:30%;margin-bottom:30px;}
.news a {color:#004434;}
.news .title {font-size:24px;font-weight:700;}
.news img {border-radius:30px;aspect-ratio:16/9;object-fit:cover;}
#Kontakt {position:relative;background:#000;color:#fff;padding:100px 0 0 0;}
.imgBg {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0.7;z-index:1;}
.imgBg img {object-fit:cover;width:100%;height:100%;}
.kontakt1 {font-size:50px;margin-bottom:50px;}
#Kontakt .box {position:relative;z-index:3;}
.form {border-radius:100px;padding:40px 100px;background:rgba(255,255,255,0.4);}
.kontaktBox {margin-top:100px;background:rgba(0,81,62,0.6);width:100%;position:relative;z-index:3;padding:50px 0;font-size:30px;}
.kontaktBox img {width:40px;vertical-align:middle;margin-right:15px;}
.mailWrap {display:inline-block;text-align:left;vertical-align:middle;margin-left:15px;}
.half {width:49%;}
input[type=text], input[type=email], textarea {background:none;width:calc(100% - 175px);padding:10px 0px;margin:10px 0px 20px 0px;border:0;border-bottom:1px solid #fff;font-size:16px;outline:none;color:#fff;}
.form label {font-size:24px;font-weight:300;display:flex;align-items:center;justify-content:space-between;}
.rodo {font-size:12px;}

.gal-item {width:24%;margin-bottom:1.5%;position:relative;overflow: hidden;}
.gal-item:after {content:'';padding-top:60%;display:block;}
.gal-item:empty {margin-bottom:0;}
.gal-item:hover img {transform:scale(1.1);}
.gal-item img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;bottom:0;right:0;left:0;}

.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  {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:1300px) {
	#header .header .nag {	font-size: 50px;}
	#header .header {font-size: 20px;}
	.blog4 {font-size: 20px;}
	.blog3 {font-size: 18px;width:300px;}
	.blog2 {	width: calc(100% - 360px);}
	.kontaktBox {font-size: 20px;}
	.kontakt1 {font-size: 30px;}
}
@media all and ( max-width:1200px) {
	.swiper-slide {padding:0 15px;}
}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	.card {width: 100%;	padding: 50px 20px;margin:10px 0;font-size:16px;}
	.onas2 {width:100%;}
	.onas2.alignCenter {width:30%;}
	.blog1,.onas1 {font-size:26px;}
	.blog3, .blog2 {	width: 100%;}
	.half {width:100%;}
	.perc50 {width:100%;margin:10px 0;}
	#header .header .nag {	font-size: 30px;}
	#header .header {font-size: 16px;}
	.button {font-size: 13px;}
	.home1,.onas2 {font-size: 16px;}
	.form {	padding: 20px 20px;border-radius:20px;}
	.form label {font-size: 16px;}
	.kontakt1 {font-size:20px;}
	input[type="text"], input[type="email"], textarea {	width: calc(100% - 115px);}
	.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%;}
	.spec .title {font-size:16px;}
	.blogGrid .news {width:49%;}
}
@media all and ( max-width:768px) {
	.news {width:100%;margin:20px 0;}
	.kontaktBox {font-size: 16px;}
	.blog1,.onas1 {font-size:20px;}
	.nag {font-size: 26px;}
}