img {border:none;}
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#555;}
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;}
body {overflow-x:hidden;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {margin:0;padding:0;height:100%;font-family: "Montserrat", serif;font-weight:300;}
.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 {background:url('/wp-content/themes/roger/images/bg.jpg');background-size:cover;background-position:right center;height:100vh;background-attachment:fixed;color:#fff;}
#header .inline {font-size:80px;letter-spacing:5px;margin-bottom:30px;}
#header .inline.inline2 {font-size:40px;letter-spacing:2px;}
#header .box {height:100%;}
#menu ul {margin:0px;padding:0px;font-size:18px;}
#menu ul li {list-style:none;text-align:center;padding:10px 20px;display:inline-block;}
#menu ul li a {padding:10px 0px;color:#fff;position:relative;}
#menu ul li a:hover {color:#fff;}
#menu ul li a:after {  content:''; position:absolute;  bottom:0;  right:0;  width:0;  height:2px;  background:#fff;  transition:width .3s ease-in-out;}
#menu ul li a:hover:after {left:0;width:100%;}
#menu ul li ul {display:none;text-align:left;width:300px;position:absolute;margin-top:20px;background:#fff;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:10px 0;}
#topbar .box {padding:20px 20px;border: 0px solid rgba(255, 255, 255, 0);}
#topbar .flex {align-items:center;}
.logo {width:200px;}
.partner {width:16%;}
.logo img {filter:invert(1);}
#topbar.fixedHeader .logo {width:120px;}
#topbar.fixedHeader {padding:10px 0;}
#topbar.fixedHeader .box,#topbar.nonhome .box {padding:10px 20px;background: rgba(0, 0, 0, 0.4);border-radius: 0px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);	backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.3);}
#mobile-menu {background: rgba(0, 0, 0, 0.6);z-index: 998;position: fixed;top: 0;bottom: 0;  right: 0;text-align: center;padding:130px 10% 0 0;width: 70%;transform: translateX(100%);transition: transform 0.5s cubic-bezier(.48,.15,.58,.94);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.3);}
#mobile-menu.open {transform:translateX(0%);}
#mobile-menu #menu ul li {width:100%;padding:15px 10px;font-weight:300;text-align:right;}
#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: #fff;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 50px 10px 25px;background:#000;border:1px solid #000;color:#fff;border-radius:0px;position:relative;}
.button:after {content:'';background:url('/wp-content/themes/roger/images/more.svg');background-size:contain;position:absolute;right:25px;top:50%;transform:translateY(-50%);width:12px;height:12px;transition:all 0.3s;}
.button:hover {background:none;border:1px solid #000;color:#000;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.button:hover:after {transform:translateY(-50%) rotate(270deg);filter:invert(1);}
#header .button {background:#fff;border:1px solid #fff;color:#000;}
#header .button:hover {background:none;border:1px solid #fff;color:#fff;}
#header .button:after {filter:invert(1);}
#header .button:hover:after {filter:invert(0);}
#Omnie {height:100vh;}
#Omnie .flex {height:100%;}
.omnie1 {width:40%;height:100%;background:url('/wp-content/uploads/2025/08/Untitled-1.jpg');background-position:center right;background-size:cover;}
.omnie1 img,.oferta1 img {display:block;}
.omnie2 {width:60%;padding:100px 10%;display:flex;align-items:center;}
.omnie2 p,.dron2 p {text-align:justify;font-size:18px;font-weight:200;color:#555;line-height:2;}
.stop {font-size:50px;text-transform:uppercase;line-height:0.8;font-weight:100;margin:50px 0 50px 10%;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.stop:hover {letter-spacing:5px;}
.oferta2 {width:60%;padding:100px 10%;height:100%;}
.oferta1 {width:40%;}
.nag {font-size:50px;text-transform:uppercase;line-height:1;font-weight:100;margin:0 0 50px 0;}
.nag h1 {margin:0;font-weight:inherit;font-size:inherit;}
.ofertaBlock {width:calc(50% - 15px);border:1px solid #000;padding:20px;transition:transform 0.3s ease, opacity 0.3s ease;background:#fff;z-index:1;position:relative;border-radius:0px;}
.ofertaFlex {gap:30px;}
.ofertaBlock:hover {transform:scale(1.2);opacity:1 !important;z-index:2;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ofertaFlex:has(.ofertaBlock:hover) .ofertaBlock {opacity:0.4;}
.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;}
.dron1 {position:relative;width:40%;}
.dron2 {width:60%;padding:100px 10%;}
#Blog {padding:100px 0;}
footer {background:#000;color:#fff;padding:100px 0;text-align:center;}
footer a {color:#fff;}
footer a:hover {color:#ccc;}
footer img {filter:invert(1);}
.news {width:30%;margin-bottom:30px;}
.news p {font-size:13px;line-height:1.6;}
.news .title {font-size:18px;margin:10px 0;}
.newsImg {position:relative;overflow:hidden;border-radius:0px;}
.newsImg:after {content:'';padding-top:60%;display:block;}
.newsImg img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;bottom:0;right:0;left:0;}
.newsImg img:hover {transform:scale(1.1);}
.img3 {display:none;}
#Omnie,#Oferta,#Dron {max-width:1920px;margin:0 auto;}
.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;}
.normalPage {padding:200px 0 100px 0;}
.realizacja {width:32%;margin-bottom:30px;}
.realizacja .slider {overflow:hidden;outline:none;position:relative;}
.realizacja .flickity-viewport {outline:none;width:100%;}
.realizacja .flickity-slider {outline:none;}
.realizacja .slide {display:block;width:100%;aspect-ratio:1/1;}
.realizacja .slider .slide img {display:block;width:100%;height:100%;object-fit:cover;}
.realizacja .title {font-size:1.4rem;font-weight:500;margin-top:20px;text-align:center;}
.realizacja .slider { aspect-ratio: 1 / 1; width: 100%;}
.realizacja .flickity-viewport { height: 100% !important;}
.realizacja .flickity-slider {  height: 100% !important;}
.flickity-prev-next-button {position:absolute;z-index:10;top:45%;background:rgba(255,255,255,0.5);border:0;outline:none;cursor:pointer;padding:10px;}
.flickity-prev-next-button:hover {background:rgba(255,255,255,1);}
.flickity-prev-next-button svg {width:14px;}
.flickity-prev-next-button.previous {left:0;}
.flickity-prev-next-button.next {right: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,#topbar .box,.newsImg 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 ( min-width:2000px) {
	.omnie1 {background-attachment:scroll;background-size:cover;background-position:center center;}
	
}
@media all and ( max-width:1300px) {
	#menu ul li {padding:10px 10px;}
	#header .inline {font-size:60px;}
	#header .inline.inline2 {font-size:30px;}
	.stop,.nag {font-size:36px;}
}
@media all and ( max-width:1200px) {
	#header .inline {font-size:50px;}
	#header .inline.inline2 {font-size:20px;}
}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	.logo {width:150px;}
	#topbar.fixedHeader .logo {width:100px;}
	.news {width:100%;}
	#header {height:700px;}
	#header .inline {font-size:30px;letter-spacing:2px;}
	#header .inline.inline2 {font-size:18px;letter-spacing:0;}
	.omnie1,.omnie2,.oferta1,.oferta2,.dron1,.dron2 {width:100%;}
	.omnie1 {background-attachment:scroll;background-size:contain;background-repeat:no-repeat;background-position:center center;position:relative;}
	.dron1 {position:relative;}
	.omnie1:after,.dron1:after {content:'';padding-top:135%;display:block;}
	#Omnie {height:auto;padding:30px 0;}
	.omnie2,.oferta2,.dron2 {padding:50px 20px;}
	.oferta1 {text-align:center;order:2;}
	.dron1,.omnie1 {order:2;}
	.oferta2,.dron2,.omnie2 {order:1;}
	.ofertaBlock:hover {transform:none;opacity:1 !important;}
	.ofertaFlex:has(.ofertaBlock:hover) .ofertaBlock {opacity:1;}
	.dron1::after {display:none !important;}
	.realizacja {	width: 100%;}
	.realizacja .title {	font-size: 16px;	}
}
@media all and ( max-width:750px) { 
	.img3 {display:block;}
	#header {background:url('/wp-content/uploads/2025/08/Roger-pionowo-1.jpg');background-position:top right;background-size:cover;}
	.header {margin:200px 0 100px 0;}
	.ofertaBlock {width:100%;}
	.partner {width:30%;}
	.stop, .nag {font-size: 21px;}
	.omnie2 p, .dron2 p {font-size: 15px;}
}