html {height: 100%; -webkit-text-size-adjust: 100%;}
body{background:#131313 url(../images/bg.jpg) top left;color:#111;font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;font-size:12px;height:100%;color:#666}
input, textarea {font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;font-size:12px;}
.container{width:950px;height:590px;position:fixed;top:50%;left:50%;margin-left:-475px;margin-top:-295px}
#copyright{width:950px;height:20px;padding:5px;font-size:10px;color:#f1f1f1;text-shadow:0 1px 2px rgba(0,0,0,0.35)}
#pagebg{background:#000;width:930px;height:610px;padding:9px;border:1px solid #333;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);box-shadow:0 0 5px rgba(0,0,0,0.35)}
#content{width:930px;height:610px;background:#eaeaea}
#left{float:left;width:620px;height:610px;overflow:hidden;}
#right{float:left;width:310px;height:610px;background:#fff;position:relative;-webkit-box-shadow:-3px 0 3px -2px rgba(0,0,0,0.35);-moz-box-shadow:-3px 0 3px -2px rgba(0,0,0,0.35);box-shadow:-3px 0 3px -2px rgba(0,0,0,0.35)}
#logo{width:250px; height:250px; background: url('../images/human.jpg') no-repeat right bottom; margin:0 auto; margin-top:20px}
.menu{width:250px;margin:0 auto; margin-top: 13px;}
.menu li{border-bottom:1px dotted #ccc;line-height:30px}
.menu li:last-child{border-bottom:0}
.menu a{color:#222;-webkit-transition:padding-left .05s linear;-moz-transition:padding-left .05s linear;-ms-transition:padding-left .05s linear;-o-transition:padding-left .05s linear;transition:padding-left .05s linear}
.menu a:hover{color:#666;font-weight: bold;}
.wactive{padding-left:5px;font-weight: bold;color:#666;}
ul.bullets {margin: -18px 0 20px 30px;}
ul.bullets li {list-style:square;}
h3{display:block; font-size: 16px;}
h2{display:block; height:40px; background:#333; color:#f1f1f1; font-size:20px; padding: 15px 0 0 20px; margin:0}
h4{font-size: 15px; font-weight: bold; margin-top: 18px;}
.tabcontent {width: 580px; padding: 20px; line-height: 16px;}
.tabcontent p{margin-bottom:20px}
.wslide-wrap, #pageitem {height: 100%;}
#pageitem li {height: 100%; overflow: visible;}
.gallery img {
	width: 210px;
	height: 120px;
	object-fit: cover;
}
.gallery a{float:left;margin:0 0 20px 30px}
.gallery a:hover img{-ms-filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.contactleft{float:left;width:320px;margin-top:5px;padding-right:20px}
.contactright{float:left;width:240px;margin-top:5px;color:#222}
.contactleft label{color:#222;display:block;width:100px;float:left;clear:both;white-space:nowrap}
.contactleft input.text,.contactleft textarea{border:1px solid #444;padding: 0 0 0 4px;width:210px;background:#747474;display:block;color:#fff;font-size:13px}
.contactleft textarea{height:60px}
.contactleft input.text:focus,.contactleft textarea:focus,.contactleft input.submit:hover{background:#999}
.contactleft input.submit{text-transform:uppercase;border:1px solid #444;width:150px;background:#747474;color:#e5e5e5;font-size:10px;padding:3px;float:right;margin:4px;cursor:pointer}
.contactleft input.submit:active{margin:5px 4px 3px 4px; text-shadow:0 1px 2px rgba(0,0,0,0.35)}
.title { padding-left: 10px; padding-bottom: 20px;}
#mobilefooter, #mobilemenu {display: none;}
#pageitem-5 .tabcontent {width: 100%; padding: 20px 0 0 0;}
#pageitem-7 .tabcontent {height: calc(100% - 95px); overflow: auto;}
#alert {position: fixed; width: 100%; height: 100%; background: black; background-size: cover; background: rgba(0, 0, 0, 0.8); z-index: 90; overflow: hidden;}
#alert > div {width: 450px; max-width: 95%; min-height: 350px; max-height: 95%; background: white; margin: 275px auto; border-radius: 10px; overflow-x: hidden; overflow-y: auto; border: 4px solid black;}
#alert h2 {position: relative; width: 100%; display: block;}
#alert .popup {position: relative; padding: 20px;}
#alert ul, #alert li {list-style:disc;}
#alert ul {margin-bottom: 20px;}
#alert ul {padding-left: 20px;}
#alert #close {position: absolute; right: 30px; top: 13px; width: 30px; height: 30px; background: url('../images/prettyPhoto/default/sprite.png') 2px 1px no-repeat;	cursor: pointer;}

@media screen and (max-width: 954px) {
	html, body {height: 100%; background: #eaeaea;}
	body {width: 100%; font-size: 12pt; overflow: scroll; height: 100%; overflow-x: hidden;}
	.container {width:100%; height: 100%; position: relative; top: 0; left: 0; margin-left: 0; margin-top: 0; }
	.tabcontent {line-height: 20px;
	margin-bottom: 20px;}
	#content {width: 100%; height: 100%;}
	#pagebg {width: 100%; height: 100%; padding: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	#left, #right {width: 100%; height: 100%; overflow: visible;}
	#right {display: none;}
	#mobilemenu {display: block; position: relative; width: 100%; height: 40px; background:#333; color:#f1f1f1;font-size:14pt; line-height: 21pt; padding-top: 15px; font-weight: bold; overflow: hidden; z-index: 40;}
	#mobilemenu div {padding: 0 0 0 20px;}
	#mobilemenu img {vertical-align: top; margin-right: 10px;}
	#mobilemenu ul {margin: 4px 0 0 55px; display: none;}
	#mobilemenu ul.visible {display: block;}
	#mobilemenu ul li {list-style-type: none; background: #595959; margin: 4px 0; width: 200px; padding-left: 10px; cursor: pointer;}
	#mobilemenu ul li:hover {background: #696969; border-left: 4px solid white; width: 196px;}
	#mobilemenu ul a {color: White; font-weight: normal; display: block;}
	.tabcontent {width: auto;}
	.tabcontent p {margin-bottom: 18px;}
	#left img {width: 100%; height: auto;}
	.gallery{width:100%;}
	#mobilefooter {display: block; position: relative; bottom: 0; width: 100%; background: #333; color: White; font-size: 10pt; line-height: 13pt; text-align: center;}
	#mobilefooter div {padding: 8px 20px;}
	#mobilefooter a {color: White; text-decoration: none;}
	.contactleft{width:100%;}
	.contactright{width:100%;}
	#alert > div {margin: 75px auto;}
	#alert > div .tabcontent {font-size: 11pt; line-height: 16px !important;}
	h2 { display: none ;}
	h3{display:inline-block; font-size: 16px;}

	.tabcontent.contact {
		height: calc(100% - 95px);
	}

}

@media screen and (max-width: 550px) and (max-height: 6000px) {
	#alert > div {margin: 10px auto;}
	;
}
@media screen and (min-width: 954px) {
	.tabcontent.privacy {
		overflow: scroll;
		height: calc(100% - 95px);
	}
	}

#alert {
	display: none;
}

#alert {
	display: flex;
    align-items: center;
}