.image01 { background:url(../images/header/01.jpg); }
				.image02 { background:url(../images/header/02.jpg); }
				.image03 { background:url(../images/header/03.jpg); }
				.image04 { background:url(../images/header/04.jpg); }
				.image05 { background:url(../images/header/05.jpg); background-position:right !important; }
				.image06 { background:url(../images/header/06.jpg); }
				.image07 { background:url(../images/header/07.jpg); }
				.image08 { background:url(../images/header/08.jpg); }
				.image09 { background:url(../images/header/09.jpg); }
				.image10 { background:url(../images/header/10.jpg); }
				
				
				
#tifentry { width: calc(100% - 0px); background: transparent; height: 100%;}		
		
#tifentry span { display: none; }		
#tifentry-box {
    width: calc(100% - 20px);
	text-align: right;
    height: calc(100% - 0px);
font-size: 18px;   
    border: 0px solid green;
    border-radius: 0px;
    background: transparent ;
    resize: none;
	padding-right: 20px;
	box-sizing: border-box;
}


#tifentry-box::placeholder {color: black;}

@media (prefers-color-scheme: dark) {
#tifentry-box::placeholder {color: white;}
}


#tifentry-box:focus {
    border: 5px 0px solid rgba(119,119,119,1.00);

    border-radius: 0px;
	
	outline: none;
}		



#tifentry-enter { display: none;
    border: none;
    color: orange;
    cursor:zoom-in;
	    height: 60%; width: 20px;
}		

	




/*
, options 
*/






/*6*/												#clientframe { height: calc(190px * 2); }
/*5*/	@media screen and (max-width: 1049px) {		#clientframe { height: calc(230px * 3); }}
/*4*/	@media screen and (max-width: 879px) {		#clientframe { height: calc(230px * 3); }}
/*3*/	@media screen and (max-width: 709px) {		#clientframe { height: calc(230px * 3); }}
/*2*/	@media screen and (max-width: 539px) {		#clientframe { height: calc(230px * 4); }}
*/


				




/*
				#content > div:last-child {  min-height: 0px;
							/* so we have  view  - footer - padding */ }



#content > div > div {top: 100px !important;}


/** LIGHTBOX MARKUP **/

.lightboxs { 
	position: fixed;
	z-index: 999;
	width: 80%;
	height: 0%;
	text-align: center;
 -webkit-transition: all	0.5s ease-in-out;
							-moz-transition: all	0.5s ease-in-out;
							  -o-transition: all	0.5s ease-in-out;
								 transition: all 	0.5s ease-in-out;	
  
  left: 10%;
  bottom:-100px;
	background: rgba(255,255,255,1); box-shadow: 0 0 10px 5px rgba(136,136,136,1.0); border-radius: 10px;
  
}

.lightboxs iframe { height:calc(100% - 100px); width: 100%;
  
}



.lightboxs:target {

	/** Unhide lightbox **/
  height:calc(100vh + 100px - 50px);
}