/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300italic,300,400italic,600,700);
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800); */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.67em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 40px} dfn{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,select{text-transform:none} button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0}


/* General Styles */
#mask { background-color: #000; height: 100%; position: fixed; width: 100%; z-index: 100000; } .loader { position: absolute; width: 40px; height: 40px; margin: -20px 0 0 -20px; top: 50%; left: 50%; } 
body{ background: #000; font-family: 'Titillium Web', sans-serif; }
.height20 {height:20px; margin:0; padding:0; width:100%; float:left;}
.bottom { padding-bottom:80px;}
.tc-list { width:100%; float:left;}
.tc-list ul{ width:100%; float:left; display:inline; margin:0; padding:0;}
.tc-list li{  background: url("../img/list-bullet.png") no-repeat scroll left 14px rgba(0, 0, 0, 0); display: inline; float: left; font: 600 16px/32px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 10px 0 10px 27px; width: 95%; line-height:22px; color:#aaa;}
/* .tc-list li ol { display:inline; width:100%;} */
.tc-list > nested-list > ul{ display:inline; width:100%; font: 300 16px/32px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important;}

.nested-list > li{ display:inline; width:100%; font: 300 16px/27px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important; background:url(../img/bullet-point.png) no-repeat scroll 36px 12px rgba(0, 0, 0, 0);}

.boldtext {font: 600 18px/27px 'Titillium Web', sans-serif; color:#333; float:left; padding:10px 0;}
.RedText {font: 400 16px/22px 'Titillium Web', sans-serif; color:#aaa; float:left; padding:5px 0; width:100%; margin-left:25px;}

.tc-list1 { width:100%; float:left;}
.tc-list1 ul{ width:100%; float:left; display:inline; margin:0; padding:0;}
.tc-list1 li{  background: url("../img/list-bullet.png") no-repeat scroll left 21px rgba(0, 0, 0, 0); display: inline; float: left; font: 300 18px/32px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 20px 0 5px 27px; width: 95%; line-height:22px; color:#aaa;}
/* .tc-list li ol { display:inline; width:100%;} */
.tc-list1 > nested-list > ul{ display:inline; width:100%; font: 300 16px/32px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important;}

.nested-list > li{ display:inline; width:100%; font: 300 16px/27px 'Titillium Web', sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important; background:url(../img/bullet-point.png) no-repeat scroll 36px 12px rgba(0, 0, 0, 0);}

.boldtext {font: 600 18px/27px 'Titillium Web', sans-serif; color:#333; float:left; padding:10px 0;}
.RedText {font: 400 16px/22px 'Titillium Web', sans-serif; color:#aaa; float:left; padding:5px 0; width:100%; margin-left:25px;}
.RedText1 {font: 600 16px/22px 'Titillium Web', sans-serif; color:#aaa; float:left; padding:5px 0; width:90%; margin-left:25px;}

.faqs { 
background: url(../img/BG/bodyBG.jpg) center center #161616; padding-top: 0;   /* position: relative; */
  /* padding-bottom: 65px; */}

.main-wrapper{ width: 1200px; height: auto; margin: auto; } 
.full-wrapper{width: 100%; position: relative;} 
.parallax-wrapper{ width: 100%; position: relative; width: 100% !important; margin: 0; padding: 0; /*overflow: hidden;*/ } .parallax-wrapper2{ width: 100%; position: relative; width: 100% !important; margin: 0; padding: 0; overflow: hidden; background: url(../img/parallax/01.jpg) 50% 0% repeat-y fixed; }  
.floatleft { float:left;} 
.parallax-wrapper1{ width: 100%; /* position: relative; */ width: 100% !important; margin: 0; padding: 0; overflow: hidden; background: url(../img/bg-3.jpg) center center #161616; }  
.parallax-wrapper3{ width: 100%; /* position: relative; */ width: 100% !important; margin: 0; padding: 0; overflow: hidden; /* background: #2D2A3F; */ background: #0c0a18; }  
.parallax-wrapper4{ width: 100%; /* position: relative; */ width: 100% !important; margin: 0; padding: 0; overflow: hidden; /* background: #2D2A3F; */ background: #0c0a18; } 
.parallax-wrapper5{ width: 100%; /* position: relative; */ width: 100% !important; margin: 0; padding: 0; overflow: hidden; /* background: #2D2A3F; */ background: #000; } 
.front-content{ position: absolute; left: 50%; z-index: 5; } 
/* Titles */
section h1 { font-size: 35px; text-transform: uppercase; font-weight: 300; color: #aaa; font-family: 'Titillium Web', sans-serif; text-align: center; margin: 110px 0 10px; } /* 6b6d6f */
.spacer{ width: 65px; height: 3px; margin: auto; margin-bottom: 70px; background: #0e76bc; } 
#Banner { width:100%; height:500px; margin-top: 118px;}

#Banner img{ width:100%; height:500px;}

.aboutvh1 p { font-size: 19px; padding: 10px 0; color: #aaa; font-family: 'Titillium Web', sans-serif; /* text-align: justify; */ } 
/* Header */
.header{
	/* height: 150px; */
/* height: 100px; position: fixed; top: 0; background: #000; z-index: 500; } */
height: 115px; position: fixed; top: 0; background: #000; z-index: 500; }
/* .main-logo{float: left; margin-left: 130px; margin-top: 60px;}
.main-menu{float: right; margin-right: 130px; margin-top: 60px;} */
/* .main-logo{float: left; margin-left: 130px; margin-top: 25px;}
.main-menu{float: right; margin-right: 130px; margin-top: 25px;} */
.main-logo{float: left; margin-left: 130px; margin-top: 10px;}
.main-menu{float: right; margin-right: 130px; margin-top: 18px;}

.main-menu li{
	float: left;
}
.symbol { float: left; font-size: 32px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 25px; } 
.navbar-brand { float: left; max-width: none; } 
.symbol span{color: #0e76bc;} 
.navbar-brand ul li { width: 5px; height: 26px; background: #534e4e; margin: 0 1px; line-height: 26px; border-radius: 1px; display: inline-block; } 
.navbar-brand ul li:first-child { height: 12px; /*margin-top: 14px;*/ } 
.navbar-brand ul li:nth-child(2) { height: 20px; /*margin-top: 6px;*/ } 
.navbar-brand ul {margin-right: 7px;} 
.main-menu li a { position: relative; display: inlne-block; padding: 7px 14px; margin: 24px 2px 0 2px; border: #000 2px solid; color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-weight: bold; } 
.main-menu li a:hover{border-color: #0e76bc !important;}
.main-menu li.current a{border-color: #0e76bc !important;}

/* Logo animation */
@-webkit-keyframes move1 {
  0% { height: 5px; }
  25% { height: 15px; }
  75% { height: 10px; }
  100% { height: 2px; }
}

@-webkit-keyframes move2 {
  0% { height: 2px; }
  25% { height: 12px; }
  75% { height: 20px; }
  100% { height: 5px; }
}

@-webkit-keyframes move3 {
  0% { height: 7px; }
  25% { height: 2px; }
  75% { height: 20px; }
  100% { height: 7px; }
}
.navbar-brand ul li:nth-child(1) { -moz-animation: move1 infinite 0.5s linear; -webkit-animation: move1 infinite 0.5s linear; } 
.navbar-brand ul li:nth-child(2) { -moz-animation: move2 infinite 0.7s linear; -webkit-animation: move2 infinite 0.7s linear; } 
.navbar-brand ul li:nth-child(3) { -moz-animation: move3 infinite 1s linear; -webkit-animation: move3 infinite 1s linear; } 
/* Jump Menu */
#nav2 { display: none; width: 100%; position: absolute; top: 0; right: 0; } 
#nav2 > a { width: 100px; height: 100px; text-align: left; text-indent: -9999px; position: relative; background: url("../img/icons/menu-icon.png") no-repeat bottom #0e76bc; float: right; cursor: pointer; }
 #nav2 > ul { height: auto; display: none; position: absolute; left: 0; right: 0; margin-top: 100px; } 
 #nav2 > ul > li { width: 100%; float: none; background: #000; background: rgba(0,0,0,0.8); text-align: center; padding-bottom: 14px; text-transform: uppercase; font-size: 14px; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; font-weight: bold; } 
#nav2 > ul > li:first-child {padding-top: 15px}
#nav2 > ul > li:last-child {padding-bottom: 25px}
#nav2 > ul > li a{color: #fff;}
#nav2 > ul > li a:hover{color: #0e76bc;}
#nav2.active > ul {display: block;}

/* Slider */
.slider{ margin-top: 150px; } 
.slides-navigation { margin: 0 auto; position: absolute; z-index: 30; top: 46%; width: 100%; } .slides-navigation a { position: absolute; display: block; } 
.slides-navigation a.next {right: 0;} 
.slides-navigation a.prev {left: 0;} 
.slides-navigation .next { background: url("../img/icons/slider-nav-next.png") no-repeat right top; width: 102px; height: 102px; margin-right: 70px; } 
.slides-navigation .prev { background: url("../img/icons/slider-nav-prev.png") no-repeat right top; width: 102px; height: 102px; margin-left: 70px; } 
.slides-navigation .prev:hover, .slides-navigation .next:hover {background-position-y: -108px;} 
.overlay { background: transparent url("../img/overlays/overlay-01.png"); /* Select your Overlay: overlay-01, overlay-02, overlay-03... */ opacity: 0.5; z-index: 0; width: 100%; height: 100%; position: absolute; z-index: 3; top: 0;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.main-title { width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; } .title-container { width: 800px; height: 100%; position: relative; margin: auto; } .welcome.logo { top: 39%; position: absolute; } .top-spacer { background: #0e76bc; width: 130px; height: 3px; position: absolute; top: 15px; } 
.top-spacer.one {left: 0;}
.top-spacer.two {right: 0;}
.title-container .logo img { width: 796px; height: auto; } .welcome.logo .spacer-box { width: 22px; height: 22px; background: #0e76bc; position: absolute; left: 381px; top: 191px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .welcome.logo ul {position: relative;} .welcome.logo ul li { width: 100%; text-align: center; position: absolute; opacity: 0; top: 70px; color: #b1b1b1; font-size: 24px; font-family: 'Titillium Web', sans-serif; font-weight: 300;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-timing-function: ease; -webkit-transition-timing-function: ease; } .welcome.logo ul li.t-current { opacity: 1; top: 30px;  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; transition-timing-function: ease; -webkit-transition-timing-function: ease; } .welcome.logo ul li span {color: #0e76bc;} 
/* Audio Player */


/* Last News Section */
.last-news-wrapper{ width: 100%; position: relative; margin-bottom: 135px; } 
.last-news-container{ width: 1200px; height: auto; margin: auto; position: relative; } 
.news-box{ overflow: hidden; position: relative; } 
.news-nav div{ cursor: pointer; width: 46px; height: 84px; position: absolute; top: 250px; }
.news-nav div:hover{background-color: #0e76bc;} 
.last-news-prev{ left: -85px; background: url(../img/icons/prev-news.png) #838282; } 
.last-news-next{ right: -85px; background: url(../img/icons/next-news.png) #838282; } 
.news-box ul li{ float: left; width: 300px; height: 600px; cursor: pointer; } 
.news-box ul li.start,.news-box ul li.end {display: none;}
.news-info{ width: 260px; height: 240px; background: #2b2b2b; padding: 30px 20px; position: relative; 	

	/*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/ 
	}
.news-info h1{ margin: 0; color: #f1212d; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; 	
	/*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/ 
	}
.news-info p{ margin: 0; color: #858585; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; 	
	/*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/ 
	}
.news-info .news-date{ margin: 0; color: #f1212d; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; position: absolute; bottom: 30px; left: 20px; 	/*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ 
}
.news-thumb img{ width: 300px; 	height: auto; 	opacity: 1;	
	/*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/ }
.news-thumb {background-color: #111;}
.last-news:hover .news-thumb img{opacity: 0.1;}
.last-news:hover .news-info{background-color: #0e76bc;}
.last-news:hover .news-info .news-date, .last-news:hover h1, .last-news:hover p{color: #fff !important;}
.news-container{ width: 780px; margin: auto; position: relative; } .news-container iframe{width: 780px;} .nav-news div{ position: absolute; top: 180px; cursor: pointer; width: 46px; height: 84px; } .nav-news div:hover{background-color: #0e76bc;} .nav-news .news-prev{ left: -85px; background: url(../img/icons/prev-news.png) #838282; } .nav-news .news-next{ right: -85px; background: url(../img/icons/next-news.png) #838282; } .close-btn, .close2-btn{ width: 28px; height: 28px; background: url("../img/icons/close.png") top #0e76bc; border-radius: 50%; border: 3px solid #0e76bc; cursor: pointer; position: absolute; } 
.close-btn:hover, .close2-btn:hover{border-color: #fff !important; background-color: #fff !important;}
.close2-btn{right: -60px; top: -45px;}

/* Tour Dates */
#dates>div:nth-of-type(1) {
	/* background: url(../img/parallax/01.jpg) 50% 0% repeat-y fixed; */
background-color: #333333; margin: 0; height: 850px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; /*	background-size: 100%;*/	
-moz-background-size: cover !important; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; } 
.parallax-wrapper.dates { height: 850px; position: relative; width: 100% !important; /*min-width: 1000px;*/ margin: 0; padding: 0; } .square-bg{ width: 700px; height: 700px; background: #323131; opacity: 0.8; position: absolute; top: 80px; left: 50%; margin-left: -350px; z-index: 4;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* .front-content.dates{ width: 400px; margin-left: -200px; } */
.front-content.dates{ width: 400px; margin-left: -200px; } .controller{ float: right; right: 50%; position: relative;	 } .controller .dots { padding: 0; float: right; right: -50%; position: relative; margin: 35px 0 0; } .controller ul li{ width: 12px; height: 12px; border: 2px solid #535252; background: #2e2d2d; border-radius: 50%; float: left; cursor: pointer; margin: 0 2px; } .controller ul li.selected, .controller ul li:hover{border: 2px solid #0e76bc !important; background: #0e76bc !important;}
.dates-wrapper-box { width:640px; margin: 0 auto !important; text-align:center;}
.floatrightbuy { float:right !important;}
#centertext { text-align:center; width:100%;}
.rightext { float:right !important;}
.dates-wrapper{ width: 1200px; height: 450px; position: relative; overflow: hidden; margin-left: 10px; } 
.dates-wrapper ul li{ float: left; width: 400px; } 
.dates-nav div{ background: url(../img/icons/dates-arrows.png) top left no-repeat; position: absolute; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; top: 60%; margin-top: -22px; } 
.dates-nav div:hover{}
.dates-nav .next{ right: -85px; background-position: 0 -44px; } 
.dates-nav .prev{ left: -100px; } 
.date-box{margin-bottom: 12px; border:1px solid #333;} 
.date-box:last-child{margin-bottom: 0;} 
.date-box .info{ float: left; text-align: left; padding-left: 10px; color: #bbb; max-width: 270px; overflow: hidden; font-size: 14px; } .date-box .info div{position: relative;} 
.date-box .info.date{ width: 65px; height: 80px; background: #0e76bc; color: #fff; text-align: center; padding-left: 0; }
.date-box .info .ico{ background: url("../img/icons/dates-icons.png") no-repeat; width: 15px; height: 15px; position: absolute; top: 2px; left: 0; } 
.date-box .info .time .ico{background-position: center;}
.date-box .info .buy .ico{background-position: bottom;}
.date-box .info .time, .date-box .info /* .buy */, .date-box .info .place{padding-left: 20px;}
.date-box .info .day {font-size: 17px; line-height: 25px; padding-top: 9px; }
.date-box .info .month {font-size: 17px;}
.date-box .info .year {font-size: 12px;}
.date-box .info .city {font-size: 20px; color: #fff;}
/* .date-box .info .buy{color: #0e76bc; margin-top: 19px;} */
.date-box .info .buy{  color: #FFF;
  margin-top: 19px;
  background: #0e76bc; font-size:16px;
  margin-right:10px;
  float: right;}
.date-box .info .buy a{color: #FFF; padding: 10px; float:right; cursor:pointer;}
.date-box .info .buy a:hover{color: #fff;}
.date-box .info .place{margin-top: 16px;}
.date-box .info .time{margin-top: 6px;}

/* Discography */
button.btn-play, button.btn-pause{ width: 20px; height: 20px; border-radius: 50%; border: none; color: #fff; cursor: pointer; box-shadow: none; outline: none; } 
button.btn-play{ background: url('../img/icons/play-pause-disc.png') no-repeat; background-color: #464646; } 
button.btn-pause{ background: url('../img/icons/play-pause-disc.png') no-repeat; background-position: 0px -20px; background-color: #464646; } button.btn-play:hover, button.btn-pause:hover{background-color: #0e76bc;} 
.disc-container li{ /* width: 350px; */ width: 250px; height: auto; float: left; margin: 0; margin-bottom: 75px; } 
.disc-container li:nth-child(2), .disc-container li:nth-child(5), .disc-container li:nth-child(8), .disc-container li:nth-child(11), .disc-container li:nth-child(14){margin: 0 75px;}
.disc-container li:nth-child(2){ margin: 0 40px; }
.disc-container li:nth-child(3) { margin: 0 40px 0 0; }
.disc-img{position: relative;}
.disc-img img{width: 100%;}
.disc-img .overlay{
background: #0e76bc url("../img/icons/disc-ico.png") no-repeat center center;; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; cursor: pointer;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.disc-img:hover .overlay{opacity: 0.9;}
.disc-info{max-width: 425px;}
.disc-info h2{
color: #0e76bc; text-transform: uppercase; font-size: 20px; font-weight: 400; font-family: 'Roboto', sans-serif; margin-bottom: 6px; }
.disc-info p{
color: #fff; font-size: 20px; font-weight: 300; font-family: 'Titillium Web', sans-serif; margin: 0; }
.disc-info p:last-child{margin-top: 10px;}
.disc-info p a{
color: #0e76bc; font-size: 20px; font-weight: 400; font-family: 'Titillium Web', sans-serif; }
.disc-info p a:hover{color: #fff !important;}
.news-container h1{
margin: 15px 0; text-align: left; color: #fff; font-size: 30px; } .news-container h1 span, .news-description span{color: #0e76bc}
.news-description{
font-weight: 300; color: #9a9a9a; font-size: 20px; overflow-y: auto; max-height: 140px; }
.project-window{margin-bottom: 40px;}
.project-content{
width: 1000px; margin: auto; position: relative; }
.disc-cover{ width: 425px; float: left; margin-right: 50px; }
.disc-cover img{width: 100%;}
.disc-tracklist{ width: 525px; float: left; } .disc-tracklist ol{ max-height: 430px; overflow-y: auto; margin: 10px 0; padding: 1px 0 0 0; } .track-length { color: #464646; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; margin-right: 10px; } .disc-tracklist ol li:first-child {padding-top: 0;} .disc-tracklist ol li { margin: 0; padding: 6px 0px 6px 0px; color: #464646; list-style: decimal outside; font-size: 15px; font-weight: bold; font-family: 'Roboto', sans-serif; display: inline-block; line-height: 0; } .track-info { color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 17px; margin-right: 10px; max-width: 415px; overflow: hidden; padding-left: 5px; } .track-info span {color: #0e76bc;} .disc-play-btn { background: url("../img/icons/play-pause-disc.png") no-repeat #464646; width: 20px; height: 20px; border-radius: 10px; cursor: pointer; margin: 0px 10px 0 0; } .disc-play-btn:hover {background-color: #0e76bc; background-position-y: -20px;} .track-download-buy { background: #464646; text-transform: uppercase; border-radius: 10px; color: #a9a7a7; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 11px; padding: 2px 10px; } .track-download-buy:hover {color: #fff; background: #0e76bc;} .disc-tracklist ol li div {float: left;} .close-btn{ top: -50px; right: -80px; } .disc-title{ font-size: 20px; color: #fff; text-transform: uppercase; margin-top: 20px; } .disc-title span{color: #0e76bc;} .disc-date{ color: #8c8a8a; font-size: 20px; font-weight: 300; margin-top: 2px; } .sell-platforms { overflow: auto; width: 100%; } .sell-platforms a div { width: 130px; height: 49px; float: left; line-height: 50px; color: #0e76bc; margin: 0 15px; background: url("../img/icons/sell-platforms.png") no-repeat #b1aeae; } .sell-platforms a div:hover {background-color: #0e76bc;}
.sell-platforms .itunes {background-position: left 0; width: 110px;}
.sell-platforms .beatport {background-position: center 0; width: 90px;}
.sell-platforms .bandcamp {background-position: right 0;}
.sell-platforms span { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #0e76bc; float: left; margin-top: 18px; } 

/* Twitter Quotes */ 
.parallax-wrapper.quotes { height: 550px; position: relative; width: 100% !important; /*min-width: 1000px;*/ margin: 0; padding: 0; }
.ch-grid {overflow: hidden;} 
.ch-grid div { cursor: pointer; position: absolute; width: 100%; height: 100%; opacity: 0;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.ch-grid:hover div { opacity: 1; background-color: #0e76bc; background-color: rgba(14,118,188,0.9); } 
.p-category { text-decoration: none; position: relative; z-index: 20; display: block; width: 100%; height: 100%; text-align: center; line-height: 44px; zoom: 1; filter: alpha(opacity=0); opacity: 0; cursor: pointer;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.p-category.photo{background: url("../img/icons/gallery-photo.png") no-repeat center center;}
.p-category.video {background: url("../img/icons/gallery-video.png") no-repeat center center;}
.ch-grid:hover .p-category {opacity: 1;}

/* Contact */
 
.buttoncontact { text-transform: uppercase; width: 300px; background: #0e76bc; color: #fff; font-size: 18px; margin: 42px auto 0 auto; padding: 15px 40px; border: none; box-shadow: none; outline: none; } 
.buttoncontact:hover {color: #0e76bc; background: #fff !important;}
 
/* Social Footer */
.clear{clear: both;}
.social-footer{ width: 100%; height: auto; margin-bottom: 75px; } 
.footer-container{ width: 630px; margin: auto;	 } 
.footer-container .social-ico{ width: 140px; height: 140px; background-color: #434141; cursor: pointer; float: left; margin: 0 35px;  -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.footer-container .social-ico:after{ content:''; background: url("../img/icons/social-icons.png") no-repeat; width: 140px; height: 140px; position: absolute; display: inline-block;  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.footer-container .social-ico:hover{background-color: #0e76bc;}
.footer-container .social-ico:nth-child(4){ margin-left: 140px; margin-top: -30px; } 
.footer-container .social-ico:nth-child(5){margin-top: -30px;}
.footer-container .social-ico.s-facebook:after{background-position: -5px -5px;}
.footer-container .social-ico.s-twitter:after{background-position: -125px -5px;}
.footer-container .social-ico.s-youtube:after{background-position: -255px -5px;}
.footer-container .social-ico.s-soundcloud:after{background-position: -5px -135px;}
.footer-container .social-ico.s-plus:after{background-position: -252px -131px;}