body, html {
  padding: 0;
  margin: 0;
  font-family: 'Mulish', sans-serif;
    margin: 0 auto;
}

.afisha-container {
  flex: 1;
  /* padding-top: 65px; */
  display: flex;
  flex-direction: column;
}

.afisha-head {
  background-image: url('../img/01_top.png');
  background-repeat: repeat-x;
  background-size: contain;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
  min-height: 158px;
  background-position: center; 
}

.afisha-head .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.afisha-head h1 {
    color: #201600;
    text-transform: uppercase;
    font-size: 69px;
    line-height: 120%;
    font-weight: bold;
    margin: 0;
    text-align: center;
letter-spacing: 23px;
    word-spacing: 30px;
}


.afisha-footer {
  min-height: 128px;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  background-image: url(../img/01_bottom.png);
background-repeat: repeat-x;
background-size: contain;
    background-position: center;
    position: relative;
    
}

.afisha-footer:after {
  content: "";
  width: 266px;
  height: 165px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  background-image: url(../img/04_popcorn_left.png);
background-repeat: repeat-x;
background-size: cover;
    background-position: center;
    
}

.afisha-footer:before {
  content: "";
  width: 266px;
  height: 165px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  background-image: url(../img/05_popcorn_right.png);
background-repeat: repeat-x;
background-size: cover;
    background-position: center;
    
}

.afisha-footer .wrapper {
  display: flex;
  align-items: center;
}

.afisha-contact-tel {
  margin-left: 0;
  text-align: center;
  width: 100%;
  display: block;
}

.afisha-contact-tel span {
    display: block;
    line-height: 28px;
    font-size: 26px;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
        letter-spacing: 0;
    word-spacing: 10px;
    color: #201600;
    margin-top: 35px;
}

.afisha-contact-tel a {
  display: block;
  font-size: 33px;
  font-weight: 1000;
  color: rgb(0, 0, 0);
  text-decoration: none;
  margin-bottom: 0px;
    margin-top: 11px;
        letter-spacing: 4px;
}

.afisha-contact-tel strong {
  color: #9a9a9a;
  font-size: 18px;
  line-height: 1.2;
}

.afisha-contact-tel strong b {
  color: rgb(0, 0, 0);
}


