@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic);

html {
height: 100%;
}

body {
padding: 0;
margin:0;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
color: #ffffff;
-webkit-font-smoothing: antialiased;
background: #163a30 url(../images/bg_space.jpg) 50% 0 no-repeat;
background-size: cover;
background-attachment: fixed;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

img {
border: 0;
text-decoration: none;
}

#bg-parallax { 
background: url(../images/bg_space.jpg) 50% 0 no-repeat fixed; 
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}

.logo {
border: 0;
text-decoration: none;
}

.cover {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
text-align: center;
background-size: 100%;
}
.rassvet {
background: url(../images/header.jpg) 50% 0 no-repeat;
}
.history {
background: url(../images/cover_history.png) 50% 0 no-repeat;
}
.events {
background: url(../images/cover_events.png) 50% 0 no-repeat;
}
.contacts {
background: url(../images/cover_contacts.png) 50% 0 no-repeat;
}
.music {
background: url(../images/cover_music.png) 50% 0 no-repeat;
}
.video {
background: url(../images/cover_video.png) 50% 0 no-repeat;
}

.covertop {
width: 100%;
max-width: 900px; 
height: 410px;
}

#main {
position: relative;
display: inline-block;
width: 100%;
max-width: 900px; 
background: rgba(167, 167, 167, 0.2);
margin: 0 0 20px 0;
padding: 40px;
font-size: 1.2em;
line-height: 1.3;
text-align: justify;
cursor: default;
color: rgba(255, 255, 255, 0.8);
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#main:hover {
background: rgba(22, 58, 47, 0.6);
color: rgba(255, 255, 255, 1.0);
}

a {
font-weight: 600;
color: #ffffff;
border-bottom: 0px solid transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
text-decoration: none;
}
#main a:hover {
color: #f9995d;
border-bottom: 1px solid #f9995d;
text-decoration: none;
}

h1 {
padding: 0;
margin: 20px auto;
font-size: 4.5em;
font-weight: 300;
letter-spacing: -1px;
outline: none;
text-decoration: none;
font-variant: small-caps;
}

h2 {
padding: 0 0 10px 0;
margin: 0;
font-size: 2.2em;
font-weight: 600;
letter-spacing: -1px;
outline: none;
text-decoration: none;
line-height: 90%;
}

h3 {
padding: 0 0 3px 0;
margin: 0;
font-size: 1.4em;
font-weight: 500;
letter-spacing: -1px;
outline: none;
text-decoration: none;
}

h4 {
padding: 0;
margin: 0;
font-size: 1.3em;
font-weight: 400;
letter-spacing: -1px;
outline: none;
text-decoration: none;
}

h5 {
padding: 0;
margin: 0;
font-size: 1.3em;
font-weight: 500;
letter-spacing: -1px;
outline: none;
text-decoration: none;
}

h6 {
padding: 0 0 7px 0;
margin: 0;
font-size: 0.7em;
font-weight: 500;
outline: none;
text-decoration: none;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #fff;
margin: 0.5em 0;
padding: 0;
margin-right: 20px;
}

.date {
position: absolute;
display: inline-block;
top: 0;
right: 0;
margin: -18px 2px 0 0;
font-size: 3.5em;
font-style: italic;
font-weight: 700;
color: rgba(255, 255, 255, 0.2);
letter-spacing: -4px;
text-align: right;
outline: none;
text-decoration: none;
cursor: default;
}

.button {
display: inline-block;
min-width: 220px;
font-size: 1.4em;
font-weight: 300;
color: #ffffff;
text-decoration: none;
padding: .8em 1em calc(.8em + 4px);
border-radius: 5px;
background: rgba(220, 175, 170, 0.6);
box-shadow: 0 -4px rgba(22, 58, 47, 0.7) inset;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} 
.button:hover {
background: rgba(22, 58, 47, 0.9);
}

footer {
position: relative;
display: block;
width: 100%;
max-width: 1920px; 
background: rgba(22, 58, 47, 0.7);
padding: 0;
margin:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
footer:hover {
background: rgba(10, 36, 29, 0.8);
}

.footer {
width: 100%;
max-width: 940px; 
padding: 20px;
margin: 0px;
font-size: 0.9em;
color: rgba(255, 255, 255, 1.0);
-webkit-font-smoothing: antialiased;
}

.footerlogo {
height: 30px;
padding: 10px 0 10px 0;
margin: 0px;
}

.footerbutton {
opacity: 0.9;
margin: 1px;
padding-bottom: 4px;
border-radius: 5px;
box-shadow: 0 -4px rgba(22, 58, 47, 0.7) inset;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} 
.footerbutton:hover {
opacity: 1.0;
box-shadow: 0 -4px rgba(255, 255, 255, 1.0) inset;
}

.copyright {
width: 100%;
max-width: 940px; 
padding: 12px;
margin: 0px;
font-size: 0.75em;
line-height: 85%;
color: rgba(255, 255, 255, 0.8);
-webkit-font-smoothing: antialiased;
}
.copyright img {
opacity: 1.0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.copyright img:hover {
opacity: 0.7;
}

.counter {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
cursor: default;
width: 0;
height: 0;
}

.event {
position: relative;
width: 100%;
max-width: 900px; 
margin: 0;
padding: 20px;
font-size: 1.2em;
text-align: left;
color: rgba(255, 255, 255, 0.8);
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.event h5 {
padding: 0;
margin: 0 0 0 290px;
font-size: 1.3em;
font-weight: 500;
letter-spacing: -1px;
line-height: 0.9em;
text-decoration: none;
}
.event h6 {
padding: 0;
margin: 0 0 0 290px;
font-size: 1.0em;
font-weight: 500;
letter-spacing: -1px;
line-height: 0.9em;
text-decoration: none;
}

.stitchon {
background: rgba(22, 58, 47, 0.5);
}
.stitchoff {
background: rgba(22, 58, 47, 0.2);
}
.stitchon:hover,
.stitchoff:hover {
background: rgba(22, 58, 47, 0.4);
color: rgba(255, 255, 255, 1.0);
}

.event-date {
position: absolute;
display: inline-block;
top: 0;
left: 0;
margin: -25px 0 0 20px;
padding: 20px 0 0 0;
font-size: 3.5em;
font-style: italic;
font-weight: 700;
color: rgba(255, 255, 255, 0.4);
letter-spacing: -4px;
text-align: left;
outline: none;
text-decoration: none;
cursor: default;
}

.cd {
position: relative;
width: 285px; 
float: left;
margin: 0;
padding: 0 7px 7px 7px;
font-size: 0.9em;
font-weight: 300;
text-align: center;
cursor: pointer;
color: rgba(255, 255, 255, 0.8);
-webkit-font-smoothing: antialiased;
}

.cd-cover {
position: relative;
width: 500px;
margin: 0;
padding: 0;
font-size: 1.0em;
text-align: left;
color: rgba(255, 255, 255, 0.8);
-webkit-font-smoothing: antialiased;
}

.mainbanner{
position: relative;
display: inline-block;
width: 100%;
max-width: 1920px;
height: 200px;
background: url(../images/bg_mainbutton.jpg) 50% 0 no-repeat; 
padding: 0;
margin:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
opacity: 0.7;
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
.mainbanner:hover {
opacity: 1.0;
}