@font-face{
	font-family: 'Wellfleet';
	src:url('/Wellfleet/Wellfleet-Regular.ttf') format('truetype');
	font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}
@font-face{
	font-family: 'Roboto Slab';
	src:url('/RobotoSlab/RobotoSlab-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
    font-display: swap;
}
@font-face{
	font-family: 'Roboto Slab';
	src:url('/RobotoSlab/RobotoSlab-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	text-rendering: optimizeLegibility;
    font-display: swap;
}
html, head, body {
	font-family: 'Roboto Slab' !important;
}
h1, h, .pageTitle {
	font-family: 'Wellfleet' !important;
}
body {
	font-size: 1.3rem !important;
}
.yellow, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6, .yellow strong, .yellow p {
	color: #eabe04 !important;
}
.lightBlue, .lightBlue h1, .lightBlue h2, .lightBlue h3, .lightBlue h4, .lightBlue h5, .lightBlue h6, .lightBlue strong, .lightBlue p {
	color: #1EB5DD !important;
}
.darkBlue, .darkBlue h1, .darkBlue h2, .darkBlue h3, .darkBlue h4, .darkBlue h5, .darkBlue h6, .darkBlue strong, .darkBlue p {
	color: #0A416B !important;
}
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white strong, .white p {
	color: #f5fbef !important;
}
.black, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black strong, .black p {
	color: #000000 !important;
}
.bgYellow {
	background: #eabe04 !important;
}
.bgLightBlue {
	background: #1EB5DD !important;
}
.bgDarkBlue {
	background: #0A416B !important;
}
.bgWhite {
	background: #f5fbef !important;
}
#wptime-plugin-preloader {
	color: #f5fbef !important;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
#wptime-plugin-preloader .preloaderText {
	position: fixed;
	top: 55%;
	text-align: center;
	width: 100%;
}
#wptime-plugin-preloader h1,#wptime-plugin-preloader h2,#wptime-plugin-preloader a {
	color: #f5fbef !important;
}
.justify {
	text-align: justify;
}
.pageTitle {
	font-size: 2.2rem !important;
	text-transform: uppercase;
	margin-left: 5%;
	border-bottom: 2px dashed;
	width: 250px;
	text-align: center;
	padding: 15px 50px;
	line-height: 150px;
}
a:hover {
	text-shadow:0px 0px 5px #1EB5DD;
}
ul {
	list-style: none !important;
	padding: 0;
}
#g-main li {
	padding-left: 1.3em;
}
.hidden {
	display: none;
	opacity: 0;
	height : 0;
	width: 100%;
}
*:focus {
	outline: none !important;
}
.g-content {
	margin: 0 !important;
	padding: 0 !important;
}
#g-main {
	padding: 0 !important;
}
#g-main li:before {
    content: "\f054";
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
	font-size : 0.8rem;
}
#g-header {
	height: 90%;
	height: calc(100% - 120px);
	height: calc(100vh - 120px);
	position: relative;
}
#g-showcase {
	display: none !important;
	padding: 0 !important;
	height: 0 !important;
}
#g-showcase a {
	color: #000000 !important;
}
.sliderHeader img {
	height: 90%;
	height: calc(100% - 120px);
	height: calc(100vh - 120px);
	width: 100%;
	object-fit: cover;
	object-position: bottom center;
}
.sliderHeaderOverlay {
	width: 100vw;
	height: 90%;
	height: calc(100% - 120px);
	height: calc(100vh - 120px);
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(3,16,27,0.2);
}
.arrowDown {
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	background-color: rgba(0,0,0,0.5);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 50%;
	color: #1EB5DD !important;
}
.arrowDown:hover {
	box-shadow: 0 0 50px;
}
#g-navigation {
	height: 120px;
	padding-top: 10px;
	width: 100%;
	font-size: 1.3rem !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family: "Wellfleet";
	text-transform: uppercase;
	background: rgba(234,190,4,0.97) !important;
}
#g-navigation a {
	color: #000000 !important;
}
#g-navigation .g-main-nav {
	margin: 0 !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
	background: none !important;
	border-bottom: 2px dashed;
	margin-top: -1px;
	font-weight: 900;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover a {
	text-shadow:none !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
	color: #000000 !important;
	padding: 1rem 0.6rem;
}
.mt120 {
	margin-top:120px;
}
.fixed {
	position: fixed !important;
	top: 0;
	left: 0;
}
#g-navigation.fixed {
	box-shadow: 0 0 20px;
	color: black;
}
.logo {
	width: 100%;
	height: 100px;
	margin: 0;
	background: url('https://patrol24krakow.pl/logoPlain.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	shape-rendering: geometricPrecision;
}
.cracowArm {
	width: 70px;
	height: 90px;
	margin: 0;
	margin: 0 10px;
	background-image: url(/cracowArm.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	shape-rendering: geometricPrecision;
}
.navPhone {
	position: absolute;
	top: 50%;
	margin-top: 2px;
	left: 23%;
	transform: translateY(-50%);
	font-size: 1.85rem !important;
	letter-spacing: 1px;
	font-weight: 900;
}
#navMobile {
	display: none;
}
.logoMobile {
	display: none;
}
#oNas, #oferta, #galeriaHome, #galeria, #kontakt {
	position: relative;
}
#galeriaHomePage {
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	transition-timing-function: ease-in;
}
#galeria .pageTitle,#galeriaHome .pageTitle {
	margin-left: 50%;
	margin-left: calc(50% - 125px);
	transform: translateX(-50%);
}
#galeria {
	padding: 0px 0 140px 0;
}
.pageContainer {
	width: 75%;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 120px 0;
}
.galleryPageContainer {
	width: 85%;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.galleryCard,.homeCard {
	margin: 140px auto;
}
.homeCard {
	box-shadow: 0px 0px 160px;
}
.galleryThree {
	display: block;
	position: relative;
	height: 620px;
	padding: 15px;
}
.blocks-gallery-item {
	float: left;
	padding: 15px !important;
	margin: 0 !important;
	height: 230px;
	flex-grow: unset !important;
}
.blocks-gallery-item:before {
	content: none!important;
}
.blocks-gallery-item {
	width: 33.3333333333%;
}
.galleryOne, .galleryTwo {
	display: none;
}
.blocks-gallery-item img {
	object-fit: cover;
	height: 200px !important;
	width: 100% !important;
}
.blocks-gallery-item:hover img {
	box-shadow: 0 0 100px;
	color: #1EB5DD;
}
.galleryMore {
	width: 100%;
	text-align: center;
	font-weight: 900;
	margin-top: 140px;
	margin-bottom: -40px;
	font-size: 1.2rem;
}
.galleryMoreBtn {
	padding: 0 10px 15px 10px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px dashed;
	text-transform: uppercase;
}
.galleryPagination {
	text-align: center;
}
.galleryPagination .current {
	font-weight: bold;
	border-bottom: 1px dashed black;
	font-size: 1.2rem;
}
.galleryPagination .page-numbers {
	font-size: 1.1rem;
	padding: 5px;
	margin: 30px 5px;
}
.next, .prev {
	font-size: 1.2rem !important;
	font-weight: bold;
}
.next:before {
	content: '\232a';
}
.prev:before {
	content: '\2329';
}
.colContact {
	float: left;
	width: 400px;
	padding: 50px 0 30px 25px;
}
.colAdress {
	float: left;
	width: 320px;
	padding: 15px 15px 15px 0;
	text-align:right;
}
.cryptedMail:after {
	content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}
.contactMail,.contactPhone {
	font-weight: 600;
	height: 35px;
	width: 100%;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.contactMail {
	font-size: 1.2rem !important;
}
.contactPhone {
	font-size: 1.3rem !important;
}
.contactPhone {
	padding-top: 1px;
	padding-left: 45px;
}
.contactMail {
	padding-top: 4px;
	padding-left: 45px;
	margin-top: 15px;
}
.contactAddress {
	line-height: 2rem;
}
.contactAddress b {
	font-size: 1.1rem;
}
#creds {
	text-align: right;
	font-size: 0.7rem;
	padding-top: 60px;
}
.tablet, .desktop {
	display: none;
}
.mobile {
	display: block;
}
.homeGalleryOne {
	position: relative;
	height: 220px;
	padding: 15px;
	padding-top: 0;
}
@media only screen and (min-width: 36rem) {
	.mobile, .desktop {
		display: none;
	}
	.tablet {
		display: block;
	}
	.homeGalleryTwo {
		display: block;
		position: relative;
		height: 420px;
		padding: 15px;
	}
}
@media only screen and (min-width: 48rem) {
	.mobile, .tablet {
		display: none;
	}
	.desktop {
		display: block;
	}
	.homeGalleryThree {
		display: block;
		position: relative;
		height: 620px;
		padding: 15px;
	}
}
@media only screen and (max-width: 75.001rem) {
	.navPhone {
		font-size: 1.4rem !important;
		letter-spacing: 1px;
		margin-left: 20px;
	}
	#g-navigation {
		padding-left: 20px;
	}
}
@media only screen and (max-width: 68.751rem) {
	.g-main-nav .g-toplevel > li > .g-menu-item-container {
		font-size: 1.1rem !important;
		padding: 0.6rem !important;
	}
}
@media only screen and (max-width: 65.626rem) {
	.navPhone {
		top: 30%;
		left: auto;
		right: 50%;
		transform: translateY(-50%) translateX(50%);
		font-size: 1.3rem !important;
		letter-spacing:1px;
	}
	.g-toplevel {
		margin-right: 80px !important;
		margin-top: 40px !important;
	}
}
@media only screen and (max-width: 61.251rem) {
	.colAdress {
		width: 180px;
	}
}
@media only screen and (max-width: 55.626rem) {
	.g-toplevel {
		margin-right: 0 !important;
	}
}
@media only screen and (max-width: 48.001rem) {
	.colAdress {
		width: 100%;
		padding: 15px 30px;
		text-align: left;
	}
	.colContact {
		width: 100%;
		padding: 15px 30px;
	}
	#g-showcase {
		display: block !important;
	}
	.pageContainer {
		width: 80%;
		padding: 40px 0 100px 0;
	}
	.galleryCard,.homeCard {
		margin: 120px auto;
	}
	.galleryTwo {
		display: block;
		position: relative;
		height: 420px;
		padding: 15px;
	}
	.blocks-gallery-item {
		width: 50%;
		float: left;
		padding: 15px;
		height: 230px;
	}
	.galleryOne, .galleryThree {
		display: none;
	}
	.galleryMore {
		margin-top: 80px;
	}
	.mt120 {
		margin-top: 0;
	}
	#g-navigation {
		display: none;
	}
	#g-mobilemenu-container {
		margin: 0 !important;
	}
	.g-offcanvas-toggle {
		background: none;
		position: fixed;
		top: 0;
		right: 0 !important;
		left: auto !important;
		height: 50px;
		width: 50px;
		padding-right: 15px;
		padding-top: 17px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active .g-menu-item-container {
		color: #F5FBEF;
	}
	.g-menu-item-container {
		font-family: "Wellfleet" !important;
		text-transform: uppercase !important;
	}
	.logoMobile {
		display: block;
		position: fixed;
		top: 5px;
		left: 15px;
		width: 100px;
		height: 50px;
		background: url("/logoPlain.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		shape-rendering: geometricPrecision;
	}
	#navMobile {
		display: block;
		background: rgba(234,190,4,0.97);
		border-bottom: solid #011627 1px;
		position: fixed;
		width: 100%;
		height: 60px;
		top: 0;
		left: 0;
		z-index: 1;
		box-shadow: 0 0 10px;
		color: black;
	}
	.galeriaNavMobile {
		z-index: 1;
	}
	.navMobilePhone {
		text-align: center;
		font-size: 1.2rem;
		margin-top: -35px;
		margin-left: 50px;
		font-weight: 600;
	}
	.cracowArm {
		width: 40px;
		height: 50px;
		margin-top: 3px;
		margin-left: 19%;
	}
}
@media only screen and (max-width: 36rem) {
	.pageContainer {
		width: 100%;
		min-width: 300px;
		padding: 40px 20px 100px 20px;
	}
	.logoMobile {
		left: 0;
	}
	.cracowArm {
		margin-left: 95px;
	}
	.navMobilePhone {
		font-size: 1rem;
		margin-left: 40px;
		padding-top: 2px;
	}
	h1 {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.blocks-gallery-item {
		width: 100%;
		height: 230px;
	}
	.galleryOne {
		position: relative;
		height: 220px;
		padding: 15px;
		padding-top: 0;
		display: block;
	}
	.blocks-gallery-item {
		width: 100%;
		float: left;
		padding: 15px;
		height: 230px;
	}
	.galleryTwo, .galleryThree {
		display: none;
	}
	.galleryMore {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 27.501rem) {
	ul {
		margin-left: 0 !important;
	}
	.contactMail, .contactPhone {
		font-size: 0.9rem;
		height: 25px;
		padding-left: 30px;
	}
	.colAdress {
		padding: 0;
	}
	.colContact {
		padding:0;
		padding-top: 30px;
	}
	.navMobilePhone {
		font-size: 0.8rem;
		margin-left: 80px;
		padding-top: 2px;
	}
}
@media screen and (max-width: 425px){
	#galeria .pageTitle,#galeriaHome .pageTitle {
		margin-left: 0;
		transform: none;
	}
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
.fade {
	-webkit-transform: scale(0.8) !important;
	-moz-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
	transform: scale(0.8) !important;
	-webkit-opacity: 0 !important;
	opacity: 0 !important;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	transition-timing-function: ease-in;
}
.translateLeft {
	margin-left: -100%;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	transition-timing-function: ease-in;
}
#lawetaJedzie, #lawetaWraca {
	width: 100px;
	height: 50px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	shape-rendering: geometricPrecision;
	-webkit-transition: all 5.5s ease-in;
	-moz-transition: all 5.5s ease-in;
	-o-transition: all 5.5s ease-in;
	transition: all 5.5s ease-in;
	transition-timing-function: ease-in;
}
#lawetaJedzie {
	right: -100px;
	left: auto;
	bottom: 0;
}
#lawetaWraca {
	left: -100px;
	right: auto;
	bottom: 0;
}
.jedzieLewo {
	right: 100% !important;
}
.jedziePrawo {
	left: 100% !important;
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
#galeriaHomePage .blocks-gallery-item {
	display: none;
}
#galeriaHomePage .blocks-gallery-item:nth-of-type(1),#galeriaHomePage .blocks-gallery-item:nth-of-type(2),#galeriaHomePage .blocks-gallery-item:nth-of-type(3),#galeriaHomePage .blocks-gallery-item:nth-of-type(4),#galeriaHomePage .blocks-gallery-item:nth-of-type(5),#galeriaHomePage .blocks-gallery-item:nth-of-type(6),#galeriaHomePage .blocks-gallery-item:nth-of-type(7),#galeriaHomePage .blocks-gallery-item:nth-of-type(8),#galeriaHomePage .blocks-gallery-item:nth-of-type(9) {
	display: block;
}
.blocks-gallery-item figure {
	margin: 0 !important;
}
@media only screen and (max-width: 48.001rem) {
	#galeriaHomePage .blocks-gallery-item:nth-of-type(9) {
		display: none;
	}
}
.contactFacebook {
	font-weight: 600;
	height: 35px;
	width: 100%;
}
.contactFacebook a {
	display: inline-block;
	padding-top: 4px;
	padding-left: 45px;
	margin-top: 15px;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}


.carLogos {
    margin: 100px 0 100px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.carLogos div {
    width: 9.5%;
    height: 60px;
    margin-bottom: 10px;
    float: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    shape-rendering: geometricPrecision;
    text-align: center;
}
.carLogos div img {
    margin: 0 auto;
    max-width: 100%;
}
@media only screen and (max-width: 1180px) {
    .carLogos div {
        width: 19%;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 560px) {
    .carLogos {
        margin: 60px 0 80px 0;
    }
    .carLogos div {
        width: 25%;
    }
}

.herbKrakowa {
    min-width: 80px;
}
