/************************************** GLOBAL **************************************/ html{width: 100%; height: 100%;} body{ width: 100%; height: 100%;background-color: #000; color: #fff; margin: 0; font-size: 62.5%; font-family: menco, verdana, arial,sans-serif !important; font-weight: 300; font-style: normal; } a:link, a:visited{ text-decoration: none; color: #fff; } a:hover, a:active{ text-decoration: none; color: #f92381; } #background-wrapper{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url('../images/bg.jpg'); background-position: top center; background-size: cover; z-index: -1; min-height: 400px; } .page{ width: 100%; height: 250%; } #content{ width: 100%; height: 100%; text-align: center; } /************************************** HEADER **************************************/ header{position: fixed; z-index:4; top:0px; bottom:0px; left:0px; right:0px; background-color: rgba(0,0,0,0.8); } /*.bgFade{ position: fixed; z-index:3; top:0px; bottom:0px; left:0px; right:0px; background-color: rgba(0,0,0,0.8); } */ .row{ margin-left:0px !important; margin-right:0px !important;} .logo-container {background-image:url('../img/logo.png?v=3'); background-repeat: no-repeat; background-position: center; background-size: 100%; margin: 0px auto; padding-top: 220px; max-width:600px; width:100%; height:0px; padding-top:310px;} .menu-container{margin-top:-65px; padding-left:150px;font-size: 1.8em; } .menu-container li{ display: inline-block; padding:0px 10px;} p{padding-bottom:20px;} h4{ color:#9f9f9f; font-size:0.6em; } @media screen and (max-width: 600px){ .logo-container { padding-top:55%; } .menu-container{ position:absolute; top:10px; font-size:1.8em; right:0px; left:0px; width:100%; z-index:9999; margin-top:0px !important; padding-left:0px !important; } } @media screen and (max-width: 550px){ .logo-container { padding-top:63%; background-size: 120%;} } .bgColor{ background-color: #000000;} .bgContainer{ display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:-1; background-color:#000000; background-image:url('../img/live.jpg?v=3'); background-repeat: no-repeat; background-position: center; background-size: cover; } .btn{ display: inline-block; padding:8px 15px; border:1px solid #FFFFFF; letter-spacing:2px; font-size: 1.3em; border-radius: 0px;} .btn:hover{background-color: #FFFFFF; color:#000000;} .content{position: relative; top:0px; width: 100%; z-index:1; padding-bottom:30px; transition: all 0.3s ease} .release-div{display: inline-block;float:none; text-align: center; vertical-align:top;} .fixed-content{position: fixed; top:0px; width:100%; z-index:2;} .pimage img{width: 100%; height:auto;} .artwork-image{ height:0px; padding-top:100%; width:100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .artwork-overlay{ -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; padding:20px; text-align: center; background-color: rgba(0,0,0,0.8); opacity: 0; position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 9999;} .artwork-image:hover .artwork-overlay{ opacity: 1; } .artwork-overlay h2{ font-style: normal; font-size: 2.6em; text-transform: uppercase; font-weight: 400 !important;letter-spacing:2px;} .artwork-overlay h3{ padding-top:5px; font-size: 1.8em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; letter-spacing:1px;text-transform: uppercase; font-weight: 400; color:#929292;} .artwork-overlay p { font-family: verdana, arial,sans-serif; font-size: 1.3em; color:#dcdcdc; padding-top:2px; font-weight: 100;} /************************************** FOOTER **************************************/ footer{font-family: verdana, arial,sans-serif; font-size:0.9em; font-weight: 100; position: fixed; z-index:999; bottom:0px; left:0px; right:0px; background-color:#0c0c0c; } footer.footer-static{ position: relative; bottom:auto; left:auto; right:auto; background-color:transparent;} footer.footer-static .pull-right{ padding-top:18px; padding-right:10px;} footer.footer-static .footer-copyright{ padding-top:18px; padding-left:10px;} .socials-container ul li{ display: inline-block; font-size: 2.5em; border-right:1px solid #696868; padding:7px 15px 4px 15px; } footer.footer-static .socials-container ul li{ display: inline-block; font-size: 3em; border-right:1px solid #696868; padding:15px 15px 15px 15px; } .socials-container ul li:last-child, footer.footer-static .socials-container ul li:last-child{ border-right:0px solid #FFFFFF; } @media screen and (max-width: 768px){ .content{padding-bottom:0px;} footer{ position: relative !important; bottom:auto; padding-top:20px; padding-bottom:20px;} footer .pull-right{float:none !important;} .socials-container ul li{border-right:0px solid #696868; font-size: 2.6em; padding:7px 5px 4px 5px;} } @media screen and (max-width: 768px){ .touch .release-div.active-release{width:100% !important;} .touch .release-div .artwork-overlay{display:none;} .touch .release-div.active-release .artwork-image{ height:auto; background-size: 100%; background-position: top center;} .touch .release-div.active-release .artwork-overlay{ height:auto; display:block; position: relative; top:auto; bottom:auto; left:auto; right:auto; } .touch .release-div.active-release .btn{display: block;} .touch .fluid-container{background-color: #000000; text-align: left !important} .about-content{text-align:justify !important; padding-top:80px !important; font-size: 2.2em !important; padding-left:0px; padding-right:0px;} .about-logo img{width: 120px;} .about-content p{text-align:justify } } /**************** SIGN UP ******************************/ .errorText{text-align: center; padding:5px 0px; font-size: 0.7em; display: none; color:#f92381;} .successText{text-align: center; color:#FFFFFF; font-size: 1em; line-height: 1.1em;} #signup{ text-align: center; padding:5px 0px 0px 0px; width:100%; } #signup #form{ padding:0px 10px; } #signup input{ text-align: center; width:100%; padding:5px 10px; -webkit-appearance: none; -webkit-border-radius: 0; background-color: transparent; border:0px; font-size:1.2em; border:0px solid transparent; color:#FFFFFF; box-sizing: border-box; letter-spacing: 2px; } #signup .emailContainer{ border-bottom:1px solid #ffffff; } #signup .submitButton{ text-align: center; } #signup .submitButton input{ margin-top:10px; border: 0px solid #341728; background-color: transparent; color:#9f9f9f !important; width:100%; letter-spacing: 1px; cursor: pointer; font-size:0.8em; } #signup .submitButton input:hover{ color:#000000 !important; background-color:#FFFFFF; } #signup .countryContainer{ padding-top:5px; } #signup select{ width:100%; max-width: 350px; padding:7px 10px; font-size:1em; border: 0px solid transparent; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: transparent; background-image: url('_assets/images/arrow-down.png'); background-repeat: no-repeat; background-position: center right; line-height: 1.1em; color:#FFFFFF; text-transform: uppercase; } #signup select{ text-align-last:center; text-align: center; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFFFFF; } ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; } :-ms-input-placeholder { /* IE 10+ */ color: #FFFFFF; } :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; }