@import url(http://fonts.googleapis.com/css?family=Lato:100,400,100italic);
@font-face {
font-family: "Lato";
src: url(../lato/Lato-Regular.ttf) format("Truetype");
}
 body {
  font-family: 'Lato' !important;
   font-style: normal;
     }
html , body , h1, h2 , p,  h3, h4, h5, h6, a, span, div, b 
{
 font-family: 'Lato' !important;
}
.background {
	width: 100%;
	height: auto;
	background: url(../images/bg-image.png)no-repeat center center fixed;
	background-size: cover;
	
}
.background-rock{
		width: 100%;
	height: auto;
	background: url(../images/rock-menu1.png)no-repeat center center fixed;
	background-size: cover;
}

.rock{

	position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
	
	
}

.stn{
			    z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 34%;
    bottom: 17%;
}
.stn1 {
       z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 45%;
    bottom: 16%;
    text-align: center;
}
.stn2 {
     z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 59%;
    bottom: 18%;
    text-align: center;
}
.stn3 {
      z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 29%;
    bottom: 10%;
    text-align: center;
}
.stn4 {
    z-index: 1;
    color: black;
   font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 40%;
    bottom: 7%;
    text-align: center;
}
.stn5 {
 z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 54%;
    bottom: 9%;
    text-align: center;
}
.stn6 {
    z-index: 1;
    color: black;
    font-family: 'Lato' !important;
    font-size: 10px;
    position: absolute;
    left: 65%;
    bottom: 10%;
    text-align: center;

}
span a{
			             color: black;
			
}
li a{
	color: black;
}


/*-----------navigation bar---------------------*/
.navbar-default {
    background-color: rgba(248, 248, 248, 0) !important;
    border-color: rgba(231, 231, 231, 0) !important;
}

/*-----------footer---------------------*/
.footer-caps{
	text-align:left;
	text-transform:uppercase;
}

.menubar li{
    list-style: none;
    text-align: center;
    font-size: 30px;
}
.menubar{
	height:100%;
}
.menu-bar{
	
	background-color: white;
	Z-index:99999;
}

.modal-header{
	text-align: right;
}
.btn-info {
    color: #fff !important;
    background-color: #fff !important;
    border-color: #fff !important;
}
.modal-header {
    border-bottom: 0px !important;
}
.modal-body {
    width: 100%;
    height: 100%;
}
#currentPage a{
	color:#7300af !important;
}

.page-formate{
	padding-top: 100px;

}
.background-pyschoreadings {
	width: 100%;
	height: auto;
	background: url(../images/pyschic-reading.png)no-repeat center center fixed;
	background-size: cover;
	
}
.bg-pyschoreadings{
	background-color:#f5fbfb;
}
.footer-color-bg{
	background-color:#000a2c;
}

/*
.sound{
    
     position: absolute;
    float: left;
    margin: 42px 0 0 74%;
}

@media screen and (max-width: 425px) and (min-width: 320px){
    .sound {
    position: absolute;
    float: left;
    margin: 23px 0 0 40%;
}
    
}*/

.sound {
    position: absolute;
    float: right;
    margin: 42px 0 0 -50px;
}


p{
    
     font-family: 'Lato' !important;
}




#home-footer{
font-size: 14px;
}

#home-footer1{
font-size: 14px;
}


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

#home-footer{
font-size: 12px;

}

#home-footer1{
font-size: 12px;
}

}