/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}div,article,footer,header,nav,section{display:block}a{background-color:transparent}a,a:link,a:active,a:hover,a:visited{outline:0}b,strong{font-weight:bold}h1{font-size:2em;margin:0.67em 0}img{border:0}svg:not(:root){overflow:hidden}input{color:inherit;font:inherit;margin:0}input[type="submit"]{-webkit-appearance:button;cursor:pointer}html input[disabled]{cursor:default}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}

/* Main CSS document */

/* Basic elements */

html,
body {height: 100%;}

body {
    background: #330066;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    font-weight: 500;
    position: relative;
    z-index: 10;
}

h1 {
    background: url("../img/logo.png") no-repeat;
    background-size: contain;
    display: block;
    height: 296px;
    margin: 0;
    position: absolute;
    right: 50px;
    top: 91px;
    text-indent: -9999px;
    width: 600px;
    z-index: 30;
}

ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* End Basic elements */

/* Wrapper */

.wrapper {
    background: #330066;
    height: 800px;
    min-width: 1100px;
    width: 100%;
}

/* End Wrapper */

/* Info block */

.site-info {
    background: url("../img/concert.jpg") no-repeat;
    background-size: cover;
    border-top: 5px solid #f9a11e;
    box-shadow: 5px 0 5px #29034e;
    height: 795px;
    min-width: 1100px;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 20;
}

.artist {
    background: url("../img/artist.png") no-repeat;
    background-size: contain;
    bottom: 0;
    height: 775px;
    left: 0;
    position: absolute;
    width: 804px;
    z-index: 30;
}

.social {
    position: absolute;
    right: 111px;
    top: 360px;
    width: 396px;
    z-index: 40;
}

.social li {
    display: block;
    float: left;
    margin: 0 22px 0 0;
    opacity: .5;
}

.social li:hover {opacity: 1;}

.social li:first-child {
    background: url("../img/fb.png");
    height: 44px;
    width: 44px;
}

.social li:nth-child(2) {
    background: url("../img/twitter.png");
    height: 37px;
    margin: 4px 22px 0 0;
    width: 46px;
}

.social li:nth-child(3) {
    background: url("../img/instagram.png");
    height: 44px;
    width: 44px;
}

.social li:nth-child(4) {
    background: url("../img/soundcloud.png");
    height: 30px;
    margin: 7px 22px 0 0;
    width: 64px;
}

.social li:nth-child(5) {
    background: url("../img/spotify.png");
    height: 44px;
    width: 44px;
}

.social li:nth-child(6) {
    background: url("../img/youtube.png");
    height: 44px;
    margin: 0;
    width: 37px;
}

.social li:nth-child(7) {
    background: url("../img/beatport.png");
    height: 38px;
    margin: 25px 22px 0 109px;
    width: 62px;
}

.social li:nth-child(8) {
    background: url("../img/itunes.png");
    height: 44px;
    margin: 22px 22px 0 0;
    width: 36px;
}

.social li:last-child {
    background: url("../img/googleplay.png");
    height: 40px;
    margin: 26px 0 0 0;
    width: 36px;
}

.social a {
    display: block;
    float: left;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}

.management {
    position: absolute;
    right: 111px;
    top: 490px;
    text-align: center;
    width: 396px;
    z-index: 40;
}

.management > h2 {
    color: #fff;
    font-size: 137.5%;
    font-weight: 500;
    line-height: 16px;
    margin: 29px 0 14px 0;
    text-transform: uppercase;
}

.management a {
    color: #f9a11e;
    font-size: 125%;
    line-height: 16px;
    text-decoration: underline;
}

.management a:hover {text-decoration: none;}

/* End Info block */

/* Widget */

.widget {
    background: #f9a11e;
    height: 70%;
    min-width: 1000px;
    max-width: 1340px;
    margin: 0 auto;
    padding: 37px 50px;
}

/* End Widget */


/* Helper classes */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

/* End Helper classes */