/*
	Theme Name: PIMEDIA
	Theme URI: 
	Description: 
	Version: 0.0.1
	Author: 
	Author URI: 
	License: 
	License URI: 
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/




/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing:antialiased;
	-moz-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
}

@media (min-width: 1px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 576px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 768px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 992px) {
	html {
		font-size:110%;
	}
}

@media (min-width: 1200px) {
	html {
		font-size:100%;
	}
}

* {
	box-sizing: border-box;
}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/


main{
	width:100%;
	
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,900&display=swap');

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    BOOTSTRAP OVERWRITE
\*------------------------------------*/

.lead {
    font-size: 1.3rem !important;
    font-weight: 400 !important;
	
	line-height:1.4;
	color:#0f3566;
}


/*------------------------------------*\
    CUSTOM
\*------------------------------------*/




body {
	font-family: 'Lato', sans-serif !important;
	font-weight:400;
	color:#000000;
	font-size: 0.9rem;
	padding: 0;
	margin: 0;
}

a {
	color: #0f3566; 
}

p{
	font-weight:400;
}


strong, b{
	font-weight:700;
}

a:hover {
	color: #df0000; 
	text-decoration: none; 
}



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



.row-custom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
}

.vertical-align {
    display: flex;
    align-items: center; 
}

/*------------------------------------*\
    KOLORY
\*------------------------------------*/





.bg-yellow{
	background-color:#ffc000;
}

.bg-red{
	background-color:#c6020e;
}

.bg-blue{
	background-color:#3cafe6;
}

.bg-green{
	background-color:#7ea936;
}

.bg-white{
	background-color:#FFFFFF;
}



.color-yellow{
	color:#ffc000;
}


.color-red{
	color:#c6020e;
}

.color-green{
	color:#7ea936;
}

.color-blue{
	color:#3cafe6;
}

.color-white{
	color:#FFFFFF;
}

.color-black{
	color:#000000;
}

@media(min-width:1199px){
	
	.border-xl-left-yellow{
		border-left:2px solid #ffc000;
	}
	
	.border-xl-left-red{
		border-left:2px solid #c6020e;
	}
	
	.border-xl-left-blue{
		border-left:2px solid #3cafe6;
	}
	
	.border-xl-left-green{
		border-left:2px solid #7ea936;
	}
	
	.border-xl-left-white{
		border-left:2px solid #FFFFFF;
	}
	
}


.border-left-yellow{
	border-left:2px solid #ffc000;
}

.border-left-red{
	border-left:2px solid #c6020e;
}

.border-left-blue{
	border-left:2px solid #3cafe6;
}

.border-left-green{
	border-left:2px solid #7ea936;
}

.border-left-white{
	border-left:2px solid #FFFFFF;
}



.border-yellow{
	border:2px solid #ffc000;
}

.border-red{
	border:2px solid #c6020e;
}

.border-blue{
	border:2px solid #3cafe6;
}

.border-green{
	border:2px solid #7ea936;
}

.border-white{
	border:2px solid #FFFFFF;
}



.h-100{
	width:100%;	
	height:auto;
}





