@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,900');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,800');

hr{

	border: none;

	background: gray;

	height: 1px;

}

a{

	text-decoration: none;

}

video::-webkit-media-controls {

  display: none;

}



/* Could Use thise as well for Individual Controls */

video::-webkit-media-controls-play-button {}



video::-webkit-media-controls-volume-slider {}



video::-webkit-media-controls-mute-button {}



video::-webkit-media-controls-timeline {}



video::-webkit-media-controls-current-time-display {}







strong{

	font-weight: 700;
	color: inherit;

}



ul{

    list-style:none;

       }



ul,blockquote,main{

padding: 0px;

margin: 0px; 

}



.load{

	width:50px;

	height:50px;

	border-radius:25px;

	border:solid 2px white;

	background-color:white;

	background-image:url(../img/loader.gif);

	background-size:120%;

	background-position:center;

	position:absolute;

	top:50%;

	left:50%;

	margin-top:-25px;

	margin-left:-25px;

	z-index:0;

	}



*{

	box-sizing:border-box;

		color:#383838;

}



.w50,.w33,.w66,.w30,.w70,.w80,.w20,.w25,.w60,.w40{

	vertical-align: top;

	display: inline-block;

	position: relative;

	box-sizing: border-box;

}



.w50{

	width:50%;

}

.w33{

	width:33.33%;

}

.w60{

	width:60%;

}

.w40{

	width:40%;

}



.w66{

	width:66.66%;

}

.w30{

	width:30%;

}

.w70{

	width:70%;

}

.w20{

	width:30%;

}

.w80{

	width:70%;

}

.w25{

	width:25%;

}



@media screen and (max-width:1200px){

.w25{

width: 33.33%;

}

}	



@media screen and (max-width:1024px){	



.w50{

	width:100%;

}

	

.w70{

	width:50%;

}

	

.w30{

	width:50%;

}



.w40{

	width:50%;

}

	

.w60{

	width:50%;

}

	



	

}





@media screen and (max-width:768px){	



		

.w70{

	width:100%;

}

	

.w30{

	width:100%;

}

	

.w33{

	width:100%;

}

	

.w40{

	width:100%;

}

	

.w60{

	width:100%;

}



.w25{

width: 50%;

}

	

}





html,body{

	margin:0px;

	height:100%;

	color:#4B4B4B;

	font-size: 100%;

	max-width: 100%;

    overflow-x: hidden;
	
	font-family: 'Open Sans', sans-serif;

}





h1,h2,h3,h4,h5,h6,ul,li,p,input,select,option,textarea,label{

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	font-size: 0.95em;

	margin: 0px;

	}

p,li,textarea,h6{

	font-weight: normal;

}





label{

	width: 100%;

	position: relative;

	opacity: 0.5;

	font-weight: 400;

	font-size: 0.6em;

}



input, option, select, textarea,button{

	font-family: 'Open Sans', sans-serif;

	width:100%;

	border:none;

	border:solid 1px #B0B0B0;

	text-align:left;

	padding:0.5em 0.5em; 

	background: none;

	transition:all ease-out 0.5s;

	margin:0.5em 0;

	font-size:0.8em;

	}

button{

	color: white;

	text-align: center;

	background:#ff671b;

	border:solid 1px #ff671b;

}


.message-btn{

	color: white;
	text-align: center;
	background:#ff671b;
	border:solid 1px #ff671b;
	padding: 0.5em;
	border-radius: 50px;

}

.message-btn h3{

	color: white;

}

p{

	font-size: 0.8em;

	color: #848484;

	margin: 1em 0;

	line-height: 1.5em;

}



h1{

	font-size: 2em;

	margin: 0px;

	line-height: 1.4em;

}

h2{

	font-size: 3em;

	line-height: 1em;

	margin: 0px;

}

h3{

	font-size: 1.8em;

	margin: 0px;

}

h4{

	font-size: 1.4em;

	

}

h5{

	font-size: 1em;

}

h6{

	font-size: 0.7em;

}

.contact h3{

margin-bottom: 1em;

}



.contact h4{

margin: 0px;

}







@media screen and (max-width:1200px){	





h1{

	font-size: 1.5em;

}	

		





}



@media screen and (max-width:1024px){	



	

h2{

	font-size: 2.5em;

	line-height: 1em;

	margin: 0px;

}



}



@media screen and (max-width:768px){	



	

h2{

	font-size: 1.4em;

	line-height: 1em;

	margin: 0px;

}

h5{

	font-size: 0.8em;	

		

	}

	

h3{



font-size: 1.4em;	

}

	

}



@media screen and (max-width:480px){	



h1{

	font-size: 1.4em;

}

	

h4{

	font-size: 1.2em;

}	

	

}





