/* ---------------------------------------------------------------------
	GLOBALNE 
--------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body.jr-uni {
	background: #ffffff;
	text-align: left;
	color: #161718;
	font-family: CPR-Book, sans-serif;
	font-size: 18px;
  font-weight: 100;
  letter-spacing: normal;
  line-height: 150%;
	text-align: left;
}

.jr-uni a { color: #0e3a2f; }

.jr-uni ul { list-style-type: none; }

.jr-uni div.section_center {
	position: relative;
	box-sizing: border-box;
	max-width: 1300px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}

.jr-uni strong {	font-family: CPR-ExtraBold, sans-serif !important; font-weight: 100; }

/* ----- CLEARFIX ----- */

.jr-uni .clearfixboth  { margin: 0;	padding: 0;	clear: both; height: 0; }

@media all and (max-width: 1000px) {
	body.jr-uni { font-size: 17px; }
}
@media all and (max-width: 500px) {
	body.jr-uni { font-size: 16px; }
}


/* ---------------------------------------------------------------------
	CZCIONKA
--------------------------------------------------------------------- */

@font-face {
  font-family: CPR-ExtraBold;
  src: url(../fonts/CPR-ExtraBold.woff); url(../fonts/CPR-ExtraBold.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-Bold;
  src: url(../fonts/CPR-Bold.woff); url(../fonts/CPR-Bold.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-Medium;
  src: url(../fonts/CPR-Medium.woff); url(../fonts/CPR-Medium.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-Regular;
  src: url(../fonts/CPR-Regular.woff); url(../fonts/CPR-Regular.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-Book;
  src: url(../fonts/CPR-Book.woff); url(../fonts/CPR-Book.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-Light;
  src: url(../fonts/CPR-Light.woff); url(../fonts/CPR-Light.woff2); font-display: swap;
}
@font-face {
  font-family: CPR-ExtraLight;
  src: url(../fonts/CPR-ExtraLight.woff); url(../fonts/CPR-ExtraLight.woff2); font-display: swap;
}


/* ---------------------------------------------------------------------
	NAGŁÓWKI
--------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: #252728; font-family: CPR-Bold, sans-serif; }

h1 { font-size: 45px; line-height: 55px; }

/*h2 { margin-bottom: 30px; font-size: 36px; line-height: 46px; }*/

h2, h3 { margin-bottom: 20px; font-size: 30px; line-height: 40px; }

h4 { font-size: 25px; }

h5 { font-size: 20px; }

h6 { font-size: 16px; }

	
@media all and (max-width: 1000px) {
	h1 { font-size: 40px; line-height: 50px; }
	h2 { font-size: 30px; line-height: 40px; }
	h3 { font-size: 26px; line-height: 36px; }
	h4 { font-size: 23px; }
	h5 { font-size: 19px; }
	h6 { font-size: 15px; }
}
@media all and (max-width: 500px) {
	h1 { font-size: 30px; line-height: 40px; }
	h2 { font-size: 24px; line-height: 34px; }
	h3 { font-size: 22px; line-height: 32px; }
	h4 { font-size: 21px; }
	h5 { font-size: 18px; }
	h6 { font-size: 14px; }
}


/* ---------------------------------------------------------------------
	UNI-HEADER-TOP
--------------------------------------------------------------------- */

.uni-header-top { box-sizing: border-box; position: relative; width: 100%; height: 44px; padding: 0 30px; background-color: #ffffff; font-size: 14px; z-index: 999; }
	.uni-header-top-inside { display: flex; height: 100%; justify-content: right; align-items: center; }
	
@media all and (max-width: 600px) {
	.uni-header-top { padding: 0 10px; }
	.uni-header-top-inside { justify-content: left;  }
	.uni-header-top-inside.uni-header-center { justify-content: left; }
}


/* ---------------------------------------------------------------------
	UNI-HEADER
--------------------------------------------------------------------- */

.uni-header { box-sizing: border-box; display: block; position: relative; top: 0; left: 0; width: 100%;	padding: 0; overflow: visible; height: 60px; z-index: 1000;	box-shadow: 0 0 5px 0 #0000000d; background: #f8f8f8; }

	.uni-header-inside { box-sizing: border-box; position: relative; display: flex; align-items: center; width: auto; height: 100%; overflow: hidden; }
	
		.uni-header-inside a {
			display: flex;
			height: 40px;
			width: auto;
			text-decoration: none;
			transition: all 0.2s ease-in;
			color: #808890;
			font-size: 13px;
		}
		
			.cupra-logo {
				width: 230px;
				height: 30px;
				background-image: url(../images/cupra.svg);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: auto 25px;
			}
			
			.seat-logo {
				width: 84px;
				height: 30px;
				background-image: url(../images/seat-logo-black.webp);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: auto 30px;
			}
			
			.vw-skoda-serwis-logo {
				width: 170px;
				height: 40px;
				background-image: url(../images/logo_vw_skoda_serwis.webp);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: auto 40px;
			}
			
			.uni-logo-carsed {
				width: 144px;
				height: 40px;
				border-left: 1px solid #000000;
				background-image: url(../images/logo-20-carsed-black.webp);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: auto 19px;
			}


@media all and (max-width: 600px) {
	.uni-header-inside { justify-content: center; }
}
@media all and (max-width: 380px) {
	.uni-logo { width: 201px; background-size: auto 21px; }
	.uni-logo-carsed { width: 129px; background-size: auto 16px; }
}



/* ---------------------------------------------------------------------
	UNI PHONES
--------------------------------------------------------------------- */

.uni-phones { position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 60px; z-index: 1001; }

	.uni-phones > a { box-sizing: border-box; display: flex; align-items: center;
		position: relative;
    padding: 5px 30px 0 55px;
		height: 40px;
    color: #4ba82e;
    font-size: 15px;
    text-transform: uppercase;
    background: url(../images/ikony/phone.svg) no-repeat 15px center;
		background-size: 28px auto;
    z-index: 1;
		font-family: CPR-Book, sans-serif;
		text-decoration: none;
	}
	
		.uni-phones > a span { display: inline-block; color: #000000; font-size: 19px; line-height: 19px; }


@media all and (max-width: 600px) {
	.uni-header .uni-phones { position: absolute; top: -43px; right: 0; height: 40px; width: auto; }
	.uni-phones > a { height: 40px; font-size: 14px; line-height: normal; text-align: center; }
	.uni-phones > a span { display: block; font-size: 14px; margin-left: 0; }
}
@media all and (max-width: 450px) {
	.uni-header .uni-phones { width: 60px; overflow: hidden; }
	.uni-header .uni-phones > a { padding: 5px 30px 0 60px; }
}



/* ---------------------------------------------------------------------
	UNI LOKALIZACJA
--------------------------------------------------------------------- */

.uni-map { box-sizing: border-box; position: relative; width: 100%; background: #f8f8f8; min-height: 400px; line-height: 130%; }
.uni-map a { text-decoration: none; color: #161718; }
	
	.uni-map-modal { box-sizing: border-box; position: absolute; top: 50%; left: 32px; width: 416px; padding: 32px; transform: translateY(-50%); background: #ffffff; }
	
		.uni-map-modal h3 { margin: initial; max-width: initial; padding: initial; margin-bottom: 25px; font-size: 25px; }
	
		.uni-salon-contact .uni-dealer-location { padding: 12px 0 12px 45px; background: url(../images/ikony/map-pin.svg) no-repeat left center;	background-size: 25px auto; }
		
		.uni-salon-contact .uni-dealer-phone { padding: 12px 0 12px 45px; background: url(../images/ikony/phone.svg) no-repeat left center;	background-size: 25px auto; }
		
		.uni-salon-contact .uni-dealer-email { padding: 12px 0 12px 45px; background: url(../images/ikony/email.svg) no-repeat left center;	background-size: 25px auto; }
		
		.uni-salon-contact .uni-dealer-link { padding: 0; margin-top: 16px; }
			.uni-salon-contact .uni-dealer-link a { display: inline-flex; padding-right: 20px; background: url(../images/ikony/arrow-right.svg) no-repeat right bottom;	background-size: 12px auto; }
			.uni-salon-contact .uni-dealer-link a:hover { text-decoration: underline; }


@media all and (max-width: 600px) {
	.uni-map-modal { position: relative; top: 0; left: 0; transform: initial; width: 100%; }
}
@media all and (max-width: 380px) {
	.uni-salon-logo { width: 201px; background-size: auto 21px; }
	.uni-salon-logo-carsed { width: 129px; background-size: auto 16px; }
}



/* ---------------------------------------------------------------------

 CHAT WIDGET
 
--------------------------------------------------------------------- */

div#chat-widget-container { z-index: 123456789 !important; }



/* ---------------------------------------------------------------------
	POPUP BP
--------------------------------------------------------------------- */

button.mfp-close { display: none !important; }
.bppopup-mode-text .bppopup-close-button { display: none !important; }

.mfp-container { box-sizing: border-box; padding-left: 10px; padding-right: 10px; }

	.mfp-content { line-height: 1.5; }
	.mfp-content h1, .mfp-content h2, .mfp-content h3, .mfp-content h4, .mfp-content h5, .mfp-content h6 { font-size: 28px; padding-right: 30px; padding-bottom: 20px; font-family: CPR-Bold, sans-serif; line-height: 1.3; }
	.mfp-content p { font-size: 17px; font-family: CPR-Book, sans-serif; }
	.mfp-content strong { font-size: 17px; font-family: CPR-Bold, sans-serif; }
	.mfp-content a { font-size: 17px; font-family: CPR-Book, sans-serif; text-decoration: underline; color: #0084da; }
	.mfp-content ul { margin-left: 30px; font-family: CPR-Book, sans-serif; }
	.mfp-content ul li {	list-style-type: disc; font-family: CPR-Book, sans-serif; }

		.bppopup-mode-text {	width: 100% !important; max-width: 1000px !important; padding: 0 !important; display: flex; justify-content: center; -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,.5);	box-shadow: 0 0 20px 4px rgba(0,0,0,.5);}
			.bppopup-mode-text .popup-image-l,
			.bppopup-mode-text .popup-image-s { display: flex; justify-content: center; width: 100% !important; }
			.bppopup-mode-text .popup-image-l { max-width: 1000px !important; }
				.bppopup-mode-text .popup-image-l img,
				.bppopup-mode-text .popup-image-s img { width: 100%; height: auto; }
	
			.mfp-close { position: absolute; right: 0; top: -44px; width: 44px; height: 44px; line-height: 44px; padding: 0 !important; opacity: 1; text-decoration: none; color: #fff; font-size: 20px; line-height: 20px; font-style: normal; cursor: pointer; background: #000000; z-index: 1 }
			.mfp-close:after { content: "x"; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 44px; height: 44px; color: #fff; }

			.bppopup-mode-text .popup-text { width: 100%; max-width: 650px !important; padding: 30px 40px 40px 40px; }


@media all and (min-width: 800px) {
	.bppopup-mode-text .popup-image-s { display: none; }
}
@media all and (max-width: 799px) {
	.bppopup-mode-text { max-width: 500px !important; }
	.bppopup-mode-text .popup-image-l { display: none; }
	.mfp-close { font-size: 18px; line-height: 18px; }
}
@media all and (max-width: 720px) {
	.mfp-content h1, .mfp-content h2, .mfp-content h3, .mfp-content h4, .mfp-content h5, .mfp-content h6 { font-size: 26px; }
	.mfp-content p, .mfp-content strong, .mfp-content a { font-size: 16px; }
}




/* ---------------------------------------------------------------------
	FORMULARZ
--------------------------------------------------------------------- */

.seat-form { box-sizing: border-box; width: 100%; margin: 0 auto; }

.seat-form a { color: #dddddd; }

	.seat-form input, div.seat-form select, div.seat-form textarea, div.seat-form option,
	.seat-form label, div.seat-form div.pweb-separator-text, form.pwebcontact-form input.pweb-input, form.pwebcontact-form select, form.pwebcontact-form textarea {
		font-family: CPR-Light, sans-serif;
		font-size: 15px;
		color: #ffffff;
	}

	.seat-form div.pwebcontact-container { box-sizing: border-box; padding: 0; }
	
	.seat-form div.pweb-field-container { box-sizing: border-box; float: left;	margin: 0; width: 100%; padding: 0 25px; }
	
	::placeholder { color: #073361; font-size: 14px; }
	
		.seat-form div.pweb-field,
		.seat-form div.pweb-label { box-sizing: border-box; }
		
			.seat-form div.pweb-field input,
			.seat-form div.pweb-field select,
			.seat-form div.pweb-field textarea {
				box-sizing: border-box;
				padding: 0 0 0 10px;
				width: 100%;
				height: 48px;
				color: #ffffff;
				outline: none;
				border: 1px solid #ffffff;
				font-size: 16px !important;
				background: transparent;
			}
			
			.seat-form div.pweb-field textarea {
				resize: vertical;
				min-height: 100px;
				padding-top: 8px;
			}
			
			.seat-form div.pweb-label label {
				box-sizing: border-box;
				margin: 15px 0 0 0;
				font-size: 15px !important;
				color: #ffffff !important;
				font-family: CPR-Bold, sans-serif !important;
				text-transform: initial;
				white-space: normal !important;
				word-wrap: break-word;
			}
			
			.seat-form div.pweb-separator-text {
				display: block;
				padding: 0 25px 20px 25px;
				font-size: 12px !important;
				color: #242221;
				width: 100% !important;
				font-family: CPR-Book, sans-serif !important;
				line-height: 1.6;
			}
		
		/* maska pola */
		.seat-form div.pweb-field-maska { visibility: hidden; display: none; }
		
		.seat-form .pweb-field-imie,
		.seat-form .pweb-field-telefon { width: 50% !important; }
			
		.seat-form div.pweb-field-container:nth-child(1) { padding: 0 !important; margin: 0 !important;  }
		.seat-form div.pweb-field-container:nth-child(5) { padding-bottom: 0; }
		.seat-form div.pweb-field-container:nth-child(6) {	padding-top: 20px; padding-bottom: 20px; font-family: CPR-ExtraBold, sans-serif !important; font-size: 15px !important; }
		.seat-form div.pweb-field-container:nth-child(10) { padding-bottom: 30px; }
		.seat-form div.pweb-field-container:nth-child(12) { padding-top: 20px; padding-bottom: 0; font-family: CPR-ExtraBold, sans-serif !important; font-size: 15px !important; }
		.seat-form div.pweb-field-container:nth-child(12) span { display: block; padding-top: 5px; padding-bottom: 23px; font-family: CPR-Book, sans-serif !important;	font-size: 12px !important; line-height: 20px; }
		.seat-form div.pweb-field-container:nth-child(13) { padding: 0 0 20px 0; }
			
			
			.seat-form div.pweb-field-wiadomosc { box-sizing: border-box; width: 100%; }
			
			
			.seat-form div.pweb-field-czytaj_wiecej { width: auto !important; padding-bottom: 20px; }
			.seat-form div.pweb-field-czytaj_wiecej label { text-decoration: underline; padding-left: 0; font-size: 12px !important; }
			.seat-form div.pweb-field-czytaj_wiecej label:hover,
			.seat-form div.pweb-field-czytaj_wiecej label:focus { z-index: 1; cursor: pointer; }
			
			
			.seat-form div.pweb-field-zgoda { box-sizing: border-box; width: 100%; line-height: 1.5em; }
			.seat-form div.pweb-field-zgoda_email,
			.seat-form div.pweb-field-zgoda_smsmms { margin-bottom: 10px; width: 100%; }
			.seat-form div.pweb-field-zgoda_telefon { margin-bottom: 20px; width: 100%; }
			.seat-form div.pweb-field-zgoda label,
			.seat-form div.pweb-field-zgoda_email label,
			.seat-form div.pweb-field-zgoda_smsmms label,
			.seat-form div.pweb-field-zgoda_telefon label { padding-top: 0; }
			
			.seat-form div.pweb-field-buttons { box-sizing: border-box; width: 100%; }
			.seat-form div.pweb-field button {
				box-sizing: border-box;
				letter-spacing: 0;
				position: relative;
				padding: 0 30px;
				z-index: 2;
				text-decoration: none;
				display: flex;
				justify-content: center;
				width: 150px;
				margin: 0 auto;
				height: 50px;
				font-family: CPR-Regular, sans-serif !important;
				text-transform: uppercase;
				transition: color 0.1s ease-in-out;
				box-shadow: none;
				border-radius: 0;
				border: 0;
				line-height: 50px;
				text-shadow: none !important;
				font-size: 15px;
				color: #000000;
				background: #ffffff;
			}
			.seat-form div.pweb-field button:hover,
			.seat-form div.pweb-field button:focus {
				color: #000000;
				background: #eeeeee;
				border: none;
				outline: none;
				z-index: 1;
			}
			
			.seat-form div.pweb-msg { display: none;	}
			
			.seat-form span.pweb-asterisk { font-family: seat-Book, sans-serif; font-weight: normal !important; color: #f48c06 !important;	}
			
			.cpr-error-message { color: #f48c06; font-size: 15px; }


@media all and (max-width: 1000px) {
	.seat-form div.pweb-field-container { padding: 0 0 20px 0; }
	.seat-form .pweb-field-imie,
	.seat-form .pweb-field-telefon { width: 100% !important; }
}
@media all and (max-width: 640px) {
	.seat-form .pweb-field-container { box-sizing: border-box; float: left; margin: 0; width: 100%; }
}
@media all and (max-width: 480px) {

}


/* ----- FORMULARZ - WŁASNY CHECKBOX ----- */

.seat-form div.pweb-field-checkbox input.pweb-checkbox,
.seat-form div.pweb-field-checkboxes input.pweb-checkbox {	display: none; }

.seat-form div.pweb-field-preferowany_kontakt div.pweb-field label,
.seat-form div.pweb-field-zgoda label,
.seat-form div.pweb-field-zgoda_email label,
.seat-form div.pweb-field-zgoda_smsmms label,
.seat-form div.pweb-field-zgoda_telefon label { background: url(../images/checkbox-nie.png) no-repeat 0px 2px;	padding-left: 35px;	font-size: 12px; line-height: 22px; }

/* klasa wywoływana skryptem */
.seat-form div.pweb-field-preferowany_kontakt div.pweb-field label.etykieta_wybrana,
.seat-form div.pweb-field-zgoda label.etykieta_wybrana,
.seat-form div.pweb-field-zgoda_email label.etykieta_wybrana,
.seat-form div.pweb-field-zgoda_smsmms label.etykieta_wybrana ,
.seat-form div.pweb-field-zgoda_telefon label.etykieta_wybrana {	background: url(../images/checkbox-tak.png) no-repeat 0px 2px; padding-left: 35px; }






/* ---------------------------------------------------------------------
	PRZYCISKI
--------------------------------------------------------------------- */

.uni-links-container { display: flex; flex-wrap: wrap; gap: 10px; }

.uni-link-box { display: flex;}
	.uni-link-box a { display: inline-flex; justify-content: center; align-items: center; font-family: CPR-Regular, sans-serif; width: auto; height: 50px; padding: 0 20px; border: 1px solid #000000; color: #000000; text-transform: uppercase; font-size: 15px; text-decoration: none; transition: all .2s linear; }
	.uni-link-box a:hover { background: #000000; color: #ffffff; }
	
.uni-dark-link-box a { color: #ffffff; background: #252728; }
.uni-dark-link-box a:hover { color: #ffffff; background: #000000; }



/* ---------------------------------------------------------------------
	KONTENERY
---------------------------------------------------------------------	*/

.uni-dist-large { height: 125px; }
.uni-dist-medium { height: 87px; }
.uni-dist-small { height: 50px; }

.uni-full {  }
.uni-wrapper {  }

	.uni-wrapper-2000 { box-sizing: border-box; width: 100%; max-width: 2000px; margin: 0 auto; padding: 0 30px; }
	.uni-wrapper-1800 { box-sizing: border-box; width: 100%; max-width: 1800px; margin: 0 auto; padding: 0 30px; }
	.uni-wrapper-1600 { box-sizing: border-box; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 30px; }


@media all and (max-width: 1920px) {  }
@media all and (max-width: 1000px) {
	.uni-wrapper-2000, .uni-wrapper-1800, .uni-wrapper-1600 { padding: 0 20px; }
	.uni-dist-large { height: 95px }
	.uni-dist-medium { height: 70px; }
	.uni-dist-small { height: 45px; }
}
@media all and (max-width: 500px) {
	.uni-wrapper-2000, .uni-wrapper-1800, .uni-wrapper-1600 { padding: 0 10px; }
	.uni-dist-large { height: 65px; }
	.uni-dist-medium { height: 52pxpx; }
	.uni-dist-small { height: 40px; }
}



/* ---------------------------------------------------------------------
	TOP KONTENERY
--------------------------------------------------------------------- */

.uni-small-top { box-sizing: border-box; position: relative; width: 100%; height: 500px; font-weight: 500; font-size: 19px; line-height: 29px; }

	.uni-top-img { box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
		.uni-top-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 1; }
		
	.uni-top-up { position: absolute; top: 60px; left: 0; width: 100%; display: flex; justify-content: center; z-index: 3; color: #ffffff; }
		.uni-top-up .uni-top-up-inside { display: inline-block; padding: 0 30px; text-align: center; }
			.uni-top-up .uni-top-up-inside .uni-top-inside-header,
			.uni-top-up .uni-top-up-inside .uni-top-inside-header h1 { color: #ffffff; font-size: 50px; line-height: 60px; font-weight: 700; text-shadow: 0 0 10px #000000; text-align: center; }
	
	.uni-top-down { position: absolute; bottom: 50px; left: 0; width: 100%; display: flex; justify-content: center; z-index: 3; color: #ffffff; }
		.uni-top-down .uni-top-down-inside { display: inline-block; padding: 0 30px; text-align: center; }
			.uni-top-down .uni-top-down-inside .uni-top-inside-header,
			.uni-top-down .uni-top-down-inside .uni-top-inside-header h1 { font-size: 50px; line-height: 60px; font-weight: 700; text-shadow: 0 0 10px #000000; text-align: center; }

	.uni-top-center { position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: center; transform: translateY(-50%); z-index: 3; color: #ffffff; }
		.uni-top-center .uni-top-center-inside { display: inline-block; padding: 0 30px; text-align: center; }
			.uni-top-center .uni-top-center-inside .uni-top-inside-header,
			.uni-top-center .uni-top-center-inside .uni-top-inside-header h1 { font-size: 50px; line-height: 60px; font-weight: 700; text-shadow: 0 0 10px #000000; text-align: center; }

	.uni-top-up .uni-top-up-inside .uni-top-inside-header,
	.uni-top-down .uni-top-down-inside .uni-top-inside-header { margin-bottom: 5px; }
	
	.uni-top-up .uni-top-up-inside div, 
	.uni-top-down .uni-top-down-inside div { text-shadow: 0 0 10px #000000; }
	
	.uni-top-double { position: relative; width: 100%; padding: 90px 30px; z-index: 3; color: #ffffff; font-size: 25px; line-height: 35px; }
		.uni-top-double-inside { width: 100%; max-width: 1300px; margin: 0 auto; }
			.uni-top-double .uni-top-double-1 { padding: 0 0 90px 0; text-align: center; }
			.uni-top-double .uni-top-double-2 { padding: 0; }
				.uni-top-double .uni-top-double-2 .uni-top-double-2-inside { padding: 50px 30px; color: #ffffff; }
					.uni-top-double .uni-top-double-inside .uni-top-inside-header,
					.uni-top-double .uni-top-double-inside .uni-top-inside-header h1 { font-size: 50px; line-height: 60px; font-weight: 700; text-shadow: 0 0 10px #000000; }
					.uni-top-double .uni-top-double-inside .uni-top-inside-header { margin-bottom: 50px; }
					.uni-top-double .uni-top-double-2 .uni-top-double-2-inside h2 { color: #ffffff; }
	

	
@media all and (max-width: 1920px) {
	.uni-small-top { height: 400px; }
	.uni-top-up .uni-top-up-inside,
	.uni-top-down .uni-top-down-inside { padding: 0 20px; }
}
@media all and (max-width: 1300px) {
	.uni-top-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.uni-top-double { position: relative; top: initial; transform: initial; }
	.uni-top-double-inside { display: block; }
  .uni-top-double-inside .uni-top-double-2 {  }
}
@media all and (max-width: 1000px) {
	.uni-top-double { padding: 90px 20px; font-size: 22px; line-height: 32px; }
	.uni-small-top { height: 350px; font-size: 17px; line-height: 25px; }
	.uni-top-up .uni-top-up-inside,
	.uni-top-down .uni-top-down-inside { padding: 0 20px; }
	.uni-top-up .uni-top-up-inside .uni-top-inside-header,
	.uni-top-up .uni-top-up-inside .uni-top-inside-header h1,
	.uni-top-down .uni-top-down-inside .uni-top-inside-header,
	.uni-top-down .uni-top-down-inside .uni-top-inside-header h1,
	.uni-top-double .uni-top-double-inside .uni-top-inside-header,
	.uni-top-double .uni-top-double-inside .uni-top-inside-header h1 { font-size: 40px; line-height: 50px; }
}
@media all and (max-width: 500px) {
	.uni-top-double { padding: 90px 10px; font-size: 19px; line-height: 29px; }
	.uni-top-double .uni-top-double-2 .uni-top-double-2-inside { padding: 50px 20px; }
	.uni-small-top { height: 300px; font-size: 15px; line-height: 23px; }
	.uni-top-up { top: 50px; }
	.uni-top-down { bottom: 50px; }
	.uni-top-up .uni-top-up-inside,
	.uni-top-down .uni-top-down-inside { padding: 0 10px; }
	.uni-top-up .uni-top-up-inside .uni-top-inside-header,
	.uni-top-up .uni-top-up-inside .uni-top-inside-header h1,
	.uni-top-down .uni-top-down-inside .uni-top-inside-header,
	.uni-top-down .uni-top-down-inside .uni-top-inside-header h1,
	.uni-top-double .uni-top-double-inside .uni-top-inside-header,
	.uni-top-double .uni-top-double-inside .uni-top-inside-header h1 { font-size: 26px; line-height: 36px; }
}


.uni-top { box-sizing: border-box; position: relative; width: 100%; height: auto; font-weight: 500; font-size: 19px; line-height: 29px; }

@media all and (max-width: 1920px) {
	.uni-top {  }
}
@media all and (max-width: 1300px) {
	.uni-top { position: relative; height: auto; }
}
@media all and (max-width: 1000px) {
	.uni-top { font-size: 17px; line-height: 25px; }
}
@media all and (max-width: 500px) {
	.uni-top { font-size: 15px; line-height: 23px; }
}



/* ---------------------------------------------------------------------
	MODEL INTRO
--------------------------------------------------------------------- */

.uni-model-introduction { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; display: flex; gap: 30px 100px; flex-wrap: wrap; justify-content: center; text-align: center; width: 1440px; max-width: 90%; font-size: 16px; line-height: 1.375; }
	.uni-model-introduction-item { margin: 0 0;  }
		.uni-model-introduction-item h3, .uni-model-introduction-item h4, .uni-model-introduction-item h5, .uni-model-introduction-item h6 { color: #ffffff !important; margin: 0 0 5px 0; }
			.uni-model-introduction-item div { display: flex; text-align: center; justify-content: center; }

@media all and (max-width: 800px) {
.uni-model-introduction {  }
}
@media all and (max-width: 500px) {
.uni-model-introduction { font-size: 13px; line-height: 1.375; }
}



/* ---------------------------------------------------------------------
	TXT IMG, IMG TXT
--------------------------------------------------------------------- */

/* wrapper + dwie kolumny - img txt */
.uni-wrapper .uni-img-txt { display: flex; height: auto; min-height: 550px; padding: 0 0; }
	.uni-wrapper	.uni-img-txt > div { box-sizing: border-box; width: 50%; }
	.uni-wrapper	.uni-img-txt > div:nth-child(1) { box-sizing: border-box; width: 55%; padding: 0 0; height: 100%; z-index: 2; }
	.uni-wrapper	.uni-img-txt > div:nth-child(2) { width: 45%; padding: 0 0 0 8%; z-index: 1; }
		.uni-wrapper	.uni-img-txt > div img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; }


/* wrapper + dwie kolumny - txt img */
.uni-wrapper	.uni-txt-img { display: flex; height: auto; min-height: 550px; padding: 0 0; }
	.uni-wrapper	.uni-txt-img > div { box-sizing: border-box; width: 50%; }
	.uni-wrapper	.uni-txt-img > div:nth-child(1) { width: 45%; padding: 0 8% 0 0; z-index: 1; }
	.uni-wrapper	.uni-txt-img > div:nth-child(2) { box-sizing: border-box; width: 55%; padding: 0 0; height: 100%; z-index: 2; }
		.uni-wrapper .uni-txt-img div img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; }


@media all and (max-width: 1920px) {
	.uni-wrapper .uni-img-txt > div:nth-child(2) { padding: 0 0 0 5%; }
	.uni-wrapper .uni-txt-img > div:nth-child(1) { padding: 0 5% 0 0; }
	.uni-wrapper .uni-txt-txt > div { padding: 0; }
}
@media all and (max-width: 1000px) {
	
}
@media all and (max-width: 750px) {
	.uni-wrapper .uni-img-txt, .uni-wrapper .uni-txt-img, .uni-wrapper .uni-txt-txt { flex-direction: column; height: auto; min-height: initial; }
	.uni-wrapper .uni-img-txt > div, .uni-wrapper .uni-txt-img > div, .uni-wrapper .uni-txt-txt > div { width: 100% !important; }
	.uni-wrapper .uni-img-txt { flex-direction: column-reverse; }
	.uni-wrapper .uni-img-txt > div:nth-child(2) { padding: 0 0 30px 0; margin: 0; }
	.uni-wrapper .uni-txt-img > div:nth-child(1) { padding: 0 0 30px 0; margin: 0; }
	.uni-wrapper .uni-img-txt > div:nth-child(1) { height: 250px; padding: 0; margin: 0; }
	.uni-wrapper .uni-txt-img > div:nth-child(2) { height: 250px; padding: 0; margin: 0; }
}



/* ---------------------------------------------------------------------
	SWIPER 2, 3 COLS
--------------------------------------------------------------------- */
	
.uni-swiper-container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 0; }
	.uni-swiper-list-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
		.uni-swiper-list-item { position: relative; background: #f7f7f7; }
			.uni-swiper-list-item .list-item-desc { position: relative; padding: 32px 16px; }

.uni-double-swiper-container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 0; }
	.uni-double-swiper-container .uni-swiper-list-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
		.uni-double-swiper-container .uni-swiper-list-item { position: relative; background: #f7f7f7; }
			.uni-double-swiper-container .uni-swiper-list-item .list-item-desc { position: relative; padding: 32px 16px; }


@media all and (max-width: 1920px) {
	
}
@media all and (max-width: 1000px) {
	
}
@media all and (max-width: 750px) {
	.uni-swiper-list-group, .uni-double-swiper-container .uni-swiper-list-group { grid-template-columns: repeat(1, 1fr); }
}	
	


/* ---------------------------------------------------------------------
	MASKI
--------------------------------------------------------------------- */

.uni-left-img-mask { position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: url(../images/black-gradient-mask-left.webp) no-repeat; background-size: 100% 100%; z-index: 2; }
.uni-right-img-mask { position: absolute; top: 0; right: 0; width: 75%; height: 100%; background: url(../images/black-gradient-mask-right.webp) no-repeat; background-size: 100% 100%; z-index: 2; }
.uni-top-img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 75%; background: url(../images/black-gradient-mask-top.webp) no-repeat; background-size: 100% 100%; z-index: 2; }
.uni-bottom-img-mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; background: url(../images/black-gradient-mask-bottom.webp) no-repeat; background-size: 100% 100%; z-index: 2; }

.uni-img-full-mask { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 2; }
	
@media all and (max-width: 1000px) {
.uni-img-full-mask { display: block; }
}










/* ---------------------------------------------------------------------
	FOOTER
--------------------------------------------------------------------- */

.uni-footer {  }
	.uni-footer .uni-footer-wrapper {	display: flex; justify-content: center; box-sizing: border-box; text-align: center; padding: 30px 5%; color: #ffffff; background: #212223; font-size: 14px; }


.uni-footer a,
.uni-footer p { color: #ffffff; font-size: 14px; transition: all 0.2s ease-in; margin: 0; text-decoration: none; }

.uni-footer a:hover { color: #ffffff; text-decoration: underline; }

@media all and (max-width: 1000px) {  }
@media all and (max-width: 800px) {
	.uni-footer .uni-footer-wrapper { padding-bottom: 30px; }
}
@media all and (max-width: 500px) { 
	.uni-footer .uni-footer-wrapper { display: block; }
	.uni-footer .uni-footer-wrapper span { display: none; }
}


/* ---------------------------------------------------------------------
	THANKYOUPAGE
--------------------------------------------------------------------- */

.uni-thankyoupage-wrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; position: relative; overflow: auto; flex-direction: column; }

.uni-thankyoupage-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; }
	.uni-thankyoupage-bg img { width: 100%; height: 100%; object-fit: cover; }

.uni-thankyoupage-content { max-width: 750px; margin: 40px; padding: 40px; background-color: rgba(0, 0, 0, .6); backdrop-filter: blur(5px); color: #ffffff; text-align: center; border-radius: 10px; }

	.uni-thankyoupage-content h1 { box-sizing: border-box; color: #ffffff; padding: 0; margin: 0; text-align: center; font-size: 85px; line-height: 85px; }
	.uni-thankyoupage-content button { display: flex; margin: 0 auto 10px auto; width: 70px; height: 70px; background: url(../images/ikony/back-button-white.svg) no-repeat center center; background-size: 100% 100%; border-radius: 50px; cursor: pointer; }


@media (max-width: 750px) {
	.uni-thankyoupage-content h1 { font-size: 65px; line-height: 65px; }
}
@media (max-width: 500px) {
	.uni-thankyoupage-content { margin: 10px; padding: 40px 20px; }
	.uni-thankyoupage-content h1 { font-size: 45px; line-height: 45px; }
	.uni-thankyoupage-content button { width: 50px; height: 50px; }
}