body { 	
	margin: 0; padding: 0;
	font-family: 'playregular'; 	
	font-size: 16px;	
}
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	transition:0.5s all;
	color: #808080;
}
a:hover, a:active {
	text-decoration: none;
	font-weight: normal;
	transition:0.5s all;
	color: #000;
}

a img {border:0}	
p a {font-weight:bold;}	
td {vertical-align:top;}

/* ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {line-height: 120%; margin:0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;}

p, li {margin:0 0 5px 0; 	font-size: 1em; line-height: 160%;}


h1 { 
	margin:0 0 20px 0;	
	font-size: 30px;	
}

h2 { 
	margin:0 0 20px 0;	
	font-size: 24px;	
}

h3 { 
	margin:0 0 20px 0;	
	font-size: 20px;	
}

h4 {	
	margin:0 0 20px 0;	
	font-size: 16px;	
	
}

h5 {
	margin:0 0 10px 0;	
	font-size: 14px;	
}

h6 {
margin:0 0 10px 0;	
	font-size: 12px;	
}

form {margin: 0;}

hr {
	margin: 5px 0px 5px 0px;
	border: 0;
	border-top: 1px solid #505567;
	height: 1px;
}



ul li {	
	padding-bottom: 0px;
	list-style: url(../images/lipu.png);
			
} 

ul {	
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.7em;
	padding-left: 0.7em;
		
}

/* Back to Top */
#backtotop {
  display: inline-block;
  background-color: #909090;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  transition: background-color .5s, 
  opacity .5s, visibility .5s;
  opacity: 0.4;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #606060;
}
#backtotop:active {
  background-color: #909090;
}
#backtotop.show {
	opacity: 0.4;
  visibility: visible;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wrapper { /* Holds the page items in place */
/*	XXmin-height:90%; */
	box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.4);	
}
.wrapper, #topmenubox .m_inner { width: 90%; max-width: 1500px; margin: 0 auto 0 auto;}
.topspacer {padding-top: 140px;  width:100%; }

.mainbox {}

.content { /* main content */
	width: 73%;
	float: left;
	display:inline;
	margin-left: 0;
}


.thrfooter{
	padding: 25px 0px 15px 0px;
	text-align: center;
	border-top: 1px solid #000;
}
.thrfooter a {
/*nix*/
}
.thrfooter a:hover {
/*nix*/
}

.copyright{
	padding: 20px 0px 0px 0px;
	font-size: 11px;  
}


.footer {
	padding: 0px 0px 20px 0px;
	text-align: center;
}

.grid {
  display: grid;
  gap: 10px;
	grid-template-columns: 70% 30%;
}
.main {
	padding: 0 20px 0px 20px;
}
.side {
	margin: -10px 10px 10px 0;
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #000;
}

.main,
.side {
/*nix*/
}

@media(max-width: 900px){
  .grid {
	  grid-template-columns: 100%; 
  }
	.side {
	border-left: none;
		margin: 0 0 0 0;
		border-top: 1px solid #000;
		padding: 20px 10px 0 10px;
  }
	.main {
	padding: 0 10px 25px 10px;
  }
}


/*Smaller Screens */
@media screen and (max-width: 1500px) {
	.wrapper,  .mainbox, #topmenubox .m_inner  {width:100%; margin: 0 0 0 0;}
	.XXtopheader {background-size: 100% auto;}
}

/*Smaller Screens */
@media screen and (max-width: 1024px) {
	
	#topmenubox {height: 60px ! important;}
	#topmenubox #nav {display:none;}
			
	.toggleMobileMenu {display:block; float:right; width:20px; height:50px; background: url(../images/menuswitch.png) no-repeat top right; margin:10px 4% 0 0;} 
	
	.topspacer {padding-top: 80px;  }	
	#XXtopparallax {padding-top: 50%; }
 
	h1 { font-size: 2.2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.6em; }
}