' {
	color: rgb(27, 27, 27);

font-family: Inter;

font-size: 16px;

font-weight: 400;

line-height: 120%;

letter-spacing: 0%;
	width: 100%;
}
a:hover{text-decoration:none;}

@media (min-width: 1200px) {
  .container {
    width: 1280px;
  }
}

.header-all {
  display: flex;
  justify-content: space-between;
  margin:23px 0 0 0;
  align-items: center;
}


.col-navi {
  display: flex;
}

.item-nav {
  display: flex;
  align-items: center;
  padding-right:20px;
  margin-right:20x;
}

.item-nav.active  .nuber-nav{
	background: rgb(13, 153, 255);
}
.item-nav:last-child:after{display:none;}
.item-nav:after{
  content: ">";
  padding:
0 0 0 25px;
  color: #c8c8c8;
}


.col-btn-header a:hover{background:#DEEEF8}
.col-btn-header a{border-radius: 32px;
			
/* General/body/medium */
color: rgb(27, 27, 27);
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0%;
padding:18px;
background: rgb(211, 232, 246);}

.nuber-nav {
  background:
rgba(13, 153, 255, 0.1);
  width: 40px;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:
100%;
margin-right:8px;
}

.calendar-grid{
	border-radius: 32px;

/* тінь */
box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
background: rgb(255, 255, 255);
padding:16px;
	display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px;
	margin-bottom: 15px;
}
.calendar-card{
	display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        background: #fff;
        padding: 8px;
		position:relative;
		z-index:100;
        text-decoration: none;
        color: #000;
		margin-bottom: 25px;
        transition: all 0.2s ease-in-out;
}

.calendar-card + .calendar-card{
	border-left: 1px solid #F0F3FC;
}

.date-total{
	box-sizing: border-box;
border: 0.5px solid rgb(238, 242, 234);
				border-radius: 8px;
background: rgb(248, 252, 244);
color: rgba(0, 0, 0, 0.8);

font-family: Inter;

font-size: 10px;

font-weight: 400;

line-height: 12px;

letter-spacing: 0%;

text-align: left;
width: 100%;
  padding:4px 8px;
	
}

.calendar-day {
  margin-bottom: 20px;
}


.calendar-cish {
  margin-bottom: 15px;
}



.date-total span{
border-radius: 6px;
background: rgb(251, 236, 186);
padding:6px;
margin-top:8px;
display:inline-block;

}

.calendar-day {
  color: rgb(51, 51, 51);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: left;
}

.calendar-card:hover{
	box-sizing: border-box;
/* border-right: 0.5px solid rgb(240, 243, 252); */
box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
background: rgb(255, 255, 255);
z-index:999;

}

.calendar-card:nth-child(8) {
 
  border: none;
}

.title-calendar{
  color: rgb(27, 27, 27);
  font-family: Inter;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -3%;
  text-align: left;
  margin:
40px 0;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  /* General/body/small */
color: rgb(172, 182, 203);
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0%;
text-align: left;
}
.footer-content a:hover{
	color:rgb(13, 153, 255);
}
.footer-content a{
	/* General/body/small */
color: rgb(172, 182, 203);
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0%;
text-align: left;
padding-left:15px;
}

.cont{min-height:600px;}






.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.map-layout {
  display: flex;
  height: calc(100vh - 160px); /* 160px — шапка+відступи */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#map-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
}

#map-inner {
  width: 1440px;
  height: 820px;
  position: relative;
  transform-origin: top left;
  transition: transform 0.2s ease;
}

#map-inner img {
  width: 1440px;
  height: 820px;
  display: block;
  pointer-events: none;
}

.place {
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 2px;
  background: #28a745;
  cursor: pointer;
  z-index: 10;
}

.place.anul { background-color: #dc3545; }
.place[data-status="заброньований"] { background-color: #ffc107; }
.place[data-status="доступний"] { background-color: #28a745; }

.place.selected {
  outline:.5px solid white;
  border-radius:
0;
}

.place::after {
  content: attr(data-title);
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  z-index: 99;
}

.place:hover::after {
  opacity: 1;
}


#map-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
}
#map-controls button {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

#right-panel {
  width: 240px;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  border-left: 1px solid #ddd;
}

.selected-list {
  font-size: 14px;
  margin-top: 10px;
}

.footer-bar {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 20px;
}

.derev_shes {
  opacity: 0.9;
  box-sizing: border-box;
  border:0.5px solid rgb(154, 93, 10);
  border-radius:1px;
  background:rgb(221, 152, 57);
}


.map-layout {
 display: flex;
  max-height: 820px;
  overflow:
hidden;
  height: 100vh;
}
#map-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
}
#map-inner {
  width: 1440px;
  height: 820px;
  position: relative;
  transform-origin: top left;
  transition: transform 0.2s ease;
}
#map-inner img {
  width: 1440px;
  height: 820px;
  display: block;
  pointer-events: none;
}

