html { line-height: 1.4; /* 1 */  -webkit-text-size-adjust: 100%; /* 2 */} 
body {margin:0;background-color:#f1f1f1}
@font-face { font-family:Open Sans;src:url('OpenSans-Regular.ttf') } 
html,body {color:#101010;font-family: "Open Sans",Arial,sans-serif;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth;text-align:left}
@media only screen and (min-width:1600px), only screen and (min-device-width:1600px) {body {font-size:17px} }
@media only screen and (min-width:800px) and (max-width:1599px), only screen and (min-device-width:800px) and (max-device-width:1599px) {body {font-size:16px} }
@media only screen and (max-width:799px), only screen and (max-device-width:799px) {body {font-size:15px} }

.row {position:relative;max-width:1140px;margin:0 auto;padding:0}
.row:before, .row:after {content:" ";display:table;}
.row:after {clear:both;}

section {clear:both;padding:0;margin:0}
section ul {position:relative;left:16px;font-size:100%;display:inline}
section ol {position:relative;left:16px;font-size:100%;display:inline}

a:link, a:hover, a:visited {background-color:transparent;text-decoration:none;color:#87CEFA;cursor:pointer;pointer-events:auto}

.sml, small {font-size: 80%}
.lrg {font-size:120%}
img {border-style:none}

h1,h2 {letter-spacing:1px;word-spacing:4px}
h1 {font-size:2em;margin:0.1em 0;color:orange;text-align:center}
h2 {color:#efefff;line-height:125%;text-align:center;padding-bottom:14px;margin:12px 0 12px 0}
h3 {font-size:110%;padding:8px 0;color:#f1f1f1;text-align:center;background-color:#0f0f0f;background-image:url(https://www.thesecondwitness.com.au/wbimg/bghwbd.webp)}
h4 {line-height:1.1;margin-bottom:6px}

div, p, ul, ol {font-size:100%;line-height:1.4}

.video {position:relative;padding-bottom:56.25%;height:0;margin:auto}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%}

.tac {text-align:center}
.tal {text-align:left}
.tar {text-align:right}
.fs80 {font-size:80%}
.fs90 {font-size:90%}
.fs100 {font-size:100%}
.fs111 {font-size:111%}

.cllb {color:#87CEFA}
.clr {color:#ff0000}
.clm {color:maroon}
.cln {color:navy}
.cly {color:yellow}
.clly {color:#ffffab}
.clo {color:#ffa500}
.clgld {color:gold}
.clc {color:cyan}
.clw {color:white}
.clgr {color:#0a7d41}
.slvrt {color:#c2c2c2}
.gldt {color:#ffd90a}
.clblu {color:#044fad}
.clyo {color:#ffcc00}
.clyg {color:#9acd32}
.clmg {color:#ff00ff}
.clvi {color:#ee82ee}
.cllg {color:#999}

#dwnld {width:60%;margin:0 auto;border:1px solid #111;border-radius:14px;background-color:#f5f5f5;box-shadow: 1px 1px 4px #999;}
#prob {display:none}
#dwnld a:link,a:visited,a:active {color:#0033ff;text-decoration:underline;padding-bottom:1px;border-bottom:none}
#dwnld a:hover {color:#ff6600;text-decoration:underline;padding-bottom:1px;border-bottom:none}
@media handheld, only screen and (min-width:0) and (max-width:767px), only screen and (min-device-width:0px) and (max-device-width:767px) {#dwnld {width:80%} }

.btn:link,.btn:visited {display:inline-block;text-decoration:none;border-radius:20px;padding:4px 8px;margin:8px 0 8px 0;font-size:100%}
.btn-full:link,.btn-full:visited {background-color:#0a417d;border:2px solid gray;color:#ffcc33}
.btn:hover {background-color:#333;border:2px solid black;color:#fefefe}
.btn:active {background-color:#fff;border:2px solid gray;color:#000}

.btn-small:link, .btn-small:visited, .btn-small:active {display:inline-block;margin:0;padding:0 4px;font-size:70%;text-decoration:none;border:none;border-radius:50px;color:#00008b;background-color:#f3f3f3}
.btn-small:hover {color:#fff;background-color:#000055}

header {background-color:#0f0f0f;background-size:cover;background-position:top left;background-image:url(https://www.thesecondwitness.com.au/wbimg/bghwbd.webp)}

#top-menu {width:100%;max-width:1140px;padding:0;position:fixed;color:#fff;z-index:100;-webkit-transform: translate3d(0,0,0);background-color:#0f0f0f;background-image:url(https://www.thesecondwitness.com.au/wbimg/bghwbd.webp)}

#logo {position:fixed;top:10px;float:left;padding-left:2px}
#logo img {height:126px}

#menuc {position:fixed;right:2px;width:164px;margin:6px 8px 0 0;line-height:100%;z-index:100;transform:translate3d(0,0,0)}
#menuc ul {margin:0;padding:0;list-style:none}
#menuc li {display:inline-block;margin-bottom:12px}
#menuc li a, #menuc li a:link, #menuc li a:visited, #menuc li a:hover {color:#efefef;padding:8px 0px;font-weight:bold;text-decoration:none;cursor:pointer;pointer-events:auto}

#men2 {position:fixed;top:118px;width:98%;max-width:1136px;text-align:right}
.alert {padding:0 8px;border:none;font-size:100%}
.alert-success{color:#d4edda}
.alert-danger{color:#f8d7da}
.alert-warning{color:#fff3cd}
.alert-info{color:#d1ecf1}
.alert-success, .alert-danger, .alert-warning, .alert-info {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
  position: relative;
}
@-webkit-keyframes seconds {0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes seconds {0% {opacity: 1;} 100% {opacity: 0;}}

#menud {position:relative;top:114px;float:left;padding:0;margin:0;color:#ff9900;font-size:121%;text-align:left;z-index:100}

.ttl {position:fixed;width:100%;max-width:1140px;text-align:center;color:#ffcc00;font-size:170%;line-height:1.14;font-weight:bold;z-index:100}
.ttl2 {font-size:80%}

.txtbx {width:70%;margin:10px auto 12px auto;background-color:#fff;border:1px solid #cbcbcb;border-radius:12px;box-shadow: 0 3px 3px #c0c0c0;padding:12px 28px}
@media handheld, only screen and (min-width:0px) and (max-width:599px), only screen and (min-device-width:0px) and (max-device-width:599px) {.txtbx {border:none;box-shadow:0 0 0} }

@media handheld, only screen and (min-width:1366px), only screen and (min-device-width:1366px){ header, #top-menu {height:144px} .ttl {top:17px;font-size:192%} #logo img {height:126px} }

@media handheld, only screen and (min-width:1200px) and (max-width:1365px), only screen and (min-device-width:1200px) and (max-device-width:1365px){ header, #top-menu {height:144px;} .ttl {top:22px;font-size:170%} #logo img {height:126px} .txtbx {width:62%;margin:10px auto;padding:10px 20px} }

@media handheld, only screen and (min-width:1024px) and (max-width:1199px), only screen and (min-device-width:1024px) and (max-device-width:1199px) {header, #top-menu {height:140px;}  .ttl {top:22px;font-size:170%} #logo img {height:126px} .txtbx {width:64%;margin:10px auto;padding:9px 18px} }

@media handheld, only screen and (min-width:900px) and (max-width:1023px), only screen and (min-device-width:900px) and (max-device-width:1023px) { header, #top-menu {height:140px;} .ttl {top:27px;font-size:170%} #logo img {height:120px;margin-left:10px} .txtbx {width:74%;margin:8px auto;padding:8px 16px} }

@media handheld, only screen and (min-width:768px) and (max-width:899px), only screen and (min-device-width:768px) and (max-device-width:899px) { header, #top-menu {height:128px;} .ttl {top:30px;font-size:148%} #logo img {height:106px;margin-left:8px} #men2 {top:104px} #menud {top:100px;left:2px} .txtbx {width:81%;margin:8px auto;padding:9px 16px}  }

@media handheld, only screen and (min-width:600px) and (max-width:767px), only screen and (min-device-width:600px) and (max-device-width:767px) { header, #top-menu {height:124px} .ttl {top:20px;font-size:130%} #logo img {height:100px;margin-left:10px} #menuc {width:142px;margin-top:6px} #men2 {top:100px} #menud {top:96px;left:2px} .txtbx {width:90%;margin:8px auto;padding:8px 16px} }

@media handheld, only screen and (min-width:480px) and (max-width:599px), only screen and (min-device-width:480px) and (max-device-width:599px) { header, #top-menu {height:124px} .ttl {top:17px;width:233px;text-align:center;padding-left:2px;margin-left:100px;font-size:125%} #logo img {height:100px;margin-left:10px} #menuc {width:142px;margin-top:4px} #men2 {top:100px} #menud {top:100px;left:-50px} .txtbx {width:96%;margin:8px auto;padding:8px} }

@media handheld, only screen and (min-width:320px) and (max-width:479px), only screen and (min-device-width:320px) and (max-device-width:479px) { header, #top-menu {height:146px} .ttl {top:112px;left:4px;text-align:left;font-size:103%;line-height:.6} #logo img {height:92px;margin-left:4px} #menuc {top:0;width:133px;margin-top:2px;padding-top:0} #menuc li {margin-bottom:8px} #men2 {top:84px} #menud {display:none;top:123px;left:-105px;display:block;font-size:100%} .txtbx {width:95%;margin:8px auto;padding:6px 4px} }

@media handheld, only screen and (min-width:0) and (max-width:319px), only screen and (min-device-width:0) and (max-device-width:319px) { header, #top-menu {height:146px} .ttl {top:112px;left:4px;text-align:left;font-size:95%;line-height:.6} #logo img {height:92px;margin-left:4px} #menuc {margin:2px 4px 0 0;padding-top:0;top:0;width:133px} #menuc li {margin-bottom:8px} #men2 {top:84px} #menud {display:none;top:120px;left:-100px;display:block;font-size:111%} .txtbx {width:95%;margin:8px auto;padding:6px 4px} }

/*following fix just for iPad pro in landscape and iOS devices below*/
@media only screen and (max-width: 1024px) {header {background-attachment:scroll} }

.footer {color:#fff;border:1px solid #0f0f0f;background-color:#0f0f0f;text-align:center;background-image:url(https://www.thesecondwitness.com.au/wbimg/tmenbg.webp)}

.ccab {clear:both}

.fmen {margin:20px 0 10px 0;font-size:100%}
.fmen ul {margin:0;padding:0;list-style:none}
.fmen li {display:inline-block;padding:0 7px 0 7px}
.fmen li a:link, .fmen li a:visited {color:#87CEFA;padding:8px 0px;text-decoration:none;border-bottom: 2px solid transparent}
.fmen li a:hover,.footer-nav li a:active {border-bottom:2px solid transparent}
.fmen a:link, .fmen a:visited {color:#87CEFA;padding:8px 0px;text-decoration:none;border-bottom: 2px solid transparent}
.fmen a:hover,.footer-nav a:active {border-bottom:2px solid transparent}

.wbd {text-align:left;font-size:80%}
.wbd img {width:auto;float:left;height:74px;padding:0 8px 0 0}
#wbd {margin:13px auto;max-width:440px}
#wbd a:link, #wbd a:visited {color:#0033ff} #wbd a:hover {color:blue}

#dls {position:relative;width:100%;background-color:white;}
#overlay {position:absolute;left:0;top:0;background-color:white;width:100%;height:100%;z-index:10}
form {font-size:100%;line-height:1.5}
button {display:inline-block;margin:15px 5px 15px 5px;font-weight:300;text-decoration:none;border-radius:200px;color:#fff; -webkit-transition:background-color 0.2s, border 0.2s;transition:background-color 0.2s, border 0.2s;background-color:#00008b;border:2px solid #00008b;font-size:110%}
button:hover {background-color:#ffff55;border:2px solid #000055;color:#111}

.fnapc {border-radius:7px;background-color:#f2f2f2;padding:20px;max-width:900px;margin:0 auto;font-size:100%}
.fnapc label {padding:12px 12px 12px 0;display:inline-block}
.fnapc input[type=text] {width:98%;padding:12px;border:1px solid #ccc;border-radius:7px;resize:vertical}
.fnapc select {width:60%;padding:12px;border:1px solid #ccc;border-radius:7px;resize:vertical}

.tmen {margin:0;padding:0;font-size:100%;font-weight:500;color:#fff;border:1px solid #fff;background-color:#fefefe}
.tmen ul {list-style:none;margin:0;padding:10px 0 0 0;text-align:center}
.tmen li {display:inline-block;margin:0 20px 10px 0;padding:0;background-color:#ededed}
.tmen ul li a,.tmen ul li a:visited {color:darkblue;padding:4px;text-decoration:none}
.tmen ul li a:hover {color:red}

.website, input[type="text"]#website {opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1;}

#st {position:absolute;top:-1000px;left:-1000px;z-index:-123}

.books {background-color:#f4f4f4}
.bgcw {background-color:#fefefe}

.box {background-color:#fefefe;box-shadow: 1px 1px 4px #999;border-radius:5px;}
.box {padding:1%}

.col {display:block;float:left;margin:.5% 0 .5% .5%}

.col-25 {float:left;width:25%;margin-top:6px}
.col-75 {float:left;width:75%;margin-top:6px}
@media handheld, only screen and (max-width: 1072px) {.col-25, .col-75 {width:100%;margin-top:0} }

.tw97 {width:97%;margin:0 auto;padding:0 8px}

.bwc48 {width:48.0%;margin:0 1% 0 1%}
@media only screen and (max-width:599px), only screen and (max-device-width:599px) {.bwc48 {width:98.0%;padding:0 1%} }

.bw66 {width:66%;margin:0 auto}
.bw66 .boxp {min-height:204px}
@media only screen and (min-width:950px) and (max-width:1069px), only screen and (min-device-width:950px) and (max-device-width:1069px) {.bw66 {width:72%} }
@media only screen and (min-width:800px) and (max-width:949px), only screen and (min-device-width:800px) and (max-device-width:949px) {.bw66 {width:86%} }
@media only screen and (max-width:799px), only screen and (max-device-width:799px) {.bw66 {width:95%;margin:0} }

.bw73 {width:73%;margin:10px auto}
@media handheld, only screen and (min-width:480px) and (max-width:599px), only screen and (min-device-width:480px) and (max-device-width:599px) {.bw73 {width:99%;;margin:4px auto;padding:0 8px} }
@media handheld, only screen and (min-width:320px) and (max-width:479px), only screen and (min-device-width:320px) and (max-device-width:479px) {.bw73 {width:99%;;margin:4px auto;padding:0 8px} }
@media handheld, only screen and (min-width:0px) and (max-width:319px), only screen and (min-device-width:0px) and (max-device-width:319px) {.bw73 {width:99%;;margin:4px auto;padding:0 8px} }

.w76 {width:76%;margin:0 auto}
@media handheld, only screen and (min-width:600px) and (max-width:1199px), only screen and (min-device-width:600px) and (max-device-width:1199px) {.w76 {width:94%;max-width:900px} }
@media handheld, only screen and (min-width:0px) and (max-width:599px), only screen and (min-device-width:0px) and (max-device-width:599px) {.w76 {width:100%} }

.row2 {position:relative;width:100%;margin:0 auto;padding:0;max-width:1140px}
.w50 {float:left;width:50%;margin:0}
.box2 {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:2%;margin:1%}
.box2 img {max-width:160px;height:auto;border:1px solid black;margin-right:6px}
@media handheld, only screen and (max-width: 480px) {.box2 img {width:140px} }

.boxp {background-color:#fff;border:1px solid #888;border-radius:12px;box-shadow: 0 3px 3px #c0c0c0;padding:1px 2%;margin:1%;min-height:270px}
.boxp h3, .box2 h3 {border-radius:10px}
.boxp img {height:50px;width:auto;border:1px solid #999;vertical-align:middle;margin-right:3px}

.row3 {position:relative;width:100%;margin:0 auto;padding:0;max-width:1820px}
.col3 {display:block;float:left;margin: 0 0 0 0;width:100%}
.w333 {float:left;width:31.3%;margin:0 2% 2% 0}
@media handheld, only screen and (min-width:1024px) and (max-width:1599px), only screen and (min-device-width:1599px) and (max-width:1023px) {.boxp {min-height:250px} }
@media handheld, only screen and (min-width:600px) and (max-width:1023px), only screen and (min-device-width:600px) and (max-device-width:1023px) { .boxp {width:97%;box-shadow:0 0 0;min-height:242px} .row3 {width:100%} .col3 {width:100%;margin:0} .w333 {width:47%;margin:0 3% 1% 0}  }
@media handheld, only screen and (min-width:0px) and (max-width:599px), only screen and (min-device-width:0px) and (max-device-width:599px) {.boxp {width:99%;box-shadow:0 0 0;min-height:180px;padding-bottom:2px} .row3 {width:100%} .col3 {width:97%;margin:0} .w333 {width:98%} }

.w3rd {float:left;width:32.3%;margin:0 1% 2% 0}
.box3rd {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:2%;margin:1%;text-align:center}
.box3rd img {width:98%;max-width:200px;height:auto;border:1px solid black;margin-bottom:6px}

.w4th {float:left;width:24.5%;margin:0 .5% 2px 0}
.box4th {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:1%;margin:1% 1% 8px 1%;font-size:100%;text-align:center}
.box4th img {width:98%;max-width:180px;height:auto;border:1px solid black;margin-bottom:6px}
@media handheld, only screen and (min-width:0) and (max-width:479px), only screen and (min-device-width:0) and (max-device-width:479px) { .w4th {width:49.5%} .box4th img {width:98%;max-width:110px;height:110px} }

.w5th {float:left;width:19.5%;margin:0 .5% 2px 0}
.box5th {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:1%;margin:1% 1% 8px 1%;font-size:100%;text-align:center}
.box5th img {width:98%;max-width:180px;height:auto;border:1px solid black;margin-bottom:6px}
@media handheld, only screen and (min-width:0) and (max-width:359px), only screen and (min-device-width:0) and (max-device-width:359px) { .w5th {width:32.5%} }

@media handheld, only screen and (min-width:0) and (max-width:479px), only screen and (min-device-width:0) and (max-device-width:479px) { .w3rd {width:98%;margin:0 1% 3% 0} .box3rd img {width:110px;height:auto} }
@media handheld, only screen and (min-width:480px) and (max-width:639px), only screen and (min-device-width:480px) and (max-device-width:639px) { .w3rd {width:48.6%;margin:0 1% 2% 0} }

.w96 {width:96%;margin:0 auto}
.row9 {position:relative;width:100%;margin:0 auto;padding:0;max-width:1900px}
.row9:before, .row9:after {content:" ";display:table}
.row9:after {clear:both}
.w9th {float:left;width:10.6%;margin:0 .5% 2px 0}
.box9th {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:1%;margin:1% 1% 8px 1%;font-size:100%;text-align:center}
.box9th img {width:98%;max-width:180px;height:auto;border:1px solid black;margin-bottom:6px}
@media handheld, only screen and (min-width:480px) and (max-width:799px), only screen and (min-device-width:480px) and (max-device-width:799px) { .w9th {width:19.5%} .box9th {min-height:280px} }
@media handheld, only screen and (min-width:360px) and (max-width:479px), only screen and (min-device-width:360px) and (max-device-width:479px) { .w9th {width:24.5%} .box9th {min-height:280px} }
@media handheld, only screen and (min-width:0) and (max-width:359px), only screen and (min-device-width:0) and (max-device-width:359px) { .w9th {width:32.5%} }

.w12 {width:96%;margin:0 auto}
.row12 {position:relative;width:100%;margin:0 auto;padding:0;max-width:1800px}
.w12 {position:relative;float:left;width:7.8%;margin:0 .5% 2px 0}
.box12 {background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 3px #c0c0c0;padding:1%;margin:1% 1% 12px 1%;font-size:90%;text-align:center;min-height:300px}
.box12 img {width:98%;max-width:180px;height:auto;border:1px solid black;margin-bottom:6px}

@media handheld, only screen and (min-width:1700px) and (max-width:1799px), only screen and (min-device-width:1700px) and (max-device-width:1799px) { .w12 {width:7.8%} .box12 {min-height:288px} }
@media handheld, only screen and (min-width:1600px) and (max-width:1699px), only screen and (min-device-width:1600px) and (max-device-width:1699px) { .w12 {width:7.8%} .box12 {min-height:276px} }
@media handheld, only screen and (min-width:1500px) and (max-width:1599px), only screen and (min-device-width:1500px) and (max-device-width:1599px) { .w12 {width:7.8%} .box12 {min-height:264px} }
@media handheld, only screen and (min-width:1400px) and (max-width:1499px), only screen and (min-device-width:1400px) and (max-device-width:1499px) { .w12 {width:7.8%} .box12 {min-height:254px} }
@media handheld, only screen and (min-width:1300px) and (max-width:1399px), only screen and (min-device-width:1300px) and (max-device-width:1399px) { .w12 {width:7.8%} .box12 {min-height:242px} }
@media handheld, only screen and (min-width:1024px) and (max-width:1299px), only screen and (min-device-width:1024px) and (max-device-width:1299px) { .w12 {width:7.8%} .box12 {min-height:246px} }
@media handheld, only screen and (min-width:900px) and (max-width:1023px), only screen and (min-device-width:900px) and (max-device-width:1023px) { .w12 {width:11.98%} .box12 {min-height:260px} }
@media handheld, only screen and (min-width:800px) and (max-width:899px), only screen and (min-device-width:800px) and (max-device-width:899px) { .w12 {width:15.6%} .box12 {min-height:284px} }
@media handheld, only screen and (min-width:700px) and (max-width:799px), only screen and (min-device-width:700px) and (max-device-width:799px) { .w12 {width:19.5%} .box12 {min-height:300px} }
@media handheld, only screen and (min-width:640px) and (max-width:699px), only screen and (min-device-width:640px) and (max-device-width:699px) { .w12 {width:19.5%} .box12 {min-height:276px} }
@media handheld, only screen and (min-width:580px) and (max-width:639px), only screen and (min-device-width:580px) and (max-device-width:639px) { .w12 {width:19.5%} .box12 {min-height:260px} }
@media handheld, only screen and (min-width:480px) and (max-width:579px), only screen and (min-device-width:480px) and (max-device-width:579px) { .w12 {width:24.5%} .box12 {min-height:280px} }
@media handheld, only screen and (min-width:414px) and (max-width:479px), only screen and (min-device-width:360px) and (max-device-width:479px) { .w12 {width:24.5%} .box12 {min-height:250px} }
@media handheld, only screen and (min-width:360px) and (max-width:413px), only screen and (min-device-width:360px) and (max-device-width:413px) { .w12 {width:32.5%} .box12 {min-height:272px} }
@media handheld, only screen and (min-width:320px) and (max-width:359px), only screen and (min-device-width:320px) and (max-device-width:359px) { .w12 {width:49.5%} .box12 {min-height:308px} }
@media handheld, only screen and (min-width:0) and (max-width:319px), only screen and (min-device-width:0) and (max-device-width:319px) { .w12 {width:49.5%} .box12 {min-height:298px} }