@media(max-width:1199px){
	
	
	h2, .h2 {
    font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
	
	.case-study-logo{
		max-height:9rem;
		max-width:80%;
	}
	
	
	.case-study-icon{
		width:3rem; 
	}
	
	
	.label-top-border{
		padding:0.2rem 0.7rem !important;
		font-weight:600;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top: -1rem;
		z-index:99;
		margin:0;
	}
	
	.contact-title-content{
		border-left:4px solid #ec1a3a;
		margin-bottom:2rem;
		
	}
	
	.contact-title-content .contact-phone-number, .contact-title-content .contact-email a{
		font-size:1rem;
		font-weight:300;
		color:#000000;
		
	}	
	.contact-title-content .contact-phone-number, .contact-title-content .contact-email{
		
		margin-bottom:0.5rem;
	}
	
	.contact-title-content .contact-facebook, .contact-title-content .contact-insta{
		display:inline-block;
	}
	
	
	.contact-title-content .contact-phone-number img, .contact-title-content .contact-email	img, .contact-title-content img{
		width:1rem;
		height:auto;
		margin-right:0.5rem;
	}
	
	.contact-title p{
		font-size:1.2rem;
		font-weight:600;
		margin-top:6vw;
		margin-bottom:2vw;
		
	}
	
	.contact-title p a{
		color:#ec1a3a;
	}
	
	.contact-content-red{
		background-color: #ec1a3a;
		padding:2rem 3rem;
		
		width:100%;
		display: inline-block;
		margin-bottom:2rem;
		position:relative;
	}
	
	
	.contact-squares-red{
		position:absolute;
		width:2.5rem;
		height:auto;
		bottom:0.5rem;
		left:0.5rem;
		
	}
	
	
	
	.contact-content-green{
		background-color: #a6c83f;
		padding:2rem 3rem;
		
		width:100%;
		display: inline-block;
		margin-bottom:2rem;
		position:relative;
		
	}	
	
	
	.contact-squares-green{
		position:absolute;
		width:1.5rem;
		height:auto;
		bottom:0.5rem;
		right:0.5rem;
		
	}
	
	
	
	.contact-content-yellow{
		background-color: #ffca05;
		padding:2rem 3rem;
		
		width:100%;
		display: inline-block;
		position:relative;
		margin-bottom:2rem;
	}	
	
	
	.contact-squares-yellow{
		position:absolute;
		width:2rem;
		height:auto;
		bottom:0.5rem;
		left:0.5rem;
		
	}
	
	
	
	.contact-content a{
		color:#000000;
		text-decoration:underline;
		
	}
	
	.contact-content a:hover, .contact-content a:active{
		color:#000000;
		
	}
	
	.contact-content p{
		margin:0;
	}
	
	.title-center-underline{
		font-size:1.1rem;
		text-align:center;
		font-weight:600;
		position:relative;
	}
	
	.title-center-underline:before{
		content:"";
		width:4rem;
		position:absolute;
		bottom:-0.5rem;
		left: calc(50% - 2rem);
		height:2px;
		background-color:#000000;
	}
	
	
	
	
	.title{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2rem 1rem;
		margin-bottom:2rem;
		display:inline-block;
		width:auto;
		text-align:center;
		font-size:1.5rem
	}
	
	
	.title-2{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		margin-bottom:2rem;
		display:inline-block;
		width:auto;
		text-align:center;
		font-size:2.5rem
	}
	
	.title-3{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2rem 1rem;
		margin-bottom:2rem;
		display:inline-block;
		width:100%;
		font-size:2.5rem
	}
	
	
	.title-4{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2rem 1rem;
		margin-bottom:1rem;
		display:inline-block;
		font-size:1.2rem;
	}
	
	.title-5{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2rem 1rem;
		margin-bottom:2rem;
		display:inline-block;
		width:100%;
		font-size:1rem;
	}
	
	
	.title-6{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2rem 1rem;
		margin-bottom:2rem;
		display:inline-block;
		width:100%;
		font-size:1.4rem;
	}
	
	.foto-home{
		margin-left: 0;
		width:100%;
		max-width:600px;
		height:auto;
		margin-top:2rem;
	}
	
	
	
	
	.font-size-1{
		font-size:0.85rem !important;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	
	.font-size-2{
		font-size:1rem;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	.font-size-3{
		font-size:2.2rem !important;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	.font-size-4{
		font-size:1.3rem;
		line-height:1.5;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	.w-100-mobile{
		width:100%
	}
}


@media(min-width:1200px){
	
	.case-study-logo{
		max-height:7vw;
	}
	.case-study-icon{
		width:22%; 
	}
	
	.side-square-navigation{
		transition:all 0.2s linear;
	}
	
	.side-square-navigation a{
		width:1vw;
		height:1vw;
		background-color:#808285;
		display:block;
		margin-bottom:0.5vw;
	}
	
	.side-square-navigation a.active{
		background-color: #ffc000;
	}
	
	.side-square-navigation{
		position:fixed;
		right:3vw;
		top:20vw;
		width:1vw;
		z-index:9999;
	}
	
	.label-top-border{
		padding:0.2vw 0.7vw !important;
		font-weight:600;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top:1.7vw;
		z-index:99;
		margin:0;
	}
	
	.contact-title-content{
		border-left:4px solid #ec1a3a;
		
	}
	
	.contact-title-content .contact-phone-number, .contact-title-content .contact-email a{
		font-size:1.5vw;
		font-weight:300;
		color:#000000;
		
	}	
	.contact-title-content .contact-phone-number, .contact-title-content .contact-email{
		
		margin-bottom:0.5vw;
	}
	
	.contact-title-content .contact-facebook, .contact-title-content .contact-insta{
		display:inline-block;
	}
	
	
	.contact-title-content .contact-phone-number img, .contact-title-content .contact-email	img, .contact-title-content img{
		width:1.8vw;
		height:auto;
		margin-right:0.5vw;
	}
	
	.contact-title p{
		font-size:3vw;
		font-weight:600;
		margin-top:6vw;
		margin-bottom:2vw;
		
	}
	
	.contact-title p a{
		color:#ec1a3a;
	}
	
	.contact-content-red{
		background-color: #ec1a3a;
		padding:2vw 3vw;
		min-width:22vw;
		width:auto;
		display: inline-block;
		margin-bottom:2vw;
		position:relative;
	}
	
	
	.contact-squares-red{
		position:absolute;
		width:2.5vw;
		height:auto;
		bottom:0.5vw;
		left:0.5vw;
		
	}
	
	.contact-squares-big-red{
		position: absolute;
		width: 9.5vw;
		height: auto;
		bottom: 0.4vw;
		left: -10.5vw;
		
	}
	
	.contact-content-green{
		background-color: #a6c83f;
		padding:2vw 3vw;
		min-width:22vw;
		width:auto;
		display: inline-block;
		margin-bottom:2vw;
		position:relative;
		margin-left: 10vw;
	}	
	
	
	.contact-squares-green{
		position:absolute;
		width:2vw;
		height:auto;
		bottom:0.5vw;
		right:0.5vw;
		
	}
	
	.contact-squares-big-green{
		position: absolute;
		width: 9.5vw;
		height: auto;
		bottom: -14vw;
		right: -7vw;
		
	}
	
	.contact-content-yellow{
		background-color: #ffca05;
		padding:2vw 3vw;
		min-width:22vw;
		width:auto;
		display: inline-block;
		position:relative;
		margin-left: 4vw;
	}	
	
	
	.contact-squares-yellow{
		position:absolute;
		width:2vw;
		height:auto;
		bottom:0.5vw;
		left:0.5vw;
		
	}
	
	.contact-squares-big-yellow{
		position: absolute;
		width: 9.5vw;
		height: auto;
		bottom: 0.5vw;
		left: -10.5vw;
		
	}
	
	.contact-content p{
		margin:0;
	}
	
	.title-center-underline{
		font-size:1.7vw;
		text-align:center;
		font-weight:600;
		position:relative;
	}
	
	.title-center-underline:before{
		content:"";
		width:4vw;
		position:absolute;
		bottom:-0.5vw;
		left: calc(50% - 2vw);
		height:2px;
		background-color:#000000;
	}
	
	
	.title{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:auto;
		text-align:center;
		font-size:3.2vw
	}
	
	.title-2{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:auto;
		text-align:center;
		font-size:2.6vw
	}
	
	.title-3{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:100%;
		text-align:left;
		font-size:3.2vw;
		line-height:1;
	}
	
	
	.title-4{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.2vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:100%;
		text-align:left;
		font-size:2.4vw;
		line-height:1;
	}
	
	.title-5{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.7vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:100%;
		text-align:left;
		font-size:1.55vw;
		line-height:1;
		width:auto;
	}
	
	.title-6{
		text-transform:uppercase;
		font-weight:800 !important;
		position:relative;
		padding:0.7vw 1vw;
		margin-bottom:2vw;
		display:inline-block;
		width:100%;
		text-align:left;
		font-size:2.6vw;
		line-height:1;
		width:auto;
	}
	
	
	.px-xl-vw-6{
		padding-left:14vw !important;
		padding-right:14vw !important;
	}
	
	.px-xl-vw-5{
		padding-left:9vw !important;
		padding-right:9vw !important;
	}
	
	
	
	.px-xl-vw-4{
		padding-left:7vw !important;
		padding-right:7vw !important;
	}
	
	
	.px-xl-vw-3{
		padding-left:5vw !important;
		padding-right:5vw !important;
	}
	
	
	.pt-xl-vw-4{
		padding-top:7vw !important;
		
	}
	
	.pt-xl-vw-3{
		padding-top:5vw !important;
		
	}
	
	.pt-xl-vw-2{
		padding-top:3vw !important;
		
	}
	
	.pt-xl-vw-1{
		padding-top:2vw !important;
		
	}
	
	.pt-xl-vw-0-5{
		padding-top:1vw !important;
		
	}
	
	.pb-xl-vw-3{
		padding-bottom:5vw !important;
		
	}
	
	.pb-xl-vw-2{
		padding-bottom:3vw !important;
		
	}
	
	.pb-xl-vw-1{
		padding-bottom:2vw !important;
		
	}
	
	.pb-xl-vw-0-5{
		padding-bottom:1vw !important;
		
	}
	
	.mt-xl-vw-5{
		margin-top:9vw !important;
	}
	
	
	.mt-xl-vw-4{
		margin-top:7vw !important;
	}
	
	.mt-xl-vw-3{
		margin-top:5vw !important;
	}
	
	.mt-xl-vw-2{
		margin-top:3vw !important;
	}
	
	.mt-xl-vw-1{
		margin-top:2vw !important;
	}
	
	.mt-xl-vw-0-5{
		margin-top:0.5vw !important;
	}
	
	.mb-xl-vw-5{
		margin-bottom:9vw !important;
	}
	
	
	.mb-xl-vw-4{
		margin-bottom:7vw !important;
	}
	
	.mb-xl-vw-3{
		margin-bottom:5vw !important;
	}
	.mb-xl-vw-2{
		margin-bottom:3vw !important;
	}
	
	
	.mb-xl-vw-1{
		margin-bottom:2vw !important;
	}
	
	.font-size-1{
		font-size:0.85vw !important;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	
	.font-size-2{
		font-size:1.1vw !important;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	.font-size-3{
		font-size:2.2vw !important;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	.font-size-4{
		font-size:3vw;
		line-height:1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
	}
	
	/* O NAS */
	.foto-home{
		margin-left: -0.7vw;
		width:45vw;
		height:auto;
		margin-top:2vw;
	}
	
	.onas-square-top{
		position:absolute;
		top:1vw;
		left:-3vw;
		width:7vw;
		height:auto;
	}
	
	.onas-square-bottom{
		position:absolute;
		bottom:1vw;
		left:-2vw;
		width:7vw;
		height:auto;
	}	
	
	.case-square-top{
		position:absolute;
		top:-2vw;
		left:-4vw;
		width:7vw;
		height:auto;
	}
	
	.case-square-bottom{
		position:absolute;
		bottom:1vw;
		left:-4vw;
		width:7vw;
		height:auto;
	}	
	
}



.border-grey{
	border:2px solid #dcdcdc;
}


.border-top-black{
	border-top:3px solid #000000;
}




.klienci-menu .customer-menu-button, .klienci-menu .customer-txt-button{
	cursor:pointer;
}

.klienci-menu .customer-menu-button:hover path, .klienci-menu .customer-menu-button.fill-black path{
	fill:#c6020e;
}


.klienci-menu .customer-menu-button:hover + .customer-txt-button path, .klienci-menu .customer-menu-button.fill-black + .customer-txt-button path{
	fill:#ffffff;
}

.klienci-menu .customer-txt-button path{
	pointer-events: none;
}

.customers-logos-toggle{
	display:none;
	
}

.active {
  	display: flex;
    align-content: start;
}
@media(min-width:1200px){
	.klienci-menu svg{
		height:80vh;
		width:auto;
		max-width:80%;
	}
	
	.padding-top-menu{
		height:100vh
		}
}


@media(max-width:1199px){
	.klienci-menu svg{
		
		max-height:80vh;
		height:auto;
		width:auto;
		max-width:100%;
		margin-bottom:3rem;
		margin-top:3rem;
	}
}


.kompetencje svg{
	height:90vh; width:auto;
}




.zoom-circle-1{
	transform:scale(1);
	transition: all 0.2s linear;
	transform-origin: 65% 50%;
}

.zoom-circle-2{
	transform:scale(1);
	transition: all 0.2s linear;
	transform-origin: 25% 30%;
}
.zoom-circle-3{
	transform:scale(1);
	transition: all 0.2s linear;
	transform-origin: 65% 35%;
}
.zoom-circle-4{
	transform:scale(1);
	transition: all 0.2s linear;
	transform-origin: 30% 60%;
}


.zoom-circle-1:hover, .zoom-circle-2:hover, .zoom-circle-3:hover, .zoom-circle-4:hover{
	transform:scale(1.1);
	transition: all 0.2s linear;
}

.square-random-animate.st24, .square-random-animate.st27, .square-random-animate.st31, .square-random-animate.st35{
	
	-moz-animation: square 1.5s infinite;
	-webkit-animation: square 1.5s infinite;
	-o-animation: square 1.5s infinite;
	animation: square 1.5s infinite;
	animation-delay: 0.3s;
}

.square-random-animate.st23, .square-random-animate.st26, .square-random-animate.st28, .square-random-animate.st32{
	
	-moz-animation: square 1.5s infinite;
	-webkit-animation: square 1.5s infinite;
	-o-animation: square 1.5s infinite;
	animation: square 1.5s infinite;
	animation-delay: 0.6s;
}

.square-random-animate.st25, .square-random-animate.st30, .square-random-animate.st33, .square-random-animate.st34{
	
	-moz-animation: square 1.5s infinite;
	-webkit-animation: square 1.5s infinite;
	-o-animation: square 1.5s infinite;
	animation: square 1.5s infinite;
	animation-delay: 0.9s;
}

@keyframes square{
    0% {opacity: 1;}
	50%	{opacity: 0.2;}
    100% {opacity: 1;}
}



@media(min-width:1200px){
	
	
	.carrier-wrapper{
		position:relative;
		
	}
	
	.carrier-circle{
		width:18vw;
		height:auto;
		
	}
	
	.circle-wrapper-1{
		width:30vw;
		height:auto;
		position:absolute;
		
		top: 20vw;
		left:calc(50% - 38vw);
		text-align:right;
	}
	
	.circle-wrapper-2{
		width:30vw;
		height:auto;
		position:absolute;
		
		top: 20vw;
		left:calc(50% + 8vw);
	}
	
	.circle-wrapper-3{
		width:30vw;
		height:auto;
		position:absolute;
		top: 35vw;
		left: calc(50% - 13vw);
		
	}
	
	.carrier-label-1{
		position:absolute;
		top: 3.5vw;
		right: 5.5vw;
		text-align:left;
	}
	
	.carrier-label-1 .title-5, .carrier-label-12 .title-5, .carrier-label-3 .title-5{
		font-size:1.5vw;
	}
	
	.carrier-label-2{
		position:absolute;
		top: 5vw;
		left: 7.5vw;
	}
	
	.carrier-label-3{
		position:absolute;
		top: 5.3vw;
		left: 0;
	}
	
	
	
	
	.carrier-btn:hover{
		background-color:#000000;
		color:#ffffff;
		cursor:pointer;
	}
	
	.black-button{
		color:#ffffff !important;
		background-color:#000000;
		padding:0.5vw 1vw;
		font-weight:600;
		font-size:1.3vw;
		line-height:1;
		display:inline-block;
		cursor:pointer;
		
	}
	
	.black-button:hover{
		color:#000000 !important;
		background-color:#ffffff;
	}
	
	
	.close-carrier{
		position:absolute;
		width:2rem;
		height:2rem;
		top:1rem;
		right:1rem;
		cursor:pointer;
		z-index:99999999999999;
	}
	
	.carrier-txt{
		position:relative;
		
	}
	
	.carrier-txt .black-button {
		color: #ffffff !important;
		background-color: #000000;
		padding: 0.7rem 1rem;
		font-weight: 600;
		font-size: 1.3rem;
		line-height: 1;
		display: inline-block;
		cursor: pointer;
	}
	
	.carrier-txt ul{
		padding-left: 1.2rem
		
	}
	.carrier-txt li{
		font-size:1rem;
		margin-bottom:0.2rem;
	}
	
	.carrier-txt-1, .carrier-txt-2, .carrier-txt-3{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		display:none;
		height:100vh;
		overflow:auto;
	}
	
	.carrier-txt-1{
		background-color:#bfd49a;
		
	}
	
	
	.carrier-txt-2{
		background-color:#ffe482;
		
	}
	
	.carrier-txt-3{
		background-color:#9dd7f2;
		
	}
	
	.carrier-txt-1 hr{
		border-top: 0.3rem solid #7ea936;
	}
	
	.carrier-txt-2 hr{
		border-top:  0.3rem solid #ffc000;
	}
	
	.carrier-txt-3 hr{
		border-top:  0.3rem solid #3cafe6;
	}
	
	.carrier-txt hr{
		width:5rem;
		margin:1.3rem 0  0.3rem 0
		
	}
	
	.carrier-txt p{
		line-height:1;
		margin:1rem 0;
		font-size:1rem;
	}
	.carrier-txt strong{
		font-weight:400;
		font-size:2rem;
		
		
		
	}
	
	.carrier-txt{
		
		z-index:9999;
	}
}

@media(max-width:1199px){
	
	#kariera .kariera:nth-child(1) .carrer-title{
		display:block;
		
	}
	
	#kariera .kariera:nth-child(n+2) .carrer-title{
		display:none;
		
	}
	
	#kariera .kariera:nth-child(n+2){
		padding-top:0 !important;
		
	}
	
	.carrier-wrapper{
		position:relative;
		
	}
	
	.carrier-circle{
		width:50%;
		height:auto;
		display:none;
		
	}
	.carrier-element{
		padding-right: 15px;
		padding-left: 15px;
		}
	
	
	.circle-wrapper-1, .circle-wrapper-2, .circle-wrapper-3{
		text-align:center;
	}
	
	.carrier-label-1{
		position:relative;
		width:100%;
		margin: 0;
	}
	
	.carrier-label-2{
		position:relative;
		width:100%;
		margin: 0;
	}
	
	.carrier-label-3{
		position:relative;
		width:100%;
		margin: 0;
	}
	
	
	.carrier-btn{
		margin:0 !important;
		padding:1rem;
	}
	
	.carrier-btn:hover{
		background-color:#000000;
		color:#ffffff;
		cursor:pointer;
	}
	
	.black-button{
		color:#ffffff !important;
		background-color:#000000;
		padding:0.5rem 1rem;
		font-weight:600;
		font-size:1rem;
		line-height:1;
		display:inline-block;
		cursor:pointer;
	}
	
	.black-button:hover{
		color:#000000 !important;
		background-color:#ffffff;
	}
	
	
	.carrier-txt ul{
			padding-left: 4vw
		
	}
	.carrier-txt li{
		font-size:0.8rem;
		margin-bottom:0.2rem;
		line-height: 1.4;
	}
	
	.carrier-txt-1{
		background-color:#bfd49a;
		position:relative;
		width:100%;
		display:none;
	}
	
	
	.carrier-txt-2{
		background-color:#ffe482;
		position:relative;
		width:100%;
		display:none;
	}
	
	.carrier-txt-3{
		background-color:#9dd7f2;
		position:relative;
		width:100%;
		display:none;
	}
	
	.carrier-txt-1 hr{
		border-top: 0.3rem solid #7ea936;
		text-align:left;
	}
	
	.carrier-txt-2 hr{
		border-top: 0.3rem solid #ffc000;
		text-align:left;
	}
	
	.carrier-txt-3 hr{
		border-top: 0.3rem solid #3cafe6;
		text-align:left;
	}
	
	.carrier-txt hr{
		    width: 5rem;
    margin: 1vw 0 4vw 0;
}
		
	}
	
	.carrier-txt p{
		line-height:1.3;
		margin:0;
	}
	.carrier-txt strong{
		font-weight:400;
		font-size:1.2rem;
		margin-bottom: 2vw;
display: inline-block;
		
	}
	
	.carrier-txt{

		
	}
	
	.carrier-txt p{
		font-size:0.8rem;
	}
}

/*
	@media(min-width:1199px){
	
	.snap-wrapper{
	width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
	
	}
	
	
	.snap-scroll{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	scroll-snap-align: start;
	scroll-snap-stop: normal;
	overflow:hidden;
	}
	
	}
*/

@media(min-width:1199px){
	.snap-scroll{
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		
		overflow:hidden;
	}
}


.height-100{
	height:auto;
}

.page-template-default p, .page-template-default li{
	margin-bottom:0.5rem;
	line-height:1.4
}

.page-template-default h1, .page-template-default h2, .page-template-default h3{
	margin-bottom:1.5rem;
}

.slick-track img{
	display:block;
}