.place::after {
  content: attr(data-title);
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.2s;
}
.place:hover::after {
  opacity: 1;
}

#map-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
}
#map-controls button {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
}
#right-panel {
  width: 340px;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  border-left: 1px solid #ddd;
}
.selected-list {
  font-size: 14px;
  margin-top: 10px;
}
.footer-bar {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 20px;
}

.C82, .C83, .C84, .C85, .C86, .C87, .C88, .C89 {transform: rotate(-45deg);}




.B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12, .B13, .B14, .B15, .B16, .B17, .B18, .B19, .B20, .B21, .B22, .B23, .B24, .B25, .B26, .B27, .B28, .B29, .B30, .B31, .B32, .B33, .B34, .B35, .B36, .B37, .B38, .B39, .B40, .B41, .B42, .B43, .B44, .B45, .B46, .B47, .B48, .B49, .B50, .B51, .B52, .B53, .B54, .B55, .B56, .B57, .B58, .B59, .B60, .B61, .B62, .B63, .B64, .B65, .B66, .B67, .B68, .B69, .B70, .B71, .B72, .B73, .B74, .B75, .B76, .B77, .B78, .B79, .B80, .B81, .B82, .B83, .B84, .B85, .B86, .B87, .B88, .B89, .B90 {
 border:0.5px solid rgb(164, 173, 209, .5);
  background:rgba(255, 255, 255, .5);
}


.L1, .L2, .L3, .L4, .L5, .L6, .L7, .L8, .L9, .L10, .L11, .L12, .L13, .L14, .L15, .L16, .L17, .L18, .L19, .L20, .L21, .L22, .L23, .L24, .L25, .L26, .L27, .L28, .L29, .L30, .L31, .L32, .L33, .L34, .L35 {
   border:0.5px solid rgb(164, 173, 209, .5);
  background:rgba(255, 255, 255, .5);
}


.A1, .A2, .A3, .A4, .A5, .A6, .A7, .A8, .A9, .A10, .A11, .A12, .A13, .A14, .A15, .A16, .A17, .A18, .A19, .A20, .A21, .A22, .A23, .A24, .A25, .A26, .A27, .A28, .A29, .A30, .A31, .A32, .A33, .A34, .A35, .A36, .A37, .A38, .A39, .A40, .A41, .A42, .A43, .A44, .A45, .A46, .A47, .A48, .A49, .A50, .A51, .A52, .A53, .A54, .A55, .A56, .A57, .A58, .A59, .A60, .A61, .A62, .A63, .A64, .A65, .A66, .A113, .A114, .A115, .A116, .A117, .A118, .A67, .A68, .A69, .A70, .A71, .A72, .A73, .A74, .A75, .A76, .A77, .A78, .A79, .A80, .A81, .A82, .A83, .A84, .A85, .A86, .A87, .A88, .A89, .A90, .A91, .A92, .A93, .A94, .A95, .A96, .A97, .A98, .A99, .A100, .A101, .A102, .A103, .A104, .A105, .A106, .A107, .A108, .A109, .A110, .A111, .A112, .A119, .A120, .A121, .A122, .A123, .A124, .A125, .A126, .A127, .A128, .A129, .A130, .A131, .A132, .A133, .A134, .A135, .A136, .A137, .A138, .A139, .A140, .A141, .A142, .A143, .A144, .A145, .A146, .A147, .A148, .A149, .A150, .A151, .A152, .A153, .A154, .A155, .A156, .A157, .A158, .A159, .A160, .A161, .A162, .A163, .A164, .A165, .A166, .A167, .A168, .A169, .A170, .A171, .A172, .A173, .A174, .A175, .A176, .A177, .A178, .A179 {

  box-sizing: border-box;
  border:
0.5px solid rgb(154, 93, 10);
  border-radius:
1px;
  background:
rgba(221, 152, 57, .9);
}