.afisha-main {
  flex: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url('../img/03_background.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.qr {
  width: 200px;
  height: 200px;
  background-color: #ff9f00;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  margin-top: -70px;
  margin-right: 30px;
}

.qr img {
  display: block;
  max-width: 100%;
}

.afisha-soc {
  display: flex;
  flex-direction: column;
}

.afisha-soc strong {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #ff9f00;
}

.afisha-soc-list {
  display: flex;
  gap: 30px;
  margin-top: auto;
}

.afisha-soc-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.afisha-soc-item .ic {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.afisha-soc-item .ic svg {
  max-width: 24px;
  height: auto;
}

.afisha-soc-item .ic svg path {
  fill: #fff;
}

.afisha-soc-item .ic svg path[stroke],
.afisha-soc-item .ic svg circle[stroke] {
  stroke: #fff;
}

.afisha-soc-item .ic svg path[stroke] {
  fill: none;
}

.afisha-soc-item .ic svg circle[fill] {
  fill: #fff;
}

.afisha-soc-item a {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

.afisha-grid {
  /* display: grid;
  grid-template-columns: 1fr 1fr; */
  gap: 60px;


  display: grid;
  /* grid-template-columns: repeat(2, 1fr); */
  grid-auto-flow: column;
}

/* .afisha-grid .afisha-card {
  grid-template-columns: 20% 1fr;
} */

.afisha-grid--x3 {
  /* display: grid;
  grid-template-columns: 1fr 1fr 1fr; */
  gap: 50px 85px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: column;
}

.afisha-grid--x3 .afisha-card {
  grid-template-columns: 25% 1fr;
}

.afisha-card {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 30px;
}

.afisha-card-img img {
  display: block;
  max-width: 100%;
}

.afisha-card-text strong {
  color: #000;
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 20px;
  display: block;
  font-family: 'Mulish', sans-serif;
  text-transform: uppercase;
  line-height: 34px;
}

.afisha-card-text strong small {
  font-size: 19px;
  text-transform: lowercase;
}

.afisha-card-text {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.afisha-card-text p {
  font-size: 16px;
  line-height: 130%;
  margin-top: 0;
  margin-bottom: 20px;
}

.afisha-card-date {
  display: flex;
  align-items: center;
  gap: 10px;
}

.afisha-card-img {
  display: grid;
  justify-content: center;
  align-items: center;
}

.afisha-card-date .n {
  color: #ff9f00;
  font-size: 99px;
  line-height: 50px;
  font-weight: bold;
  display: block;
}

.afisha-card-date div {
  transform: translateY(0);
}

.afisha-card-date .b {
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.afisha-card-date .s {
  display: block;
  font-size: 42px;
  line-height: 42px;
  /* font-weight: 600; */
  display: block;
  color: #9a9a9a;
}

.afisha-card-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  /* max-width: 430px; */
}

.afisha-card-time {
  font-size: 43px;
  line-height: 43px;
  font-weight: bold;
  color: #fff;
  padding: 15px 15px;
  background-color: #ff9f00;
}

.y18 {
  border-color: #c50000;
  color: #c50000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  border-style: solid;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  position: absolute;
  left: -72px;
  top: 3px;
}

.afisha-container .wrapper {
  max-width: 2340px;
}

@media (max-width: 1500px) {
  .afisha-grid--x3 {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}

@media (max-width: 1124px) {
  .afisha-grid {
    display: grid;
    grid-template-columns: 100%;
    gap: 60px;
  }

  .afisha-grid .afisha-card {
    display: flex;
    justify-content: center;
  }

  .afisha-card-img {
    width: 20%;
    min-width: 140px;
  }

  .afisha-head h1 {
    font-size: 45px;
  }

  .afisha-head {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    min-height: auto;
  }

  .afisha-head:after,
  .afisha-head:before {
    height: 10px;
  }

  .afisha-main {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .afisha-footer .wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .afisha-footer {
    padding-bottom: 40px;
  }

  .afisha-contact-tel {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .afisha-soc {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .qr {
    margin-right: 0;
  }

}


@media (max-width: 768px) {
  .afisha-card-text strong {
    color: #000;
    font-size: 20px;
  }

  .afisha-card-date .n {
    font-size: 30px;
  }

  .afisha-card-date .b {
    font-size: 15px;
    line-height: 15px;
  }

  .afisha-card-time {
    font-size: 18px;
    line-height: 18px;
  }

  .afisha-card {
    gap: 20px;
  }

  .afisha-card-text {
    padding-top: 10px;
    padding-bottom: 10px;

  }

  .afisha-grid {
    gap: 30px;
  }

  .afisha-head h1 {
    font-size: 32px;
  }

  .afisha-contact-tel a {
    font-size: 28px;
  }

  .afisha-soc-list {
    display: flex;
    gap: 20px;
    margin-top: auto;
    flex-direction: column;
  }

  .afisha-soc strong {
    text-align: center;
  }

  .afisha-card-footer {
    /* flex-direction: column;
    align-items: flex-start; */
  }

  .afisha-card-text {
    padding-top: 0;
    padding-bottom: 0;
  }

  .afisha-card-img {
    width: 20%;
    min-width: 120px;
  }

  .afisha-card-text strong {
    color: #000;
    font-size: 18px;
  }

}

@media (max-width: 577px) {
  .afisha-head h1 {
    font-size: 24px;
  }

  .afisha-card-footer {
    max-width: 100%;
  }

  .afisha-card-text {
    width: 100%;
  }

  .afisha-grid .afisha-card {
    flex-direction: column;
  }

  .afisha-card-img {
    width: 100%;
    min-width: 100%;
  }

  .afisha-grid {
    gap: 40px;
  }
}

.film-year {
  display: none;
}

.datenum1 {
	color: #ffbf55 !important;  
}
.datenumtime1 {
	background: #ffbf55 !important;  
}
.datenum2 {
	color: #ff9f00 !important; 
}
.datenumtime2 {
	background: #ff9f00 !important; 
}
.datenum3 {
	color: #d58500 !important; 
}
.datenumtime3 {
	background: #d58500 !important;  
}
.datenum4 {
	color: #ffbf55 !important;  
}
.datenumtime4 {
	background: #ffbf55 !important;  
}
.datenum5 {
	color: #ff9f00 !important; 
}
.datenumtime5 {
	background: #ff9f00 !important; 
}
.datenum6 {
	color: #d58500 !important; 
}
.datenumtime6 {
	background: #d58500 !important;  
}
.datenum7 {
	color: #ffbf55 !important;  
}
.datenumtime7 {
	background: #ffbf55 !important;  
}
.datenum8 {
	color: #ff9f00 !important; 
}
.datenumtime8 {
	background: #ff9f00 !important; 
}
.datenum9 {
	color: #d58500 !important; 
}
.datenumtime9 {
	background: #d58500 !important;  
}
.datenum10 {
	color: #ffbf55 !important;  
}
.datenumtime10 {
	background: #ffbf55 !important;  
}
.datenum11 {
	color: #ff9f00 !important; 
}
.datenumtime11 {
	background: #ff9f00 !important; 
}
.datenum12 {
	color: #d58500 !important; 
}
.datenumtime12 {
	background: #d58500 !important;  
}
.datenum13 {
	color: #ffbf55 !important;  
}
.datenumtime13 {
	background: #ffbf55 !important;  
}
.datenum14 {
	color: #ff9f00 !important; 
}
.datenumtime14 {
	background: #ff9f00 !important; 
}
.datenum15 {
	color: #d58500 !important; 
}
.datenumtime15 {
	background: #d58500 !important;  
}
.datenum16 {
	color: #ffbf55 !important;  
}
.datenumtime16 {
	background: #ffbf55 !important;  
}
.datenum17 {
	color: #ff9f00 !important; 
}
.datenumtime17 {
	background: #ff9f00 !important; 
}
.datenum18 {
	color: #d58500 !important; 
}
.datenumtime18 {
	background: #d58500 !important;  
}
.datenum19 {
	color: #ffbf55 !important;  
}
.datenumtime19 {
	background: #ffbf55 !important;  
}
.datenum20 {
	color: #ff9f00 !important; 
}
.datenumtime20 {
	background: #ff9f00 !important; 
}
.datenum21 {
	color: #d58500 !important; 
}
.datenumtime21 {
	background: #d58500 !important;  
}
.datenum22 {
	color: #ffbf55 !important;  
}
.datenumtime22 {
	background: #ffbf55 !important;  
}
.datenum23 {
	color: #ff9f00 !important; 
}
.datenumtime23 {
	background: #ff9f00 !important; 
}
.datenum24 {
	color: #d58500 !important; 
}
.datenumtime24 {
	background: #d58500 !important;  
}
.datenum25 {
	color: #ffbf55 !important;  
}
.datenumtime25 {
	background: #ffbf55 !important;  
}
.datenum26 {
	color: #ff9f00 !important; 
}
.datenumtime26 {
	background: #ff9f00 !important; 
}
.datenum27 {
	color: #d58500 !important; 
}
.datenumtime27 {
	background: #d58500 !important;  
}
.datenum28 {
	color: #ffbf55 !important;  
}
.datenumtime28 {
	background: #ffbf55 !important;  
}
.datenum29 {
	color: #ff9f00 !important; 
}
.datenumtime29 {
	background: #ff9f00 !important; 
}
.datenum30 {
	color: #d58500 !important; 
}
.datenumtime30 {
	background: #d58500 !important;  
}
.datenum31 {
	color: #ff9f00 !important; 
}
.datenumtime31 {
	background: #ff9f00 !important; 
}