@charset "UTF-8";

:root {
	--g44-color-1: #192F7C;
	--g44-color-2: #F58C83;
	--g44-color-3: #23CEFC;
	--g44-color-4: #FFCB05;
    --g44-color-5: #F15B4E;
}

/*
	Theme Name: G44 STUDIO
	Theme URI: https://g44.studio
	Description: Motyw graficzny od G44
	Author: G44 STUDIO
	Author URI: https://g44.studio
	Version: 1.0
*/

html, body {
	height: 100%;
	font-size: 16px;
	line-height: 1.4;
}

body {
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	color: var(--g44-color-1);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	/* overflow-x: hidden; */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	margin: 0;
	background-color: #fff;
}


/* Smooth start */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

body{
    animation-name: fadeInOFF;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 0.25s;
}

.color-1{ color:var(--g44-color-1); }
.color-2{ color:var(--g44-color-2); }
.color-3{ color:var(--g44-color-3); }
.color-4{ color:var(--g44-color-4); }

.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}


/* ANIMATIONS */
.g44-animation{
	transition-timing-function: ease-out !important;
}
.parallax-bg-1{
	/*-webkit-transition: background-position 0.05s ease 0s;
	-moz-transition: background-position 0.05s ease 0s;
	-o-transition: background-position 0.05s ease 0s;
	-ms-transition: background-position 0.05s ease 0s;
	transition: background-position 0.05s ease 0s;*/
}

.slide-from-left{
	transform: translateX(-50vw);
}

.slide-from-right{
	transform: translateX(50vw);
}

.slide-from-top{
	transform: translateY(-300px);
	opacity: 0;
}

.slide-from-bottom{
	transform: translateY(100px);
	opacity: 0;
}


.slide-from-left,
.slide-from-right,
.slide-from-top,
.slide-from-bottom{
	-webkit-transition: transform 0.05s ease 0s;
	-moz-transition: transform 0.05s ease 0s;
	-o-transition: transform 0.05s ease 0s;
	-ms-transition: transform 0.05s ease 0s;
	transition: transform 0.05s ease 0s;
}

.no-scroll{
	overflow:hidden !important;
}

.no-display, .no-visible{
	display: none !important;
}




.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 30px 30px; /* row-gap column gap */
}

.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}


