body {margin:0;}
ul{padding:20px 0 20px 5%;text-align:left;}
#mySidebar #daynighttoggle{position:absolute;bottom:50px;right:40%;}
.centered{margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.sticky{position: fixed;top: 0;width: 100%;height:auto;box-shadow: 0 2px 4px #ccc;z-index:1000}
.clrlft{clear:left;}
.lft{float:left}
.rgt{float:right}
.material-icons.star {color: #999;}
#znoinbotbutton,#znoinbotbuttondis{padding: 1px 0;float:left;}
#znoinbotbutton{cursor: pointer;}
#znoinbotbuttondis{color:#ddd;}
#znoinbotbutton,.znocell{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}

body,.stickytimer,#myHeader,#mySidebar #daynighttoggle,#znoinbotbutton,.myzononum,.sidebar,.sidebar a,.horadshadow {-webkit-transition: all 0.35s linear;-moz-transition: all 0.35s linear;transition: all 0.35s linear;}

.stickytimer{position: fixed;top:0;right: 0;width:30%;background-color: #fff;z-index: 1000;text-align: right;padding: 0 3% 0 0;}
.stickytimer .timeout{margin:0}
.stickytimer .stickyhide{display:none}
#myTimer,.timer{height:92px;line-height:1;text-align:center;}
#myTimer.stickytimer p{text-align:right;}
#myHeader{width:94%;padding:10px 3%;background-color:#fff;float: left;border-bottom:1px solid #ddd;}
#myHeader .material-icons{font-size:36px;margin:20px 0 0 0;}
.timer{width:100%;position: relative;}
.timer p{width: 100%;}
.znoheader{width:100%; height:auto; text-align:justify;float: left;}
.znocell{float:left; border:1px solid #ddd; width:94%; padding: 20px 3%;margin:0 0 20px 0;text-align:left; display:table;position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)}
.znocellinc{border:1px solid #cc0000;}
.znocellnum{float:right;color:#eee;font-size:60px;position: absolute;z-index: 10;bottom:10px;line-height:1;right:2.5%;font-family: times;}
.znocellque{float:left;width:100%;margin:0 0 8px 0}
.znocellans{float:left;margin: 0 0 20px 5%;position: relative;width:95%;z-index: 100;-webkit-user-select: none;}
.cheat{float:left;margin: 0 0 20px 0;display:none;line-height: 1.5;font-size:16px;width: 100%;position: relative;z-index: 200;}
.cheathelp,.cheathelperr,.cheatemail{float:right;margin:0 0 4px 11%;clear: right;position: relative;z-index: 20;}
.cheathelp{cursor:default}	
.cheathelperr.material-icons{color:#cc0000}
.cheatlabel{display:none;}
.cheatemail.material-icons.red{margin: 0 0 12px 13%;}

.container {display: table;float: left;position: relative;padding:0 10px 0 35px;margin-top: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark,.checkmarkinc,.checkmarkgreen{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #017eff;}
.container input:checked ~ .checkmarkinc {background-color: #cc0000;}
.container input:checked ~ .checkmarkgreen {background-color: green;}
.checkmark:after,.checkmarkinc:after,.checkmarkgreen:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after,.container input:checked ~ .checkmarkinc:after,.container input:checked ~ .checkmarkgreen:after {display: block;}
.container .checkmark:after,.container .checkmarkinc:after,.container .checkmarkgreen:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.emty12{height: 12px;float: left;clear: left;}
.znocelltimer{text-align:center;float: left;width: 100%;}
.timeout{color:red}
.timeout{float:left; font-size:26px; width:100%; text-align:center; font-family:Times; margin:20px 0}
.znoresultsrow{float:left; width:98%; padding:1%; display:table; border-bottom:1px solid #ddd}
.znoresultsclm1{float:left; margin-right:1%; width:5%; text-align:right;}
.znoresultsclm2{float:left; margin-right:1%; width:30%; text-align:center;}
.znoresultsclm3{float:left; margin-right:1%; width:20%; text-align:center;}
.znoresultsclm4{float:right; width:auto; text-align:left;}
.znoresultsyour{background-color:#ddd;}
.spanright{font-size:16px;}
#imque{width:100%;margin:12px 0 0 0}
#imans{float:left;max-width:267px;}
#ifstar{float: right;width: 23px;height: 25px;margin: 0 0 12px 11%;}
.star{cursor:pointer;}

#mySidebar .material-icons{font-size:36px;color:#cc0000;}
.centered.myzononum{margin:2px 0 0 60px;}
.myzononum{background-color: #222;width: 38px;height: 38px;padding: 4px;text-align: center;line-height: 2;font-size: 18px;border-radius: 50%;}
.sidebar {height: 100%;width: 0;padding: 13px 0;position: fixed;z-index: 10000;top: 0;right: 0;background-color: #222;overflow-x: hidden;}
.sidebar a {padding: 13px 0 13px 36px;cursor:pointer;color: #ddd;text-decoration: none;display: block;float: left;position: relative;clear: left;width: 214px;font-size: 18px;}
.sidebar a:hover {color: #cc0000;}
.sidebar:hover .red,.sidebar:hover .myzononum {	color: #ddd;background-color: #cc0000;}
.sidebar .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.openbtn {font-size: 20px;cursor: pointer;background-color: #111;color: white;padding: 10px 15px;border: none;}
.openbtn:hover {background-color: #444;}
.hide{display:none;}
.show{display:block;}

#horad{width:100%;margin:20px auto;cursor:pointer;position: relative;max-width:1200px;height: 300px;}
#horadimg{width:100%;height: 300px;float: left;}
.horadbadge{position:relative;float:left;margin:-300px 0 0 0;}
.horadheader{width:75%;line-height:1.0;font-family:'Lora',serif;margin:40px 0 0 0;color:#fff;font-size:40px;text-shadow: #333 1px 1px 0px;z-index:10;font-family: 'Open Sans Condensed',sans-serif;font-weight: bold;}
.horadshadow{height:200px;background: linear-gradient(#ff000000,#22222280);background: -webkit-linear-gradient(#ff000000,#22222280);position: absolute;bottom: 0;width: 100%;}
#horad:hover .horadshadow{opacity:0}
.modal,.modaltst {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn;-webkit-animation-duration: 0.4s;animation-name: fadeIn;animation-duration: 0.4s}
.modal-content {background-color: #fff;width:360px;box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);}
.close,.closetst {color: white;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.closetst:hover,
.close:focus,.closetst:hover {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 20px 5%;background-color: #017eff;color: white;text-align:left;}
.modal-body {padding: 0 5%;font-size:16px;text-align:left;}
.modal-body ul {padding: 20px 0;}
@-webkit-keyframes fadeIn {from {opacity: 0} to {opacity: 1}}
@keyframes fadeIn {from {opacity: 0} to {opacity: 1}}


@media (max-width: 1024px){ 
.sidebar .red,.myzononum{background-color: #cc0000;}
}

@media (max-width: 960px){ 
.horadheader{font-size:35px;}
#horad{margin:0 auto;}
}

@media (max-width: 480px){ 
body{font-size:18px;}
#znoinbotbutton,#znoinbotbuttondis{padding:4px 0;}
.cheathelp, .cheathelperr{margin: 0 0 14px 17%;}
.horadheader{width:90%;font-size:33px;}
#horad{margin:0;}
#horad,#horadimg{height:500px;}
.horadbadge{margin: -470px 0 0 0;}
#horad .horadheader{margin:150px 0 0 0;}
.znoheader{text-align:left;}
#myHeader .material-icons {margin: 7px 0 0 0;}
#myTimer, .timer {height: 67px;}
.sidebar{0 0 0 13px}
}

@media screen and (max-height: 450px) {
.sidebar {padding-top: 15px;}
.sidebar a {font-size: 18px;}
}