@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
}

body { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; background-color: #fff; color: #000; }

@media all and (max-width: 1920px) {
	body { font-size: 14px; }
}
@media all and (max-width: 500px) {
	body { font-size: 14px; }
}



h1, h2, h3, h4, h5, h6 { color: #252728; font-weight: 700; }

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

ul { margin-left: 25px; list-style-type: disc; }


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

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

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



/* ---------------------------------------------------------------------
	CHERY HEADER
--------------------------------------------------------------------- */

.top-offset { padding-top: var(--topbar-height, 0); }

.chery-header { position: fixed; top: 0; width: 100%;	height: 70px;	z-index: 100000000; -webkit-backdrop-filter: saturate(150%) blur(.25rem); backdrop-filter: saturate(150%) blur(.25rem);	background-color: rgba(0, 0, 0, .65); }
	
	.chery-header .center-wrapper { position: relative; width: 100%; max-width: 1920px; height: 100%; margin: 0 auto; display: flex; }
	
		.chery-header-logos a { box-sizing: border-box; display: block; width: 320px; height: 100%; background: url(../images/logo_chery_carsed.webp) no-repeat 25px center; background-size: auto 17px; color: #ffffff; font-weight: 700; }
			.chery-header-logos a span { opacity: 0; }

@media all and (max-width: 600px) {
.chery-header-logos a { background: url(../images/logo_chery_carsed.webp) no-repeat 20px center; background-size: auto 14px; }
}


/* ---------------------------------------------------------------------
	CHERY HEADER MENU
--------------------------------------------------------------------- */

.chery-header-menu { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; }

.dj-megamenu-wrapper { height: 70px; }

.dj-megamenu { color: #ffffff; font-weight: 600; height: 100%; font-size: 16px; }

.dj-megamenu-override {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    overflow: visible;
    height: auto;
    width: auto;
    position: relative;
    z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dj-megamenu-override li.dj-up { position: relative; padding: 0 !important; margin: 0 !important; }

.dj-megamenu-override li { height: 100%; }

.dj-megamenu-override li a.dj-up_a {
    display: block;
    height: 70px;
    font-size: 16px;
    text-decoration: none;
		text-transform: uppercase;
		font-weight: 500;
    padding: 0 30px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}


.dj-megamenu-override li a.dj-up_a > span.dj-drop { padding: 0 25px 0 0; }

.dj-megamenu-override li a.dj-up_a > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    height: 70px;
}

.dj-megamenu-override .arrow { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); display: inline-block; line-height: 1; transition: all 0.2s ease-out; }

.dj-megamenu-override.dj-fa-5 .arrow:before {
    position: absolute; display: block; content: '';
    width: 10px; height: 10px; top: 50%; right: 0; margin-top: -3px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;
    transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; }


/* submenu */

.dj-subwrap { backdrop-filter: saturate(150%) blur(0.25rem) !important; background-color: rgba(0, 0, 0, 0.65) !important; color: #000000; font-weight: 500; }
	.dj-subwrap-in { box-sizing: border-box; width: 100%; max-width: 1250px; margin: 0 auto; padding: 30px 0; }
		.dj-subcol {  }
			.dj-submenu {  }
				.subtree { display: grid; grid-template-columns: 180px 1fr; }
					.subtree .dj-more, .subtree .dj-more-active { display: flex; max-width: 210px; justify-content: center; padding-top: 50px; font-weight: 700; text-decoration: none; }
	
.dj-subtree { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; width: 100%; list-style: none; }

	.dj-subtree li a { display: block; text-align: center; }
		.dj-subtree li a:hover { background: #f2f2f2; text-decoration: none; }
			.dj-subtree li img.dj-icon { width: 80%; margin: 0 auto; height: auto; display: block; }
			.dj-subtree li span.name { display: block; padding-bottom: 20px; font-weight: 700; }

.dj-submenu[aria-label="Modele"] { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; width: 100%; list-style: none; }
	.dj-submenu[aria-label="Modele"] li a { display: block; text-align: center; color: #ffffff; }
		.dj-submenu[aria-label="Modele"] li a:hover { text-decoration: none; }
			.dj-submenu[aria-label="Modele"] li a img.dj-icon { width: 100%; margin: 0 auto; height: auto; display: block; }
			.dj-submenu[aria-label="Modele"] li a span.name { display: block; padding-bottom: 20px; font-weight: 500; }


@media all and (max-width: 1500px) {
.chery-header-menu { position: absolute; top: 0; left: initial; transform: initial; height: 100%; }

.dj-subwrap-in { box-sizing: border-box; width: 100%; max-width: initial; margin: 0 auto; padding: 0; }
.subtree .dj-more, .subtree .dj-more-active { display: block; max-width: initial; padding: 0; font-weight: 700; text-decoration: none; }
.subtree, .dj-submenu[aria-label="Modele"] { display: block; }

.dj-subtree li span.name,
.dj-submenu[aria-label="Modele"] li span.name { display: block; padding-bottom: 0 !important; font-weight: 600 !important; text-align: left !important; padding-left: 10px; }

.dj-subtree li img.dj-icon,
.dj-submenu[aria-label="Modele"] li img.dj-icon { width: 50px !important; height: auto !important; }
}



/* hamburger */
.chery-hamburger { position: fixed; top: 33px; right: 30px; transform: translateY(-50%); width: 30px; height: 24px; display: none; flex-direction: column; justify-content: center; cursor: pointer; z-index: 1000; }
	.chery-hamburger span { position: absolute; left: 0; width: 100%; height: 3px; background: #ffffff; border-radius: 2px; transition: all 0.3s ease; }
	.chery-hamburger span:nth-child(1) { top: 4px; }
	.chery-hamburger span:nth-child(2) { top: 12px; }
	.chery-hamburger span:nth-child(3) { top: 20px; }

/* animacja po aktywacji */
.chery-hamburger.active span:nth-child(1) { transform: rotate(45deg); top: 10px; }
.chery-hamburger.active span:nth-child(2) { opacity: 0; }
.chery-hamburger.active span:nth-child(3) { transform: rotate(-45deg); top: 10px; }

/* Offcanvas */
.chery-offcanvas {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  overflow-y: auto;
  transition: right 0.3s ease;
  z-index: 1000000;
}

.chery-offcanvas.open {
  right: 0;
}

.chery-offcanvas-inner {
  padding: 90px 20px 20px 20px;
}

/* Menu pionowe */
.chery-offcanvas-inner ul.dj-megamenu {
  display: block;
  padding: 0;
  margin: 0;
	background: #ffffff;
}

.chery-offcanvas-inner li.dj-up {
  display: block;
  width: 100%;
  margin-bottom: 1px;
	border-bottom: 1px solid #dddddd;
}

.chery-offcanvas-inner li.dj-up a {
  display: block;
  padding: 15px 20px;
  color: #252728;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}

/* Submenu Modele */
.chery-offcanvas-inner .dj-subwrap {
  box-sizing: border-box;
	display: block;
  position: relative;
  width: 100%;
  padding: 0 !important;
  background: #f7f7f7 !important;
}

.chery-offcanvas-inner .dj-subtree {
  display: block !important;
  width: 100%;
}

.chery-offcanvas-inner .dj-subtree li a,
.chery-offcanvas-inner .dj-submenu[aria-label="Modele"] li a {
  padding: 10px 15px;
  display: grid;
	grid-template-columns: 50px 1fr;
	justify-content: left;
	align-items: center;
  color: #252728;
	border-top: 1px solid #dddddd;
}

.chery-offcanvas-inner .dj-more, .chery-offcanvas-inner .dj-more-active { border-top: 1px solid #dddddd; padding: 5px 20px !important; color: #000000 !important; background: #eaebec; }

/* Podstawowy styl submenu */
.chery-offcanvas li.parent .dj-subwrap {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  display: block; /* display block, aby transition działał */
}

/* Kiedy submenu ma klasę open */
.chery-offcanvas li.parent.open .dj-subwrap {
  max-height: 1000px; /* wystarczająco duża wartość, aby objąć wszystkie elementy */
}


.chery-offcanvas-inner .dj-drop { position: relative; }
.chery-offcanvas-inner .dj-drop .arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; line-height: 1; transition: all 0.2s ease-out; }
.chery-offcanvas-inner .dj-drop .arrow:before { position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 0; margin-top: -3px; border-bottom: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; }
.chery-offcanvas-inner .subtree .arrow { display: none; }
.chery-offcanvas-inner li a.dj-up_a { height: auto; }
.chery-offcanvas-inner li a.dj-up_a > span { height: auto; }


@media all and (max-width: 1500px) {
.chery-hamburger { display: flex; }
.dj-megamenu-wrapper { display: none; }
.chery-header-menu { position: relative; width: 70px; height: 70px; z-index: 1000000; }

}
@media all and (max-width: 600px) {
.chery-hamburger { right: 20px; }
}


/* ---------------------------------------------------------------------
	HEADER BOX
--------------------------------------------------------------------- */

.chery-header-box { position: absolute; top: 0; right: 30px; height: 100%; display: flex; justify-content: center; align-items: center; }
	.chery-header-box .mod-custom { margin-left: 10px; }
		.chery-header-box a { display: inline-block; padding: 10px 20px; border: 2px solid #ffffff; border-radius: 10px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: 500; transition: all .2s linear; }
		.chery-header-box a:hover { background: #ffffff; color: #252728; }

@media all and (min-width: 1500px) {
.dj-up_a.test-drive { display: none !important; }
}
@media all and (max-width: 1501px) {
.chery-header-box { display: none; }
}


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

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

.chery-full {  }
.chery-wrapper {  }

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



/* ---------------------------------------------------------------------
	TOP KONTENER
--------------------------------------------------------------------- */

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

@media all and (max-width: 1920px) {
	.chery-top { height: 100vh; }
	.chery-small-top { height: 400px; }
}
@media all and (max-width: 1000px) {
	.chery-top { height: 700px; font-size: 17px; line-height: 25px; }
	.chery-small-top { height: 350px; font-size: 17px; line-height: 25px; }
}
@media all and (max-width: 500px) {
	.chery-top { height: 600px; font-size: 15px; line-height: 23px; }
	.chery-small-top { height: 300px; font-size: 15px; line-height: 23px; }
}

.chery-top-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #000; }
	.chery-top-video-media { position: absolute; width: 100%; height: 100%; object-fit: cover; overflow-clip-margin: content-box; overflow: clip; object-position: center center; pointer-events: none; z-index: 0; }

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

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

.chery-top-down { box-sizing: border-box; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #ffffff; text-align: left; z-index: 3; }
	.chery-top-down .chery-top-down-inside { box-sizing: border-box; position: absolute; bottom: 100px; left: 12%; display: inline-block; width: 100%; max-width: 600px; padding: 40px 30px; background: rgba(0, 0, 0, 0); }
		.chery-top-down .chery-top-down-inside .chery-top-inside-header,
		.chery-top-down .chery-top-down-inside .chery-top-inside-header h1 { font-size: 50px; line-height: 60px; font-weight: 700; text-shadow: 0 0 10px #000000; }
		.chery-top-down .chery-top-down-inside .chery-top-inside-header-medium { font-size: 35px; }

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

	
@media all and (max-width: 1920px) {
	.chery-top-up .chery-top-up-inside { padding: 0 20px; }
}
@media all and (max-width: 1000px) {
	.chery-top-up .chery-top-up-inside { padding: 0 20px; }
	.chery-top-down .chery-top-down-inside { left: 0; bottom: 30px; }
	.chery-top-up .chery-top-up-inside .chery-top-inside-header,
	.chery-top-up .chery-top-up-inside .chery-top-inside-header h1,
	.chery-top-down .chery-top-down-inside .chery-top-inside-header,
	.chery-top-down .chery-top-down-inside .chery-top-inside-header h1 { font-size: 40px; line-height: 50px; }
	.chery-top-down .chery-top-down-inside .chery-top-inside-header-medium { font-size: 29px; }
}
@media all and (max-width: 500px) {
	.chery-top-up { top: 50px; }
	.chery-top-down { bottom: 10px; }
	.chery-top-up .chery-top-up-inside,
	.chery-top-down .chery-top-down-inside { padding: 0 10px; }
	.chery-top-up .chery-top-up-inside .chery-top-inside-header,
	.chery-top-up .chery-top-up-inside .chery-top-inside-header h1,
	.chery-top-down .chery-top-down-inside .chery-top-inside-header,
	.chery-top-down .chery-top-down-inside .chery-top-inside-header h1 { font-size: 30px; line-height: 40px; }
	.chery-top-down .chery-top-down-inside .chery-top-inside-header-medium { font-size: 23px; }
}



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

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

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



/* ---------------------------------------------------------------------
	4 PARAMETRY
--------------------------------------------------------------------- */

.chery-dimensions { position: relative; width: 100%; padding-bottom: 150px; }
	
	.chery-dimensions-img { box-sizing: border-box; position: relative; width: 100%; height: 100%; padding: 0 8%; }
		.chery-dimensions-img img { position: relative; top: 0; left: 50%; transform: translate(-50%, 0); width: auto; height: auto; object-fit: cover; object-position: center center; z-index: 1; }

	.chery-dimensions .chery-bottom-img-mask { height: 50%; }
	.chery-dimensions-inside { box-sizing: border-box; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 1280px; display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; z-index: 3; color: #ffffff; }
		.chery-dimensions-item { box-sizing: border-box; width: 100%; text-align: center; border-right: 2px solid #fff; }
		.chery-dimensions-item:last-child { border-right: none; }
			.chery-dimensions-item strong { font-size: 24px; }


@media all and (max-width: 1920px) {
	.chery-dimensions {  }
	.chery-dimensions-img { padding: 0; }
	.chery-dimensions-inside {  }
}
@media all and (max-width: 1280px) {
	.chery-dimensions { padding-bottom: 250px; padding-top: 20px; }
	.chery-dimensions .chery-bottom-img-mask { display: none; }
	.chery-dimensions-inside { bottom: 70px; width: 640px; grid-template-columns: repeat(2, 1fr); gap: 40px 0; }
	.chery-dimensions-item { border: none; }
}
@media all and (max-width: 1000px) {
	.chery-dimensions { padding-top: 30px; }
	.chery-dimensions-item strong { font-size: 22px; }
}
@media all and (max-width: 640px) {
	.chery-dimensions-inside { width: 100%; }
	.chery-dimensions-item strong { font-size: 20px; }
}



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

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


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


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



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

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


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

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

.chery-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) {
.chery-img-full-mask { display: block; }
}
	
	
/* ---------------------------------------------------------------------
 MODELE
--------------------------------------------------------------------- */

.chery-models-list { box-sizing: border-box; padding: 40px 30px; background: #f7f7f7; }
	.chery-models-list-wrapper { box-sizing: border-box; padding: 40px 0 70px 0; }
		.chery-models-list .list-container { box-sizing: border-box; width: 100%; max-width: 1920px; margin: 0 auto; }
			.chery-models-list .list-header { margin-bottom: 70px;  }
				.chery-models-list .list-header h2 { position: relative; padding: 0 30px; font-size: 45px; font-weight: 500; }
				.chery-models-list .list-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
					.chery-models-list .list-item { position: relative; padding: 100px 0 100px 0; background: #ffffff; font-size: 15px; }
						.chery-models-list .list-item h3 { font-size: 25px; color: #ffffff; font-weight: 700; margin-bottom: 0; }
						.chery-models-list .list-item-img {  }
							.chery-models-list .list-item-img img { width: 100%; height: auto; }
						.chery-models-list .list-item-desc { position: absolute; top: 0; left: 0; padding: 30px 40px; color: #ffffff; font-size: 20px; }
						.chery-models-list .list-item-link { position: absolute; bottom: 0; left: 0; padding: 30px 40px; display: flex; justify-content: left; align-items: center; }
							.chery-models-list .list-item-link a { display: inline-flex; justify-content: center; align-items: center; width: auto; height: 50px; padding: 0 20px; border: 2px solid #ffffff; border-radius: 10px; color: #ffffff; text-transform: uppercase; font-size: 16px; font-weight: 600; text-decoration: none; transition: all .2s linear; }
							.chery-models-list .list-item-link a:hover { background: #ffffff; color: #212223; }

@media all and (max-width: 1910px) { 
	.chery-models-list .list-group { grid-template-columns: repeat(3, 1fr); gap: 30px; }
	.chery-models-list .list-header h2 { font-size: 40px; }
}
@media all and (max-width: 1500px) {
	.chery-models-list .list-group { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media all and (max-width: 1000px) { 
	.chery-models-list { padding: 40px 20px; }
	.chery-models-list .list-header h2 { font-size: 35px; }
	.chery-models-list .list-item-desc,
	.chery-models-list .list-item-link { padding: 30px 30px; }
	.chery-models-list .list-item-link a { font-size: 15px; }
}
@media all and (max-width: 750px) {
	.chery-models-list .list-group { grid-template-columns: 100%; gap: 10px; }
}
@media all and (max-width: 500px) {
	.chery-models-list { padding: 40px 10px; }
	.chery-models-list .list-header h2 { font-size: 30px; }
	.chery-models-list .list-item-link a { font-size: 14px; }
}


/* ---------------------------------------------------------------------
	KONTENER Z PRZYCISKAMI
--------------------------------------------------------------------- */

.chery-btn-container {  }

.chery-item-link { display: inline-flex; justify-content: left; align-items: center; }
	.chery-item-link a { display: inline-flex; justify-content: center; align-items: center; width: auto; height: 50px; margin-top: 20px; margin-right: 10px; padding: 0 20px; border: 2px solid #000000; border-radius: 10px; color: #000000; text-transform: uppercase; font-size: 16px; font-weight: 600; text-decoration: none; transition: all .2s linear; }
	.chery-item-link a:hover { background: #000000; color: #ffffff; }

.chery-item-link.link-light {  }
	.chery-item-link.link-light a { border: 2px solid #ffffff; color: #ffffff; }
	.chery-item-link.link-light a:hover { background: #ffffff; color: #000000; text-shadow: none; }

@media all and (max-width: 1000px) { 
	.chery-item-link a { font-size: 15px; }
}
@media all and (max-width: 500px) {
	.chery-item-link a { font-size: 14px; }
}

/* ---------------------------------------------------------------------
	KONTAKT
--------------------------------------------------------------------- */

.phocamaps-box { margin: 0 !important; padding: 0 !important; }

.chery-contact-salon { box-sizing: border-box; padding: 0; background: #f7f7f7; }

	.chery-contact-salon-data { box-sizing: border-box; display: grid; grid-template-columns: 400px 1fr; gap: 40px; }
	
		.chery-contact-address { position: relative; padding: 40px 40px; background: #ffffff; font-size: 16px; line-height: 24px; }

			.chery-dealer-header { font-size: 25px; font-weight: 700; }
		
			.chery-dealer-location { display: flex; justify-content: center; flex-direction: column; padding: 5px 0 5px 40px; background: url(../images/ikony/40-point-b.png) no-repeat left center;	background-size: 27px auto; }
			
			.chery-dealer-channels { display: flex; justify-content: center; flex-direction: column; }
			
				.chery-dealer-phone { display: flex; padding: 5px 0 5px 40px; background: url(../images/ikony/40-voice-call-1-b.png) no-repeat left center;	background-size: 25px auto; }
					.chery-dealer-phone a { display: flex; align-items: center; color: #000000; text-decoration: none; }
			
				.chery-dealer-email { display: flex; padding: 5px 0 5px 40px; background: url(../images/ikony/40-direct-mail-b.png) no-repeat left center;	background-size: 25px auto; }
					.chery-dealer-email a { display: flex; align-items: center; color: #000000; text-decoration: none; }
			
			.chery-dealer-hours { display: flex; flex-direction: column; padding: 5px 0 5px 40px; background: url(../images/ikony/40-time-b.png) no-repeat left center;	background-size: 25px auto; }
				.chery-dealer-hours span { display: inline-block; width: 70px; }


@media all and (max-width: 1200px) {
	.chery-contact-salon-data { gap: 30px; }
	
}
@media all and (max-width: 1000px) {
	.chery-contact-salon-data { grid-template-columns: 100%; gap: 0; }
	.chery-contact-address { padding: 40px 30px; }
}
@media all and (max-width: 500px) {
	.chery-contact-address { padding: 40px 20px; }
}


/* ---------------------------------------------------------------------
	KONTAKT - ZESPÓŁ
--------------------------------------------------------------------- */

.chery-contact-team { box-sizing: border-box; padding: 0; background: #f7f7f7; }
	.chery-contact-team .list-group { box-sizing: border-box; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; width: 100%; margin: 0 auto; padding: 10px; }
		.chery-contact-team .list-item { position: relative; padding: 0 0 40px 0 ; background: #ffffff; font-size: 15px; }
			.chery-contact-team .list-item h3 { font-size: 25px; color: #000000; font-weight: 700; }
				.chery-contact-team .list-item-img {  }
					.chery-contact-team .list-item-img img { width: 100%; height: auto; }

@media all and (max-width: 1500px) { 
	.chery-contact-team .list-group { grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0; }
}
@media all and (max-width: 1200px) { 
	.chery-contact-team .list-group { grid-template-columns: repeat(2, 1fr); gap: 30px; }
}
@media all and (max-width: 750px) {
	.chery-contact-team .list-group { grid-template-columns: repeat(1, 1fr); gap: 20px; }
}



/* ----- PRACOWNIK ----- */

.cud-person-wrapper { width: 100%; height: 100%; }

.cud-person { 
	box-sizing: border-box;
	position: relative;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	/*max-width: 500px;
	padding: 30px 15px;*/
	color: #000;
	/*background-color: #fff;*/
	font-size: 15px;
	line-height: 1.3;
}

	.cud-person .image-wrapper {
		box-sizing: border-box;
		position: relative;
		display: flex;
    justify-content: center;
		align-items: center;
    min-height: 220px;
    margin-top: 0;
		background: #eeeeee;
		margin-bottom: 40px;
	}
	
		.cud-person .image-wrapper img {
			display: block;
			height: 180px;
			width: auto;
			clip-path: circle();
			margin-bottom: 0;
			margin-top: 0;
			vertical-align: middle;
			border-style: none;
		}
	
	.cud-person .person-wrapper { 
		box-sizing: border-box;
		display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
	}
	
		.cud-person .person-wrapper .person-name {
			font-size: 18px;
			text-transform: uppercase;
			font-weight: 700;
			margin-bottom: 5px;
			text-align: center;
		}
		
		.cud-person .person-wrapper .person-position {
			color: #555555;
			font-weight: 400;
			text-align: center;
		}
	
	.cud-person .contact-wrapper { 
		box-sizing: border-box;
		display: flex;
    flex-direction: column;
    align-items: center;
	}
	
		.cud-person .contact-wrapper .contact-phone { 
			padding: 5px 0 5px 30px;
			background: url(../images/ikony/40-voice-call-1-b.png) no-repeat left 4px;
			background-size: 18px auto;
		}
		
			.cud-person .contact-wrapper .contact-phone a { color: #000000; text-decoration: none; }
		
		.cud-person .contact-wrapper .contact-email { 
			padding: 5px 0 5px 30px;
			background: url(../images/ikony/40-direct-mail-b.png) no-repeat left 6px;
			background-size: 18px auto;
		}
		
			.cud-person .contact-wrapper .contact-email a { color: #000000; text-decoration: none; }




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

#chery-model-param { display: none; }

.chery-form { box-sizing: border-box; position: relative; height: auto; width: 100%; }
.chery-form a { color: rgb(232, 0, 0); text-decoration: underline; }
#cf_1, #cf_2, #cf_3 { font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important; }

.convertforms { max-width: 100% !important; }

	.convertforms .cf-list {  }
	
.cf-control-group[data-name="nazwa"] { width: 100%; margin-top: 40px; }
	.cf-control-group[data-name="nazwa"] .cf-control-label,
	.cf-control-group[data-name="nazwa"] .cf-control-input { max-width: 1000px; margin: 0 auto; }
		.cf-control-group[data-name="nazwa"] .cf-control-label label { font-weight: 700; }

.cf-control-group[data-name="telefon"] { width: 100%; }
	.cf-control-group[data-name="telefon"] .cf-control-label,
	.cf-control-group[data-name="telefon"] .cf-control-input { max-width: 1000px; margin: 0 auto; }
		.cf-control-group[data-name="telefon"] .cf-control-label label { font-weight: 700; }

.cf-control-group[data-name="wiadomosc"] { width: 100%; }
	.cf-control-group[data-name="wiadomosc"] .cf-control-label,
	.cf-control-group[data-name="wiadomosc"] .cf-control-input { max-width: 1000px; margin: 0 auto; }
		.cf-control-group[data-name="wiadomosc"] .cf-control-label label { font-weight: 700; }

.cf-control-group[data-type="html"] { width: 100%; }
	.cf-control-group[data-type="html"] .cf-control-input { max-width: 1000px; margin: 40px auto; color: rgb(104, 104, 104); font-size: 14px; font-weight: 400; line-height: 22px; }

.cf-control-group[data-type="submit"] { width: 100%; }
	.cf-control-group[data-type="submit"] .cf-control-input { max-width: 1000px; margin: 0 auto; }
		.cf-control-group[data-type="submit"] button { width: 150px; color: #ffffff; background: #212223; text-transform: uppercase; border: 2px solid #212223; border-radius: 10px; transition: all .3s linear; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }
			.cf-control-group[data-type="submit"] button:hover { color: #000000; background: #ffffff; }

.cf-control-error { margin-top: 6px; width: 100% }
	.cf-error-msg {	max-width: 1000px; margin: 0 auto; color: red;	font-size: 12px; line-height: 1.4; }
	

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap { padding: 20px 0; }	

	
.scroll-container { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } 
.scroll-container::-webkit-scrollbar { display: none; } 
.scroll-container { -ms-overflow-style: none; scrollbar-width: none; } 
.scroll-container .cf-radio-group { flex: 0 0 auto; }
.scroll-buttons { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; display: flex; justify-content: right; gap: 10px; margin-top: 10px; } 
.scroll-btn { font-size: 24px; padding: 8px 20px; border-radius: 25px; background-color: #f0f0f0; color: #252728; cursor: pointer; transition: background-color 0.2s, transform 0.2s; text-align: center; user-select: none; } 
.scroll-btn:hover { background-color: #252728; color: white; transform: scale(1.05); }

.cf-control-group[data-name="model"] { width: 100%; margin-top: 40px; } 
.cf-control-group[data-name="model"] .cf-control-label { max-width: 1000px; margin: 0 auto; }
.cf-control-group[data-name="model"] legend.cf-control-label { max-width: 1000px; margin: 0 auto; }
.cf-control-group[data-name="model"] .cf-control-label label { font-weight: 700; }
.cf-control-group[data-name="model"] .cf-control-input { gap: 0; }
.cf-control-group[data-name="model"] .cf-control-input .cf-list { display: flex; justify-content: center; } 
.cf-control-group[data-name="model"] .cf-radio-group { margin-right: 15px; flex: 0 0 auto; } 
.cf-control-group[data-name="model"] .cf-radio-group:last-child { margin-right: 0; } 
.cf-control-group[data-name="model"] .cf-radio-group input { display: none; } 
.cf-control-group[data-name="model"] .cf-radio-group label { padding: 30px; border: 1px solid #dcdddf; width: 450px; max-width: 100%; height: 300px; border-radius: 24px; margin: 32px 0 64px 0; cursor: pointer; position: relative; overflow: hidden; font-size: 25px; font-weight: 600; line-height: 36px; color: #252728; margin-bottom: 8px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.25s ease; } 

.cf-control-group[data-name="model"] .cf-radio-group label[for="form1_model_0"] { margin: 0; background: url(https://chery.carsed.pl/images/modele-miniatury/jt-tiggo-4-hev.webp) no-repeat center center; background-size: 100% auto; }
.cf-control-group[data-name="model"] .cf-radio-group label[for="form1_model_1"] { margin: 0; background: url(https://chery.carsed.pl/images/modele-miniatury/jt-tiggo-7-phev.webp) no-repeat center center; background-size: 100% auto; } 
.cf-control-group[data-name="model"] .cf-radio-group label[for="form1_model_2"] { margin: 0; background: url(https://chery.carsed.pl/images/modele-miniatury/jt-tiggo-8-phev.webp) no-repeat center center; background-size: 100% auto; }
.cf-control-group[data-name="model"] .cf-radio-group label[for="form1_model_3"] { margin: 0; background: url(https://chery.carsed.pl/images/modele-miniatury/jt-tiggo-9-phev.webp) no-repeat center center; background-size: 100% auto; }


.cf-control-group[data-name="model"] .cf-radio-group label::after { content: ""; position: absolute; right: 20px; bottom: 20px; width: 30px; height: 30px; border: 3px solid #dcdddf; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; transition: all 0.25s ease; } 
.cf-control-group[data-name="model"] .cf-radio-group input:checked + label::after { content: "\2713"; background-color: #252728; border-color: #252728; } 
.cf-control-group[data-name="model"] .cf-radio-group input:checked + label { border-color: #252728; }

@media all and (max-width: 480px) {
  .cf-control-group[data-name="model"] .cf-radio-group label { box-sizing: border-box; width: 280px; font-size: 20px; line-height: 28px; padding: 20px; }  
}






/* ---------------------------------------------------------------------
	STOPKA
--------------------------------------------------------------------- */

.chery-footer { box-sizing: border-box; background: #252728; color: #ffffff; font-weight: 700; font-size: 15px; line-height: 23px; }
	.chery-footer-wrapper { box-sizing: border-box; width: 100%; max-width: 1600px; margin: 0 auto; padding: 70px 30px; }
		.chery-footer-top { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0; justify-content: center;	padding: 0; width: 100%; }
			.chery-footer-top > div { box-sizing: border-box; width: auto; margin: 0 15px 30px 15px; }
				.chery-footer-top div div:first-child { padding: 10px 0; font-size: 18px; border-right: 1px solid #444444; }
				.chery-footer-top div { box-sizing: border-box; }
					.chery-footer-top a { display: block; padding: 5px 0; color: #ffffff; text-decoration: none; font-weight: initial; }
		.chery-footer-bottom { display: block; padding: 30px 30px 0 30px; justify-content: center; width: 100%; border-top: 1px solid #444444; font-weight: 400; }
			.chery-footer-bottom .copyright { text-align: center;  }


@media all and (max-width: 1000px) {
	.chery-footer-wrapper { padding: 70px 20px; }
	.chery-footer-top { display: grid; grid-template-columns: repeat(1, 1fr); }
	.chery-footer-top > div { margin: 0 0 30px 0;  }
	.chery-footer-bottom .copyright { text-align: left; }
	.chery-footer-bottom { display: block; padding: 30px 0 0 0; }
}
@media all and (max-width: 500px) {
	.chery-footer { font-size: 14px; line-height: 22px; }
	.chery-footer-wrapper { padding: 70px 10px; }
}



/* ---------------------------------------------------------------------
	GOTOTOP
--------------------------------------------------------------------- */

#gototop {
	position: fixed; right: 10px; bottom: 60px; width: 48px; height: 48px; border-radius: 50%; border: none; background: #000; /*box-shadow: 0 4px 10px rgba(0,0,0,0.3);*/ cursor: pointer; opacity: 0; visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s ease, background 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 1000;
}
#gototop svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
#gototop.show { opacity: 1; visibility: visible; }
#gototop:hover { background: #222; }



/* ---------------------------------------------------------------------
	COOKIE CONSENT
--------------------------------------------------------------------- */

/*#CookiebotWidget .CookiebotWidget-logo svg circle {	fill: rgb(0, 0, 0, 0.3) !important; }*/

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider { background: #eeeeee !important; }

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider { background: #000000 !important;  }

#CybotCookiebotDialog form input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider { background: #000000 !important; }

#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { background-color: #ffffff !important; border: 2px solid #000000 !important; color: #000000 !important; }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #000000 !important; border: 2px solid #000000 !important; color: #ffffff !important; }

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: 1px solid #000000 !important; color: #000000 !important; }

.CybotCookiebotDialogNavItemLink:hover { color: #000000 !important; }

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a { color: #000000 !important; }

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: #000000 !important; }
#CookiebotWidget .CookiebotWidget-consent-details button { color: #000000 !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { background-color: #000000 !important; border-color: #000000 !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { border-color: #000000 !important; }

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogHeader a,
#CookiebotWidget .CookiebotWidget-main-logo { display: none !important;}


@media screen and (min-width: 1280px) {
	#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-width: 3px !important; }
}


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

body.popup-open { overflow: hidden; }

.jr-popup { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); display: flex; align-items: center; justify-content: center; z-index: 1234567890; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s; }

.jr-popup.is-visible { opacity: 1; visibility: visible; transition: opacity 0.3s ease; }

.jr-popup .jr-popup-modal { position: relative; margin: 0 auto; width: 700px; max-width: calc(100% - 40px); background: #fff; padding: 30px 30px; box-sizing: border-box; transform: scale(0.95); transition: transform 0.3s ease; }

.jr-popup .jr-popup-modal h1,
.jr-popup .jr-popup-modal h2,
.jr-popup .jr-popup-modal h3,
.jr-popup .jr-popup-modal h4,
.jr-popup .jr-popup-modal h5,
.jr-popup .jr-popup-modal h6 { font-size: 28px; line-height: 38px; }

.jr-popup.is-visible .jr-popup-modal { transform: scale(1); }

.jr-popup .jr-popup-modal::after {
  content: "×"; position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; background: #c60000; color: #fff; font-size: 22px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; }

	
@media screen and (max-width: 720px) {
  .jr-popup .jr-popup-modal { width: 100%; padding: 20px; }
}