#ssenda_contend{

	width:100%;

	height:100%;

	position:absolute;

	box-sizing:border-box;

	background:white;

	}



header{

	width:100%;

	height:109px;

	position:fixed;

	margin: auto;

	transition:all ease 0.5s;

	z-index:1;

	background: white;

	border-bottom: solid 1px #b7b7b7;

	}





.headerscroll{

	width:100%;

	height:5em;

	position:fixed;

	margin:0px;

	z-index:10;

	left:0px;

	}



@media screen and (max-width:720px){	

	

header{

	height:5.5em;

	}



}



@media screen and (max-width:320px){	

	

header{

	height:4em;

	}



}



.prenav{

	width:80%;

	margin:auto;

	height:100%;

	}

#menu_text{

	visibility:visible;

	transition: all ease-out 0.3s;

	}

	

#menu_scroll{

	display:none;

	transition: all ease-out 0.3s;

	padding: 0px;

	height: 100%;

	position: absolute;

	right:0%;

	top: 0;

	}

	

#menu_scroll h3{

	position: absolute;

	text-align: right;

	margin: 0px;

	line-height: 0px;

	display: inline-block;

	right: 0px;

	bottom: 0px;

	

	}



#menu_scroll a{ color:white;}		



										#example-four {

										  position: relative;

										}

#musicinfo {

	position:fixed;

    display: none;

    background: rgba(0,0,0,0.87);

    color:white;

    width:100%;

    height:100%;

    top:0px;

    left:0px;

    z-index:9999;

	overflow: scroll;

}





#musicinfo  section ul{

width:90%;

padding-top:12em;

padding-left:5%;

padding-bottom: 5em;

}



#musicinfo  section ul li{

box-sizing:border-box;

width:100%;

text-align:center;	

list-style-type:none;

text-transform:capitalize;

border: none;

color:#E0E0E0;

transition:all ease 0.3s;

padding: 1em 0;

}





@media screen and (max-width:768px){	



#musicinfo  section ul{

padding-top:8em;

}

	

	#musicinfo  section ul li{

padding: 0.5em 0;

}



}



@media screen and (max-width:320px){	



#musicinfo  section ul{

padding-top:6em;

}



#musicinfo  section ul li{

font-size: 0.8em;

}



}







#musicinfo  section ul li:hover{

	color: rgba(213,213,213,1.00);

	}



#musicinfo hr{

	height:1px;

	border:none;

	background: rgba(0,0,0,0);

background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(52%, rgba(126,126,126,1)), color-stop(53%, rgba(128,128,128,0.98)), color-stop(100%, rgba(0,0,0,0)));

background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);

background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);

background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);

background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

	

	}



	@media screen and (max-width:1200px){	

		

			#menu_text{

			visibility:hidden;

			}

			

			#menu_scroll{

			

			display:block;

			}

		

			.usermenu{

			display: none;

			}



			.principalmenu{

			display: none;

			}

	

	}

	

section{

	width:80%;

	margin:auto;

	position:relative;

	}

	

#logo{

	width:20%;

	float:left;

	transition:all ease 0.3;

	background-repeat:no-repeat;

	background-size:contain;

	height: 100%;

	}



.oldlogo{

	transition:all ease 0.5s;

 	background-image:url(../img/logo_color.png);

	background-position: left;

	}



nav{

	width:80%;

	height:100%;

	float:left;

	box-sizing:border-box;

	transition:all ease 0.3;

	padding-left: 2em;

	text-align: right;

	position: relative;

	

	}

@media screen and (max-width:1050px){		

	nav{

	width:50%;

	border-left: none;

	}

	#logo{

	width:50%;

	}

	

	}





@media screen and (max-width:480px){		

	nav{

	width:20%;

	border-left: none;

	}

	#logo{

	width:80%;

	}

	

	}



	

.newlogo{

	transition:all ease 0.5s;

 	background-image:url(../img/logo_minimal.png);

	}



@media screen and (max-width:720px){	

	

.newlogo{

	transition:all ease 0.5s;

 	background-image:url(../img/logo_color.png);

	}



}

#nav{

	transition:all ease 0.3;

}

#nav2{

	transition:all ease 0.3;

}



.usermenu{

	height: auto;

	

	

}







.navpadd{

	padding-top: 0.2em;

	transition:all ease-out 0.5s;

}



						

	

	

	

	

.half_float{

	width:50%;

	float:left;

	}

.half_va{

	width:50%;

	vertical-align:top;

	display:inline-block;

	text-align:left;

	box-sizing:border-box;

	}

@media screen and (max-width:768px){	

.half_va{

	display: none;

	}



}







.overlay

{

    display:none;

    position:absolute;

    width:100vh;

    height:80px;

    top:52px;

    background:rgba(0,0,0,0.61);

	left:0px;

	padding:40px;

	box-sizing:border-box;

}