.kuplen, .provedeny {
  background:
#000;
}
/* .I20, */.I21, .I22, .I23, .I24, .I25, .I26, .I27, .I28, .I29, .I30, .I31, .I32, .I44, .I45, .I46, .I47, .I48, .I49, .I50, .I51, .I52, .I53, .I54, .I55, .I56, .I57, .I58, .I59, .I61, .I60, .I62, .I63, .I64, .I65{ 
	transform: rotate(-30deg);
}




.I20{
  transform: rotate(-23deg);
}

.H1, .H2, .H3, .H4, .H5, .H6, .H7, .H8, .H9, .H10,
.H11, .H12, .H13, .H14, .H15, .H16, .H17, .H18, .H19, .H20,
.H21, .H22, .H23, .H24, .H25, .H26, .H27, .H28, .H29, .H30,
.H31, .H32, .H33, .H34, .H35, .H36, .H37, .H38, .H39, .H40,
.H41, .H42, .H43, .H44, .H45, .H46, .H47, .H48, .H49, .H50,
.H51, .H52, .H53, .H54, .H55, .H56, .H57, .H58, .H59, .H60,
.H61, .H62, .H63, .H64, .H65, .H66, .H67, .H68, .H69, .H70,
.H71, .H72, .H73, .H74, .H75, .H76, .H77, .H78, .H79, .H80,
.H81, .H82, .H83, .H84, .H85, .H86, .H87, .H88, .H89, .H90,
.H91, .H92, .H93, .H94, .H95, .H96, .H97, .H98, .H99, .H100, .H101, .H102,
.H103, .H104, .H105, .H106, .H107, .H108, .H109, .H110, .H111, .H112,
.H113, .H114, .H115, .H116, .H117, .H118, .H119, .H120, .H121, .H122 {
	transform: rotate(20deg);
}



body {
	color: rgb(27, 27, 27);

font-family: Inter;

font-size: 16px;

font-weight: 400;

line-height: 120%;

letter-spacing: 0%;
	width: 100%;
}
a:hover{text-decoration:none;}

@media (min-width: 1200px) {
  .container {
    width: 1280px;
  }
}

.header-all {
  display: flex;
  justify-content: space-between;
  margin:23px 0 0 0;
  align-items: center;
}


.col-navi {
  display: flex;
}

.item-nav {
  display: flex;
  align-items: center;
  padding-right:20px;
  margin-right:20x;
}

.item-nav.active  .nuber-nav{
	background: rgb(13, 153, 255);
}
.item-nav:last-child:after{display:none;}
.item-nav:after{
  content: ">";
  padding:
0 0 0 25px;
  color: #c8c8c8;
}


.col-btn-header a:hover{background:#DEEEF8}
.col-btn-header a{border-radius: 32px;
			
/* General/body/medium */
color: rgb(27, 27, 27);
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0%;
padding:18px;
background: rgb(211, 232, 246);}

.nuber-nav {
  background:
rgba(13, 153, 255, 0.1);
  width: 40px;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:
100%;
margin-right:8px;
}

.calendar-grid{
	border-radius: 32px;

/* тінь */
box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
background: rgb(255, 255, 255);
padding:16px;
	display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px;
	margin-bottom: 15px;
}
.calendar-card{
	display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        background: #fff;
        padding: 8px;
		position:relative;
		z-index:100;
        text-decoration: none;
        color: #000;
		margin-bottom: 25px;
        transition: all 0.2s ease-in-out;
}

.calendar-card + .calendar-card{
	border-left: 1px solid #F0F3FC;
}

.date-total{
	box-sizing: border-box;
border: 0.5px solid rgb(238, 242, 234);
				border-radius: 8px;
background: rgb(248, 252, 244);
color: rgba(0, 0, 0, 0.8);

font-family: Inter;

font-size: 10px;

font-weight: 400;

line-height: 12px;

letter-spacing: 0%;

text-align: left;
width: 100%;
  padding:4px 8px;
	
}

.calendar-day {
  margin-bottom: 20px;
}


.calendar-cish {
  margin-bottom: 15px;
}



.date-total span{
border-radius: 6px;
background: rgb(251, 236, 186);
padding:6px;
margin-top:8px;
display:inline-block;

}

.calendar-day {
  color: rgb(51, 51, 51);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: left;
}

.calendar-card:hover{
	box-sizing: border-box;
/* border-right: 0.5px solid rgb(240, 243, 252); */
box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
background: rgb(255, 255, 255);
z-index:999;

}

.calendar-card:nth-child(8) {
 
  border: none;
}

.title-calendar{
  color: rgb(27, 27, 27);
  font-family: Inter;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -3%;
  text-align: left;
  margin:
40px 0;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  /* General/body/small */
color: rgb(172, 182, 203);
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0%;
text-align: left;
}
.footer-content a:hover{
	color:rgb(13, 153, 255);
}
.footer-content a{
	/* General/body/small */
color: rgb(172, 182, 203);
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0%;
text-align: left;
padding-left:15px;
}

.cont{min-height:600px;}






.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.map-layout {
  display: flex;
  height: calc(100vh - 160px); /* 160px — шапка+відступи */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#map-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
}

#map-inner {
  width: 1440px;
  height: 820px;
  position: relative;
  transform-origin: top left;
  transition: transform 0.2s ease;
}

