@import url(//fonts.googleapis.com/css?family=Roboto:300,500,700,900|Roboto+Condensed:300,400,500,700,900|Roboto+Slab:300,500,700,900);
html {background: rgba(0,0,0,.9)}
body { width:100%;height:100%;overflow:hidden;margin:0px;padding:0px;font-family:'Roboto', sans-serif;font-weight: 500}
a:link, a:visited, a:active {font-family:'Roboto', sans-serif;color:#777;text-decoration:underline}
a:hover{text-decoration: none;color: black}
b {font-weight: 500}
input[type=text], textarea {background-color:rgba(255,255,255,0.7);width: 100%;padding: .5em 1em;margin: 8px 0;display: inline-block;border: 0px;border-radius: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:1.2em;font-weight: 700;color:rgb(0,104,221)}
input[type=text]:focus, textarea:focus {background-color: rgba(255,255,255,1)}
input[type=submit] {-webkit-appearance: none;font-size: 1em;width: 100%;border-radius: 8px 8px 0 0;background: rgba(0, 104, 221, 0.7);color: gray;border: 0;box-sizing: border-box;padding: 1em;cursor: pointer;font-weight:700}
input[type=submit]:hover {background-color: rgba(0,104,221,1);color: white}
.select-css {display: block;font-size: 1.2em;font-family:'Roboto', sans-serif;font-weight: 700;color:rgb(0,104,221);line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border: 0;border-radius: 8px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: rgba(255,255,255,0.7);background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}
.select-css::-ms-expand {display: none;}
.select-css:focus {background-color: rgba(255,255,255,1)}
.select-css option {font-weight:500;}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0.01;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 6em;
  cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  left: 0; top: -.1em;
  width: 5.3em; height: 1.85em;
  background: #DDDDDD;
  border-radius: 1em;
  transition: background-color .2s;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  width: 1.4em; height: 1.4em;
  transition: all .2s;
  border-radius: 50%;
  background: #7F8C9A;
  top: .12em; left: .24em;
}
.text {
  display: inline-block;
  vertical-align: middle;
}

/* on checked */
[type="checkbox"]:checked + label:before {
  background:#34495E; 
}
[type="checkbox"]:checked + label:after {
  background: #39D2B4;
  left: 3.6em;
}

[type="checkbox"]:checked + label .ui,
[type="checkbox"]:not(:checked) + label .ui:before,
[type="checkbox"]:checked + label .ui:after {
  position: absolute;
  left: .6em;
  width: 6em;
  border-radius: 1em;
  font-size: .875em;
  font-weight: 700;
  transition: all .2s;
}
[type="checkbox"]:not(:checked) + label .ui:before {
  content: "no";
  left: 2.35em;
  top: .2em;
  color: black;
}
[type="checkbox"]:checked + label .ui:after {
  content: "yes";
  top: .2em;
  left: .2em;
  color: #39D2B4;
}
#agree[type="checkbox"]:not(:checked) + label .ui:before {
  content: "no";
  left: 2.35em;
  top: .2em;
}
#agree[type="checkbox"]:checked + label .ui:after {
  content: "I agree";
  top: .2em;
  left: .2em;
  color: #39D2B4;
}
[type="checkbox"]:focus + label:before {
  border: 1px dashed #777;
  box-sizing: border-box;
  margin-top: -1px;
}
#closebtn {-webkit-appearance: none;font-size: .7em;width: 100%;border-radius:0px 0px 8px 8px;background: rgba(103, 0, 0, 0.7);color: gray;border: 0;box-sizing: border-box;padding: 1em;cursor: pointer;font-weight:700;}
#closebtn:hover {background-color: rgba(103,0,0,1);color: white}
#oinwul {list-style: none;list-style-type: none;margin: 0;padding: 0;position: absolute;bottom:5px;right: 5px;width: 28px;height:28px;z-index: 1600}
#oinwul a:hover {background-position: top}
#map, #jb-container {position: absolute;top:45px;left:0;z-index:10;width: 100%;height: calc(100% - 60px);}
#pdful {position: fixed;display:block;bottom:1em;right: 2em;z-index: 7000;font-size:.8em;}
#pdful a:link, #pdful a:visited, #pdful a:active {margin-top:5px;padding: 1em;background: rgba(103, 0, 0, 0.7);display:block;width:auto;text-decoration: none;color:white;font-weight: 500;cursor: pointer;text-align: center}
#pdful a:hover {text-decoration: none;color: white;background: rgba(103, 0, 0, 1)}
#toc {list-style: none;padding:0px;margin:0;position: relative}
#toc li a:link, #toc li a:visited, #toc li a:active {display: block;padding: 5px 10px 5px 10px;text-decoration: none;width:310px}
#toc li a:hover {background-color: gray;color:white}
#sod {background: #f1efef;z-index: 798;border-left: solid 1px #ccc;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;width:330px}
#pagination{position: absolute;bottom: 0px;width: 100%;z-index: 801;height: auto;text-align: center;padding: 5px 0 5px 0px;background-color: #f1efef;border-top:1px solid #ccc;overflow: hidden;z-index:1500}
#pagination a:link, #pagination a:visited, #pagination a:active, #previous_next a:visited,#previous_next a:active {width:auto;border:solid 1px #ccc;padding:2px 5px;text-decoration: none;background-color:white;}
#pagination a:hover {background-color: gray;color:white}
label {font-family:'Roboto', sans-serif; font-weight:300;margin-top: .5em;display:block;font-size:.8em}
#prooftab {display:flex; justify-content: center;flex-direction: column;width:100%;height:45px;background: rgba(34, 124, 0, 1);border-bottom:3px rgba(69,255,0,1) solid; color: white;text-align: center;cursor: pointer;z-index:10000;position: absolute;top:0;left:0;font-weight: 700; text-transform: uppercase;font-size: 1.6em}
#prooftab:hover {background: rgba(18, 69, 0, 1); border-color: rgba(69,255,0,.3);color: rgba(69,255,0,.4)}
#proofformcontainer{display:none;text-align: center;width: 100%;height: calc(100% - 45px);background: rgba(0,0,0,0.95);position: absolute;top:45px;left:0;z-index: 15000;overflow: auto;font-size:1.5em}
#proofform{text-align: left;display: block;width:90%;max-width:800px;margin:0 auto;color: white}
#pdful1 {display:none}
#pdful1 a, #pdful1 a:visited, #pdful1 a:active, #pdful1 a:focus {text-decoration:none;color:#707070;font-size:.8em;text-align:center;font-weight:500;padding:.6em;line-height:1.5em;}
#pdful1 a:hover{color:black}
#Header {z-index:4000;width:100%;font-family:'Roboto', sans-serif;color:#8b8b8b;font-weight:700;font-size:1.5em;text-align:center;background:rgba(0,0,0,.9);position: absolute;top:45px;left: 0;padding: 1em 0;display: block}
#Footer {position:fixed;bottom:0px;z-index:4000;width:100%;font-family:'Roboto', sans-serif;color:#8b8b8b;font-weight:700;font-size:1.5em;padding:1em 0;text-align:center;background:rgba(0,0,0,.9)}
#Footer p {font-size:.5em;color:#8b8b8b;text-align:left;width:60%;margin:0 1em;font-weight:500}
@media (max-width: 1000px) {
	#proofformcontainer {font-size:1.2em;}
	}
@media (max-width: 700px) {
#Header {font-size:1.2em;padding:.5em 0}
#Footer {font-size:1.2em;bottom: 90px;padding:.5em 0;}
#Footer p {width:auto}
#pdful {width: 100%;bottom: 0;right:0;margin: 0}
#proofformcontainer {font-size:1em;}
#jb-container {height: calc(100% - 130px)}
}
@media (max-width: 425px) {
#prooftab {font-size:.8em;}
}