/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* ------------------Style---------------------- */
html, body {width:100%; padding:0; margin:0;}
body {color: #ffffff;font: 12px/25px Arial, Helvetica, sans-serif;
background-color: black;
/* ----------------background: url('images/2.jpg'); background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size:cover;*/
}

/*-------------------------*/
a{color: #ffffff;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {	cursor: pointer;	color: #ffffff;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background: #8064A2;	border:1px solid #ffffff; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {}

/*------------menu */
nav {
	background-color: ;
	border: 0px solid #dedede;
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #888;
	display: block;
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 5px auto 5px auto;
	overflow: hidden;
	width: 100%; 

 
	}
nav ul {
	margin: 0;
	padding: 0;

    

}

	nav ul li {
		display: inline-block;
		list-style-type: none;
		text-align: center; 

		
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s; 
	}
	
		nav > ul > li > a {
			color: #FAFAFA;
			display: inline block;
			line-height: 30px;
			padding: 0 25px;
			text-decoration: none;

		}

nav > ul > li > a > .caret {
	border-top: 4px solid #aaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle; 

	
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	  transition: color 0.1s linear; 
}

 nav > ul > li:hover {
          background-color: rgb( 40, 44, 47 );
        }

        nav > ul > li:hover > a {
          color: rgb( 255, 255, 255 );
        }

        nav > ul > li:hover > a > .caret {
          border-top-color: rgb( 255, 255, 255 );
        }



/*-------------header */
header {width:300px;margin: 0 auto; height: auto; position:relative; }
header #logo {float:left; margin-top:0px; margin-left: auto; border: 0px solid #dedede; border-radius: 0px;}
header #title {font-family: 'Ubuntu', sans-serif; font-size: 16px; float:left; margin-top:0px; margin-left: 30px;}



.featured{width:500px%; margin:0 auto; border:10px;}
#responsive-image {  width: 100%;  height: auto; } 
/*-------------content */
#content {}

.main-content{}
.main-content{background: url('images/overlay.png');}
.main-content article{margin: 20px 0;overflow:hidden; position:relative}
.main-content .heading h1{font-family: 'Ubuntu', sans-serif; font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading h2{font-family: 'Ubuntu', sans-serif; font-size:22px; line-height:25px; color: white; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading1 h2{font-family: 'Raleway', sans-serif; font-size:28px; line-height:25px; color: #F7FE2E; letter-spacing:-1px; font-weight:normal; text-align: center;}
.main-content .heading2 h2{font-family: 'Raleway', sans-serif; font-size:28px; line-height:25px; color: white; letter-spacing:-1px; font-weight:normal;}
.main-content .heading h3{font-family: 'Ubuntu', sans-serif;  font-size:22px; line-height:25px; color: #FE2EF7; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading h4{font-family: 'Ubuntu', sans-serif;  font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading h5 a:link{ font-size:2px; line-height:25px; color: #FE2EF7; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading h6{font-family: 'Ubuntu', sans-serif; font-size:18px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading .info{font-size:12px; font-style:italic;}
.main-content .content{}
.main-content .contents {font-family: 'Ubuntu', sans-serif; font-size:18px; line-height:25px; color: #F7F8E0; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .content img{float:left; margin:2px; padding:0px; border:2px solid #999; width:300; height:750;}
.main-content .content1 img{float:right; margin:2px; padding:0px; border:2px solid #999; width:300; height:750;}
.main-content .content2 img{float:left; margin:2px; padding:0px; border:0px solid #999; width:300; height:750;}
.main-content .content3 img{display: block; margin-left: auto; margin-right: auto;}
.main-content p{font-family: 'Ubuntu', sans-serif; font-size:16px; margin: 5px 0;}
.main-content p2{font-family: 'Ubuntu', sans-serif; font-size:16px; margin: 5px 0; color: #F7FE2E;}
.main-content ul{font-family: 'Ubuntu', sans-serif; list-style-type: circle; font-size:16px; margin: 5px 0;}
.main-content li{font-family: 'Ubuntu', sans-serif; list-style-type: circle; font-size:16px; margin: 5px 0;}
.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none; text-transform:uppercase;}
.song-content li {font-family: 'Ubuntu', sans-serif; font-size:18px; list-style-type: none;line-height:25px; color: #F7F8E0; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.sidebar .heading{font-family: 'Ubuntu', sans-serif;font-size:22px; font-weight:normal; padding: 10px ; color:#ffffff;}
.sidebar .content{font-family: 'Ubuntu', sans-serif;padding:15px;border-top:3px solid #8B8B8B;}
.sidebar .content img{float:left; margin:5px;}
.sidebar .content a{color:#ffffff;}

@keyframes slidy {
0% { left: 0%; }
19% { left: 0%; }
20% { left: -100%; }
39% { left: -100%; }
40% { left: -200%; }
59% { left: -200%; }
60% { left: -300%; }
79% { left: -300%; }
80% { left: -400%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: auto;
  left: auto;
  text-align: center;
  font-size: 0;
 
  animation: 20s slidy infinite; }

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
	
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 0px;
    text-align: center;
}




/*------------footer */ 
footer { background:#000000;}
footer .wrapper{padding: 20px 0px;}
footer .heading{font-family: 'Ubuntu', sans-serif; color:white; padding-bottom:5px; padding-left:25px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:white; padding-left:20px; font-family: 'Ubuntu', sans-serif; font-size:16px;}
footer .content img{float:left; margin:5px;}


/*-------------copyright*/
#copyright{ width:100%; display:inline-block; text-align:center; padding:8px 0px;color:#ffffff;}

/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 3.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .f-right{float: right!important;}
.zerogrid .f-left{float: left!important;}

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}
.zerogrid .offset-1-2{margin-left: 50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}
.zerogrid .offset-1-3{margin-left: 33.33%;}
.zerogrid .offset-2-3{margin-left: 66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}
.zerogrid .offset-1-4{margin-left: 25%;}
.zerogrid .offset-2-4{margin-left: 50%;}
.zerogrid .offset-3-4{margin-left: 75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}
.zerogrid .offset-1-5{margin-left: 20%;}
.zerogrid .offset-2-5{margin-left: 40%;}
.zerogrid .offset-3-5{margin-left: 60%;}
.zerogrid .offset-4-5{margin-left: 80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}
.zerogrid .offset-1-6{margin-left: 16.66%;}
.zerogrid .offset-2-6{margin-left: 33.33%;}
.zerogrid .offset-3-6{margin-left: 50%;}
.zerogrid .offset-4-6{margin-left: 66.66%;}
.zerogrid .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.zerogrid{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	.zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6{margin-left:0;}
}

html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
	nav{width:97%;}
	header, nav, .featured {width:767px;}
}

@media only screen and (max-width: 767px) {
	header {margin-top: 0px;width:65%;height:auto;}
	
	.featured{width:100%;}
	nav {width:95%;background:black;height:auto;}
	nav ul li {float: left;background:#000000;text-align:center;padding-bottom:0px;margin-top:5px;}
	nav ul li a{margin-bottom : 0px;}
	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
@media only screen and (max-device-width: 550px){

.form-container{

width:300px !important;

min-width:300px !important;

max-width:300px !important;}

@media only screen and (max-device-width: 550px){

.form-field{

width:280px !important;

min-width:280px !important;

max-width:280px !important;}
@media only screen and (max-device-width: 550px){

.form-field2{

width:280px !important;

min-width:280px !important;

max-width:280px !important;}