/* Request Form */

.whatsApp{
	background-color:#fefbed;
	font-family:Avenir, sans-serif; 
	color:#111111;
	//text-shadow: .5px .5px .5px #444444;
	font-size:18px;
	letter-spacing:0.02em;
	line-height:1.2;
	padding:12px;	
}

.TextBox {	
	width:280px; 
	height:4px;	
	font-family: Avenir,sans-serif;
	font-size:20px;
	color: #000000;
	letter-spacing: 0.06em;
	text-shadow: 1px 0px 0px #aaaaaa;
	border-radius:8px;
	background-color:#BCB7A2;
	
  	padding-left:15px;
  	padding-right:15px;
  	padding-top:6px;
  	padding-bottom:6px;
  	resize: none;
	overflow-y: scroll;
	visibility: hidden;
}
 
.login {
	background-color: #111111;
	font-family: Avenir,sans-serif;
	font-weight: lighter;
	color:#FFFFFF;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.05em;
	vertical-align:middle;
	 	
 	border-radius: 0px;
 	height:48px;
 	width: 240px;
 } 

.PhotoVideo{ 
	color: #666666;
	font-family:Cochin,sans-serif;
	font-weight: 400;
	letter-spacing: 0.04em; 
	font-size: 18px;
}		

.portphotoHead{
	font-family:Avenir,sans-serif;
	font-weight: lighter;
	font-size:28px;
	color:#222222;
	letter-spacing: 0.05em;
	text-align: center;
}

.select {
	//background-color: #2196F3;
	background-color: #CCCCCC;
	color:  #222222;	
	text-align: center;
	letter-spacing: 0.01em;
	text-shadow: 2px 2px 1px #BBBBBB;
	font-size: 14px;	
 	border-radius: 0px;
 	height: 30px;
 	width: 100px;
 	vertical-align:middle;
 }
 
.message {
	width: 580px;
	font-family:sans-serif, Futura;
	text-shadow: .5px .5px .5px #AAAAAA;
	letter-spacing: 0.03em;
	padding:10px;
	font-size:18px;
	text-align:left;
	border-radius: 8px;
	//background-color: #F5C518;
	background-color: #FFFFFF;
	color: #000000;
}

.conLabel {
	font-family:Avenir, sans-serif;
	font-weight: 400;
	color: #1a6056;
	letter-spacing: 0.02em; 
	font-size: 20px;
	text-align: right;
}




/* Basic */

body{ /* body */
	background-color:#fefbed;
	//background-color: #A29E95;
	overflow-y: scroll;
	overflow-x: scroll;
}

.Knt{
	 width: 2px;
 	 background-color: #fefbed;
 	 border:0px;
 } 

.skewed {
      clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);    
      border-bottom: 7px solid #FF0700;
    //border-bottom: 8px solid #EC7063;
}

.copyright {
	font-family:Avenir, sans-serif;
	color: #222222;
	letter-spacing: 0.4em; 
	line-height: 1.6; 
	font-size: 13px;
	text-align: center;
}      
	
.dark2 {   /* ????? */
	opacity: 1.0;	
	font-family:Avenir, sans-serif;
	width: 480px; 
	height: 330px;
}

	
Thank {   /* ????? */
	font-family:Avenir, sans-serif;
	letter-spacing: 0.05em;
	font-size: 20px;
	color: #FFFFFF;
}

