

/* omnilib stylesheet APX v0.000  */





:root {
    
    
    --edge: 5px ;    
    
    --paddingx: 10px ;     /* the default value */
    
    
    
}










html {
  scroll-behavior: smooth;
}


 img {max-width:100%; height: auto;}





/* print specific */


@media print{
	
	a[href]:after{
    content: " [" attr(href) "] ";
    } 
}

    .printshow {display: none;}

@media print {

    .printhide {display: none;}
    .printshow {display: block;}
}



@media print{    iframe {display: none;} }


/* /.. */





	
.cst {text-align:center;}	
.lst {text-align:left;}	
.rst {text-align:right;}
.jst {text-align:justify;}
	
@media (max-width: 640px) {	.jst {text-align:left;} }

.rvlst {text-align:right;}
	
@media (max-width: 640px) {	.rvlst {text-align:left;} }




.roundedge {

  padding: calc(var(--edge)* 3) ;

  -webkit-border-radius: var(--edge);
  -moz-border-radius:  var(--edge);
   border-radius:  var(--edge);
	
	}

.shadow { 
	
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.50); 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.50);  
	 box-shadow: 1px 1px 5px rgba(0,0,0,0.50);
	 }


.boxshadowvertical {	 /* first top , second bottom*/
		
						
    -webkit-box-shadow: inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);	
						
    -moz-box-shadow:	inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);
	
	 box-shadow: 		inset 0px  10px 20px -10px rgba(0,0,0,0.50), 
	 					inset 0px -10px 20px -10px rgba(0,0,0,0.50);

 }	


.boxshadowtop {		
		
    -webkit-box-shadow: inset 0px  10px 20px -10px rgba(0,0,0,0.50);	
    -moz-box-shadow:	inset 0px  10px 20px -10px rgba(0,0,0,0.50);
	 box-shadow: 		inset 0px  10px 20px -10px rgba(0,0,0,0.50);

 }	


.boxshadowbottom {		
		
    -webkit-box-shadow: inset 0px -10px 20px -10px rgba(0,0,0,0.50);
    -moz-box-shadow:	inset 0px -10px 20px -10px rgba(0,0,0,0.50);
	 box-shadow: 		inset 0px -10px 20px -10px rgba(0,0,0,0.50);

 }	




 .greyscale {
	 
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
		filter: gray; 
		filter: grayscale(100%);
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

	 }	








.hidmobile {display:none;}

@media (min-width: 720px) {	.hidmobile {display:block;} }


.hidhires {display:block;}

@media (min-width: 720px) {	.hidhires {display:none;} }



.block990 { display: block ; }

@media (min-width:  990px) { .block990 { display: none ; } }





/* //////////////////////////// video embed code ///////////////////// */

/* vimeo legacy code - fix posts then remove */
.youtube-player {width:100%; height: 100%;}
@media (min-width:  720px) { .youtube-player { height:480px; } }
@media (min-width:  990px) { .youtube-player { height:320px; } }
@media (min-width: 1380px) { .youtube-player { height:400px; } }
@media (min-width: 1510px) { .youtube-player { height:600px; } }







.keep-aspect {
   position: relative;
   height: 0;                      /* height / width * 100% = 315 / 560 * 100% = 56.25% */
   padding-top: 56.25%;
}

.keep-aspect iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    
.xVideo {
  min-width: 100%; 
  min-height: 100%;
  width: 100%; 
    
}
  
/* //////////////////////////// video embed code ///////////////////// */  
















.p404 {padding:15vh; text-align: center; }


  




/* layout */



  .inner { margin:0 auto; width:100%; max-width:2600px; min-width:320px;}


  *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

  .clearfix:before,
  .clearfix:after {content: " "; display: table; clear: both; }
  /*.clearfix {  *zoom: 1; }*/


  .col   {  padding: 0px; margin: 0px; } 
  


  .pdx {padding: var(--paddingx)}
  .pdxw {padding: 0px var(--paddingx) 0px var(--paddingx)}
  .pdxv {padding: var(--paddingx) 0px var(--paddingx) 0px }
  .pdxvt {padding: var(--paddingx)  0px 0px 0px  }


/*----------------------------------------------------------------------------------------------------------------------------*/
/* - 1234 raw */
/*----------------------------------------------------------------------------------------------------------------------------*/



/* 1 DO NOT EDIT */
@media (min-width: 720px) {	
	
    
  .inner {  width:95%; }
	
  .col { float: left; }
  
  .col.full { width: 100%;  min-width:320px; }
  .col.half { width: 50%; min-width:320px;  }
  .col.halfxxx { width: 33%;   }
  .col.two-thirds { width: 100%; min-width:320px;  }
  .col.third { width: 100%;   } 
  .col.fourth { width: 50%; }
  .col.fourthxxx { width: 33%; }
  .col.two-fourths { width: 100%; min-width:320px;  }
  .col.three-fourths { width: 100%;    }
  .col.fifth { width: 50%; }

}



/* 2 DO NOT EDIT */
@media (min-width: 990px) {	


  .col { float: left; }
  
  .col.full { width: 100%; }
  .col.half { width: 50%; }
  .col.halfxxx { width: 50%; }
  .col.two-thirds { width: 66.666%; }
  .col.third { width: 33.333%;   }
  .col.fourth { width: 25%;  } 
  .col.fourthxxx { width: 25%;  } 
  .col.two-fourths { width: 50%;   }
  .col.three-fourths { width: 75%;   }
  .col.fifth { width: 19%; }

}



/* 3 DO NOT EDIT */
@media (min-width: 1350px) {	
	

  .colx { float: right; display:inline-block; width: 55%; min-width:640px; }
  
  .col.fifth { width: 20%; }
	
}


/* end - layout */






	