#map-inner img {
  width: 1440px;
  height: 820px;
  display: block;
  pointer-events: none;
}

.place {
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 2px;
 box-sizing: border-box;
  border: 0.5px solid rgb(154, 93, 10);
  border-radius: 1px;
  background: rgb(221, 152, 57);
  cursor: pointer;
  z-index: 10;
}
.place.bungalo, .E1, .E2, .E3, .E4, .E5, .E6   {
	background: rgb(138, 95, 35);
 
}

.place.anul { background-color: #dc3545; }
.place[data-status="заброньований"] { background-color: #ffc107; }
.place[data-status="доступний"] { background-color: #28a745; }

.place.selected {
  outline:.5px solid white;
  border-radius:
0;
}


.place::after {
  content: attr(data-title);
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  z-index: 99;
}

.place:hover::after {
  opacity: 1;
}


#map-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
}
#map-controls button {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

#right-panel {
  width: 240px;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  border-left: 1px solid #ddd;
}

.selected-list {
  font-size: 14px;
  margin-top: 10px;
}

.footer-bar {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 20px;
}

.derev_shes {
 
  box-sizing: border-box;
  border:0.5px solid rgb(154, 93, 10);
  border-radius:1px;
  background:rgb(221, 152, 57);
}


.map-layout {
 display: flex;
  max-height: 820px;
  overflow:
hidden;
  height: 100vh;
  position: relative;
}

.map-layout .back {
  position: absolute;
  z-index: 9;
  top: 15px;
  left: 15px;
}

#map-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
}
#map-inner {
  width: 1440px;
  height: 820px;
  position: relative;
  transform-origin: top left;
  transition: transform 0.2s ease;
}
#map-inner img {
  width: 1440px;
  height: 820px;
  display: block;
  pointer-events: none;
}

.place::after {
  content: attr(data-title);
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.2s;
}
.place:hover::after {
  opacity: 1;
}

#map-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
}
#map-controls button {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  border: none;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
}
#right-panel {
  width: 340px;
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  border-left: 1px solid #ddd;
  position: relative;
  z-index: 101;
}
.selected-list {
  font-size: 14px;
  margin-top: 10px;
}
.footer-bar {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 20px;
}
.place.booked,  .place.used,  .place.paid  {
 
 
  cursor: not-allowed;
  filter: grayscale(100%);
}
.place.booked{
	opacity:0.7
}

.kuplen, .provedeny {
     background: #f16666;
}
.place {z-index:100}
.place:after{z-index:101;}
.place:hover {
  z-index: 999;
}
.place.fan.free {
  opacity: 0.7;
}

#selected-list {
  height: 65vh;
}

.btn-success{
	border-radius: 32px;
border:none;
color: rgb(255, 255, 255);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
background: rgb(14, 47, 68);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
}

#timer{ 
	border-radius: 50px;
			color: rgb(255, 71, 71);
padding: 2px 15px;
font-family: Inter;

font-size: 16px;

font-weight: 400;

line-height: 19px;

letter-spacing: 0%;

text-align: left;

background: rgb(255, 255, 255);
}
.name-item span{
	/* General/body/big */
color: rgb(27, 27, 27);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
}

.name-item {
  display: flex;
  justify-content: space-between;
  margin-bottom:12px;
}
.name-item button:hover{
	background:url(../image/delete.svg) no-repeat;
	opacity:0.7;
}
.name-item button{
	background:url(../image/delete.svg) no-repeat;
	width:16px;
	height:16px;
	border:none;
}


