/* ---------------------------------------------------------------------
 GLOBALNE, CZCIONKA. NAGŁÓWKI, FOOTER
--------------------------------------------------------------------- */

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

* {
	margin: 0;
	padding: 0;
}

body.cupra {
	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;
}

.cupra a { color: #0e3a2f; }

.cupra ul { list-style-type: none; }

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

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

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

.cupra .clearfixboth  { margin: 0;	padding: 0;	clear: both; height: 0; }


/* ---------------------------------------------------------------------
	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; }
}


/* ---------------------------------------------------------------------
	CPR-HEADER-TOP
--------------------------------------------------------------------- */

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


/* ---------------------------------------------------------------------
	CPR-HEADER
--------------------------------------------------------------------- */

.cpr-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; }

	.cpr-header-inside { box-sizing: border-box; position: relative; display: flex; align-items: center; width: auto; height: 100%; overflow: hidden; }
	
		.cpr-header-inside a {
			display: flex;
			height: 30px;
			width: auto;
			text-decoration: none;
			transition: all 0.2s ease-in;
			color: #808890;
			font-size: 13px;
		}
		
			.cpr-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;
			}
			
			.cpr-logo-carsed {
				width: 144px;
				height: 30px;
				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) {
	.cpr-header-inside { justify-content: center; }
}
@media all and (max-width: 380px) {
	.cpr-logo { width: 201px; background-size: auto 21px; }
	.cpr-logo-carsed { width: 129px; background-size: auto 16px; }
}


