body, .glass::before {
background: url(../images/fon1.jpg) 0 / cover fixed;
}


.skew {
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
}

.skew > * {
	-webkit-transform: skewX(15deg); 
	-moz-transform: skewX(15deg); 
	-ms-transform: skewX(15deg); 
	-o-transform: skewX(15deg); 
	transform: skewX(15deg); 
	
}

.vert {
	width: 100%;
	display: inline;
	
}

.centred {text-align: center}
.niz {margin-bottom: 20px;}
.bol {text-transform: uppercase;}
.hhead {font-family: "Cooper"; font-weight: normal; color: #ff0039;}
.nhead {font-family: "Cooper"; font-weight: normal; color: #ffffff; margin: 0px auto; text-shadow: 1px 1px 3px #666, -1px -1px 3px #000, 1px 1px #666, -1px -1px #000;}
.inv {color: #000055;}
.noselect {text-decoration: none; color: inherit;}

.borded { border: 1px solid #fff;}
.full { height: 100%; width: 100%; }
.notl {text-decoration: none;}
.corner { position: absolute; right: 20px; bottom: 0px;}
.row-flex { display: flex; flex-flow: row wrap;}

.bg-trans-w1 {	background: url(../images/overlays/w1.png) repeat; }
.bg-trans-w2 {	background: url(../images/overlays/w2.png) repeat; }
.bg-trans-w3 {	background: url(../images/overlays/w3.png) repeat; }
.bg-trans-b1 {	background: url(../images/overlays/b1.png) repeat; }
.bg-trans-b2 {	background: url(../images/overlays/b2.png) repeat; }
.bg-trans-b3 {	background: url(../images/overlays/b3.png) repeat; }
.bg-trans-blue { background: url(../images/overlays/blue.png) repeat; }
.bg-trans-red { background: url(../images/overlays/red.png) repeat; }

.all-mb-0 { margin-bottom: 0;}
.all-mb-1 { margin-bottom: 0.5rem;}

.adapted {font-size: 16px;} 
.tophead {height: 200px;}
.tellfon {display: none;}
.sized {font-size: 250%; color: black;} 
.comment {position: absolute; color: black; margin: 0 auto; padding: 5px 0; width: 100%; bottom: 0; display: inline; background: url(../images/overlays/w3.png) repeat;}
.data-right {position: absolute; color: black; bottom: 0; right: 0; display: inline; background: url(../images/overlays/w3.png) repeat; margin-right: 1rem; padding: 3px 5px;}

@media (max-width: 1200px) { 
.tophead {height: 150px;} 
.sized {font-size: 200%;} 
.adapted {font-size: 14px;} 
}
@media (max-width: 980px) { 
.tophead {height: 100px;} 
.sized {font-size: 150%;} 
.adapted {font-size: 12px;} 
}
@media (max-width: 768px) { 
.tophead {display: none;}
.sized {font-size: 100%;} 
.adapted {font-size: 10px;} 
.tellfon {display: block;}
}

.msmall {display: none;}
.sh-b1 {text-shadow: 1px 1px 1px #000;}
.sh-b2 {text-shadow: 2px 2px 5px #000;}
.sh-w1 {text-shadow: 1px 1px 1px #fff;}
.sh-w2 {text-shadow: 2px 2px 5px #fff;}
.sh-w3 {  text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 20px white, 0 0 35px white, 0 0 40px white, 0 0 50px white, 0 0 75px white;}
.shadow-b1 {box-shadow: 0px 0px 13px 0px #000000;}
.shadow-b2 {box-shadow: 0px 0px 10px 0px #999;}
.brdr {padding:10px; text-decoration: none;}


.logo {
	margin: 0; 
	z-index: 9999; 
	border-radius: 10px;
	height: 100%;
	}
	
	
.sshov {
	box-shadow:  0 0 5px 2px rgba(0,0,0,0.6);
	-moz-box-shadow:  0 0 5px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow:  0 0 5px 2px rgba(0,0,0,0.6);
	}
	
	
	

.glass {
  position: relative;
  background: hsla(0, 0%, 100%, .40) border-box;
  overflow: hidden;
  box-shadow: 0 .15em 0.7em rgba(0, 0, 0, 0.1);
  border: none;
  color: #000;
  font-weight: 100;
}

.hanzi {
  font-family: Hanzi;
}

.gcard1 {
  border-radius: 15px 0; padding: 5px;
}

.gcard2 {
  border-radius: 13px 0; 
}

.glass::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -30px;
  z-index: -1;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}



.ablock:hover {
	text-decoration: none; 
	color: inherit;
	  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
   box-shadow: 0 .15em 0.7em rgba(0, 0, 0, 0.6); 
   background: url(../images/overlays/b2.png);
	}

	
.ablock2:hover {
	text-decoration: none; 
	color: inherit;
	  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
   box-shadow: 0 .15em 0.7em rgba(0, 0, 0, 0.4); 
   background: url(../images/overlays/w2.png);
	}