.label-item  {
  color: rgb(27, 27, 27);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0%;
  text-align: left;
}

.label-item  label{align-items: center; font-weight: 400;
display: flex;}

.label-item label:before{
	content:'';
	width:17px;
	height:17px;
	margin-right:5px;
	display:inline-block;
	background:url(../image/radio_button_unchecked.png) no-repeat;
}

.label-item input:checked + label:before{
	background:url(../image/radio_button_checked.png) no-repeat;
}

.selected-item{
	padding:8px;
	margin-bottom:12px;
	box-sizing: border-box;
border-top: 1px solid rgba(69, 90, 43, 0.1);
}

.label-item {
  display: flex;
  justify-content: space-between;
  margin-bottom:5px;
}

.label-item input{
  display:none;
}

.text-muted {
  height: 4%;
}

#selected-list {
  height: 75%;
  overflow:auto;
  padding-bottom:15px;
}

#totlainput {
  margin-bottom: 15px;
}

#total.total{
	height:4%
}


:-webkit-scrollbar {
  width: 3px;       /* вертикальний скрол */
  height: 3px;      /* горизонтальний скрол */
}

::-webkit-scrollbar-track {
  background: transparent; /* або будь-який фон */
}

::-webkit-scrollbar-thumb {
  background-color: #888;  /* колір повзунка */
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

#totla {
  margin-bottom: 15px;
}





.bg-top {
  width: 90%;
  height: 260px;
  background: url(../image/m-1.png) no-repeat;
    background-size: auto;

  background-size: 100%;
  margin: 50px auto auto;
}
.chek-wrappe {
  width: calc(100% - 340px);
  position: relative;
}

.checkout-form {
  max-width: 521px;
  border-radius: 24px;
  box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
  background: rgb(255, 255, 255);
  margin: 0 auto;
  position: relative;
  top: -70px;
  padding:32px;
}


.checkout-form label{
	olor: rgb(27, 27, 27);

font-family: Inter;

font-size: 16px;

font-weight: 500;

line-height: 19px;

letter-spacing: -2%;
  display: block;
  margin-bottom:12px;
text-align: left;
}

.checkout-form label.dogor {
  margin-bottom: 5px;
  font-size: 12px;
}

.checkout-form input[type="email"], .checkout-form input[type="text"] {
  border-radius: 32px;
  background: rgba(0, 0, 0, 0.04);
  box-shadow: navajowhite;
  border: none;
  width:100%;
  display:block;
  padding:12px 14px;
  margin-bottom:16px;
}


.bg-left {
  position: absolute;
  width: 394px;
  height: 368px;
  background: url(../image/m-3.png) no-repeat;
  top: 370px;
  left: 55px;

}


.bg-right {
  position: absolute;
  height: 454px;
  width: 644px;
  background: url(../image/m-2.png) no-repeat;
    background-size: auto;
  background-size: auto;
  top: 320px;
  left: 500px;
  z-index: 100;
}

#checkout-tickets{
  height: 80%;
  overflow: auto;
  padding-bottom: 15px;
}

#common-success, .homer{
	height:90vh;
}

.all-good {
  border-radius: 16px;
  box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
  background: rgb(255, 255, 255);
  max-width: 521px;
  margin: auto;
  padding: 32px;
  text-align: center;
}

.title-icon {
 
color: rgb(27, 27, 27);
font-family: Inter;
font-size: 24px;
font-weight: 400;
line-height: 29px;
letter-spacing: 0%;
text-align: center;
  margin: 16px auto;
  max-width: 350px;
}

.text-icon{

color: rgb(27, 27, 27);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
}
.bg-good{
	background:url(../image/good.png) no-repeat;
	width:100%;
	  background-size: 100%;
	  padding-top: 300px;
}

.bg-good2{
	background:url(../image/nogood.png) no-repeat;
	width:100%;
	  background-size: 100%;
	  padding-top: 300px;
}
.btnhome a{
	/* General/body/big */
color: rgb(255, 255, 255);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
border-radius: 32px;
display:block;
width:265px;
padding:10px 0;
text-align:center;
margin:12px auto;
background: rgb(14, 47, 68);
}

.back{
	border-radius: 12px;

box-shadow: 0px 6px 6px 0px rgba(9, 33, 121, 0.1);
background: rgb(255, 255, 255);
/* General/body/big */
color: rgb(27, 27, 27);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
padding:11px;
}

