/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
body {
    -webkit-font-smoothing: antialiased;
}

a {
	color: #F4D23A;
}

article{
    width:1240px;
    margin:0 auto;
}

html{
    height: 100%;
    overflow-x: hidden;
}

.menu {
	position: fixed;
	width: 175px;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	z-index: 50;
	right: 0;
	top: 100%;
	.soon {
		font: 14px/14px FuturaPTLight-Reg;
		color: #F4D23A;
		padding-top: 20px;
	}
	
	.link {
		font: 14px/14px FuturaPTLight-Reg;
		color: #fff;
		p {
			margin: 10px 0;
		}
	}
	.raspisanie {
		font: 20px/24px FuturaPTLight-Reg;
		border-top: 1px solid #F4D23A;
		width: 110px;
		margin: 50px auto;
		cursor: pointer;
		opacity: 1;
	}
}

@media screen and (max-width: 1140px) {
	.menu {
		display: none;
	}
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}

.curtains>li{
    -webkit-transform:translateZ(0);
    background: white;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1240px;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}


/* Sliding panels */
.curtains>li {
    box-shadow:0 0 12px #000;
}
.curtains>li:last-child{box-shadow:none}

.logo {
	bottom: 25px;
	left: 25px;
	z-index: 50;
	position: fixed;
	display: none;
}

.social-share {
	margin: 90px 0 0 20px;
}

#section-1{
    background:url(../images/bg/1.jpg) center center no-repeat;
    background-size:cover;
}

.bg_anim {
	position: absolute;
	background-color: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	left: -1200px;
	top: 0;
	z-index: -1;
}

#section-1 header{
    color:#FFF;
    position:absolute;
    background: url(../images/1.png) left center no-repeat;
    top:40px;
    left:50%;
    margin:0 0 0 -500px;
    padding-left: 215px;
    text-align:center;
    opacity: 0;
    
    h1 {
    	font: 41px/50px FuturaPTLight-Reg;
    	text-transform: uppercase;
    }
    p {
    	font: 20px/24px FuturaPTLight-Reg;
    }
}

#section-2{
	background:url(../images/bg/2.jpg) center center no-repeat;
	background-size:cover;
	p {
		font: 25px/50px FuturaPTLight-Reg;
		text-transform: uppercase;
		color: #fff;
		span {
			color: #F4D23A;
		}
	}
}


#section-3{
    background:url(../images/bg/3.jpg) center center no-repeat;
    background-size:cover;
    .big {
    	font: 26px/40px FuturaPTLight-Reg;
    	text-transform: uppercase;
    	width: 290px;
    	color: #fff;
    	padding: 20px 0 40px;
    	border-top: 1px solid #F4D23A;
    	border-bottom: 1px solid #F4D23A;
    	span {
    		color: #F4D23A;
    	}
    }
    .small {
    	width: 290px;
    	font: 20px/30px FuturaPTLight-Reg;
    	color: #fff;
    }
    .select_some {
    	width: 440px;
    	margin: 20px 0 0 520px;
    	position: absolute;
    	top: 0;
    	p {
    		font: 26px/40px FuturaPTLight-Reg;
    		color: #F4D23A;
    	}
    	table {
    		td {
    			vertical-align: top;
    			text-align: center;
    			width: 150px;
    			font: 20px/27px FuturaPTLight-Reg;
    			color: #F4D23A;
    			cursor: pointer;
    			padding: 15px 20px;
    			img {
    				margin-top: 20px;
    			}
    			
    		}
    	}
    }
}

#section-4,#section-5,#section-6,#section-7{
    background:url(../images/bg/5.jpg) center center no-repeat;
    background-size:cover;
    article {
    	padding-top: 70px;
    }
   	.big {
   		font: 51px/50px FuturaPTLight-Reg;
   		text-transform: uppercase;
   		width: 520px;
   		color: #F4D23A;
   	}
   	.small {
   		width: 520px;
   		font: 20px/30px FuturaPTLight-Reg;
   		color: #fff;
   	}
   	.small_icons {
   		img {
   			margin: 0 5px;
   		}
   		.active {
   			border-radius: 50%;
   			-webkit-box-sizing: content-box; 
   			-moz-box-sizing: content-box; 
   			box-sizing: content-box;
   			box-shadow: 0 0 0 20px #F4D23A;
   			margin: 0 20px;
   		}	
   	}
   	.want {
   		position: absolute;
   		top: 100px;
   		left: 50%;
   		margin-left: 50px;
   		padding-left: 40px;
   		background: url(../images/arr.png) 0px 80px no-repeat;
   		img {
   			margin-top: 7px;
   		}
   		p {
   			font: 51px/50px FuturaPTLight-Reg;
   			color: #F4D23A;
   		}
   	}
}

#section-8 {
	background:url(../images/bg/4.jpg) center center no-repeat;
	background-size:cover;
	.bg_anim {
		background-color: rgba(0, 0, 0, .4);
	}
	td {
		vertical-align: top;
	}
	.days {
		position: fixed;
		.back {
			font: 13px/15px FuturaPTLight-Reg;
			color: #F4D23A;
			img {
				float: left;
				padding-right: 10px;
			}
			a {
				text-decoration: none;
			}
		}
		.date {
			font: 30px/30px FuturaPTLight-Reg;
			color: #fff;
		}
		ul {
			padding-top: 40px;
			li {
				font: 14px/21px FuturaPTLight-Reg;
				color: #fff;
				cursor: pointer;
				&.active {
					color: #F4D23A;
				}
			}
		}
	}
	.sort {
		position: fixed;
		margin-left: 820px;
		p {
			font: 30px/30px FuturaPTLight-Reg;
			color: #fff;
		}
		.srt {
			font: 15px/18px FuturaPTLight-Reg;
			color: #F4D23A;
			padding: 7px 0;
			cursor: pointer;
			img {
				float: left;
				padding-right: 10px;
			}
		}
	}
	.list {
		margin: 20px 0 0 320px;
		width: 450px;
		h1 {
			font: 51px/21px FuturaPTLight-Reg;
			color: #F4D23A;
			img {
				float: left;
				padding: 0 13px 0 0;
			}
		}
		h2 {
			font: 30px/30px FuturaPTLight-Reg;
			color: #F4D23A;
		}
		p {
			font: 16px/30px FuturaPTLight-Reg;
			color: #fff;
			span {
				color: #F4D23A;
			}
		}
		.footer {
			height: 300px;
			width: 100%;
		}
	}
}