body {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  background: #E3E3EA;
}
@media (max-width: 768px) {
  body {
    background: #000;
  }
}

footer {margin:10px;font-size:0.9rem;}

.sn {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
    max-width: 150px;
    align-items: center;
    margin: auto;
}
.social-links a.nav-link {
    border: 0px;
	text-decoration:none;
	font-size:40px;
	color: #333;
}

a.nav-link {margin:0px!important;}

.alert { margin:0; text-align:center; }

.no-selection {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/* ptr bs btn */
.btn.no-outline,
.btn.no-outline:focus,
.btn.no-outline.focus,
.btn.no-outline.active { outline:none!important; box-shadow:none!important; }

.btn_buy {background-color: #007bff; padding: 5px 10px; border-radius:5px; margin-top:10px; color:#fff; text-transform: uppercase; font-weight:bold;}

.form {
  border-top: 1px solid #eee;
  margin-bottom: 20px;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"] {
  line-height: 40px;
  padding: 0 0.75rem;
  -webkit-box-shadow: inset 5px 5px 15px 0px rgba(227, 227, 234, 0.4);
  -moz-box-shadow: inset 5px 5px 15px 0px rgba(227, 227, 234, 0.4);
  box-shadow: inset 5px 5px 15px 0px rgba(227, 227, 234, 0.4);
}
.error-summary { color:red; }
.has-error label { color:red; }
.has-error input { border-color:red; }
.has-error .help-block { color:red; font-style:italic; }

h1 {
  font-size: 30px;
  font-weight: 200;
}
h2 {
    font-size:20px;
    font-weight:200;
}
/* Header : BEGIN */
.header-wrapper {
  max-width: 768px;
  margin: 0 auto;
}

/* Header : END */





/* movie list : BEGIN */

.movie-list-header {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 20px 15px;
  margin:0;
}


.movie-list { list-style:none; margin:0; padding:0; }
.movie-list.bb,
.movie-list:last-child { border-bottom: 1px solid #eee; }
.movie-list .movie { border-top: 1px solid #eee; display:flex; padding: 15px 25px 15px 15px; color: #000; }
.movie-list .movie.disabled { opacity:0.3; }
.movie-list .movie.disabled * { color: #000 !important; }
.movie-list li a { color:#000; }
.movie-list li a:hover { text-decoration:none; }
.movie-list li p { margin:0; }
.movie-list .arrow { background-image: url('img/right-arrow-grey.png'); background-size: 8px; background-position: right 15px center; background-repeat: no-repeat; }
.movie-list .movie-poster { margin-right: 15px; overflow: hidden; flex: 100px 0 0; }
.movie-list .movie-poster img { height: auto; width: 100%; }
.movie-list .movie-info { font-size: 14px; font-weight: 300; flex-grow: 1; }
.movie-list .movie-title { font-size: 16px; font-weight: 400;  margin-bottom: 5px; }
.movie-list .movie-label { text-transform: uppercase; font-size: 12px; }
.movie-list .movie-label.avanpremiera { color: #FF0000; }
.movie-list .movie-label.premiera { color: #FF8E45; }
.movie-list .movie.presale { background-color: #FFF1D6; }
.movie-list .movie-label.presale { color: #FF4304;}
.movie-list .movie-label.is-reservation { color: #F30000; }
.movie-list .presale.arrow { background-image: url('img/right-arrow-orange.png'); }
.movie-list .tag { font-size: 12px; line-height: 24px; padding: 0 10px; border: 1px solid black; border-radius: 4px; display: inline-block;
    text-transform: uppercase; margin: 5px 5px 5px 0; font-weight: 400; cursor: pointer;
}
.movie-list .tag .icon-ticket {
  background: url('img/icon-ticket-black.png') no-repeat center; background-size: contain;
  display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 4px 5px 4px 0;
}
.movie-list .tag .small { font-size: 10px; }
.movie-list .tag.red { color: #FF0000; border-color: #FF0000; }
.movie-list .tag.red .icon-ticket { background-image: url('img/icon-ticket-red.png');   }
@media screen and (min-width: 768px) {
    .movie-list { display: flex; flex-direction: row; flex-wrap: wrap; align-self: flex-start; }
    .movie-list .arrow { background-position: right 1500px center; }
    .movie-list:last-child { border-bottom: 0px; }
    .movie-list .movie { border-top: 0px; display:flex; flex-wrap: wrap; align-self: flex-start; padding: 15px 30px 15px 15px; color: #000; width:245px;}
    .movie-list .movie-poster { flex: 200px 0 0; margin-bottom: 10px;}
    .movie-list .movie-poster img { height: 289px;  }
    .movie-list .movie-info { font-size: 12px; text-align: center; }
    .movie-list .movie-schedule { width:100%; text-align:center; }
    .movie-list .movie-title { font-weight: bold; font-family: "Open Sans",sans-serif; text-align: center; }
}
@media (max-width: 320px) {
  .movie-list .movie-poster { flex: 70px 0 0; }
  .movie-list .movie-poster img { height:100px; }
}



/* si in listari si in pagina unui film */
.movie-schedule { margin:5px 0; gap:15px;}
.movie-schedule .day-wrapper { margin-bottom:10px; text-align:center; }
.movie-schedule .day-wrapper { max-width:150px; border-radius:10px; padding:10px; }
.movie-schedule .day { margin:0; text-align:center; }
.movie-schedule .show-time { margin:5px 0 5px 0; }
.movie-schedule .show-time .hall { white-space:nowrap; }
.movie-schedule .show-time .info { display:block; color: #525252; font-size: 11px; font-weight: 700; }
.movie-schedule .show-time.active { background-color:#000; color:#FFF; }
.movie-schedule .show-time.active .info { color:#DBDBDB; }
.movie-schedule .show-time.disabled { color:#999; border-color:#999; opacity:1; }
.movie-schedule .fs {text-transform: uppercase;  font-size: 12px; font-weight:400;}

@media (max-width: 767px) {
    .movie-schedule { padding:0; justify-content: space-around; }
    .movie-schedule .day-wrapper { margin-right: 0!important; min-width: 30%;}
}




/* movie list : END */
/* Movie page: BEGIN */
.movie-header {
  position: relative;
  overflow: hidden;
}
.movie-header .movie-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.movie-header .movie-background img {
  min-height: 100%;
  min-width: 100%;
}
.movie-header .movie-background:after {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  height: 60%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.movie-header .trailer-link {
  position: relative;
  width: 100%;
  height: 250px;
  background: url('img/icon-play.png') no-repeat center;
  background-size: 80px;
  display: block;
}
.movie-header .movie-title {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-weight: 200;
  padding: 0 15px;
  text-align: center;
}
.movie-header .movie-title .type {
  color: #9F9F9F;
}
.movie-header .movie-orig-title {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}
.movie-header-tags {
  background: #000;
  padding: 0 15px 15px;
}
.movie-header-tags .tags-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.movie-header-tags .tags-list .tag {
  margin: 0 5px;
  padding: 0 7px;
  line-height: 18px;
  border-radius: 9px;
  color: #A0A0A0;
  border: 1px solid #A0A0A0;
  font-size: 12px;
  text-transform: uppercase;
}
.movie-header-tags .tags-list .tag.avanpremiera {
  color: #ff0000;
  -background: #FF0000;
  border-color: #FF0000;
}
.movie-main > div {
  padding: 20px 5px;
}
.movie-main > div:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.movie-main .movie-rating {
  display: flex;
  padding: 20px 0;
  text-transform: uppercase;
}
.movie-main .movie-rating > div {
  flex: 50% 0 0;
  padding: 0 15px;
}
.movie-main .movie-rating > div:first-child {
  border-right: 1px solid #eee;
}
.movie-main .movie-rating .rating-title {
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
    margin-right:20px;
}
.movie-main .movie-rating .rating-title span {
  display: block;
}
.movie-main .movie-rating .rating-value {
  font-size: 30px;
  --font-weight: 200;
    font-weight:400;
}
.movie-main .movie-age-duration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
}
.movie-main .movie-age-duration .age-rating .bordered {
  line-height: 18px;
  display: inline-block;
  padding: 0 7px;
  border-radius: 9px;
  border: 1px solid #000;
  margin-right: 4px;
}
.movie-main .movie-age-duration .age-rating.n15 {
  color: #8D1E78;
}
.movie-main .movie-age-duration .age-rating.n15 .bordered {
  border-color: #8D1E78;
}
.movie-main .movie-age-duration .duration {
  text-align: center;
}
.movie-main .movie-age-duration .duration .icon-time {
  display: block;
  margin: 0 auto 5px;
  width: 20px;
  height: 20px;
  background: url('img/icon-clock.png') no-repeat center;
  background-size: contain;
}
.movie-main .movie-synopsis {
  min-height: 180px;
  	display:flex;
    align-items: stretch;
    gap:20px;
}
.movie-main .movie-synopsis .poster {
  display: flex;
  flex-direction: column;
}

.movie-main .movie-synopsis .movie-info-column {
  flex: 4;
  display: flex;
  flex-direction: column;
}

.movie-main .movie-synopsis .synopsis {
  font-weight: 300;
  font-size: 14px;
  color: #525252;
  margin-top: 15px;
}
.movie-main .movie-info .info-header {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.movie-main .movie-info .info-text {
  color: #525252;
  font-size: 18px;
  font-weight: 300;
}
.movie-main .movie-info .info-text:not(:last-of-type) {
  margin-bottom: 10px;
}
.movie-main .tag .light {
    color: #525252;
    font-size: 12px;
    font-weight: 300;
}


@media (max-width: 768px) {
  .movie-main .movie-synopsis {
    flex-wrap: wrap;
  }
  .movie-main .movie-synopsis .movie-info-column {
    display: contents;
  }

  .movie-main .movie-synopsis .poster {
    order: 1;
  }
  .movie-main .movie-info {
    order: 2;
    flex: 0 0 50%;
  }
  .movie-main .movie-synopsis .synopsis {
    order: 3;
    flex: 0 0 100%;
    margin-top: 0px;
  }
}

main.movie {
  padding-bottom: 72px;
}
/* Movie page: BEGIN */
/* Program page: BEGIN */
.calendar-schedule {
  list-style-type: none;
  margin: 0;
  padding: 0 15px;
  display: flex;
  background: #eee;
  margin-bottom: 20px;
}
.calendar-schedule .schedule-day {
  flex-grow: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.calendar-schedule .schedule-day a {
  padding: 10px 0;
  display: block;
  color: #212529;
}
.calendar-schedule .schedule-day.today {
  position: relative;
}

.calendar-schedule .schedule-day.today:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #393E44;
  position: absolute;
  left: 50%;
  margin-left: -15px;
}
.calendar-schedule .schedule-day.inactive {
  opacity: 0.3;
}
.calendar-schedule .schedule-day.inactive a {
  text-decoration:none!important;
  cursor:default;
}
.calendar-schedule .schedule-day.more {
  display: flex;
}
.calendar-schedule .schedule-day.more a {
  width: 100%;
  height: 100%;
  font-size: 44px;
  line-height: 16px;
  padding-top: 0px;
  text-decoration: none;
  letter-spacing: -3px;
}

.calendar-schedule .schedule-day.today a {
  background-color: #393E44;
  color: #fff;
}

.more.today:after {
  bottom:-15px;
}

/* Program page: END */
.sign-up .container-fluid {
  padding: 20px 15px;
}
.sign-up .container-fluid h1 {
    margin:0;
}
.log-in .container-fluid {
  padding: 20px 15px;
}
.log-in button[type="submit"] {
  margin-bottom: 20px;
}
.log-in .btn-link {
  color: #F30000;
}

ul.link-list {
  list-style-type: none;
  padding-left:100px;
  padding-top:10px;
}

ul.link-list li {
  margin: 20px 0;
  font-size:18px;
}

ul.link-list li a {
  color: #333;
  text-decoration:none;
}

ul.link-list li a:hover {
  color: #000;
  text-decoration:none;
}

.page-wrapper {  padding: 20px 15px; }
.page-wrapper .page-title { text-align:center; margin: 0 0 20px; }
.page-wrapper .page-content { }
.page-wrapper .page-content p { margin-bottom: 30px; color: #525252; font-size: 14px; font-weight: 300; }

.bottom_links { border-top: 1px solid #eee; display:block; padding: 30px 25px 15px 0px; margin: 15px;  background-image: url('img/right-arrow-grey.png'); background-size: 8px; background-position: right 0px center; background-repeat: no-repeat; }
.bottom_links a { color: #212529; }




@media screen and (min-width: 768px) {

.program_vertical .movie-list .arrow { width:100%; flex-wrap:nowrap; }
.program_vertical .movie-list.bb {padding: 0 20%;}
.program_vertical h1.movie-list-header {
	padding: 20px 12% 0 12%;
}
.program_vertical .movie-list .arrow .movie-poster {
	flex: 150px 0 0;
}
.program_vertical .movie-list .arrow .movie-poster img { width: 150px!important; height: auto!important; }
.program_vertical .movie-list .arrow .movie-info { font-size:14px; }

.program_vertical .movie-list .arrow .movie-info { text-align: left; }
.program_vertical .movie-list .movie-title { text-align: left; }


/* Header : BEGIN */
.header-wrapper { max-width: 992px; }
.movie-main > div:not(:last-child) { border-bottom: 0px; }

.movie-main .movie-synopsis .poster img {
  width: 200px;
  max-height: 290px!important;
}

.movie-main .movie-synopsis {
    min-height: 0px;
}

.movie-main .movie-age-duration {
	border-bottom: 1px solid #eee!important;

}

.bottom_links { background-position: right 1500px center; }


}