/* omnilib stylesheet APX v1.00  */





: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;}
}




/* /.. */





	
.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;} }




.ust {text-align:center;}

@media (min-width:  1010px) { 
    
    
.ust {text-align:right;}

}



.roundedge {


    
   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);

 }	




.multiply {

  mix-blend-mode: multiply;
}


.grayscale {
  filter: grayscale(100%);
}











.hidmobile {display:none;}

@media (min-width: 720px) {	.hidmobile {display:block;} }


.hidhires {display:block;}

@media (min-width: 720px) {	.hidhires {display:none;} }





.hidxxx {display:none;}


@media (min-width: 600px) {	.hidxxx {display:block;} }

@media (min-width: 1010px) {	.hidxxx {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 ///////////////////// */  
























/* layout */










  .inner { margin:0 auto; width:95%; max-width:1600px; 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)}

  .pdxx {padding: calc( 2 * var(--paddingx))}

  .pdxxx {padding: calc( 3 * var(--paddingx))}

  .pdxw {padding: 0px var(--paddingx) 0px var(--paddingx)}
  .pdxv {padding: var(--paddingx) 0px var(--paddingx) 0px }

.op50 {opacity: 0.5 ; }
.op25 {opacity: 0.25 ; }
.op10 {opacity: 0.10 ; }


/*----------------------------------------------------------------------------------------------------------------------------*/
/* - 1234 raw */
/*----------------------------------------------------------------------------------------------------------------------------*/



/* 1 DO NOT EDIT */
@media (min-width: 720px) {	
	
    
	
  .col { float: left; }
  
  .col.full { width: 100%;  min-width:320px; }
  .col.half { width: 100%; min-width:320px;  }
  .col.two-thirds { width: 100%; min-width:320px;  }
  .col.third { width: 100%;   } 
  .col.three-fourths { width: 50%; }
  .col.fourth { width: 50%;  } 
  .col.two-fourths { width: 100%; min-width:320px;  }
  .col.fifth { width: 50%; }

}



/* 2 DO NOT EDIT */
@media (min-width: 990px) {	


    
  .col { float: left; }
  
  .col.full { width: 100%; }
  .col.half { width: 50%; }
  .col.two-thirds { width: 66.666%; }
  .col.third { width: 33.333%;   }
  .col.fifth { width: 19%; }

}



/* 3 DO NOT EDIT */
@media (min-width: 1350px) {	
	
  .inner {  width:85%; }

  .colx { float: right; display:inline-block; width: 55%; min-width:640px; }
  
  .col.full { width: 100%; }
  .col.half { width: 50%; }
  .col.two-thirds { width: 66.666%; }
  .col.third { width: 33.333%; }
  .col.three-fourths { width: 75%; }
  .col.fourth { width: 25%; }
  .col.two-fourths { width: 50%;   }
  .col.fifth { width: 20%; }
	
}


/* end - layout */