/* Basics */
a {
	text-decoration:none;
	color: var(--g44-color-1);
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

a:hover {
	text-decoration:none;
	color: var(--g44-color-2);
}

a:focus { 
	outline:none;
}

input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
textarea,
select{
	width: 100%;
	outline:none;
	max-width: 100%;
	padding: 10px 15px;
	box-sizing:border-box;
	font-family: inherit;
	font-size: 1.1em;
	color: var(--g44-color-1);
	background-color: transparent;
	border: 2px solid #e5e5e5;
	border-radius: 8px;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

select:not(.bookly-form select){
	background-image: url("data:image/svg+xml,<svg height='16' width='20' viewBox='0 0 40 35' xmlns='http://www.w3.org/2000/svg'><polyline fill='transparent' stroke='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 33.3,13.4 20,26.6 6.7,13.4 '/></svg>");
	background-repeat:no-repeat;
	background-position: calc(100% - 15px) center;
    -moz-appearance:none;
    -webkit-appearance: none; 
    appearance: none;
    padding-right: 45px;
}

/* Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* Chrome */
/*
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
*/
textarea{
	height:100px;
	min-height:100px;
	max-height: 400px;
	min-width:100%;
}

input:focus,
select:focus,
textarea:focus {
	border: 2px solid var(--g44-color-1);
	background-color:transparent;
	/*box-shadow: 0px 0px 20px rgb(0 0 0 / 40%);
	transform: scale(1.025);*/
}

::-ms-input-placeholder {
  color: #979698;
}

::placeholder {
  color: #979698;
}

input[type="submit"],
button[type="submit"],
.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt,
body .wc-block-components-button{
	border: 2px solid var(--g44-color-1);
	color: var(--g44-color-1);
	background:transparent;
	border-radius: 40px;
	padding: 10px 25px;
	display:inline-block;
	font-size: 1.2em;
	position:relative;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{
	font-size:0.9em;
}

.woocommerce ul.products li.product .button{
	font-size:1em;
	margin-top: 5px;
}

.wp-block-button__link{
	background: var(--g44-color-4);
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:hover,
body .wc-block-components-button:hover{
	background-color:var(--g44-color-1);
	color:#fff;
}



input[type="submit"].white,
button[type="submit"].white,
.button.white{
	border: 2px solid #fff;
	color: var(--g44-color-2);
	background:#fff;
}

input[type="submit"].white:hover,
button[type="submit"].white:hover,
.button.white:hover{
	transform:scale(1.1);
}

.button-simple{
	border:0px;
	padding:0px;
	font-size: 1.3em;
	background-color:transparent;
}

.button-simple:hover{
	color: var(--g44-color-1);
	background-color:transparent;
}

.button-simple:before {
	background-color: var(--g44-color-1);
	bottom: -5px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .3s;
	width: 100%;
	z-index: 2;
	border-radius:5px;
}

.button-simple:hover:before {
	transform: scaleX(1);
	transform-origin: bottom left;
}

img{
	height:auto;
	max-width: 100%;
	outline:none;
	border:0px;
}

strong, b{
	font-weight:700;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 0.25em 0;
	line-height: 1.2em;
}

p{
	margin: 0 0 0.25em 0;
	line-height: 1.4em;
}

.main-content p{
	margin:1em 0px;
}

.main-content p:first-child{
	margin:0px 0px 1em 0px;
}

h1{
	font-size: 3em;
	line-height: 1.2em;
}

h2{
	font-size: 4em;
	font-weight: 900;
	text-transform: uppercase;
}

h3{
	font-size: 2em;
}

.woocommerce-checkout h3{
	font-size: 2em;
	font-weight: 900;
	text-transform: uppercase;
}

h4{
	font-size: 1.75rem;
}

h5{
	font-size: 1.5rem;
}

h6{
	font-size: 1.25rem;
}

p{
	font-size: 1em;
	line-height: 1.3em;
}

ul, ol{
    padding: 0px 0px 0px 1em;
}

ul li{
}

ol li{
    
}

::selection {
    background: var(--g44-color-4); 
    color:var(--g44-color-1); 
}

::-moz-selection {
    background: var(--g44-color-1);
    color:var(--g44-color-4); 
}

.arrow-to-top{
	display: inline-block;
	position: fixed;
	z-index: 999;
	bottom: 15px;
	right: 20px;
	opacity: 0;
	visibility:hidden;
	font-size: 35px;
	filter: invert(1);
	mix-blend-mode: exclusion;
}

.opacity1{
	opacity: 1;
	visibility:visible;
}

.arrow-to-top:hover{
	padding-bottom:10px;
	opacity: 1;
}

.sr-text {
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
    width: 1px;
	height: 1px;
	margin: -1px;
    padding: 0;
	border: 0;
	overflow: hidden;
	overflow-wrap: normal;
	word-wrap: normal;
	position: absolute;
}


/* Layout Basics */
.page-overflow{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	min-height: 100%;
}

.page-wrapper{
    -webkit-flex: 1 0 auto;
	-moz-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	min-height: 0;
	height: auto;
}

.header{
	background: transparent;
	position:fixed;
	width:100%;
	top:0px;
	opacity:0;
	left:0px;
	z-index: 9999;
	padding: 40px 0px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.page-loaded .header{
	opacity:1;
}

.scrolled .header{
	/* box-shadow: 0px 0px 10px rgb(0 0 0 / 25%); */
	background: rgb(255 255 255 / 40%);
	padding: 20px 0px;
}

.scrolled .header:hover{
	background: rgb(255 255 255 / 100%);
}

.header .wrapper{
	display: flex;
	align-items: center;
	justify-content: stretch;
}

.h-left{
    width: 180px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.h-left img{
    display:block;
    max-width: none;
    width:100%;
    height: auto;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.scrolled .h-left{
    /* width: 90px; */
}

.h-center{
    flex-grow: 1;
    padding-left: 30px;
    box-sizing: border-box;
}

.h-right{
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    /* display: none; */
}

.page-content{
    background-color: #fff;
    overflow: hidden;
}

 .page-content{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.wrapper{
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0px clamp(20px, 4vw, 40px);
    box-sizing: border-box;
    z-index: 9;
}

.content{
	width:100%;
}

.header .wrapper,
.footer .wrapper{
	max-width: 100%;
	width: 100%;
	position: relative;
	z-index: 9;
}

.wrapper-full{
    max-width: 100%;
}

body .no-padding{
	padding:0px;
}

/*
.g44-col_3{
	float:left;
	width:25%;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
}

.g44-col_4{
	float:left;
	width:33.332%;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
}

.g44-col_6{
	float:left;
	width:50%;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
}

.g44-col_9{
	float:left;
	width:75%;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
}
*/

/* Layout Styles */
.section{
	padding-top: 90px;
	padding-bottom: 90px;
	height: auto;
	box-sizing: border-box;
	position:relative;
	display: flex;
	align-items: center;
	justify-content:center;
}

.subpage .section{
	display: inherit;
}

.main-content .page-title{
	display:none;
}

.subpage .main-content{
	opacity:0;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
	transition: opacity 0.4s ease 0s;
}

/* TABLE */
dd:has(table){
	margin:0px;
	overflow: scroll;
}

table:not(:where(.woocommerce *)) {
    border-collapse: collapse;
    border-style: hidden;
}

table td:not(:where(.woocommerce *)), table th:not(:where(.woocommerce *)) {
    border: 1px solid #c8c9c7;
}

table:not(:where(.woocommerce *)) {
	margin:auto;
	border-spacing:1px;
	width:100% !important;
	overflow: scroll;
	padding:5px;
	border: 1px solid #c8c9c7;
}

table thead, table tfoot:not(:where(.woocommerce *)) { 
	background: #f5f5f5; 
}

table thead tr th:not(:where(.woocommerce *)),
table tfoot tr th:not(:where(.woocommerce *)),
table tbody tr td:not(:where(.woocommerce *)),
table tr td:not(:where(.woocommerce *)),
table tfoot tr td:not(:where(.woocommerce *)) {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

table tbody tr:not(:where(.woocommerce *)):nth-child(even) { background: transparent; }
table tbody tr:not(:where(.woocommerce *)):nth-child(odd) { background: transparent; }
/*table tbody tr:first-child td { background: #1b9be6; font-size:18px;color:#fff;}*/
table tbody tr td:not(:where(.woocommerce *)) {padding: 15px 10px;vertical-align: top;min-width: 100px;}

table tbody tr:hover > td:not(:where(.woocommerce *)) { background:#eeeeee; }

.page-loaded.subpage .main-content{
	opacity:1;
}

.section.page-title{
	padding-top:180px;
	padding-bottom: 70px;
	border-bottom:1px solid var(--g44-color-2);
	color: var(--g44-color-2);
}

.section.page-title h1{
	padding:0px;
	margin:0px;
}

.bg-move-mobile {
	display:none;
}

.bg-move{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	/* overflow: hidden; */
	z-index: 0;
	/* filter: blur(2px); */
}

.bgmove1,
.bgmove2,
.bgmove3,
.bgmove4,
.bgmove5,
.bgmove6{
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: absolute;
	width: 110%;
	height: 110%;
	left: -5%;
	top: -5%;
	z-index: 0;
}

.page-header{
	padding: 140px 0px 0px 0px;
	box-sizing: border-box;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}

.section-height-30{
	min-height:30vh;
}

.section-height-40{
	min-height:40vh;
}

.section-height-50{
	min-height:50vh;
}

.section-height-60{
	min-height:60vh;
}

.section-height-70{
	min-height:70vh;
}

.section-height-80{
	min-height:80vh;
}

.section-height-90{
	min-height:90vh;
}

.section-height-100{
	min-height:100vh;
}

.col_wrapper{
	display:flex;
	width: 100%;
	align-items: flex-start;
	align-items: stretch;
}

.col_wrapper-3 .g44_col{
	flex-basis: calc(33.33% - 20px); /* width - 1/col of all gap */
}

.g44_col{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    box-sizing: border-box;
}

.g44_col.middle{
	align-self: center;
}

.g44_col.bottom{
	align-self: flex-end;
}

.col_wrapper .g44_col:last-child{
	/* text-align:right; */
	/* align-self: flex-end; */
}

.footer{
    margin-top:-1px;
}

.footer-bottom{
	position:relative;
	width: 100%;
	height: auto !important;
	min-height: auto !important;
	font-size: 1.25em;
	padding-top: 70px;
	padding-bottom: 70px;
	color: #fff;
	background-color: var(--g44-color-1);
}

.page-overflow:has(.orto-mapa) .footer-bottom{
	padding-top: 0px;
}

.footer-bottom a{
	color:#fff;
}

.footer-bottom a:hover{
	color:var(--g44-color-4);
}

.footer-bottom .col_wrapper{
	align-items: flex-end;
}

.footer-bottom .g44_col{
	flex-basis:auto;
}

.footer-bottom .g44_col:first-child{
	flex-basis: 50%;
}

.footer-menu{
	padding:0px;
	list-style:none;
	margin:0px;
}

.footer-menu li a{
	padding: 2px 2px;
	display: inline-block;
	font-weight: 900;
}

.footer-bottom h3{
	font-size: 1.35rem;
	margin:0px 0px 20px 0px;
}

.footer-bottom .sm-icons{
	display:flex;
	justify-content: flex-end;
	gap: 20px;
	font-size: 35px;
}

/* ORTO */
.g44-dark{
    color:#fff;
}

.orto-intro{
	display: block;
	min-height: 90vh;
	z-index: 99;
}

.orto-intro .wrapper{
	position: absolute;
	height: 100%;
	top: 0px;
	left: calc((100% - 1360px)/2);
	padding: 0px;
	z-index: 99;
	max-width: 1360px;
}

.orto{
	position: absolute;
	height: 65.2vh;
	width: calc(65.2vh * 1.095);
	bottom: 5vh;
	left: 1.5%;
}

.orto *{
	position:absolute;
	width: auto;
	display: block;
	/*filter: invert(1);
	mix-blend-mode: exclusion;*/

	-webkit-transition: all .4s ease .5s;
	-moz-transition: all .4s ease .5s;
	-o-transition: all .4s ease .5s;
	-ms-transition: all .4s ease .5s;
	transition: all .4s ease .5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	animation-duration: 6s;
	animation-delay: 0s
}

@keyframes orto-anim-1 {
	0% {
		scale:1;
	}

	50% {
		scale:0.95;
	}

	100% {
		scale:1;
	}
}

@keyframes orto-anim-2 {
	0% {
		scale:1;
	}

	50% {
		scale:1.1;
	}

	100% {
		scale:1;
	}
}

@keyframes orto-anim-3 {
	0% {
		scale:1;
	}

	50% {
		scale:0.9;
	}

	100% {
		scale:1;
	}
}

@keyframes orto-anim-4 {
	0% {
		scale:1;
	}

	50% {
		scale:1.05;
	}

	100% {
		scale:1;
	}
}

.orto .o1{
	z-index:1;
	height: 57%;
	left: 0%;
	animation-name: orto-anim-1;
}

.orto .r{
	z-index:2;
	height: 46%;
	left: 46.6%;
	top: 18.1%;
	animation-name: orto-anim-2;
}

.orto .t{
	z-index:3;
	height: 47%;
	left: 7.4%;
	top: 52.7%;
	animation-name: orto-anim-3;
}

.orto .o2{
	z-index:1;
	height: 52%;
	left: 52.3%;
	top: 48.4%;
	animation-name: orto-anim-4;
}

.orto-ziombek1{
    width:auto;
    height: 64vh;
    position: absolute;
    right: 70px;
    bottom: calc(-9vh - 20px);
    z-index: 99;
}

.intro-scroll{
	display:none;
	text-align:center;
	position:absolute;
	bottom: 40px;
	font-size: 10px;
	text-transform:uppercase;
	width: 160px;
	left: calc(50% - 80px);
}

@keyframes jumping {
	0% {
		padding-bottom: 10px;
		opacity: 0
	}

	30% {
		opacity: 1
	}

	60% {
		opacity: 1
	}

	80% {
		padding-bottom: 0;
		padding-top: 10px;
		opacity: 0
	}

	100% {
		padding-bottom: 10px;
		opacity: 0
	}
}

.intro-scroll i{
	display:block;
	font-size:18px;
	animation-name: jumping;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	animation-duration: 2s;
	animation-delay: 0s
}

.scrolled .intro-scroll{
	opacity:0;
	transform: translateY(-30px);
}

.orto-zespol{
	padding-top: 20px;
	padding-bottom: 0px;
}

.orto-zespol .wrapper{
	padding:0px;
}

.abouts{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow:dense;
    background-color: var(--g44-color-3);
}

.about-item:nth-child(8n-2){
	grid-column:1;
}

.about-item:nth-child(8n-3){
	grid-column:2;
}

.about-item:nth-child(8n){
	grid-column:3;
}

.about-item:nth-child(8n-1){
	grid-column:4;
}

.about-item a{
	color:#fff;
}

.about-photo-mobile{
    display: none;
}

.about-item.photo{
    background-position: center;
    background-size: cover;
	background-repeat:no-repeat;
    position: relative;
    overflow: hidden;
}

.about-item.photo:hover .about-name{
    bottom:0px;
	color:var(--g44-color-1);
}

.about-item.text{
    color: #fff;
    display: flex;
    align-items: flex-start;
}
.about-item.text.center{
    align-items: center;
}
.about-item.text.bottom{
    align-items: flex-end;
}

.about-name{
	background-color: rgb(255 255 255 / 70%);
	font-size: 1.5em;
	font-weight: 900;
	line-height: 125%;
	text-transform: uppercase;
	padding: 15px 10px;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: -200px;
	-webkit-transition: bottom 0.4s ease 0s;
	-moz-transition: bottom 0.4s ease 0s;
	-o-transition: bottom 0.4s ease 0s;
	-ms-transition: bottom 0.4s ease 0s;
	transition: bottom 0.4s ease 0s;
}

.about-link{
	display:block;
}

.about-content{
	font-size: 1.8em;
	font-weight: 900;
	padding: 40px 15px;
}

.about-content p:last-child{
	margin:0px;
}

.about-more{
    display: none;
    background-color: var(--g44-color-2);
    text-align:center;
    padding-top: 200px;
    margin-top: -230px;
}

.about-more .button{
    margin:40px 0px;
	min-width:130px;
}


.orto-o-nas{

}

.bgmove1{
	
}

.orto-o-nas .wrapper>h2{
	font-weight:900;
	text-align: center;
	font-size: 4em;
}

.orto-o-nas .content{
	font-size: 1.4em;
	font-weight:700;
	text-align: justify;
}

.orto-uslugi{

}

.orto-uslugi .wrapper{
	
}

.orto-uslugi .wrapper h2{
	text-align:center;
	margin-bottom:30px;
}

.services-slider{
	display:flex;
	gap:30px;
	max-width: 440px;
	margin: auto;
	opacity:0;
}

.services-slider.slick-initialized{
	opacity:1;
}

.service{
	text-align:center;
	color:var(--g44-color-1);
}

.service:nth-child(n+4):not(.slick-slide){
	display:none;
}

.service img{
	margin:auto;
	max-height:350px;
	border-radius:70px;
	transform:rotate(6deg);
	opacity:0.4;
	-webkit-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-moz-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-o-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-ms-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
}

.service.slick-active img{
	transform:rotate(0deg);
	opacity:1;
}

.service h3{
	text-transform:uppercase;
	font-size:1.6em;
	font-weight:800;
	margin:20px 0px 10px 0px;
}

.service h3,
.service .description{
	opacity:0;
	transform:translateY(100px);
	-webkit-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-moz-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-o-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	-ms-transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
	transition: transform 0.6s ease 0.3s, opacity 0.4s ease 0.2s;
}

.service.slick-active h3,
.service.slick-active .description{
	opacity:1;
	transform:translateY(0);
}

.orto-cennik{
    background-color: var(--g44-color-2);
}

.orto-cennik .content>h2{
	text-align:right;
	font-size: 3em;
	margin-bottom: 20px;
}

.tab-content .col_wrapper{
	gap: 5px;
}

.tab-content-left{
	display:flex;
	flex-direction: column;
	justify-content: end;
	flex-grow: 1;
}

.tab-content-left:has(*:nth-child(2)){
	justify-content: space-between;
}

.tab-content-right{
	position: relative;
}

.tab-letter{
	font-size: 230px;
	font-weight:900;
	line-height: 77%;
	padding-left: 40px;

	transform:translateX(200px) rotate(5deg);
	opacity:0;

	-webkit-transition: all 0.6s ease 0.3s;
	-moz-transition: all 0.6s ease 0.3s;
	-o-transition: all 0.6s ease 0.3s;
	-ms-transition: all 0.6s ease 0.3s;
	transition: all 0.6s ease 0.3s;
}

.tab.active .tab-letter{
	transform:rotate(5deg) translateX(0px);
	opacity:1;
}

.tab:nth-child(even) .tab-letter{
	transform:translateX(200px) rotate(-5deg);
}

.tab:nth-child(even).active .tab-letter{
	transform:translateX(0px) rotate(-5deg);
}

.tab-image{
	position:absolute;
	bottom: 0px;
	width: auto;
	max-height: 140px;

	transform:translateX(-300px);
	opacity:0;

	-webkit-transition: all 0.6s ease 0.5s;
	-moz-transition: all 0.6s ease 0.5s;
	-o-transition: all 0.6s ease 0.5s;
	-ms-transition: all 0.6s ease 0.5s;
	transition: all 0.6s ease 0.5s;
}

.tab.active .tab-image{
	transform:translateX(0px);
	opacity:1;
}

.tab-content h3{
	margin:0px;
	font-size: 1.75em;
}

.orto-kontakt{
	text-align: center;
}

.orto-kontakt .wrapper>h2{
	font-size: 2.5em;
	margin-bottom: 40px;
}

.orto-kontakt .wrapper>h3{
	font-size: 1.5em;
	margin-bottom: 40px;
}

.orto-kontakt .g44_col{

}

.orto-kontakt .g44_col i{
	color:var(--g44-color-2);
	font-size:35px
}

.orto-kontakt .g44_col h4{
	font-size:1.5em
}

.orto-kontakt .g44_col p{
	color:var(--g44-color-2);
}

.orto-mapa{
	height: 75vh;
	min-height: 800px !important;
	background-color:var(--g44-color-1);
	display: block;
}

.map-buttons{
	position: absolute;
	top: 40px;
	left: 40px;
}

.map-buttons .button{
	color:#fff;
	border:2px solid #fff;
}

.map-buttons .button:hover{
	color:var(--g44-color-1);
	background-color:#fff;
}

.clip-map{
    clip-path: circle(0vh at 50% 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: clip-path 0.2s ease 0s;
    -moz-transition: clip-path 0.2s ease 0s;
    -o-transition: clip-path 0.2s ease 0s;
    -ms-transition: clip-path 0.2s ease 0s;
    transition: clip-path 0.4s ease 0s;
}

.active-anim .clip-map{
    clip-path: circle(22vh at 50% 50%);
}

.active-anim .clip-map:hover{
    clip-path: circle(32vh at 50% 50%);
}

.orto-mapa iframe{
	width:100%;
	height:100%;
	background-color:#e5e3e0;
    display: block;
}


/* Slick slider */
.slick-prev,
.slick-next {
	background-image:none;
	width: 50px;
	height: 50px;
	opacity: 1;
	border: 0px !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -20px !important;
	top: unset;
	font-size: 0 !important;
}

.slick-disabled{
	opacity:0;
	visibility:hidden;
}

.slick-prev:hover,
.slick-next:hover{
    background-color:transparent !important;
	scale:1.1;
	opacity:1;
}

.slick-prev:focus,
.slick-next:focus{
	opacity:1;
}

.slider .slick-next:after,
.slider .slick-prev:after{
    font-family: 'bootstrap-icons';
    color: #fff;
    font-size: 30px;
    background-color: var(--g44-color-5);
    border-radius:50px;
    padding:10px;
}

.slider .slick-prev:after{
    left: 0px;
    content: "\F12F";
}

.slider .slick-next:after{
    right: 0px;
    content: "\F138";
}

.slider .slick-slider{
	padding: 0px 0px;
}

.slider .slick-list{
	margin: 0px;
	overflow: hidden;
	width: 100%;
}

.services-slider .slick-list {
	margin: 0;
	overflow: inherit;
}

.slick-initialized .slick-slide{
	/*
	opacity:0.4;
	-webkit-transition: opacity 0.6s ease 0.3s;
	-moz-transition: opacity 0.6s ease 0.3s;
	-o-transition: opacity 0.6s ease 0.3s;
	-ms-transition: opacity 0.6s ease 0.3s;
	transition: opacity 0.6s ease 0.3s;
	*/
}

.slick-initialized .slick-active{
	/*opacity:1;*/
}

.slider img{
	max-width: 100%;
	height: auto;
}

.slick-dots{
	padding: 0px 0px 0px 40px;
	bottom: -100px;
}

.slick-dots li button:before{
	font-size: 14px;
	color: #1d1d1e;
}

.slick-dots li.slick-active button:before{
	color: #1d1d1e;
}

.slick-dots li {
    margin: 0 1px !important;
}

.section-faq{
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-faq h2{
	color:var(--g44-color-1);
}

/* Tabs */
.tabs {
	border-bottom: 1px solid var(--g44-color-1);
}

.g44-dark .tabs {
	border-color: #fff;
}

.only-mobile{
    display: none;
}

.tab-content {
    padding: 20px 0px 0px 0px;
    display:none;
}

.g44-accordion .accordion-button{
	position:relative;
	display: block;
	color: inherit;
	padding: 25px 80px 25px 0px;
	border-top: 1px solid var(--g44-color-1);
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
}

.g44-dark .g44-accordion .accordion-button{
	border-color: #fff;
}

.g44-accordion .active .tab-button{
	font-weight: 800;
}

.g44-accordion .tab-button:focus{
	color:var(--g44-color-3);
}

.g44-accordion .tab-button:before{
	position:absolute;
	background-image:url(images/plus.svg);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	content:"";
	width: 40px;
	height: 40px;
	top: calc(50% - 20px);
	right: 0;
	-webkit-transition: transform .4s ease 0s;
}

.g44-accordion .active .tab-button:before{
	transform: rotate(180deg);
	background-image:url(images/minus.svg);
}

.g44-accordion .tab-content {
	padding: 0px 0px 20px 0px;
}

.g44-dark .g44-accordion .tab-content {
	border-color:#fff;
}

.h-sidebar-icons{
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 0px 15px;
}

.h-sidebar-icons a{
	text-align:center;
}

.h-sidebar-icons a svg{
	display: block;
	margin: auto;
	width: 32px;
}

.h-sidebar-icons a span{
	display:block;
	font-size: 0.8em;
}

.social-media{
	list-style-type:none;
	padding:0px;
	margin:0px;
	display: flex;
	/* float: left; */
}

.social-media li{
	padding:0px;
	margin:0px;
	/* float:left; */
}

.social-media li a{
	padding:10px;
	margin:0px;
	display: block;
	background: #06152a;
	margin-right: 6px;
}



/* Contact Form 7 */
.wpcf7 div{
	margin: 0px 0px 15px 0px;
	padding:0px;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:300;
}

.wpcf7 .rodo-1{
	text-align:left !important;
}

.wpcf7-list-item{
	margin:0px !important;
	font-size:0.8em;
	text-transform:none;
	line-height:130%;
}

.wpcf7-list-item input[type=checkbox]{
	float:left;
	margin: 2px 5px 35px 2px;
}

.wpcf7-not-valid{
	border: 1px solid #f00;
    display: block;
    box-sizing: border-box;
    padding: 10px;
}

.wpcf7 .div50,
.wpcf7 .div100{
	padding:0px 10px;
}

.admin-bar .header{
	margin-top:32px;
}

/* WOO COMMERCE */
body .button.g44-cart-umow-wizyte{
	text-align:center;
	padding:20px 30px;
	width:100%;
	box-sizing:border-box;
	border-radius: 25px;
}
.g44-cart-umow-wizyte p{
	margin:0px;
}
.woocommerce-cart table.cart td.product-name .variation,
.woocommerce td.product-name dl.variation{
	display:grid;
}
.woocommerce-cart table.cart td.product-name .variation dt,
.woocommerce td.product-name dl.variation dt{
	font-weight:bold;
}
.is-large.wc-block-cart .wc-block-cart-items th,
.is-large.wc-block-cart .wc-block-cart__totals-title{
	font-size:22px !important;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
    display: none;
}

.woocommerce ul.products li.product a img{
	border:1px solid #f1f1f1;
}

.woocommerce div.product div.images img{
	border:1px solid #f1f1f1;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	font-size:1.25em;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	color:var(--g44-color-5);
	font-size: 2em;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	color:var(--g44-color-5);
	font-size: 1.2em;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	color: var(--g44-color-1);
}

.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
	line-height:130%;
}
.woocommerce-checkout #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li input{
	cursor:pointer;
}

#ship-to-different-address label{
	display:flex;
	gap:15px;
}

#ship-to-different-address input[type=checkbox]{
	transform:scale(2);
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	float: none;
	display:block;
	width: 100%;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
	background-color:transparent;
	color:var(--g44-color-1);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: var(--g44-color-1);
	color: #fff
}

.place-order label{
	display: flex !important;
	align-items: baseline;
	gap: 5px;
	font-size: 0.9em;
}

.woocommerce form .form-row label{
	line-height:1.3em;
	cursor: pointer;
}

.woocommerce form .form-row .optional{
	display:none;
}

.woocommerce form .form-row .input-checkbox{
	font-size: 20px;
	margin: 3px 8px 3px 0px;
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.woocommerce-invalid .input-checkbox {
	outline: 2px solid red;
	outline-offset: 2px;
}

.checkout.woocommerce-checkout{
	display:flex;
	flex-wrap: wrap;
	gap: 40px;
}

.woocommerce-NoticeGroup-checkout {
	flex-basis: 100%;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
	display:flex;
	flex-basis: 0;
	flex-grow: 1;
	gap: 40px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set.addresses{
	flex-direction:column;
	gap: 0;
}

.woocommerce-checkout .col2-set {
	flex-direction:column;
	gap: 0;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	float: none;
	width: 100%;
	margin-bottom: 40px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: none;
	width: 100%;
}

.woocommerce-checkout #order_review_heading{
	display:none;
}

.woocommerce-checkout-review-order{
	flex-basis: 550px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
	border-radius:20px;
	border: 3px solid #ccc;
}

.woocommerce-info {
	border-top-color: var(--g44-color-1);
}

.wc-block-cart .wc-block-cart__submit-container{
	margin-top: 15px;
}

.wc-block-components-button:not(.is-link),
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	min-height: auto !important;
	padding-top:15px;
	padding-bottom:15px;
	margin: 20px 0px 0px 0px;
}

.g44-checkout-checkboxes{
	font-size:0.95em;
}

.collapse {
    max-height: 43px;
    overflow: hidden;
	border-bottom:1px solid var(--g44-color-1);
}
.expand {
    max-height: none;
}
.toggle-collapse{
	border:1px solid var(--g44-color-1);
	border-radius:5px;
	background:transparent;
	font-family:inherit;
	font-weight:500;
	color:var(--g44-color-1);
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	margin:-5px 0px 15px 0px;
	display:block;
}
.toggle-collapse:hover{
	border:1px solid var(--g44-color-1);
	background:var(--g44-color-1);
	color:#fff;
}

.g44-checkout-checkboxes a{
	text-decoration:underline;
}
.g44-checkout-checkboxes .form-row>small{
	margin: 0em 0 1em 0px;
	display: block;
	font-size: 0.71em;
	line-height: 1.3em;
}

.woocommerce form .form-row{
	margin-bottom: 8px;
}

.g44-cart-container{
	display:flex;
	gap: 40px;
}

.g44-cart-container .woocommerce-cart-form{
	flex-basis: 0;
	flex-grow: 1;
}

.g44-cart-container .cart-collaterals{
	flex-basis: 345px;
	width:auto;
}

.g44-cart-container .cart-collaterals .cart_totals{
	width:100%;
}

.g44-cart-container h2{
	font-size: 1.4em;
}

.woocommerce-cart table.cart .product-thumbnail a{
}

.woocommerce-cart table.cart img{
	max-width: 120px;
	max-height: 100px;
	width: auto;
	height: auto;
	display: block;
}

.woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-quantity{
	display:none;
}

.woocommerce table.cart td.actions .coupon{
	display:flex;
}

.woocommerce table.cart td.actions .input-text{
	width:120px;
}

.wc-block-components-button:not(.is-link),
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	min-height: auto !important;
	padding-top:15px;
	padding-bottom:15px;
	margin: 0px;
	box-sizing: border-box;
}


/* WOOCOMMERCE */

@media (max-height: 620px), (max-width:1100px) {
	
}

@media (max-height: 200px) {
	.header {
		position: absolute;
	}
}

@media (min-width: 1240px) {
	.wrapper {
	    /* padding: 0px 50px; */
	}
}

@media (max-width: 1360px) {
    .orto-intro .wrapper {
		left: 0px;
	}
}

@media (max-width: 1024px) {
	.g44-cart-container{
		flex-direction:column;
	}
	.only-mobile{
		display: block;
	}

	.header {
		padding: 20px 0px;
	}
		
	.scrolled .header,
	.scrolled .header:hover{
		background: transparent;
	}

	.scrolled .h-left{
		opacity:0;
	}
		
	.footer-bottom .g44_col:first-child {
		flex-basis: auto;
	}

	.footer-bottom .sm-icons {
		justify-content: center;
	}

	.footer-bottom .col_wrapper{
		flex-direction:column;
		align-items: center;
		text-align: center;
		gap: 30px;
	}

	.about-content {
		font-size: 1.5em;
		font-weight: 900;
		padding: 40px 15px;
	}

	.orto-kontakt .col_wrapper {
		flex-wrap: wrap;
		row-gap: 40px;
	}
	
	.orto-kontakt .col_wrapper .g44_col{
		flex-basis:50%;
	}
}

@media (max-width: 768px) {
	html, body {
		font-size: 15px;
	}

	h1 {
		font-size: 2.4em;
	}

	h2 {
		font-size: 2.4em;
	}

	body .button.g44-cart-umow-wizyte{
		padding:10px 20px;
	}
	.g44-cart-umow-wizyte h3{
		font-size:1.6em;
	}
	.g44-cart-umow-wizyte p{
		font-size:0.8em;
	}

	.section {
		padding-top: 50px;
		padding-bottom: 50px;
		min-height: auto;
	}

	.section.page-title {
		padding-top: 110px;
		padding-bottom: 50px;
	}
	
	.h-left img {
		max-height: 50px;
	}
		
	.h-sidebar-icons {
		gap: 0px 10px;
		font-size: 0.85rem;
	}

	input[type=text], input[type=search], input[type=email], input[type=tel], textarea, select {
		padding: 8px 8px;
		font-size: 1em;
	}

	input[type="submit"], button[type="submit"], .button {
		font-size: 1em;
	}

	.orto-intro{
		min-height: 720px;
		height: 60vh;
	}

	.orto {
		height: 68.2vw;
		width: calc(68.2vw* 1.095);
		bottom: 15vh;
		left:15px;
	}

	.intro-scroll {
		bottom: 20px;
		z-index:99;
	}

	.orto-ziombek1 {
		height: 50vh;
		right: 30px;
		bottom: -7vh;
	}

	.orto-zespol {
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.orto-o-nas .content {
		font-size: 1.1em;
	}

	.bg-move{
		display:none;
	}

	.bg-move-mobile {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 0;
		display: block;
	}

	.bgmove1m,
	.bgmove2m,
	.bgmove3m,
	.bgmove4m{
		position:absolute;
	}

	.bgmove1m{
		width:18%;
		max-width: 80px;
		left:3%;
		top:8%;
	}

	.bgmove2m{
		width:15%;
		max-width: 60px;
		left:25%;
		top:30%;
	}

	.bgmove3m{
		width:35%;
		max-width: 150px;
		left:-3%;
		top:55%;
	}

	.bgmove4m{
		width:45%;
		max-width: 180px;
		right:-3%;
		top:45%;
	}

	.services-slider {
		max-width: 260px;
	}

	.services-slider button{
		/* display: none !important; */
	}

	.service img {
		max-height: 280px;
		border-radius: 60px;
		opacity:1;
	}

	.service,
	.service a{
		color: #fff;
	}

	.slick-prev{
	    left: -20px;
	}

	.slick-next{
	    right: -20px;
	}

	.orto-uslugi:after{
		content:"";
		position:absolute;
		background-color: var(--g44-color-2);
		width:100%;
		height: 49%;
		bottom:0px;
	}

	.orto-cennik {
		padding-top:0px;
		padding-bottom: 40px;
	}

	.g44-accordion .accordion-button {
		padding: 15px 80px 15px 0px;
		font-size: 1.5em;
	}

	.g44-accordion .tab-button:before {
		width: 30px;
		height: 30px;
		top: calc(50% - 15px);
	}

	.tab-content h3 {
		font-size: 1.25em;
	}

	.tab-letter {
		font-size: 160px;
		padding-left: 40px;
	}

	.tab-image {
		max-height: 100px;
	}

	.orto-uslugi .wrapper h2{
		font-size: 3em;
	}

	.orto-kontakt .wrapper>h2,
	.orto-cennik .content>h2{
		font-size: 3em;
		text-align:center;
	}

	.active-anim .clip-map,
	.active-anim .clip-map:hover{
	    clip-path: circle(32vh at 50% 50%);
	}

	.intro-scroll{
		display: block;
	}

	/* 2 cols */
	.abouts{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.about-item:nth-child(8n),
	.about-item:nth-child(8n-1),
	.about-item:nth-child(8n-2),
	.about-item:nth-child(8n-3){
		grid-column:inherit;
	}
	
	.about-item:nth-child(4n-4){
		grid-column:1;
	}
	
	.about-item:nth-child(4n-5){
		grid-column:2;
	}

	/* 3 cols
	.abouts{
	    display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.about-item:nth-child(8n-2){
		grid-column:initial;
	}
	
	.about-item:nth-child(8n-3){
		grid-column:initial;
	}
	
	.about-item:nth-child(8n){
		grid-column:initial;
	}
	
	.about-item:nth-child(8n-1){
		grid-column:initial;
	}
	*/

	.footer-bottom {
		padding-bottom: 50px;
	}

	.footer-bottom .col_wrapper .g44_col{
		flex-basis:100%;
		text-align: center;
	}

	.footer-bottom .col_wrapper{
		gap: 40px 30px;
	}

	.footer-menu {
		justify-content:center;
		flex-wrap: wrap;
	}
}

@media (max-width: 660px) {
	.map-buttons {
		left: 0px;
		width:100%;
		text-align:center;
	}
}

@media (max-width: 560px) {
	.orto-intro{
		min-height: 620px;
	}
	
	.orto-ziombek1 {
		height: auto;
		width:30vw;
		bottom: 5vh;
		right: 20px;
	}

	.orto-kontakt .col_wrapper {
		flex-direction: column;
		row-gap: 30px;
	}
}

@media (max-width: 480px) {
	.orto-intro{
		min-height: 550px;
	}

	.orto-zespol {
		padding-top: 30px;
	}
	
	/* 1 col */
	.abouts {
		display: flex;
		flex-direction: column;
		background:transparent;
		gap: 30px;
		grid-template-columns: repeat(1, 1fr);
	}

	.about-item.text{
		display:none;
	}
	
	.about-item:nth-child(8n),
	.about-item:nth-child(8n-1),
	.about-item:nth-child(8n-2),
	.about-item:nth-child(8n-3),
	.about-item:nth-child(4n-4),
	.about-item:nth-child(4n-5){
		grid-column:inherit;
	}

	.about-photo-mobile{
		display:block;
		width:100%;
		border-radius:300px;
		object-fit: cover;
		width: 300px;
		height: 300px;
		margin:auto;
	}

	.about-name{
		background-color: transparent;
		font-size: 1.25em;
		padding: 15px 10px;
		position: relative;
		width: 300px;
		margin: auto;
		bottom: 0px;
		text-align:center;
	}

	.about-item .placeholder{
		display:none;
	}

	.about-item {
		background:transparent !important;
	}

	.about-item.photo{
		transform: scale(0.85) !important;
		transition: 2000ms !important;
	}

	.about-item.photo.active-anim{
		transform: scale(1) !important;
		transition: 2000ms !important;
	}

    .about-more:not(.abouts.show-all .about-more){
        display: block;
    }

	.abouts .photo:nth-child(n+6):not(.abouts.show-all .photo:nth-child(n+6)){
		display:none;
	}

	.abouts .photo:nth-child(5),
	.about-item.photo:nth-child(5):hover .about-name{
		color:#fff;
	}

	.abouts.show-all .photo:nth-child(5),
	.abouts.show-all .about-item.photo:nth-child(5):hover .about-name{
		color:inherit;
	}

	.orto-kontakt .wrapper>h2 {
		font-size: 1.8em;
	}
	
	.footer .col_wrapper .g44_col{
		flex-basis:100%;
		text-align: center;
	}
}

@media (max-width: 380px) {
	.hide-on-mobile{
		display:none;
	}

	.orto-intro{
		min-height: 420px;
	}
}