@font-face {
    font-family: 'Fita_Poluustav';
    font-style: normal;
    font-weight: 400;
    src: local('Fita_Poluustav'), local('Fita_Poluustav-Regular'),
        url('fonts/fita_poluustav.woff') format('woff'),
        url('fonts/fita_poluustav.ttf') format('truetype');
}


@font-face {
    font-family: 'Sunday';
    font-style: normal;
    font-weight: 400;
    src: local('Sunday'), local('Sunday-Regular'),
        url('fonts/sunday-regular.otf') format('otf'),
        url('fonts/Sunday-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Philosopher-Bold';
  src: url('fonts/Philosopher-Bold.ttf');
}


*{
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 } 
html, body{
 	margin:0;
 	padding:0;
 	border:0;
 	width:100%;
 	overflow:hidden;
 } 

#body{
 	width:1080px;
 	height:1920px;
 	background:url('images/fon_.jpg') no-repeat 50% 50%;
 	position:relative; 	margin:0 auto;
 } 

h2{
  margin-top: 28px;
  color: #f5833b;
  text-transform: uppercase;
  padding: 8px 100px;
  background: transparent;
}
.topline {
  overflow:hidden;
  position:relative;
  display:flex;
}

.date_contain{
  background-color:#f5833b;
  font-family: 'Philosopher-Bold';
  color:#fff;
  font-size:20px;
  line-height:24px;
  padding:24px 36px;
}
.day_number{
  font-size:45px;
  line-height:50px;
  text-align:center;
  margin:12px;
  white-space: nowrap;
}
.day_name{
  font-size:40px;
  line-height:40px;
  text-align:center;
  margin:12px;
}
.title{
  padding:12px 48px;
  color:#333;
  font-size:30px;
  font-family: 'Sunday';
  text-transform:uppercase;
}

.programm_now__img {
  max-width:1000px;
}

.bottomline {
  overflow:hidden;
  position:relative;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
.qr_code img {
  height:200px;
}
.qr_code_title {
  padding-left:48px;
  padding-right:48px;
  font-size:24px;
  line-height: 30px;
  color:#333;
  width:100%;
}

.main-contain {
  overflow-x: hidden;
  height:1320px;
  margin-top: 110px;
  position:relative;
  padding-bottom:500px;
}
.refresh-btn {
  background-color: #f5833b;
  border: 0;
  padding: 8px 16px;
  margin: 163px 0 0;
  border-radius: 20px;
  font-size: 14px;
  background-color: #fff;
  cursor:pointer;
}

.menu {
  position:fixed;
  left:0;
  right:0;
  top:200px;
}
.menu a, .menu button{
  display:inline-block;
  text-transform:uppercase;
  text-decoration:none;
  border:3px solid #f5833b;
  font-family: 'Philosopher-Bold';
  color:#f5833b;
  padding:12px 24px;
  margin:8px 24px;
  border-radius:24px;
  font-size: 20px;
  background-color: #fff;
}
.menu button{
  margin-left:80px;
}
h2.active{
  margin-top: 28px;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 100px;
  background-color: #f5833b;
}