.logo-header img {max-width:100%; max-height:35px; margin-right:15px;}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  color: rgb(27, 27, 27);
  font-family: Inter;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0%;
  text-align: center;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: none;
}
.modal-body{
	color: rgb(27, 27, 27);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0%;
text-align: left;
}


.logo-header {
  font-size: 27px;
  padding: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}


	.header-all {
  height: 60px;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  justify-content: space-around;
}


.img-price {
  display: flex;
  width: 50%;
  align-content: center;
  align-items: center;
}

.item-price {
  display: flex;
 
}

.img-price {
  display: flex;
  width: 280px;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.text-price {
  width: 317px;
}

.item-price {
  display: flex;
  justify-items: unset;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd7d7;
}

.price a {
  color: #000;
  border: 1px solid #000;
  padding: 9px 15px;
  border-radius: -17%;
  color: rgb(255, 255, 255);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: left;
  background: rgb(14, 47, 68);
    background-color: rgb(14, 47, 68);
  background-color: rgb(14, 47, 68);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  border-radius: 21px;
}
.price a:hover{opacity:.7}

	.footer-rec {
  text-align: center;
  font-size: 13px;
  color: #999;
}

@media (max-width: 767px) {
	.text-nav {
  display: none;
}

.calendar-grid {
  border-radius: 32px;
  box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
  background: rgb(255, 255, 255);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  margin-bottom: 15px;
}
	.col-btn-header a {display:none;}
	
	.map-layout {
  display: block;
  max-height: 100%;
overflow: hidden;
	margin-bottom: 25px;
	height: 100%;
	
}

.chek-wrappe {
  width: 100%;
  position: relative;
}

.bg-top {
  width: 100%;
  height: 130px;
  background: url(../image/m-1-mob.png) no-repeat;
    background-size: auto;

  background-size: 100%;
  margin: 50px auto auto;
}
.bg-left, .bg-right{display:none;}

.checkout-form{
	top:0;
	margin-bottom:35px;
}


#right-panel{border-left:none; width: 100%;}

#map-wrapper {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #000;
  height: 70vh;
}


.bg-good {
	padding-top: 103px;
}

#common-success, .homer{
	height:100%;
	min-height:500px;
}


#map-controls button{
	display: flex;
  align-items: center;
  justify-content: center;
}

.item-price {
  display: block;
  justify-items: unset;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd7d7;
  padding: 15px;
}

.logo-header span{display:none}
}


.site-pricer td {
  padding: 5px 10px;
  text-align: left;
}

.site-pricer th {
  padding: 5px10px;
}
.site-pricer, .site-prav{width:50%; background: #edf0f5;}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
  border: 1px solid #e9e9e9;
  line-height: 1.42857;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}

.site-pricer, .site-prav {
  border-radius: 32px;
  box-shadow: 0px 12px 16px 0px rgba(9, 33, 121, 0.07),0px 4px 6px 0px rgba(9, 33, 121, 0.05);
  background: rgb(248, 252, 244);
  padding: 25px;
 
  margin-bottom: 15px;
}

.notan{
	margin-top:25px;
	font-style:italic;
	font-size:12px;
}

.data-info {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.qesh {
  font-weight: bold;
  margin-bottom: 15px;
}

.vidp {
  border-bottom: 1px solid #e6e1e1;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
  
  
  .place.kuplen{
border: 0.5px solid rgb(164, 173, 209, .5);
  background: rgba(255, 255, 255, .5);
}
  
  
  
  .cupones {
  position: relative;
  z-index: 101;
}

.btn.btn-cupone:hover{background:rgb(144, 181, 59);}

.btn.btn-cupone {
  border-radius: 32px;
  border: none;
  color: rgb(255, 255, 255);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0%;
  text-align: left;
  background: rgb(14, 47, 68);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
 height: 35px;
}


.cupones div {
  display: flex;
  gap: 15px;
}
#subtotal {
  font-size: 14px;
}
#cupontotal {
  font-size: 14px;
  margin: 10px 0;
}

.remove{
	cursor:pointer;
}



 .btn-tous{
  position: absolute;
  top: 250px;
  right: 20px;
  z-index: 100;
}


.btn-tous a {
  display: block;
  margin: 20px 0;
  background: rgba(0,0,0, .7);
  padding: 10px;
  border-radius: 25%;
}

.btn-tous a:hover{opacity:.7}