h2 {color: #444; line-height:1.3; font-size: 22px;}

/* ******** testimonial scroller ******/

.mySlides {display:none; 
  
  width: 58%;
  margin-top: 9px;
  padding-top: 7px;
  word-spacing: 1px;
  font-size: 14px;
  font-family: 'Open Sans';
  line-height: 1.5;
  text-align: center;
    
}

.sline {color: #000; font-style:italic; text-decoration:none;
font-weight:normal; font-family:'Open Sans', arial;}
  
.srb {color: #00c;}  

.w3-animate-right{position:relative; animation:animateright 2.4s}@keyframes animateright{from{right:-400px;opacity:0} to{right:0;opacity:1}
}  
 



.shade {background:#fff;
padding:2px;
box-shadow:0 0 4px #444;
-moz-box-shadow:0 0 4px #444;
-webkit-box-shadow:0 0 4px #444;
}


.num {font-family:'Josefin Sans';
font-style:normal;
font-weight:bold;
color:#00d;
font-size:20px;
vertical-align:-8px;
}



.bluesec {background: #3AC0F0;
padding: 20px 10%;
color: #000;
font-family: 'Roboto';
font-weight: 300;
font-size: 16px;
line-height: 1.7;
text-align: justify;

}



.anc {text-align: center;
color:#fff; 
font-size: 14px;
font-weight:600;
font-family: arial;
text-shadow: 1px 1px 1px #000;
letter-spacing: 0px;
word-spacing: 0px;


}

.anc a {border: 1px solid #ccc;
padding: 4px 7px 7px 7px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0 0 10px #444;
text-decoration: none;


background:#42D9FF;
        
    background:transparent url('../pics/gradient2.png');
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#42D9FF,0),color-stop(#0087A8,1));
    background:-webkit-linear-gradient(top, #42D9FF 0%, #0087A8 100%);
    background:-moz-linear-gradient(top, #42D9FF 0%, #0087A8 100%);
    background:-o-linear-gradient(top, #42D9FF 0%, #0087A8 100%);
    background:linear-gradient(to top, #42D9FF 0%, #0087A8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#42D9FF', endColorstr='#0087A8',GradientType=0 );
    border:1px solid #90c6c8;
    border-color:#90c6c8 #78bdc0 #65b6ba;
    box-shadow:-0px -5px 9px #444;
    -webkit-box-shadow:-0px -5px 9px #444;
    -moz-box-shadow:-0px -5px 9px #444;

}

.anc a:hover {color: #000; text-shadow: 0 0 0;}

.srfont {font-weight:bold;
color:#006;
letter-spacing:1px;
text-shadow:1px 1px 1px #ccc;
font-family: 'Josefin Sans';
font-size:16px;
font-weight:bold;
}

.hhh {border-bottom: 1px dashed #777; padding-bottom:2px;}





/* -- WHY box -- */


.why {width: 85%; margin-left: auto; margin-right: auto; 

font-weight:bold;
font-style: italic;
font-size:13px;    
line-height:18px; 
word-spacing:0px; letter-spacing:0px;

color: #666;} 

.why a {text-decoration:none;}



/* Drop Down
*********************************/



 /* Dropdown Button */
.dropbtn {
    background:-webkit-linear-gradient(top, #0087A8 0%, #42D9FF 100%);
    background:-moz-linear-gradient(top, #0087A8 0%, #42D9FF #42D9FF 100%);
    background:-o-linear-gradient(top, #0087A8 0%, #42D9FF 100%);
    background:linear-gradient(to top, #0087A8 0%, #42D9FF 100%);       filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087A8', endColorstr='#42D9FF',GradientType=0 );
    color:#fff;
    padding: 5px 30px;
    font-size: 13px;
    border: none;
    font-family: 'Open Sans',arial;
    
    font-weight:bold;
    text-decoration: none;
   
    box-shadow: 2px 2px 4px #000;
    font-family:'Open Sans';
    word-spacing:1px;
    white-space:nowrap;
    
    font-style:normal;
    

}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #eee;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-family: arial;
    font-size: 15px;
    color: #00f;
   
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #00f;
    text-shadow: 1px 1px 0px #fff;   
    -moz-box-shadow: 2px 2px 4px #fff;
    -webkit-box-shadow: 2px 2px 4px #fff;
    padding: 10px 16px 10px 16px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    border: 1px solid #ccc;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;
  text-decoration: underline;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #009;
}  




/* top logo */



.origtop {margin:0px auto 30px auto;text-align:center;
font-style:italic; font-family:'Josefin Sans';font-size:15px;
font-weight:normal; padding-left:20px; white-space: nowrap;}









/* ----   2 BUTTONS  -----  */


.button {display: block; margin-top: 20px;}


.wback {margin-top:-4px; margin-left:30px; }

.wback a {color:#337ab7;
text-decoration:none;
font-family:'Open Sans',arial;
font-size:10px;
font-weight:bold;

}

.wback a:hover {text-decoration:underline;}


.wback2 { }

.wback2 a {color:#000;
text-decoration:none;
font-family:'Open Sans',arial;
font-size:10px;
font-weight:bold;
font-style: normal;

}

.wback2 a:hover {text-decoration:underline;}








/* ---- END 2 BUTTONS ---- */



/* second section  */

.secsection {
    background: #D2E9F7;
    margin-top: 30px;

}




/* *************  5 ITEMS ******************/


.itemhead { 
  color: #00f;
  font-weight: 600;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica, sans-serif; 
  text-align: center;
  position: relative;
  
  
    
}

.item {padding-top: 20px;  }

.items {width: 100%; font-size:14px;line-height:1.5;
font-family: 'Roboto', arial; font-weight:300;
font-size: 14px;
padding: 15px 35px 5px 30px;
text-align:justify;


 }






/*  END COLLAPSIBLE SECTION */




.itemimg {float:left; margin-right: 20px; clear: both;
width:83px; height:83px; }



p {
    overflow:auto;
    vertical-align: middle;
    text-align: left;
}


/* ----------- END 5 ITEMS -------- */



.more {color:#ddd;font-size:10px;font-family:arial;position:relative;top:-9px; padding-top: 2px; }

.more a {text-decoration: none;}
.more a:hover {border-bottom: 1px dashed #6ff;} 



  

/* *********  RECENTLY REGISTERED ********* */


.sc-contain {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    padding-top: 50px;
    
  }

.sc-contain div {
    text-align: center;
}

.rrs {color:#666; font-size:16px;font-family:arial; padding-bottom: 2px; font-weight: normal; }


.m-recently {
  width: 300px; height: 200px; 
  overflow: hidden;
  display: block; margin-left: auto; margin-right: auto; 
  margin-top: -1px; margin-bottom: 6px;
  position: relative; left: -5px;
 
 
}






.textover {

border:0px dashed #666;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
 
position: relative;
margin-left:auto;
margin-right:auto;
width: 400px;
padding: 0 0 60px 0;

box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
}


/* ******** MORE LINKS **********/

.liner {margin-top: -15px; padding: 15px 0;

}

.morelinks {font-size:16px; font-weight:bold; text-align: center;  padding-bottom: 40px; word-spacing:1px;}

.botlinks {text-align: center; width: 100%;}

.botlinks a {color: #444; line-height:3; text-decoration: none;}

.botlinks a:hover {color: #999; line-height:3; text-decoration:underline;}



/* ********  BOTTOM COPYRIGHT-FOOTNOTES ******/


.footnotes {margin-right:auto; margin-left:auto; text-align:center; margin-top:5px; width: 90%; font-size: 11px; line-height: 1.8; border-top: 0px solid #000; color:#ddd;
}

.footnotes-body {text-align: justify;}




.crlink {color:#fff; text-decoration:underline;}













/* TOP NAV BAR */

.primary-nav {
		width: 100%;
		float: none;
		background-color: #000; /* change the menu color */
		border-bottom: 1px solid #fff;
	
		
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
.primary-nav li {
		display: none;
		width: 100%;
		font-family: arial, sans-serif;
		text-align: left;
		font-weight: 400;
	}
	
.primary-nav li a {
		display: block;
		
    height:45px;
		background: #000;
		margin-left:20px;
		width: 90%;
		max-width: 500px;
		padding: 5px 5%;
		font-size: 14px;
		font-weight: bold;
				
		color: #eee;
		text-decoration: none;
		border-bottom: 2px solid rgba(0,0,0,.2);
		border-top: 2px solid rgba(255,255,255,.1); 
		line-height: 2;
	}
.primary-nav li a:hover {
		color: #ccc;
	}
.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

.primary-nav > li:hover > a {
		
	}
.primary-nav li.parent > a:after {
		content: "?";
		color: rgba(255,255,255,.1);
		float: right;
	}
.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	


.shw {
text-shadow: 1px 1px 1px rgba(0,0,0,.95);
-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.95);
-moz-text-shadow: 1px 1px 1px rgba(0,0,0,.95);
}




	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: fixed;
		top: 7px;
		left: 7px;
		width: 55px;
		height: 35px;
		background: #000 url('https://songregistration.com/images/menu-icon-large.png'); 
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
.nav-button.open {
		background: url('https://songregistration.com/images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
		background: url('https://songregistration.com/images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
		background: url('https://songregistration.com/images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
		background: url('https://songregistration.com/images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
		background: url('https://songregistration.com/images/close-icon-large.png'),      linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));		
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}









	/* Navigation Bar
	-------------------------------------------------------- */