@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'pacificoregular';
    src: url('../fonts/pacifico-webfont.eot');
    src: url('../fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pacifico-webfont.woff2') format('woff2'),
         url('../fonts/pacifico-webfont.woff') format('woff'),
         url('../fonts/pacifico-webfont.ttf') format('truetype'),
         url('../fonts/pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;}
body{
	font-family: 'roboto_condensedregular';
	font-size:14pt; line-height:1.5em;}
.pad-top-l{padding-top:60px;}	
.pad-top-ml{padding-top:52px;}	
.mar-bot-m{margin-bottom:40px;}	
.mar-bot-l{margin-bottom:60px;}	

/*Styling Nav*/
header{background:#000; position:fixed; z-index:5; width:100%;}
nav ul{text-align:right; margin:0;}
nav ul li{display:inline-block;}
nav ul li a{font-family: 'pacificoregular'; font-size:14pt; color:#fff; text-decoration:none; display:block; letter-spacing:0.03em; padding:12px 15px;}
.select a,nav ul li a:hover{color:#febf26; text-decoration:none;}

/*Styling Home page*/
#home{background:url(../img/bg.jpg); color:#fff;}
.content p{margin-bottom:20px;}
.highlight,figcaption{color:#febf26; font-family: 'pacificoregular'; font-size:16pt;}
a.highlight:hover{color:#febf26;}
figure{display:inline-block; margin:20px 20px 30px 20px;}
figcaption{margin:5px 0;}
.insignia{position:absolute; z-index:4; top:0%; width:100%; height:580px; display: flex; align-items: center; justify-content: center; 
background: -moz-linear-gradient(left,  rgba(105,213,93,0.47) 0%, rgba(255,244,59,0.47) 48%, rgba(255,244,59,0.47) 100%);
background: -webkit-linear-gradient(left,  rgba(105,213,93,0.47) 0%,rgba(255,244,59,0.47) 48%,rgba(255,244,59,0.47) 100%);
background: linear-gradient(to right,  rgba(105,213,93,0.47) 0%,rgba(255,244,59,0.47) 48%,rgba(255,244,59,0.47) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab69d55d', endColorstr='#abfff43b',GradientType=1 );
}
.carousel-fade .carousel-inner{
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right  {
  opacity: 1;
}
.carousel-inner>.item>img{display:inline-block; text-align:center; visibility:hidden;}
.carousel-inner>.item:first-child{background:url(../img/banner4.jpg) no-repeat; background-size:cover;}
.carousel-inner>.item:nth-child(2){background:url(../img/banner1.jpg) no-repeat; background-size:cover;}
.carousel-inner>.item:nth-child(3){background:url(../img/banner2.jpg) no-repeat; background-size:cover;}
.carousel-inner>.item:nth-child(4){background:url(../img/banner3.jpg) no-repeat; background-size:cover;}

/*Work page*/
#work{background:#000;}
#work figure{margin:15px 0 10px 0; position:relative; display:block;}
#work figcaption{position:absolute; bottom:0; margin:0; background:rgba(0,0,0,0.5); padding:20px; text-align:center; color:#fff; font-family: 'roboto_condensedregular'; width:100%; font-size:12pt; line-height:1.2em; height:auto;}
#work figcaption h2{ font-size:21pt; color:#fff; font-family:'pacificoregular'; margin-top:0;}
.audio{width:235.6666666666%;}
.audio img{max-width:100%;}
.music{margin-bottom:30px;}
.production figcaption{background:rgba(125,90,52,0.7);}
.recording figcaption{background:rgba(104,74,71,0.5);}
.sound figcaption{background:rgba(221,248,249,0.5);}
.singer figcaption{background:rgba(100,100,100,0.5);}
.dance figcaption{background:rgba(40,3,16,0.5);}
.scripting figcaption{background:rgba(140,31,1,0.5);}
.professional figcaption{background:rgba(26,7,0,0.5);}
.audio figcaption{background:rgba(155,103,40,0.5);}
.music figcaption{background:rgba(54,54,54,0.5);}
.flex{display:flex; align-items:center;}

/*Styling testimonial page*/
html{height:100vh;}
#testimonials{min-height:100vh; background:url(../img/Testimonials.jpg) no-repeat; background-size:cover; background-position:center;}
#testimonials .body{height:100vh; display:flex; align-items:center; background:url(../img/pattern.png); } 
.testimonial{background:rgba(0,0,0,0.7); color:#fff; padding:40px;}
.testimonial div h3{font-size:21pt; font-family:'pacificoregular'; margin-top:10px;}
.testimonials div{display:none; width:80%; margin-left:10%;}
.testimonials div:nth-child(2){display:block;}
#prev,#next{display:inline-block; text-align:left; position:absolute; top:38%; cursor:pointer;}
#prev{left:1%;}
#next{right:1%;}

/*Styling music page*/
#music{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,95fcf4+0,c9e589+25,f2eb91+63,95fcf4+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(149,252,244,1) 0%, rgba(201,229,137,1) 25%, rgba(242,235,145,1) 63%, rgba(149,252,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(149,252,244,1) 0%,rgba(201,229,137,1) 25%,rgba(242,235,145,1) 63%,rgba(149,252,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(149,252,244,1) 0%,rgba(201,229,137,1) 25%,rgba(242,235,145,1) 63%,rgba(149,252,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#95fcf4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:relative; min-height:590px;}
#music footer{position:absolute; bottom:0px; width:100%; display:block;}
.ttw-music-player{background:rgba(50,50,50,0.5); padding:20px; width:50%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#slider{border:none;}
.songs p.desc{padding:0 20px; color:#CCC; font-size:10pt;}
/*Styling footer page*/
.gallery a img{/*width:19%; */margin:1px 0;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease; position:relative; border:1px solid transparent;}
.gallery a{ border: 5px solid #d7d7d7;  
  /*float: left;*/
  display:inline-block;
  height: 300px;
  width: 300px;
  margin: 20px;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111; }
.gallery a img{
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.gallery a img.big:hover{margin-left:-300px;}
.gallery a img.grow{width:300px; height:300px;}
.gallery a img.grow:hover{width:400px; height:400px; -webkit-transform:translate(-10px,-60px); -moz-transform:translate(-10px,-60px); -ms-transform:translate(-10px,-60px); -o-transform:translate(-10px,-60px); transform:translate(-10px,-60px)}
.gallery a img.big{/*width:38.3%;*/}
.gallery a:hover img{
 /* -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2; border:2px solid #fff;*/}
#photos .body{padding-top:100px; background:url(../img/bg2.jpg); background-size:cover; background-attachment:fixed;}
  
/*Styling contact page*/
#contact{background:#5d3f38 url(../img/contact.png) no-repeat bottom left; background-attachment:fixed; color:#fff;}
input, textarea{width:70%; margin:10px 0; background:none; border:2px solid #fff; padding:5px; color:#fff;}
input[type="button"]{border:2px solid #000; font-family:'pacificoregular'; font-size:16pt; color:#000;}
input[type="button"]:hover{border:2px solid #fff; color:#fff;} 
textarea{resize:none; height:200px;}
.address{display:flex; align-items:center; margin-bottom:40px;}
#contact img.map{border:2px solid #000; float:left; margin-right:20px; vertical-align:middle; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#contact img.map:hover{-webkit-border-radius:0; -moz-border-radius:0;}
.add{vertical-align:middle; display:flex; height:100%;}
#hcap1>div{text-align:center;}
#hcap1>div>div{width:70% !important;}

/*Styling sessions page*/
body#sessions{background: linear-gradient(90deg, #fff43b 50%, #fff 50%);}
.name{position:relative;}
#sessions h4{font-family:'pacificoregular'; font-size:30pt; color:#000; margin:0; position:relative; bottom:-6px; }
#sessions h4.copy{color:rgba(0,0,0,0.3); font-size:35pt; position:absolute; width:100%; left:20px; -webkit-transform:skewX(-40deg); -moz-transform: skewX(-40deg); -o-transform:skewX(-40deg); -ms-transform:skewX(-40deg); transform:skewX(-40deg);}
.artist_img{display:inline-block; margin-bottom:10px;}
.about_artist{width:70%; margin-left:15%; background:#474747; padding:20px 30px; margin-bottom:30px;}
.about_artist p{color:#fff !important; text-align:justify;}
/*.artist{position:fixed;}*/
.pad-right-0{padding-right:0;}
.artist_thumb{ margin:10px 0;cursor:pointer;}
.artist_thumb img{position: relative; left: 25px; z-index: 2;}
.artist_thumb div{display:inline-block; width:65%; text-align:center; padding:5px; float: right; margin-top: 12px; position: relative; z-index: 3;}
.artist_thumb:nth-child(2n+1) div{background:#fff43b;}
.artist_thumb:nth-child(2n) div{background:#474747; color:#fff;}
.artist_thumb div h5{font-size:16pt; margin:0;}
.artist_thumb div p{font-size:11pt; margin:0;}
.artist_menu{overflow:auto; margin-top:50px; /*width:inherit !important;*/ position:fixed; right:20px;}
.visible-ab{display:none;}
.vertical-track {
    width: 6px;            /* How wide is the scrollbar going to be? */
    background-color: #CCC; /* What color should the vertical track be? */
	margin-top:55px;
	position:fixed !important;
}
.vertical-handle {
    width: 6px;            /* How wide is the scrollbar handle? */
    background-color: #C93; /* What color should the handle be? */
}
#sessions footer{position:relative; z-index:4;}

/*Styling the footer*/
footer{background:#000;}
footer p{margin:0; color:#fff; font-size:12pt; font-family:'roboto_condensedregular'; vertical-align:middle; padding:5px}

@media(max-width:1024px){
	figure{margin: 20px 12px 30px 12px;}
	#music_container{text-align:center;}
	.about_artist {width: 90%; margin-left: 5%;}
	#sessions{position:relative; min-height:768px;}
	#sessions footer{position:absolute; width:100%; bottom:0;}
	.gallery a{margin:10px;}
	input, textarea {width: 85%;}
	#hcap1>div>div{width:85% !important;}
}
@media(max-width:960px){
	.gallery a{height:250px; width:250px;}
	.artist_menu{background:rgba(0,0,0,0.8); width:33% !important;}
	.artist_menu_icon{    color: #fff;
    font-size: 20pt;
    position: fixed;
    right:27px;
	padding:10px;
	top:55px;
    background: rgba(0,0,0,0.8);}
	.amrotate{right:0px !important; -webkit-transition:all ease-in 0.5s; -moz-transition:all ease-in 0.5s; -o-transition:all ease-in 0.5s; transition:all ease-in 0.5s;}
	.rotate{ right:309px;-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s;}
	.artist_menu{width:300px;}
	#hcap1>div>div{width:85% !important;}
}
@media(max-width:959px){
	.artist_menu{ width:40% !important;}
	.visible-ab{display:block;}
}
@media(max-width:768px){
	nav ul {padding:0;}
	nav ul li a{padding:12px 5px;}
	figcaption{font-size:12pt;}
	.gallery a{width:200px; height:200px;}
	.gallery a img.grow,.gallery a img.big{height:200px; width:auto;}
	.testimonial{padding:40px 0px;}
	.testimonials div {
    width: 90%;
    margin-left: 5%;}
	#next{right:0.3%;}
	#prev {left: 0.3%;}
	#contact{background-position: -200px 00px; background-size:cover;}
	#contact img.map{width:150px;}
	#contact footer{position:absolute; width:100%; bottom:0 }
	.artist.col-sm-8{width:90%;}
}
@media(max-width:767px){
	nav ul{padding:0;}
	nav ul li{display: block;text-align:center;}
	nav ul li a{padding:10px; border-top:1px solid #666;}
	footer p{text-align:center;}
	.nav_menu{width:30px; margin-top:10px;}
	.insignia img{ width:80%; margin-top:10%;}
	.audio{width:auto;}	
	.testimonial{padding:40px 0px;}
	.testimonials div {
    width: 90%;
    margin-left: 5%;}
	#next{right:0.3%;}
	#prev {left: 0.3%;}
	#contact{background-position: -170px 00px; background-size:cover;}
	input, textarea {width: 100%;}
	#contact footer{position:absolute; width:100%; bottom:0 }
	
	.artist_menu{position:absolute; width:95% !important; margin-top:80px; z-index:1; max-height:320px;}
	.artist_thumb:last-child div{margin-bottom:15px;}
	.artist_thumb img{display:none;}
	.artist_thumb div{width:100%; margin-top:6px; padding:2px;}
	.artist_thumb div h5,.artist_thumb div p{display:inline-block;}
	.artist_thumb div h5:after{content:' -';}
	.choose_artist{ text-align:center; color:#fff; margin:5px 0; cursor:pointer;}
	.choose_artist h5{ font-size:16pt; width:80%; display:inline-block;}
	.sprotate{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s;}
	.artist.pad-top-l{padding-top:150px;}
	.about_artist{margin-bottom:70px;}
	.artist.col-sm-8{width:100%;}
	#sessions footer{z-index:0;}
	/*.artist.col-sm-8{width:94%;}*/
	#sessions h4.copy{display:none;}
	#contact footer{position:relative;}
	#hcap1>div>div{width:100% !important;}
}
@media(max-width:736px) and (orientation:landscape) {
	nav ul li a{padding:2px 10px;}
	figure { margin: 20px 20px 30px 20px;}
	#work figure{display:inline-block;}
	#box .album{width:30% !important;}
	#box .album-large{width:100px !important;}
	#box .album-large .art{width: 100px !important;
    height: 100px !important;}
	#box .songs{    width: 70%;
    margin-left: 130px;}
	#box .songs li p{max-width:100%;}
	.content p {margin-bottom: 0px;}
	.header{padding: 5px 10px; height: 40px;}
	.content.active.lessheight {margin-top: 20px !important; height: -webkit-calc(100% - 70px) !important; height: calc(100% - 70px) !important;}
	#photos .body{padding-top:70px;}
	.gallery a { width: 100px; height: 100px; margin:5px; border: 3px solid #d7d7d7;}
	.gallery a img.grow, .gallery a img.big{height:100px; width:auto;}
	#testimonials .body{min-height:82vh; height:auto;}
	#testimonials{background-attachment:fixed;}
	.testimonial { padding: 20px 0px;}
	.testimonial p{font-size: 12pt; line-height: 1.5em;}
	#testimonials .body{display:block;}
	.testimonial{height:100%; background:none;}
	input[type="button"]{border:2px solid #fff;}
	.address.col-xs-offset-2{margin-left: 4.66666667%;}
	#work .body>div>div{text-align:center;}
	.dance img.img-responsive{display:inline-block;}
	.songs p.desc{line-height:1.2em;}
	#testimonials .body{background:rgba(0,0,0,0.7) url(../img/pattern.png);}
	#hcap1>div>div{width:100% !important;}
}
@media(max-width:415px) and (orientation:portrait) {
	.artist_menu{right:2.5%;}
	#music footer{position:relative;}
	#box .songs li p{max-width:100%;}
	.gallery a { width: 100px; height: 100px; margin:3px; border: 2px solid #d7d7d7;}
	.gallery a img.grow, .gallery a img.big{height:100px; width:auto;}
	.address.col-xs-offset-2{margin-left: 2.66666667%;}
	.address.col-xs-10{width:95%;}
	.banner,.insignia{margin-top:50px;}
	.insignia img{margin-top:0;}
	#work figcaption h2{font-size:13pt;}
	#work figcaption{padding:5px 10px; font-size:10pt;}
	.content p{margin-bottom:0;}
	.songs li span{margin-right:10px;}
	.album-content .songs{min-width:300px;}
	#testimonials .body{min-height:89vh; height:auto;}
	#testimonials{background-attachment:fixed;}
	.testimonial div h3 {font-size: 17pt; line-height:1.5em;}
	.testimonial p{font-size: 12pt; line-height: 1.5em;}
	.testimonials div {width: 80%; margin-left: 10%;}
	#contact img.map { width: 120px;}
	.add{font-size:12pt;}
	footer p{padding:5px 0;}
	.songs p.desc{line-height:1.2em;}
	.pad-top-ml{padding-top:32px;}
	#hcap1>div>div{width:100% !important;}
}
@media(max-width:375px) and (orientation:portrait) {
	.about_artist{padding:10px 15px; width:100%; margin-left:0;}
	.about_artist p{font-size:12pt; line-height:1.5em;}
	footer p{font-size:10pt; padding:0;}
	footer p a.highlight{font-size:12pt;}
	#sessions h4.copy{display:none;}
	.album-content .songs {min-width: 250px;}
	#box .songs li p{font-size:9pt;}
	.gallery a { width: 120px; height: 120px; margin:3px; border: 2px solid #d7d7d7;}
	.gallery a img.grow, .gallery a img.big{height:120px; width:auto;}
	#hcap1>div>div{width:100% !important;}
}
@media(max-width:320px) and (orientation:portrait) {
	.g-recaptcha {transform:scale(0.96);-webkit-transform:scale(0.96);transform-origin:0 0;-webkit-transform-origin:0 0;}
}