/*
* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }
input{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}
body{margin:0;padding:0}
a{margin:0;padding:0;border:0}
sup{font-size:.6em;line-height:1px}
 */

/* <weight>: Use a value from 100 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */

@import url("https://use.typekit.net/wmn4tie.css");

.mont100 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,h7{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:#444;
}
h1{
	font-size:82px;
	font-weight:600;
}

h2{
	font-size:64px;
	font-weight:600;
}

p,a,li{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:#444;	
}

.text p{
	font-size:18px;	
}



/* button hamburger to X animated*/
.menu-btn,.mobile-menu-wrapper{display:none}
/* button hamburger to X animated*/

.color-green{color:#78C81E}
.color-blue{color:#006FB3}
.color-grey{color:#444}

header{
	top:0;
	width:100%;
	height:70px;
	position:fixed;
	z-index:100;
	
	}
header .shadow-overlay{
	position:absolute;
	width:100%;
	height:70px;
	background-color: rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,.4);
	z-index:11;
	}	
header .row{
	max-width:1400px;
	display:flex;
	margin:0 auto;
	position:relative;
	z-index:12;
	justify-content:space-between;
	}

#home-link{z-index:12;width:299px}
#home-link img.qmax-logo{margin:11px 21px 0 42px}

.nav-menu{margin:0 auto}
.nav-menu ul{display:flex;justify-content:center}
.nav-menu ul li{cursor:pointer}
.nav-menu ul li a{
	display:block;
	position: relative;
    /*background-image: linear-gradient(to left,#1e5ba4,#1a9567,#ca4c1b,#e6ae19);*/
	background-image: linear-gradient(to left,#78C81E,#006FB3);
    background-position: 0 80%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: all .5s ease;
	padding:13px 0;
	margin:0 25px;
	color:#575756;
	font-size:16px;
	line-height:44px;
	font-weight:500;
	text-transform: uppercase;}
.nav-menu ul li.super-menu-active a,.nav-menu ul li.current_page_item a {background-size: 100% 2px;color:#006FB3}
.nav-menu li:not(li.kontakt):hover a{background-size: 100% 2px;color:#006FB3}

.nav-menu.dodatkowe-menu{margin:0}
.nav-menu.dodatkowe-menu ul li.kontakt a{
	color:#fff;
	background-color:#78C81E;
	padding:3px 15px;
	margin:10px 10px;
	border-radius:8px;
}
.nav-menu.dodatkowe-menu ul li.kontakt:hover a{
	background-color:#006FB3;
}



/* super-menu */
.super-menu-mask{
	background-color:rgba(0,111,179,.85);
	width:100%;
	height:100vh;
	position:fixed;
	z-index: 3;
	opacity:1;
	top:70px;
	left:0;
	right:0;
	bottom:0;
	display:none;}
.super-menu-wrapper{	 
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	position:relative;
	z-index:10;
}
	
.super-menu{	
	height:630px;
	width:1400px;
	background-color:#fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow:0 0 10px rgba(0,0,0,.4);
	justify-content: space-around;
	flex-direction: row-reverse;
	display:none;
}

.super-menu-mask.super-menu-active{display:unset}

.super-menu.super-menu-dla-biznesu.super-menu-active{display:flex;}
.super-menu.super-menu-uslugi-it.super-menu-active{display:flex;}
.super-menu.super-menu-systemy-it.super-menu-active{display:flex;}

.super-menu .boczne-menu {
	width:240px;
	padding:10px 5px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: center;
}

.super-menu .boczne-menu ul{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: center;
	width:100%;
}
.super-menu .boczne-menu ul li{margin:4px auto}
.super-menu .boczne-menu ul li a{
	
	font-size:15px;
	line-height:20px;
	font-weight:600;
	text-transform: uppercase;
	height:38px;
	width:218px;
	padding:10px;
	display:flex;
	justify-content:center;
	align-items: center;
	border:1px solid rgba(204,204,204,1);
	border-radius:8px;
	text-align:center;
	transition:all .5s ease;
}
.super-menu .boczne-menu ul li.active a{
	border:1px solid #006FB3;
	color:#006FB3;
}

.super-menu .boczne-menu ul li a:hover{
	border:1px solid #006FB3;
	color:#006FB3;
}

.super-menu .super-menu-content{
	width:856px;
	position:relative;

} 
.super-menu .super-menu-content .content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	position: absolute;
	width: 100%;
	opacity:0;
	height:0;
	overflow:hidden;
	transition:opacity 1s ease;
	position:absolute;
}
.super-menu .super-menu-content .content.active{
	opacity:1;
	height:unset;
}

.super-menu .super-menu-content .content .head-wrapper{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items: center;
	/* width:418px; */
	height:78px;
	border:1px solid rgba(204,204,204,0);
	border-radius:8px;
	margin-top:12px;
	
}
.super-menu .super-menu-content .content .head-wrapper .icon-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	width:78px;
	height:78px;
}
.super-menu .super-menu-content .content .head-wrapper .icon-wrapper img{
	width:100%;
	height:100%;
}
.super-menu .super-menu-content .content .head-wrapper .head-text{}
.super-menu .super-menu-content .content .head-wrapper .head-text p{
	font-size:18px;
	line-height:22px;
	font-weight:600;
	text-transform: uppercase;
	color:#006FB3;
}

.super-menu .super-menu-content ul.links-wrapper{
	width:100%;
	display	:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap: wrap;
}
.super-menu .super-menu-content ul.links-wrapper li.super-link{
	margin:4px;
}
.super-menu .super-menu-content ul.links-wrapper li a{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items: center;
	width:418px;
	height:78px;
	border:1px solid rgba(204,204,204,1);
	border-radius:8px;
	transition:all .5s ease;
}
.super-menu .super-menu-content ul.links-wrapper li a .icon-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	width:90px;
	height:78px;
	background-color:#78C81E;
	transition:all .5s ease
}

.super-menu .super-menu-content ul.links-wrapper li a .logo-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	width:240px;
	height:78px;
	transition:all .5s ease
}
.super-menu .super-menu-content ul.links-wrapper li a .logo-wrapper img{
	max-width:80%;
	height:auto;
	max-height:90%;
}

.super-menu .super-menu-content ul.links-wrapper li a:hover{
	border:1px solid #006FB3;
}
.super-menu .super-menu-content ul.links-wrapper li a:hover .icon-wrapper{
	background-color:#006FB3;
}

.super-menu .super-menu-content ul.links-wrapper li a .text{
	width:calc(100% - 100px);
	height: 100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: flex-start;
	padding:0 10px 0 0;
}

.super-menu .super-menu-content ul.links-wrapper li a .text.with-logo{
	width:calc(100% - 250px);
}
.super-menu .super-menu-content ul.links-wrapper li a .text p{
	font-size:16px;
	line-height:20px;
	font-weight:500;
	color:#323232;
	transition:all .5s ease
}
.super-menu .super-menu-content ul.links-wrapper li a:hover .text p{
	color:#006FB3;
}

.super-menu .super-menu-content ul.pictures{
	width:100%;
	display:flex;
	margin-top: 16px;
	}
.super-menu .super-menu-content ul.pictures li{
	margin:0 4px;
}	


.super-menu .super-menu-content ul.pictures li:nth-of-type(1){
	width:346px;	
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(2){
	width:316px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(3){
	width:176px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}

.super-menu .super-menu-content .content ul.pictures.p-5-6 li{
	height:180px;
}
.super-menu .super-menu-content .content ul.pictures.p-3-4 li{
	height:268px;
}

.super-menu .super-menu-content .content ul.pictures.p-1-2 li{
	height:286px;
	margin-top:70px;
}


.super-menu .super-menu-content .content.kompleksowa-obsluga ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/cyber1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.kompleksowa-obsluga ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/cyber2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.kompleksowa-obsluga ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/cyber3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.instalacje-bezpieczenstwo ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/instalacje1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.instalacje-bezpieczenstwo ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/instalacje2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.instalacje-bezpieczenstwo ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/instalacje3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.helpdesk ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/wsparcie1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.helpdesk ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/wsparcie2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.helpdesk ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/wsparcie3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.cyberbezpieczenstwo ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/cyber1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.cyberbezpieczenstwo ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/cyber2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.cyberbezpieczenstwo ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/cyber3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.audyty ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/audyty1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.audyty ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/audyty2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.audyty ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/audyty3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.administracja ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/admin1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.administracja ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/admin2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.administracja ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/admin3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.projektowanie ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/projektowanie-rozwiazan1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.projektowanie ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/projektowanie-rozwiazan2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.projektowanie ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/projektowanie-rozwiazan3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.monitoring ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/monitoring1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.monitoring ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/monitoring2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.monitoring ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/monitoring3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.www ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/strony1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.www ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/strony2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.www ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/strony3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.serwery ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/serwery1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.serwery ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/serwery2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.serwery ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/serwery3.jpg') no-repeat center;background-size:cover
}

.super-menu .super-menu-content .content.instalacje ul.pictures li:nth-of-type(1){
	background:url('../assets/photos/instalacje1.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.instalacje ul.pictures li:nth-of-type(2){
	background:url('../assets/photos/instalacje2.jpg') no-repeat center;background-size:cover
}
.super-menu .super-menu-content .content.instalacje ul.pictures li:nth-of-type(3){
	background:url('../assets/photos/instalacje3.jpg') no-repeat center;background-size:cover
}



/* super-menu */

/* arrows */
.arrow-next{
	display:flex;	
	position: absolute;
	align-self:center;
	bottom: 50px;
	z-index: 1000;
}
.arrow-next span{
	width:60px;
	height:60px;
	transition:all .5s ease;
}
.arrow-next-white span{
	background-color:#FFFFFF;
}
.arrow-next-blue span{
	background-color:#006FB3;
}
.arrow-next-blue:hover span{
	background-color:#78C81E
}

.scroll-arrows{
	position:fixed;
	right:10px;
	top:calc(50vh - 70px);
	display:none;
	height:140px;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	z-index:9;
}
.scroll-arrows a{
	position:relative;
	width:60px;
}
.scroll-arrows.active{
	display:flex;
}
.scroll-arrows a span{
	width:60px;
	height:60px;
	transition:all .5s ease;
	
	/* position:absolute; */
}
.scroll-arrows.scroll-arrows-blue a span{
	background-color:#006FB3;
}
.scroll-arrows.scroll-arrows-blue a:not(.not-active) span:hover{
	background-color:#78C81E;
}
.scroll-arrows.scroll-arrows-white a(.not-active) span{
	background-color:#FFFFFF;
}
.scroll-arrows.scroll-arrows-white a(.not-active) span:hover{
	background-color:#78C81E;
}

.scroll-arrows a.scroll-arrow-prev span.scroll-prev{
	mask: url(/wp-content/themes/QMax/assets/icons/arrow-down.svg) no-repeat center;
	transform:rotate(180deg);
	display:flex;
}
.scroll-arrows a.scroll-arrow-next span{
	display:flex;
	mask: url(/wp-content/themes/QMax/assets/icons/arrow-down.svg) no-repeat center;
}
.scroll-arrows a.scroll-arrow-prev span.scroll-top{
	mask: url(/wp-content/themes/QMax/assets/icons/arrow-top.svg) no-repeat center;
	display:none;
}
.scroll-arrows.last a.scroll-arrow-prev span.scroll-prev{
	display:none
}
.scroll-arrows.last a.scroll-arrow-prev span.scroll-top{
	display:flex
}
.scroll-arrows.last a.scroll-arrow-next span{
	transform:rotate(180deg);
}

.scroll-arrows a.not-active{
	opacity:.2;
	cursor:default;
}

/* arrows */


/* footer */
.home .footer-wrapper{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
.page-template-Page_template_kontakt .footer-wrapper{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
.page-template-Page_template_pomoc_zdalna .footer-wrapper{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
.bg-dla-biznesu .footer-wrapper{
	background:url('../assets/bg/bg-dla-biznesu-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
.bg-uslugi-it .footer-wrapper{
	background:url('../assets/bg/bg-uslugi-it-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
.bg-systemy-it .footer-wrapper{
	background:url('../assets/bg/bg-systemy-it-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
	width:100%;	
}
#footer{
	width:100%;
	min-height:100vh;
	z-index:10;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding-top:70px;
}
.footer-content{
	max-width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-top:20px;	
}

#footer nav.nav-footer-column,.footer-kontakt{
	display: flex;
	padding: 20px 10px;
	width: calc(33% - 20px);
}

#footer nav.nav-footer-column ul.menu-footer li a{
	display: flex;
	padding:5px 0;
	color:#FFF;
	transition:all .5s ease;
}
#footer nav.nav-footer-column ul.menu-footer li a:hover{
	color:#78C81E;
}
#footer nav.nav-footer-column ul.menu-footer > li > a{
	font-weight:700;
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:10px;
	
}

#footer nav.nav-footer-column ul.menu-footer > li > ul.sub-menu > li > a{
	font-weight:700;

}

#footer nav.nav-footer-column ul.menu-footer li ul.sub-menu li ul.sub-menu{
	padding:0 0 10px 20px;
}

.footer-copy{
	display:flex;
	width:100%;
	max-width:1400px;
	padding:10px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.footer-copy p{
	color:#FFF;
	padding:10px;
}
.footer-copy p sup{
	font-size: 80%;
	vertical-align: top;
	}

.footer-kontakt {
    display: flex;
    flex-direction: column;
}
.footer-kontakt .adres-wrapper{
	display: flex;
    flex-direction: column;
}
.footer-kontakt .adres-wrapper a.home-link {
    width: 90%;
    display: flex;
    margin-right: 10%;
}
.footer-kontakt .adres-wrapper a.home-link img.qmax-logo {
    width: 100%;
    height: auto;
	margin-bottom:25px;
}
.footer-kontakt .adres-wrapper p,.footer-kontakt .adres-wrapper a{
	color:#fff;
	font-size:16px;
	line-height:16px;
}
.footer-kontakt .adres-wrapper p:first-of-type{
	font-size:32px;
	line-height:40px;
	font-weight:700;
	margin-bottom:20px;
}
.footer-kontakt .adres-wrapper p{
	margin-bottom:10px;
}

.footer-kontakt .adres-wrapper p:first-of-type .dane{
	display:none;
}
.footer-kontakt .adres-wrapper p .dane{
	width:80px;
	display: inline-flex;
}
.footer-kontakt .adres-wrapper p .dane-kontakt{
	width:calc(100% - 80px);
	display: inline-flex;
}
/* footer */

.main-wrapper{
	width:100%;	
	display:flex;
	flex-direction:column;
	z-index:1;	
	overflow: hidden;
}
.main-wrapper .section-wrapper{
	position:relative;
	display:flex;	
	flex-direction:column;
	width:100%;
	min-height: calc(100vh - 35px);
	padding-top:35px;
	justify-content:center;
	align-items: center;
	z-index:2;
}	
.home .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-home.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_kontakt .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-home.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_pomoc_zdalna .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-home.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.home .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_kontakt  .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_pomoc_zdalna .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-home-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.home .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-home-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_kontakt .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-home-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.page-template-Page_template_pomoc_zdalna .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-home-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.bg-dla-biznesu .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-dla-biznesu.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.bg-dla-biznesu .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-dla-biznesu-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.bg-dla-biznesu .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-dla-biznesu-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.bg-uslugi-it .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-uslugi-it.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.bg-uslugi-it .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-uslugi-it-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.bg-uslugi-it .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-uslugi-it-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.bg-systemy-it .main-wrapper .section-wrapper.bg-oryginal{
	background:url('../assets/bg/bg-systemy-it.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;

}
.bg-systemy-it .main-wrapper .section-wrapper.bg-blue{
	background:url('../assets/bg/bg-systemy-it-blue.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}
.bg-systemy-it .main-wrapper .section-wrapper.bg-green{
	background:url('../assets/bg/bg-systemy-it-green.jpg') no-repeat fixed;
	background-size:cover;
	background-position:50% 50%;
}

.main-wrapper .section{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	justify-content:center;
	text-align: center;
	/* min-height:100vh; */
	z-index:4;
	}
	
.main-wrapper .section p.after-headline{
	font-size:28px;
	line-height:34px;
	font-weight:500;
	color:#006FB3;
	margin:30px auto 50px;
}
.main-wrapper .section p.pre-headline{
	font-size:24px;
	line-height:30px;
	font-weight:500;
	color:#006FB3;
	margin:15px auto 15px;
}	

.main-wrapper .section-wrapper.bg-blue .section p.pre-headline,
.main-wrapper .section-wrapper.bg-blue .section p.after-headline,
.main-wrapper .section-wrapper.bg-blue .section h2,
.main-wrapper .section-wrapper.bg-blue .section h1,
.main-wrapper .section-wrapper.bg-green .section p.pre-headline,
.main-wrapper .section-wrapper.bg-green .section p.after-headline,
.main-wrapper .section-wrapper.bg-green .section h2,
.main-wrapper .section-wrapper.bg-green .section h1{
	color:white;
}
	

.buttons{
	display:inline-flex;
	justify-content:center;
	margin: 0 auto;
}
.buttons span{	
	margin: 20px auto;
}
	
a.button{
    border-radius:8px;
	border:	2px solid transparent;
    padding: 15px 50px;
    margin: 0 20px;
    color:white;
    font-size:24px;
    font-weight:700;
	transition:all .5s ease;
	display: flex;
	flex-wrap: wrap;
}
a.button.green{background-color:#78C81E;}
a.button.blue{background-color:#006FB3}

.section-wrapper.bg-green a.button.green{background-color:#006FB3}

.main-wrapper .section-wrapper .buttons a.button.green:hover{background-color:#fff;color:#78C81E;border:2px solid #78C81E}
.main-wrapper .section-wrapper .buttons a.button.blue:hover{background-color:#fff;color:#006FB3;border:2px solid #006FB3}

.main-wrapper .section-wrapper.bg-green .buttons a.button.green:hover{background-color:#fff;color:#006FB3;border:2px solid #006FB3}

.main-wrapper .section .content{
	display:flex;
	justify-content:center;
	width:100%;
	margin:25px auto;
	flex-wrap:wrap;
}

/* big buttons */

/* BUTTON 1-3 */
.main-wrapper .section .content li.btn-1-3{
	display:flex;
	width:420px;
	margin:10px 20px;
}

.main-wrapper .section .content li.btn-1-3 a{
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.85);
	border-radius:8px;
	width:100%;	
	align-items: center;
	justify-content:space-between;
	border:4px solid transparent;
	transition: all .5s ease;
	width: 100%;
}
.main-wrapper .section .content li.btn-1-3 a .text p{
	font-size:24px;
	line-height:30px;
	font-weight: 500;
}

.main-wrapper .section .content li.btn-1-3 a .icon-wrapper{
	width:90%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
	padding: 20px 0 10px;
}
.main-wrapper .section .content li.btn-1-3 a .icon-wrapper img.icon{
	max-height:100%;
	width:auto;
	max-width:100%;
	transition: all .5s ease;
}

.main-wrapper .section .content li.btn-1-3 a .text{
	width:80%;
	padding:5px 10% 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
/* BUTTON 1-3 */

/* BUTTON 1-2 */
.main-wrapper .section .content li.btn-1-2{
	display:flex;
	width:440px;
	max-width:100%;
	margin:10px 20px;
}
.main-wrapper .section .content li.btn-1-2 a{
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.85);
	border-radius:8px;
	align-items: center;
	justify-content:space-between;
	border:4px solid transparent;
	transition: all .5s ease;
	width: 100%;
}
.main-wrapper .section .content li.btn-1-2 a .head-text{
	width:90%;
	height: 70px;
	padding:5px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.main-wrapper .section .content li.btn-1-2 a .head-text p{
	font-size:20px;
	line-height:24px;
	font-weight: 700;
}
.main-wrapper .section .content li.btn-1-2 a .text p{
	font-size:18px;
	line-height:24px;
	font-weight: 500;
}
.main-wrapper .section .content li.btn-1-2 a .icon-wrapper{
	width:90%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}
.main-wrapper .section .content li.btn-1-2 a .icon-wrapper img.icon{
	max-height:100%;
	width:300px;
	height:300px;
	max-width:100%;
	transition: all .5s ease;
}

.main-wrapper .section .content li.btn-1-2 a .text{
	width:90%;
	padding:5px 5% 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
/* BUTTON 1-2 */


/* BUTTON 1-5 */
.main-wrapper .section .content li.btn-1-5{
	display:flex;
	width:260px;
	margin:10px 10px;
}
.main-wrapper .section .content li.btn-1-5 a{
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.85);
	border-radius:8px;
	align-items: center;
	justify-content:space-between;
	border:4px solid transparent;
	transition: all .5s ease;
	width: 100%;
}
.main-wrapper .section .content li.btn-1-5 a .head-text{
	width:90%;
	height: 70px;
	padding:5px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.main-wrapper .section .content li.btn-1-5 a .head-text p{
	font-size:20px;
	line-height:24px;
	font-weight: 700;
}
.main-wrapper .section .content li.btn-1-5 a .text p{
	font-size:18px;
	line-height:24px;
	font-weight: 500;
}
.main-wrapper .section .content li.btn-1-5 a .icon-wrapper{
	width:90%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}
.main-wrapper .section .content li.btn-1-5 a .icon-wrapper img.icon{
	max-height:100%;
	width:auto;
	max-width:100%;
	transition: all .5s ease;
}

.main-wrapper .section .content li.btn-1-5 a .text{
	width:80%;
	padding:5px 10% 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
/* BUTTON 1-5 */

/* BUTTON MIX-6 */
.main-wrapper .section .content li.btn-mix-6{
	display:flex;
	margin:10px 10px;
}

.main-wrapper .section .content li.btn-mix-6.mix-2-6{
	width:284px
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6.mix-3{
	width:334px
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6{
	width:334px
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6{
	width:620px
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6{
	width:720px
}

.main-wrapper .section .content li.btn-mix-6 a{
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.85);
	border-radius:8px;
	align-items: center;
	justify-content:space-between;
	border:4px solid transparent;
	transition: all .5s ease;
	height:244px;
	width:100%;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text{
	width:90%;
	height: 70px;
	padding:5px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text p{
	font-size:20px;
	line-height:24px;
	font-weight: 700;
	color:#78C81E;
}
.main-wrapper .section .content li.btn-mix-6 a .icons-wrapper{
	width:80%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;
	align-items: center;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6 a .icons-wrapper .icon-wrapper{
	width:90%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}

.main-wrapper .section .content li.btn-mix-6 a .icon-wrapper img.icon{
	max-width:100%;
	height:auto;
	max-height:100%;
	transition: all .5s ease;
}

.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper{
	width:94%;
	height:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-evenly;
	align-items: center;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper .icon-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper .icon-wrapper.w2{
	width:23%;
	margin:0 4%;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper .icon-wrapper.w4{
	width:30%;
	margin:0 4%;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper .icon-wrapper.w5{
	width:44%;
	margin:0 4%;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 a .icons-wrapper .icon-wrapper.w6{
	width:56%;
	margin:0 3%;
}

.main-wrapper .section .content li.btn-mix-6.mix-4-6 a .icons-wrapper{
	width:90%;
	height:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-evenly;
	align-items: center;
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6 a .icons-wrapper .icon-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
	
}

.main-wrapper .section .content li.btn-mix-6.mix-4-6 a .icons-wrapper .icon-wrapper.w5{
	width:42%;
	margin:0 4%;
}

.main-wrapper .section .content li.btn-mix-6.mix-3-6 a .icons-wrapper{
	width:90%;
	height:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-evenly;
	align-items: center;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6 a .icons-wrapper .icon-wrapper{
	width:80%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}

.main-wrapper .section .content li.btn-mix-6.mix-3-6 a .icons-wrapper .icon-wrapper img{
max-width: 80%;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6 a .icons-wrapper .icon-wrapper.w5{
	width:40%;
	margin:0 5%;	
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6 a .icons-wrapper .icon-wrapper.w5 img{
	max-width: 80%;
}

/* BUTTON MIX-6 */

/* BUTTONS common */
.main-wrapper .section .content a:hover .icon-wrapper img{scale:1.2;}
.main-wrapper .section .content a:hover .arrow-wrapper img.arrow{margin-left:15px}
	
.main-wrapper .section .content a:first-of-type{margin-left:0}
.main-wrapper .section .content a:last-of-type{margin-right:0}

.main-wrapper .section .content a .arrow-wrapper{
	border-radius:8px;
	background-color:#006FB3;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
	width:60px;
	height:40px;
	margin:10px 0 20px;
	
	}

.main-wrapper .section .content a .arrow-wrapper img.arrow{
	/* transform:rotate(90deg); */
	transition: all .5s ease;

}
/* BUTTONS common */

/* BUTTONS hover */
.main-wrapper .section-wrapper.bg-blue .section .content a:hover{
	background-color:rgba(255,255,255,1);
	border-color:#78C81E;
}

.main-wrapper .section-wrapper.bg-green .section .content a:hover{
	background-color:rgba(255,255,255,1);
	border-color:#006FB3;
}

.main-wrapper .section-wrapper.bg-oryginal .section .content a:hover{
	background-color:rgba(255,255,255,1);
	border-color:#006FB3;
}
.main-wrapper .section-wrapper.bg-oryginal .section .content a.btn-1-5:hover{
	background-color:rgba(255,255,255,1);
	border-color:#006FB3;
}
/* BUTTONS hover */


/* big buttons */


/* Parent dla-biznesu */

/* .page-template-page_template_1 h1{ */
	/* margin:100px auto 0px; */
	/* } */

.content-columns{
	
	display: flex;
    justify-content: center;
    width: 100%;
    margin: 10px auto;
    flex-wrap: wrap;
	flex-direction:row;
}
.content-columns.text-left{
	flex-direction:row;
}
.content-columns.text-right{
	flex-direction:row-reverse;
}

.content-columns .content-column{
	width:46%;
	margin:0 2%;
	display:flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.content-columns .content-column .text-wrapper{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.content-columns .content-column p{
	font-size:18px;
	line-height:26px;
	text-align:left;
	margin-bottom:20px;
	font-weight:500;
}

.bg-blue .content-columns .content-column p{
	color:white;
}
.bg-green .content-columns .content-column p{
	color:white;
}

.page-template-page_template_1 .buttons{
	margin:30px auto;
}
.content-columns .content-column .obrazek-wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.obrazek-wrapper img{
	border-radius: 8px;
	width:100%;
	height:auto;
}

.content-columns .content-column .text-wrapper p{
	margin-bottom:20px;
}
.content-columns .content-column .text-wrapper p:last-of-type{
	margin-bottom:0;
}
.content-columns .content-column .text-wrapper p strong{
	font-weight: 700;
	color:#78C81E;
	font-size: 1.2em;
	line-height: 1.3em;
}

.bg-green .content-columns .content-column .text-wrapper p strong{
	color:#006FB3;
}

.sekcja-kolumny{}

.sekcja-kolumny ul.kolumny{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
	margin: 50px auto;
	flex-wrap: wrap;
}

.sekcja-kolumny ul.kolumny li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;	
	margin:0 15px;
}

.sekcja-kolumny ul.kolumny li.ilosc-kolumn-3{
	width:410px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4{
	width:310px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-5{
	width:250px;
}

.sekcja-kolumny ul.kolumny li .obrazek-wrapper{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sekcja-kolumny ul.kolumny li .opis-text{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;	
	margin: 30px 0 10px 0;
}
.sekcja-kolumny ul.kolumny li .opis-text p{
	font-size: 18px;
	line-height:26px;
	font-weight:500;
	margin-bottom:10px;
}
.sekcja-kolumny ul.kolumny li .opis-text p:last-of-type{
	margin-bottom:0;
}
.sekcja-kolumny ul.kolumny li .opis-text p strong{
	font-weight: 700;
	color:#78C81E;
	font-size: 1.2em;
	line-height: 1.3em;	
}

.bg-blue.sekcja-kolumny ul.kolumny li .opis-text p,
.bg-green.sekcja-kolumny ul.kolumny li .opis-text p,
.bg-green.sekcja-kolumny ul.kolumny li .opis-text p strong{
	color:#fff;
}


.content.sum{
	flex-direction: column;
}
.content.sum .text-sum{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;	
	margin: 30px 0;

}
.content.sum .text-sum p{
	font-size:24px;
	font-weight:600;
	color:#006FB3;
}
.content.sum .text-wrapper{
	margin:50px 0;
	text-align:center;
}
.content.sum .text-wrapper p{
	font-size:24px;
	line-height: 34px;
	font-weight:600;
	color:#006FB3;
	margin-bottom:10px;
}
.content.sum p strong{
	font-weight:700;
}

.bg-green .content.sum .text-sum p{
	color:#fff;
}
.bg-green .content.sum .buttons{
	margin:25px auto;
}
.bg-green .content.sum .buttons a.button{
	background-color:#006FB3;
}
.bg-green .content.sum .buttons a.button:hover{
	color:#006FB3;
}
.bg-green .content.sum .text-wrapper p{
	color:#fff;
}


/* Parent dla-biznesu */

/* Pakiety */
.page-template-page_template_pakiety .buttons{
	margin-top:30px;
}

ul.pakiety{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	
}
ul.pakiety li.pakiet{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-self: stretch;
	justify-content:flex-start;
	align-items:center;
	width:420px;
	border-radius:8px;
	background-color:white;
	margin:20px;
}
ul.pakiety li.pakiet .pakiet-wrapper{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:calc(100% - 20px);
	padding:10px;
}
.pakiet-wrapper p.nazwa-pakietu{
	font-weight:700;
	font-size:36px;
	line-height:36px;
	color:#78C81E;
	margin:10px auto;
	
}
.pakiet-wrapper p.tytul-pakietu{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#444;
	font-style:italic;
	margin-bottom:10px;
}
.pakiet-wrapper p.krotki-opis{
	font-weight:700;
	font-size:18px;
	line-height:22px;
	color:#006FB3;
	padding:0 20px 20px;
	display:flex;
	align-items: center;
}
ul.pakiety li.pakiet .pakiet-wrapper p.krotki-opis{
	min-height: 130px;
}

.tekst-wrapper,.text-wrapper{
	text-align:left;
}

.text-wrapper em,.tekst-wrapper em{
	font-style:italic;
}
.tekst-wrapper ul{
	list-style-position: outside;
	list-style-type: disclosure-closed;
	padding-left: 30px;
}
.tekst-wrapper ul li{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#444;
	margin-bottom:10px;
}
ul li::marker {
  color: #78C81E;
}
ul li strong{
	font-weight:700;
}
.text-wrapper ul{
	list-style-position: outside;
	list-style-type: disclosure-closed;
	padding-left: 30px;
}
.text-wrapper ul li{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#444;
	margin-bottom:10px;
}
ul li::marker {
  color: #78C81E;
}
.section-wrapper.bg-green .tekst-wrapper ul li::marker,
.section-wrapper.bg-green .text-wrapper ul li::marker,
{
	color:#006FB3;
}


.section-wrapper.bg-blue .text-wrapper ul li,
.section-wrapper.bg-green .text-wrapper ul li{
	color:#fff;
}

.tekst-wrapper ol{
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 30px;
}
.tekst-wrapper ol li{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#444;
	margin-bottom:10px;
}
ol li::marker {
  color: #78C81E;
}
ol li strong{
	font-weight:700;
}
.text-wrapper ol{
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 30px;
}
.text-wrapper ol li{
	font-weight:400;
	font-size:18px;
	line-height:22px;
	color:#444;
	margin-bottom:10px;
}
ol li::marker {
  color: #78C81E;
}
.section-wrapper.bg-green .tekst-wrapper ol li::marker,
.section-wrapper.bg-green .text-wrapper ol li::marker
{
	color:#006FB3;
}


.section-wrapper.bg-blue .text-wrapper ol li,
.section-wrapper.bg-green .text-wrapper ol li{
	color:#fff;
}


#pakiety .pakiet-wspolny{
	calc(100% - 60px);
	display:flex;
	flex-direction:column;
	border-radius:8px;
	background-color:white;
	margin:20px 30px;
}

#pakiety .pakiet-wspolny .pakiet-wrapper{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:calc(100% - 20px);
	padding:10px;
}

#podsumowanie .content-columns{ 
	margin:50px auto;
}
/* Pakiety */



/* Formularz kontaktowy */
#formularz-kontaktowy .acf-fields>.acf-field.acf-field--post-title {display: none;}
.formularz-wiadomosc{display:none}

.formularz-kontaktowy-wrapper{
	display:flex;
	flex-direction:column;	
	align-items: center;
}

#formularz-kontaktowy{
	display:flex;
	flex-direction:column;	
	max-width:1280px;
}
#formularz-kontaktowy .acf-fields{
	display:flex;
	flex-direction:column;
}
#formularz-kontaktowy .acf-fields>.acf-field{
	border:none;
	display:flex;
	padding:10px 0;
}

#formularz-kontaktowy .acf-fields>.acf-field .acf-label{
	width:300px;
	text-align:left;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input{
	width:500px;
	text-align:left;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input input,
#formularz-kontaktowy .acf-fields>.acf-field .acf-input textarea{
	background-color:unset;
	padding:10px;
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:white;
	font-size:20px;
	line-height:24px;
	border: 1px solid #fff;
	border-radius: 4px;
	outline:none;
	
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input textarea{
	height:100px
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input input:focus,
#formularz-kontaktowy .acf-fields>.acf-field .acf-input textarea:focus{
	border: 1px solid #78C81E;
}

.formularz-wiadomosc {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background: #006FB3;
    
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.formularz-wiadomosc p{
	font-size:24px;
	line-height:36px;
	color: #fff;
}
.formularz-wiadomosc a.button{
	background-color:#78C81E;
	margin:30px auto;
	cursor:pointer;
}

.acf-label{	
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:white;
	font-size:20px;
	line-height:24px
}
.acf-label .acf-required{
	color:white;
}

.acf-form-submit {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.acf-form-submit input {
    border-radius: 4px;
    border: 1px solid white;
    padding: 15px 50px;
    margin: 20px 0 0 300px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    transition: all .5s ease;
    display: flex;
    flex-wrap: wrap;
	background-color:#006FB3;	
	cursor: pointer;
	width:500px;
}
.acf-form-submit input:hover{
	background-color:#78C81E;
	color:white;
}
/* Formularz kontaktowy */

.dane-kontaktowe h2{
	margin:0 auto 50px;
}
.dane-kontaktowe .mapa-wrapper{
	overflow:hidden;
	border-radius:8px;
}
.dane-kontaktowe .column-text{
	align-items: flex-start;
}
.dane-kontaktowe .column-text .adres-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.dane-kontaktowe .column-text .adres-wrapper p{
	font-size:24px;
	line-height:30px;
	display: flex;
}
.dane-kontaktowe .column-text .adres-wrapper p:first-of-type{
	font-size:30px;
	line-height:30px;
	display: flex;
}
.dane-kontaktowe .column-text .adres-wrapper p .dane{
	width: 150px;
}
.dane-kontaktowe .column-text .adres-wrapper p .dane-kontakt,.dane-kontaktowe .column-text .adres-wrapper p .dane-kontakt a{
	color: #fff;
	font-weight:700;
}
.dane-kontaktowe .column-text .adres-wrapper p .dane-kontakt a{
	transition:color .5s ease;
}
.dane-kontaktowe .column-text .adres-wrapper p .dane-kontakt a:hover{
	color:#006FB3;
}

.kontakt-podsumowanie .text-wrapper{
	text-align:center;
	margin:20px auto;
	
}
.kontakt-podsumowanie .text-wrapper p{
	font-size:24px;
	line-height:32px;
	margin-bottom:10px;
}
.kontakt-podsumowanie .text-wrapper p strong{
	font-weight:700;
	color:#006FB3;
}

.page-template-Page_template_pomoc_zdalna{}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	max-width: 800px;
	flex-wrap: wrap;
	margin: 0 auto;
}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz a{
	display: flex;
    justify-content: center;
    flex-direction: row;
	align-items: center;
	border: 1px solid #006FB3;
	border-radius: 8px;
	transition:all .5s ease;
	margin:10px;
	
}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz a:hover{
	border: 1px solid #78C81E;
	background:white;
}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz a .ikona-wrapper{
	display: flex;
    justify-content: center;
	align-items:center;
	width:100px;
	height:100px;
	
}


.page-template-Page_template_pomoc_zdalna .buttons-pobierz a img {
	max-width:100%;
	height:auto;
	
}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz a .text-pobierz {
    width: 240px;
    text-align: left;
    margin-left: 20px;
}
.page-template-Page_template_pomoc_zdalna .buttons-pobierz a .text-pobierz p {
    font-size: 20px;
    line-height: 26px;
    color: #006FB3;
}


@media (min-width: 1000px) {
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #006FB3;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #78C81E;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #78C81E;
}
}

/* Desktop end //////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 1536px) {

header,header .shadow-overlay{
	height:56px;
}
header .row{
	max-width: 1120px;
}
#home-link{
	width: 239.2px;
}	
#home-link img.qmax-logo{
	width:126.83px;
	height:auto;
	margin: 8.8px 16.8px 0 33.6px;
}
.nav-menu ul li a{
	font-size: 12.8px;
	padding: 10.4px 0;
	line-height: 35.2px;
}
.nav-menu.dodatkowe-menu ul li.kontakt a{
	margin: 8px;
	padding: 2.4px 12px;
}
.main-wrapper .section-wrapper{
	min-height: calc(100vh - 28px);
	padding-top: 28px;	
}
.main-wrapper .section{
	max-width: 1120px;
}
h1{
	font-size: 65.6px;	
}
h2{
	font-size: 51.2px;
}	
.main-wrapper .section p.after-headline{
	font-size: 22.4px;
	line-height: 27.2px;
	margin: 24px auto 40px;
}
.main-wrapper .section p.pre-headline{
	font-size: 22.4px;
	line-height: 27.2px;
	margin: 12px auto;
}
.buttons span{
	margin: 16px auto;
}
a.button{
	border-radius: 6.4px;
	padding: 12px 40px;
	margin: 0 16px;
	font-size: 19.2px;
}
.scroll-arrows{
	top: calc(50vh - 61px);
	height: 112px;
	right: 8px;
}
.scroll-arrows a{
	width: 48px;
}
.scroll-arrows a span{
	width: 48px;
	height: 48px;
}
.main-wrapper .section .content{
	margin: 20px auto;
}
.main-wrapper .section .content li.btn-1-3{
	width: 336px;
	margin: 8px 16px;
}
.main-wrapper .section .content li.btn-1-3 a .text p{
	font-size: 19.2px;
	line-height: 24px;
}
.main-wrapper .section .content li.btn-1-3 a .icon-wrapper{
	padding: 16px 0 8px;
}
.main-wrapper .section .content li.btn-1-3 a .text{
	padding: 4px 10% 12px;
}
.main-wrapper .section .content a .arrow-wrapper{
	width: 48px;
	height: 32px;
	margin: 8px 0 16px;
}
.main-wrapper .section .content a .arrow-wrapper img.arrow{
	width:17.504px;
	height:auto;
}
.main-wrapper .section .content a:hover .arrow-wrapper img.arrow{
	margin-left: 12px;
}
.main-wrapper .section .content li.btn-1-5{
	width: 208px;
	margin: 8px;
}
.main-wrapper .section .content li.btn-1-5 a{
	border-radius: 6.4px;
}
.main-wrapper .section .content li.btn-1-5 a .icon-wrapper img.icon{
	width: 180px;
	height:auto;
}
.main-wrapper .section .content li.btn-1-5 a .head-text{
	height: 56px;
	padding: 4px 0 0;
}
.main-wrapper .section .content li.btn-1-5 a .head-text p{
	font-size: 16px;
	line-height: 19.2px;
}
.main-wrapper .section .content li.btn-1-5 a .text{
	padding: 4px 10% 12px;
}
.main-wrapper .section .content li.btn-1-5 a .text p{
	font-size: 14.4px;
	line-height: 19.2px;
}
.main-wrapper .section .content li.btn-mix-6{
	margin: 8px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6{
	width: 227.2px;
}
.main-wrapper .section .content li.btn-mix-6 a{
	border-radius: 6.4px;
	height: 195.2px;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text{
	height: 56px;
	padding: 4px 0 0;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text p{
	font-size: 16px;
	line-height: 19.2px;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6{
	width: 576px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6.mix-3{
	width: 267.2px;
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6{
	width: 496px;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6{
	width: 267.2px;
}
.footer-content{
	max-width: 1120px;
}
#footer nav.nav-footer-column{
	padding:16px;
}
#footer nav.nav-footer-column ul.menu-footer > li > a{
	font-size: 16px;
	margin-bottom: 8px;
}
#footer nav.nav-footer-column ul.menu-footer li a{
	padding: 4px 0;
}
#footer nav.nav-footer-column ul.menu-footer li ul.sub-menu li ul.sub-menu{
	padding: 0 0 8px 16px;
}
#footer nav.nav-footer-column ul.menu-footer li ul.sub-menu a{
	font-size:12.8px;	
}
.footer-copy{
	max-width: 1120px;
	padding: 16px;
}
.footer-copy p{
	font-size:12.8px;
}
/**************************************************/


.content-columns{
	margin: 8px auto;
}
.content-columns .content-column p{
	font-size: 14.4px;
	line-height: 20.8px;
	
}
.content-columns .content-column .text-wrapper p{
	margin-bottom: 16px;
}

.obrazek-wrapper img{
	border-radius: 6.4px;
}
.page-template-page_template_1 .buttons{
	margin:24px auto;
}
.main-wrapper .section .content li.btn-1-2{
	width: 352px;
	margin: 8px 16px;
}
.main-wrapper .section .content li.btn-1-2 a .head-text p{
	font-size: 16px;
	line-height: 19.2px;	
}
.main-wrapper .section .content li.btn-1-2 a .icon-wrapper img.icon{
	width: 240px;
	height: 240px;
}
.main-wrapper .section .content li.btn-1-2 a .text{
	padding: 4px 5% 12px;
}
.main-wrapper .section .content li.btn-1-2 a .text p{
	font-size: 14.4px;
	line-height: 19.2px;
}
.page-template-page_template_pakiety .buttons{
	margin:24px auto;
}

ul.pakiety li.pakiet{
	width: 336px;
	margin: 16px;
}
ul.pakiety li.pakiet .pakiet-wrapper{
	width: calc(100% - 16px);
	padding: 8px;
}
.pakiet-wrapper p.nazwa-pakietu{
	font-size: 28.8px;
	line-height: 28.8px;
	margin: 8px auto;
}
.pakiet-wrapper p.tytul-pakietu{
	font-size: 14.4px;
	line-height: 17.6px;
	margin-bottom: 8px;
}
.pakiet-wrapper p.krotki-opis{
	font-size: 14.4px;
	line-height: 17.6px;
	padding: 0 16px 16px;
}
ul.pakiety li.pakiet .pakiet-wrapper p.krotki-opis{
	min-height: 104px;
}
.tekst-wrapper ul{
	padding-left: 24px;
}
.tekst-wrapper ul li{
	font-size: 14.4px;
	line-height: 17.6px;
	margin-bottom: 8px;
}
#pakiety .pakiet-wspolny{
	margin: 16px 24px;
}
#pakiety .pakiet-wspolny .pakiet-wrapper{
	width: calc(100% - 16px);
	padding: 8px;
}


.sekcja-kolumny ul.kolumny{
	margin: 40px auto;
}
.sekcja-kolumny ul.kolumny li{
	margin: 0 12px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4{
	width: 248px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4{
	width: 328px;
}
.sekcja-kolumny ul.kolumny li .opis-text{
	margin: 24px 0 8px 0;
}
.sekcja-kolumny ul.kolumny li .opis-text p{
	font-size: 14.4px;
	line-height: 20.8px;
	margin-bottom: 8px;
}
.text-wrapper ul li{
	font-size: 14.4px;
	line-height: 17.6px;
	margin-bottom: 8px;
}

#podsumowanie .content-columns{
	margin: 40px auto;
}

/**************************************************/
.super-menu{
	height: 504px;
	width: 1125px;
	border-bottom-left-radius: 6.4px;
	border-bottom-right-radius: 6.4px;
}
.super-menu .boczne-menu{
	width: 192px;
	padding: 8px 4px;
}
.super-menu .boczne-menu ul li{
	margin: 3.2px auto;
}
.super-menu .boczne-menu ul li a{
	font-size: 12px;
	line-height: 16px;
	height: 30.4px;
	width: 174.4px;
	padding: 8px;
}
.super-menu .super-menu-content{
	width: 684.8px;
}
.super-menu .super-menu-content .content .head-wrapper{
	height: 62.4px;
	border-radius: 6.4px;
	margin-top: 9.6px;
}
.super-menu .super-menu-content .content .head-wrapper .icon-wrapper{
	width: 62.4px;
	height: 62.4px;
}
.super-menu .super-menu-content .content .head-wrapper .head-text p{
	font-size: 14.4px;
	line-height: 17.6px;
}
.super-menu .super-menu-content ul.links-wrapper li.super-link{
	margin: 3.2px;
}
.super-menu .super-menu-content ul.links-wrapper li a{
	width: 334.4px;
	height: 62.4px;
	border-radius: 6.4px;
}
.super-menu .super-menu-content ul.links-wrapper li a .icon-wrapper{
	width: 72px;
	height: 62.4px;
}
.super-menu .super-menu-content ul.links-wrapper li a .text{
	width: calc(100% - 80px);
	padding: 0 8px 0 0;
}
.super-menu .super-menu-content ul.links-wrapper li a .text p{
	font-size: 12.8px;
	line-height:16px;
}

.super-menu .super-menu-content ul.pictures{
	margin-top: 12.8px;
}
.super-menu .super-menu-content ul.pictures li{
	margin: 0 3.2px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(1){
	width: 276.8px;
	border-top-left-radius: 6.4px;
	border-bottom-left-radius: 6.4px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(2){
	width: 252.8px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(3){
	width: 140.8px;
	border-top-right-radius: 6.4px;
	border-bottom-right-radius: 6.4px;
}
.super-menu .super-menu-content .content ul.pictures.p-5-6 li{
	height: 144px;
}
.super-menu .super-menu-content .content ul.pictures.p-3-4 li{
	height: 214.4px;
}
.super-menu .super-menu-content .content ul.pictures.p-1-2 li{
	height: 228.8px;
	margin-top: 56px;
}
/**************************************************/




}

@media (max-width: 1280px) {

header,header .shadow-overlay{
	height:46.6666px;
}
header .row{
	max-width: 933.3333px;
}
#home-link{
	width: 199.3333px;
}	
#home-link img.qmax-logo{
	width:105.6916666px;
	height:auto;
	margin: 7.3333px 14px 0 28px;
}
.nav-menu ul li a{
	font-size: 10.6666px;
	padding: 8.6666px 0;
	line-height: 29.3333px;
}
.nav-menu.dodatkowe-menu ul li.kontakt a{
	margin: 6.6666px;
	padding: 2px 10px;
}
.main-wrapper .section-wrapper{
	min-height: calc(100vh - 23.3333px);
	padding-top: 23.3333px;	
}
.main-wrapper .section{
	max-width: 933.3333px;
}
h1{
	font-size: 54.6666px;	
}
h2{
	font-size: 42.6666px;
}	
.main-wrapper .section p.after-headline{
	font-size: 18.6666px;
	line-height: 22.6666px;
	margin: 15px auto 25px;
}
.main-wrapper .section p.pre-headline{
	font-size: 18.6666px;
	line-height: 22.6666px;
	margin: 10px auto;
}
.buttons span{
	margin: 13.3333px auto;
}
a.button{
	border-radius: 5.3333px;
	padding: 10px 33.3333px;
	margin: 0 13.3333px;
	font-size: 16px;
}
.scroll-arrows{
	top: calc(50vh - 50.8333px);
	height: 93.3333px;
	right: 6.6666px;
}
.scroll-arrows a{
	width: 40px;
}
.scroll-arrows a span{
	width: 40px;
	height: 40px;
}
.main-wrapper .section .content{
	margin: 16.6666px auto;
}
.main-wrapper .section .content li.btn-1-3{
	width: 280px;
	margin: 6.6666px 13.3333px;
}
.main-wrapper .section .content li.btn-1-3 a .text p{
	font-size: 16px;
	line-height: 20px;
}
.main-wrapper .section .content li.btn-1-3 a .icon-wrapper{
	padding: 13.3333px 0 6.6666px;
}
.main-wrapper .section .content li.btn-1-3 a .text{
	padding: 3.3333px 10% 10px;
}
.main-wrapper .section .content a .arrow-wrapper{
	width: 40px;
	height: 26.6666px;
	margin: 6.6666px 0 13.3333px;
}
.main-wrapper .section .content a .arrow-wrapper img.arrow{
	width:14.5866px;
	height:auto;
}
.main-wrapper .section .content a:hover .arrow-wrapper img.arrow{
	margin-left: 10px;
}
.main-wrapper .section .content li.btn-1-5{
	width: 173.3333px;
	margin: 6.6666px;
}
.main-wrapper .section .content li.btn-1-5 a{
	border-radius: 5.3333px;
}
.main-wrapper .section .content li.btn-1-5 a .icon-wrapper img.icon{
	width: 150px;
	height:auto;
}
.main-wrapper .section .content li.btn-1-5 a .head-text{
	height: 46.6666px;
	padding: 3.3333px 0 0;
}
.main-wrapper .section .content li.btn-1-5 a .head-text p{
	font-size: 13.3333px;
	line-height: 16px;
}
.main-wrapper .section .content li.btn-1-5 a .text{
	padding: 3.3333px 10% 10px;
}
.main-wrapper .section .content li.btn-1-5 a .text p{
	font-size: 12px;
	line-height: 16px;
}
.main-wrapper .section .content li.btn-mix-6{
	margin: 6.6666px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6{
	width: 189.3333px;
}
.main-wrapper .section .content li.btn-mix-6 a{
	border-radius: 5.3333px;
	height: 162.6666px;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text{
	height: 46.6666px;
	padding: 3.3333px 0 0;
}
.main-wrapper .section .content li.btn-mix-6 a .head-text p{
	font-size: 13.3333px;
	line-height: 16px;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6{
	width: 480px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6.mix-3{
	width: 222.6666px;
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6{
	width: 413.3333px;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6{
	width: 222.6666px;
}
.footer-content{
	max-width: 933.3333px;
}
#footer nav.nav-footer-column{
	padding:13.3333px;
}
#footer nav.nav-footer-column ul.menu-footer > li > a{
	font-size: 13.3333px;
	margin-bottom: 6.6666px;
}
#footer nav.nav-footer-column ul.menu-footer li a{
	padding: 3.3333px 0;
}
#footer nav.nav-footer-column ul.menu-footer li ul.sub-menu li ul.sub-menu{
	padding: 0 0 6.6666px 13.3333px;
}
#footer nav.nav-footer-column ul.menu-footer li ul.sub-menu a{
	font-size:10.6666px;	
}
.footer-copy{
	max-width: 933.3333px;
	padding: 13.3333px;
}
.footer-copy p{
	font-size:10.6666px;
}

.content-columns{
	margin: 6.6666px auto;
}
.content-columns .content-column p{
	font-size: 12px;
	line-height: 17.3333px;
	
}
.content-columns .content-column .text-wrapper p{
	margin-bottom: 13.3333px;
}

.obrazek-wrapper img{
	border-radius: 5.3333px;
}
.page-template-page_template_1 .buttons{
	margin:20px auto;
}
.main-wrapper .section .content li.btn-1-2{
	width: 293.3333px;
	margin: 6.6666px 13.3333px;
}
.main-wrapper .section .content li.btn-1-2 a .head-text p{
	font-size: 13.3333px;
	line-height: 16px;	
}
.main-wrapper .section .content li.btn-1-2 a .icon-wrapper img.icon{
	width: 200px;
	height: 200px;
}
.main-wrapper .section .content li.btn-1-2 a .text{
	padding: 3.3333px 5% 10px;
}
.main-wrapper .section .content li.btn-1-2 a .text p{
	font-size: 12px;
	line-height: 16px;
}
.page-template-page_template_pakiety .buttons{
	margin:20px auto;
}

ul.pakiety li.pakiet{
	width: 280px;
	margin: 13.3333px;
}
ul.pakiety li.pakiet .pakiet-wrapper{
	width: calc(100% - 13.3333px);
	padding: 6.6666px;
}
.pakiet-wrapper p.nazwa-pakietu{
	font-size: 28.8px;
	line-height: 24px;
	margin: 6.6666px auto;
}
.pakiet-wrapper p.tytul-pakietu{
	font-size: 12px;
	line-height: 14.6666px;
	margin-bottom: 6.6666px;
}
.pakiet-wrapper p.krotki-opis{
	font-size: 12px;
	line-height: 14.6666px;
	padding: 0 13.3333px 13.3333px;
}
ul.pakiety li.pakiet .pakiet-wrapper p.krotki-opis{
	min-height: 86.6666px;
}
.tekst-wrapper ul{
	padding-left: 20px;
}
.tekst-wrapper ul li{
	font-size: 12px;
	line-height: 14.6666px;
	margin-bottom: 6.6666px;
}
#pakiety .pakiet-wspolny{
	margin: 13.3333px 20px;
}
#pakiety .pakiet-wspolny .pakiet-wrapper{
	width: calc(100% - 13.3333px);
	padding: 6.6666px;
}


.sekcja-kolumny ul.kolumny{
	margin: 33.3333px auto;
}
.sekcja-kolumny ul.kolumny li{
	margin: 0 10px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4{
	width: 206.6666px;
}
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-3{
	width: 273.3333px;
}

.sekcja-kolumny ul.kolumny li .opis-text{
	margin: 20px 0 6.6666px 0;
}
.sekcja-kolumny ul.kolumny li .opis-text p{
	font-size: 12px;
	line-height: 17.3333px;
	margin-bottom: 6.6666px;
}
.text-wrapper ul li{
	font-size: 12px;
	line-height: 17.3333px;
	margin-bottom: 6.6666px;
}

#podsumowanie .content-columns{
	margin: 33.3333px auto;
}

/**************************************************/
.super-menu{
	height: 420px;
	width: 937.5px;
	border-bottom-left-radius: 5.3333px;
	border-bottom-right-radius: 5.3333px;
}
.super-menu .boczne-menu{
	width: 160px;
	padding: 6.6666px 3.3333px;
}
.super-menu .boczne-menu ul li{
	margin: 2.6666px auto;
}
.super-menu .boczne-menu ul li a{
	font-size: 10px;
	line-height: 13.3333px;
	height: 25.3333px;
	width: 145.3333px;
	padding: 6.6666px;
}
.super-menu .super-menu-content{
	width: 570.6666px;
}
.super-menu .super-menu-content .content .head-wrapper{
	height: 52px;
	border-radius: 5.3333px;
	margin-top: 8px;
}
.super-menu .super-menu-content .content .head-wrapper .icon-wrapper{
	width: 52px;
	height: 52px;
}
.super-menu .super-menu-content .content .head-wrapper .head-text p{
	font-size: 12px;
	line-height: 14.6666px;
}
.super-menu .super-menu-content ul.links-wrapper li.super-link{
	margin: 2.6666px;
}
.super-menu .super-menu-content ul.links-wrapper li a{
	width: 278.6666px;
	height: 52px;
	border-radius: 5.3333px;
}
.super-menu .super-menu-content ul.links-wrapper li a .icon-wrapper{
	width: 60px;
	height: 52px;
}
.super-menu .super-menu-content ul.links-wrapper li a .text{
	width: calc(100% - 66.6666px);
	padding: 0 6.6666px 0 0;
}
.super-menu .super-menu-content ul.links-wrapper li a .text p{
	font-size: 10.6666px;
	line-height:13.3333px;
}

.super-menu .super-menu-content ul.pictures{
	margin-top: 10.6666px;
}
.super-menu .super-menu-content ul.pictures li{
	margin: 0 2.6666px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(1){
	width: 230.6666px;
	border-top-left-radius: 5.3333px;
	border-bottom-left-radius: 5.3333px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(2){
	width: 210.6666px;
}
.super-menu .super-menu-content ul.pictures li:nth-of-type(3){
	width: 117.3333px;
	border-top-right-radius: 5.3333px;
	border-bottom-right-radius: 5.3333px;
}
.super-menu .super-menu-content .content ul.pictures.p-5-6 li{
	height: 120px;
}
.super-menu .super-menu-content .content ul.pictures.p-3-4 li{
	height: 178.6666px;
}
.super-menu .super-menu-content .content ul.pictures.p-1-2 li{
	height: 190.6666px;
	margin-top: 46.6666px;
}
/**************************************************/



}

@media (max-width: 1180px) {
.nav-menu {display: none;}
	
/* button hamburger to X animated*/
.mobile-menu-btn{display:flex;justify-content:center;align-items:center;width:80px;height:46px;cursor:pointer;transition:all .3s ease-in-out;z-index:200}
.menu-btn__burger{width:54px;height:5px;background-color:#78C81E;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu-btn__burger::before,.menu-btn__burger::after{content:'';position:absolute;height:5px;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu-btn__burger::before{background:#78C81E;transform:translateY(-12px);width:54px}
.menu-btn__burger::after{background:#78C81E;transform:translateY(12px);width:54px}
.mobile-menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:transparent;box-shadow:none}
.mobile-menu-btn.open .menu-btn__burger::before{transform:rotate(45deg) translate(35px, -35px);background-color:#006FB3;width:54px}
.mobile-menu-btn.open .menu-btn__burger::after{transform:rotate(-45deg) translate(35px, 35px);background-color:#006FB3;width:54px}
/* button hamburger to X animated*/	
	

#footer{min-height:unset}
#footer nav.nav-footer-column{display:none;}
.footer-kontakt{
	width: 100%;
}
.footer-kontakt .adres-wrapper a.home-link{
	margin:0 5%;
}
.footer-kontakt .adres-wrapper p:first-of-type .dane-kontakt{
	text-align:center;
	width:100%;
	justify-content: center;
}

.footer-copy{
	width:calc(100% - 20px);
	padding:10px;
	text-align:center;
}
.footer-copy p{
	font-size:16px;
	line-height:22px;
}

/* Menu mobile*/	
.mobile-menu-wrapper{
	display:flex;
	width:100%;
	height: calc(100vh - 70px);
	overflow-y: scroll;
	position:fixed;
	top:70px;
	z-index:10;
	background-color:#006FB3;
	left:100%;
	transition:all .5s ease;
}
.mobile-menu-wrapper.open{
	left:0
}
nav.mobile-menu{
	display: flex;
	flex-direction: column;
	padding: 1px 0;
	width: 100%;
}

nav.mobile-menu a{
	color:white;
	font-size:24px;
	line-height:32px;
	border-top: 1px solid white;
	border-bottom: 1.5px solid black;
	display: flex;
	flex-direction: column;
}

nav.mobile-menu li{	
	display: flex;
	flex-direction: column;
	justify-content:center;
}

nav.mobile-menu ul.menu-mobile > li{
	/* border-top: 1.5px solid white; */
	/* border-bottom: 1px solid black; */
	display: flex;
	position: relative;
}
nav.mobile-menu ul.menu-mobile > li span.button-to-open{
	width:calc(20% - 25px);
	
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 40px;
	color: #fff;
	border-top: 1px solid white;
	border-bottom: 1.5px solid black;
	padding-right: 25px;	
}

nav.mobile-menu ul.menu-mobile > li span.button-to-open span{
	position:absolute;
	opacity:0;

	transition:opacity .5s ease;
}

nav.mobile-menu ul.menu-mobile > li > span.button-to-open{
	height:90px;
}
nav.mobile-menu ul.menu-mobile > li > span.button-to-open > span{
	width: 30px;
	height: 30px;
}

nav.mobile-menu ul.menu-mobile > li span.button-to-open span.button-closed.open{opacity:1}
nav.mobile-menu ul.menu-mobile > li span.button-to-open span.button-opened.open{opacity:1}

nav.mobile-menu ul.menu-mobile > li span.button-to-open span.button-closed{
	background:url('../assets/icons/icon-menu-mobile-button-closed.svg') no-repeat center;
}
nav.mobile-menu ul.menu-mobile > li span.button-to-open span.button-opened{
	background:url('../assets/icons/icon-menu-mobile-button-opened.svg') no-repeat center;
}

nav.mobile-menu ul.menu-mobile > li > a{
	text-transform:uppercase;
	width:calc(100% - 40px);
	height:90px;
	justify-content: center;
	padding:0 20px;
}
#menu-item-520 > a{ width: calc(80% - 40px);}
#menu-item-534 > a{ width: calc(80% - 40px);}
#menu-item-545 > a{ width: calc(80% - 40px);}


nav.mobile-menu ul.menu-mobile > li ul.sub-menu{
	display:none;
	flex-direction: column;
    padding: 0;
	transition:height .5s ease;
}
nav.mobile-menu ul.menu-mobile > li ul.sub-menu.open{
	display:flex;
}

nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li{
	/* border-top: 1.5px solid white; */
	/* border-bottom: 1px solid black; */
	padding:0;
	position: relative;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > a{
	padding:0 0 0 30px;
	width: calc(80% - 30px);
	height:80px;
	justify-content: center;
	font-size:22px;
	line-height:27px;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > ul.sub-menu {

}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li{
	/* border-top: 1.5px solid white; */
	/* border-bottom: 1px solid black; */
	position: relative;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > span.button-to-open{
	height:80px;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > span.button-to-open > span{
	width: 25px;
	height: 25px;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li > a{
	padding:0 0 0 40px;
	width: calc(100% - 40px);
	height:80px;
	justify-content: center;
	font-size:18px;
	line-height:22px;
}

nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li > span.button-to-open{
	height:80px;
}
nav.mobile-menu ul.menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li > span.button-to-open > span{
	width: 20px;
	height: 20px;
}
/* Menu mobile*/	


h1{
	font-size:44px;
}
h2{
	font-size:32px;
}
.main-wrapper .section{
	max-width:100%;
	
}
.main-wrapper .section .content li.btn-1-3{
	width: 200px;
	margin:5px;
}
.main-wrapper .section .content li.btn-1-3 a .icon-wrapper img.icon{
	width:150px;
	height:150px;
}
.main-wrapper .section .content li.btn-1-3 a .text{
	width:100%;
}
.main-wrapper .section .content li.btn-1-3 a .icon-wrapper{
	padding:0;
}

.main-wrapper .section .content li.btn-1-5{
	width:135px;
	margin:5px;
}
.main-wrapper .section .content li.btn-1-5 a .head-text{
	height: 30px;
	padding: 5px 0 0;
}
.main-wrapper .section .content li.btn-1-5 a .head-text p{
	font-size: 11px;
	line-height: 13px;
}
.main-wrapper .section .content li.btn-1-5 a .icon-wrapper img.icon{
	width:120px;
}
.main-wrapper .section .content li.btn-1-5 a .text{
	padding:0 2% 5px;
	width: 96%;
}
.main-wrapper .section .content li.btn-1-5 a .text p {
    font-size: 11px;
    line-height: 14px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6{
	width:142px
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6{
	width:360px;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6.mix-3{
	width:167px;
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6{
	width:310px;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6{
	width:167px;
}

.main-wrapper .section p.after-headline{
	font-size: 16px;
    line-height: 20px;
    margin: 10px auto;
}
.content-column.column-text{
	width: 68%;
	margin:0 1%;
}
.content-column.column-obrazek{
	width: 28%;
	margin:0 1%;
}
.content-columns .content-column .text-wrapper p{
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 5px;
}
.page-template-page_template_1 .buttons{
	margin:5px auto;}
.buttons span{
	margin: 5px auto;
}
a.button {
    border-radius: 4px;
    padding: 5px 20px;
    margin: 0 10px;
    font-size: 14px;
}
.main-wrapper .section-wrapper{
	padding-top:48px;
}
.main-wrapper .section .content li.btn-1-2{
	width: 230px;
}
.main-wrapper .section .content li.btn-1-2 a .head-text{
	height: 40px;
}
.main-wrapper .section .content li.btn-1-2 a .icon-wrapper img.icon{
	width: 150px;
	height: 150px;
}
ul.pakiety li.pakiet{
	width: 220px;
	margin: 5px;
}
.pakiet-wrapper p.nazwa-pakietu{
	font-size: 22px;
    line-height: 26px;
    margin: 5px auto;
}

.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4{
	width: 160px;
	margin: 0 5px;
}

#formularz-kontaktowy{
	max-width:100%;
	width: 100%;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-label{
	width: 190px;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input {
    width: calc(100% - 200px);
    text-align: left;
}
.acf-form-submit input{
	margin: 20px 0 0 190px;
	width: calc(100% - 200px);
}
.dane-kontaktowe .content-columns{
	flex-direction:column-reverse;
}
.dane-kontaktowe .mapa-wrapper{
	width:80%; height:70vh;
}
.dane-kontaktowe .mapa-wrapper iframe{
	max-width:100%;
	max-height:100%;
}
#strona-glowna .content-columns, .content-columns.text-left .text-wrapper{
	text-align:center;
	align-items:center;
}
}


@media only screen and (max-width: 700px) {
/* button hamburger to X animated*/
.mobile-menu-btn{display:flex;justify-content:center;align-items:center;width:80px;height:70px;cursor:pointer;transition:all .3s ease-in-out;z-index:200}
.menu-btn__burger{width:54px;height:6px;background-color:#78C81E;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu-btn__burger::before,.menu-btn__burger::after{content:'';position:absolute;height:6px;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu-btn__burger::before{background:#78C81E;transform:translateY(-16px);width:54px}
.menu-btn__burger::after{background:#78C81E;transform:translateY(16px);width:54px}
.mobile-menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:transparent;box-shadow:none}
.mobile-menu-btn.open .menu-btn__burger::before{transform:rotate(45deg) translate(35px, -35px);background-color:#006FB3;width:54px}
.mobile-menu-btn.open .menu-btn__burger::after{transform:rotate(-45deg) translate(35px, 35px);background-color:#006FB3;width:54px}
/* button hamburger to X animated*/	
	
header, header .shadow-overlay{
	height: 70px;
}
#home-link img.qmax-logo{
	width:158.538px;
	height:auto;
}


h1{
	font-size: 42px;
	line-height: 44px
}
h2{
	font-size: 38px;
	line-height: 42px
}
.main-wrapper .section p.after-headline{
    font-size: 18px;
    line-height: 26px;
    margin: 20px auto;	
}
.main-wrapper .section p.pre-headline{
    font-size: 22px;
    line-height: 28px;
    margin: 20px auto 10px;	
}
.buttons{
	flex-direction:column;
	
}
a.button{
    border-radius: 4px;
    padding: 20px 60px;
    margin: 10px auto;
    font-size: 20px;	
}

.main-wrapper .section-wrapper{
	padding:80px 5px 5px;
	width: calc(100% - 10px);
}
.main-wrapper .section .content li.btn-1-3,.main-wrapper .section .content li.btn-1-2{
	width:100%;
	margin:10px;
}

.main-wrapper .section .content li.btn-1-3 a .icon-wrapper img.icon,.main-wrapper .section .content li.btn-1-2 a .icon-wrapper img.icon{
    width: 250px;
    height: 250px;	
}
.main-wrapper .section .content li.btn-1-3 a .text,.main-wrapper .section .content li.btn-1-2 a .text {
    padding: 10px 5% 20px;
}
.main-wrapper .section .content li.btn-1-3 a .text p,.main-wrapper .section .content li.btn-1-2 a .text p{
    font-size: 22px;
    line-height: 28px;	
}
.main-wrapper .section .content li.btn-1-2 a .head-text{
	height:unset;
	padding:20px 0;
}
.main-wrapper .section .content li.btn-1-2 a .head-text p {
    font-size: 24px;
    line-height: 30px;
}

.main-wrapper .section .content a .arrow-wrapper {
    width: 100px;
    height: 60px;
    margin: 10px 0 20px;
}
.main-wrapper .section .content a .arrow-wrapper img.arrow {
    width: 30px;
    height: auto;
}

.main-wrapper .section .content li.btn-1-5 a .head-text {
    height: unset;
    padding: 10px 0;
}
.main-wrapper .section .content li.btn-1-5 a .head-text p {
    font-size: 22px;
    line-height: 28px;
}
.main-wrapper .section .content li.btn-1-5{
	width:100%;
	margin:10px;
}

.main-wrapper .section .content li.btn-1-5 a .icon-wrapper img.icon{
    width: 250px;
    height: 250px;	
}
.main-wrapper .section .content li.btn-1-5 a .text {
    padding: 10px 5% 20px;
}
.main-wrapper .section .content li.btn-1-5 a .text p{
    font-size: 22px;
    line-height: 28px;	
}
.main-wrapper .section .content a .arrow-wrapper {
    width: 100px;
    height: 60px;
    margin: 10px 0 20px;
}

.main-wrapper .section .content li.btn-mix-6 a .head-text{
	height: auto;
	padding:10px 0;
	width: 100%;
}

.main-wrapper .section .content li.btn-mix-6.mix-2-6{
	width:100%;
}
.main-wrapper .section .content li.btn-mix-6.mix-2-6.mix-3 {
    width: 100%;
}
.main-wrapper .section .content li.btn-mix-6.mix-4-6{
	width: 100%;
}
.main-wrapper .section .content li.btn-mix-6.mix-3-6{
	width: 100%;
}
.main-wrapper .section .content li.btn-mix-6.mix-5-6 {
    width: 100%;
}

.main-wrapper .section .content li.btn-mix-6 a .head-text p {
    font-size: 22px;
    line-height: 28px;
}
.main-wrapper .section .content li.btn-mix-6 a .icons-wrapper{
	width: 100%;
	height: auto;
	padding: 10px 0;
}
.main-wrapper .section .content li.btn-mix-6 a .icons-wrapper .icon-wrapper{
	width: 90%;
	padding: 10px 0;
}

.main-wrapper .section .content li.btn-mix-6 a{
	height: auto;
}

.content-columns,.content-columns.text-left{
	flex-direction:column;
}
.content-columns.text-right{
	flex-direction:column-reverse;
}
.content-columns .content-column,.content-columns .content-column.column-text{
	width: 98%;
	margin:1%;
}
.content-columns .content-column .text-wrapper{

}
.content-columns .content-column .text-wrapper p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;	
	text-align:center;
}


ul.pakiety{
	margin:20px 0
}
ul.pakiety li.pakiet{
    width: 100%;
    margin: 10px;	
}
.pakiet-wrapper p.nazwa-pakietu {
    font-size: 26px;
    line-height: 30px;
    margin: 10px auto;
}
.pakiet-wrapper p.tytul-pakietu {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
ul.pakiety li.pakiet .pakiet-wrapper p.krotki-opis,.pakiet-wrapper p.krotki-opis {
    min-height: unset;
	font-size: 16px;
    line-height: 20px;
    padding: 0 0 20px;
}
.tekst-wrapper ul {
    padding-left: 30px;
}
.tekst-wrapper ul li {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}
#pakiety .pakiet-wspolny{
	margin: 0 10px 20px;
}

#podsumowanie a.button,.content.sum a.button{
	padding: 20px;
	line-height:normal;
}


.sekcja-kolumny ul.kolumny{
	margin: 20px auto;
}
.sekcja-kolumny ul.kolumny li,
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-3,
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-4,
.sekcja-kolumny ul.kolumny li.ilosc-kolumn-5 {
    width: 100%;
    margin: 0 5px;
	flex-direction: column-reverse;
}
.sekcja-kolumny ul.kolumny li .opis-text {
    margin: 20px 0;
}
.sekcja-kolumny ul.kolumny li .opis-text p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}
.text-wrapper ul{
	margin:20px auto;
}
.text-wrapper ul li {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.content-column.column-text{
	width: 98%;
}

#formularz-kontaktowy .acf-fields>.acf-field{
	flex-direction: column;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-label {
    width: 100%;
	text-align: center;
}
#formularz-kontaktowy .acf-fields>.acf-field .acf-input {
    width: 100%;
    text-align: center;
}
.acf-form-submit input {
    margin: 20px 0;
    width: 100%;
}

.dane-kontaktowe .column-text .adres-wrapper p:first-of-type span.dane{
	display:none;	
}

.dane-kontaktowe .column-text .adres-wrapper p .dane{
	width: 100%;
	text-align: center;
}
.dane-kontaktowe .column-text .adres-wrapper p .dane-kontakt {
	width: 100%;
	text-align: center;
}
.dane-kontaktowe .column-text .adres-wrapper p{
	flex-direction: column;
	font-size: 20px;
	line-height: 24px;
}
.dane-kontaktowe .mapa-wrapper {
    width: 100%;
    height: inherit;
}

.page-template-Page_template_pomoc_zdalna .buttons-pobierz{
	max-width:100%;
}

}