.buttin5 {  	
	cursor:pointer;
	font-family:Avenir,sans-serif;
	background-color: #111111;
	color: #00FF00;	
	text-align: center;
	letter-spacing: 0.12em;
	font-size:  20px;
	height: 150px;
 	width: 180px;
 	vertical-align:middle;	
	border-left:  30px solid transparent;
	border-right: 30px solid transparent;	
	border-top:   30px solid transparent;
	border-bottom:30px solid transparent;
	border-image: linear-gradient(to top, #b7cfcd,#1a6056);
    border-image-slice: 1;   
 }
.buttin5:hover{color:#EC7063;}


.pilsan {	
	font-family:Avenir Next, sans-serif; 
	color: #222222;
	letter-spacing: .3em;   /* orig .12 */
	line-height: 1.5; 
	font-size: 28px;         /* orig 68 */
	text-align: center;
	text-shadow: 1px 1px 1px #888888;	 
}
	
.Bigtitles { /* Classical Music, etc */
	width: 720px;
	height:200px;	
	color: #FFFFFF;
	background-color: #6B0000;
	font-family:Avenir,sans-serif;
	font-size: 36px;	/* old 56px */
	letter-spacing: 0.07em;	
	text-align: center;
	vertical-align: middle;	
	border-left: 1px solid #333;
	border-right:1px solid #333;
	border-bottom: 10px solid #FFD700;    
	background: rgb(254,251,237);
	background: linear-gradient(180deg, rgba(254,251,237,1) 0%, rgba(34,34,34,1) 100%, rgba(254,251,237,1) 100%);	
	clip-path: polygon(16% 0%, 84% 0%, 100% 100%, 0% 100%);
}

.vdevice {
	display:none;
}

.vdesk {
	display:display;
}

.SnellRndHnd { /* Caravaggio */
	font-family: Snell Roundhand,sans-serif; 
	font-weight: lighter;
	color: #666666;
	letter-spacing: 0.05em;
	font-size: 64px;
	text-align: center;
}

.Snell2 { /* Caravaggio */
	//font-family: Snell Roundhand,sans-serif;
	font-family: Avenir Next,sans-serif; 
	font-weight: 111;
	color: #FFFFFF;
	letter-spacing: 0.09em;
	font-size: 30px;
	text-align: center;
}

.SubHead2 {
	font-family:AppleGothic, serif; 
	//color: #555555;
	color: #EE0700;	
	letter-spacing: 0.01em; 
	font-size: 18px;
	text-align: center;
}

.buttinBio {
	width: 400px; 
	height: 60px;
	padding:6px 0;
	font-size:22px;
	text-align:center;
	border-radius: 8px;
	background-color: #C6C68A;
	color: #000000;
	letter-spacing: 0.03em;
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}
.buttinBio:hover{
	color:CC0000;
}

.bigbuttin {  	
	background-color: #333333;	
	text-align: center;
	height: 134px;
 	width: 360px;
 	vertical-align: middle;	
	border-left:  30px solid transparent;
	border-right: 30px solid transparent;	
	border-top:   30px solid transparent;
	border-bottom:30px solid transparent;
	border-image: linear-gradient(to bottom, #b7cfcd,#1a6056);
    border-image-slice: 1;   
 }
.bigbuttin:hover{color:#EC7063;}

.menubuttin {  
	border:none;
	cursor:pointer;
	background-color:#111111;
	
	font-family:Avenir,sans-serif;
	font-size:18px;
	color:FFFFFF;
	letter-spacing:3px"
 }
.menubuttin:hover{color:#EC7063;}

.menubuttinhome {  
	border:none;
	cursor:pointer;
	background-color:#111111;
	font-family:Avenir,sans-serif;
	font-size:18px;
	color:00FF00;
	letter-spacing:3px"
 }
.menubuttinhome:hover{color:#EC7063;}
	
.titleBox {
	width: 320px; 
	height: 30px;
	padding:6px 0;
	font-size:16px;
	text-align:center;
	border-radius: 8px;
	color: #000000;
	background-color: #FFFFFF;
	//background-color: #F5C518;
 	border-left:   1px solid #888;
	border-top:    1px solid #888;
	border-right:  1.5px solid #222;
	border-bottom: 1.5px solid #222;
}

.tdtext{
	background-color: #BCB7A2;	 
	color: #222222;
	font-family:Avenir,sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.14; 
	font-size: 18px;
	text-align: left;
	text-shadow: 0px 0px 1px #444444;	
	border-left:  22px solid transparent;
	border-top:   20px solid transparent;
	border-right: 22px solid transparent;
	border-bottom:20px solid transparent;	
	border-image: linear-gradient(to top, #BCB7A2,#BCB7A2);
    border-image-slice: 1;
	
	//width is needed for android;	
	width: 300px;
}
	
.old-tdwhite {		
	width:400px;
	text-align: center;
	background-color: #fefbed;
	border-left:  1px solid #111;
	border-top:   1px solid #111;
	border-right: 1px solid #111;
	border-bottom:1px solid #111;	 
}

.tdegg {
	font-family:Avenir,sans-serif;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.5; 
	font-size: 13px;
	background-color: #fefbed;
	text-align: center;
}


.tdwhite {		
	font-family:Avenir,sans-serif;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.5; 
	font-size: 14px;
	//background-color: #fefbed;
	//background-color: #ECDEC9;
	background-color: #111111;
	
	text-align: center;
		
	//border-left:  2px solid #CCC;
	//border-top:   2px solid #CCC;
	//border-right: 2px solid #CCC;
	//border-bottom:2px solid #CCC;	 
}

.textwhite {
	background-color: #AAAAAA;	
	font-family:Avenir,sans-serif;
	color: #111111;
	letter-spacing: 0.03em;
	line-height: 1.3; 
	font-size: 18px;
	text-align: left;
	border-left:  1px solid #111;
	border-top:   1px solid #111;
	border-right: 1px solid #111;
	border-bottom:1px solid #111;	 
}
 
 .TXsmall {  /* Bio Photo text */	
	font-family:Avenir, sans-serif;
	font-size:12pt; 
	font-style:bold; 
	color:#222222;
	letter-spacing:0.01px;
	line-height:1.5;
	vertical-align:middle;
	//border:4px;
}

.small {
	font-family:Avenir Next,sans-serif;
	color: #444444;
	letter-spacing: -1px; 
	font-size: 24px;     /* was 24px  */
	text-align: left;
	font-style: Ultra light;
}

.bluebuttontitles {
	font-family:Avenir,sans-serif;
	color: #333333;
	letter-spacing: 0.01em; 
	font-size: 18px;     /* was 28px  */
	text-align: left;
	font-style: Ultra light;
}

.songTitle{	 
	//color: #f0e495;
	color: #000000;
	font-family:Avenir Next,sans-serif;
	letter-spacing: 0.01em; 
	font-size: 22px;
	font-style:lighter;
}

.slider {
    appearance: none; /* removes browser-specific styling */
	outline: none; /* remove outline */
    width: 50px; /* width of slider */
    height: 25px; /* height of slider */
    background: #2196F3 ; /* blue background */
    border-radius: 50px; /* round corners */;
}

.slider::-webkit-slider-thumb {
  	appearance: none; /* removes browser-specific styling */
  	width: 20px; /* handle width */
 	 height: 20px; /* handle height */
  	border-radius: 50%; /* make it circular */
  	background: #FFFFFF; /* white color */
  	cursor: pointer; /* cursor on hover */
}



							/* SubHead */
.SubHead { /* Welcome */
	font-family: Avenir,sans-serif; 
	font-weight: lighter;
	//color: #EC7063;
	color: #BA0000;
	letter-spacing: 0.05em;
	font-size: 28px;
	text-align: center;
}

.SubHeaddesk { /* Welcome */
	font-family: Avenir,sans-serif; 
	font-weight: lighter;
	//color: #EC7063;
	color: #FF2222;
	letter-spacing: 0.05em;
	font-size: 28px;
	text-align: center;
}

.SubHeadmob { /* Welcome */
	font-family: Avenir,sans-serif; 
	font-weight: normal;
	//color: #EC7063;
	color: #FF2222;
	letter-spacing: 0.05em;
	font-size: 48px;
	text-align: center;
}

.SubHeadtab { /* Welcome */
	font-family: Avenir,sans-serif; 
	font-weight: normal;
	//color: #EC7063;
	color: #FF2222;
	letter-spacing: 0.05em;
	font-size: 38px;
	text-align: center;
}



							/* PageUp */
.PageUp {
	font-family:Avenir,sans-serif; 
	color: #CC0000;
	width:200px;
	letter-spacing: 0.2em;
	font-size: 20px;
	font-style:bold;
	text-align: center;
	text-decoration:none;
}
.PageUp:hover {
	color:#EC7063;
	text-decoration:none;
}
	
.PageUpmob {
	font-family:Avenir,sans-serif; 
	color: #FF0000;
	width:200px;
	letter-spacing: 0.2em;
	font-size: 42px;
	font-style:bold;
	text-align: center;
	text-decoration:none;
}

.PageUpmob:hover {
	color: #EC7063;
	text-decoration:none;
}
	
.PageUptab {
	font-family:Avenir,sans-serif; 
	color: #CC0000;
	width:200px;
	letter-spacing: 0.2em;
	font-size: 20px;
	font-style:bold;
	text-align: center;
	text-decoration:none;
}

.PageUptab:hover {
	color:#EC7063;
	text-decoration:none;
}
	
.PageUpdesk {
	font-family:Avenir,sans-serif; 
	color: #FF0000;
	width:200px;
	letter-spacing: 0.2em;
	font-size: 20px;
	font-style:normal;
	text-align: center;
	text-decoration:none;
}
.PageUpdesk:hover {
	color: #444444;
	text-decoration:none;
}
	
	
	


a {
	text-decoration:none;
}

.buttins6 {
    cursor:pointer;
	background-color: #CDC8B3;
	//background-color: #666666;
	color:  #222222;	
	text-align: center;
	letter-spacing: 0.01em;
	text-shadow: 2px 2px 1px #BBBBBB;
	font-size: 12px;	
 	border-radius: 0px;
 	height: 40px;
 	width: 156px;
 	vertical-align:middle;
 } 
.buttins6:hover{color:#EC7063;}
    
.buttins3 {
    cursor:pointer;
	background-color: #CDC8B3;
	//background-color: #666666;
	color:  #222222;	
	text-align: center;
	letter-spacing: 0.01em;
	text-shadow: 2px 2px 1px #BBBBBB;
	font-size: 12px;	
 	border-radius: 0px;
 	height: 40px;
 	width: 258px;
 	vertical-align:middle;
 } 
.buttins3:hover{color:#EC7063;}
 
 
.medKey {	
	font-family:sans-serif, Futura; 
	color: #FFFFFF;
	letter-spacing: 0.07em; 
	font-size: 36px;
	text-shadow: 2px 2px 3px #444444;
}
	
.smallInstruct {
	font-family:sans-serif, Futura; 
	color: #FFFFFF;
	letter-spacing: 0.05em; 
	font-size: 24px;
	text-align: left;
	text-shadow: 2px 2px 3px #444444;
}
	
img.dark {
	//outline: 1px solid #111;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	//padding: 1px;
	background: #333;
}

img.dark8pc {
    cursor:pointer;
	//outline: 1px solid #111;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	//padding: 1px;
	background: #333;
}


						/* Dropdown M E N U  */
.dropbtn {
  	//background-color: #fefbed;
  	//color: #222222;  /* ?? */
 	//padding: 12px;  
  	//font-size: 38px;
  	//letter-spacing: 0.07em;
	////line-height: 1.5;
	//font-family:sans-serif, Futura;
	font-style: bold; 	
  	//border: none;
  	//cursor: pointer;
  	//min-width: 900px;
  	//height: 80px;  
  	//box-shadow: 2px 2px 12px #333333;	
	//border-left: 1px solid #AAA;
	//border-top: 1px solid #BBB;
	//border-right: 2px solid #333;
	//border-bottom: 2px solid #333;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	float: center;
  	position: relative;
  	display: inline-block;  
    //-webkit-transition: all 300ms ease-out;
    //transition: all 300ms ease-out;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	float: center;
  	display: none;
  	position: relative;
  	top: 30px;
  	left: 0px;
  	bottom: 30px;
  	
  	width: 360px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  	
	z-index: 9999;	
	transform: scale(1);
	background-color: #FE4D4D;
}
.dropdown-content a {
  	color: #222222;  /* Dropdown font color */
  	font-size: 24px;
  	font-family:Avenir,sans-serif;
  	letter-spacing: 0.05em;;
	line-height: 0.1;
	text-align: left;
 	
 	padding-top: 30px;
 	padding-bottom: 10px;
 	padding-left: 20px;
 	padding-right: 20px;
 	
  	text-decoration: none;
  	display: block;	
}
.dropdown-content a:hover {
	background-color: #FFF;
}

.show {
	display:block;
}