/* ---------------------------------------------------------------------
	CPR PHONES
--------------------------------------------------------------------- */

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

	.cpr-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;
	}
	
		.cpr-phones > a span { display: inline-block; color: #000000; font-size: 19px; line-height: 19px; }


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


/* ---------------------------------------------------------------------
	CPR-CONTENT
--------------------------------------------------------------------- */

.cpr-content { box-sizing: border-box; background: #f8f8f8; z-index: 1; text-align:left; }


.cpr-black { background: #ededed; }


/* ---------------------------------------------------------------------
	BUTTONS
--------------------------------------------------------------------- */

.cpr-btns { display: flex; height: auto; }

.cpr-btn { position: relative;
  box-sizing: border-box;
	display: flex;
  width: auto;
	min-width: 150px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 0;
  overflow: hidden;
  font-size: 14px;
  text-shadow: none;
	font-family: CPR-Book, sans-serif;
}

	.cpr-btn a {
		box-sizing: border-box;
		letter-spacing: 1px;
		position: relative;
		padding: 0 30px;
		z-index: 2;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
		transition: color 0.1s ease-in-out;
	}
	
	.cpr-btn.color-light a { background-color: transparent; border: 1px solid #030303; color: #030303; }
	.cpr-btn.color-light a:hover { background-color: transparent; border: 2px solid #030303; }
	
	.cpr-btn.color-dark a { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; }
	.cpr-btn.color-dark a:hover { background-color: transparent; border: 2px solid #ffffff; }


@media all and (max-width: 500px) {
	.cpr-btn { width: 100%; }
}


/* ---------------------------------------------------------------------
	CPR INVITE
--------------------------------------------------------------------- */

.cpr-invite { display: flex; height: calc(100vh - 104px); min-height: 500px; }

@media (max-width: 1400px) {
	.cpr-invite { display: block; height: auto; }
}


/* ---------------------------------------------------------------------
	CPR TOP
--------------------------------------------------------------------- */

.cpr-top { box-sizing: border-box; position: relative; width: 100%; height: auto; font-family: CPR-Book, sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: 18px; line-height: 150%; }
.cpr-top .cpr-top-inside h1,
.cpr-top .cpr-top-inside h2 { font-family: CPR-Book, sans-serif; font-optical-sizing: auto; font-style: normal; line-height: 120%; color: #ffffff; text-align: left; padding: 20px 0; font-size: 3vw; max-width: initial; }
.cpr-top .cpr-top-inside h1,
.cpr-top .cpr-top-inside h2.cpr-top-head { font-size: 4.5vw; }

	.cpr-top-wrapper { box-sizing: border-box; position: relative; width: 100%; height: 100%; justify-content: center; }
		.cpr-top-wrapper img { display: flex; position: relative; width: 100%; height: 100%; z-index: 1; object-fit: cover; object-position: center center; }
	
	.cpr-top-img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); /*url(../images/black-gradient-mask.webp) no-repeat; background-size: 100% 100%;*/ z-index: 2; opacity: .7; }
	.seat-top-img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); /*url(../images/black-gradient-mask.webp) no-repeat; background-size: 100% 100%;*/ z-index: 2; opacity: .7; }

	.cpr-top-inside { box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0 auto; height: auto; padding: 0 10%; color: #ffffff; z-index: 3; text-shadow: 0 0 30px rgba(0, 0, 0, 1); }

	.cpr-top-inside .cpr-btns { justify-content: center; }
	
		.cpr-top-inside .cpr-btn-arrow {  }
		
			.cpr-top-inside .cpr-btn-arrow a { box-sizing: border-box; display: inline-block; width: 50px; height: 75px; border: 3px solid #ffffff; border-radius: 25px; color: #000000; background-color: transparent; transition: all 0.3s ease-in-out;
			background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; }
			
			.cpr-top-inside .cpr-btn-arrow a:hover { color: #e35404; background-color: #3f3f36; border: 3px solid #ffffff; background-position: top center; }


@media all and (max-width: 2000px) {
	.cpr-top .cpr-top-inside h1,
	.cpr-top .cpr-top-inside h2.cpr-top-head { font-size: 70px; }
	.cpr-top .cpr-top-inside h2 { font-size: 50px; }
}
@media all and (max-width: 1400px) {
	.cpr-top .cpr-top-inside h1,
	.cpr-top .cpr-top-inside h2.cpr-top-head { font-size: 65px; }
	.cpr-top .cpr-top-inside h2 { font-size: 44px; }
}
@media all and (max-width: 1000px) {
	.cpr-top-wrapper { height: 550px; min-height: initial; }
	.cpr-top .cpr-top-inside h1,
	.cpr-top .cpr-top-inside h2.cpr-top-head { font-size: 61px; }
	.cpr-top .cpr-top-inside h2 { font-size: 38px; }
	.cpr-top-inside { padding: 0 20px; }
}
@media all and (max-width: 500px) {
	.cpr-top-wrapper { height: 350px; }
	.cpr-top .cpr-top-inside h1,
	.cpr-top .cpr-top-inside h2.cpr-top-head { font-size: 35px; }
	.cpr-top .cpr-top-inside h2 { font-size: 22px; padding: 10px 0; }
	.cpr-top-img-mask { background-color: rgba(0, 0, 0, .5); }
}


/* ---------------------------------------------------------------------
	CPR TOP LOW
---------------------------------------------------------------------- */

.cpr-top-low { box-sizing: border-box; position: relative; width: 100%; height: auto; font-family: CPR-Book, sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 30px; line-height: 45px; text-align: left; }
.cpr-top-low .sk-top-head { font-family: CPR-Bold, sans-serif; font-optical-sizing: auto; font-style: normal; line-height: 120%; }
	
	.cpr-top-low-wrapper { box-sizing: border-box; position: relative; width: 100%; height: 100%; }
		.cpr-top-low-wrapper img { display: flex; position: relative; width: 100%; height: 100%; z-index: 1; }


@media all and (min-width: 1001px) {
	.cpr-top-low .img-top-l { display: block; }
	.cpr-top-low .img-top-s { display: none; }
}
@media all and (max-width: 1000px) {
	.cpr-top-low .img-top-l { display: none; }
	.cpr-top-low .img-top-s { display: block; }
}


/* ---------------------------------------------------------------------
	CPR CONTAINER
--------------------------------------------------------------------- */

.cpr-cols-container { box-sizing: border-box; width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0 25px; color: #161718; font-family: CPR-Book, sans-serif; font-size: 18px; font-weight: 100; letter-spacing: normal; line-height: 150%; }

@media all and (max-width: 1920px) {
	.cpr-cols-container { padding: 0 15px; }
}
@media all and (max-width: 1000px) {
	.cpr-cols-container { padding: 0 5px; font-size: 16px; }
}
@media all and (max-width: 500px) {
	.cpr-cols-container { padding: 0; font-size: 14px; }
}


/* ---------------------------------------------------------------------
	CPR CENTER WRAPPER
--------------------------------------------------------------------- */

.cpr-center-wrapper { box-sizing: border-box; width: 100%; max-width: 1600px; height: auto; margin: 0 auto; padding: 0 30px; color: #161718; font-family: CPR-Book, sans-serif; font-size: 18px; font-weight: 100; letter-spacing: normal; line-height: 150%; }

@media all and (max-width: 1920px) {
	.cpr-center-wrapper {  }
}
@media all and (max-width: 1000px) {
	.cpr-center-wrapper { padding: 0 20px; font-size: 16px; }
}
@media all and (max-width: 500px) {
	.cpr-center-wrapper { padding: 0 10px; font-size: 14px; }
}


/* ---------------------------------------------------------------------
	CPR MODULE SPACING
--------------------------------------------------------------------- */

.cpr-module-spacing { height: 80px; width: 100%; }

@media all and (max-width: 1920px) {
	.cpr-module-spacing { height: 50px; }
}


/* ---------------------------------------------------------------------
	CPR SECTION HEADER
--------------------------------------------------------------------- */

.cpr-section-header { box-sizing: border-box; width: 100%;	max-width: 725px;	margin: 0 auto; padding: 0 15px; color: #161718; font-family: CPR-Book, sans-serif; font-size: 18px; font-weight: 100; letter-spacing: normal; line-height: 150%; }

@media all and (max-width: 1000px) {
	.cpr-section-header { font-size: 16px; }
}
@media all and (max-width: 500px) {
	.cpr-section-header { font-size: 14px; }
}


/* ---------------------------------------------------------------------
	CPR COLUMNS
--------------------------------------------------------------------- */

.cpr-col-1 { display: grid; grid-template-columns: repeat(1, 1fr); }
	.cpr-col-2 > div.sk-box {  }

.cpr-col-2 { display: grid; grid-template-columns: repeat(2, 1fr); }
	.cpr-col-2 > div.sk-box {  }

.cpr-col-3 { display: grid; grid-template-columns: repeat(3, 1fr); }
	.cpr-col-3 > div.sk-box {  }
	
	
@media all and (max-width: 1200px) {
	.cpr-col-3 { grid-template-columns: repeat(2, 1fr); }
}
@media all and (max-width: 750px) {
	.cpr-col-2 { grid-template-columns: repeat(1, 1fr); }
	.cpr-col-3 { grid-template-columns: repeat(1, 1fr); }
}


/* ---------------------------------------------------------------------
	CPR BOX
--------------------------------------------------------------------- */

.cpr-box { box-sizing: border-box; /*box-shadow: 0 0 5px 0 #0000000d, 0 5px 20px 0 #0000000d; background: #ffffff;*/ margin: 15px; text-align: left; }

	.cpr-box-img {}
		.cpr-box-img img { display: flex; width: 100%; height: auto; object-fit: cover; object-position: center center; }
	
	.cpr-box-wrapper { box-sizing: border-box; width: 100%; max-width: 725px; padding: 40px; margin: 0 auto; }
	

@media all and (max-width: 1500px) {
	.cpr-box-wrapper {  }
	.cpr-col-1 .cpr-box-img { height: 400px; }
	.cpr-col-2 .cpr-box-img { height: 300px; }
	.cpr-box-img img { height: 100%; width: 100%; }
}
@media all and (max-width: 1000px) {
	.cpr-box-wrapper { padding: 40px 25px; }
	.cpr-box { margin: 10px; }
	.cpr-col-1 .cpr-box-img { height: 300px; }
	.cpr-col-2 .cpr-box-img { height: 225px; }
}
@media all and (max-width: 500px) {
	.cpr-box-wrapper {  }
	.cpr-col-1 .cpr-box-img { height: 200px; }
	.cpr-col-2 .cpr-box-img { height: 150px; }
}


/* ---------------------------------------------------------------------
	CPR MODELS
--------------------------------------------------------------------- */

.cpr-models { background: #242221; color: #ffffff; padding: 40px 0; }
.cpr-models h1, .cpr-models h2, .cpr-models h3, .cpr-models h4, .cpr-models h5, .cpr-models h6 { color: #ffffff; }
.cpr-models .cpr-box-wrapper { padding-top: 0; }


/* ---------------------------------------------------------------------
	CPR CONTACT
--------------------------------------------------------------------- */

.cpr-contact { position: relative; background-color: #242221; background-image: radial-gradient(circle at 50% 85%, #035b53 0%, #003e51 100%); }
	.cpr-contact .cpr-cols-container { color: #ffffff; }
		.cpr-contact .cpr-section-header > div { margin-bottom: 30px; font-size: 42px; color: #ffffff; font-family: CPR-Light, sans-serif; font-weight: normal; line-height: 120%; }
		.cpr-contact .cpr-section-header > div:last-child { margin-bottom: 0; }
		
		
		.cpr-contact .cpr-phones { position: relative; top: initial; right: initial; color: #ffffff; justify-content: center; }
			.cpr-contact .cpr-phones a { padding-left: 70px; color: #ffffff; font-size: 42px; background: url(../images/ikony/phone-white.svg) no-repeat left center; text-decoration: none; }
	
	
@media all and (max-width: 1500px) {
	.cpr-contact .cpr-section-header > div { font-size: 36px; }
	.cpr-contact .cpr-phones a { padding-left: 65px; font-size: 36px; }
}
@media all and (max-width: 1000px) {
	.cpr-contact .cpr-section-header > div { margin-bottom: 15px; font-size: 32px; }
	.cpr-contact .cpr-phones a { padding-left: 60px; font-size: 32px; }
}
@media all and (max-width: 500px) {
	.cpr-contact .cpr-section-header > div { font-size: 22px; }
	.cpr-contact .cpr-phones a { padding-left: 50px; font-size: 26px; }
}


/* ---------------------------------------------------------------------
	CPR sALON
--------------------------------------------------------------------- */

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


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



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

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


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

.cpr-footer a:hover { color: #030303; text-decoration: underline; }

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


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

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

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

.cpr-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; }

	.cpr-thankyoupage-content h1 { box-sizing: border-box; color: #ffffff; padding: 0; margin: 0; text-align: center; font-size: 85px; line-height: 85px; }
	.cpr-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) {
	.cpr-thankyoupage-content h1 { font-size: 65px; line-height: 65px; }
}
@media (max-width: 500px) {
	.cpr-thankyoupage-content { margin: 10px; padding: 40px 20px; }
	.cpr-thankyoupage-content h1 { font-size: 45px; line-height: 45px; }
	.cpr-thankyoupage-content button { width: 50px; height: 50px; }
}


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

.cpr-formularz { box-sizing: border-box; padding: 60px 0 60px 0; height: 100%; overflow-y: auto; /*background: #242221;*/ }
	.cpr-formularz h2 { font-size: 36px; }
	.cpr-formularz a {  }
	
	.cpr-error-message { color: #ff0000; font-family: CPR-Book, sans-serif; }
	
@media all and (max-width: 1400px) {
	.cpr-formularz { height: auto; overflow: initial; }
	.cpr-formularz h2 { font-size: 30px; }
}
@media all and (max-width: 1000px) {
	.cpr-formularz h2 { font-size: 25px; }
}
@media all and (max-width: 500px) {
	.cpr-formularz { padding: 50px 0 50px 0; }
	.cpr-formularz h2 { font-size: 20px; }
}


/* ----- form ----- */

.cpr-form { box-sizing: border-box; width: 100%; max-width: 600px; margin: 30px auto 0 auto; }

	.cpr-form input, div.cpr-form select, div.cpr-form textarea, div.cpr-form option,
	.cpr-form label, div.cpr-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: #242221;
	}

	.cpr-form div.pwebcontact-container { box-sizing: border-box; padding: 0; }
	
	.cpr-form div.pweb-field-container { box-sizing: border-box; float: left;	margin: 0; width: 100%; }
	
	::placeholder { color: #aaaaaa; font-size: 15px; }
	
		.cpr-form div.pweb-field,
		.cpr-form div.pweb-label { box-sizing: border-box; }
		
			.cpr-form div.pweb-field input,
			.cpr-form div.pweb-field select,
			.cpr-form div.pweb-field textarea {
				box-sizing: border-box;
				padding: 0 0 0 10px;
				width: 100%;
				height: 48px;
				color: #242221;
				outline: none;
				border: 1px solid #242221;
				font-size: 16px !important;
				background: transparent;
			}
			
			.cpr-form div.pweb-field textarea {
				resize: vertical;
				min-height: 100px;
				padding-top: 12px;
			}
			
			.cpr-form div.pweb-label label {
				box-sizing: border-box;
				margin: 15px 0 0 0;
				font-size: 14px !important;
				color: #242221 !important;
				font-family: CPR-Book, sans-serif !important;
				text-transform: initial;
				white-space: normal !important;
				word-wrap: break-word;
			}
			
			.cpr-form div.pweb-separator-text {
				display: block;
				padding: 0 0 20px 0;
				font-size: 12px !important;
				color: #242221;
				width: 100% !important;
				font-family: CPR-Book, sans-serif !important;
				line-height: 1.6;
			}
		
		/* maska pola */
		.cpr-form div.pweb-field-maska { visibility: hidden; display: none; }
		
		.cpr-form div.pweb-field-container:nth-child(10),
		.cpr-form div.pweb-field-container:nth-child(11),
		.cpr-form div.pweb-field-container:nth-child(12),
		.cpr-form div.pweb-field-container:nth-child(13),
		.cpr-form div.pweb-field-container:nth-child(14),
		.cpr-form div.pweb-field-container:nth-child(15),
		.cpr-form div.pweb-field-container:nth-child(16),
		.cpr-form div.pweb-field-container:nth-child(17) { display: none; }

		/* klasa wywoływana skryptem */
		.cpr-form div.pweb-field-container.form_pokaz_wiecej { display: block; }
			
		.cpr-form div.pweb-field-container:nth-child(1) { padding: 0 !important; margin: 0 !important;  }
		.cpr-form div.pweb-field-container:nth-child(6) { padding-bottom: 10px; }
		.cpr-form div.pweb-field-container:nth-child(7) {	padding-top: 20px; padding-bottom: 20px; font-family: CPR-ExtraBold, sans-serif !important; font-size: 15px !important; color: #242221; }
		.cpr-form div.pweb-field-container:nth-child(11) { padding-bottom: 10px; }
		.cpr-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; color: #242221; }
		.cpr-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; color: #242221; }
		.cpr-form div.pweb-field-container:nth-child(13) { padding: 0 0 20px 0; }
			
			
			.cpr-form div.pweb-field-wiadomosc { box-sizing: border-box; width: 100%; }
			
			
			.cpr-form div.pweb-field-czytaj_wiecej { width: auto !important; padding-bottom: 20px; }
			.cpr-form div.pweb-field-czytaj_wiecej label { text-decoration: underline; padding-left: 0; font-size: 12px !important; }
			.cpr-form div.pweb-field-czytaj_wiecej label:hover,
			.cpr-form div.pweb-field-czytaj_wiecej label:focus { z-index: 1; cursor: pointer; }
			
			
			.cpr-form div.pweb-field-zgoda { box-sizing: border-box; width: 100%; line-height: 1.5em; }
			.cpr-form div.pweb-field-zgoda_email,
			.cpr-form div.pweb-field-zgoda_smsmms { margin-bottom: 10px; width: 100%; }
			.cpr-form div.pweb-field-zgoda_telefon { margin-bottom: 20px; width: 100%; }
			.cpr-form div.pweb-field-zgoda label,
			.cpr-form div.pweb-field-zgoda_email label,
			.cpr-form div.pweb-field-zgoda_smsmms label,
			.cpr-form div.pweb-field-zgoda_telefon label { padding-top: 0; }
			
			.cpr-form div.pweb-field-buttons { box-sizing: border-box; width: 100%; }
			.cpr-form div.pweb-field button {
				box-sizing: border-box;
				letter-spacing: 1px;
				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-Book, sans-serif !important;
				transition: color 0.1s ease-in-out;
				box-shadow: none;
				border-radius: 0;
				border: 0;
				line-height: 50px;
				text-shadow: none !important;
				font-size: 14px;
				color: #ffffff;
				background: #242221;
			}
			.cpr-form div.pweb-field button:hover,
			.cpr-form div.pweb-field button:focus {
				color: #ffffff;
				background: #025952;
				border: none;
				outline: none;
				z-index: 1;
			}
			
			.cpr-form div.pweb-msg { display: none;	}
			
			.cpr-form span.pweb-asterisk { font-family: CPR-Book, sans-serif; font-weight: normal !important; color: #f00;	}


@media all and (max-width: 1100px) {
	
}
@media all and (max-width: 640px) {
	.cpr-form .pweb-field-container { box-sizing: border-box; float: left; margin: 0; width: 100%; }
}
@media all and (max-width: 480px) {

}


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

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

.cpr-form div.pweb-field-preferowany_kontakt div.pweb-field label,
.cpr-form div.pweb-field-zgoda label,
.cpr-form div.pweb-field-zgoda_email label,
.cpr-form div.pweb-field-zgoda_smsmms label,
.cpr-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 */
.cpr-form div.pweb-field-preferowany_kontakt div.pweb-field label.etykieta_wybrana,
.cpr-form div.pweb-field-zgoda label.etykieta_wybrana,
.cpr-form div.pweb-field-zgoda_email label.etykieta_wybrana,
.cpr-form div.pweb-field-zgoda_smsmms label.etykieta_wybrana ,
.cpr-form div.pweb-field-zgoda_telefon label.etykieta_wybrana {	background: url(../images/checkbox-tak.png) no-repeat 0px 2px; padding-left: 35px; }



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

.pweb-alert {
	box-sizing: border-box;
	position: fixed !important;
	z-index: 1060;
	left: 50% !important;
	top: 250px !important;
	max-width: 300px !important;
	width: 100% !important;
	max-height: none !important;
	margin: 0 0 0 -150px !important;
	background-color: #fcf8e3;
	text-align: left;
	box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4);
	font-family: CPR-ExtraBold, sans-serif !important;
	text-shadow: none !important;
}

	.pweb-alert button.close {
		box-sizing: border-box;
		position: absolute !important;
		right: 15px !important;
		top: 15px !important;
		width: 30px !important;
		height: 30px !important;
		background: url(../images/ikony/icon_close_yellow.png) no-repeat center center !important;
		color: #f9c600 !important;
		opacity: 1 !important;
		text-shadow: none !important;
	}

/* ----- FORMULARZ - POTWIERDZENIE WYSŁANIA ----- */

div.alert-success {
	display: none;
	background: #50ae34 url(../images/ikony/icon_ok.png) no-repeat 15px center !important;
	color: #ffffff !important;
	padding-left: 70px !important;
	border: 0px solid #dddddd !important;
	font-family: CPR-EstraBold, sans-serif !important;
	text-shadow: none !important;
}

/* ----- FORMULARZ - BŁĄD WYSŁANIA ----- */

div.alert-error {
	box-sizing: border-box !important;
	background: #181818 url(../images/ikony/icon_alert.png) no-repeat 20px 20px !important;
	background-size: 30px auto !important;
	color: #ffffff !important;
	padding-top: 15px !important;
	padding-left: 70px !important;
	box-shadow: 0 20px 20px -10px rgba(0,0,0,0.4);
	border: 1px solid #181818 !important;
	font-family: CPR-Black, sans-serif !important;
	text-shadow: none !important;
}

	div.alert-error p {  }
	
/* ----- FORMULARZ - WALIDACJA ----- */

form.pwebcontact-form input.invalid.pweb-input, 
form.pwebcontact-form select.invalid, 
form.pwebcontact-form textarea.invalid {
	/*border: 1px solid #f00 !important;*/
}


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

 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; }
}











/* ----- form ----- */

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

	.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: #242221;
	}

	.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%; }
	
	::placeholder { color: #aaaaaa; font-size: 15px; }
	
		.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: #242221;
				outline: none;
				border: 1px solid #242221;
				font-size: 16px !important;
				background: transparent;
			}
			
			.seat-form div.pweb-field textarea {
				resize: vertical;
				min-height: 100px;
				padding-top: 12px;
			}
			
			.seat-form div.pweb-label label {
				box-sizing: border-box;
				margin: 15px 0 0 0;
				font-size: 14px !important;
				color: #242221 !important;
				font-family: CPR-Book, sans-serif !important;
				text-transform: initial;
				white-space: normal !important;
				word-wrap: break-word;
			}
			
			.seat-form div.pweb-separator-text {
				display: block;
				padding: 0 0 20px 0;
				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 div.pweb-field-container:nth-child(1) { padding: 0 !important; margin: 0 !important;  }
		.seat-form div.pweb-field-container:nth-child(6) { padding-bottom: 10px; }
		.seat-form div.pweb-field-container:nth-child(7) {	padding-top: 20px; padding-bottom: 20px; font-family: CPR-ExtraBold, sans-serif !important; font-size: 15px !important; color: #242221; }
		.seat-form div.pweb-field-container:nth-child(11) { padding-bottom: 10px; }
		.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; color: #242221; }
		.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; color: #242221; }
		.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: 1px;
				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-Book, sans-serif !important;
				transition: color 0.1s ease-in-out;
				box-shadow: none;
				border-radius: 0;
				border: 0;
				line-height: 50px;
				text-shadow: none !important;
				font-size: 14px;
				color: #ffffff;
				background: #242221;
			}
			.seat-form div.pweb-field button:hover,
			.seat-form div.pweb-field button:focus {
				color: #ffffff;
				background: #025952;
				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: #f00;	}


@media all and (max-width: 1100px) {
	
}
@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
--------------------------------------------------------------------- */

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

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



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

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

.byd-full {  }
.byd-wrapper {  }

	.byd-wrapper-2000 { box-sizing: border-box; width: 100%; max-width: 2000px; margin: 0 auto; padding: 0 30px; }
	.byd-wrapper-1800 { box-sizing: border-box; width: 100%; max-width: 1800px; margin: 0 auto; padding: 0 30px; }
	.byd-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) {
	.byd-wrapper-2000, .byd-wrapper-1800, .byd-wrapper-1600 { padding: 0 20px; }
	.byd-dist-large { height: 95px }
	.byd-dist-medium { height: 70px; }
	.byd-dist-small { height: 45px; }
}
@media all and (max-width: 500px) {
	.byd-wrapper-2000, .byd-wrapper-1800, .byd-wrapper-1600 { padding: 0 10px; }
	.byd-dist-large { height: 65px; }
	.byd-dist-medium { height: 52pxpx; }
	.byd-dist-small { height: 40px; }
}



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

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

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

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

	.byd-top-up .byd-top-up-inside .byd-top-inside-header,
	.byd-top-down .byd-top-down-inside .byd-top-inside-header { margin-bottom: 5px; }
	
	.byd-top-up .byd-top-up-inside div, 
	.byd-top-down .byd-top-down-inside div { text-shadow: 0 0 10px #000000; }

	
@media all and (max-width: 1920px) {
	.byd-small-top { height: 400px; }
	.byd-top-up .byd-top-up-inside,
	.byd-top-down .byd-top-down-inside { padding: 0 20px; }
}
@media all and (max-width: 1000px) {
	.byd-small-top { height: 350px; font-size: 17px; line-height: 25px; }
	.byd-top-up .byd-top-up-inside,
	.byd-top-down .byd-top-down-inside { padding: 0 20px; }
	.byd-top-up .byd-top-up-inside .byd-top-inside-header,
	.byd-top-up .byd-top-up-inside .byd-top-inside-header h1,
	.byd-top-down .byd-top-down-inside .byd-top-inside-header,
	.byd-top-down .byd-top-down-inside .byd-top-inside-header h1 { font-size: 40px; line-height: 50px; }
}
@media all and (max-width: 500px) {
	.byd-small-top { height: 300px; font-size: 15px; line-height: 23px; }
	.byd-top-up { top: 50px; }
	.byd-top-down { bottom: 50px; }
	.byd-top-up .byd-top-up-inside,
	.byd-top-down .byd-top-down-inside { padding: 0 10px; }
	.byd-top-up .byd-top-up-inside .byd-top-inside-header,
	.byd-top-up .byd-top-up-inside .byd-top-inside-header h1,
	.byd-top-down .byd-top-down-inside .byd-top-inside-header,
	.byd-top-down .byd-top-down-inside .byd-top-inside-header h1 { font-size: 30px; line-height: 40px; }
}


.byd-top { box-sizing: border-box; position: relative; width: 100%; height: calc(100vh - 104px); font-weight: 500; font-size: 19px; line-height: 29px; }

@media all and (max-width: 1920px) {
	.byd-top { height: 90vh; }
}
@media all and (max-width: 1000px) {
	.byd-top { height: 700px; font-size: 17px; line-height: 25px; }
}
@media all and (max-width: 500px) {
	.byd-top { height: 600px; font-size: 15px; line-height: 23px; }
}



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

.byd-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; }
	.byd-model-introduction-item { margin: 0 0;  }
		.byd-model-introduction-item h3, .byd-model-introduction-item h4, .byd-model-introduction-item h5, .byd-model-introduction-item h6 { color: #ffffff !important; margin: 0 0 5px 0; }
			.byd-model-introduction-item div { display: flex; text-align: center; justify-content: center; }

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



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

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


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


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



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

.byd-double-swiper-container { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 0; }
	.byd-double-swiper-container .byd-swiper-list-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
		.byd-double-swiper-container .byd-swiper-list-item { position: relative; background: #f7f7f7; }
			.byd-double-swiper-container .byd-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) {
	.byd-swiper-list-group, .byd-double-swiper-container .byd-swiper-list-group { grid-template-columns: repeat(1, 1fr); }
}	
	


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

.byd-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; }
.byd-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; }
.byd-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; }
.byd-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; }

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